daisyui 1.0.0

data/lib/daisy_ui/button.rb

@@ -0,0 +1,197 @@
+# frozen_string_literal: true
+
+require "phlex/version"
+
+module DaisyUI
+  class Button < Base
+    self.component_class = :btn
+
+    def initialize(*, as: :button, modal: nil, **)
+      super(*, as:, **)
+      @modal = modal
+    end
+
+    def view_template(&)
+      if modal
+        public_send(
+          as,
+          class: classes,
+          onclick: safe("#{Phlex::Escape.html_escape(modal)}.showModal()"),
+          **attributes,
+          &
+        )
+      else
+        public_send(as, class: classes, **attributes, &)
+      end
+    end
+
+    private
+
+    attr_reader :modal
+
+    register_modifiers(
+      # "sm:no-animation"
+      # "@sm:no-animation"
+      # "md:no-animation"
+      # "@md:no-animation"
+      # "lg:no-animation"
+      # "@lg:no-animation"
+      no_animation: "no-animation",
+      # "sm:glass"
+      # "@sm:glass"
+      # "md:glass"
+      # "@md:glass"
+      # "lg:glass"
+      # "@lg:glass"
+      glass: "glass",
+      # "sm:btn-ghost"
+      # "@sm:btn-ghost"
+      # "md:btn-ghost"
+      # "@md:btn-ghost"
+      # "lg:btn-ghost"
+      # "@lg:btn-ghost"
+      ghost: "btn-ghost",
+      # "sm:btn-link"
+      # "@sm:btn-link"
+      # "md:btn-link"
+      # "@md:btn-link"
+      # "lg:btn-link"
+      # "@lg:btn-link"
+      link: "btn-link",
+      # "sm:btn-outline"
+      # "@sm:btn-outline"
+      # "md:btn-outline"
+      # "@md:btn-outline"
+      # "lg:btn-outline"
+      # "@lg:btn-outline"
+      outline: "btn-outline",
+      # "sm:btn-active"
+      # "@sm:btn-active"
+      # "md:btn-active"
+      # "@md:btn-active"
+      # "lg:btn-active"
+      # "@lg:btn-active"
+      active: "btn-active",
+      # "sm:btn-disabled"
+      # "@sm:btn-disabled"
+      # "md:btn-disabled"
+      # "@md:btn-disabled"
+      # "lg:btn-disabled"
+      # "@lg:btn-disabled"
+      disabled: "btn-disabled",
+      # "sm:btn-lg"
+      # "@sm:btn-lg"
+      # "md:btn-lg"
+      # "@md:btn-lg"
+      # "lg:btn-lg"
+      # "@lg:btn-lg"
+      lg: "btn-lg",
+      # "sm:btn-md"
+      # "@sm:btn-md"
+      # "md:btn-md"
+      # "@md:btn-md"
+      # "lg:btn-md"
+      # "@lg:btn-md"
+      md: "btn-md",
+      # "sm:btn-sm"
+      # "@sm:btn-sm"
+      # "md:btn-sm"
+      # "@md:btn-sm"
+      # "lg:btn-sm"
+      # "@lg:btn-sm"
+      sm: "btn-sm",
+      # "sm:btn-xs"
+      # "@sm:btn-xs"
+      # "md:btn-xs"
+      # "@md:btn-xs"
+      # "lg:btn-xs"
+      # "@lg:btn-xs"
+      xs: "btn-xs",
+      # "sm:btn-wide"
+      # "@sm:btn-wide"
+      # "md:btn-wide"
+      # "@md:btn-wide"
+      # "lg:btn-wide"
+      # "@lg:btn-wide"
+      wide: "btn-wide",
+      # "sm:btn-block"
+      # "@sm:btn-block"
+      # "md:btn-block"
+      # "@md:btn-block"
+      # "lg:btn-block"
+      # "@lg:btn-block"
+      block: "btn-block",
+      # "sm:btn-circle"
+      # "@sm:btn-circle"
+      # "md:btn-circle"
+      # "@md:btn-circle"
+      # "lg:btn-circle"
+      # "@lg:btn-circle"
+      circle: "btn-circle",
+      # "sm:btn-square"
+      # "@sm:btn-square"
+      # "md:btn-square"
+      # "@md:btn-square"
+      # "lg:btn-square"
+      # "@lg:btn-square"
+      square: "btn-square",
+      # Colors
+      # "sm:btn-neutral"
+      # "@sm:btn-neutral"
+      # "md:btn-neutral"
+      # "@md:btn-neutral"
+      # "lg:btn-neutral"
+      # "@lg:btn-neutral"
+      neutral: "btn-neutral",
+      # "sm:btn-primary"
+      # "@sm:btn-primary"
+      # "md:btn-primary"
+      # "@md:btn-primary"
+      # "lg:btn-primary"
+      # "@lg:btn-primary"
+      primary: "btn-primary",
+      # "sm:btn-secondary"
+      # "@sm:btn-secondary"
+      # "md:btn-secondary"
+      # "@md:btn-secondary"
+      # "lg:btn-secondary"
+      # "@lg:btn-secondary"
+      secondary: "btn-secondary",
+      # "sm:btn-accent"
+      # "@sm:btn-accent"
+      # "md:btn-accent"
+      # "@md:btn-accent"
+      # "lg:btn-accent"
+      # "@lg:btn-accent"
+      accent: "btn-accent",
+      # "sm:btn-info"
+      # "@sm:btn-info"
+      # "md:btn-info"
+      # "@md:btn-info"
+      # "lg:btn-info"
+      # "@lg:btn-info"
+      info: "btn-info",
+      # "sm:btn-success"
+      # "@sm:btn-success"
+      # "md:btn-success"
+      # "@md:btn-success"
+      # "lg:btn-success"
+      # "@lg:btn-success"
+      success: "btn-success",
+      # "sm:btn-warning"
+      # "@sm:btn-warning"
+      # "md:btn-warning"
+      # "@md:btn-warning"
+      # "lg:btn-warning"
+      # "@lg:btn-warning"
+      warning: "btn-warning",
+      # "sm:btn-error"
+      # "@sm:btn-error"
+      # "md:btn-error"
+      # "@md:btn-error"
+      # "lg:btn-error"
+      # "@lg:btn-error"
+      error: "btn-error"
+    ).freeze
+  end
+end

