lightning_ui_kit 0.2.5 → 0.3.0

data/app/components/lightning_ui_kit/select_component.html.erb

@@ -1,14 +1,35 @@
-<%= tag.div data:, class: classes do %>
-  <%= render_label %>
+<%= tag.div data:, class: "lui:[&>[data-slot=label]+[data-slot=control]]:mt-3 lui:[&>[data-slot=label]+[data-slot=description]]:mt-1 lui:[&>[data-slot=description]+[data-slot=control]]:mt-3 lui:[&>[data-slot=control]+[data-slot=description]]:mt-3 lui:[&>[data-slot=control]+[data-slot=error]]:mt-3 lui:*:data-[slot=label]:font-medium" do %>
+  <% if @label %>
+    <label data-slot="label" class="lui:text-base/6 lui:text-zinc-950 lui:select-none lui:data-disabled:opacity-50 lui:sm:text-sm/6">
+      <%= @label %>
+    </label>
+  <% end %>
   <% if @description %>
-    <p data-slot="description" class="lui:text-base/6 lui:text-zinc-500 lui:data-disabled:opacity-50 lui:sm:text-sm/6" <%= "data-disabled=true" if @disabled %>>
+    <p data-slot="description" class="lui:text-base/6 lui:text-zinc-500 lui:data-disabled:opacity-50 lui:sm:text-sm/6">
       <%= @description %>
     </p>
   <% end %>
-  <span data-slot="control" class="<%= control_classes %>">
-    <%= render_select %>
+  <span data-slot="control"
+    class="lui:group lui:relative lui:block lui:w-full lui:before:absolute lui:before:inset-px lui:before:rounded-[calc(var(--radius-lg)-1px)] lui:before:bg-white lui:before:shadow-sm lui:after:pointer-events-none lui:after:absolute lui:after:inset-0 lui:after:rounded-lg lui:after:ring-transparent lui:after:ring-inset lui:focus:after:ring-2 lui:focus:after:ring-blue-500 lui:has-data-disabled:opacity-50 lui:has-data-disabled:before:bg-zinc-950/5 lui:has-data-disabled:before:shadow-none">
+    <% if @form %>
+      <%= @form.select(
+        @name,
+        @options_for_select,
+        { multiple: @multiple },
+        class: "lui:relative lui:block lui:w-full lui:appearance-none lui:rounded-lg lui:py-[calc(--spacing(2.5)-1px)] lui:sm:py-[calc(--spacing(1.5)-1px)] lui:pr-[calc(--spacing(10)-1px)] lui:pl-[calc(--spacing(3.5)-1px)] lui:sm:pr-[calc(--spacing(9)-1px)] lui:sm:pl-[calc(--spacing(3)-1px)] lui:[&_optgroup]:font-semibold lui:text-base/6 lui:text-zinc-950 lui:placeholder:text-zinc-500 lui:sm:text-sm/6 lui:border lui:border-zinc-950/10 lui:hover:border-zinc-950/20 lui:bg-transparent lui:focus:outline-hidden lui:data-invalid:border-red-500 lui:data-invalid:hover:border-red-500 lui:data-disabled:border-zinc-950/20 lui:data-disabled:opacity-100",
+        data: select_data
+      ) %>
+    <% else %>
+      <%= select_tag(
+        @name,
+        @options_for_select,
+        multiple: @multiple,
+        class: "lui:relative lui:block lui:w-full lui:appearance-none lui:rounded-lg lui:py-[calc(--spacing(2.5)-1px)] lui:sm:py-[calc(--spacing(1.5)-1px)] lui:pr-[calc(--spacing(10)-1px)] lui:pl-[calc(--spacing(3.5)-1px)] lui:sm:pr-[calc(--spacing(9)-1px)] lui:sm:pl-[calc(--spacing(3)-1px)] lui:[&_optgroup]:font-semibold lui:text-base/6 lui:text-zinc-950 lui:placeholder:text-zinc-500 lui:sm:text-sm/6 lui:border lui:border-zinc-950/10 lui:hover:border-zinc-950/20 lui:bg-transparent lui:focus:outline-hidden lui:data-invalid:border-red-500 lui:data-invalid:hover:border-red-500 lui:data-disabled:border-zinc-950/20 lui:data-disabled:opacity-100",
+        data: select_data
+      ) %>
+    <% end %>
     <span class="lui:pointer-events-none lui:absolute lui:inset-y-0 lui:right-0 lui:flex lui:items-center lui:pr-2">
