kiso 0.1.0.pre → 0.2.0.pre

data/lib/kiso/themes/switch.rb

@@ -0,0 +1,56 @@
+module Kiso
+  module Themes
+    # Toggle switch built with a native +<input type="checkbox">+ inside a
+    # +<label>+ that acts as the track. The +has-[:checked]:+ selector drives
+    # track color and +peer-checked:+ drives thumb translation.
+    #
+    # @example
+    #   SwitchTrack.render(color: :primary, size: :md)
+    #
+    # Variants:
+    # - +color+ — :primary (default), :secondary, :success, :info, :warning, :error, :neutral
+    # - +size+ — :sm, :md (default)
+    #
+    # Sub-parts: {SwitchThumb}
+    SwitchTrack = ClassVariants.build(
+      base: "relative inline-flex shrink-0 cursor-pointer items-center rounded-full " \
+            "border-2 border-transparent shadow-xs outline-none bg-accented " \
+            "transition-colors " \
+            "has-[:focus-visible]:ring-[3px] " \
+            "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
+      variants: {
+        color: COLORS.index_with { "" },
+        size: {
+          sm: "h-4 w-8",
+          md: "h-5 w-9"
+        }
+      },
+      compound_variants: [
+        {color: :primary, class: "has-[:checked]:bg-primary has-[:focus-visible]:ring-primary/50"},
+        {color: :secondary, class: "has-[:checked]:bg-secondary has-[:focus-visible]:ring-secondary/50"},
+        {color: :success, class: "has-[:checked]:bg-success has-[:focus-visible]:ring-success/50"},
+        {color: :info, class: "has-[:checked]:bg-info has-[:focus-visible]:ring-info/50"},
+        {color: :warning, class: "has-[:checked]:bg-warning has-[:focus-visible]:ring-warning/50"},
+        {color: :error, class: "has-[:checked]:bg-error has-[:focus-visible]:ring-error/50"},
+        {color: :neutral, class: "has-[:checked]:bg-inverted has-[:focus-visible]:ring-inverted/50"}
+      ],
+      defaults: {color: :primary, size: :md}
+    )
+
+    # Sliding circle indicator inside the {SwitchTrack}.
+    #
+    # Variants:
+    # - +size+ — :sm, :md (default)
+    SwitchThumb = ClassVariants.build(
+      base: "pointer-events-none block rounded-full bg-background shadow-lg ring-0 " \
+            "transition-transform translate-x-0.5",
+      variants: {
+        size: {
+          sm: "size-3 peer-checked:translate-x-4",
+          md: "size-4 peer-checked:translate-x-4"
+        }
+      },
+      defaults: {size: :md}
+    )
+  end
+end

data/lib/kiso/themes/table.rb

@@ -1,46 +1,49 @@
 module Kiso
   module Themes
-    # shadcn wraps <table> in a scrollable container div.
-    # Container: relative w-full overflow-x-auto
-    # Table: w-full caption-bottom text-sm
+    # Data table with header, body, footer, and caption sections.
+    #
+    # The partial wraps the +<table>+ in a scrollable container div.
+    #
+    # @example
+    #   Table.render
+    #
+    # Sub-parts: {TableHeader}, {TableBody}, {TableFooter}, {TableRow},
+    # {TableHead}, {TableCell}, {TableCaption}
     Table = ClassVariants.build(
-      base: "w-full caption-bottom text-sm"
+      base: "w-full caption-bottom text-sm text-foreground"
     )
 
-    # shadcn: [&_tr]:border-b
-    # border-border explicit — TW4 defaults border color to currentColor
+    # Table header section (+<thead>+). Adds bottom border to child rows.
     TableHeader = ClassVariants.build(
       base: "[&_tr]:border-b [&_tr]:border-border"
     )
 
-    # shadcn: [&_tr:last-child]:border-0
+    # Table body section (+<tbody>+). Removes border from the last row.
     TableBody = ClassVariants.build(
       base: "[&_tr:last-child]:border-0"
     )
 
-    # shadcn: bg-muted/50 border-t font-medium [&>tr]:last:border-b-0
+    # Table footer section (+<tfoot>+) with muted background.
     TableFooter = ClassVariants.build(
       base: "bg-muted/50 border-t border-border font-medium [&>tr]:last:border-b-0"
     )
 
