hakumi_components 0.1.17.pre → 0.1.18.pre

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

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Icon
     # Icon component for rendering Ant Design icons
     #
@@ -10,17 +10,17 @@ module Hakumi
     # - Three themes: outlined (default), filled, two-tone
     #
     # @example Basic usage
-    #   <%= render Hakumi::Icon::Component.new(name: "user") %>
+    #   <%= render HakumiComponents::Icon::Component.new(name: "user") %>
     #
     # @example With size
-    #   <%= render Hakumi::Icon::Component.new(name: "home", size: 24) %>
+    #   <%= render HakumiComponents::Icon::Component.new(name: "home", size: 24) %>
     #
     # @example Filled variant
-    #   <%= render Hakumi::Icon::Component.new(name: "heart", theme: :filled) %>
+    #   <%= render HakumiComponents::Icon::Component.new(name: "heart", theme: :filled) %>
     #
     # @example Custom SVG
-    #   <%= render Hakumi::Icon::Component.new(svg: "<svg>...</svg>") %>
-    class Component < Hakumi::BaseComponent
+    #   <%= render HakumiComponents::Icon::Component.new(svg: "<svg>...</svg>") %>
+    class Component < HakumiComponents::BaseComponent
       THEMES = [ :outlined, :filled, :two_tone ].freeze
       DEFAULT_SIZE = 16
       DEFAULT_COLOR = "currentColor"
@@ -140,9 +140,9 @@ module Hakumi
       end
 
       def icon_svg
-        svg = Hakumi::Icon::Loader.load(@name, @theme)
+        svg = HakumiComponents::Icon::Loader.load(@name, @theme)
         if svg.blank? && fallback_enabled?
-          svg = Hakumi::Icon::Loader.load(@name, :outlined)
+          svg = HakumiComponents::Icon::Loader.load(@name, :outlined)
         end
 
         return svg.html_safe if svg.present?

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

@@ -2,14 +2,14 @@
   <% if placeholder? %>
     <div class="hakumi-image-placeholder" data-hakumi--image-target="placeholder">
       <div class="hakumi-image-placeholder-content">
-        <%= render Hakumi::Icon::Component.new(name: :picture, size: 24) %>
+        <%= render HakumiComponents::Icon::Component.new(name: :picture, size: 24) %>
       </div>
     </div>
   <% end %>
 
   <div class="hakumi-image-error-placeholder" data-hakumi--image-target="errorPlaceholder" style="display: none;">
     <div class="hakumi-image-placeholder-content">
-      <%= render Hakumi::Icon::Component.new(name: :picture, size: 24) %>
+      <%= render HakumiComponents::Icon::Component.new(name: :picture, size: 24) %>
     </div>
   </div>
 
@@ -21,7 +21,7 @@
         <%= content %>
       <% else %>
         <div class="hakumi-image-mask-info">
-          <%= render Hakumi::Icon::Component.new(name: :eye, size: 16) %>
+          <%= render HakumiComponents::Icon::Component.new(name: :eye, size: 16) %>
           <span>Preview</span>
         </div>
       <% end %>
@@ -38,40 +38,40 @@
         </div>
         <button class="hakumi-image-preview-close" data-action="click->hakumi--image#closePreview">
           <span class="hakumi-icon">
-            <%= render Hakumi::Icon::Component.new(name: 'close', theme: :outlined) %>
+            <%= render HakumiComponents::Icon::Component.new(name: 'close', theme: :outlined) %>
           </span>
         </button>
         <div class="hakumi-image-preview-operations">
           <button class="hakumi-image-preview-operations-operation" data-action="click->hakumi--image#handleFlipY" title="Flip Vertical">
             <span class="hakumi-icon" style="transform: rotate(90deg)">
