kiso 0.1.0.pre → 0.2.0.pre

data/app/views/kiso/components/dropdown_menu/_separator.html.erb

@@ -0,0 +1,6 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= tag.div(
+    class: Kiso::Themes::DropdownMenuSeparator.render(class: css_classes),
+    role: "separator",
+    data: kiso_prepare_options(component_options, slot: "dropdown-menu-separator"),
+    **component_options) %>

data/app/views/kiso/components/dropdown_menu/_shortcut.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :span,
+    class: Kiso::Themes::DropdownMenuShortcut.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "dropdown-menu-shortcut"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/dropdown_menu/_sub.html.erb

@@ -0,0 +1,8 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::DropdownMenuSub.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "dropdown-menu-sub",
+      kiso__dropdown_menu_target: "sub"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/dropdown_menu/_sub_content.html.erb

@@ -0,0 +1,10 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::DropdownMenuSubContent.render(class: css_classes),
+    role: "menu",
+    data: kiso_prepare_options(component_options, slot: "dropdown-menu-sub-content",
+      kiso__dropdown_menu_target: "subContent"),
+    hidden: true,
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/dropdown_menu/_sub_trigger.html.erb

@@ -0,0 +1,12 @@
+<%# locals: (inset: false, css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::DropdownMenuSubTrigger.render(class: css_classes),
+    tabindex: "-1",
+    data: kiso_prepare_options(component_options, slot: "dropdown-menu-sub-trigger",
+      kiso__dropdown_menu_target: "subTrigger",
+      action: "click->kiso--dropdown-menu#toggleSub mouseenter->kiso--dropdown-menu#openSubOnHover",
+      inset: (inset ? "" : nil)),
+    **component_options do %>
+  <%= yield %>
+  <%= kiso_component_icon(:chevron_right, class: "ml-auto size-4") %>
+<% end %>

data/app/views/kiso/components/dropdown_menu/_trigger.html.erb

