okonomi_ui_kit 0.1.7 → 0.1.8

data/app/helpers/okonomi_ui_kit/component.rb

@@ -30,7 +30,7 @@ module OkonomiUiKit
       internal_styles = internal_styles_registry[internal_name] || {}
       config_styles = config_styles_registry[config_name] || {}
 
-      {}.deep_merge(internal_styles).deep_merge(config_styles)
+      deep_merge({}, internal_styles, config_styles)
     end
 
     def internal_styles_registry
@@ -45,16 +45,42 @@ module OkonomiUiKit
       :default
     end
 
+    def self.register_styles(theme = :default, &block)
+      styles = block.call if block_given?
+
+      raise ArgumentError, "Styles must be a Hash" unless styles.is_a?(Hash)
+
+      internal_styles_registry[theme] = styles if styles.is_a?(Hash)
+    end
+
+    def self.internal_styles_registry
+      @internal_styles_registry ||= deep_merge({}, parent_styles_registry)
+    end
+
+    def self.parent_styles_registry
+      if superclass.respond_to?(:internal_styles_registry)
+        superclass.internal_styles_registry
+      else
+        {}
+      end
+    end
+
     def self.config_styles_registry
-      return Hash.new({}) unless config_class?
+      @config_styles_registry ||= config_classes.reverse.reduce({}) do |hash, klass|
+        deep_merge(hash, klass.styles_registry)
+      end
+    end
 
-      config_class.styles_registry
+    def self.config_classes
+      @config_classes ||= resolve_config_classes
     end
 
-    def self.config_class
-      return nil unless config_class?
+    def self.resolve_config_classes
+      classes = []
+      classes << Object.const_get(config_class_name) if config_class?
+      classes += superclass.config_classes if superclass <= OkonomiUiKit::Component
 
-      Object.const_get(config_class_name)
+      classes.compact
     end
 
     def self.config_class_name
@@ -65,16 +91,9 @@ module OkonomiUiKit
       Object.const_defined?(config_class_name)
     end
 
-    def self.register_styles(theme = :default, &block)
-      styles = block.call if block_given?
-
-      raise ArgumentError, "Styles must be a Hash" unless styles.is_a?(Hash)
-
-      internal_styles_registry[theme] = styles if styles.is_a?(Hash)
-    end
-
-    def self.internal_styles_registry
-      @internal_styles_registry ||= {}
+    def self.deep_merge(*hashes)
+      OkonomiUiKit::TWMerge.deep_merge_all(*hashes)
     end
+    delegate :deep_merge, to: :class
   end
 end

data/app/helpers/okonomi_ui_kit/components/badge.rb

@@ -3,8 +3,8 @@ module OkonomiUiKit
     class Badge < OkonomiUiKit::Component
       def render(text, options = {})
         options = options.with_indifferent_access