-      <svg class="lui:size-5 lui:stroke-zinc-500 lui:sm:size-4 lui:forced-colors:stroke-[CanvasText]" viewBox="0 0 16 16" aria-hidden="true" fill="none">
+      <svg class="lui:size-5 lui:stroke-zinc-500 lui:group-has-data-disabled:stroke-zinc-600 lui:sm:size-4 lui:forced-colors:stroke-[CanvasText]" viewBox="0 0 16 16" aria-hidden="true" fill="none">
         <path d="M5.75 10.75L8 13L10.25 10.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
         <path d="M10.25 5.25L8 3L5.75 5.25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
       </svg>

data/app/components/lightning_ui_kit/select_component.rb

@@ -15,83 +15,41 @@ class LightningUiKit::SelectComponent < LightningUiKit::BaseComponent
     @options = options
   end
 
-  def classes
-    "lui:[&>[data-slot=label]+[data-slot=control]]:mt-3 lui:[&>[data-slot=label]+[data-slot=description]]:mt-1 lui:[&>[data-slot=description]+[data-slot=control]]:mt-3 lui:[&>[data-slot=control]+[data-slot=description]]:mt-3 lui:[&>[data-slot=control]+[data-slot=error]]:mt-3 lui:*:data-[slot=label]:font-medium"
-  end
-
   def data
-    {controller: "lui-field"}.merge(@options[:data] || {})
+    default_data = {
+      slot: "field",
+      action: "click->switch#toggle",
+      controller: "select",
+      disabled: @disabled
+    }
+
+    default_data.merge(@options[:data] || {})
   end
 
   def select_data
-    {lui_field_target: "field"}.merge(@options[:select_data] || {}).tap do |data|
-      data[:invalid] = "true" if has_errors?
+    {}.tap do |data|
+      if has_errors?
+        data[:invalid] = "true"
+      end
     end
   end
 
   def control_data
-    {slot: "control"}.merge(@options[:control_data] || {}).dup.tap do |data|
-      data[:disabled] = "true" if @disabled
-      data[:invalid] = "true" if has_errors?
+    {slot: "control"}.merge(@options[:control_data] || {}).tap do |data|
+      if @disabled
+        data[:disabled] = "true"
+      end
+      if has_errors?
+        data[:invalid] = "true"
+      end
     end
   end
 
   def error_data
-    {slot: "error"}.merge(@options[:error_data] || {}).dup.tap do |data|
-      data[:disabled] = "true" if @disabled
-    end
-  end
-
-  def label_data
-    {slot: "label"}.merge(@options[:label_data] || {}).dup.tap do |data|
-      data[:disabled] = "true" if @disabled
-    end
-  end
-
-  def description_data
-    {slot: "description"}.merge(@options[:description_data] || {}).dup.tap do |data|
-      data[:disabled] = "true" if @disabled
-    end
-  end
-
-  def label_html_options
-    {
-      class: "lui:text-base/6 lui:text-zinc-950 lui:select-none lui:data-disabled:opacity-50 lui:sm:text-sm/6",
-      data: label_data
-    }
-  end
-
-  def render_label
-    return unless @label
-
-    if @form
-      @form.label(@name, @label, **label_html_options)
-    else
-      helpers.label_tag(@name, @label, **label_html_options)
-    end
-  end
-
-  def select_classes
-    "lui:relative lui:block lui:w-full lui:appearance-none lui:rounded-lg lui:py-[calc(--spacing(2.5)-1px)] lui:sm:py-[calc(--spacing(1.5)-1px)] lui:pr-[calc(--spacing(10)-1px)] lui:pl-[calc(--spacing(3.5)-1px)] lui:sm:pr-[calc(--spacing(9)-1px)] lui:sm:pl-[calc(--spacing(3)-1px)] lui:[&_optgroup]:font-semibold lui:text-base/6 lui:text-zinc-950 lui:placeholder:text-zinc-500 lui:sm:text-sm/6 lui:border lui:border-zinc-950/10 lui:data-[hover]:border-zinc-950/20 lui:bg-transparent lui:focus:outline-hidden lui:data-invalid:border-red-500 lui:data-invalid:data-[hover]:border-red-500 lui:data-disabled:border-zinc-950/20 lui:data-disabled:opacity-100"
-  end
-
-  def control_classes
-    "lui:relative lui:block lui:w-full lui:before:pointer-events-none lui:before:absolute lui:before:inset-px lui:before:rounded-[7px] lui:before:bg-white lui:before:shadow-sm lui:after:pointer-events-none lui:after:absolute lui:after:inset-0 lui:after:rounded-lg lui:after:ring-inset lui:focus-within:after:ring-2 lui:focus-within:after:ring-blue-500 lui:has-data-disabled:opacity-50 lui:has-data-disabled:before:bg-zinc-950/5 lui:has-data-disabled:before:shadow-none"
-  end
-
-  def select_html_options
-    {
-      multiple: @multiple,
-      class: select_classes,
-      data: select_data
-    }
-  end
-
-  def render_select
-    if @form
-      @form.select(@name, @options_for_select, {}, select_html_options)
-    else
-      helpers.select_tag(@name, helpers.options_for_select(@options_for_select), select_html_options)
+    {slot: "error"}.merge(@options[:error_data] || {}).tap do |data|
+      if @disabled
+        data[:disabled] = "true"
+      end
     end
   end
 end