@@ -0,0 +1,9 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::DropdownMenuTrigger.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "dropdown-menu-trigger",
+      kiso__dropdown_menu_target: "trigger",
+      action: "click->kiso--dropdown-menu#toggle keydown->kiso--dropdown-menu#triggerKeydown"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/empty/_content.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::EmptyContent.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "empty-content"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/empty/_description.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::EmptyDescription.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "empty-description"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/empty/_header.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::EmptyHeader.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "empty-header"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/empty/_media.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (variant: :default, css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::EmptyMedia.render(variant: variant, class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "empty-media"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/empty/_title.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::EmptyTitle.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "empty-title"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/field/_content.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::FieldContent.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "field-content"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/field/_description.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :p,
+    class: Kiso::Themes::FieldDescription.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "field-description"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/field/_error.html.erb

@@ -0,0 +1,22 @@
+<%# locals: (errors: [], css_classes: "", **component_options) %>
+<% messages = Array(errors).compact.map(&:to_s).reject(&:blank?).uniq %>
+<% content = capture { yield }.presence %>
+<% if content || messages.any? %>
+  <%= content_tag :div,
+      role: :alert,
+      class: Kiso::Themes::FieldError.render(class: css_classes),
+      data: kiso_prepare_options(component_options, slot: "field-error"),
+      **component_options do %>
+    <% if content %>
+      <%= content %>
+    <% elsif messages.one? %>
+      <%= messages.first %>
+    <% else %>
+      <ul class="ml-4 flex list-disc flex-col gap-1">
+        <% messages.each do |msg| %>
+          <li><%= msg %></li>
+        <% end %>
+      </ul>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/kiso/components/field/_label.html.erb

@@ -0,0 +1,5 @@
+<%# locals: (css_classes: "", **component_options) %>
+<% component_options[:data] = (component_options[:data] || {}).merge(slot: "field-label") %>
+<%= kui(:label,
+    css_classes: Kiso::Themes::FieldLabel.render(class: css_classes),
+    **component_options) { yield } %>

data/app/views/kiso/components/field/_separator.html.erb

@@ -0,0 +1,15 @@
+<%# locals: (css_classes: "", **component_options) %>
+<% captured = capture { yield }.presence %>
+<%= content_tag :div,
+    class: Kiso::Themes::FieldSeparator.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "field-separator").merge(
+      content: captured&.present? || nil
+    ).compact,
+    **component_options do %>
+  <%= kui(:separator, css_classes: "absolute inset-0 top-1/2") %>
+  <% if captured&.present? %>
+    <span class="<%= Kiso::Themes::FieldSeparatorText.render %>">
+      <%= captured %>
+    </span>
+  <% end %>
+<% end %>

data/app/views/kiso/components/field/_title.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::FieldTitle.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "field-title"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/field_set/_legend.html.erb

@@ -0,0 +1,9 @@
+<%# locals: (variant: :legend, css_classes: "", **component_options) %>
+<%= content_tag :legend,
+    class: Kiso::Themes::FieldLegend.render(variant: variant, class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "field-set-legend").merge(
+      variant: variant
+    ),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/input_group/_addon.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (align: :start, css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::InputGroupAddon.render(align: align, class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "input-group-addon"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/input_otp/_group.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::InputOtpGroup.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "input-otp-group"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/input_otp/_separator.html.erb

@@ -0,0 +1,8 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    role: "separator",
+    class: Kiso::Themes::InputOtpSeparator.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "input-otp-separator"),
+    **component_options do %>
+  <%= capture { yield }.presence || kiso_component_icon(:minus) %>
+<% end %>

data/app/views/kiso/components/input_otp/_slot.html.erb

@@ -0,0 +1,11 @@
+<%# locals: (size: :md, css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::InputOtpSlot.render(size: size, class: css_classes),
+    aria: { hidden: "true" },
+    data: kiso_prepare_options(component_options, slot: "input-otp-slot",
+      kiso__input_otp_target: "slot") do %>
+  <span data-slot="input-otp-slot-char"></span>
+  <div data-slot="input-otp-caret" class="pointer-events-none absolute inset-0 flex items-center justify-center" hidden>
+    <div class="bg-foreground h-4 w-px animate-caret-blink"></div>
+  </div>
+<% end %>

data/app/views/kiso/components/kbd/_group.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :kbd,
+    class: Kiso::Themes::KbdGroup.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "kbd-group"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/nav/_item.html.erb

@@ -0,0 +1,15 @@
+<%# locals: (href: "#", icon: nil, badge: nil, active: false, css_classes: "", **component_options) %>
+<%= content_tag :a,
+    href: href,
+    class: Kiso::Themes::NavItem.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "nav-item", active: active || nil),
+    aria: active ? { current: "page" } : {},
+    **component_options do %>
+  <% if icon %>
+    <%= kiso_icon(icon, class: "size-4 shrink-0") %>
+  <% end %>
+  <span data-slot="nav-item-label" class="truncate"><%= yield %></span>
+  <% if badge %>
+    <span data-slot="nav-item-badge" class="<%= Kiso::Themes::NavItemBadge.render %>"><%= badge %></span>
+  <% end %>
+<% end %>

data/app/views/kiso/components/nav/_section.html.erb

@@ -0,0 +1,37 @@
+<%# locals: (title: nil, open: true, collapsible: true, css_classes: "", **component_options) %>
+<% if title && collapsible %>
+  <%= content_tag :details,
+      class: Kiso::Themes::NavSection.render(class: css_classes),
+      data: kiso_prepare_options(component_options, slot: "nav-section"),
+      open: open,
+      **component_options do %>
+    <summary class="<%= Kiso::Themes::NavSectionTitle.render %>" data-slot="nav-section-title">
+      <span class="truncate"><%= title %></span>
+      <span class="ml-auto" data-slot="nav-section-chevron">
+        <%= kiso_component_icon(:chevron_down, class: "size-4") %>
+      </span>
+    </summary>
+    <div data-slot="nav-section-content" class="<%= Kiso::Themes::NavSectionContent.render %>">
+      <%= yield %>
+    </div>
+  <% end %>
+<% elsif title %>
+  <%= content_tag :div,
+      class: Kiso::Themes::NavSection.render(class: css_classes),
+      data: kiso_prepare_options(component_options, slot: "nav-section"),
+      **component_options do %>
+    <div class="<%= Kiso::Themes::NavSectionTitle.render %>" data-slot="nav-section-title">
+      <span class="truncate"><%= title %></span>
+    </div>
+    <div data-slot="nav-section-content" class="<%= Kiso::Themes::NavSectionContent.render %>">
+      <%= yield %>
+    </div>
+  <% end %>
+<% else %>
+  <%= content_tag :div,
+      class: Kiso::Themes::NavSection.render(class: css_classes),
+      data: kiso_prepare_options(component_options, slot: "nav-section"),
+      **component_options do %>
+    <%= yield %>
+  <% end %>
+<% end %>

data/app/views/kiso/components/nav/_section_title.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::NavSectionTitle.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "nav-section-title"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/pagination/_content.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :ul,
+    class: Kiso::Themes::PaginationContent.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "pagination-content"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/pagination/_ellipsis.html.erb

@@ -0,0 +1,9 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :span,
+    aria: {hidden: true},
+    class: Kiso::Themes::PaginationEllipsis.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "pagination-ellipsis"),
+    **component_options do %>
+  <%= kiso_component_icon(:ellipsis, size: :sm) %>
+  <%= content_tag :span, "More pages", class: "sr-only" %>
+<% end %>

