okonomi_ui_kit 0.1.7 → 0.1.9

data/app/helpers/okonomi_ui_kit/ui_helper.rb

@@ -8,74 +8,33 @@ module OkonomiUiKit
       include ActionView::Helpers::TagHelper
       include ActionView::Helpers::CaptureHelper
 
-      def initialize(template)
-        @template = template
-      end
-
-      def theme(t = {}, &block)
-        old_theme = get_theme
-
-        @_okonomi_ui_kit_theme = {}.merge(old_theme).merge(t || {})
-
-        yield(@_okonomi_ui_kit_theme)
+      attr_reader :template, :namespace
 
-        @_okonomi_ui_kit_theme = old_theme
-      end
-
-      def get_theme
-        @_okonomi_ui_kit_theme ||= OkonomiUiKit::Theme::DEFAULT_THEME
+      def initialize(template, namespace: OkonomiUiKit::Components)
+        @template = template
+        @namespace = namespace
       end
 
-      def button_class(variant: 'contained', color: 'default', classes: '')
-        [
-          get_theme.dig(:components, :link, :root) || '',
-          get_theme.dig(:components, :link, variant.to_sym, :root) || '',
-          get_theme.dig(:components, :link, variant.to_sym, :colors, color.to_sym) || '',
-          classes,
-        ].join(' ')
-      end
+      def method_missing(method_name, *args, &block)
+        component = resolve_component(method_name)
 
-      def confirmation_modal(title:, message:, confirm_text: "Confirm", cancel_text: "Cancel", variant: :warning, size: :md, **options, &block)
-        modal_options = {
-          title: title,
-          message: message, 
-          confirm_text: confirm_text,
-          cancel_text: cancel_text,
-          variant: variant,
-          size: size,
-          has_custom_actions: block_given?,
-          **options
-        }
-        @template.render("okonomi/modals/confirmation_modal", options: modal_options, ui: self, &block)
+        if component
+          component.render(*args, &block)
+        else
+          super
+        end
       end
 
-      def modal_data_attributes(options)
-        return "" unless options[:data]
-        
-        options[:data].map { |k, v| "data-#{k.to_s.dasherize}=\"#{v}\"" }.join(' ').html_safe
-      end
+      def resolve_component(name)
+        component_name = "#{namespace.name}::#{name.to_s.camelize}"
 
-      def modal_panel_class(size)
-        [
-          get_theme.dig(:components, :modal, :panel, :base),
-          get_theme.dig(:components, :modal, :panel, :sizes, size)
-        ].compact.join(' ')
-      end
+        return nil unless Object.const_defined?(component_name)
 
-      def modal_icon_wrapper_class(variant)
-        [
-          get_theme.dig(:components, :modal, :icon, :wrapper),
-          get_theme.dig(:components, :modal, :icon, :variants, variant, :wrapper)
-        ].compact.join(' ')
+        component_name.constantize.new(@template)
       end
 
-      def method_missing(method_name, *args, &block)
-        component_name = "OkonomiUiKit::Components::#{method_name.to_s.camelize}"
-        if Object.const_defined?(component_name)
-          return component_name.constantize.new(@template, get_theme).render(*args, &block)
-        else
-          super
-        end
+      def forms
+        @forms ||= self.class.new(@template, namespace: OkonomiUiKit::Components::Forms)
       end
     end
   end

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/confirmation_modal/_confirmation_modal.html.erb