-        severity = (options.delete(:severity) || :default).to_sym
-        
+        severity = (options.delete(:severity) || options.delete(:variant) || :default).to_sym
+
         classes = [
           style(:base),
           style(:severities, severity) || '',

data/app/helpers/okonomi_ui_kit/components/breadcrumbs.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+module OkonomiUiKit
+  module Components
+    class Breadcrumbs < Component
+      register_styles do
+        {
+          base: "flex",
+          container: "isolate flex -space-x-px rounded-lg shadow-sm",
+          nav: "",
+          list: "flex items-center space-x-4",
+          item: {
+            base: "",
+            first: "",
+            last: "",
+            current: ""
+          },
+          link: {
+            base: "ml-4 text-sm font-medium text-gray-500 hover:text-gray-700",
+            first: "text-sm font-medium text-gray-500 hover:text-gray-700",
+            current: "ml-4 text-sm font-medium text-gray-500"
+          },
+          separator: {
+            base: "size-5 shrink-0 text-gray-400",
+            wrapper: ""
+          },
+          icon: "size-5 text-gray-400"
+        }
+      end
+
+      def initialize(template, options = {})
+        super
+        @items = []
+        @builder = BreadcrumbBuilder.new(self)
+      end
+
+      def render(options = {}, &block)
+        return "" if block.nil?
+        
+        block.call(@builder)
+        view.render("okonomi/components/breadcrumbs/breadcrumbs", 
+          component: self,
+          items: @items,
+          options: options
+        )
+      end
+
+      def add_item(text, path = nil, current: false, icon: nil)
+        @items << {
+          text: text,
+          path: path,
+          current: current,
+          icon: icon
+        }
+      end
+
+      class BreadcrumbBuilder
+        def initialize(component)
+          @component = component
+        end
+
+        def link(text, path = nil, current: false, icon: nil, **options)
+          # Ignore extra options for now
+          @component.add_item(text, path, current: current, icon: icon)
+        end
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/button_base.rb

@@ -0,0 +1,56 @@
+module OkonomiUiKit
+  module Components
+    class ButtonBase < OkonomiUiKit::Component
+      def build_button_class(variant:, color:, classes: '')
+        [
+          style(:root) || '',
+          style(variant.to_sym, :root) || '',
+          style(variant.to_sym, :colors, color.to_sym) || '',
+          classes,
+        ].reject(&:blank?).join(' ')
+      end
+
+      register_styles :default do
+        {
+          root: "hover:cursor-pointer text-sm",
+          outlined: {
+            root: "inline-flex border items-center justify-center px-2 py-1 rounded-md font-medium focus:outline-none focus:ring-2 focus:ring-offset-2",
+            colors: {
+              default: "bg-white text-default-700 border-default-700 hover:bg-default-50",
+              primary: "bg-white text-primary-600 border-primary-600 hover:bg-primary-50",
+              secondary: "bg-white text-secondary-600 border-secondary-600 hover:bg-secondary-50",
+              success: "bg-white text-success-600 border-success-600 hover:bg-success-50",
+              danger: "bg-white text-danger-600 border-danger-600 hover:bg-danger-50",
+              warning: "bg-white text-warning-600 border-warning-600 hover:bg-warning-50",
+              info: "bg-white text-info-600 border-info-600 hover:bg-info-50"
+            }
+          },
+          contained: {
+            root: "inline-flex border items-center justify-center px-2 py-1 rounded-md font-medium focus:outline-none focus:ring-2 focus:ring-offset-2",
+            colors: {
+              default: "border-default-700 bg-default-600 text-white hover:bg-default-700",
+              primary: "border-primary-700 bg-primary-600 text-white hover:bg-primary-700",
+              secondary: "border-secondary-700 bg-secondary-600 text-white hover:bg-secondary-700",
+              success: "border-success-700 bg-success-600 text-white hover:bg-success-700",
+              danger: "border-danger-700 bg-danger-600 text-white hover:bg-danger-700",
+              warning: "border-warning-700 bg-warning-600 text-white hover:bg-warning-700",
+              info: "border-info-700 bg-info-600 text-white hover:bg-info-700"
+            }
+          },
+          text: {
+            root: "text-base",
+            colors: {
+              default: "text-default-700 hover:underline",
+              primary: "text-primary-600 hover:underline",
+              secondary: "text-secondary-600 hover:underline",
+              success: "text-success-600 hover:underline",
+              danger: "text-danger-600 hover:underline",
+              warning: "text-warning-600 hover:underline",
+              info: "text-info-600 hover:underline"
+            }
+          }
+        }
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/button_tag.rb

@@ -0,0 +1,23 @@
+module OkonomiUiKit
+  module Components
+    class ButtonTag < OkonomiUiKit::Components::ButtonBase
+      def render(name = nil, options = {}, &block)
+        options, name = options, block if block_given?
+
+        options ||= {}
+        options = options.with_indifferent_access
+
+        variant = (options.delete(:variant) || 'contained').to_sym
+        color = (options.delete(:color) || 'default').to_sym
+
+        options[:class] = build_button_class(variant: variant, color: color, classes: options[:class])
+
+        if block_given?
+          view.button_tag(options, &block)
+        else
+          view.button_tag(name, options)
+        end
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/button_to.rb

@@ -1,6 +1,6 @@
 module OkonomiUiKit
   module Components
-    class ButtonTo < OkonomiUiKit::Component
+    class ButtonTo < OkonomiUiKit::Components::ButtonBase
       def render(name = nil, options = nil, html_options = nil, &block)
         html_options, options, name = options, name, block if block_given?
 
@@ -18,17 +18,6 @@ module OkonomiUiKit
           view.button_to(name, options, html_options)
         end
       end
-
-      private
-
-      def build_button_class(variant:, color:, classes: '')
-        [
-          theme.dig(:components, :link, :root) || '',
-          theme.dig(:components, :link, variant.to_sym, :root) || '',
-          theme.dig(:components, :link, variant.to_sym, :colors, color.to_sym) || '',
-          classes,
-        ].reject(&:blank?).join(' ')
-      end
     end
   end
 end

data/app/helpers/okonomi_ui_kit/components/icon.rb

@@ -0,0 +1,36 @@
+module OkonomiUiKit
+  module Components
+    class Icon < OkonomiUiKit::Component
+      def render(name, options = {})
+        options = options.with_indifferent_access
+        
+        # Extract specific icon options
+        variant = options.delete(:variant) || :outlined
+        width = options.delete(:width)
+        height = options.delete(:height)
+        
+        # Build classes array
+        classes = [
+          style(:base),
+          options.delete(:class)
+        ].compact.join(' ')
+        
+        view.render(
+          template_path,
+          name: name,
+          variant: variant,
+          width: width,
+          height: height,
+          classes: classes,
+          options: options
+        )
+      end
+      
+      register_styles :default do
+        {
+          base: "inline-block"
+        }
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/link_to.rb

@@ -1,6 +1,6 @@
 module OkonomiUiKit
   module Components
-    class LinkTo < OkonomiUiKit::Component
+    class LinkTo < OkonomiUiKit::Components::ButtonBase
       def render(name = nil, options = nil, html_options = nil, &block)
         html_options, options, name = options, name, block if block_given?
         
@@ -18,17 +18,6 @@ module OkonomiUiKit
           view.link_to(name, options, html_options)
         end
       end
-      
-      private
-      
-      def build_button_class(variant:, color:, classes: '')
-        [
-          theme.dig(:components, :link, :root) || '',
-          theme.dig(:components, :link, variant.to_sym, :root) || '',
-          theme.dig(:components, :link, variant.to_sym, :colors, color.to_sym) || '',
-          classes,
-        ].reject(&:blank?).join(' ')
-      end
     end
   end
 end

data/app/helpers/okonomi_ui_kit/components/page.rb

@@ -62,7 +62,7 @@ module OkonomiUiKit
       end
 
       def breadcrumbs(&block)
-        @breadcrumbs_content = @template.breadcrumbs(&block)
+        @breadcrumbs_content = @template.ui.breadcrumbs(&block)
       end
 
       def row(&block)

data/app/helpers/okonomi_ui_kit/components/table.rb

@@ -127,8 +127,8 @@ module OkonomiUiKit
           capture(&block)
         else
           tag.div(class: style(:empty_state, :wrapper)) do
-            icon_content = if @template.respond_to?(:svg_icon)
-              @template.svg_icon(icon, class: style(:empty_state, :icon))
+            icon_content = if @template.respond_to?(:ui)
+              @template.ui.icon(icon, class: style(:empty_state, :icon))
             else
               tag.div(class: style(:empty_state, :icon))
             end

data/app/helpers/okonomi_ui_kit/config.rb

@@ -6,11 +6,15 @@ module OkonomiUiKit
       raise ArgumentError, "Styles must be a Hash" unless styles.is_a?(Hash)
 
       styles_registry[theme] ||= {}
-      styles_registry[theme] = styles_registry[theme].deep_merge(styles)
+      styles_registry[theme] = deep_merge({}, styles_registry[theme], styles)
     end
 
     def self.styles_registry
       @styles_registry ||= {}
     end
+
+    def self.deep_merge(*hashes)
+      OkonomiUiKit::TWMerge.deep_merge_all(*hashes)
+    end
   end
 end

data/app/helpers/okonomi_ui_kit/form_builder.rb

@@ -85,7 +85,7 @@ module OkonomiUiKit
       ].compact.join(' ').split(' ').uniq
 
       select_html = super(method, choices, options, html_options.merge(class: css), &block)