data/app/components/lightning_ui_kit/textarea_component.html.erb

@@ -2,9 +2,15 @@
   class: "lui:[&>[data-slot=label]+[data-slot=control]]:mt-3 lui:[&>[data-slot=label]+[data-slot=description]]:mt-1
   lui:[&>[data-slot=description]+[data-slot=control]]:mt-3 lui:[&>[data-slot=control]+[data-slot=description]]:mt-3
   lui:[&>[data-slot=control]+[data-slot=error]]:mt-3 lui:*:data-[slot=label]:font-medium",
-  data: data
+  data:
 ) do %>
-  <%= render_label %>
+  <% if @label %>
+    <%= tag.label(
+      @label,
+      class: "lui:text-base/6 lui:text-zinc-950 lui:select-none lui:data-disabled:opacity-50 lui:sm:text-sm/6",
+      data: label_data
+    ) %>
+  <% end %>
   <% if @description %>
     <%= tag.p(
       @description,
@@ -12,9 +18,35 @@
       data: description_data
     ) %>
   <% end %>
-  <span data-slot="control" class="<%= control_classes %>">
-    <%= render_textarea %>
-  </span>
+  <% if @form %>
+    <span data-slot="control" class="lui:relative lui:block lui:w-full lui:before:absolute lui:before:inset-px lui:before:rounded-[calc(var(--radius-lg)-1px)] lui:before:bg-white lui:before:shadow-sm lui:after:pointer-events-none lui:after:absolute lui:after:inset-0 lui:after:rounded-lg lui:after:ring-transparent lui:after:ring-inset lui:sm:focus-within:after:ring-2 lui:sm:focus-within:after:ring-blue-500 lui:has-data-disabled:opacity-50 lui:has-data-disabled:before:bg-zinc-950/5 lui:has-data-disabled:before:shadow-none lui:has-data-invalid:before:shadow-red-500/10">
+      <%= @form.text_area(
+        @name,
+        value: @value,
+        rows: @rows,
+        cols: @cols,
+        multiple: @multiple,
+        data: input_data,
+        class: "lui:relative lui:block lui:w-full lui:appearance-none lui:rounded-lg lui:px-[calc(--spacing(3.5)-1px)] lui:py-[calc(--spacing(2.5)-1px)] lui:sm:px-[calc(--spacing(3)-1px)] lui:sm:py-[calc(--spacing(1.5)-1px)] lui:text-base/6 lui:text-zinc-950 lui:placeholder:text-zinc-500 lui:sm:text-sm/6 lui:border lui:border-zinc-950/10 lui:hover:border-zinc-950/20 lui:bg-transparent lui:focus:outline-hidden lui:data-invalid:border-red-500 lui:data-invalid:hover:border-red-500 lui:data-disabled:border-zinc-950/20",
+        disabled: @disabled,
+        autofocus: @autofocus
+      ) %>
+    </span>
+  <% else %>
+    <span data-slot="control" class="lui:relative lui:block lui:w-full lui:before:absolute lui:before:inset-px lui:before:rounded-[calc(var(--radius-lg)-1px)] lui:before:bg-white lui:before:shadow-sm lui:after:pointer-events-none lui:after:absolute lui:after:inset-0 lui:after:rounded-lg lui:after:ring-transparent lui:after:ring-inset lui:sm:focus-within:after:ring-2 lui:sm:focus-within:after:ring-blue-500 lui:has-data-disabled:opacity-50 lui:has-data-disabled:before:bg-zinc-950/5 lui:has-data-disabled:before:shadow-none lui:has-data-invalid:before:shadow-red-500/10">
+      <%= text_area_tag(
+        @name,
+        @value,
+        rows: @rows,
+        cols: @cols,
+        multiple: @multiple,
+        data: input_data,
+        class: "lui:relative lui:block lui:w-full lui:appearance-none lui:rounded-lg lui:px-[calc(--spacing(3.5)-1px)] lui:py-[calc(--spacing(2.5)-1px)] lui:sm:px-[calc(--spacing(3)-1px)] lui:sm:py-[calc(--spacing(1.5)-1px)] lui:text-base/6 lui:text-zinc-950 lui:placeholder:text-zinc-500 lui:sm:text-sm/6 lui:border lui:border-zinc-950/10 lui:hover:border-zinc-950/20 lui:bg-transparent lui:focus:outline-hidden lui:data-invalid:border-red-500 lui:data-invalid:hover:border-red-500 lui:data-disabled:border-zinc-950/20",
+        disabled: @disabled,
+        autofocus: @autofocus
+      ) %>
+    </span>
+  <% end %>
   <% if has_errors? %>
     <%= tag.p(
       error_messages,

data/app/components/lightning_ui_kit/textarea_component.rb

@@ -20,71 +20,38 @@ class LightningUiKit::TextareaComponent < LightningUiKit::BaseComponent
   end
 
   def data
-    {controller: "lui-field"}.merge(@options[:data] || {})
+    @options[:data] || {}
   end
 
   def input_data
-    {lui_field_target: "field"}.merge(@options[:input_data] || {}).dup.tap do |data|
-      data[:invalid] = "true" if has_errors?
+    (@options[:input_data] || {}).tap do |data|
+      if has_errors?
+        data[:invalid] = "true"
+      end
     end
   end
 
   def label_data
-    {slot: "label"}.merge(@options[:label_data] || {}).dup.tap do |data|
-      data[:disabled] = "true" if @disabled
+    {slot: "label"}.merge(@options[:label_data] || {}).tap do |data|
+      if @disabled
+        data[:disabled] = "true"
+      end
     end
   end
 
   def description_data
-    {slot: "description"}.merge(@options[:description_data] || {}).dup.tap do |data|
-      data[:disabled] = "true" if @disabled
+    {slot: "description"}.merge(@options[:description_data] || {}).tap do |data|
+      if @disabled
+        data[:disabled] = "true"
+      end
     end
   end
 
   def error_data
-    {slot: "error"}.merge(@options[:error_data] || {}).dup.tap do |data|
-      data[:disabled] = "true" if @disabled
+    {slot: "error"}.merge(@options[:error_data] || {}).tap do |data|
+      if @disabled
+        data[:disabled] = "true"
+      end
     end
   end
-
-  def label_html_options
-    {
-      class: "lui:text-base/6 lui:text-zinc-950 lui:select-none lui:data-disabled:opacity-50 lui:sm:text-sm/6",
-      data: label_data
-    }
-  end
-
-  def render_label
-    return unless @label
-
-    if @form
-      @form.label(@name, @label, **label_html_options)
-    else
-      helpers.label_tag(@name, @label, **label_html_options)
-    end
-  end
-
-  def textarea_html_options
-    {
-      rows: @rows,
-      cols: @cols,
-      multiple: @multiple,
-      data: input_data,
-      class: "lui:relative lui:block lui:w-full lui:appearance-none lui:rounded-lg lui:px-[calc(--spacing(3.5)-1px)] lui:py-[calc(--spacing(2.5)-1px)] lui:sm:px-[calc(--spacing(3)-1px)] lui:sm:py-[calc(--spacing(1.5)-1px)] lui:text-base/6 lui:text-zinc-950 lui:placeholder:text-zinc-500 lui:sm:text-sm/6 lui:border lui:border-zinc-950/10 lui:data-[hover]:border-zinc-950/20 lui:bg-transparent lui:focus:outline-hidden lui:data-invalid:border-red-500 lui:data-invalid:data-[hover]:border-red-500 lui:data-disabled:border-zinc-950/20",
-      disabled: @disabled,
-      autofocus: @autofocus
-    }
-  end
-
-  def render_textarea
-    if @form
-      @form.text_area(@name, **textarea_html_options)
-    else
-      helpers.text_area_tag(@name, @value, **textarea_html_options)
-    end
-  end
-
-  def control_classes
-    "lui:relative lui:block lui:w-full lui:before:absolute lui:before:inset-px lui:before:rounded-[7px] lui:before:bg-white lui:before:shadow-sm lui:after:pointer-events-none lui:after:absolute lui:after:inset-0 lui:after:rounded-lg lui:after:ring-transparent lui:after:ring-inset lui:sm:focus-within:after:ring-2 lui:sm:focus-within:after:ring-blue-500 lui:has-data-disabled:opacity-50 lui:has-data-disabled:before:bg-zinc-950/5 lui:has-data-disabled:before:shadow-none lui:has-data-invalid:before:shadow-red-500/10"
-  end
 end

data/app/javascript/lightning_ui_kit/controllers/modal_controller.js

@@ -1,7 +1,7 @@
 import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
-  static targets = ["dialog", "panel"]
+  static targets = ["dialog"]
   static values = {
     open: Boolean
   }
@@ -38,12 +38,6 @@ export default class extends Controller {
     }
   }
 
