ruby_ui 1.0.0.beta1 → 1.0.0.rc1

data/lib/ruby_ui/theme_toggle/theme_toggle_controller.js

@@ -0,0 +1,30 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  initialize() {
+    this.setTheme()
+  }
+
+  setTheme() {
+    // On page load or when changing themes, best to add inline in `head` to avoid FOUC
+    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+      document.documentElement.classList.add('dark')
+      document.documentElement.classList.remove('light')
+    } else {
+      document.documentElement.classList.remove('dark')
+      document.documentElement.classList.add('light')
+    }
+  }
+
+  setLightTheme() {
+    // Whenever the user explicitly chooses light mode
+    localStorage.theme = 'light'
+    this.setTheme()
+  }
+
+  setDarkTheme() {
+    // Whenever the user explicitly chooses dark mode
+    localStorage.theme = 'dark'
+    this.setTheme()
+  }
+}

data/lib/ruby_ui/tooltip/tooltip_controller.js

@@ -0,0 +1,37 @@
+import { Controller } from "@hotwired/stimulus";
+import { computePosition, autoUpdate, offset } from "@floating-ui/dom";
+
+export default class extends Controller {
+  static targets = ["trigger", "content"];
+  static values = { placement: String }
+
+  constructor(...args) {
+    super(...args);
+    this.cleanup;
+  }
+
+  connect() {
+    this.setFloatingElement();
+
+    const tooltipId = this.contentTarget.getAttribute("id");
+    this.triggerTarget.setAttribute("aria-describedby", tooltipId);
+
+  }
+
+  disconnect() {
+    this.cleanup();
+  }
+
+  setFloatingElement() {
+    console.log(this.placementValue);
+
+    this.cleanup = autoUpdate(this.triggerTarget, this.contentTarget, () => {
+      computePosition(this.triggerTarget, this.contentTarget, { placement: this.placementValue, middleware: [offset(4)] }).then(({ x, y }) => {
+        Object.assign(this.contentTarget.style, {
+          left: `${x}px`,
+          top: `${y}px`,
+        });
+      });
+    });
+  }
+}

data/lib/ruby_ui.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RubyUI
-  VERSION = "1.0.0.beta1"
+  VERSION = "1.0.0.rc1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ruby_ui
 version: !ruby/object:Gem::Version
-  version: 1.0.0.beta1
+  version: 1.0.0.rc1
 platform: ruby
 authors:
 - George Kettle
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-22 00:00:00.000000000 Z
+date: 2025-03-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.0.0.beta2
+        version: 2.1.2
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.0.0.beta2
+        version: 2.1.2
 - !ruby/object:Gem::Dependency
   name: rouge
   requirement: !ruby/object:Gem::Requirement
@@ -101,12 +101,18 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- LICENSE.txt
+- README.md
 - lib/generators/ruby_ui/component_generator.rb
+- lib/generators/ruby_ui/dependencies.yml
 - lib/generators/ruby_ui/install/install_generator.rb
+- lib/generators/ruby_ui/install/templates/ruby_ui.rb.erb
+- lib/generators/ruby_ui/install/templates/tailwind.css.erb
 - lib/generators/ruby_ui/javascript_utils.rb
 - lib/ruby_ui.rb
 - lib/ruby_ui/accordion/accordion.rb
 - lib/ruby_ui/accordion/accordion_content.rb
+- lib/ruby_ui/accordion/accordion_controller.js
 - lib/ruby_ui/accordion/accordion_default_content.rb
 - lib/ruby_ui/accordion/accordion_default_trigger.rb
 - lib/ruby_ui/accordion/accordion_icon.rb
@@ -119,6 +125,7 @@ files:
 - lib/ruby_ui/alert_dialog/alert_dialog_action.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_cancel.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_content.rb
+- lib/ruby_ui/alert_dialog/alert_dialog_controller.js
 - lib/ruby_ui/alert_dialog/alert_dialog_description.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_footer.rb
 - lib/ruby_ui/alert_dialog/alert_dialog_header.rb
@@ -130,11 +137,20 @@ files:
 - lib/ruby_ui/avatar/avatar_image.rb
 - lib/ruby_ui/badge/badge.rb
 - lib/ruby_ui/base.rb
