daisyui 1.0.0

data/lib/daisy_ui/mask.rb

@@ -0,0 +1,167 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Mask < Base
+    self.component_class = :mask
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:mask-squircle"
+      # "@sm:mask-squircle"
+      # "md:mask-squircle"
+      # "@md:mask-squircle"
+      # "lg:mask-squircle"
+      # "@lg:mask-squircle"
+      squircle: "mask-squircle",
+      # "sm:mask-heart"
+      # "@sm:mask-heart"
+      # "md:mask-heart"
+      # "@md:mask-heart"
+      # "lg:mask-heart"
+      # "@lg:mask-heart"
+      heart: "mask-heart",
+      # "sm:mask-hexagon"
+      # "@sm:mask-hexagon"
+      # "md:mask-hexagon"
+      # "@md:mask-hexagon"
+      # "lg:mask-hexagon"
+      # "@lg:mask-hexagon"
+      hexagon: "mask-hexagon",
+      # "sm:mask-hexagon-2"
+      # "@sm:mask-hexagon-2"
+      # "md:mask-hexagon-2"
+      # "@md:mask-hexagon-2"
+      # "lg:mask-hexagon-2"
+      # "@lg:mask-hexagon-2"
+      hexagon_2: "mask-hexagon-2",
+      # "sm:mask-decagon"
+      # "@sm:mask-decagon"
+      # "md:mask-decagon"
+      # "@md:mask-decagon"
+      # "lg:mask-decagon"
+      # "@lg:mask-decagon"
+      decagon: "mask-decagon",
+      # "sm:mask-pentagon"
+      # "@sm:mask-pentagon"
+      # "md:mask-pentagon"
+      # "@md:mask-pentagon"
+      # "lg:mask-pentagon"
+      # "@lg:mask-pentagon"
+      pentagon: "mask-pentagon",
+      # "sm:mask-diamond"
+      # "@sm:mask-diamond"
+      # "md:mask-diamond"
+      # "@md:mask-diamond"
+      # "lg:mask-diamond"
+      # "@lg:mask-diamond"
+      diamond: "mask-diamond",
+      # "sm:mask-square"
+      # "@sm:mask-square"
+      # "md:mask-square"
+      # "@md:mask-square"
+      # "lg:mask-square"
+      # "@lg:mask-square"
+      square: "mask-square",
+      # "sm:mask-circle"
+      # "@sm:mask-circle"
+      # "md:mask-circle"
+      # "@md:mask-circle"
+      # "lg:mask-circle"
+      # "@lg:mask-circle"
+      circle: "mask-circle",
+      # "sm:mask-parallelogram"
+      # "@sm:mask-parallelogram"
+      # "md:mask-parallelogram"
+      # "@md:mask-parallelogram"
+      # "lg:mask-parallelogram"
+      # "@lg:mask-parallelogram"
+      parallelogram: "mask-parallelogram",
+      # "sm:mask-parallelogram-2"
+      # "@sm:mask-parallelogram-2"
+      # "md:mask-parallelogram-2"
+      # "@md:mask-parallelogram-2"
+      # "lg:mask-parallelogram-2"
+      # "@lg:mask-parallelogram-2"
+      parallelogram_2: "mask-parallelogram-2",
+      # "sm:mask-parallelogram-3"
+      # "@sm:mask-parallelogram-3"
+      # "md:mask-parallelogram-3"
+      # "@md:mask-parallelogram-3"
+      # "lg:mask-parallelogram-3"
+      # "@lg:mask-parallelogram-3"
+      parallelogram_3: "mask-parallelogram-3",
+      # "sm:mask-parallelogram-4"
+      # "@sm:mask-parallelogram-4"
+      # "md:mask-parallelogram-4"
+      # "@md:mask-parallelogram-4"
+      # "lg:mask-parallelogram-4"
+      # "@lg:mask-parallelogram-4"
+      parallelogram_4: "mask-parallelogram-4",
+      # "sm:mask-star"
+      # "@sm:mask-star"
+      # "md:mask-star"
+      # "@md:mask-star"
+      # "lg:mask-star"
+      # "@lg:mask-star"
+      star: "mask-star",
+      # "sm:mask-star-2"
+      # "@sm:mask-star-2"
+      # "md:mask-star-2"
+      # "@md:mask-star-2"
+      # "lg:mask-star-2"
+      # "@lg:mask-star-2"
+      star_2: "mask-star-2",
+      # "sm:mask-triangle"
+      # "@sm:mask-triangle"
+      # "md:mask-triangle"
+      # "@md:mask-triangle"
+      # "lg:mask-triangle"
+      # "@lg:mask-triangle"
+      triangle: "mask-triangle",
+      # "sm:mask-triangle-2"
+      # "@sm:mask-triangle-2"
+      # "md:mask-triangle-2"
+      # "@md:mask-triangle-2"
+      # "lg:mask-triangle-2"
+      # "@lg:mask-triangle-2"
+      triangle_2: "mask-triangle-2",
+      # "sm:mask-triangle-3"
+      # "@sm:mask-triangle-3"
+      # "md:mask-triangle-3"
+      # "@md:mask-triangle-3"
+      # "lg:mask-triangle-3"
+      # "@lg:mask-triangle-3"
+      triangle_3: "mask-triangle-3",
+      # "sm:mask-triangle-4"
+      # "@sm:mask-triangle-4"
+      # "md:mask-triangle-4"
+      # "@md:mask-triangle-4"
+      # "lg:mask-triangle-4"
+      # "@lg:mask-triangle-4"
+      triangle_4: "mask-triangle-4",
+      # "sm:mask-half-1"
+      # "@sm:mask-half-1"
+      # "md:mask-half-1"
+      # "@md:mask-half-1"
+      # "lg:mask-half-1"
+      # "@lg:mask-half-1"
+      half_1: "mask-half-1",
+      # "sm:mask-half-2"
+      # "@sm:mask-half-2"
+      # "md:mask-half-2"
+      # "@md:mask-half-2"
+      # "lg:mask-half-2"
+      # "@lg:mask-half-2"
+      half_2: "mask-half-2"
+    )
+  end
+end