-  closeOnBackdrop(event) {
-    if (this.hasPanelTarget && !this.panelTarget.contains(event.target)) {
-      this.close()
-    }
-  }
-
   submitForm() {
     this.dialogTarget.querySelector("form").requestSubmit()
   }

data/app/javascript/lightning_ui_kit/index.js

@@ -11,7 +11,6 @@ window.Stimulus = application
 import ClipboardController from './controllers/clipboard_controller'
 import CheckboxController from './controllers/checkbox_controller'
 import BannerController from './controllers/banner_controller'
-import LayoutController from './controllers/layout_controller'
 import MainController from './controllers/main_controller'
 import AccordionController from './controllers/accordion_controller'
 import ModalController from './controllers/modal_controller'
@@ -20,15 +19,11 @@ import SwitchController from './controllers/switch_controller'
 import DropdownController from './controllers/dropdown_controller'
 import DropzoneController from './controllers/dropzone_controller'
 import ToastController from './controllers/toast_controller'
-import TooltipController from './controllers/tooltip_controller'
-import ComboboxController from './controllers/combobox_controller'
-import FieldController from './controllers/field_controller'
 
 export function registerLuiControllers(application) {
   application.register(`${namespace}-clipboard`, ClipboardController)
   application.register(`${namespace}-checkbox`, CheckboxController)
   application.register(`${namespace}-banner`, BannerController)
-  application.register(`${namespace}-layout`, LayoutController)
   application.register(`${namespace}-main`, MainController)
   application.register(`${namespace}-accordion`, AccordionController)
   application.register(`${namespace}-modal`, ModalController)
@@ -37,9 +32,6 @@ export function registerLuiControllers(application) {
   application.register(`${namespace}-dropdown`, DropdownController)
   application.register(`${namespace}-dropzone`, DropzoneController)
   application.register(`${namespace}-toast`, ToastController)
-  application.register(`${namespace}-tooltip`, TooltipController)
-  application.register(`${namespace}-combobox`, ComboboxController)
-  application.register(`${namespace}-field`, FieldController)
 }
 registerLuiControllers(application)
 

data/config/deploy.yml

@@ -5,7 +5,10 @@ ssh:
   user: www
 
 registry:
-  server: "localhost:5555"
+  server: ghcr.io
+  username: k0va1
+  password:
+    - KAMAL_REGISTRY_PASSWORD
 
 builder:
   arch: amd64
@@ -34,8 +37,8 @@ env:
 
 proxy:
   ssl: false
-  host: ui.k0va1.dev
   app_port: 8000
+  host: ui.lightningrails.xyz
   forward_headers: true
   healthcheck:
     interval: 3

data/lib/lightning_ui_kit/engine.rb

@@ -4,7 +4,12 @@ module LightningUiKit
   class Engine < ::Rails::Engine
     isolate_namespace LightningUiKit
 
-    config.to_prepare do
+    config.autoload_paths = %W[
+      #{root}/app/components
+      #{root}/app/helpers
+    ]
+
+    initializer "lightning_ui_kit.helpers" do
       ActiveSupport.on_load(:action_controller_base) do
         helper LightningUiKit::ApplicationHelper
         helper LightningUiKit::HeroiconHelper

data/lib/lightning_ui_kit/version.rb

@@ -1,3 +1,3 @@
 module LightningUiKit
-  VERSION = "0.2.5"
+  VERSION = "0.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lightning_ui_kit
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.3.0
 platform: ruby
 authors:
 - Alex Koval
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-01-18 00:00:00.000000000 Z
+date: 2025-07-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -80,6 +80,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: Lightning UI is a collection of UI components for Rails applications
 email:
 - al3xander.koval@gmail.com
@@ -109,8 +123,6 @@ files:
 - app/components/lightning_ui_kit/button_component.rb
 - app/components/lightning_ui_kit/checkbox_component.html.erb
 - app/components/lightning_ui_kit/checkbox_component.rb
-- app/components/lightning_ui_kit/combobox_component.html.erb
-- app/components/lightning_ui_kit/combobox_component.rb
 - app/components/lightning_ui_kit/description_list/item_component.html.erb
 - app/components/lightning_ui_kit/description_list/item_component.rb
 - app/components/lightning_ui_kit/description_list_component.html.erb
@@ -125,8 +137,6 @@ files:
 - app/components/lightning_ui_kit/file_input_component.rb
 - app/components/lightning_ui_kit/input_component.html.erb
 - app/components/lightning_ui_kit/input_component.rb
-- app/components/lightning_ui_kit/layout_component.html.erb
-- app/components/lightning_ui_kit/layout_component.rb
 - app/components/lightning_ui_kit/link_component.html.erb
 - app/components/lightning_ui_kit/link_component.rb
 - app/components/lightning_ui_kit/modal_component.html.erb
@@ -137,10 +147,6 @@ files:
 - app/components/lightning_ui_kit/select_component.rb
 - app/components/lightning_ui_kit/sidebar_component.html.erb
 - app/components/lightning_ui_kit/sidebar_component.rb
-- app/components/lightning_ui_kit/sidebar_link_component.html.erb
-- app/components/lightning_ui_kit/sidebar_link_component.rb
-- app/components/lightning_ui_kit/sidebar_section_component.html.erb
-- app/components/lightning_ui_kit/sidebar_section_component.rb
 - app/components/lightning_ui_kit/skeleton_component.html.erb
 - app/components/lightning_ui_kit/skeleton_component.rb
 - app/components/lightning_ui_kit/spinner_component.html.erb
@@ -157,25 +163,19 @@ files:
 - app/components/lightning_ui_kit/textarea_component.rb
 - app/components/lightning_ui_kit/toast_component.html.erb
 - app/components/lightning_ui_kit/toast_component.rb
-- app/components/lightning_ui_kit/tooltip_component.html.erb
-- app/components/lightning_ui_kit/tooltip_component.rb
 - app/helpers/lightning_ui_kit/application_helper.rb
 - app/helpers/lightning_ui_kit/heroicon_helper.rb
 - app/javascript/lightning_ui_kit/controllers/accordion_controller.js
 - app/javascript/lightning_ui_kit/controllers/banner_controller.js
 - app/javascript/lightning_ui_kit/controllers/checkbox_controller.js
 - app/javascript/lightning_ui_kit/controllers/clipboard_controller.js
-- app/javascript/lightning_ui_kit/controllers/combobox_controller.js
 - app/javascript/lightning_ui_kit/controllers/dropdown_controller.js
 - app/javascript/lightning_ui_kit/controllers/dropzone_controller.js
-- app/javascript/lightning_ui_kit/controllers/field_controller.js
-- app/javascript/lightning_ui_kit/controllers/layout_controller.js
 - app/javascript/lightning_ui_kit/controllers/main_controller.js
 - app/javascript/lightning_ui_kit/controllers/modal_controller.js
 - app/javascript/lightning_ui_kit/controllers/reveal_controller.js
 - app/javascript/lightning_ui_kit/controllers/switch_controller.js
 - app/javascript/lightning_ui_kit/controllers/toast_controller.js
-- app/javascript/lightning_ui_kit/controllers/tooltip_controller.js
 - app/javascript/lightning_ui_kit/index.js
 - config/deploy.yml
 - config/initializers/heroicons.rb
@@ -189,7 +189,7 @@ licenses:
 metadata:
   homepage_uri: https://github.com/k0va1/lightning_ui_kit
   source_code_uri: https://github.com/k0va1/lightning_ui_kit
-  changelog_uri: https://github.com/k0va1/lightning_ui_kit/blob/master/CHANGELOG.md
+  changelog_uri: https://github.com/k0va1/lightning_ui_kit/blob/main/CHANGELOG.md
 post_install_message:
 rdoc_options: []
 require_paths:

data/app/components/lightning_ui_kit/combobox_component.html.erb

@@ -1,137 +0,0 @@
-<%= tag.div(data:, class: classes) do %>
-  <% if @label %>
-    <%= tag.label(
-      @label,
-      class: "lui:text-base/6 lui:text-zinc-950 lui:select-none lui:data-disabled:opacity-50 lui:sm:text-sm/6",
-      data: label_data
-    ) %>
-  <% end %>
-
-  <% if @description %>
-    <%= tag.p(
-      @description,
-      class: "lui:text-base/6 lui:text-zinc-500 lui:data-disabled:opacity-50 lui:sm:text-sm/6",
-      data: description_data
-    ) %>
-  <% end %>
-
-  <div data-slot="control" class="lui:relative lui:w-full">
-    <% if @multiple %>
-      <%# Multiple selection: tags + input in a styled container %>
-      <div
-        class="lui:relative lui:flex lui:flex-wrap lui:items-center lui:gap-1.5 lui:w-full lui:min-h-[42px] lui:sm:min-h-[38px] lui:rounded-lg lui:border lui:border-zinc-950/10 lui:data-[hover]:border-zinc-950/20 lui:bg-white lui:shadow-sm lui:px-2 lui:py-1.5 lui:focus-within:ring-2 lui:focus-within:ring-blue-500 lui:focus-within:ring-offset-0 <%= 'lui:opacity-50' if @disabled %> <%= 'lui:border-red-500' if has_errors? %>"
-        data-lui-combobox-target="inputWrapper selectedTags"
-      >
-        <input
-          type="text"
-          role="combobox"
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          autocomplete="off"
-          class="lui:flex-1 lui:min-w-[120px] lui:border-0 lui:bg-transparent lui:p-0 lui:text-base/6 lui:text-zinc-950 lui:placeholder:text-zinc-500 lui:sm:text-sm/6 lui:focus:outline-none lui:focus:ring-0"
-          placeholder="<%= @placeholder %>"
-          data-lui-combobox-target="input"
-          data-action="input->lui-combobox#onInput focus->lui-combobox#onFocus keydown->lui-combobox#onKeydown"
-          <%= "disabled" if @disabled %>
-          <%= "data-disabled=true" if @disabled %>
-          <%= "data-invalid=true" if has_errors? %>
-        />
-        <span class="lui:pointer-events-none lui:flex lui:items-center">
-          <svg class="lui:size-5 lui:stroke-zinc-500 lui:sm:size-4" viewBox="0 0 16 16" aria-hidden="true" fill="none">
-            <path d="M5.75 10.75L8 13L10.25 10.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-            <path d="M10.25 5.25L8 3L5.75 5.25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-          </svg>
-        </span>
-      </div>
-    <% else %>
-      <%# Single selection: standard input styling %>
-      <span class="lui:relative lui:block lui:w-full lui:before:absolute lui:before:inset-px lui:before:rounded-[7px] lui:before:bg-white lui:before:shadow-sm lui:after:pointer-events-none lui:after:absolute lui:after:inset-0 lui:after:rounded-lg lui:after:ring-transparent lui:after:ring-inset lui:sm:focus-within:after:ring-2 lui:sm:focus-within:after:ring-blue-500 lui:has-data-disabled:opacity-50 lui:has-data-disabled:before:bg-zinc-950/5 lui:has-data-disabled:before:shadow-none lui:has-data-invalid:before:shadow-red-500/10">
-        <input
-          type="text"
-          role="combobox"
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="listbox"
-          autocomplete="off"
-          class="<%= input_classes %>"
-          placeholder="<%= @placeholder %>"
-          data-lui-combobox-target="input"
-          data-action="input->lui-combobox#onInput focus->lui-combobox#onFocus keydown->lui-combobox#onKeydown"
-          <%= "disabled" if @disabled %>
-          <%= "data-disabled=true" if @disabled %>
-          <%= "data-invalid=true" if has_errors? %>
-        />
-        <span class="lui:pointer-events-none lui:absolute lui:inset-y-0 lui:right-0 lui:flex lui:items-center lui:pr-2">
-          <svg class="lui:size-5 lui:stroke-zinc-500 lui:sm:size-4" viewBox="0 0 16 16" aria-hidden="true" fill="none">
-            <path d="M5.75 10.75L8 13L10.25 10.75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-            <path d="M10.25 5.25L8 3L5.75 5.25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
-          </svg>
-        </span>
-      </span>
-    <% end %>
-
-    <%# Dropdown listbox %>
-    <div
-      data-lui-combobox-target="listbox"
-      role="listbox"
-      aria-label="<%= @label || 'Options' %>"
-      class="lui:hidden lui:absolute lui:z-50 lui:mt-1 lui:w-full lui:max-h-60 lui:overflow-auto lui:rounded-lg lui:bg-white lui:shadow-lg lui:ring-1 lui:ring-zinc-950/10"
-    >
-      <template data-lui-combobox-target="optionTemplate">
-        <div
-          role="option"
-          data-lui-combobox-target="option"
-          class="lui:relative lui:cursor-pointer lui:select-none lui:py-2 lui:px-3 lui:text-zinc-900 lui:hover:bg-zinc-100 lui:data-[selected]:bg-blue-50 lui:data-[highlighted]:bg-zinc-100 lui:data-[disabled]:opacity-50 lui:data-[disabled]:cursor-not-allowed"
-          data-action="click->lui-combobox#selectOption mouseenter->lui-combobox#highlightOption"
-        >
-          <span data-label class="lui:block lui:truncate"></span>
-          <span data-checkmark class="lui:hidden lui:absolute lui:inset-y-0 lui:right-0 lui:flex lui:items-center lui:pr-3 lui:text-blue-600">
-            <svg class="lui:size-5" viewBox="0 0 20 20" fill="currentColor">
-              <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
-            </svg>
-          </span>
-        </div>
-      </template>
-
-      <div data-lui-combobox-target="optionsContainer"></div>
-
-      <div data-lui-combobox-target="loading" class="lui:hidden lui:py-2 lui:px-3 lui:text-zinc-500 lui:text-sm">
-        Loading...
-      </div>
-
-      <div data-lui-combobox-target="noResults" class="lui:hidden lui:py-2 lui:px-3 lui:text-zinc-500 lui:text-sm">
-        No results found
-      </div>
-
-      <% if @allow_custom %>
-        <div
-          data-lui-combobox-target="createOption"
-          class="lui:hidden lui:cursor-pointer lui:py-2 lui:px-3 lui:text-blue-600 lui:hover:bg-blue-50 lui:border-t lui:border-zinc-100 lui:flex lui:items-center lui:gap-1.5"
-          data-action="click->lui-combobox#createCustomOption"
-        >
-          <%= heroicon "plus", variant: :solid, options: { class: "lui:size-4" } %>
-          Create "<span data-lui-combobox-target="createOptionText"></span>"
-        </div>
-      <% end %>
-    </div>
-  </div>
-
-  <% if @multiple %>
-    <div data-lui-combobox-target="hiddenFields" data-name="<%= hidden_field_name %>"></div>
-  <% else %>
-    <% if @form %>
-      <%= @form.hidden_field(@name, data: { "lui-combobox-target" => "hiddenField" }, value: @selected) %>
-    <% else %>
-      <%= hidden_field_tag(@name, @selected, data: { "lui-combobox-target" => "hiddenField" }) %>
-    <% end %>
-  <% end %>
-
-  <% if has_errors? %>
-    <%= tag.p(
-      error_messages,
-      class: "lui:text-base/6 lui:text-red-600 lui:data-disabled:opacity-50 lui:sm:text-sm/6",
-      data: error_data
-    ) %>
-  <% end %>
-<% end %>