-    # shadcn: hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors
+    # Table row (+<tr>+) with hover highlight and selection state.
     TableRow = ClassVariants.build(
       base: "hover:bg-muted/50 data-[state=selected]:bg-muted border-b border-border transition-colors"
     )
 
-    # shadcn: text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap
-    #         [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]
+    # Table header cell (+<th>+) with fixed height and font-medium.
     TableHead = ClassVariants.build(
-      base: "text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
+      base: "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
     )
 
-    # shadcn: p-2 align-middle whitespace-nowrap
-    #         [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]
+    # Table data cell (+<td>+).
     TableCell = ClassVariants.build(
       base: "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
     )
 
-    # shadcn: text-muted-foreground mt-4 text-sm
+    # Table caption (+<caption>+) rendered below the table.
     TableCaption = ClassVariants.build(
       base: "text-muted-foreground mt-4 text-sm"
     )

data/lib/kiso/themes/textarea.rb

@@ -0,0 +1,33 @@
+module Kiso
+  module Themes
+    # Multi-line text input with auto-sizing via +field-sizing-content+.
+    #
+    # @example
+    #   Textarea.render(variant: :outline, size: :md)
+    #
+    # Variants:
+    # - +variant+ — :outline (default), :soft, :ghost
+    # - +size+ — :sm, :md (default), :lg
+    Textarea = ClassVariants.build(
+      base: "text-foreground w-full rounded-md outline-none transition-[color,box-shadow] " \
+            "min-h-16 field-sizing-content " \
+            "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground " \
+            "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 " \
+            "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary " \
+            "aria-invalid:ring-error aria-invalid:focus-visible:ring-error",
+      variants: {
+        variant: {
+          outline: "bg-background ring ring-inset ring-accented shadow-xs",
+          soft: "bg-elevated/50 hover:bg-elevated focus:bg-elevated",
+          ghost: "bg-transparent hover:bg-elevated focus:bg-elevated"
+        },
+        size: {
+          sm: "px-2.5 py-2 text-sm",
+          md: "px-3 py-2 text-base md:text-sm",
+          lg: "px-3 py-2 text-base"
+        }
+      },
+      defaults: {variant: :outline, size: :md}
+    )
+  end
+end

data/lib/kiso/themes/toggle.rb

@@ -0,0 +1,71 @@
+module Kiso
+  module Themes
+    # Two-state toggle button (on/off). Uses +data-[state=on]+ for the
+    # pressed state.
+    #
+    # @example
+    #   Toggle.render(variant: :default, size: :default)
+    #
+    # Variants:
+    # - +variant+ — :default, :outline
+    # - +size+ — :sm, :default, :lg
+    #
+    # See also: {ToggleGroup} for grouped toggle buttons, {ToggleGroupItem}
+    # for items within a group.
+    Toggle = ClassVariants.build(
+      base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-foreground " \
+            "bg-transparent " \
+            "hover:bg-muted hover:text-muted-foreground " \
+            "disabled:pointer-events-none disabled:opacity-50 " \
+            "data-[state=on]:bg-muted data-[state=on]:text-foreground " \
+            "#{Shared::SVG_BASE} " \
+            "focus-visible:ring-[3px] focus-visible:ring-ring/50 outline-none " \
+            "transition-[color,box-shadow] " \
+            "whitespace-nowrap",
+      variants: {
+        variant: {
+          default: "",
+          outline: "ring ring-inset ring-border shadow-xs"
+        },
+        size: {
+          sm: "h-8 px-1.5 min-w-8",
+          default: "h-9 px-2 min-w-9",
+          lg: "h-10 px-2.5 min-w-10"
+        }
+      },
+      defaults: {variant: :default, size: :default}
+    )
+
+    # Individual item within a {ToggleGroup}. Renders flush (no gap) with
+    # rounded corners on the first and last items for a joined pill appearance.
+    #
+    # Variants:
+    # - +variant+ — :default, :outline
+    # - +size+ — :sm, :default, :lg
+    ToggleGroupItem = ClassVariants.build(
+      base: "inline-flex items-center justify-center gap-2 text-sm font-medium text-foreground " \
+            "bg-transparent min-w-0 " \
+            "rounded-none first:rounded-l-md last:rounded-r-md " \
+            "hover:bg-muted hover:text-muted-foreground " \
+            "disabled:pointer-events-none disabled:opacity-50 " \
+            "data-[state=on]:bg-muted data-[state=on]:text-foreground " \
+            "#{Shared::SVG_BASE} " \
+            "focus-visible:ring-[3px] focus-visible:ring-ring/50 outline-none " \
+            "transition-[color,box-shadow] " \
+            "whitespace-nowrap " \
+            "shrink-0 focus:z-10 focus-visible:z-10",
+      variants: {
+        variant: {
+          default: "",
+          outline: "border border-border shadow-xs -ml-px first:ml-0"
+        },
+        size: {
+          sm: "h-8 px-3",
+          default: "h-9 px-3",
+          lg: "h-10 px-3"
+        }
+      },
+      defaults: {variant: :default, size: :default}
+    )
+  end
+end