data/lib/daisy_ui/menu.rb

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Menu < Base
+    self.component_class = :menu
+
+    def view_template(&)
+      ul(class: classes, **attributes, &)
+    end
+
+    def title(*, as: :li, **opts, &)
+      public_send(as, class: component_classes("menu-title", options: opts), **opts, &)
+    end
+
+    def item(*, **, &)
+      render MenuItem.new(*, **, &)
+    end
+
+    def submenu(*modifiers, **, &)
+      if modifiers.include?(:collapsible)
+        li do
+          render CollapsibleSubMenu.new(*modifiers, **, &)
+        end
+      else
+        li do
+          render SubMenu.new(*modifiers, **, &)
+        end
+      end
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:menu-xs"
+      # "@sm:menu-xs"
+      # "md:menu-xs"
+      # "@md:menu-xs"
+      # "lg:menu-xs"
+      # "@lg:menu-xs"
+      xs: "menu-xs",
+      # "sm:menu-sm"
+      # "@sm:menu-sm"
+      # "md:menu-sm"
+      # "@md:menu-sm"
+      # "lg:menu-sm"
+      # "@lg:menu-sm"
+      sm: "menu-sm",
+      # "sm:menu-md"
+      # "@sm:menu-md"
+      # "md:menu-md"
+      # "@md:menu-md"
+      # "lg:menu-md"
+      # "@lg:menu-md"
+      md: "menu-md",
+      # "sm:menu-lg"
+      # "@sm:menu-lg"
+      # "md:menu-lg"
+      # "@md:menu-lg"
+      # "lg:menu-lg"
+      # "@lg:menu-lg"
+      lg: "menu-lg",
+      # "sm:menu-vertical"
+      # "@sm:menu-vertical"
+      # "md:menu-vertical"
+      # "@md:menu-vertical"
+      # "lg:menu-vertical"
+      # "@lg:menu-vertical"
+      vertical: "menu-vertical",
+      # "sm:menu-horizontal"
+      # "@sm:menu-horizontal"
+      # "md:menu-horizontal"
+      # "@md:menu-horizontal"
+      # "lg:menu-horizontal"
+      # "@lg:menu-horizontal"
+      horizontal: "menu-horizontal",
+      **COLOR_MODIFIERS
+    )
+  end
+end

