okonomi_ui_kit 0.1.9 → 0.1.11

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

@@ -0,0 +1,145 @@
+module OkonomiUiKit
+  module Components
+    class PageSection < OkonomiUiKit::Component
+      def render(options = {}, &block)
+        options = options.with_indifferent_access
+        title = options.delete(:title)
+
+        classes = tw_merge(
+          style(:root),
+          options.delete(:class)
+        )
+
+        builder = SectionBuilder.new(view, self)
+        builder.title(title) if title
+
+        view.render(template_path, builder: builder, options: options.merge(class: classes), &block)
+      end
+
+      register_styles :default do
+        {
+          root: "overflow-hidden bg-white",
+          header: "py-6",
+          header_with_actions: "flex w-full justify-between items-start",
+          title: "text-base/7 font-semibold text-gray-900",
+          subtitle: "mt-1 max-w-2xl text-sm/6 text-gray-500",
+          actions: "mt-4 flex md:ml-4 md:mt-0",
+          attribute_list: "divide-y divide-gray-100",
+          attribute_row: "py-6 sm:grid sm:grid-cols-3 sm:gap-4",
+          attribute_label: "text-sm font-medium text-gray-900",
+          attribute_value: "mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0"
+        }
+      end
+    end
+
+    class SectionBuilder
+      include ActionView::Helpers::TagHelper
+      include ActionView::Helpers::CaptureHelper
+
+      def initialize(template, component)
+        @template = template
+        @component = component
+        @title_content = nil
+        @subtitle_content = nil
+        @actions_content = nil
+        @body_content = nil
+        @attributes = []
+      end
+
+      def title(text, **options)
+        @title_content = tag.h3(text, class: @component.style(:title))
+      end
+
+      def subtitle(text, **options)
+        @subtitle_content = tag.p(text, class: @component.style(:subtitle))
+      end
+
+      def actions(&block)
+        @actions_content = tag.div(class: @component.style(:actions)) do
+          capture(&block) if block_given?
+        end
+      end
+
+      def body(&block)
+        if block_given?
+          # Capture the content first to see if attributes were used
+          content = capture { yield(self) }
+
+          @body_content = if @attributes.any?
+            # If attributes were added, wrap them in dl
+            tag.div do
+              tag.dl(class: @component.style(:attribute_list)) do
+                @template.safe_join(@attributes)
+              end
+            end
+          else
+            # Otherwise, just return the captured content
+            tag.div do
+              content
+            end
+          end
+        end
+      end
+
+      def attribute(label, value = nil, **options, &block)
+        content = if block_given?
+          capture(&block)
+        elsif value.respond_to?(:call)
+          value.call
+        else
+          value
+        end
+
+        attribute_html = tag.div(class: @component.style(:attribute_row)) do
+          dt_content = tag.dt(label, class: @component.style(:attribute_label))
+          dd_content = tag.dd(content, class: @component.style(:attribute_value))
+
+          dt_content + dd_content
+        end
+
+        @attributes << attribute_html
+      end
+
+      def render_header
+        return nil unless @title_content || @subtitle_content || @actions_content
+
+        tag.div(class: @component.style(:header)) do
+          if @actions_content
+            tag.div(class: @component.style(:header_with_actions)) do
+              title_section = tag.div do
+                content_parts = []
+                content_parts << @title_content if @title_content
+                content_parts << @subtitle_content if @subtitle_content
+                @template.safe_join(content_parts.compact)
+              end
+
+              title_section + @actions_content
+            end
+          else
+            content_parts = []
+            content_parts << @title_content if @title_content
+            content_parts << @subtitle_content if @subtitle_content
+            @template.safe_join(content_parts.compact)
+          end
+        end
+      end
+
+      def render_content
+        content_parts = []
+        content_parts << render_header
+        content_parts << @body_content if @body_content
+        @template.safe_join(content_parts.compact)
+      end
+
+      private
+
+      def tag
+        @template.tag
+      end
+
+      def capture(*args, &block)
+        @template.capture(*args, &block)
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/t_w_merge.rb

