ruby_cms 0.2.1.0 → 1.0.0

data/lib/generators/ruby_cms/templates/components/ruby_ui/dialog/dialog_title.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class DialogTitle < Base
+    def view_template(&)
+      h3(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "text-lg font-semibold leading-none tracking-tight"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/dialog/dialog_trigger.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class DialogTrigger < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          action: "click->ruby-ui--dialog#open"
+        },
+        class: "inline-block"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/dropdown_menu/dropdown_menu.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class DropdownMenu < Base
+    def initialize(options: {}, **attrs)
+      @options = options
+      super(**attrs)
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: [
+          "z-50",
+          "group/dropdown-menu",
+          (strategy == "absolute") ? "is-absolute" : "is-fixed"
+        ],
+        data: {
+          controller: "ruby-ui--dropdown-menu",
+          action: "click@window->ruby-ui--dropdown-menu#onClickOutside",
+          ruby_ui__dropdown_menu_options_value: @options.to_json
+        }
+      }
+    end
+
+    def strategy
+      @_strategy ||= @options[:strategy] || "absolute"
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/dropdown_menu/dropdown_menu_content.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class DropdownMenuContent < Base
+    def initialize(wrapper_class: nil, **attrs)
+      @wrapper_class = wrapper_class
+      super(**attrs)
+    end
+
+    def view_template(&block)
+      div(**wrapper_attrs) do
+        div(**attrs, &block)
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          state: :open
+        },
+        class: "z-50 min-w-[8rem] rounded-md border bg-background p-1 text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-56"
+      }
+    end
+
+    def wrapper_attrs
+      base_class = [
+        "z-50 hidden group-[.is-absolute]/dropdown-menu:absolute",
+        "group-[.is-fixed]/dropdown-menu:fixed"
+      ]
+      merged = @wrapper_class ? Base::TAILWIND_MERGER.merge([ base_class.join(" "), @wrapper_class ].join(" ")) : base_class
+      {
+        class: merged,
+        data: { ruby_ui__dropdown_menu_target: "content" },
+        style: {
+          width: "max-content",
+          top: "0",
+          left: "0"
+        }
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/dropdown_menu/dropdown_menu_item.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class DropdownMenuItem < Base
+    def initialize(href: "#", **attrs)
+      @href = href
+      super(**attrs)
+    end
+
+    def view_template(&)
+      a(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        href: @href,
+        role: "menuitem",
+        class: "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        data_action: "click->ruby-ui--dropdown-menu#close",
+        data_ruby_ui__dropdown_menu_target: "menuItem",
+        tabindex: "-1",
+        data_orientation: "vertical"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/dropdown_menu/dropdown_menu_label.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class DropdownMenuLabel < Base
+    def view_template(&)
+      h3(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "px-2 py-1.5 text-sm font-semibold"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/dropdown_menu/dropdown_menu_separator.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class DropdownMenuSeparator < Base
+    def view_template
+      div(**attrs)
+    end
+
+    private
+
+    def default_attrs
+      {
+        role: "separator",
+        aria_orientation: "horizontal",
+        class: "-mx-1 my-1 h-px bg-muted"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/dropdown_menu/dropdown_menu_trigger.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class DropdownMenuTrigger < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: { ruby_ui__dropdown_menu_target: "trigger", action: "click->ruby-ui--dropdown-menu#toggle" },
+        class: "inline-block"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/empty_state/empty_state.rb

@@ -0,0 +1,190 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class EmptyState < Base
+    def initialize(
+      title: "No items yet",
+      description: nil,
+      icon: nil,
+      primary_label: nil,
+      primary_href: nil,
+      primary_method: :get,
+      primary_variant: :primary,
+      secondary_label: nil,
+      secondary_href: nil,
+      secondary_method: :get,
+      secondary_variant: :outline,
+      learn_more_label: nil,
+      learn_more_href: nil,
+      centered: true,
+      **user_attrs
+    )
+      @title = title
+      @description = description
+      @icon = icon
+      @primary_label = primary_label
+      @primary_href = primary_href
+      @primary_method = primary_method
+      @primary_variant = primary_variant
+      @secondary_label = secondary_label
+      @secondary_href = secondary_href
+      @secondary_method = secondary_method
+      @secondary_variant = secondary_variant
+      @learn_more_label = learn_more_label
+      @learn_more_href = learn_more_href
+      @centered = centered
+      super(**user_attrs)
+    end
+
+    def view_template
+      div(**attrs) do
+        content_wrapper do
+          render_icon
+
+          h2(class: title_classes) { @title }
+
+          p(class: "mt-2 text-sm text-muted-foreground") { @description } if @description
+
+          render_actions
+          render_learn_more
+        end
+      end
+    end
+
+    private
+
+    def default_attrs
+      base_class = "flex flex-1 py-16 px-4"
+      base_class += " items-center justify-center" if @centered
+      { class: base_class }
+    end
+
+    def content_wrapper(&block)
+      wrapper_class = "mx-auto w-full max-w-md"
+      wrapper_class += " text-center" if @centered
+      div(class: wrapper_class, &block)
+    end
+
+    def title_classes
+      base = "mt-6 text-xl font-semibold tracking-tight text-foreground"
+      @centered ? base : "#{base} text-left"
+    end
+
+    def render_icon
+      div(class: "mx-auto flex h-12 w-12 items-center justify-center rounded-xl bg-muted text-muted-foreground") do
+        if @icon
+          render_svg_icon(@icon)
+        else
+          render_svg_icon("folder")
+        end
+      end
+    end
+
+    def render_svg_icon(icon_name)
+      case icon_name.to_s
+      when "folder"
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z")
+        end
+      when "article", "news", "document"
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z")
+        end
+      when "sport", "activity"
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M13 10V3L4 14h7v7l9-11h-7z")
+        end
+      when "message", "contact"
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z")
+        end
+      when "schedule", "calendar"
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z")
+        end
+      when "error", "alert"
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z")
+        end
+      when "content", "block"
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M4 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1V5zM4 16a1 1 0 011-1h4a1 1 0 011 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-3zM14 16a1 1 0 011-1h4a1 1 0 011 1v3a1 1 0 01-1 1h-4a1 1 0 01-1-1v-3z")
+        end
+      when "database"
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4")
+        end
+      else
+        # Default icon if icon not recognized
+        svg(class: "h-8 w-8", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor") do |s|
+          s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2", d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z")
+        end
+      end
+    end
+
+    def render_actions
+      return unless has_actions?
+
+      action_wrapper_class = "mt-8 flex flex-wrap items-center gap-3"
+      action_wrapper_class += " justify-center" if @centered
+
+      div(class: action_wrapper_class) do
+        render_primary_action if @primary_label && @primary_href
+        render_secondary_action if @secondary_label && @secondary_href
+      end
+    end
+
+    def has_actions?
+      (@primary_label && @primary_href) || (@secondary_label && @secondary_href)
+    end
+
+    def render_primary_action
+      if @primary_method == :get
+        a(
+          href: @primary_href,
+          class: RubyUI::Button.new(variant: @primary_variant).attrs[:class],
+          data: { turbo_frame: "_top" }
+        ) { @primary_label }
+      else
+        button_to(
+          @primary_href,
+          method: @primary_method,
+          class: RubyUI::Button.new(variant: @primary_variant).attrs[:class],
+          data: { turbo_frame: "_top" }
+        ) { @primary_label }
+      end
+    end
+
+    def render_secondary_action
+      if @secondary_method == :get
+        a(
+          href: @secondary_href,
+          class: RubyUI::Button.new(variant: @secondary_variant).attrs[:class],
+          data: { turbo_frame: "_top" }
+        ) { @secondary_label }
+      else
+        button_to(
+          @secondary_href,
+          method: @secondary_method,
+          class: RubyUI::Button.new(variant: @secondary_variant).attrs[:class],
+          data: { turbo_frame: "_top" }
+        ) { @secondary_label }
+      end
+    end
+
+    def render_learn_more
+      return unless @learn_more_label && @learn_more_href
+
+      div(class: "mt-6") do
+        a(
+          href: @learn_more_href,
+          class: "inline-flex items-center text-sm font-medium text-muted-foreground hover:text-foreground",
+          data: { turbo_frame: "_top" }
+        ) do
+          span { @learn_more_label }
+          span(class: "ml-1") { "↗" }
+        end
+      end
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/form/form.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class Form < Base
+    def view_template(&)
+      form(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {}
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/form/form_field.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class FormField < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          controller: "ruby-ui--form-field"
+        },
+        class: "space-y-2"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/form/form_field_error.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class FormFieldError < Base
+    def view_template(&)
+      p(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          ruby_ui__form_field_target: "error"
+        },
+        class: "text-sm font-medium text-destructive"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/form/form_field_hint.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class FormFieldHint < Base
+    def view_template(&)
+      p(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      { class: "text-sm text-muted-foreground" }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/form/form_field_label.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class FormFieldLabel < Base
+    def view_template(&)
+      label(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      { class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/hover_card/hover_card.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class HoverCard < Base
+    def initialize(option: {}, **attrs)
+      @options = option
+      @options[:delay] ||= [ 500, 250 ]
+      @options[:trigger] ||= "mouseenter focus click"
+      super(**attrs)
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          controller: "ruby-ui--hover-card",
+          ruby_ui__hover_card_options_value: @options.to_json
+        }
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/hover_card/hover_card_content.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class HoverCardContent < Base
+    def view_template(&block)
+      template(data: { ruby_ui__hover_card_target: "content" }) do
+        div(**attrs, &block)
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          state: :open
+        },
+        class: "z-50 rounded-md border bg-background p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/hover_card/hover_card_trigger.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class HoverCardTrigger < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          ruby_ui__hover_card_target: "trigger"
+        },
+        class: "inline-block"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/input/input.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class Input < Base
+    def initialize(type: :string, **attrs)
+      @type = type.to_sym
+      super(**attrs)
+    end
+
+    def view_template
+      input(type: @type, **attrs)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          ruby_ui__form_field_target: "input",
+          action: "input->ruby-ui--form-field#onInput invalid->ruby-ui--form-field#onInvalid"
+        },
+        class: [
+          "flex h-9 w-full rounded-md border bg-background px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] border-border ring-0 ring-ring/0",
+          "placeholder:text-muted-foreground",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          "aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:pointer-events-none",
+          "focus-visible:outline-none focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:border-ring focus-visible:shadow-sm",
+          (@type.to_s == "file") ? "pt-[7px]" : ""
+        ]
+      }
+    end
+  end
+end