data/app/views/kiso/components/pagination/_item.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :li,
+    class: Kiso::Themes::PaginationItem.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "pagination-item"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/pagination/_link.html.erb

@@ -0,0 +1,9 @@
+<%# locals: (active: false, href: "#", css_classes: "", **component_options) %>
+<%= content_tag :a,
+    href: href,
+    **(active ? {aria: {current: "page"}} : {}),
+    class: Kiso::Themes::PaginationLink.render(active: active, class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "pagination-link", active: active),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/pagination/_next.html.erb

@@ -0,0 +1,12 @@
+<%# locals: (href: "#", active: false, css_classes: "", **component_options) %>
+<% aria_attrs = {label: "Go to next page"}
+   aria_attrs[:current] = "page" if active %>
+<%= content_tag :a,
+    href: href,
+    aria: aria_attrs,
+    class: Kiso::Themes::PaginationNext.render(active: active, class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "pagination-next"),
+    **component_options do %>
+  <%= content_tag :span, "Next", class: "hidden sm:block" %>
+  <%= kiso_component_icon(:chevron_right) %>
+<% end %>

data/app/views/kiso/components/pagination/_previous.html.erb

@@ -0,0 +1,12 @@
+<%# locals: (href: "#", active: false, css_classes: "", **component_options) %>
+<% aria_attrs = {label: "Go to previous page"}
+   aria_attrs[:current] = "page" if active %>
+<%= content_tag :a,
+    href: href,
+    aria: aria_attrs,
+    class: Kiso::Themes::PaginationPrevious.render(active: active, class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "pagination-previous"),
+    **component_options do %>
+  <%= kiso_component_icon(:chevron_left) %>
+  <%= content_tag :span, "Previous", class: "hidden sm:block" %>
+<% end %>

data/app/views/kiso/components/popover/_anchor.html.erb