@@ -0,0 +1,76 @@
+  <div data-controller="modal"
+     data-modal-size-value="<%= options[:size] %>" 
+     <% if options[:auto_open] %>data-modal-auto-open-value="true"<% end %>
+     class="relative z-10" 
+     style="display: none;" 
+     data-modal-target="container"
+     <%= component.modal_data_attributes(options) %>>
+  
+  <!-- Backdrop -->
+  <div class="<%= component.style(:backdrop) %>" 
+       data-modal-target="backdrop" 
+       data-action="click->modal#close"
+       aria-hidden="true"></div>
+  
+  <!-- Modal container -->
+  <div class="<%= component.style(:container) %>">
+    <div class="<%= component.style(:wrapper) %>">
+      <!-- Modal panel -->
+      <div class="<%= component.modal_panel_class(options[:size]) %>" 
+           data-modal-target="panel"
+           role="dialog" 
+           aria-modal="true" 
+           aria-labelledby="modal-title">
+        
+        <!-- Close button -->
+        <div class="<%= component.style(:close_button, :wrapper) %>">
+          <button type="button" 
+                  class="<%= component.style(:close_button, :button) %>" 
+                  data-action="click->modal#close">
+            <span class="sr-only">Close</span>
+            <%= ui.icon(component.style(:close_button, :icon, :file), 
+                         class: component.style(:close_button, :icon, :class)) %>
+          </button>
+        </div>
+        
+        <!-- Content -->
+        <div class="<%= component.style(:content, :wrapper) %>">
+          <!-- Icon -->
+          <div class="<%= component.modal_icon_wrapper_class(options[:variant]) %>">
+            <%= ui.icon(component.style(:icon, :variants, options[:variant], :file), 
+                         class: component.modal_icon_class(options[:variant])) %>
+          </div>
+          
+          <!-- Text content -->
+          <div class="<%= component.style(:content, :text_wrapper) %>">
+            <h3 id="modal-title" class="<%= component.style(:content, :title) %>">
+              <%= options[:title] %>
+            </h3>
+            <div class="<%= component.style(:content, :message) %>">
+              <p><%= options[:message] %></p>
+            </div>
+          </div>
+        </div>
+        
+        <!-- Actions -->
+        <div class="<%= component.style(:actions, :wrapper) %>">
+          <% if options[:has_custom_actions] %>
+            <%= yield %>
+          <% else %>
+            <% button_color = options[:variant] == :warning ? :danger : options[:variant] %>
+            <%= ui.button_to options[:confirm_text], "#", 
+                variant: :contained, 
+                color: button_color,
+                class: "sm:ml-3 sm:w-auto",
+                data: { action: "click->modal#confirm" } %>
+            <%= ui.button_to options[:cancel_text], "#", 
+                variant: :outlined, 
+                color: :default,
+                class: "mt-3 sm:mt-0 sm:w-auto",
+                data: { action: "click->modal#close" } %>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/okonomi/components/forms/check_box_with_label/_check_box_with_label.html.erb

@@ -0,0 +1,6 @@
+<% if options[:label] %>
+  <%= form.label method, options[:label], class: component.style(:label, :root) %>
+<% end %>
+<% if options[:hint] %>
+  <p class="<%= component.style(:hint, :root) %>"><%= options[:hint] %></p>
+<% end %>

data/app/views/okonomi/components/forms/field/_field.html.erb

@@ -0,0 +1,3 @@
+<%= render "okonomi/forms/tailwind/field", component: component, form: form, field_id: field_id, options: options do %>
+  <%= yield %>
+<% end %>

data/app/views/okonomi/components/forms/field_set/_field_set.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag "div", class: component.style(:root) do %>
+  <%= yield %>
+<% end %>

data/app/views/okonomi/components/forms/upload_field/_upload_field.html.erb

@@ -0,0 +1 @@
+<%= render "okonomi/forms/tailwind/upload_field", component: component, form: form, method: method, options: options %>

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/components/navigation/_link.html.erb

@@ -0,0 +1,18 @@
+<%
+  # Get the main view context that has access to helpers
+  view_context = style_helper.view
+  
+  options = {
+    exact: defined?(exact) ? exact : false,
+    class: style_helper.style(:link, :base),
+    active_class: style_helper.style(:link, :active)
+  }
+%>
+<%= view_context.active_link_to path, options do %>
+  <% if defined?(initials) && initials.present? %>
+    <span class="<%= style_helper.style(:link, :initials, :base) %>"><%= initials %></span>
+  <% elsif defined?(icon) && icon.present? %>
+    <%= view_context.ui.icon icon, class: style_helper.style(:link, :icon) %>
+  <% end %>
+  <%= title %>
+<% end %>