data/lib/kiso/themes/toggle_group.rb

@@ -0,0 +1,13 @@
+module Kiso
+  module Themes
+    # Container for a set of mutually exclusive {ToggleGroupItem} buttons.
+    #
+    # @example
+    #   ToggleGroup.render
+    #
+    # Sub-parts: {ToggleGroupItem}
+    ToggleGroup = ClassVariants.build(
+      base: "flex w-fit items-center rounded-md text-foreground"
+    )
+  end
+end

data/lib/kiso/version.rb

@@ -1,3 +1,6 @@
+# frozen_string_literal: true
+
 module Kiso
-  VERSION = "0.1.0.pre"
+  # @return [String] the current gem version
+  VERSION = "0.2.0.pre"
 end

data/lib/kiso.rb

@@ -1,17 +1,85 @@
-require "tailwindcss-rails"
+# frozen_string_literal: true
+
 require "class_variants"
 require "tailwind_merge"
 require "kiso/version"
+require "kiso/configuration"
+require "kiso/theme_overrides"
 require "kiso/engine"
+require "kiso/themes/shared"
 require "kiso/themes/badge"
 require "kiso/themes/alert"
 require "kiso/themes/button"
 require "kiso/themes/card"
 require "kiso/themes/separator"
-require "kiso/themes/empty_state"
+require "kiso/themes/empty"
 require "kiso/themes/stats_card"
 require "kiso/themes/table"
+require "kiso/themes/pagination"
+require "kiso/themes/label"
+require "kiso/themes/field"
+require "kiso/themes/field_group"
+require "kiso/themes/field_set"
+require "kiso/themes/input"
+require "kiso/themes/textarea"
+require "kiso/themes/input_group"
+require "kiso/themes/input_otp"
+require "kiso/themes/checkbox"
+require "kiso/themes/radio_group"
+require "kiso/themes/switch"
+require "kiso/themes/breadcrumb"
+require "kiso/themes/toggle"
+require "kiso/themes/toggle_group"
+require "kiso/themes/select"
+require "kiso/themes/select_native"
+require "kiso/themes/popover"
+require "kiso/themes/combobox"
+require "kiso/themes/command"
+require "kiso/themes/dropdown_menu"
+require "kiso/themes/kbd"
+require "kiso/themes/color_mode_button"
+require "kiso/themes/color_mode_select"
+require "kiso/themes/dashboard"
+require "kiso/themes/nav"
+require "kiso/themes/avatar"
 require "kiso/icons"
 
+# Kiso — a Rails engine providing UI components inspired by shadcn/ui and Nuxt UI.
+#
+# Components are rendered via ERB partials with computed Tailwind classes
+# from theme modules ({Themes}). Use the {ComponentHelper#kui kui} helper
+# to render components in views.
+#
+# @example Rendering a badge
+#   kui(:badge, color: :success, variant: :soft) { "Active" }
+#
+# @example Configuring icons
+#   Kiso.configure do |config|
+#     config.icons[:chevron_right] = "heroicons:chevron-right"
+#   end
+#
+# @example Global theme overrides
+#   Kiso.configure do |config|
+#     config.theme[:button] = { base: "rounded-full", defaults: { variant: :outline } }
+#     config.theme[:card_header] = { base: "p-8 sm:p-10" }
+#   end
+#
+# @see ComponentHelper#kui
+# @see Themes
 module Kiso
