hakumi_components 0.1.17.pre → 0.1.18.pre

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 266fdc5f238c66ebd468b2d65efc3293197442f23f724a6685aa27f76c719b80
-  data.tar.gz: 50c5490c4f78725878a12a517ff9de18e8c376922e47df1dcc9a6c9783e1a7d2
+  metadata.gz: 3e9e824a3e5b4b1c78cdc77a0078cc26f76a0817b02b987585ce854aad510daf
+  data.tar.gz: 89779b1bac4f251adf69a45f44dd2de5a2ec95c30c63d5bc704625c7bb2cd1aa
 SHA512:
-  metadata.gz: b0bf88beaabfa3c7cbd2bfbe8018f17f78c6426626ce02e7fa25930f9d006aa6a39929388311ee22ba4e4f84a3f973495224f1a307251b26cb264c8878d7885c
-  data.tar.gz: 130f98a4e79a8262acf6113ca5738078a236cf2baf6a2fc809248eeb0e699a192670d06809144d1bcffc6613caede8bba045ed33a26ff82b8da2b34795218699
+  metadata.gz: ca0b148fba4aac80d9bdb3d01c15d5cd0ffe91f6e98e85a6c337be76f375b92e1294327ced77f3cdaac929430ae3e548b8176b99182ad9aee957c97a5925da90
+  data.tar.gz: 0d38ab92e6ab0f463495b7d088b5947eff48d98ace7a7b1e03bac7f428dc2e161869140209b9cc2f5c935ced717b663f2b2650c505e4ba916d4cfc7b2be5fc8e

data/CHANGELOG.md

@@ -27,7 +27,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Other** (6): BackTop, ConfigProvider, FloatButton, Icon, Watermark, AdminPanel, Tour
 
 **Form Integration:**
-- `Hakumi::FormBuilder` with automatic Rails integration
+- `HakumiComponents::FormBuilder` with automatic Rails integration
 - Auto-detection from ActiveRecord validations
 - Auto-detection from I18n (labels, placeholders, hints)
 

data/README.md

@@ -145,11 +145,33 @@ registerHakumiControllers(application)
 @import "@hakumi-dev/hakumi-components/styles";
 ```
 
-**5. (Optional) Configure FormBuilder:**
+## Configuration
+
+You can configure HakumiComponents in an initializer:
 
 ```ruby
 # config/initializers/hakumi_components.rb
-Rails.application.config.action_view.default_form_builder = Hakumi::FormBuilder
+HakumiComponents.configure do |config|
+  config.default_form_builder = true      # Use HakumiComponents::FormBuilder as default
+  config.base_path = "hakumi/components"  # Base URL path for component routes
+end
+```
+
+### Available Configuration Options
+
+| Option | Default | Description |
+|--------|---------|-------------|
+| `default_form_builder` | `false` | Use `HakumiComponents::FormBuilder` as the default form builder |
+| `base_path` | `"hakumi/components"` | Base URL path for component routes (modals, drawers, etc.) |
+
+### Accessing Configuration
+
+```ruby
+HakumiComponents.config.default_form_builder
+# => true
+
+HakumiComponents.config.base_path
+# => "hakumi/components"
 ```
 
 ## Usage
@@ -158,19 +180,19 @@ Rails.application.config.action_view.default_form_builder = Hakumi::FormBuilder
 
 ```erb
 <%# Simple button %>
-<%= render Hakumi::Button::Component.new(type: :primary) do %>
+<%= render HakumiComponents::Button::Component.new(type: :primary) do %>
   Click me
 <% end %>
 
 <%# Form with automatic validation detection %>
-<%= form_with model: @user, builder: Hakumi::FormBuilder do |f| %>
+<%= form_with model: @user, builder: HakumiComponents::FormBuilder do |f| %>
   <%= f.text_field :email %>
   <%= f.text_field :name %>
   <%= f.submit "Save", type: :primary %>
 <% end %>
 
 <%# Modal with programmatic control %>
