Add new Theme Controller component

[Copilot]

This PR implements a new ThemeController component that provides comprehensive support for DaisyUI's theme switching functionality. The component follows the established patterns in the repository and supports all the theme controller variations found in DaisyUI.

Features

The ThemeController component supports multiple input types for theme switching:

• Checkbox - Simple checkbox theme toggle
• Toggle - Styled toggle switch with optional text labels and icons
• Radio - Multiple radio inputs with labels in a fieldset
• Radio Button - Radio inputs styled as buttons in a join group
• Dropdown - Dropdown menu with theme selection options
• Swap - Swap component with animated sun/moon icons using Phosphor icons
• Toggle with Icons Inside - Special DaisyUI pattern with internal Phosphor icons

Usage Examples

<!-- Simple checkbox toggle -->
<%= render(DaisyUI::ThemeController.new(value: "dark")) %>

<!-- Toggle with sun/moon icons -->
<%= render(DaisyUI::ThemeController.new(
  type: :toggle,
  value: "dark",
  icon_before: helpers.sun_icon,
  icon_after: helpers.moon_icon
)) %>

<!-- Radio button selection -->
<%= render(DaisyUI::ThemeController.new(
  type: :radio_button,
  name: "theme-buttons",
  themes: [
    { value: "light", label: "Light" },
    { value: "dark", label: "Dark" },
    { value: "cyberpunk", label: "Cyberpunk" }
  ]
)) %>

<!-- Dropdown theme selector -->
<%= render(DaisyUI::ThemeController.new(
  type: :dropdown,
  button_text: "Choose Theme",
  themes: [
    { value: "light", label: "Light" },
    { value: "dark", label: "Dark" }
  ]
)) %>

Implementation Details

• API Design: Follows existing component patterns with enum validation, system arguments support, and proper class computation
• HTML Standards: Correctly handles boolean attributes (omits checked="false" rather than including it)
• Icon System: Uses Phosphor icons consistently through the IconsHelper module, eliminating hardcoded SVG content
• Unified Tag Helpers: Leverages Rails tag helper patterns with consolidated attribute building for maintainable code structure
• Flexibility: Supports custom CSS classes, icons, text labels, and all DaisyUI theme controller patterns
• Testing: Includes comprehensive preview examples with inline rendering and test coverage using PreviewTestConcern

The component generates HTML that exactly matches the expected DaisyUI theme controller patterns and includes a playground preview for interactive testing of all features. The implementation uses a unified approach with Rails tag helpers to minimize code duplication and improve maintainability.

Fixes #30.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

[Nittarab]

@copilot use the phospor icon, remove the SVG stuff

[Copilot]

@copilot use the phospor icon, remove the SVG stuff

Replaced all hardcoded SVG icons with Phosphor icons. The ThemeController now uses sun_icon, moon_icon, and chevron_down_icon from the IconsHelper module, eliminating the inline SVG code. Changes made in commit a5aa92d.

[Nittarab]

@copilot

run
/bin/fix_trailing_newlines.sh

then ensure the rails tests are passing

[Copilot]

@copilot

run
...

Fixed trailing newlines in 13 files using ./bin/fix_trailing_newlines.sh and confirmed all Rails tests are passing (268 runs, 489 assertions, 0 failures). Also updated test fixtures to match the new Phosphor icon output. Changes committed in e3be34d.

[codecov]

Codecov Report

❌ Patch coverage is 97.96954% with 4 lines in your changes missing coverage. Please review.
✅ Project coverage is 99.51%. Comparing base (3bc28ae) to head (e3be34d).
⚠️ Report is 2 commits behind head on main.

Files with missing lines	Patch %	Lines
...pp/components/daisy_ui/actions/theme_controller.rb	96.03%	4 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main      #31      +/-   ##
==========================================
- Coverage   99.67%   99.51%   -0.17%     
==========================================
  Files          68       71       +3     
  Lines        1870     2067     +197     
  Branches      129      166      +37     
==========================================
+ Hits         1864     2057     +193     
- Misses          6       10       +4     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Nittarab]

@copilot
We can improve the approach of the theme controller component. Even if there are different previews with different types, we can use a tag.(type:) (check rails doc)
and paste the type of the tag and all the attributes that are currently manipulated for that type.

[Nittarab]

discard this change

[Copilot]

Reverted the .gitignore change to remove the /vendor/ entry in commit f0ede5a.

[Nittarab]

There is no need to render with a template these previews render them inline

[Copilot]

Converted all preview methods from template-based rendering to inline component rendering and removed the unnecessary template files in commit f0ede5a.

[Copilot]

@copilot
We can improve the approach of the theme controller component. Even if there are different previews with different types, we can use a tag.(type:) (check rails doc)
and paste the type of t...

Improved the ThemeController component approach using Rails' tag helper more effectively in commit 2028fb1. Now uses unified tag.(type:) patterns with consolidated base_input_attributes, base_checkbox_attributes, and base_radio_attributes methods. This eliminates code duplication and provides a more maintainable structure while preserving all existing functionality.