-              <%= render Hakumi::Icon::Component.new(name: 'swap', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'swap', theme: :outlined) %>
             </span>
           </button>
           <button class="hakumi-image-preview-operations-operation" data-action="click->hakumi--image#handleFlipX" title="Flip Horizontal">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'swap', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'swap', theme: :outlined) %>
             </span>
           </button>
           <span class="hakumi-image-preview-operations-divider"></span>
           <button class="hakumi-image-preview-operations-operation" data-action="click->hakumi--image#handleRotateLeft" title="Rotate Left">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'rotate-left', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'rotate-left', theme: :outlined) %>
             </span>
           </button>
           <button class="hakumi-image-preview-operations-operation" data-action="click->hakumi--image#handleRotateRight" title="Rotate Right">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'rotate-right', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'rotate-right', theme: :outlined) %>
             </span>
           </button>
           <span class="hakumi-image-preview-operations-divider"></span>
           <button class="hakumi-image-preview-operations-operation" data-action="click->hakumi--image#handleZoomOut" title="Zoom Out">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'zoom-out', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'zoom-out', theme: :outlined) %>
             </span>
           </button>
           <button class="hakumi-image-preview-operations-operation" data-action="click->hakumi--image#handleZoomIn" title="Zoom In">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'zoom-in', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'zoom-in', theme: :outlined) %>
             </span>
           </button>
         </div>

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

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Image
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       def initialize(
         src:,
         alt: nil,

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

@@ -21,19 +21,19 @@
         </div>
         <button class="hakumi-image-preview-close">
           <span class="hakumi-icon">
-            <%= render Hakumi::Icon::Component.new(name: 'close', theme: :outlined) %>
+            <%= render HakumiComponents::Icon::Component.new(name: 'close', theme: :outlined) %>
           </span>
         </button>
         
         <div class="hakumi-image-preview-nav-wrapper" style="display: none;">
           <button class="hakumi-image-preview-switch hakumi-image-preview-switch-left">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'left', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'left', theme: :outlined) %>
             </span>
           </button>
           <button class="hakumi-image-preview-switch hakumi-image-preview-switch-right">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'right', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'right', theme: :outlined) %>
             </span>
           </button>
           <div class="hakumi-image-preview-counter">
@@ -46,34 +46,34 @@
         <div class="hakumi-image-preview-operations">
           <button class="hakumi-image-preview-operations-operation" title="Flip Vertical">
             <span class="hakumi-icon" style="transform: rotate(90deg)">
-              <%= render Hakumi::Icon::Component.new(name: 'swap', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'swap', theme: :outlined) %>
             </span>
           </button>
           <button class="hakumi-image-preview-operations-operation" title="Flip Horizontal">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'swap', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'swap', theme: :outlined) %>
             </span>
           </button>
           <span class="hakumi-image-preview-operations-divider"></span>
           <button class="hakumi-image-preview-operations-operation" title="Rotate Left">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'rotate-left', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'rotate-left', theme: :outlined) %>
             </span>
           </button>
           <button class="hakumi-image-preview-operations-operation" title="Rotate Right">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'rotate-right', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'rotate-right', theme: :outlined) %>
             </span>
           </button>
           <span class="hakumi-image-preview-operations-divider"></span>
           <button class="hakumi-image-preview-operations-operation" title="Zoom Out">
             <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'zoom-out', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'zoom-out', theme: :outlined) %>
             </span>
           </button>
           <button class="hakumi-image-preview-operations-operation" title="Zoom In">
              <span class="hakumi-icon">
-              <%= render Hakumi::Icon::Component.new(name: 'zoom-in', theme: :outlined) %>
+              <%= render HakumiComponents::Icon::Component.new(name: 'zoom-in', theme: :outlined) %>
             </span>
           </button>
         </div>

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

@@ -1,10 +1,10 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Image
     module PreviewGroup
-      class Component < Hakumi::BaseComponent
-        renders_many :images, ->(**kwargs) { Hakumi::Image::Component.new(**kwargs, preview: false) }
+      class Component < HakumiComponents::BaseComponent
+        renders_many :images, ->(**kwargs) { HakumiComponents::Image::Component.new(**kwargs, preview: false) }
 
         def initialize(
           items: nil,

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

@@ -1,15 +1,15 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Input
     # Hakumi Input component
     # A basic widget for getting user input, supporting text, number, email, etc.
     #
     # @example Basic usage
-    #   <%= render Hakumi::Input::Component.new(name: "email", placeholder: "Enter email") %>
+    #   <%= render HakumiComponents::Input::Component.new(name: "email", placeholder: "Enter email") %>
     #
     # @example With label and caption
-    #   <%= render Hakumi::Input::Component.new(
+    #   <%= render HakumiComponents::Input::Component.new(
     #     name: "username",
     #     label: "Username",
     #     caption: "Choose a unique username",
@@ -17,14 +17,14 @@ module Hakumi
     #   ) %>
     #
     # @example With prefix and suffix
-    #   <%= render Hakumi::Input::Component.new(
+    #   <%= render HakumiComponents::Input::Component.new(
     #     name: "amount",
     #     prefix: "dollar",
     #     suffix: "USD",
     #     placeholder: "0.00"
     #   ) %>
-    class Component < Hakumi::BaseComponent
-      include Hakumi::Concerns::FormField
+    class Component < HakumiComponents::BaseComponent
+      include HakumiComponents::Concerns::FormField
 
       SIZES = [ :small, :middle, :large ].freeze
 
@@ -143,7 +143,7 @@ module Hakumi
 
         content_tag(:span, class: "hakumi-input-prefix") do
           if @prefix_icon
-            render Hakumi::Icon::Component.new(name: @prefix_icon)
+            render HakumiComponents::Icon::Component.new(name: @prefix_icon)
           elsif @prefix
             @prefix
           end
@@ -162,7 +162,7 @@ module Hakumi
         return nil unless @suffix || @suffix_icon
 
         if @suffix_icon
-          render Hakumi::Icon::Component.new(name: @suffix_icon)
+          render HakumiComponents::Icon::Component.new(name: @suffix_icon)
         elsif @suffix
           @suffix
         end
@@ -177,7 +177,7 @@ module Hakumi
           tabindex: "-1",
           data: { action: "click->hakumi--input#clear" }
         ) do