data/app/views/okonomi/components/navigation/_navigation.html.erb

@@ -0,0 +1,4 @@
+<% yield(builder) %>
+<ul role="list" class="<%= builder.style(:menu, :base) %>">
+  <%= builder.render_groups %>
+</ul>

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

@@ -3,7 +3,7 @@
   label_options[:for] = options[:id] if options[:id]
 %>
 <%= form.label(method, label_options) do %>
-  <div class="<%= form.ui.get_theme.dig(:components, :checkbox, :label, :root) %>">
+  <div class="<%= component.style(:label, :root) %>">
     <% if options[:label] %>
       <%= options[:label] %>
     <% else %>
@@ -11,7 +11,7 @@
     <% end %>
   </div>
   <% if options[:hint] %>
-    <div class="<%= form.ui.get_theme.dig(:components, :checkbox, :hint, :root) %>">
+    <div class="<%= component.style(:hint, :root) %>">
       <%= t("activerecord.hints.#{form.object.class.name.underscore}.#{method}") %>
     </div>
   <% end %>

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

@@ -1,15 +1,15 @@
-<div class="w-full flex flex-col gap-2">
-  <div class="flex justify-between items-center" x-data="{ open: false }">
+<div class="<%= component.style(:wrapper) %>">
+  <div class="<%= component.style(:header) %>" x-data="{ open: false }">
     <% if field_id %>
       <%= form.label field_id, t("activerecord.attributes.#{form.object_name}.#{field_id}") %>
     <% end %>
     <% if options[:hint] %>
       <div class="relative">
-        <div class="text-primary-600 text-sm hover:cursor-help" @mouseover="open = true" @mouseover.away = "open = false">
+        <div class="<%= component.style(:hint, :trigger) %>" @mouseover="open = true" @mouseover.away = "open = false">
           Hilfe
         </div>
         <div x-show="open"
-             class="text-xs absolute border rounded-md bg-gray-100 border-gray-600 text-gray-600 p-1 z-10"
+             class="<%= component.style(:hint, :content) %>"
              style="top: 32px; right: -10px; width: 200px; max-width: 400px; display: none;"
              x-transition:enter="transition duration-200 transform ease-out"
              x-transition:enter-start="scale-75"
@@ -21,12 +21,12 @@
       </div>
     <% end %>
   </div>
-  <div class="block">
+  <div class="<%= component.style(:content) %>">
     <div class="grid grid-cols-<%= options[:columns] || 1 %> gap-2">
       <%= yield %>
     </div>
     <% if field_id && form.object.errors.include?(field_id) %>
-      <div class="mt-1 text-danger-600 text-sm">
+      <div class="<%= component.style(:error) %>">
         <%= form.object.errors[field_id].join(", ") %>
       </div>
     <% end %>

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

@@ -5,11 +5,9 @@
 <% associated_class = association.klass %>
 <% associated_records = options[:collection] || associated_class.all %>
 
-<% p associated_records %>
-
-<div class="grid grid-cols-2 gap-2">
+<div class="<%= component.style(:wrapper) %>">
   <% associated_records.each do |record| %>
-    <div class="flex items-center">
+    <div class="<%= component.style(:item) %>">
       <% id = "#{method}_#{record.id}" %>
       <%= form.check_box_with_label method, { label: record.send(options[:label] || :name), multiple: true, id: id, checked: form.object.send(method).include?(record) }, record.id, nil %>
     </div>

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

@@ -1,24 +1,24 @@
 <div
   data-controller="upload"
   data-upload-target="dropzone"
-  class="border-2 border-dashed border-gray-300 rounded-md p-6 text-center cursor-pointer hover:bg-gray-50 relative"
+  class="<%= component.style(:dropzone) %>"
 >