-<%= render Hakumi::Modal::Component.new(
+<%= render HakumiComponents::Modal::Component.new(
   id: "my-modal",
   title: "Confirm Action"
 ) do %>
@@ -183,83 +205,83 @@ Rails.application.config.action_view.default_form_builder = Hakumi::FormBuilder
 Browse all **65 components** organized by category. Each component includes detailed documentation, examples, and API reference.
 
 #### General (4)
-- [Button](./app/components/hakumi/button/docs/README.md) - Clickable button element
-- [Float Button](./app/components/hakumi/float_button/docs/README.md) - Floating action button
-- [Icon](./app/components/hakumi/icon/docs/README.md) - Icon display component
-- [Typography](./app/components/hakumi/typography/docs/README.md) - Text styling and formatting
+- [Button](./app/components/hakumi_components/button/docs/README.md) - Clickable button element
+- [Float Button](./app/components/hakumi_components/float_button/docs/README.md) - Floating action button
+- [Icon](./app/components/hakumi_components/icon/docs/README.md) - Icon display component
+- [Typography](./app/components/hakumi_components/typography/docs/README.md) - Text styling and formatting
 
 #### Layout (6)
-- [Divider](./app/components/hakumi/divider/docs/README.md) - Horizontal or vertical divider line
-- [Flex](./app/components/hakumi/flex/docs/README.md) - Flexbox layout container
-- [Grid](./app/components/hakumi/grid/docs/README.md) - Grid layout system
-- [Layout](./app/components/hakumi/layout/docs/README.md) - Page layout structure
-- [Space](./app/components/hakumi/space/docs/README.md) - Spacing between elements
-- [Splitter](./app/components/hakumi/splitter/docs/README.md) - Resizable split panels
+- [Divider](./app/components/hakumi_components/divider/docs/README.md) - Horizontal or vertical divider line
+- [Flex](./app/components/hakumi_components/flex/docs/README.md) - Flexbox layout container
+- [Grid](./app/components/hakumi_components/grid/docs/README.md) - Grid layout system
+- [Layout](./app/components/hakumi_components/layout/docs/README.md) - Page layout structure
+- [Space](./app/components/hakumi_components/space/docs/README.md) - Spacing between elements
+- [Splitter](./app/components/hakumi_components/splitter/docs/README.md) - Resizable split panels
 
 #### Navigation (6)
-- [Anchor](./app/components/hakumi/anchor/docs/README.md) - Anchor navigation for page sections
-- [Breadcrumb](./app/components/hakumi/breadcrumb/docs/README.md) - Breadcrumb navigation trail
-- [Dropdown](./app/components/hakumi/dropdown/docs/README.md) - Dropdown menu
-- [Menu](./app/components/hakumi/menu/docs/README.md) - Navigation menu
-- [Pagination](./app/components/hakumi/pagination/docs/README.md) - Pagination controls
-- [Steps](./app/components/hakumi/steps/docs/README.md) - Step-by-step navigation
+- [Anchor](./app/components/hakumi_components/anchor/docs/README.md) - Anchor navigation for page sections
+- [Breadcrumb](./app/components/hakumi_components/breadcrumb/docs/README.md) - Breadcrumb navigation trail
+- [Dropdown](./app/components/hakumi_components/dropdown/docs/README.md) - Dropdown menu
+- [Menu](./app/components/hakumi_components/menu/docs/README.md) - Navigation menu
+- [Pagination](./app/components/hakumi_components/pagination/docs/README.md) - Pagination controls
+- [Steps](./app/components/hakumi_components/steps/docs/README.md) - Step-by-step navigation
 
 #### Data Entry (18)
-- [Autocomplete](./app/components/hakumi/autocomplete/docs/README.md) - Input with autocomplete suggestions
-- [Cascader](./app/components/hakumi/cascader/docs/README.md) - Cascading selection dropdown
-- [Checkbox](./app/components/hakumi/checkbox/docs/README.md) - Checkbox input
-- [Color Picker](./app/components/hakumi/color_picker/docs/README.md) - Color selection input
-- [Date Picker](./app/components/hakumi/date_picker/docs/README.md) - Date selection input
-- [Form](./app/components/hakumi/form/docs/README.md) - Form wrapper with validation
-- [Input](./app/components/hakumi/input/docs/README.md) - Text input field
-- [Input Number](./app/components/hakumi/input_number/docs/README.md) - Numeric input field
-- [Mentions](./app/components/hakumi/mentions/docs/README.md) - @mentions input
-- [Radio](./app/components/hakumi/radio/docs/README.md) - Radio button input
-- [Rate](./app/components/hakumi/rate/docs/README.md) - Star rating input
-- [Select](./app/components/hakumi/select/docs/README.md) - Dropdown select input
-- [Slider](./app/components/hakumi/slider/docs/README.md) - Range slider input
-- [Switch](./app/components/hakumi/switch/docs/README.md) - Toggle switch input
-- [Time Picker](./app/components/hakumi/time_picker/docs/README.md) - Time selection input
-- [Transfer](./app/components/hakumi/transfer/docs/README.md) - Dual list transfer
-- [Tree Select](./app/components/hakumi/tree_select/docs/README.md) - Tree structure select
-- [Upload](./app/components/hakumi/upload/docs/README.md) - File upload component
+- [Autocomplete](./app/components/hakumi_components/autocomplete/docs/README.md) - Input with autocomplete suggestions
+- [Cascader](./app/components/hakumi_components/cascader/docs/README.md) - Cascading selection dropdown
+- [Checkbox](./app/components/hakumi_components/checkbox/docs/README.md) - Checkbox input
+- [Color Picker](./app/components/hakumi_components/color_picker/docs/README.md) - Color selection input
+- [Date Picker](./app/components/hakumi_components/date_picker/docs/README.md) - Date selection input
+- [Form](./app/components/hakumi_components/form/docs/README.md) - Form wrapper with validation
+- [Input](./app/components/hakumi_components/input/docs/README.md) - Text input field
+- [Input Number](./app/components/hakumi_components/input_number/docs/README.md) - Numeric input field
+- [Mentions](./app/components/hakumi_components/mentions/docs/README.md) - @mentions input
+- [Radio](./app/components/hakumi_components/radio/docs/README.md) - Radio button input
+- [Rate](./app/components/hakumi_components/rate/docs/README.md) - Star rating input
+- [Select](./app/components/hakumi_components/select/docs/README.md) - Dropdown select input
+- [Slider](./app/components/hakumi_components/slider/docs/README.md) - Range slider input
+- [Switch](./app/components/hakumi_components/switch/docs/README.md) - Toggle switch input
+- [Time Picker](./app/components/hakumi_components/time_picker/docs/README.md) - Time selection input
+- [Transfer](./app/components/hakumi_components/transfer/docs/README.md) - Dual list transfer
+- [Tree Select](./app/components/hakumi_components/tree_select/docs/README.md) - Tree structure select
+- [Upload](./app/components/hakumi_components/upload/docs/README.md) - File upload component
 
 #### Data Display (20)
-- [Avatar](./app/components/hakumi/avatar/docs/README.md) - User avatar display
-- [Badge](./app/components/hakumi/badge/docs/README.md) - Badge and status dot
-- [Calendar](./app/components/hakumi/calendar/docs/README.md) - Calendar display
-- [Card](./app/components/hakumi/card/docs/README.md) - Card container
-- [Carousel](./app/components/hakumi/carousel/docs/README.md) - Image/content carousel
-- [Collapse](./app/components/hakumi/collapse/docs/README.md) - Collapsible accordion panels
-- [Descriptions](./app/components/hakumi/descriptions/docs/README.md) - Description list display
-- [Empty](./app/components/hakumi/empty/docs/README.md) - Empty state placeholder
-- [Image](./app/components/hakumi/image/docs/README.md) - Image display with preview
-- [Popover](./app/components/hakumi/popover/docs/README.md) - Popover overlay
-- [QR Code](./app/components/hakumi/qr_code/docs/README.md) - QR code generator
-- [Segmented](./app/components/hakumi/segmented/docs/README.md) - Segmented control
-- [Statistic](./app/components/hakumi/statistic/docs/README.md) - Statistic display
-- [Table](./app/components/hakumi/table/docs/README.md) - Data table
-- [Tabs](./app/components/hakumi/tabs/docs/README.md) - Tab navigation
-- [Tag](./app/components/hakumi/tag/docs/README.md) - Tag label
-- [Timeline](./app/components/hakumi/timeline/docs/README.md) - Timeline display
-- [Tooltip](./app/components/hakumi/tooltip/docs/README.md) - Tooltip overlay
-- [Tour](./app/components/hakumi/tour/docs/README.md) - Guided tour
-- [Tree](./app/components/hakumi/tree/docs/README.md) - Tree structure display
+- [Avatar](./app/components/hakumi_components/avatar/docs/README.md) - User avatar display
+- [Badge](./app/components/hakumi_components/badge/docs/README.md) - Badge and status dot
+- [Calendar](./app/components/hakumi_components/calendar/docs/README.md) - Calendar display
+- [Card](./app/components/hakumi_components/card/docs/README.md) - Card container
+- [Carousel](./app/components/hakumi_components/carousel/docs/README.md) - Image/content carousel
+- [Collapse](./app/components/hakumi_components/collapse/docs/README.md) - Collapsible accordion panels
+- [Descriptions](./app/components/hakumi_components/descriptions/docs/README.md) - Description list display
+- [Empty](./app/components/hakumi_components/empty/docs/README.md) - Empty state placeholder
+- [Image](./app/components/hakumi_components/image/docs/README.md) - Image display with preview
+- [Popover](./app/components/hakumi_components/popover/docs/README.md) - Popover overlay
+- [QR Code](./app/components/hakumi_components/qr_code/docs/README.md) - QR code generator
+- [Segmented](./app/components/hakumi_components/segmented/docs/README.md) - Segmented control
+- [Statistic](./app/components/hakumi_components/statistic/docs/README.md) - Statistic display
+- [Table](./app/components/hakumi_components/table/docs/README.md) - Data table
+- [Tabs](./app/components/hakumi_components/tabs/docs/README.md) - Tab navigation
+- [Tag](./app/components/hakumi_components/tag/docs/README.md) - Tag label
+- [Timeline](./app/components/hakumi_components/timeline/docs/README.md) - Timeline display
+- [Tooltip](./app/components/hakumi_components/tooltip/docs/README.md) - Tooltip overlay
+- [Tour](./app/components/hakumi_components/tour/docs/README.md) - Guided tour
+- [Tree](./app/components/hakumi_components/tree/docs/README.md) - Tree structure display
 
 #### Feedback (10)
-- [Alert](./app/components/hakumi/alert/docs/README.md) - Alert message display
-- [Drawer](./app/components/hakumi/drawer/docs/README.md) - Slide-out drawer panel
-- [Message](./app/components/hakumi/message/docs/README.md) - Global message notification
-- [Modal](./app/components/hakumi/modal/docs/README.md) - Modal dialog
-- [Notification](./app/components/hakumi/notification/docs/README.md) - Notification message
-- [Popconfirm](./app/components/hakumi/popconfirm/docs/README.md) - Confirmation popover
-- [Progress](./app/components/hakumi/progress/docs/README.md) - Progress indicator
-- [Result](./app/components/hakumi/result/docs/README.md) - Result status page
-- [Skeleton](./app/components/hakumi/skeleton/docs/README.md) - Skeleton loading placeholder
-- [Spin](./app/components/hakumi/spin/docs/README.md) - Loading spinner
+- [Alert](./app/components/hakumi_components/alert/docs/README.md) - Alert message display
+- [Drawer](./app/components/hakumi_components/drawer/docs/README.md) - Slide-out drawer panel
+- [Message](./app/components/hakumi_components/message/docs/README.md) - Global message notification
+- [Modal](./app/components/hakumi_components/modal/docs/README.md) - Modal dialog
+- [Notification](./app/components/hakumi_components/notification/docs/README.md) - Notification message
+- [Popconfirm](./app/components/hakumi_components/popconfirm/docs/README.md) - Confirmation popover
+- [Progress](./app/components/hakumi_components/progress/docs/README.md) - Progress indicator
+- [Result](./app/components/hakumi_components/result/docs/README.md) - Result status page
+- [Skeleton](./app/components/hakumi_components/skeleton/docs/README.md) - Skeleton loading placeholder
+- [Spin](./app/components/hakumi_components/spin/docs/README.md) - Loading spinner
 
 #### Other (1)
-- [Affix](./app/components/hakumi/affix/docs/README.md) - Pin element to viewport
+- [Affix](./app/components/hakumi_components/affix/docs/README.md) - Pin element to viewport
 
 ## JavaScript API
 

data/app/components/{hakumi → hakumi_components}/admin_panel/component.html.erb

@@ -5,8 +5,8 @@
       <p class="hakumi-admin-panel__subtitle">Real-time inventory</p>
     </div>
     <div class="hakumi-admin-panel__controls">
-      <%= render(Hakumi::Button::Component.new(type: :text, icon: :reload, shape: :circle, data: { action: "click->hakumi--admin-panel#refresh:stop" })) { "Refresh" } %>
-      <%= render(Hakumi::Button::Component.new(type: :text, icon: :close, shape: :circle, data: { action: "click->hakumi--admin-panel#close:stop" })) %>
+      <%= render(HakumiComponents::Button::Component.new(type: :text, icon: :reload, shape: :circle, data: { action: "click->hakumi--admin-panel#refresh:stop" })) { "Refresh" } %>
+      <%= render(HakumiComponents::Button::Component.new(type: :text, icon: :close, shape: :circle, data: { action: "click->hakumi--admin-panel#close:stop" })) %>
     </div>
   </div>
 

data/app/components/{hakumi → hakumi_components}/admin_panel/component.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module AdminPanel
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       def self.extract_controller_locals(params)
         {
           title: params[:title],

data/app/components/{hakumi → hakumi_components}/affix/component.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Affix
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       def self.extract_controller_locals(params)
         {
           body: params[:body],

data/app/components/{hakumi → hakumi_components}/alert/component.html.erb

@@ -27,7 +27,7 @@
       <% if close_icon? %>
         <%= close_icon %>
       <% else %>
-        <%= render Hakumi::Icon::Component.new(name: :close) %>
+        <%= render HakumiComponents::Icon::Component.new(name: :close) %>
       <% end %>
     </button>
   <% end %>

data/app/components/{hakumi → hakumi_components}/alert/component.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Alert
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       TYPES = [ :success, :info, :warning, :error ].freeze
 
       # Slots for content
@@ -68,7 +68,7 @@ module Hakumi
         return nil unless show_icon?
 
         icon_name = default_icon_name
-        render Hakumi::Icon::Component.new(name: icon_name)
+        render HakumiComponents::Icon::Component.new(name: icon_name)
       end
 
       def default_icon_name

data/app/components/{hakumi → hakumi_components}/anchor/component.rb

@@ -1,12 +1,12 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Anchor
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       DIRECTIONS = %i[vertical horizontal].freeze
 
       renders_many :links, ->(href:, title:, **options) do
-        Hakumi::Anchor::Link::Component.new(href: href, title: title, **options)
+        HakumiComponents::Anchor::Link::Component.new(href: href, title: title, **options)
       end
 
       def initialize(

data/app/components/{hakumi → hakumi_components}/anchor/link/component.rb

@@ -1,11 +1,11 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Anchor
     module Link
-      class Component < Hakumi::BaseComponent
+      class Component < HakumiComponents::BaseComponent
         renders_many :links, ->(href:, title:, **options) do
-          Hakumi::Anchor::Link::Component.new(href: href, title: title, **options)
+          HakumiComponents::Anchor::Link::Component.new(href: href, title: title, **options)
         end
 
         def initialize(href:, title:, target: nil, **html_options)

data/app/components/{hakumi → hakumi_components}/autocomplete/component.html.erb

@@ -13,7 +13,7 @@
         aria-label="Clear"
         data-hakumi--autocomplete-target="clear"
         data-action="click->hakumi--autocomplete#clear">
-        <%= render Hakumi::Icon::Component.new(name: clear_icon, theme: :filled, fallback_to_outlined: true) %>
+        <%= render HakumiComponents::Icon::Component.new(name: clear_icon, theme: :filled, fallback_to_outlined: true) %>
       </button>
     <% end %>
   </div>

data/app/components/{hakumi → hakumi_components}/autocomplete/component.rb

@@ -1,10 +1,10 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Autocomplete
     # Hakumi Autocomplete component
     # Text input with dropdown suggestions, built on top of Ant Design styles.
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       SIZES = %i[small middle large].freeze
       VARIANTS = %i[outlined filled borderless underlined].freeze
       STATUSES = %i[error warning].freeze

data/app/components/{hakumi → hakumi_components}/avatar/component.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Avatar
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       SHAPES = [ :circle, :square ].freeze
       SIZES = [ :small, :default, :large ].freeze
 
@@ -54,7 +54,7 @@ module Hakumi
           image_tag(@src, alt: @alt, width: avatar_size, height: avatar_size)
         elsif @icon
           # Pass size: nil to allow icon to inherit font-size from avatar
-          render Hakumi::Icon::Component.new(name: @icon, size: nil)
+          render HakumiComponents::Icon::Component.new(name: @icon, size: nil)
         else
           tag.span(content, data: { hakumi__avatar_text_target: "text" })
         end

data/app/components/{hakumi → hakumi_components}/badge/component.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Badge
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       def initialize(count: nil, dot: false, overflow_count: 99, status: nil, text: nil, color: nil, show_zero: false, icon: nil, **html_options)
         @count = count
         @dot = dot
@@ -61,7 +61,7 @@ module Hakumi
 
             tag.sup(class: classes.join(" "), title: @count, style: (styles.join("; ") if styles.any?)) do
               if @icon
-                render Hakumi::Icon::Component.new(name: @icon)
+                render HakumiComponents::Icon::Component.new(name: @icon)
               else
                 display_count.to_s
               end

data/app/components/{hakumi → hakumi_components}/base_component.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   # Base class for all Hakumi components
   # Provides shared utilities and helpers
   class BaseComponent < ViewComponent::Base

data/app/components/{hakumi → hakumi_components}/breadcrumb/component.rb

@@ -1,10 +1,10 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Breadcrumb
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       renders_many :items, ->(title: nil, href: nil, target: nil, **options, &block) do
-        Hakumi::Breadcrumb::Item::Component.new(title: title, href: href, target: target, **options, &block)
+        HakumiComponents::Breadcrumb::Item::Component.new(title: title, href: href, target: target, **options, &block)
       end
 
       def initialize(separator: "/", **html_options)

data/app/components/{hakumi → hakumi_components}/breadcrumb/item/component.html.erb

@@ -1,9 +1,9 @@
 <% if menu? %>
-  <%= render Hakumi::Dropdown::Component.new do |dropdown| %>
+  <%= render HakumiComponents::Dropdown::Component.new do |dropdown| %>
     <% dropdown.with_trigger do %>
       <span class="hakumi-breadcrumb-link hakumi-breadcrumb-link-dropdown">
         <%= display_title %>
-        <%= render Hakumi::Icon::Component.new(name: :down, size: 10) %>
+        <%= render HakumiComponents::Icon::Component.new(name: :down, size: 10) %>
       </span>
     <% end %>
     <% menu.each do |item| %>

data/app/components/{hakumi → hakumi_components}/breadcrumb/item/component.rb

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Breadcrumb
     module Item
-      class Component < Hakumi::BaseComponent
+      class Component < HakumiComponents::BaseComponent
         def initialize(title: nil, href: nil, target: nil, menu: nil, **html_options)
           @title = title
           @href = href

data/app/components/{hakumi → hakumi_components}/button/component.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Button
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       TYPES = [ :primary, :default, :dashed, :text, :link ].freeze
       SIZES = [ :small, :middle, :large ].freeze
       SHAPES = [ :default, :circle, :round ].freeze
@@ -101,14 +101,14 @@ module Hakumi
         return nil unless @icon
 
         if @icon.is_a?(String) || @icon.is_a?(Symbol)
-          render Hakumi::Icon::Component.new(name: @icon)
+          render HakumiComponents::Icon::Component.new(name: @icon)
         else
           @icon
         end
       end
 
       def loading_icon
-        render Hakumi::Icon::Component.new(name: :loading, spin: true)
+        render HakumiComponents::Icon::Component.new(name: :loading, spin: true)
       end
 
       def text_element

data/app/components/{hakumi → hakumi_components}/calendar/component.html.erb

@@ -8,7 +8,7 @@
       <% else %>
         <div class="hakumi-calendar-header-left">
           <% if show_year_select? %>
-            <%= render Hakumi::Select::Component.new(
+            <%= render HakumiComponents::Select::Component.new(
               value: current_year,
               options: years_range.map { |y| [y.to_s, y] },
               size: fullscreen? ? :middle : :small,
@@ -19,7 +19,7 @@
           <% end %>
 
           <% if show_month_select? %>
-            <%= render Hakumi::Select::Component.new(
+            <%= render HakumiComponents::Select::Component.new(
               value: current_month,
               options: month_names.each_with_index.map { |name, i| [name, i + 1] },
               size: fullscreen? ? :middle : :small,
@@ -31,14 +31,14 @@
 
           <% if decade_mode? %>
             <div style="display: flex; align-items: center; gap: 8px;">
-              <%= render Hakumi::Button::Component.new(
+              <%= render HakumiComponents::Button::Component.new(
                 icon: :left,
                 type: :text,
                 size: :small,
                 data: { action: "click->hakumi--calendar#prevDecade" }
               ) %>
               <span style="font-weight: 500; color: var(--color-text); min-width: 100px; text-align: center;"><%= decade_range_label %></span>
-              <%= render Hakumi::Button::Component.new(
+              <%= render HakumiComponents::Button::Component.new(
                 icon: :right,
                 type: :text,
                 size: :small,
@@ -50,7 +50,7 @@
 
         <% if show_mode_switch? %>
           <div class="hakumi-calendar-header-right">
-            <%= render Hakumi::Segmented::Component.new(
+            <%= render HakumiComponents::Segmented::Component.new(
               options: [
                 { label: "Month", value: "month" },
                 { label: "Year", value: "year" }

data/app/components/{hakumi → hakumi_components}/calendar/component.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Calendar
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       MODES = %i[month year quarter decade].freeze
       WEEK_DAYS = %i[sunday monday tuesday wednesday thursday friday saturday].freeze
       LOCALES = {
@@ -151,7 +151,7 @@ module Hakumi
 
       def render_event_badge(event)
         helpers.render(
-          Hakumi::Badge::Component.new(
+          HakumiComponents::Badge::Component.new(
             status: event[:type],
             text: event[:content]
           )
@@ -318,7 +318,7 @@ module Hakumi
 
         safe_join(items.map do |item|
           content_tag(:div, class: "hakumi-calendar-event hakumi-calendar-event-#{item[:type] || :default}") do
-            render Hakumi::Badge::Component.new(
+            render HakumiComponents::Badge::Component.new(
               status: item[:type] || :default,
               text: item[:content]
             )

data/app/components/{hakumi → hakumi_components}/card/component.rb

@@ -1,26 +1,26 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Card
     # Hakumi Card component
     # A container for displaying content in a box.
     #
     # @example Basic usage with slots
-    #   <%= render Hakumi::Card::Component.new do |card| %>
+    #   <%= render HakumiComponents::Card::Component.new do |card| %>
     #     <% card.with_header { "Card Title" } %>
     #     <% card.with_extra { "More" } %>
     #     Card content
     #   <% end %>
     #
     # @example With cover and actions
-    #   <%= render Hakumi::Card::Component.new do |card| %>
+    #   <%= render HakumiComponents::Card::Component.new do |card| %>
     #     <% card.with_cover { image_tag("example.png") } %>
     #     <% card.with_header { "Card Title" } %>
     #     Card content
     #     <% card.with_action { link_to "Edit", edit_path } %>
     #     <% card.with_action { link_to "Delete", "#" } %>
     #   <% end %>
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       # Slots for content
       renders_one :header
       renders_one :cover

data/app/components/{hakumi → hakumi_components}/card/grid/component.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Card
     module Grid
       # Hakumi Card Grid component
       # A grid-style item within a Card
       #
       # @example Basic usage
-      #   <%= render Hakumi::Card::Component.new(title: "Title") do %>
-      #     <%= render Hakumi::Card::Grid::Component.new { "Content 1" } %>
-      #     <%= render Hakumi::Card::Grid::Component.new { "Content 2" } %>
+      #   <%= render HakumiComponents::Card::Component.new(title: "Title") do %>
+      #     <%= render HakumiComponents::Card::Grid::Component.new { "Content 1" } %>
+      #     <%= render HakumiComponents::Card::Grid::Component.new { "Content 2" } %>
       #   <% end %>
-      class Component < Hakumi::BaseComponent
+      class Component < HakumiComponents::BaseComponent
         def initialize(
           hoverable: true,
           **html_options