+  class << self
+    # @return [Configuration] the global configuration instance
+    def configuration
+      @configuration ||= Configuration.new
+    end
+    alias_method :config, :configuration
+
+    # Yields the global {Configuration} for modification.
+    #
+    # @yieldparam config [Configuration]
+    # @return [void]
+    def configure
+      yield(configuration)
+    end
+  end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: kiso
 version: !ruby/object:Gem::Version
-  version: 0.1.0.pre
+  version: 0.2.0.pre
 platform: ruby
 authors:
 - Steve Clarke
@@ -23,20 +23,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '8.0'
-- !ruby/object:Gem::Dependency
-  name: tailwindcss-rails
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: class_variants
   requirement: !ruby/object:Gem::Requirement
@@ -94,30 +80,171 @@ files:
 - app/assets/fonts/kiso/GeistMonoVF.woff2
 - app/assets/fonts/kiso/GeistVF.woff2
 - app/assets/fonts/kiso/OFL.txt
+- app/assets/tailwind/kiso/checkbox.css
+- app/assets/tailwind/kiso/color-mode.css
+- app/assets/tailwind/kiso/dashboard.css
 - app/assets/tailwind/kiso/engine.css
+- app/assets/tailwind/kiso/input-otp.css
+- app/assets/tailwind/kiso/radio-group.css
 - app/helpers/kiso/component_helper.rb
 - app/helpers/kiso/icon_helper.rb
+- app/helpers/kiso/theme_helper.rb
+- app/javascript/controllers/kiso/combobox_controller.js
+- app/javascript/controllers/kiso/command_controller.js
+- app/javascript/controllers/kiso/command_dialog_controller.js
+- app/javascript/controllers/kiso/dropdown_menu_controller.js
+- app/javascript/controllers/kiso/index.d.ts
+- app/javascript/controllers/kiso/index.js
+- app/javascript/controllers/kiso/input_otp_controller.js
+- app/javascript/controllers/kiso/popover_controller.js
+- app/javascript/controllers/kiso/select_controller.js
+- app/javascript/controllers/kiso/sidebar_controller.js
+- app/javascript/controllers/kiso/theme_controller.js
+- app/javascript/controllers/kiso/toggle_controller.js
+- app/javascript/controllers/kiso/toggle_group_controller.js
+- app/javascript/kiso/utils/focusable.js
+- app/javascript/kiso/utils/highlight.js
+- app/javascript/kiso/utils/positioning.js
+- app/javascript/kiso/vendor/floating-ui-core.js
+- app/javascript/kiso/vendor/floating-ui-dom.js
 - app/views/kiso/components/_alert.html.erb
+- app/views/kiso/components/_avatar.html.erb
 - app/views/kiso/components/_badge.html.erb
+- app/views/kiso/components/_breadcrumb.html.erb
 - app/views/kiso/components/_button.html.erb
 - app/views/kiso/components/_card.html.erb
-- app/views/kiso/components/_empty_state.html.erb
+- app/views/kiso/components/_checkbox.html.erb
+- app/views/kiso/components/_color_mode_button.html.erb
+- app/views/kiso/components/_color_mode_select.html.erb
+- app/views/kiso/components/_combobox.html.erb
+- app/views/kiso/components/_command.html.erb
+- app/views/kiso/components/_dashboard_group.html.erb
+- app/views/kiso/components/_dashboard_navbar.html.erb
+- app/views/kiso/components/_dashboard_panel.html.erb
+- app/views/kiso/components/_dashboard_sidebar.html.erb
+- app/views/kiso/components/_dashboard_toolbar.html.erb
+- app/views/kiso/components/_dropdown_menu.html.erb
+- app/views/kiso/components/_empty.html.erb
+- app/views/kiso/components/_field.html.erb
+- app/views/kiso/components/_field_group.html.erb
+- app/views/kiso/components/_field_set.html.erb
+- app/views/kiso/components/_input.html.erb
+- app/views/kiso/components/_input_group.html.erb
+- app/views/kiso/components/_input_otp.html.erb
+- app/views/kiso/components/_kbd.html.erb
+- app/views/kiso/components/_label.html.erb
+- app/views/kiso/components/_nav.html.erb
+- app/views/kiso/components/_pagination.html.erb
+- app/views/kiso/components/_popover.html.erb
+- app/views/kiso/components/_radio_group.html.erb
+- app/views/kiso/components/_select.html.erb
+- app/views/kiso/components/_select_native.html.erb
 - app/views/kiso/components/_separator.html.erb
 - app/views/kiso/components/_stats_card.html.erb
 - app/views/kiso/components/_stats_grid.html.erb