@@ -76,6 +76,40 @@ module OkonomiUiKit
       [ /^items-(?:start|end|center|baseline|stretch)$/, :align_items ],
       [ /^justify-(?:start|end|center|between|around|evenly)$/, :justify_content ],
 
+      # Spacing - Padding
+      [ /^p(?:-(?:\d+|px|\[\S+\]))?$/, :padding_all ],
+      [ /^px(?:-(?:\d+|px|\[\S+\]))?$/, :padding_x ],
+      [ /^py(?:-(?:\d+|px|\[\S+\]))?$/, :padding_y ],
+      [ /^pl(?:-(?:\d+|px|\[\S+\]))?$/, :padding_left ],
+      [ /^pr(?:-(?:\d+|px|\[\S+\]))?$/, :padding_right ],
+      [ /^pt(?:-(?:\d+|px|\[\S+\]))?$/, :padding_top ],
+      [ /^pb(?:-(?:\d+|px|\[\S+\]))?$/, :padding_bottom ],
+
+      # Spacing - Margin (including negative margins)
+      [ /^-?m(?:-(?:\d+|px|auto|\[\S+\]))?$/, :margin_all ],
+      [ /^-?mx(?:-(?:\d+|px|auto|\[\S+\]))?$/, :margin_x ],
+      [ /^-?my(?:-(?:\d+|px|auto|\[\S+\]))?$/, :margin_y ],
+      [ /^-?ml(?:-(?:\d+|px|auto|\[\S+\]))?$/, :margin_left ],
+      [ /^-?mr(?:-(?:\d+|px|auto|\[\S+\]))?$/, :margin_right ],
+      [ /^-?mt(?:-(?:\d+|px|auto|\[\S+\]))?$/, :margin_top ],
+      [ /^-?mb(?:-(?:\d+|px|auto|\[\S+\]))?$/, :margin_bottom ],
+
+      # Gap
+      [ /^gap(?:-(?:\d+|px|\[\S+\]))?$/, :gap_all ],
+      [ /^gap-x(?:-(?:\d+|px|\[\S+\]))?$/, :gap_x ],
+      [ /^gap-y(?:-(?:\d+|px|\[\S+\]))?$/, :gap_y ],
+
+      # Space between children
+      [ /^-?space-x(?:-(?:\d+|px|reverse|\[\S+\]))?$/, :space_x ],
+      [ /^-?space-y(?:-(?:\d+|px|reverse|\[\S+\]))?$/, :space_y ],
+
+      # Ring
+      [ /^ring(?:-(?:\d+|inset|\[\S+\]))?$/, :ring_width ],
+      [ /^ring-opacity-(?:\d{1,3}|\[.+\])$/, :ring_opacity ],
+      [ /^ring-(?:inherit|current|transparent|black|white|[a-z]+-(?:\d{2,3}|950)|\[[^\]]+\])$/, :ring_color ],
+      [ /^ring-offset(?:-(?:\d+|\[\S+\]))?$/, :ring_offset_width ],
+      [ /^ring-offset-(?:inherit|current|transparent|black|white|[a-z]+-(?:\d{2,3}|950)|\[[^\]]+\])$/, :ring_offset_color ],
+
       # Borders
       [ /^(?:border|border-(?:\d+|\[\S+\]))$/, :border_width_overall ],
       [ /^border-[trblxy](?:-\d+|\[\S+\])?$/, :border_width_side ],

data/app/javascript/okonomi_ui_kit/controllers/dropdown_controller.js

@@ -19,6 +19,12 @@ export default class extends Controller {
     this.menuTarget.classList.add("hidden")
   }
 