-  <%= form.label method, class: "block cursor-pointer" do %>
-    <div class="flex flex-col items-center text-gray-600 space-y-2">
-      <div data-upload-target="preview" class="w-full flex justify-center items-center">
+  <%= form.label method, class: component.style(:label) do %>
+    <div class="<%= component.style(:content) %>">
+      <div data-upload-target="preview" class="<%= component.style(:preview) %>">
         <% if form.object.send(method).attached? %>
           <% blob = form.object.send(method).blob %>
           <% if blob.image? %>
-            <%= image_tag url_for(blob), class: "max-h-32" %>
+            <%= image_tag url_for(blob), class: component.style(:preview_image) %>
           <% else %>
-            <%= svg_icon("heroicons/solid/document", class: "size-12 text-gray-400") %>
+            <%= ui.icon("heroicons/solid/document", class: component.style(:icon)) %>
           <% end %>
         <% else %>
-          <%= svg_icon("heroicons/solid/plus", class: "size-12 w-12 text-gray-400") %>
+          <%= ui.icon("heroicons/solid/plus", class: component.style(:icon)) %>
         <% end %>
       </div>
 
-      <p class="text-sm text-gray-500" data-upload-target="filename">
+      <p class="<%= component.style(:filename) %>" data-upload-target="filename">
         <% if form.object.send(method).attached? %>
           <%= form.object.send(method).filename %>
         <% else %>
@@ -28,7 +28,7 @@
     </div>
 
     <%= form.file_field method,