+- app/views/kiso/components/_switch.html.erb
 - app/views/kiso/components/_table.html.erb
+- app/views/kiso/components/_textarea.html.erb
+- app/views/kiso/components/_toggle.html.erb
+- app/views/kiso/components/_toggle_group.html.erb
 - app/views/kiso/components/alert/_description.html.erb
 - app/views/kiso/components/alert/_title.html.erb
+- app/views/kiso/components/avatar/_badge.html.erb
+- app/views/kiso/components/avatar/_fallback.html.erb
+- app/views/kiso/components/avatar/_group.html.erb
+- app/views/kiso/components/avatar/_group_count.html.erb
+- app/views/kiso/components/avatar/_image.html.erb
+- app/views/kiso/components/breadcrumb/_ellipsis.html.erb
+- app/views/kiso/components/breadcrumb/_item.html.erb
+- app/views/kiso/components/breadcrumb/_link.html.erb
+- app/views/kiso/components/breadcrumb/_list.html.erb
+- app/views/kiso/components/breadcrumb/_page.html.erb
+- app/views/kiso/components/breadcrumb/_separator.html.erb
+- app/views/kiso/components/card/_action.html.erb
 - app/views/kiso/components/card/_content.html.erb
 - app/views/kiso/components/card/_description.html.erb
 - app/views/kiso/components/card/_footer.html.erb
 - app/views/kiso/components/card/_header.html.erb
 - app/views/kiso/components/card/_title.html.erb