+- lib/ruby_ui/breadcrumb/breadcrumb.rb
+- lib/ruby_ui/breadcrumb/breadcrumb_ellipsis.rb
+- lib/ruby_ui/breadcrumb/breadcrumb_item.rb
+- lib/ruby_ui/breadcrumb/breadcrumb_link.rb
+- lib/ruby_ui/breadcrumb/breadcrumb_list.rb
+- lib/ruby_ui/breadcrumb/breadcrumb_page.rb
+- lib/ruby_ui/breadcrumb/breadcrumb_separator.rb
 - lib/ruby_ui/button/button.rb
 - lib/ruby_ui/calendar/calendar.rb
 - lib/ruby_ui/calendar/calendar_body.rb
+- lib/ruby_ui/calendar/calendar_controller.js
 - lib/ruby_ui/calendar/calendar_days.rb
 - lib/ruby_ui/calendar/calendar_header.rb
+- lib/ruby_ui/calendar/calendar_input_controller.js
 - lib/ruby_ui/calendar/calendar_next.rb
 - lib/ruby_ui/calendar/calendar_prev.rb
 - lib/ruby_ui/calendar/calendar_title.rb
@@ -145,29 +161,41 @@ files:
 - lib/ruby_ui/card/card_footer.rb
 - lib/ruby_ui/card/card_header.rb
 - lib/ruby_ui/card/card_title.rb
+- lib/ruby_ui/carousel/carousel.rb
+- lib/ruby_ui/carousel/carousel_content.rb
+- lib/ruby_ui/carousel/carousel_controller.js
+- lib/ruby_ui/carousel/carousel_item.rb
+- lib/ruby_ui/carousel/carousel_next.rb
+- lib/ruby_ui/carousel/carousel_previous.rb
 - lib/ruby_ui/chart/chart.rb
+- lib/ruby_ui/chart/chart_controller.js
 - lib/ruby_ui/checkbox/checkbox.rb
 - lib/ruby_ui/checkbox/checkbox_group.rb
+- lib/ruby_ui/checkbox/checkbox_group_controller.js
 - lib/ruby_ui/clipboard/clipboard.rb
+- lib/ruby_ui/clipboard/clipboard_controller.js
 - lib/ruby_ui/clipboard/clipboard_popover.rb
 - lib/ruby_ui/clipboard/clipboard_source.rb
 - lib/ruby_ui/clipboard/clipboard_trigger.rb
 - lib/ruby_ui/codeblock/codeblock.rb
 - lib/ruby_ui/collapsible/collapsible.rb
 - lib/ruby_ui/collapsible/collapsible_content.rb
+- lib/ruby_ui/collapsible/collapsible_controller.js
 - lib/ruby_ui/collapsible/collapsible_trigger.rb
 - lib/ruby_ui/combobox/combobox.rb
-- lib/ruby_ui/combobox/combobox_content.rb
-- lib/ruby_ui/combobox/combobox_empty.rb
-- lib/ruby_ui/combobox/combobox_group.rb
-- lib/ruby_ui/combobox/combobox_input.rb
+- lib/ruby_ui/combobox/combobox_checkbox.rb
+- lib/ruby_ui/combobox/combobox_controller.js
+- lib/ruby_ui/combobox/combobox_empty_state.rb
 - lib/ruby_ui/combobox/combobox_item.rb
 - lib/ruby_ui/combobox/combobox_list.rb
+- lib/ruby_ui/combobox/combobox_list_group.rb
+- lib/ruby_ui/combobox/combobox_popover.rb
+- lib/ruby_ui/combobox/combobox_radio.rb
 - lib/ruby_ui/combobox/combobox_search_input.rb
-- lib/ruby_ui/combobox/combobox_separator.rb
+- lib/ruby_ui/combobox/combobox_toggle_all_checkbox.rb
 - lib/ruby_ui/combobox/combobox_trigger.rb
-- lib/ruby_ui/combobox/combobox_value.rb
 - lib/ruby_ui/command/command.rb
+- lib/ruby_ui/command/command_controller.js
 - lib/ruby_ui/command/command_dialog.rb
 - lib/ruby_ui/command/command_dialog_content.rb
 - lib/ruby_ui/command/command_dialog_trigger.rb
@@ -178,12 +206,14 @@ files:
 - lib/ruby_ui/command/command_list.rb
 - lib/ruby_ui/context_menu/context_menu.rb
 - lib/ruby_ui/context_menu/context_menu_content.rb