data/lib/daisy_ui/calendar.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="cally" or class="pika-single"
+  # Supports Cally web component and Pikaday date picker
+  class Calendar < Base
+    self.component_class = :calendar
+
+    # Register custom web component elements
+    register_element :calendar_date
+    register_element :calendar_month
+
+    def initialize(*, type: :cally, **)
+      super(*, **)
+      @type = type
+    end
+
+    def view_template(&)
+      case type
+      when :cally
+        render_cally(&)
+      when :pikaday
+        render_pikaday
+      end
+    end
+
+    private
+
+    attr_reader :type
+
+    def render_cally(&block)
+      calendar_date(class: classes, **attributes, &block)
+    end
+
+    def render_pikaday
+      input(type: :text, class: classes, **attributes)
+    end
+
+    def base_class
+      case type
+      when :cally
+        "cally"
+      when :pikaday
+        "input pika-single"
+      end
+    end
+  end
+end

data/lib/daisy_ui/card.rb

@@ -0,0 +1,73 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Card < Base
+    self.component_class = :card
+
+    def initialize(*, as: :section, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def body(**opts, &)
+      div(class: component_classes("card-body", options: opts), **opts, &)
+    end
+
+    def title(**opts, &)
+      header(class: component_classes("card-title", options: opts), **opts, &)
+    end
+
+    def actions(**opts, &)
+      footer(class: component_classes("card-actions", options: opts), **opts, &)
+    end
+
+    register_modifiers(
+      # "sm:image-full"
+      # "@sm:image-full"
+      # "md:image-full"
+      # "@md:image-full"
+      # "lg:image-full"
+      # "@lg:image-full"
+      image_full: "image-full",
+      # "sm:card-bordered"
+      # "@sm:card-bordered"
+      # "md:card-bordered"
+      # "@md:card-bordered"
+      # "lg:card-bordered"
+      # "@lg:card-bordered"
+      bordered: "card-bordered",
+      # "sm:card-normal"
+      # "@sm:card-normal"
+      # "md:card-normal"
+      # "@md:card-normal"
+      # "lg:card-normal"
+      # "@lg:card-normal"
+      normal: "card-normal",
+      # "sm:card-compact"
+      # "@sm:card-compact"
+      # "md:card-compact"
+      # "@md:card-compact"
+      # "lg:card-compact"
+      # "@lg:card-compact"
+      compact: "card-compact",
+      # "sm:card-side"
+      # "@sm:card-side"
+      # "md:card-side"
+      # "@md:card-side"
+      # "lg:card-side"
+      # "@lg:card-side"
+      side: "card-side",
+      # "sm:glass"
+      # "@sm:glass"
+      # "md:glass"
+      # "@md:glass"
+      # "lg:glass"
+      # "@lg:glass"
+      glass: "glass",
+      **COLOR_MODIFIERS
+    )
+  end
+end

data/lib/daisy_ui/carousel.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="carousel"
+  class Carousel < Base
+    self.component_class = :carousel
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def item(**opts, &)
+      div(class: component_classes("carousel-item", options: opts), **opts, &)
+    end
+
+    register_modifiers(
+      # "sm:carousel-start"
+      # "@sm:carousel-start"
+      # "md:carousel-start"
+      # "@md:carousel-start"
+      # "lg:carousel-start"
+      # "@lg:carousel-start"
+      start: "carousel-start",
+      # "sm:carousel-center"
+      # "@sm:carousel-center"
+      # "md:carousel-center"
+      # "@md:carousel-center"
+      # "lg:carousel-center"
+      # "@lg:carousel-center"
+      center: "carousel-center",
+        # "sm:carousel-end"
+        # "@sm:carousel-end"
+        # "md:carousel-end"
+        # "@md:carousel-end"
+        # "lg:carousel-end"
+        # "@lg:carousel-end"
+      end: "carousel-end",
+      # "sm:carousel-vertical"
+      # "@sm:carousel-vertical"
+      # "md:carousel-vertical"
+      # "@md:carousel-vertical"
+      # "lg:carousel-vertical"
+      # "@lg:carousel-vertical"
+      vertical: "carousel-vertical"
+    )
+  end
+end

data/lib/daisy_ui/chat.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="chat"
+  class Chat < Base
+    self.component_class = :chat
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def image(**opts, &)
+      div(class: component_classes("chat-image", options: opts), **opts, &)
+    end
+
+    def header(**opts, &)
+      div(class: component_classes("chat-header", options: opts), **opts, &)
+    end
+
+    def bubble(**opts, &)
+      div(class: component_classes("chat-bubble", options: opts), **opts, &)
+    end
+
+    def footer(**opts, &)
+      div(class: component_classes("chat-footer", options: opts), **opts, &)
+    end
+
+    register_modifiers(
+      # "sm:chat-start"
+      # "@sm:chat-start"
+      # "md:chat-start"
+      # "@md:chat-start"
+      # "lg:chat-start"
+      # "@lg:chat-start"
+      start: "chat-start",
+        # "sm:chat-end"
+        # "@sm:chat-end"
+        # "md:chat-end"
+        # "@md:chat-end"
+        # "lg:chat-end"
+        # "@lg:chat-end"
+      end: "chat-end"
+    )
+  end
+end

data/lib/daisy_ui/checkbox.rb

@@ -0,0 +1,112 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Checkbox < Base
+    self.component_class = :checkbox
+
+    def view_template(&)
+      input(
+        type: :checkbox,
+        class: classes,
+        **attributes,
+        &
+      )
+    end
+
+    private
+
+    def attributes
+      attrs = super
+
+      # Remove checkbox-specific boolean attributes from base attrs
+      checked = modifiers.include?(:checked) || attrs.delete(:checked) == true
+      disabled = modifiers.include?(:disabled) || attrs.delete(:disabled) == true
+
+      # Add them back in the correct order: checked first, then disabled
+      attrs[:checked] = true if checked
+      attrs[:disabled] = true if disabled
+
+      attrs
+    end
+
+    register_modifiers(
+      # "sm:checkbox-primary"
+      # "@sm:checkbox-primary"
+      # "md:checkbox-primary"
+      # "@md:checkbox-primary"
+      # "lg:checkbox-primary"
+      # "@lg:checkbox-primary"
+      primary: "checkbox-primary",
+      # "sm:checkbox-secondary"
+      # "@sm:checkbox-secondary"
+      # "md:checkbox-secondary"
+      # "@md:checkbox-secondary"
+      # "lg:checkbox-secondary"
+      # "@lg:checkbox-secondary"
+      secondary: "checkbox-secondary",
+      # "sm:checkbox-accent"
+      # "@sm:checkbox-accent"
+      # "md:checkbox-accent"
+      # "@md:checkbox-accent"
+      # "lg:checkbox-accent"
+      # "@lg:checkbox-accent"
+      accent: "checkbox-accent",
+      # "sm:checkbox-success"
+      # "@sm:checkbox-success"
+      # "md:checkbox-success"
+      # "@md:checkbox-success"
+      # "lg:checkbox-success"
+      # "@lg:checkbox-success"
+      success: "checkbox-success",
+      # "sm:checkbox-warning"
+      # "@sm:checkbox-warning"
+      # "md:checkbox-warning"
+      # "@md:checkbox-warning"
+      # "lg:checkbox-warning"
+      # "@lg:checkbox-warning"
+      warning: "checkbox-warning",
+      # "sm:checkbox-info"
+      # "@sm:checkbox-info"
+      # "md:checkbox-info"
+      # "@md:checkbox-info"
+      # "lg:checkbox-info"
+      # "@lg:checkbox-info"
+      info: "checkbox-info",
+      # "sm:checkbox-error"
+      # "@sm:checkbox-error"
+      # "md:checkbox-error"
+      # "@md:checkbox-error"
+      # "lg:checkbox-error"
+      # "@lg:checkbox-error"
+      error: "checkbox-error",
+      # "sm:checkbox-lg"
+      # "@sm:checkbox-lg"
+      # "md:checkbox-lg"
+      # "@md:checkbox-lg"
+      # "lg:checkbox-lg"
+      # "@lg:checkbox-lg"
+      lg: "checkbox-lg",
+      # "sm:checkbox-md"
+      # "@sm:checkbox-md"
+      # "md:checkbox-md"
+      # "@md:checkbox-md"
+      # "lg:checkbox-md"
+      # "@lg:checkbox-md"
+      md: "checkbox-md",
+      # "sm:checkbox-sm"
+      # "@sm:checkbox-sm"
+      # "md:checkbox-sm"
+      # "@md:checkbox-sm"
+      # "lg:checkbox-sm"
+      # "@lg:checkbox-sm"
+      sm: "checkbox-sm",
+      # "sm:checkbox-xs"
+      # "@sm:checkbox-xs"
+      # "md:checkbox-xs"
+      # "@md:checkbox-xs"
+      # "lg:checkbox-xs"
+      # "@lg:checkbox-xs"
+      xs: "checkbox-xs"
+    )
+  end
+end

data/lib/daisy_ui/collapse.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="collapse"
+  class Collapse < Base
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def title(**opts, &)
+      div(class: component_classes("collapse-title", options: opts), **opts, &)
+    end
+
+    def content(**opts, &)
+      div(class: component_classes("collapse-content", options: opts), **opts, &)
+    end
+
+    register_modifiers(
+      # "sm:collapse-arrow"
+      # "@sm:collapse-arrow"
+      # "md:collapse-arrow"
+      # "@md:collapse-arrow"
+      # "lg:collapse-arrow"
+      # "@lg:collapse-arrow"
+      arrow: "collapse-arrow",
+      # "sm:collapse-plus"
+      # "@sm:collapse-plus"
+      # "md:collapse-plus"
+      # "@md:collapse-plus"
+      # "lg:collapse-plus"
+      # "@lg:collapse-plus"
+      plus: "collapse-plus",
+      # "sm:collapse-open"
+      # "@sm:collapse-open"
+      # "md:collapse-open"
+      # "@md:collapse-open"
+      # "lg:collapse-open"
+      # "@lg:collapse-open"
+      open: "collapse-open",
+      # "sm:collapse-close"
+      # "@sm:collapse-close"
+      # "md:collapse-close"
+      # "@md:collapse-close"
+      # "lg:collapse-close"
+      # "@lg:collapse-close"
+      close: "collapse-close"
+    )
+  end
+end

data/lib/daisy_ui/collapsible_sub_menu.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @private
+  class CollapsibleSubMenu < Base
+    self.component_class = nil
+
+    def initialize(*, **)
+      super
+      @items ||= []
+    end
+
+    def view_template(&block)
+      block&.call(self)
+
+      # Extract 'open' attribute for the details element
+      details_attrs = {}
+      details_attrs[:open] = true if modifiers.include?(:open) || options.delete(:open) == true
+
+      details(**details_attrs) do
+        if @title
+          summary do
+            render @title
+          end
+        else
+          raise ArgumentError, "A collapsible submenu requires a title"
+        end
+
+        if @items.any?
+          ul class: classes, **attributes do
+            @items.each do |item|
+              render item
+            end
+          end
+        end
+      end
+    end
+
+    def title(&block)
+      if @title
+        raise ArgumentError, "A collapsible submenu can only have one title"
+      else
+        @title = block
+      end
+    end
+
+    def item(*, **, &)
+      @items << MenuItem.new(*, **, &)
+    end
+
+    private
+
+    register_modifiers(COLOR_MODIFIERS)
+  end
+end

data/lib/daisy_ui/configurable.rb

@@ -0,0 +1,45 @@
+module DaisyUI
+  module Configurable
+    def configure
+      self.configuration ||= Configuration.new
+      yield(configuration) if block_given?
+      configuration
+    end
+
+    def configuration
+      @configuration ||= Configuration.new
+    end
+
+    class Modifiers
+      def initialize
+        @modifiers = {}
+      end
+
+      def add(modifier, classes:, component: nil)
+        @modifiers[component] ||= {}
+        @modifiers[component][modifier] = classes
+      end
+
+      def remove(modifier, component: nil)
+        @modifiers[component] ||= {}
+        @modifiers[component]&.delete(modifier)
+      end
+
+      def for(component: nil)
+        @modifiers[component] || {}
+      end
+    end
+
+    class Configuration
+      attr_accessor :prefix
+
+      def initialize
+        @prefix = nil
+      end
+
+      def modifiers
+        @modifiers ||= Modifiers.new
+      end
+    end
+  end
+end

data/lib/daisy_ui/countdown.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="countdown"
+  class Countdown < Base
+    self.component_class = :countdown
+
+    def initialize(*, as: :span, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+  end
+end