-                        class: "hidden",
+                        class: component.style(:file_input),
                         data: {
                           upload_target: "input",
                           action: "change->upload#updatePreview"
@@ -39,7 +39,7 @@
 
   <button type="button"
           data-action="upload#clear"
-          class="absolute top-2 right-2 bg-red-100 text-red-700 px-2 py-1 text-xs rounded hover:bg-red-200">
+          class="<%= component.style(:clear_button) %>">
     Clear
   </button>
 </div>

data/config/importmap.rb

@@ -4,4 +4,4 @@ pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
 pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
 
 pin "okonomi_ui_kit", to: "okonomi_ui_kit/application.js", preload: true
-pin_all_from OkonomiUiKit::Engine.root.join("app/javascript/okonomi_ui_kit/controllers"), under: "controllers", to: "okonomi_ui_kit/controllers"
+pin_all_from OkonomiUiKit::Engine.root.join("app/javascript/okonomi_ui_kit/controllers"), under: "controllers", to: "okonomi_ui_kit/controllers"

data/lib/okonomi_ui_kit/engine.rb

@@ -22,9 +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
 
         ActionView::Base.field_error_proc = ->(html_tag, _instance) { html_tag.html_safe }

data/lib/okonomi_ui_kit/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: okonomi_ui_kit
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.9
 platform: ruby
 authors:
 - Okonomi GmbH
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-08-01 00:00:00.000000000 Z
+date: 2025-08-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1357,23 +1357,50 @@ files:
 - app/controllers/okonomi_ui_kit/application_controller.rb
 - app/helpers/okonomi_ui_kit/application_helper.rb
 - app/helpers/okonomi_ui_kit/attribute_section_helper.rb
-- app/helpers/okonomi_ui_kit/breadcrumbs_helper.rb
 - app/helpers/okonomi_ui_kit/component.rb
+- app/helpers/okonomi_ui_kit/components.rb
 - app/helpers/okonomi_ui_kit/components/alert.rb
 - app/helpers/okonomi_ui_kit/components/badge.rb
+- app/helpers/okonomi_ui_kit/components/breadcrumbs.rb
+- app/helpers/okonomi_ui_kit/components/button_base.rb
+- app/helpers/okonomi_ui_kit/components/button_tag.rb
 - app/helpers/okonomi_ui_kit/components/button_to.rb
 - app/helpers/okonomi_ui_kit/components/code.rb
+- app/helpers/okonomi_ui_kit/components/confirmation_modal.rb
+- app/helpers/okonomi_ui_kit/components/forms.rb
+- app/helpers/okonomi_ui_kit/components/forms/check_box_with_label.rb
+- app/helpers/okonomi_ui_kit/components/forms/collection_select.rb
+- app/helpers/okonomi_ui_kit/components/forms/date_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/datetime_local_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/email_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/field.rb
+- app/helpers/okonomi_ui_kit/components/forms/field_set.rb
+- app/helpers/okonomi_ui_kit/components/forms/input_base.rb
+- app/helpers/okonomi_ui_kit/components/forms/label.rb
+- app/helpers/okonomi_ui_kit/components/forms/multi_select.rb
+- app/helpers/okonomi_ui_kit/components/forms/number_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/password_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/search_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/select.rb
+- app/helpers/okonomi_ui_kit/components/forms/show_if.rb
+- app/helpers/okonomi_ui_kit/components/forms/telephone_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/text_area.rb
+- app/helpers/okonomi_ui_kit/components/forms/text_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/time_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/upload_field.rb
+- app/helpers/okonomi_ui_kit/components/forms/url_field.rb
+- app/helpers/okonomi_ui_kit/components/icon.rb
 - app/helpers/okonomi_ui_kit/components/link_to.rb
+- app/helpers/okonomi_ui_kit/components/navigation.rb
 - app/helpers/okonomi_ui_kit/components/page.rb
 - app/helpers/okonomi_ui_kit/components/table.rb
 - app/helpers/okonomi_ui_kit/components/typography.rb
 - app/helpers/okonomi_ui_kit/config.rb
+- app/helpers/okonomi_ui_kit/configs.rb
 - app/helpers/okonomi_ui_kit/form_builder.rb
-- app/helpers/okonomi_ui_kit/icon_helper.rb
-- app/helpers/okonomi_ui_kit/navigation_helper.rb
+- app/helpers/okonomi_ui_kit/form_component.rb
 - app/helpers/okonomi_ui_kit/svg_icons.rb
-- app/helpers/okonomi_ui_kit/theme.rb
-- app/helpers/okonomi_ui_kit/theme_helper.rb
+- app/helpers/okonomi_ui_kit/t_w_merge.rb
 - app/helpers/okonomi_ui_kit/ui_helper.rb
 - app/javascript/okonomi_ui_kit/application.js
 - app/javascript/okonomi_ui_kit/controllers/dropdown_controller.js
@@ -1389,20 +1416,24 @@ files:
 - app/views/layouts/okonomi_ui_kit/application.html.erb
 - app/views/okonomi/attribute_sections/_section.html.erb
 - app/views/okonomi/components/alert/_alert.html.erb
+- app/views/okonomi/components/breadcrumbs/_breadcrumbs.html.erb
 - app/views/okonomi/components/code/_code.html.erb
+- app/views/okonomi/components/confirmation_modal/_confirmation_modal.html.erb
+- app/views/okonomi/components/forms/check_box_with_label/_check_box_with_label.html.erb
+- app/views/okonomi/components/forms/field/_field.html.erb
+- app/views/okonomi/components/forms/field_set/_field_set.html.erb
+- app/views/okonomi/components/forms/upload_field/_upload_field.html.erb
+- app/views/okonomi/components/icon/_icon.html.erb
+- app/views/okonomi/components/navigation/_link.html.erb
+- app/views/okonomi/components/navigation/_navigation.html.erb
 - app/views/okonomi/components/page/_page.html.erb
 - app/views/okonomi/components/table/_table.html.erb
 - app/views/okonomi/components/typography/_typography.html.erb
 - app/views/okonomi/forms/tailwind/_checkbox_label.html.erb
 - app/views/okonomi/forms/tailwind/_field.html.erb
-- app/views/okonomi/forms/tailwind/_field_set.html.erb
 - app/views/okonomi/forms/tailwind/_multi_select.html.erb
 - app/views/okonomi/forms/tailwind/_radio_button.html.erb
 - app/views/okonomi/forms/tailwind/_upload_field.html.erb
-- app/views/okonomi/modals/_confirmation_modal.html.erb
-- app/views/okonomi/navigation/_link.html.erb
-- app/views/okonomi/navigation/_menu.html.erb
-- app/views/okonomi/navigation/_navbar.html.erb
 - app/views/okonomi/page_builder/_page.html.erb
 - app/views/okonomi/tables/_table.html.erb
 - config/importmap.rb

data/app/helpers/okonomi_ui_kit/breadcrumbs_helper.rb

@@ -1,60 +0,0 @@
-module OkonomiUiKit
-  module BreadcrumbsHelper
-  def breadcrumbs
-    content_tag(:nav, class: "flex", aria: { label: "Breadcrumb" }) do
-      content_tag(:ol, class: "flex items-center space-x-4", role: "list") do
-        builder = BreadcrumbBuilder.new(self)
-        yield builder
-        safe_join(builder.items)
-      end
-    end
-  end
-
-  class BreadcrumbBuilder
-    attr_reader :items
-
-    def initialize(view)
-      @view = view
-      @items = []
-      @first = true
-    end
-
-    def link(label, url, icon: nil, current: false)
-      if @first
-        @items << @view.content_tag(:li) do
-          @view.content_tag(:div) do
-            if icon.present?
-              @view.link_to(url, class: "text-gray-400 hover:text-gray-500") do
-                @view.svg_icon(icon, class: "size-5") + @view.content_tag(:span, label, class: "sr-only")
-              end
-            else
-              @view.content_tag(:div, class: "flex items-center") do
-                @view.link_to(label, url, class: breadcrumb_classes(current, first: true), aria: (current ? { current: "page" } : {}))
-              end
-            end
-          end
-        end
-        @first = false
-      else
-        @items << @view.content_tag(:li) do
-          @view.content_tag(:div, class: "flex items-center") do
-            chevron + @view.link_to(label, url, class: breadcrumb_classes(current), aria: (current ? { current: "page" } : {}))
-          end
-        end
-      end
-    end
-
-    private
-
-    def chevron
-      @view.svg_icon("heroicons/solid/chevron-right", class: "size-5 shrink-0 text-gray-400")
-    end
-
-    def breadcrumb_classes(current, first: false)
-      base = "text-sm font-medium"
-      base = "#{base} ml-4" unless first
-      current ? "#{base} text-gray-500" : "#{base} text-gray-500 hover:text-gray-700"
-    end
-  end
-  end
-end

data/app/helpers/okonomi_ui_kit/icon_helper.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module OkonomiUiKit
-  module IconHelper
-  def icon_tag(icon, variant = :outlined, options = {})
-    if icon.is_a?(Icon)
-      doc = Nokogiri::HTML::DocumentFragment.parse icon.send(:"content_#{variant}")
-      svg = doc.at_css 'svg'
-
-      svg['class'] = options[:class] if options[:class].present?
-      svg['style'] = options[:style] if options[:style].present?
-
-      svg['width'] = options[:width] if options[:width].present?
-      svg['height'] = options[:height] if options[:height].present?
-
-      raw doc
-    else
-      svg_icon(icon, options)
-    end
-  end
-
-  def svg_icon(name, options = {})
-    if OkonomiUiKit::SvgIcons.exist?(name)
-      doc = Nokogiri::HTML::DocumentFragment.parse OkonomiUiKit::SvgIcons.read(name)
-      svg = doc.at_css 'svg'
-
-      svg['class'] = options[:class] if options[:class].present?
-      svg['style'] = options[:style] if options[:style].present?
-
-      svg['width'] = options[:width] if options[:width].present?
-      svg['height'] = options[:height] if options[:height].present?
-    else
-      doc = "<!-- SVG #{name} not found -->"
-    end
-
-    raw doc
-  end
-  end
-end