+- lib/ruby_ui/context_menu/context_menu_controller.js
 - lib/ruby_ui/context_menu/context_menu_item.rb
 - lib/ruby_ui/context_menu/context_menu_label.rb
 - lib/ruby_ui/context_menu/context_menu_separator.rb
 - lib/ruby_ui/context_menu/context_menu_trigger.rb
 - lib/ruby_ui/dialog/dialog.rb
 - lib/ruby_ui/dialog/dialog_content.rb
+- lib/ruby_ui/dialog/dialog_controller.js
 - lib/ruby_ui/dialog/dialog_description.rb
 - lib/ruby_ui/dialog/dialog_footer.rb
 - lib/ruby_ui/dialog/dialog_header.rb
@@ -192,39 +222,50 @@ files:
 - lib/ruby_ui/dialog/dialog_trigger.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_content.rb
+- lib/ruby_ui/dropdown_menu/dropdown_menu_controller.js
 - lib/ruby_ui/dropdown_menu/dropdown_menu_item.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_label.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_separator.rb
 - lib/ruby_ui/dropdown_menu/dropdown_menu_trigger.rb
 - lib/ruby_ui/form/form.rb
 - lib/ruby_ui/form/form_field.rb
+- lib/ruby_ui/form/form_field_controller.js
 - lib/ruby_ui/form/form_field_error.rb
 - lib/ruby_ui/form/form_field_hint.rb
 - lib/ruby_ui/form/form_field_label.rb
 - lib/ruby_ui/hover_card/hover_card.rb
 - lib/ruby_ui/hover_card/hover_card_content.rb
+- lib/ruby_ui/hover_card/hover_card_controller.js
 - lib/ruby_ui/hover_card/hover_card_trigger.rb
 - lib/ruby_ui/input/input.rb
 - lib/ruby_ui/link/link.rb
 - lib/ruby_ui/masked_input/masked_input.rb
+- lib/ruby_ui/masked_input/masked_input_controller.js
 - lib/ruby_ui/pagination/pagination.rb
 - lib/ruby_ui/pagination/pagination_content.rb
 - lib/ruby_ui/pagination/pagination_ellipsis.rb
 - lib/ruby_ui/pagination/pagination_item.rb
 - lib/ruby_ui/popover/popover.rb
 - lib/ruby_ui/popover/popover_content.rb
+- lib/ruby_ui/popover/popover_controller.js
 - lib/ruby_ui/popover/popover_trigger.rb
+- lib/ruby_ui/progress/progress.rb
 - lib/ruby_ui/radio_button/radio_button.rb
 - lib/ruby_ui/select/select.rb
 - lib/ruby_ui/select/select_content.rb
+- lib/ruby_ui/select/select_controller.js
 - lib/ruby_ui/select/select_group.rb
 - lib/ruby_ui/select/select_input.rb
 - lib/ruby_ui/select/select_item.rb
+- lib/ruby_ui/select/select_item_controller.js
 - lib/ruby_ui/select/select_label.rb
 - lib/ruby_ui/select/select_trigger.rb
 - lib/ruby_ui/select/select_value.rb
+- lib/ruby_ui/separator/separator.rb
 - lib/ruby_ui/sheet/sheet.rb
 - lib/ruby_ui/sheet/sheet_content.rb
+- lib/ruby_ui/sheet/sheet_content_controller.js
+- lib/ruby_ui/sheet/sheet_controller.js
 - lib/ruby_ui/sheet/sheet_description.rb
 - lib/ruby_ui/sheet/sheet_footer.rb
 - lib/ruby_ui/sheet/sheet_header.rb
@@ -232,6 +273,8 @@ files:
 - lib/ruby_ui/sheet/sheet_title.rb
 - lib/ruby_ui/sheet/sheet_trigger.rb
 - lib/ruby_ui/shortcut_key/shortcut_key.rb
+- lib/ruby_ui/skeleton/skeleton.rb
+- lib/ruby_ui/switch/switch.rb
 - lib/ruby_ui/table/table.rb
 - lib/ruby_ui/table/table_body.rb
 - lib/ruby_ui/table/table_caption.rb
@@ -242,12 +285,15 @@ files:
 - lib/ruby_ui/table/table_row.rb
 - lib/ruby_ui/tabs/tabs.rb
 - lib/ruby_ui/tabs/tabs_content.rb