-      icon_html = @template.svg_icon(
+      icon_html = @template.ui.icon(
         ui.get_theme.dig(:components, :select, :icon, :file),
         class: ui.get_theme.dig(:components, :select, :icon, :class)
       )
@@ -108,7 +108,7 @@ module OkonomiUiKit
       ].compact.join(' ').split(' ').uniq
 
       select_html = super(method, collection, value_method, text_method, options, html_options.merge(class: css))
-      icon_html = @template.svg_icon(
+      icon_html = @template.ui.icon(
         ui.get_theme.dig(:components, :select, :icon, :file),
         class: ui.get_theme.dig(:components, :select, :icon, :class)
       )

data/app/helpers/okonomi_ui_kit/t_w_merge.rb

@@ -0,0 +1,108 @@
+module OkonomiUiKit
+  class TWMerge
+    # ---- Public API -----------------------------------------------------------
+
+    # Merge two Tailwind class strings with conflict resolution.
+    def self.merge(a, b)
+      tokens = "#{a} #{b}".split(/\s+/).reject(&:empty?)
+      result = []
+      index_by_key = {}
+
+      tokens.each do |tok|
+        variants, base = split_variants(tok)
+        group = conflict_group_for(base)
+        key = [variants, group || "literal:#{base}"]
+
+        if index_by_key.key?(key)
+          pos = index_by_key[key]
+          result[pos] = tok
+        else
+          index_by_key[key] = result.length
+          result << tok
+        end
+      end
+
+      result.join(' ')
+    end
+
+    # Deep-merge two hashes; when both values are strings, merge as Tailwind classes.
+    # For other types, the right-hand value wins unless it is nil.
+    def self.deep_merge(a, b)
+      if a.is_a?(Hash) && b.is_a?(Hash)
+        (a.keys | b.keys).each_with_object({}) do |k, h|
+          h[k] = deep_merge(a[k], b[k])
+        end
+      elsif a.is_a?(String) && b.is_a?(String)
+        merge(a, b)
+      else
+        b.nil? ? a : b
+      end
+    end
+
+    def self.deep_merge_all(*hashes)
+      hashes.reduce({}) do |result, hash|
+        if hash.is_a?(Hash)
+          deep_merge(result, hash)
+        else
+          raise ArgumentError, "All arguments must be Hashes"
+        end
+      end
+    end
+
+    # ---- Implementation details ----------------------------------------------
+
+    # Conflict groups (minimal, extensible). More specific patterns first.
+    CONFLICT_RULES = [
+      # Typography
+      [/^text-(?:xs|sm|base|lg|xl|\d+xl|\[\S+\])$/, :text_size],
+      [/^text-(?:inherit|current|transparent|black|white|[a-z]+-\d{2,3}|[a-z]+-950|\[.+\])$/, :text_color],
+      [/^font-(?:thin|extralight|light|normal|medium|semibold|bold|extrabold|black)$/, :font_weight],
+      [/^leading-(?:none|tight|snug|normal|relaxed|loose|\d+|\[.+\])$/, :line_height],
+      [/^tracking-(?:tighter|tight|normal|wide|widest|\[.+\])$/, :letter_spacing],
+
+      # Display & position
+      [/^(?:hidden|block|inline|inline-block|flex|inline-flex|grid|inline-grid|table|inline-table|flow-root)$/, :display],
+      [/^(?:static|fixed|absolute|relative|sticky)$/, :position],
+
+      # Flexbox
+      [/^flex-(?:row|col|row-reverse|col-reverse)$/, :flex_direction],
+      [/^flex-(?:wrap|nowrap|wrap-reverse)$/, :flex_wrap],
+      [/^items-(?:start|end|center|baseline|stretch)$/, :align_items],
+      [/^justify-(?:start|end|center|between|around|evenly)$/, :justify_content],
+
+      # Borders
+      [/^(?:border|border-(?:\d+|\[\S+\]))$/, :border_width_overall],
+      [/^border-[trblxy](?:-\d+|\[\S+\])?$/, :border_width_side],
+      [/^border-(?:solid|dashed|dotted|double|none)$/, :border_style],
+      [/^border-(?:inherit|current|transparent|black|white|[a-z]+-\d{2,3}|[a-z]+-950|\[.+\])$/, :border_color],
+
+      # Radius
+      [/^rounded(?:-(?:none|sm|md|lg|xl|2xl|3xl|full|\[.+\]))?$/, :rounded_overall],
+      [/^rounded-(?:t|r|b|l|tl|tr|br|bl)-(?:none|sm|md|lg|xl|2xl|3xl|full|\[.+\])$/, :rounded_corner],
+
+      # Background
+      [/^bg-(?:inherit|current|transparent|black|white|[a-z]+-\d{2,3}|[a-z]+-950|\[.+\])$/, :bg_color],
+
+      # Overflow & opacity
+      [/^overflow-(?:auto|hidden|visible|scroll|clip)$/, :overflow],
+      [/^overflow-[xy]-(?:auto|hidden|visible|scroll|clip)$/, :overflow_axis],
+      [/^opacity-(?:\d{1,3}|\[.+\])$/, :opacity],
+    ].freeze
+
+    class << self
+      private
+
+      # "sm:hover:text-lg" -> ["sm:hover", "text-lg"]
+      def split_variants(token)
+        parts = token.split(':')
+        return ["", token] if parts.size == 1
+        [parts[0..-2].join(':'), parts[-1]]
+      end
+
+      def conflict_group_for(base)
+        rule = CONFLICT_RULES.find { |(rx, _)| base.match?(rx) }
+        rule ? rule[1] : nil
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/theme.rb

@@ -2,29 +2,6 @@ module OkonomiUiKit
   module Theme
     LIGHT_THEME = {
       components: {
-        typography: {
-          variants: {
-            body1: "text-base font-normal",
-            body2: "text-sm font-normal",
-            h1: "text-3xl font-bold",
-            h2: "text-2xl font-bold",
-            h3: "text-xl font-semibold",
-            h4: "text-lg font-semibold",
-            h5: "text-base font-semibold",
-            h6: "text-sm font-semibold"
-          },
-          colors: {
-            default: "text-default-700",
-            dark: "text-default-900",
-            muted: "text-default-500",
-            primary: "text-primary-600",
-            secondary: "text-secondary-600",
-            success: "text-success-600",
-            danger: "text-danger-600",
-            warning: "text-warning-600",
-            info: "text-info-600"
-          }
-        },
         link: {
           root: "hover:cursor-pointer text-sm",
           outlined: {

data/app/views/okonomi/components/breadcrumbs/_breadcrumbs.html.erb

@@ -0,0 +1,46 @@
+<%= tag.nav(**options.merge(class: component.style(:nav), 'aria-label': 'Breadcrumb')) do %>
+  <ol role="list" class="<%= component.style(:list) %>">
+    <% items.each_with_index do |item, index| %>
+      <li>
+        <div class="flex items-center">
+          <% if index == 0 %>
+            <% if item[:icon] %>
+              <% if item[:path] %>
+                <%= link_to item[:path], class: "text-gray-400 hover:text-gray-500", 'aria-current': (item[:current] ? 'page' : nil) do %>
+                  <%= item[:icon] %>
+                  <span class="sr-only"><%= item[:text] %></span>
+                <% end %>
+              <% else %>
+                <span class="text-gray-400" aria-current="<%= item[:current] ? 'page' : nil %>">
+                  <%= item[:icon] %>
+                  <span class="sr-only"><%= item[:text] %></span>
+                </span>
+              <% end %>
+            <% else %>
+              <div class="flex items-center">
+                <% if item[:path] && !item[:current] %>
+                  <%= link_to item[:text], item[:path], class: component.style(:link, :first), 'aria-current': nil %>
+                <% else %>
+                  <span class="<%= component.style(:link, :first) %>" aria-current="<%= item[:current] ? 'page' : nil %>">
+                    <%= item[:text] %>
+                  </span>
+                <% end %>
+              </div>
+            <% end %>
+          <% else %>
+            <svg class="<%= component.style(:separator, :base) %>" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+              <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
+            </svg>
+            <% if item[:path] && !item[:current] %>
+              <%= link_to item[:text], item[:path], class: component.style(:link, :base), 'aria-current': nil %>
+            <% else %>
+              <span class="<%= component.style(:link, :current) %>" aria-current="<%= item[:current] ? 'page' : nil %>">
+                <%= item[:text] %>
+              </span>
+            <% end %>
+          <% end %>
+        </div>
+      </li>
+    <% end %>
+  </ol>
+<% end %>

data/app/views/okonomi/components/icon/_icon.html.erb

@@ -0,0 +1,38 @@
+<%
+  # Load the SVG content
+  svg_content = if OkonomiUiKit::SvgIcons.exist?(name)
+    OkonomiUiKit::SvgIcons.read(name)
+  else
+    "<!-- SVG #{name} not found -->"
+  end
+  
+  # Parse and modify the SVG
+  if svg_content.start_with?("<!--")
+%><%= raw svg_content %><%
+  else
+    doc = Nokogiri::HTML::DocumentFragment.parse(svg_content)
+    svg = doc.at_css('svg')
+    
+    if svg
+      # Apply classes
+      svg['class'] = classes if classes.present?
+      
+      # Apply dimensions
+      svg['width'] = width if width.present?
+      svg['height'] = height if height.present?
+      
+      # Apply any additional options as attributes
+      options.each do |key, value|
+        if key.to_s == 'data' && value.is_a?(Hash)
+          # Handle data attributes specially
+          value.each do |data_key, data_value|
+            svg["data-#{data_key.to_s.dasherize}"] = data_value
+          end
+        else
+          svg[key.to_s.dasherize] = value
+        end
+      end
+    end
+%><%= raw doc.to_html %><%
+  end
+%>

data/app/views/okonomi/forms/tailwind/_upload_field.html.erb

@@ -11,10 +11,10 @@
           <% if blob.image? %>
             <%= image_tag url_for(blob), class: "max-h-32" %>
           <% else %>
-            <%= svg_icon("heroicons/solid/document", class: "size-12 text-gray-400") %>
+            <%= ui.icon("heroicons/solid/document", class: "size-12 text-gray-400") %>
           <% end %>
         <% else %>
-          <%= svg_icon("heroicons/solid/plus", class: "size-12 w-12 text-gray-400") %>
+          <%= ui.icon("heroicons/solid/plus", class: "size-12 w-12 text-gray-400") %>
         <% end %>
       </div>
 

data/app/views/okonomi/modals/_confirmation_modal.html.erb

@@ -28,7 +28,7 @@
                   class="<%= ui.get_theme.dig(:components, :modal, :close_button, :button) %>" 
                   data-action="click->modal#close">
             <span class="sr-only">Close</span>
-            <%= svg_icon(ui.get_theme.dig(:components, :modal, :close_button, :icon, :file), 
+            <%= ui.icon(ui.get_theme.dig(:components, :modal, :close_button, :icon, :file), 
                          class: ui.get_theme.dig(:components, :modal, :close_button, :icon, :class)) %>
           </button>
         </div>
@@ -37,7 +37,7 @@
         <div class="<%= ui.get_theme.dig(:components, :modal, :content, :wrapper) %>">
           <!-- Icon -->
           <div class="<%= ui.modal_icon_wrapper_class(options[:variant]) %>">
-            <%= svg_icon(ui.get_theme.dig(:components, :modal, :icon, :variants, options[:variant], :file), 
+            <%= ui.icon(ui.get_theme.dig(:components, :modal, :icon, :variants, options[:variant], :file), 
                          class: [ui.get_theme.dig(:components, :modal, :icon, :class), 
                                 ui.get_theme.dig(:components, :modal, :icon, :variants, options[:variant], :icon)].join(' ')) %>
           </div>

data/app/views/okonomi/navigation/_link.html.erb

@@ -9,7 +9,7 @@
   <% if defined?(initials) && initials.present? %>
     <span class="flex size-6 shrink-0 items-center justify-center rounded-lg border border-gray-200 bg-white text-[0.625rem] font-medium text-gray-400 group-hover:border-primary-600 group-hover:text-primary-600"><%= initials %></span>
   <% elsif defined?(icon) && icon.present? %>
-    <%= svg_icon icon, class: "size-6 text-gray-400 group-hover:text-primary-600" %>
+    <%= ui.icon icon, class: "size-6 text-gray-400 group-hover:text-primary-600" %>
   <% end %>
   <%= title %>
 <% end %>

data/lib/okonomi_ui_kit/engine.rb

@@ -22,8 +22,6 @@ module OkonomiUiKit
       ActiveSupport.on_load(:action_view) do
         include OkonomiUiKit::ApplicationHelper
         include OkonomiUiKit::AttributeSectionHelper
-        include OkonomiUiKit::BreadcrumbsHelper
-        include OkonomiUiKit::IconHelper
         include OkonomiUiKit::NavigationHelper
         include OkonomiUiKit::UiHelper
 

data/lib/okonomi_ui_kit/version.rb

@@ -1,3 +1,3 @@
 module OkonomiUiKit
-  VERSION = "0.1.7"
+  VERSION = "0.1.8"
 end