-- app/views/kiso/components/empty_state/_content.html.erb
-- app/views/kiso/components/empty_state/_description.html.erb
-- app/views/kiso/components/empty_state/_header.html.erb
-- app/views/kiso/components/empty_state/_media.html.erb
-- app/views/kiso/components/empty_state/_title.html.erb
+- app/views/kiso/components/combobox/_chip.html.erb
+- app/views/kiso/components/combobox/_chips.html.erb
+- app/views/kiso/components/combobox/_chips_input.html.erb
+- app/views/kiso/components/combobox/_content.html.erb
+- app/views/kiso/components/combobox/_empty.html.erb
+- app/views/kiso/components/combobox/_group.html.erb
+- app/views/kiso/components/combobox/_input.html.erb
+- app/views/kiso/components/combobox/_item.html.erb
+- app/views/kiso/components/combobox/_label.html.erb
+- app/views/kiso/components/combobox/_list.html.erb
+- app/views/kiso/components/combobox/_separator.html.erb
+- app/views/kiso/components/command/_dialog.html.erb
+- app/views/kiso/components/command/_empty.html.erb
+- app/views/kiso/components/command/_group.html.erb
+- app/views/kiso/components/command/_input.html.erb
+- app/views/kiso/components/command/_item.html.erb
+- app/views/kiso/components/command/_list.html.erb
+- app/views/kiso/components/command/_separator.html.erb
+- app/views/kiso/components/command/_shortcut.html.erb
+- app/views/kiso/components/dashboard_navbar/_toggle.html.erb
+- app/views/kiso/components/dashboard_sidebar/_collapse.html.erb
+- app/views/kiso/components/dashboard_sidebar/_footer.html.erb
+- app/views/kiso/components/dashboard_sidebar/_header.html.erb
+- app/views/kiso/components/dashboard_sidebar/_toggle.html.erb
+- app/views/kiso/components/dashboard_toolbar/_left.html.erb
+- app/views/kiso/components/dashboard_toolbar/_right.html.erb
+- app/views/kiso/components/dropdown_menu/_checkbox_item.html.erb
+- app/views/kiso/components/dropdown_menu/_content.html.erb
+- app/views/kiso/components/dropdown_menu/_group.html.erb
+- app/views/kiso/components/dropdown_menu/_item.html.erb
+- app/views/kiso/components/dropdown_menu/_label.html.erb
+- app/views/kiso/components/dropdown_menu/_radio_group.html.erb
+- app/views/kiso/components/dropdown_menu/_radio_item.html.erb
+- app/views/kiso/components/dropdown_menu/_separator.html.erb
+- app/views/kiso/components/dropdown_menu/_shortcut.html.erb
+- app/views/kiso/components/dropdown_menu/_sub.html.erb
+- app/views/kiso/components/dropdown_menu/_sub_content.html.erb
+- app/views/kiso/components/dropdown_menu/_sub_trigger.html.erb
+- app/views/kiso/components/dropdown_menu/_trigger.html.erb
+- app/views/kiso/components/empty/_content.html.erb
+- app/views/kiso/components/empty/_description.html.erb
+- app/views/kiso/components/empty/_header.html.erb
+- app/views/kiso/components/empty/_media.html.erb
+- app/views/kiso/components/empty/_title.html.erb
+- app/views/kiso/components/field/_content.html.erb
+- app/views/kiso/components/field/_description.html.erb
+- app/views/kiso/components/field/_error.html.erb
+- app/views/kiso/components/field/_label.html.erb
+- app/views/kiso/components/field/_separator.html.erb
+- app/views/kiso/components/field/_title.html.erb
+- app/views/kiso/components/field_set/_legend.html.erb
+- app/views/kiso/components/input_group/_addon.html.erb
+- app/views/kiso/components/input_otp/_group.html.erb
+- app/views/kiso/components/input_otp/_separator.html.erb
+- app/views/kiso/components/input_otp/_slot.html.erb
+- app/views/kiso/components/kbd/_group.html.erb
+- app/views/kiso/components/nav/_item.html.erb
+- app/views/kiso/components/nav/_section.html.erb
+- app/views/kiso/components/nav/_section_title.html.erb
+- app/views/kiso/components/pagination/_content.html.erb
+- app/views/kiso/components/pagination/_ellipsis.html.erb
+- app/views/kiso/components/pagination/_item.html.erb
+- app/views/kiso/components/pagination/_link.html.erb
+- app/views/kiso/components/pagination/_next.html.erb
+- app/views/kiso/components/pagination/_previous.html.erb
+- app/views/kiso/components/popover/_anchor.html.erb
+- app/views/kiso/components/popover/_content.html.erb
+- app/views/kiso/components/popover/_description.html.erb
+- app/views/kiso/components/popover/_header.html.erb
+- app/views/kiso/components/popover/_title.html.erb
+- app/views/kiso/components/popover/_trigger.html.erb
+- app/views/kiso/components/radio_group/_item.html.erb
+- app/views/kiso/components/select/_content.html.erb
+- app/views/kiso/components/select/_group.html.erb
+- app/views/kiso/components/select/_item.html.erb
+- app/views/kiso/components/select/_label.html.erb
+- app/views/kiso/components/select/_separator.html.erb
+- app/views/kiso/components/select/_trigger.html.erb
+- app/views/kiso/components/select/_value.html.erb
 - app/views/kiso/components/stats_card/_description.html.erb
 - app/views/kiso/components/stats_card/_header.html.erb
 - app/views/kiso/components/stats_card/_label.html.erb
@@ -129,21 +256,55 @@ files:
 - app/views/kiso/components/table/_head.html.erb
 - app/views/kiso/components/table/_header.html.erb
 - app/views/kiso/components/table/_row.html.erb
+- app/views/kiso/components/toggle_group/_item.html.erb
+- config/deploy.docs.yml
+- config/deploy.yml
+- config/importmap.rb
 - lib/kiso.rb
 - lib/kiso/cli.rb
 - lib/kiso/cli/base.rb
 - lib/kiso/cli/icons.rb
 - lib/kiso/cli/main.rb
 - lib/kiso/cli/make.rb