data/lib/daisy_ui/menu_item.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @private
+  class MenuItem < Base
+    self.component_class = nil
+
+    def view_template(&)
+      li(class: classes, **attributes, &)
+    end
+
+    def title(*, **options, &block)
+      h2(class: component_classes("menu-title", options: options), **options, &block)
+    end
+
+    def submenu(*modifiers, **opts, &)
+      if modifiers.include?(:collapsible)
+        render CollapsibleSubMenu.new(*modifiers, **opts, &)
+      else
+        render SubMenu.new(*modifiers, **opts, &)
+      end
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:disabled"
+      # "@sm:disabled"
+      # "md:disabled"
+      # "@md:disabled"
+      # "lg:disabled"
+      # "@lg:disabled"
+      disabled: "disabled",
+      # "sm:active"
+      # "@sm:active"
+      # "md:active"
+      # "@md:active"
+      # "lg:active"
+      # "@lg:active"
+      active: "active",
+      # "sm:focus"
+      # "@sm:focus"
+      # "md:focus"
+      # "@md:focus"
+      # "lg:focus"
+      # "@lg:focus"
+      focus: "focus"
+    )
+  end
+end

data/lib/daisy_ui/mockup_browser.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="mockup-browser"
+  class MockupBrowser < Base
+    self.component_class = "mockup-browser"
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def toolbar(**opts, &)
+      div(class: component_classes("mockup-browser-toolbar", options: opts), **opts, &)
+    end
+  end
+end

data/lib/daisy_ui/mockup_code.rb

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

data/lib/daisy_ui/mockup_phone.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="mockup-phone"
+  class MockupPhone < Base
+    self.component_class = "mockup-phone"
+
+    def initialize(*, as: :div, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def camera(**opts, &)
+      div(class: component_classes("mockup-phone-camera", options: opts), **opts, &)
+    end
+
+    def display(**opts, &)
+      div(class: component_classes("mockup-phone-display", options: opts), **opts, &)
+    end
+  end
+end

data/lib/daisy_ui/mockup_window.rb

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

data/lib/daisy_ui/modal.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Modal < Base
+    self.component_class = :modal
+
+    def initialize(*, id:, **)
+      super(*, **)
+      @id = id
+    end
+
+    def view_template(&block)
+      dialog(id:, class: classes, **attributes) do
+        block&.call(self)
+        # Auto-render backdrop if tap_outside_to_close modifier is present
+        backdrop if modifiers.include?(:tap_outside_to_close)
+      end
+    end
+
+    def body(*, as: :div, **opts, &)
+      public_send(as, class: component_classes("modal-box", options: opts), **opts, &)
+    end
+
+    def action(*, as: :div, **opts, &block)
+      action_classes = component_classes("modal-action", options: opts)
+      public_send(as, class: action_classes, **opts) do
+        block&.call(self)
+      end
+    end
+
+    def backdrop(*, **opts, &)
+      backdrop_classes = component_classes("modal-backdrop", options: opts)
+      form method: :dialog, class: backdrop_classes, **opts do
+        button
+      end
+    end
+
+    def close_button(*, **, &)
+      form method: :dialog do
+        render DaisyUI::Button.new(*, **, &)
+      end
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:modal-open"
+      # "@sm:modal-open"
+      # "md:modal-open"
+      # "@md:modal-open"
+      # "lg:modal-open"
+      # "@lg:modal-open"
+      open: "modal-open",
+      # "sm:modal-top"
+      # "@sm:modal-top"
+      # "md:modal-top"
+      # "@md:modal-top"
+      # "lg:modal-top"
+      # "@lg:modal-top"
+      top: "modal-top",
+      # "sm:modal-bottom"
+      # "@sm:modal-bottom"
+      # "md:modal-bottom"
+      # "@md:modal-bottom"
+      # "lg:modal-bottom"
+      # "@lg:modal-bottom"
+      bottom: "modal-bottom",
+      # "sm:modal-middle"
+      # "@sm:modal-middle"
+      # "md:modal-middle"
+      # "@md:modal-middle"
+      # "lg:modal-middle"
+      # "@lg:modal-middle"
+      middle: "modal-middle"
+    )
+  end
+end