+  closeDeferred() {
+    setTimeout(() => {
+      this.close()
+    }, 50)
+  }
+
   closeOnClickOutside(event) {
     if (!this.element.contains(event.target)) {
       this.close()

data/app/views/okonomi/components/dropdown_button/_dropdown_button.html.erb

@@ -0,0 +1,282 @@
+<%
+  # Extract dropdown builder from block execution
+  yield(dropdown_builder)
+  
+  primary = dropdown_builder.primary_item
+  menu_items = dropdown_builder.menu_items
+  
+  # Check if there are any menu items beyond the primary
+  has_menu_items = menu_items.any? { |item| item != primary }
+  
+  # For split buttons, we need to handle borders specially for outlined variant
+  is_outlined = base_button_classes.include?("border")
+  is_text_variant = !base_button_classes.include?("border") && !base_button_classes.include?("bg-")
+  
+  # Build classes for the primary action
+  if is_text_variant
+    # Text variant: keep normal rounded corners
+    primary_classes = base_button_classes
+      .gsub(/px-2/, "px-2 pr-3")  # Increase right padding
+  else
+    # Other variants: remove right border radius and handle borders
+    primary_classes = base_button_classes
+      .gsub(/rounded-md/, "rounded-l-md")
+      .gsub(/px-2/, "px-2 pr-3")  # Increase right padding
+    
+    # Add border-r-0 for outlined variant to remove double border
+    primary_classes += " border-r-0" if is_outlined
+  end
+  
+  # Build classes for dropdown trigger
+  if is_text_variant
+    # Text variant: keep normal rounded corners and add spacing
+    trigger_classes = base_button_classes
+      .gsub(/px-\d+/, "px-2") + " ml-1"
+  else
+    # Other variants: remove left border radius and overlap
+    trigger_classes = base_button_classes
+      .gsub(/rounded-md/, "rounded-r-md")
+      .gsub(/px-\d+/, "px-2") + " -ml-px"
+  end
+%>
+
+<div <%= tag.attributes(options.merge(
+  class: ["relative inline-block", options[:class]].compact.join(" "),
+  data: (options[:data] || {}).merge(controller: "dropdown", action: "click@window->dropdown#closeOnClickOutside")
+)) %>>
+  <% if primary && !has_menu_items %>
+    <%# Render only primary button when no menu items %>
+    <% if primary[:type] == :link %>
+      <%= link_to primary[:options], primary[:html_options].merge(
+        class: base_button_classes
+      ) do %>
+        <% if primary[:icon] %>
+          <%= ui.icon(primary[:icon], class: component.style(:primary, :icon)) %>
+        <% end %>
+        <% if primary[:block] %>
+          <%= capture(&primary[:block]) %>
+        <% else %>
+          <%= primary[:name] %>
+        <% end %>
+      <% end %>
+    <% elsif primary[:type] == :button %>
+      <%= button_to primary[:options], primary[:html_options].merge(
+        class: base_button_classes
+      ) do %>
+        <% if primary[:icon] %>
+          <%= ui.icon(primary[:icon], class: component.style(:primary, :icon)) %>
+        <% end %>
+        <% if primary[:block] %>
+          <%= capture(&primary[:block]) %>
+        <% else %>
+          <%= primary[:name] %>
+        <% end %>
+      <% end %>
+    <% elsif primary[:type] == :button_tag %>
+      <%= button_tag primary[:options].merge(
+        class: base_button_classes
+      ) do %>
+        <% if primary[:icon] %>
+          <%= ui.icon(primary[:icon], class: component.style(:primary, :icon)) %>
+        <% end %>
+        <% if primary[:block] %>
+          <%= capture(&primary[:block]) %>
+        <% else %>
+          <%= primary[:name] %>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% elsif primary && has_menu_items %>
+    <div class="relative inline-flex">
+      <% if primary[:type] == :link %>
+        <% primary_options = primary[:html_options].dup %>
+        <%= link_to primary[:options], primary_options.merge(
+          class: primary_classes
+        ) do %>
+          <% if primary[:icon] %>
+            <%= ui.icon(primary[:icon], class: component.style(:primary, :icon)) %>
+          <% end %>
+          <% if primary[:block] %>
+            <%= capture(&primary[:block]) %>
+          <% else %>
+            <%= primary[:name] %>
+          <% end %>
+        <% end %>
+      <% elsif primary[:type] == :button %>
+        <% primary_options = primary[:html_options].dup %>
+        <%= button_to primary[:options], primary_options.merge(
+          class: primary_classes
+        ) do %>
+          <% if primary[:icon] %>
+            <%= ui.icon(primary[:icon], class: component.style(:primary, :icon)) %>
+          <% end %>
+          <% if primary[:block] %>
+            <%= capture(&primary[:block]) %>
+          <% else %>
+            <%= primary[:name] %>
+          <% end %>
+        <% end %>
+      <% elsif primary[:type] == :button_tag %>
+        <% primary_options = primary[:options].dup %>
+        <%= button_tag primary_options.merge(
+          class: primary_classes
+        ) do %>
+          <% if primary[:icon] %>
+            <%= ui.icon(primary[:icon], class: component.style(:primary, :icon)) %>
+          <% end %>
+          <% if primary[:block] %>
+            <%= capture(&primary[:block]) %>
+          <% else %>
+            <%= primary[:name] %>
+          <% end %>
+        <% end %>
+      <% end %>
+      
+      <button type="button" 
+              class="<%= trigger_classes %>" 
+              data-action="click->dropdown#toggle"
+              aria-haspopup="true"
+              aria-expanded="false">
+        <span class="sr-only">Open options</span>
+        <%= ui.icon("heroicons/solid/chevron-down", class: component.style(:primary, :chevron)) %>
+      </button>
+    </div>
+  <% else %>
+    <button type="button" 
+            class="<%= base_button_classes %>" 
+            data-action="click->dropdown#toggle"
+            aria-haspopup="true"
+            aria-expanded="false">
+      Options
+      <%= ui.icon("heroicons/solid/chevron-down", class: "-mr-1 h-5 w-5") %>
+    </button>
+  <% end %>
+  
+  <% if has_menu_items %>
+    <div class="<%= menu_classes %> hidden" data-dropdown-target="menu">
+      <div class="py-1" role="menu" aria-orientation="vertical">
+        <% # Check if any menu item has an icon to ensure consistent alignment %>
+        <% has_any_icon = menu_items.any? { |item| item != primary && item[:icon] && item[:type] != :divider } %>
+        
+        <% menu_items.each do |item| %>
+        <% next if item == primary %> <%# Skip the primary item in the menu %>
+        
+        <% if item[:type] == :divider %>
+          <div class="<%= component.style(:menu, :divider) %>" role="separator"></div>
+        <% elsif item[:type] == :link %>
+          <% link_options = item[:html_options].dup %>
+          <% icon_path = item[:icon] %>
+          <% link_class = [component.style(:menu, :item, :root), link_options.delete(:class)].compact.join(" ") %>
+          
+          <% # Add deferred close action %>
+          <% link_options[:data] ||= {} %>
+          <% existing_action = link_options[:data][:action] || link_options.delete("data-action") %>
+          <% link_options[:data][:action] = [existing_action, "click->dropdown#closeDeferred"].compact.join(" ") %>
+          
+          <%= link_to item[:options], link_options.merge(
+            class: link_class,
+            role: "menuitem"
+          ) do %>
+            <% if has_any_icon %>
+              <span class="<%= component.style(:menu, :item, :label) %>">
+                <% if icon_path %>
+                  <%= ui.icon(icon_path, class: component.style(:menu, :item, :icon)) %>
+                <% else %>
+                  <span class="<%= component.style(:menu, :item, :icon) %>"></span>
+                <% end %>
+                <% if item[:block] %>
+                  <%= capture(&item[:block]) %>
+                <% else %>
+                  <%= item[:name] %>
+                <% end %>
+              </span>
+            <% else %>
+              <% if item[:block] %>
+                <%= capture(&item[:block]) %>
+              <% else %>
+                <%= item[:name] %>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% elsif item[:type] == :button %>
+          <% button_options = item[:html_options].dup %>
+          <% icon_path = item[:icon] %>
+          <% button_class = [component.style(:menu, :item, :root), button_options.delete(:class)].compact.join(" ") %>
+          
+          <% # Add deferred close action %>
+          <% button_options[:data] ||= {} %>
+          <% existing_action = button_options[:data][:action] || button_options.delete("data-action") %>
+          <% button_options[:data][:action] = [existing_action, "click->dropdown#closeDeferred"].compact.join(" ") %>
+          
+          <%= button_to item[:options], button_options.merge(
+            class: button_class,
+            role: "menuitem"
+          ) do %>
+            <% if has_any_icon %>
+              <span class="<%= component.style(:menu, :item, :label) %>">
+                <% if icon_path %>
+                  <%= ui.icon(icon_path, class: component.style(:menu, :item, :icon)) %>
+                <% else %>
+                  <span class="<%= component.style(:menu, :item, :icon) %>"></span>
+                <% end %>
+                <% if item[:block] %>
+                  <%= capture(&item[:block]) %>
+                <% else %>
+                  <%= item[:name] %>
+                <% end %>
+              </span>
+            <% else %>
+              <% if item[:block] %>
+                <%= capture(&item[:block]) %>
+              <% else %>
+                <%= item[:name] %>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% elsif item[:type] == :button_tag %>
+          <% button_options = item[:options].dup %>
+          <% icon_path = item[:icon] %>
+          <% button_class = [component.style(:menu, :item, :root), button_options.delete(:class)].compact.join(" ") %>
+          
+          <% # Add deferred close action %>
+          <% button_options[:data] ||= {} %>
+          <% existing_action = button_options[:data][:action] || button_options.delete("data-action") %>
+          <% button_options[:data][:action] = [existing_action, "click->dropdown#closeDeferred"].compact.join(" ") %>
+          
+          <% # Handle onclick attribute if present %>
+          <% if button_options[:onclick] %>
+            <% original_onclick = button_options[:onclick] %>
+            <% button_options[:onclick] = "#{original_onclick}; setTimeout(() => { this.closest('[data-controller=\"dropdown\"]').querySelector('[data-dropdown-target=\"menu\"]').classList.add('hidden'); }, 50);" %>
+          <% end %>
+          
+          <%= button_tag button_options.merge(
+            class: button_class,
+            role: "menuitem"
+          ) do %>
+            <% if has_any_icon %>
+              <span class="<%= component.style(:menu, :item, :label) %>">
+                <% if icon_path %>
+                  <%= ui.icon(icon_path, class: component.style(:menu, :item, :icon)) %>
+                <% else %>
+                  <span class="<%= component.style(:menu, :item, :icon) %>"></span>
+                <% end %>
+                <% if item[:block] %>
+                  <%= capture(&item[:block]) %>
+                <% else %>
+                  <%= item[:name] %>
+                <% end %>
+              </span>
+            <% else %>
+              <% if item[:block] %>
+                <%= capture(&item[:block]) %>
+              <% else %>
+                <%= item[:name] %>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+  <% end %>
+</div>

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

@@ -1,3 +1,34 @@
-<%= render "okonomi/forms/tailwind/field", component: component, form: form, field_id: field_id, options: options do %>
-  <%= yield %>
-<% end %>
+<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="<%= component.style(:hint, :trigger) %>" @mouseover="open = true" @mouseover.away = "open = false">
+          Hilfe
+        </div>
+        <div x-show="open"
+             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"
+             x-transition:leave="transition duration-100 transform ease-in"
+             x-transition:leave-end="opacity-0 scale-90"
+        >
+          <%= options[:hint].is_a?(String) ? options[:hint] : t("activerecord.hints.#{form.object_name}.#{field_id}") %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+  <div class="<%= component.style(:content) %>">
+    <div class="grid grid-cols-<%= options[:columns] || 1 %> gap-2 p-[1px]">
+      <%= yield %>
+    </div>
+    <% if field_id && form.object.errors.include?(field_id) %>
+      <div class="<%= component.style(:error) %>">
+        <%= form.object.errors[field_id].join(", ") %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/okonomi/components/page/_page.html.erb

@@ -1,4 +1,4 @@
-<div class="flex flex-col gap-8 p-8 <%= options[:class] || '' %>">
+<div class="<%= options[:class] %>">
   <% content = capture { yield(builder) } %>
   <%= builder.render_content %>
   <%= content if builder.render_content.blank? %>

data/app/views/okonomi/components/page_header/_page_header.html.erb

@@ -0,0 +1,4 @@
+<div class="<%= options[:class] %>">
+  <% yield(builder) %>
+  <%= builder.render %>
+</div>

data/app/views/okonomi/components/page_section/_page_section.html.erb

@@ -0,0 +1,4 @@
+<div class="<%= options[:class] %>">
+  <% yield(builder) if block_given? %>
+  <%= builder.render_content %>
+</div>

data/lib/okonomi_ui_kit/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: okonomi_ui_kit
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.1.11
 platform: ruby
 authors:
 - Okonomi GmbH
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-08-04 00:00:00.000000000 Z
+date: 2025-08-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1355,6 +1355,7 @@ files:
 - app/assets/stylesheets/okonomi_ui_kit/application.css
 - app/assets/stylesheets/okonomi_ui_kit/application.tailwind.css
 - app/controllers/okonomi_ui_kit/application_controller.rb
+- app/helpers/okonomi_ui_kit/CLAUDE.md
 - app/helpers/okonomi_ui_kit/application_helper.rb
 - app/helpers/okonomi_ui_kit/attribute_section_helper.rb
 - app/helpers/okonomi_ui_kit/component.rb
@@ -1367,6 +1368,7 @@ files:
 - 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/dropdown_button.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
@@ -1393,6 +1395,8 @@ files:
 - 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/page_header.rb
+- app/helpers/okonomi_ui_kit/components/page_section.rb
 - app/helpers/okonomi_ui_kit/components/table.rb
 - app/helpers/okonomi_ui_kit/components/typography.rb
 - app/helpers/okonomi_ui_kit/config.rb
@@ -1419,6 +1423,7 @@ files:
 - 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/dropdown_button/_dropdown_button.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
@@ -1427,14 +1432,14 @@ files:
 - 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/page_header/_page_header.html.erb
+- app/views/okonomi/components/page_section/_page_section.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/_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/page_builder/_page.html.erb
 - app/views/okonomi/tables/_table.html.erb
 - config/importmap.rb
 - config/routes.rb
@@ -1443,13 +1448,13 @@ files:
 - lib/okonomi_ui_kit/engine.rb
 - lib/okonomi_ui_kit/version.rb
 - lib/tasks/okonomi_ui_kit_tasks.rake
-homepage: https://okonomi.gmbh
+homepage: https://github.com/andre-l-github/okonomi_ui_kit
 licenses:
 - MIT
 metadata:
-  homepage_uri: https://okonomi.gmbh
-  source_code_uri: https://okonomi.gmbh
-  changelog_uri: https://okonomi.gmbh
+  homepage_uri: https://github.com/andre-l-github/okonomi_ui_kit
+  source_code_uri: https://github.com/andre-l-github/okonomi_ui_kit
+  changelog_uri: https://github.com/andre-l-github/okonomi_ui_kit
 post_install_message:
 rdoc_options: []
 require_paths:

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

@@ -1,34 +0,0 @@
-<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="<%= component.style(:hint, :trigger) %>" @mouseover="open = true" @mouseover.away = "open = false">
-          Hilfe
-        </div>
-        <div x-show="open"
-             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"
-             x-transition:leave="transition duration-100 transform ease-in"
-             x-transition:leave-end="opacity-0 scale-90"
-        >
-          <%= options[:hint].is_a?(String) ? options[:hint] : t("activerecord.hints.#{form.object_name}.#{field_id}") %>
-        </div>
-      </div>
-    <% end %>
-  </div>
-  <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="<%= component.style(:error) %>">
-        <%= form.object.errors[field_id].join(", ") %>
-      </div>
-    <% end %>
-  </div>
-</div>

data/app/views/okonomi/page_builder/_page.html.erb

@@ -1,3 +0,0 @@
-<div class="flex flex-col gap-8 p-8 <%= options[:class] || '' %>">
-  <%= yield(builder) %>
-</div>