@@ -0,0 +1,8 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: css_classes.presence,
+    data: kiso_prepare_options(component_options, slot: "popover-anchor",
+      kiso__popover_target: "anchor"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/popover/_content.html.erb

@@ -0,0 +1,11 @@
+<%# locals: (align: :center, css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::PopoverContent.render(class: css_classes),
+    role: "dialog",
+    data: kiso_prepare_options(component_options, slot: "popover-content",
+      kiso__popover_target: "content",
+      align: align),
+    hidden: true,
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/popover/_description.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :p,
+    class: Kiso::Themes::PopoverDescription.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "popover-description"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/popover/_header.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::PopoverHeader.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "popover-header"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/popover/_title.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::PopoverTitle.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "popover-title"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/popover/_trigger.html.erb

@@ -0,0 +1,9 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: css_classes.presence,
+    data: kiso_prepare_options(component_options, slot: "popover-trigger",
+      kiso__popover_target: "trigger",
+      action: "click->kiso--popover#toggle keydown->kiso--popover#triggerKeydown"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/radio_group/_item.html.erb

@@ -0,0 +1,6 @@
+<%# locals: (color: :primary, css_classes: "", **component_options) %>
+<% component_options[:type] = :radio %>
+<%= tag.input(
+    class: Kiso::Themes::RadioGroupItem.render(color: color, class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "radio-group-item"),
+    **component_options) %>

data/app/views/kiso/components/select/_content.html.erb

@@ -0,0 +1,10 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::SelectContent.render(class: css_classes),
+    role: "listbox",
+    data: kiso_prepare_options(component_options, slot: "select-content",
+      kiso__select_target: "content"),
+    hidden: true,
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/select/_group.html.erb

@@ -0,0 +1,8 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::SelectGroup.render(class: css_classes),
+    role: "group",
+    data: kiso_prepare_options(component_options, slot: "select-group"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/select/_item.html.erb

@@ -0,0 +1,19 @@
+<%# locals: (value:, disabled: false, css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::SelectItem.render(class: css_classes),
+    role: "option",
+    tabindex: "-1",
+    data: kiso_prepare_options(component_options, slot: "select-item",
+      kiso__select_target: "item",
+      action: "click->kiso--select#selectItem",
+      value: value,
+      disabled: (disabled ? "true" : nil)),
+    aria: {selected: false, disabled: (disabled || nil)},
+    **component_options do %>
+  <%= tag.span class: Kiso::Themes::SelectItemIndicator.render,
+              data: { slot: "select-item-indicator", kiso__select_target: "indicator" },
+              hidden: true do %>
+    <%= kiso_component_icon(:check, class: "size-4") %>
+  <% end %>
+  <%= tag.span yield, data: { slot: "select-item-text" } %>
+<% end %>

data/app/views/kiso/components/select/_label.html.erb

@@ -0,0 +1,7 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= content_tag :div,
+    class: Kiso::Themes::SelectLabel.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "select-label"),
+    **component_options do %>
+  <%= yield %>
+<% end %>

data/app/views/kiso/components/select/_separator.html.erb

@@ -0,0 +1,6 @@
+<%# locals: (css_classes: "", **component_options) %>
+<%= tag.div(
+    class: Kiso::Themes::SelectSeparator.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "select-separator"),
+    role: "separator",
+    **component_options) %>

data/app/views/kiso/components/select/_trigger.html.erb

@@ -0,0 +1,13 @@
+<%# locals: (size: :md, disabled: false, css_classes: "", **component_options) %>
+<% component_options[:disabled] = true if disabled %>
+<%= content_tag :button,
+    type: "button",
+    class: Kiso::Themes::SelectTrigger.render(size: size, class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "select-trigger",
+      kiso__select_target: "trigger",
+      action: "click->kiso--select#toggle keydown->kiso--select#triggerKeydown"),
+    aria: {haspopup: "listbox", expanded: false},
+    **component_options do %>
+  <%= yield %>
+  <%= kiso_component_icon(:chevron_down, class: "size-4 opacity-50") %>
+<% end %>

data/app/views/kiso/components/select/_value.html.erb

@@ -0,0 +1,11 @@
+<%# locals: (placeholder: nil, css_classes: "", **component_options) %>
+<%= content_tag :span,
+    class: Kiso::Themes::SelectValue.render(class: css_classes),
+    data: kiso_prepare_options(component_options, slot: "select-value",
+      kiso__select_target: "valueDisplay",
+      placeholder: placeholder),
+    **component_options do %>
+  <% if placeholder %>
+    <span class="text-muted-foreground"><%= placeholder %></span>
+  <% end %>
+<% end %>

data/app/views/kiso/components/stats_card/_description.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :div,
     class: Kiso::Themes::StatsCardDescription.render(class: css_classes),
-    data: { component: :stats_card, stats_card_part: :description },
+    data: kiso_prepare_options(component_options, slot: "stats-card-description"),
     **component_options do %>
   <%= yield %>
 <% end %>

data/app/views/kiso/components/stats_card/_header.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :div,
     class: Kiso::Themes::StatsCardHeader.render(class: css_classes),
-    data: { component: :stats_card, stats_card_part: :header },
+    data: kiso_prepare_options(component_options, slot: "stats-card-header"),
     **component_options do %>
   <%= yield %>
 <% end %>

data/app/views/kiso/components/stats_card/_label.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :div,
     class: Kiso::Themes::StatsCardLabel.render(class: css_classes),
-    data: { component: :stats_card, stats_card_part: :label },
+    data: kiso_prepare_options(component_options, slot: "stats-card-label"),
     **component_options do %>
   <%= yield %>
 <% end %>

data/app/views/kiso/components/stats_card/_value.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :div,
     class: Kiso::Themes::StatsCardValue.render(class: css_classes),
-    data: { component: :stats_card, stats_card_part: :value },
+    data: kiso_prepare_options(component_options, slot: "stats-card-value"),
     **component_options do %>
   <%= yield %>
 <% end %>

data/app/views/kiso/components/table/_body.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :tbody,
     class: Kiso::Themes::TableBody.render(class: css_classes),
-    data: { component: :table, table_part: :body },
+    data: kiso_prepare_options(component_options, slot: "table-body"),
     **component_options do %>
   <%= yield %>
 <% end %>

data/app/views/kiso/components/table/_caption.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :caption,
     class: Kiso::Themes::TableCaption.render(class: css_classes),
-    data: { component: :table, table_part: :caption },
+    data: kiso_prepare_options(component_options, slot: "table-caption"),
     **component_options do %>
   <%= yield %>
 <% end %>

data/app/views/kiso/components/table/_cell.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :td,
     class: Kiso::Themes::TableCell.render(class: css_classes),
-    data: { component: :table, table_part: :cell },
+    data: kiso_prepare_options(component_options, slot: "table-cell"),
     **component_options do %>
   <%= yield %>
 <% end %>

data/app/views/kiso/components/table/_footer.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :tfoot,
     class: Kiso::Themes::TableFooter.render(class: css_classes),
-    data: { component: :table, table_part: :footer },
+    data: kiso_prepare_options(component_options, slot: "table-footer"),
     **component_options do %>
   <%= yield %>
 <% end %>

data/app/views/kiso/components/table/_head.html.erb

@@ -1,7 +1,7 @@
 <%# locals: (css_classes: "", **component_options) %>
 <%= content_tag :th,
     class: Kiso::Themes::TableHead.render(class: css_classes),
-    data: { component: :table, table_part: :head },
+    data: kiso_prepare_options(component_options, slot: "table-head"),
     **component_options do %>
   <%= yield %>
 <% end %>