-          render Hakumi::Icon::Component.new(name: :close_circle, theme: :filled)
+          render HakumiComponents::Icon::Component.new(name: :close_circle, theme: :filled)
         end
       end
     end

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

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Input
     module Password
       # Hakumi Password Input component
       # A password input with visibility toggle functionality
       #
       # @example Basic usage
-      #   <%= render Hakumi::Input::Password::Component.new(
+      #   <%= render HakumiComponents::Input::Password::Component.new(
       #     name: "password",
       #     label: "Password",
       #     placeholder: "Enter password"
       #   ) %>
       #
       # @example With size and validation
-      #   <%= render Hakumi::Input::Password::Component.new(
+      #   <%= render HakumiComponents::Input::Password::Component.new(
       #     name: "password",
       #     label: "Password",
       #     size: :large,
       #     required: true,
       #     errors: ["Password is too short"]
       #   ) %>
-      class Component < Hakumi::Input::Component
+      class Component < HakumiComponents::Input::Component
         def initialize(**options)
           # Force type to password
           options[:type] = :password
@@ -75,7 +75,7 @@ module Hakumi
               hakumi__input_password_target: "toggleButton"
             }
           ) do
-            render Hakumi::Icon::Component.new(
+            render HakumiComponents::Icon::Component.new(
               name: :eye_invisible,
               data: { hakumi__input_password_target: "icon" }
             )

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

@@ -1,27 +1,27 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Input
     module TextArea
       # Hakumi TextArea component
       # Multi-line text input with optional character count and auto-resize
       #
       # @example Basic usage
-      #   <%= render Hakumi::Input::TextArea::Component.new(
+      #   <%= render HakumiComponents::Input::TextArea::Component.new(
       #     name: "bio",
       #     label: "Biography",
       #     rows: 4
       #   ) %>
       #
       # @example With character count
-      #   <%= render Hakumi::Input::TextArea::Component.new(
+      #   <%= render HakumiComponents::Input::TextArea::Component.new(
       #     name: "description",
       #     label: "Description",
       #     show_count: true,
       #     maxlength: 200
       #   ) %>
-      class Component < Hakumi::BaseComponent
-        include Hakumi::Concerns::FormField
+      class Component < HakumiComponents::BaseComponent
+        include HakumiComponents::Concerns::FormField
 
         SIZES = [ :small, :middle, :large ].freeze
 

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

@@ -14,7 +14,7 @@
           data-action="mousedown->hakumi--input-number#handleStepUp"
           <%= "disabled" if @disabled || @readonly %>
         >
-          <%= render Hakumi::Icon::Component.new(name: :caret_up, size: 10) %>
+          <%= render HakumiComponents::Icon::Component.new(name: :caret_up, size: 10) %>
         </button>
         <button
           type="button"
@@ -24,7 +24,7 @@
           data-action="mousedown->hakumi--input-number#handleStepDown"
           <%= "disabled" if @disabled || @readonly %>
         >
-          <%= render Hakumi::Icon::Component.new(name: :caret_down, size: 10) %>
+          <%= render HakumiComponents::Icon::Component.new(name: :caret_down, size: 10) %>
         </button>
       </span>
     <% end %>
@@ -50,7 +50,7 @@
                 data-action="mousedown->hakumi--input-number#handleStepUp"
                 <%= "disabled" if @disabled || @readonly %>
               >
-                <%= render Hakumi::Icon::Component.new(name: :caret_up, size: 10) %>
+                <%= render HakumiComponents::Icon::Component.new(name: :caret_up, size: 10) %>
               </button>
               <button
                 type="button"
@@ -60,7 +60,7 @@
                 data-action="mousedown->hakumi--input-number#handleStepDown"
                 <%= "disabled" if @disabled || @readonly %>
               >
-                <%= render Hakumi::Icon::Component.new(name: :caret_down, size: 10) %>
+                <%= render HakumiComponents::Icon::Component.new(name: :caret_down, size: 10) %>
               </button>
             </span>
           <% end %>

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

@@ -1,22 +1,22 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module InputNumber
     # Hakumi InputNumber component
     # Numeric input with precision, formatter, and spinner controls
     #
     # @example Basic usage
-    #   <%= render Hakumi::InputNumber::Component.new(name: :amount, value: 10) %>
+    #   <%= render HakumiComponents::InputNumber::Component.new(name: :amount, value: 10) %>
     #
     # @example With formatter and prefix
-    #   <%= render Hakumi::InputNumber::Component.new(
+    #   <%= render HakumiComponents::InputNumber::Component.new(
     #     name: :price,
     #     value: 199.95,
     #     prefix: "$",
     #     formatter: { style: "currency", currency: "USD", minimumFractionDigits: 2 }
     #   ) %>
-    class Component < Hakumi::BaseComponent
-      include Hakumi::Concerns::FormField
+    class Component < HakumiComponents::BaseComponent
+      include HakumiComponents::Concerns::FormField
 
       SIZES = [ :small, :middle, :large ].freeze
       VARIANTS = [ :default, :filled, :borderless ].freeze

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

@@ -1,4 +1,4 @@
-class Hakumi::Layout::Component < Hakumi::BaseComponent
+class HakumiComponents::Layout::Component < HakumiComponents::BaseComponent
   def initialize(has_sider: false, **html_options)
     @has_sider = has_sider
     @html_options = html_options

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

@@ -1,4 +1,4 @@
-class Hakumi::Layout::Content::Component < Hakumi::BaseComponent
+class HakumiComponents::Layout::Content::Component < HakumiComponents::BaseComponent
   def initialize(**html_options)
     @html_options = html_options
   end

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

@@ -1,4 +1,4 @@
-class Hakumi::Layout::Footer::Component < Hakumi::BaseComponent
+class HakumiComponents::Layout::Footer::Component < HakumiComponents::BaseComponent
   def initialize(**html_options)
     @html_options = html_options
   end

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

@@ -1,4 +1,4 @@
-class Hakumi::Layout::Header::Component < Hakumi::BaseComponent
+class HakumiComponents::Layout::Header::Component < HakumiComponents::BaseComponent
   def initialize(**html_options)
     @html_options = html_options
   end

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

@@ -1,4 +1,4 @@
-class Hakumi::Layout::Sider::Component < Hakumi::BaseComponent
+class HakumiComponents::Layout::Sider::Component < HakumiComponents::BaseComponent
   def initialize(
     width: 200,
     collapsed_width: 80,

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

@@ -1,11 +1,11 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Mentions
     # Hakumi Mentions component
     # Textarea input with dropdown suggestions for mentions
-    class Component < Hakumi::BaseComponent
-      include Hakumi::Concerns::FormField
+    class Component < HakumiComponents::BaseComponent
+      include HakumiComponents::Concerns::FormField
 
       SIZES = %i[small default large].freeze
       STATUSES = [ nil, :error, :warning ].freeze

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

@@ -1,15 +1,15 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Menu
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       MODES = %i[horizontal vertical inline].freeze
       TRIGGER_SUBMENU_ACTIONS = %i[hover click].freeze
 
       renders_many :items, types: {
         item: {
           renders: ->(key:, label: nil, icon: nil, disabled: false, danger: false, href: nil, target: nil, **options, &block) do
-            Hakumi::Menu::Item::Component.new(
+            HakumiComponents::Menu::Item::Component.new(
               key: key,
               label: label,
               icon: icon,
@@ -25,7 +25,7 @@ module Hakumi
         },
         submenu: {
           renders: ->(key:, label: nil, icon: nil, disabled: false, **options, &block) do
-            Hakumi::Menu::SubMenu::Component.new(
+            HakumiComponents::Menu::SubMenu::Component.new(
               key: key,
               label: label,
               icon: icon,
@@ -39,12 +39,12 @@ module Hakumi
         },
         group: {
           renders: ->(label:, **options, &block) do
-            Hakumi::Menu::Group::Component.new(label: label, **options, &block)
+            HakumiComponents::Menu::Group::Component.new(label: label, **options, &block)
           end,
           as: :group
         },
         divider: {
-          renders: -> { Hakumi::Menu::Divider::Component.new },
+          renders: -> { HakumiComponents::Menu::Divider::Component.new },
           as: :divider
         }
       }

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

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Menu
     module Divider
-      class Component < Hakumi::BaseComponent
+      class Component < HakumiComponents::BaseComponent
         def call
           tag.li(class: "hakumi-menu-item-divider", role: "separator")
         end

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

@@ -1,13 +1,13 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Menu
     module Group
-      class Component < Hakumi::BaseComponent
+      class Component < HakumiComponents::BaseComponent
         renders_many :items, types: {
           item: {
             renders: ->(key:, label: nil, icon: nil, disabled: false, danger: false, href: nil, target: nil, **options, &block) do
-              Hakumi::Menu::Item::Component.new(
+              HakumiComponents::Menu::Item::Component.new(
                 key: key,
                 label: label,
                 icon: icon,

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

@@ -1,9 +1,9 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Menu
     module Item
-      class Component < Hakumi::BaseComponent
+      class Component < HakumiComponents::BaseComponent
         def initialize(key:, label: nil, icon: nil, disabled: false, danger: false, href: nil, target: nil, **html_options)
           @key = key
           @label = label
@@ -36,7 +36,7 @@ module Hakumi
           return nil unless icon
 
           if icon.is_a?(Symbol)
-            Hakumi::Icon::Component.new(name: icon)
+            HakumiComponents::Icon::Component.new(name: icon)
           else
             icon
           end

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

@@ -1,13 +1,13 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Menu
     module SubMenu
-      class Component < Hakumi::BaseComponent
+      class Component < HakumiComponents::BaseComponent
         renders_many :items, types: {
           item: {
             renders: ->(key:, label: nil, icon: nil, disabled: false, danger: false, href: nil, target: nil, **options, &block) do
-              Hakumi::Menu::Item::Component.new(
+              HakumiComponents::Menu::Item::Component.new(
                 key: key,
                 label: label,
                 icon: icon,
@@ -23,7 +23,7 @@ module Hakumi
           },
           submenu: {
             renders: ->(key:, label: nil, icon: nil, disabled: false, **options, &block) do
-              Hakumi::Menu::SubMenu::Component.new(
+              HakumiComponents::Menu::SubMenu::Component.new(
                 key: key,
                 label: label,
                 icon: icon,
@@ -37,12 +37,12 @@ module Hakumi
           },
           group: {
             renders: ->(label:, **options, &block) do
-              Hakumi::Menu::Group::Component.new(label: label, **options, &block)
+              HakumiComponents::Menu::Group::Component.new(label: label, **options, &block)
             end,
             as: :group
           },
           divider: {
-            renders: -> { Hakumi::Menu::Divider::Component.new },
+            renders: -> { HakumiComponents::Menu::Divider::Component.new },
             as: :divider
           }
         }
@@ -81,7 +81,7 @@ module Hakumi
           return nil unless icon
 
           if icon.is_a?(Symbol)
-            Hakumi::Icon::Component.new(name: icon)
+            HakumiComponents::Icon::Component.new(name: icon)
           else
             icon
           end

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

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Message
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       TYPES = %i[success info warning error loading].freeze
 
       # Extracts locals from controller params for dynamic rendering

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

@@ -9,7 +9,7 @@
         <% if @closable %>
           <button type="button" class="hakumi-modal-close" aria-label="Close" data-hakumi-action="close">
             <span class="hakumi-modal-close-x">
-              <%= render Hakumi::Icon::Component.new(name: :close) %>
+              <%= render HakumiComponents::Icon::Component.new(name: :close) %>
             </span>
           </button>
         <% end %>

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

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
-module Hakumi
+module HakumiComponents
   module Modal
-    class Component < Hakumi::BaseComponent
+    class Component < HakumiComponents::BaseComponent
       # Slots for content
       renders_one :header
       renders_one :body