+- lib/kiso/configuration.rb
 - lib/kiso/engine.rb
+- lib/kiso/theme_overrides.rb
 - lib/kiso/themes/alert.rb
+- lib/kiso/themes/avatar.rb
 - lib/kiso/themes/badge.rb
+- lib/kiso/themes/breadcrumb.rb
 - lib/kiso/themes/button.rb
 - lib/kiso/themes/card.rb
-- lib/kiso/themes/empty_state.rb
+- lib/kiso/themes/checkbox.rb
+- lib/kiso/themes/color_mode_button.rb
+- lib/kiso/themes/color_mode_select.rb
+- lib/kiso/themes/combobox.rb
+- lib/kiso/themes/command.rb
+- lib/kiso/themes/dashboard.rb
+- lib/kiso/themes/dropdown_menu.rb
+- lib/kiso/themes/empty.rb
+- lib/kiso/themes/field.rb
+- lib/kiso/themes/field_group.rb
+- lib/kiso/themes/field_set.rb
+- lib/kiso/themes/input.rb
+- lib/kiso/themes/input_group.rb
+- lib/kiso/themes/input_otp.rb
+- lib/kiso/themes/kbd.rb
+- lib/kiso/themes/label.rb
+- lib/kiso/themes/nav.rb
+- lib/kiso/themes/pagination.rb
+- lib/kiso/themes/popover.rb
+- lib/kiso/themes/radio_group.rb
+- lib/kiso/themes/select.rb
+- lib/kiso/themes/select_native.rb
 - lib/kiso/themes/separator.rb
+- lib/kiso/themes/shared.rb
 - lib/kiso/themes/stats_card.rb
+- lib/kiso/themes/switch.rb
 - lib/kiso/themes/table.rb
+- lib/kiso/themes/textarea.rb
+- lib/kiso/themes/toggle.rb
+- lib/kiso/themes/toggle_group.rb
 - lib/kiso/version.rb
 homepage: https://github.com/steveclarke/kiso
 licenses:

data/app/views/kiso/components/empty_state/_content.html.erb

@@ -1,7 +0,0 @@
-<%# locals: (css_classes: "", **component_options) %>
-<%= content_tag :div,
-    class: Kiso::Themes::EmptyStateContent.render(class: css_classes),
-    data: { component: :empty_state, empty_state_part: :content },
-    **component_options do %>
-  <%= yield %>
-<% end %>

data/app/views/kiso/components/empty_state/_description.html.erb

@@ -1,7 +0,0 @@
-<%# locals: (css_classes: "", **component_options) %>
-<%= content_tag :div,
-    class: Kiso::Themes::EmptyStateDescription.render(class: css_classes),
-    data: { component: :empty_state, empty_state_part: :description },
-    **component_options do %>
-  <%= yield %>
-<% end %>

data/app/views/kiso/components/empty_state/_header.html.erb

@@ -1,7 +0,0 @@
-<%# locals: (css_classes: "", **component_options) %>
-<%= content_tag :div,
-    class: Kiso::Themes::EmptyStateHeader.render(class: css_classes),
-    data: { component: :empty_state, empty_state_part: :header },
-    **component_options do %>
-  <%= yield %>
-<% end %>

data/app/views/kiso/components/empty_state/_media.html.erb

@@ -1,7 +0,0 @@
-<%# locals: (variant: :default, css_classes: "", **component_options) %>
-<%= content_tag :div,
-    class: Kiso::Themes::EmptyStateMedia.render(variant: variant, class: css_classes),
-    data: { component: :empty_state, empty_state_part: :media },
-    **component_options do %>
-  <%= yield %>
-<% end %>

data/app/views/kiso/components/empty_state/_title.html.erb

@@ -1,7 +0,0 @@
-<%# locals: (css_classes: "", **component_options) %>
-<%= content_tag :div,
-    class: Kiso::Themes::EmptyStateTitle.render(class: css_classes),
-    data: { component: :empty_state, empty_state_part: :title },
-    **component_options do %>
-  <%= yield %>
-<% end %>