+- lib/ruby_ui/tabs/tabs_controller.js
 - lib/ruby_ui/tabs/tabs_list.rb
 - lib/ruby_ui/tabs/tabs_trigger.rb
 - lib/ruby_ui/textarea/textarea.rb
 - lib/ruby_ui/theme_toggle/theme_toggle.rb
+- lib/ruby_ui/theme_toggle/theme_toggle_controller.js
 - lib/ruby_ui/tooltip/tooltip.rb
 - lib/ruby_ui/tooltip/tooltip_content.rb
+- lib/ruby_ui/tooltip/tooltip_controller.js
 - lib/ruby_ui/tooltip/tooltip_trigger.rb
 - lib/ruby_ui/typography/heading.rb
 - lib/ruby_ui/typography/inline_code.rb
@@ -273,7 +319,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.16
+rubygems_version: 3.5.11
 signing_key:
 specification_version: 4
 summary: RubyUI is a UI Component Library for Ruby developers.

data/lib/ruby_ui/combobox/combobox_content.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module RubyUI
-  class ComboboxContent < Base
-    def initialize(**attrs)
-      @id = "content#{SecureRandom.hex(4)}"
-      super
-    end
-
-    def view_template(&)
-      div(**attrs) do
-        div(class: "min-w-max max-h-[300px] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md outline-none animate-out group-data-[ruby-ui--combobox-open-value=true]/combobox:animate-in fade-out-0 group-data-[ruby-ui--combobox-open-value=true]/combobox:fade-in-0 zoom-out-95 group-data-[ruby-ui--combobox-open-value=true]/combobox:zoom-in-95 slide-in-from-top-2", &)
-      end
-    end
-
-    private
-
-    def default_attrs
-      {
-        id: @id,
-        role: "listbox",
-        data: {
-          controller: "ruby-ui--combobox-content",
-          ruby_ui__combobox_target: "content",
-          action: "keydown.enter->ruby-ui--combobox#onKeyEnter keydown.esc->ruby-ui--combobox#onEscKey keydown.down->ruby-ui--combobox#onKeyDown keydown.up->ruby-ui--combobox#onKeyUp"
-        },
-        class: "combobox-content hidden w-full absolute top-0 left-0 z-50"
-      }
-    end
-  end
-end

data/lib/ruby_ui/combobox/combobox_group.rb

@@ -1,38 +0,0 @@
-# frozen_string_literal: true
-
-module RubyUI
-  class ComboboxGroup < Base
-    def initialize(heading: nil, **attrs)
-      @heading = heading
-      super(**attrs)
-    end
-
-    def view_template(&block)
-      div(**attrs) do
-        render_header if @heading
-        render_items(&block)
-      end
-    end
-
-    private
-
-    def render_header
-      div(group_heading: @heading, class: "px-2 py-1.5 text-xs font-medium text-muted-foreground") { @heading }
-    end
-
-    def render_items(&)
-      div(group_items: "", role: "group", &)
-    end
-
-    def default_attrs
-      {
-        class: "overflow-hidden p-1 text-foreground",
-        role: "presentation",
-        data: {
-          value: @heading,
-          ruby_ui__combobox_content_target: "group"
-        }
-      }
-    end
-  end
-end

data/lib/ruby_ui/combobox/combobox_input.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module RubyUI
-  class ComboboxInput < Base
-    def view_template
-      input(**attrs)
-    end
-
-    private
-
-    def default_attrs
-      {
-        class: "hidden",
-        data: {
-          ruby_ui__combobox_target: "input",
-          ruby_ui__form_field_target: "input",
-          action: "change->ruby-ui--form-field#onChange invalid->ruby-ui--form-field#onInvalid"
-        }
-      }
-    end
-  end
-end

data/lib/ruby_ui/combobox/combobox_value.rb

@@ -1,27 +0,0 @@
-# frozen_string_literal: true
-
-module RubyUI
-  class ComboboxValue < Base
-    def initialize(placeholder: nil, **attrs)
-      @placeholder = placeholder
-      super(**attrs)
-    end
-
-    def view_template(&block)
-      span(**attrs) do
-        block ? block.call : @placeholder
-      end
-    end
-
-    private
-
-    def default_attrs
-      {
-        data: {
-          ruby_ui__combobox_target: "value"
-        },
-        class: "pointer-events-none"
-      }
-    end
-  end
-end