data/lib/daisy_ui/navbar.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  class Navbar < Base
+    self.component_class = :navbar
+
+    def initialize(*, as: :nav, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    def start(*, as: :div, **opts, &)
+      public_send(as, class: component_classes("navbar-start", options: opts), **opts, &)
+    end
+
+    def center(*, as: :div, **opts, &)
+      public_send(as, class: component_classes("navbar-center", options: opts), **opts, &)
+    end
+
+    def end(*, as: :div, **opts, &)
+      public_send(as, class: component_classes("navbar-end", options: opts), **opts, &)
+    end
+
+    register_modifiers(
+      **COLOR_MODIFIERS
+    )
+  end
+end

data/lib/daisy_ui/pagination.rb

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

data/lib/daisy_ui/progress.rb

@@ -0,0 +1,75 @@
+# frozen_string_literal: true
+
+module DaisyUI
+  # @component html class="progress"
+  class Progress < Base
+    self.component_class = :progress
+
+    def initialize(*, as: :progress, **)
+      super
+    end
+
+    def view_template(&)
+      public_send(as, class: classes, **attributes, &)
+    end
+
+    register_modifiers(
+      # "sm:progress-neutral"
+      # "@sm:progress-neutral"
+      # "md:progress-neutral"
+      # "@md:progress-neutral"
+      # "lg:progress-neutral"
+      # "@lg:progress-neutral"
+      neutral: "progress-neutral",
+      # "sm:progress-primary"
+      # "@sm:progress-primary"
+      # "md:progress-primary"
+      # "@md:progress-primary"
+      # "lg:progress-primary"
+      # "@lg:progress-primary"
+      primary: "progress-primary",
+      # "sm:progress-secondary"
+      # "@sm:progress-secondary"
+      # "md:progress-secondary"
+      # "@md:progress-secondary"
+      # "lg:progress-secondary"
+      # "@lg:progress-secondary"
+      secondary: "progress-secondary",
+      # "sm:progress-accent"
+      # "@sm:progress-accent"
+      # "md:progress-accent"
+      # "@md:progress-accent"
+      # "lg:progress-accent"
+      # "@lg:progress-accent"
+      accent: "progress-accent",
+      # "sm:progress-info"
+      # "@sm:progress-info"
+      # "md:progress-info"
+      # "@md:progress-info"
+      # "lg:progress-info"
+      # "@lg:progress-info"
+      info: "progress-info",
+      # "sm:progress-success"
+      # "@sm:progress-success"
+      # "md:progress-success"
+      # "@md:progress-success"
+      # "lg:progress-success"
+      # "@lg:progress-success"
+      success: "progress-success",
+      # "sm:progress-warning"
+      # "@sm:progress-warning"
+      # "md:progress-warning"
+      # "@md:progress-warning"
+      # "lg:progress-warning"
+      # "@lg:progress-warning"
+      warning: "progress-warning",
+      # "sm:progress-error"
+      # "@sm:progress-error"
+      # "md:progress-error"
+      # "@md:progress-error"
+      # "lg:progress-error"
+      # "@lg:progress-error"
+      error: "progress-error"
+    )
+  end
+end