@expcat/tigercat-vue 1.2.47 → 1.2.52

package/dist/{chunk-PXSV3J2H.js → chunk-O4V7VULF.js}

@@ -168,6 +168,18 @@ var tableProps = {
   renderCard: {
     type: Function
   },
+  cardSelectionPosition: {
+    type: String,
+    default: "controls-row"
+  },
+  cardPadding: {
+    type: [String, Boolean],
+    default: void 0
+  },
+  cardFieldGap: {
+    type: String,
+    default: "gap-3"
+  },
   // --- v0.6.0 props ---
   virtual: { type: Boolean, default: false },
   autoVirtual: { type: Boolean, default: true },
@@ -1430,44 +1442,48 @@ var Table = _vue.defineComponent.call(void 0, {
         }
         if (sortableColumns.length > 0) {
           cardChildren.push(
-            _vue.h.call(void 0, "div", {
-              class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
-            }, [
-              _vue.h.call(void 0, _chunkBGMAWKWVjs.Select, {
-                size: "sm",
-                modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
-                options: [
-                  { label: tableLabels.value.clearSortText, value: "" },
-                  ...sortableColumns.flatMap((column) => [
-                    {
-                      label: `${_tigercatcore.formatTableSortByText.call(void 0, tableLabels.value.sortByText, column.title)} \u2191`,
-                      value: `${column.key}:asc`
-                    },
-                    {
-                      label: `${_tigercatcore.formatTableSortByText.call(void 0, tableLabels.value.sortByText, column.title)} \u2193`,
-                      value: `${column.key}:desc`
+            _vue.h.call(void 0, 
+              "div",
+              {
+                class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
+              },
+              [
+                _vue.h.call(void 0, _chunkBGMAWKWVjs.Select, {
+                  size: "sm",
+                  modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
+                  options: [
+                    { label: tableLabels.value.clearSortText, value: "" },
+                    ...sortableColumns.flatMap((column) => [
+                      {
+                        label: `${_tigercatcore.formatTableSortByText.call(void 0, tableLabels.value.sortByText, column.title)} \u2191`,
+                        value: `${column.key}:asc`
+                      },
+                      {
+                        label: `${_tigercatcore.formatTableSortByText.call(void 0, tableLabels.value.sortByText, column.title)} \u2193`,
+                        value: `${column.key}:desc`
+                      }
+                    ])
+                  ],
+                  clearable: false,
+                  "onUpdate:modelValue": (value) => {
+                    const nextValue = String(_nullishCoalesce(value, () => ( "")));
+                    if (!nextValue) {
+                      ctx.handleSetSort({ key: null, direction: null });
+                      return;
                     }
-                  ])
-                ],
-                clearable: false,
-                "onUpdate:modelValue": (value) => {
-                  const nextValue = String(_nullishCoalesce(value, () => ( "")));
-                  if (!nextValue) {
-                    ctx.handleSetSort({ key: null, direction: null });
-                    return;
+                    const separatorIndex = nextValue.lastIndexOf(":");
+                    const key = nextValue.slice(0, separatorIndex);
+                    const direction = nextValue.slice(separatorIndex + 1);
+                    ctx.handleSetSort({ key, direction });
                   }
-                  const separatorIndex = nextValue.lastIndexOf(":");
-                  const key = nextValue.slice(0, separatorIndex);
-                  const direction = nextValue.slice(separatorIndex + 1);
-                  ctx.handleSetSort({ key, direction });
-                }
-              })
-            ])
+                })
+              ]
+            )
           );
         }
         if (ctx.paginatedData.value.length === 0) {
           cardChildren.push(
-            _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardClasses }, [
+            _vue.h.call(void 0, "div", { class: _tigercatcore.getTableResponsiveCardClasses.call(void 0, resolvedProps.cardPadding) }, [
               _vue.h.call(void 0, _chunkNOZ65AMOjs.Empty, { showImage: false, description: tableLabels.value.emptyText })
             ])
           );
@@ -1489,33 +1505,56 @@ var Table = _vue.defineComponent.call(void 0, {
               const rows = hasCustomCardLayout.value ? [
                 _vue.h.call(void 0, 
                   "div",
-                  { class: "grid grid-cols-12 gap-3 mt-2" },
+                  {
+                    class: _tigercatcore.classNames.call(void 0, 
+                      "grid grid-cols-12 mt-2",
+                      _nullishCoalesce(resolvedProps.cardFieldGap, () => ( "gap-3"))
+                    )
+                  },
                   bodyColumns.map((column) => {
                     const layoutItem = cardLayoutMap.value.get(column.key);
                     const gridInfo = _tigercatcore.getCardGridInfo.call(void 0, column, layoutItem);
                     if (gridInfo.hideLabel) {
                       return _vue.h.call(void 0, 
                         "div",
-                        { key: column.key, class: gridInfo.className },
+                        {
+                          key: column.key,
+                          class: _tigercatcore.classNames.call(void 0, 
+                            gridInfo.className,
+                            gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                          )
+                        },
                         [renderCardCellContent(column)]
                       );
                     }
                     if (gridInfo.labelPosition === "top") {
                       return _vue.h.call(void 0, 
                         "div",
-                        { key: column.key, class: gridInfo.className },
+                        {
+                          key: column.key,
+                          class: _tigercatcore.classNames.call(void 0, 
+                            gridInfo.className,
+                            gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                          )
+                        },
                         [
                           _vue.h.call(void 0, 
                             "div",
                             {
-                              class: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1"
+                              class: _tigercatcore.classNames.call(void 0, 
+                                "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1",
+                                gridInfo.labelClassName
+                              )
                             },
                             column.title
                           ),
                           _vue.h.call(void 0, 
                             "div",
                             {
-                              class: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words"
+                              class: _tigercatcore.classNames.call(void 0, 
+                                "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words",
+                                gridInfo.valueClassName
+                              )
                             },
                             [renderCardCellContent(column)]
                           )
@@ -1528,21 +1567,28 @@ var Table = _vue.defineComponent.call(void 0, {
                         key: column.key,
                         class: _tigercatcore.classNames.call(void 0, 
                           gridInfo.className,
-                          "grid grid-cols-[auto_1fr] gap-2 items-baseline"
+                          "grid grid-cols-[auto_1fr] gap-2 items-baseline",
+                          gridInfo.divider && "border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
                         )
                       },
                       [
                         _vue.h.call(void 0, 
                           "div",
                           {
-                            class: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0"
+                            class: _tigercatcore.classNames.call(void 0, 
+                              "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0",
+                              gridInfo.labelClassName
+                            )
                           },
                           column.title
                         ),
                         _vue.h.call(void 0, 
                           "div",
                           {
-                            class: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words"
+                            class: _tigercatcore.classNames.call(void 0, 
+                              "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words",
+                              gridInfo.valueClassName
+                            )
                           },
                           [renderCardCellContent(column)]
                         )
@@ -1551,48 +1597,40 @@ var Table = _vue.defineComponent.call(void 0, {
                   })
                 )
               ] : bodyColumns.map(
-                (column) => _vue.h.call(void 0, 
-                  "div",
-                  { key: column.key, class: _tigercatcore.tableResponsiveCardRowClasses },
-                  [
-                    _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardLabelClasses }, column.title),
-                    _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardValueClasses }, [
-                      renderCardCellContent(column)
-                    ])
-                  ]
-                )
+                (column) => _vue.h.call(void 0, "div", { key: column.key, class: _tigercatcore.tableResponsiveCardRowClasses }, [
+                  _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardLabelClasses }, column.title),
+                  _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardValueClasses }, [
+                    renderCardCellContent(column)
+                  ])
+                ])
               );
               const controls = [];
               if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
                 const checkboxProps = _optionalChain([resolvedProps, 'access', _88 => _88.rowSelection, 'access', _89 => _89.getCheckboxProps, 'optionalCall', _90 => _90(record)]) || {};
                 controls.push(
-                  _vue.h.call(void 0, 
-                    "span",
-                    { onClick: (event) => event.stopPropagation() },
-                    [
-                      resolvedProps.rowSelection.type === "radio" ? _vue.h.call(void 0, _chunk3QV2D54Hjs.Radio, {
-                        value: key,
-                        checked: isSelected,
-                        disabled: checkboxProps.disabled,
-                        "aria-label": _tigercatcore.formatTableSelectRowAriaLabel.call(void 0, 
-                          tableLabels.value.selectRowAriaLabel,
-                          index + 1,
-                          _optionalChain([tableLocale, 'access', _91 => _91.value, 'optionalAccess', _92 => _92.locale])
-                        ),
-                        onChange: () => ctx.handleSelectRow(key, true)
-                      }) : _vue.h.call(void 0, _chunk2YFXJUBTjs.Checkbox, {
-                        size: "sm",
-                        modelValue: isSelected,
-                        disabled: checkboxProps.disabled,
-                        "aria-label": _tigercatcore.formatTableSelectRowAriaLabel.call(void 0, 
-                          tableLabels.value.selectRowAriaLabel,
-                          index + 1,
-                          _optionalChain([tableLocale, 'access', _93 => _93.value, 'optionalAccess', _94 => _94.locale])
-                        ),
-                        onChange: (checked) => ctx.handleSelectRow(key, checked)
-                      })
-                    ]
-                  )
+                  _vue.h.call(void 0, "span", { onClick: (event) => event.stopPropagation() }, [
+                    resolvedProps.rowSelection.type === "radio" ? _vue.h.call(void 0, _chunk3QV2D54Hjs.Radio, {
+                      value: key,
+                      checked: isSelected,
+                      disabled: checkboxProps.disabled,
+                      "aria-label": _tigercatcore.formatTableSelectRowAriaLabel.call(void 0, 
+                        tableLabels.value.selectRowAriaLabel,
+                        index + 1,
+                        _optionalChain([tableLocale, 'access', _91 => _91.value, 'optionalAccess', _92 => _92.locale])
+                      ),
+                      onChange: () => ctx.handleSelectRow(key, true)
+                    }) : _vue.h.call(void 0, _chunk2YFXJUBTjs.Checkbox, {
+                      size: "sm",
+                      modelValue: isSelected,
+                      disabled: checkboxProps.disabled,
+                      "aria-label": _tigercatcore.formatTableSelectRowAriaLabel.call(void 0, 
+                        tableLabels.value.selectRowAriaLabel,
+                        index + 1,
+                        _optionalChain([tableLocale, 'access', _93 => _93.value, 'optionalAccess', _94 => _94.locale])
+                      ),
+                      onChange: (checked) => ctx.handleSelectRow(key, checked)
+                    })
+                  ])
                 );
               }
               if (resolvedProps.expandable && isRowExpandable) {
@@ -1612,6 +1650,21 @@ var Table = _vue.defineComponent.call(void 0, {
                   )
                 );
               }
+              const titleWithInlineControls = titleNode && resolvedProps.cardSelectionPosition === "title-inline" && controls.length ? _vue.h.call(void 0, 
+                "div",
+                {
+                  class: _tigercatcore.classNames.call(void 0, 
+                    _tigercatcore.tableResponsiveCardTitleClasses,
+                    "flex items-center gap-3"
+                  )
+                },
+                [
+                  ...controls,
+                  _vue.h.call(void 0, "span", { class: "min-w-0 flex-1" }, [
+                    renderCardCellContent(titleColumn)
+                  ])
+                ]
+              ) : titleNode;
               const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? _nullishCoalesce(_optionalChain([slots, 'access', _95 => _95["expanded-row"], 'optionalCall', _96 => _96({ record, index })]), () => ( _optionalChain([resolvedProps, 'access', _97 => _97.expandable, 'access', _98 => _98.expandedRowRender, 'optionalCall', _99 => _99(record, index)]))) : null;
               const cardContext = {
                 record,
@@ -1628,12 +1681,15 @@ var Table = _vue.defineComponent.call(void 0, {
                 "div",
                 {
                   key,
-                  class: _tigercatcore.classNames.call(void 0, _tigercatcore.tableResponsiveCardClasses, resolvedCardClassName),
+                  class: _tigercatcore.classNames.call(void 0, 
+                    _tigercatcore.getTableResponsiveCardClasses.call(void 0, resolvedProps.cardPadding),
+                    resolvedCardClassName
+                  ),
                   onClick: () => ctx.handleRowClick(record, index, key)
                 },
                 customCard !== void 0 && customCard !== null ? [customCard] : [
-                  controls.length ? _vue.h.call(void 0, "div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
-                  titleNode,
+                  controls.length && (!titleNode || resolvedProps.cardSelectionPosition !== "title-inline") ? _vue.h.call(void 0, "div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
+                  titleWithInlineControls,
                   ...rows,
                   expandedContent ? _vue.h.call(void 0, 
                     "div",

package/dist/{chunk-OHCC6NNC.mjs → chunk-OU6PJQXN.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-BIDBJNTL.mjs";
+} from "./chunk-NF5O27AM.mjs";
 import {
   Select
 } from "./chunk-PYT5DTQQ.mjs";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-2BNQGU7E.mjs";
 import {
   Button
-} from "./chunk-PO5GVU4Q.mjs";
+} from "./chunk-YZBQ6IR7.mjs";
 
 // src/components/DataTableWithToolbar.ts
 import {
@@ -143,6 +143,14 @@ var DataTableWithToolbar = defineComponent({
       type: Array,
       default: void 0
     },
+    cardClassName: {
+      type: [String, Function],
+      default: void 0
+    },
+    renderCard: {
+      type: Function,
+      default: void 0
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -411,7 +419,21 @@ var DataTableWithToolbar = defineComponent({
         }
       );
     };
+    const toolbarRenderContext = () => ({
+      searchValue: searchValue.value ?? "",
+      setSearch: handleSearchChange,
+      submitSearch: handleSearchSubmit,
+      filters: resolvedFilters.value,
+      setFilter: (key, value) => setFilterValue(key, value),
+      selectedKeys: selectedKeys.value,
+      selectedCount: selectedCount.value,
+      hiddenColumnKeys: resolvedHiddenKeys.value,
+      setHiddenColumnKeys: handleHiddenColumnsChange
+    });
     const renderToolbar = () => {
+      if (slots.toolbar) {
+        return slots.toolbar(toolbarRenderContext());
+      }
       if (!hasSearch.value && !hasFilters.value && !hasFiltersExtra.value && !hasBulkActions.value && !hasColumnSettings.value)
         return null;
       const leftNodes = [];
@@ -420,7 +442,12 @@ var DataTableWithToolbar = defineComponent({
         leftNodes.push(
           h(
             "div",
-            { class: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]" },
+            {
+              class: classNames(
+                "flex items-center gap-2",
+                props.toolbar?.searchClassName ?? "w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]"
+              )
+            },
             [
               h(
                 Input,
@@ -489,14 +516,22 @@ var DataTableWithToolbar = defineComponent({
             leftNodes.push(
               h(
                 "div",
-                { key: filter.key, class: "w-full sm:w-auto" },
+                {
+                  key: filter.key,
+                  class: filter.itemClass ?? "w-full sm:w-auto",
+                  style: filter.itemStyle
+                },
                 filterNode == null ? [] : [filterNode]
               )
             );
             return;
           }
           leftNodes.push(
-            h("div", { key: filter.key, class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
+            h("div", {
+              key: filter.key,
+              class: filter.itemClass ?? "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
+              style: filter.itemStyle
+            }, [
               h(Select, {
                 size: "sm",
                 options: (filter.options ?? []).map((opt) => ({
@@ -565,8 +600,10 @@ var DataTableWithToolbar = defineComponent({
         {
           class: classNames(
             "tiger-data-table-toolbar flex flex-wrap items-center gap-3",
-            props.bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm"
+            props.bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm",
+            props.toolbar?.className
           ),
+          style: props.toolbar?.style,
           role: "toolbar",
           "aria-label": tableLabels.value.toolbarAriaLabel
         },
@@ -613,10 +650,17 @@ var DataTableWithToolbar = defineComponent({
         responsiveMode: props.responsiveMode,
         cardBreakpoint: props.cardBreakpoint,
         cardLayout: props.cardLayout,
+        cardClassName: props.cardClassName,
+        renderCard: props.renderCard,
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
       };
+      const {
+        toolbar: _toolbarSlot,
+        "filters-extra": _filtersExtraSlot,
+        ...tableSlots
+      } = slots;
       return h(
         "div",
         {
@@ -624,7 +668,7 @@ var DataTableWithToolbar = defineComponent({
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [renderToolbar(), h(Table, tableProps)]
+        [renderToolbar(), h(Table, tableProps, tableSlots)]
       );
     };
   }

package/dist/{chunk-QJLFHHI2.js → chunk-Q3IZQUW7.js}

@@ -137,6 +137,14 @@ var Drawer = _vue.defineComponent.call(void 0, {
       type: String,
       default: void 0
     },
+    /**
+     * Padding override for the drawer body. `false` removes the built-in
+     * padding; a string supplies a custom padding utility class.
+     */
+    bodyPadding: {
+      type: [Boolean, String],
+      default: void 0
+    },
     /**
      * Whether to destroy content on close
      * @default false
@@ -343,7 +351,7 @@ var Drawer = _vue.defineComponent.call(void 0, {
       } : void 0;
       const mergedStyle = _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.panelStyle, props.style, widthStyle);
       const headerClasses = _tigercatcore.getDrawerHeaderClasses.call(void 0, );
-      const bodyClasses = _tigercatcore.getDrawerBodyClasses.call(void 0, props.bodyClassName);
+      const bodyClasses = _tigercatcore.getDrawerBodyClasses.call(void 0, props.bodyClassName, props.bodyPadding);
       const footerClasses = _tigercatcore.getDrawerFooterClasses.call(void 0, );
       const closeButtonClasses = _tigercatcore.getDrawerCloseButtonClasses.call(void 0, );
       const titleClasses = _tigercatcore.getDrawerTitleClasses.call(void 0, );

package/dist/{chunk-YS6FW775.js → chunk-Q47OK3FR.js}

@@ -12,7 +12,7 @@ var _chunkNOZ65AMOjs = require('./chunk-NOZ65AMO.js');
 var _chunk6FXYRDYHjs = require('./chunk-6FXYRDYH.js');
 
 
-var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
 var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
@@ -353,7 +353,7 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
           [
             _vue.h.call(void 0, "div", { class: "flex-1" }, [renderInput()]),
             _vue.h.call(void 0, 
-              _chunk4VLNT2EDjs.Button,
+              _chunkHA5QZ76Mjs.Button,
               {
                 disabled: !canSend.value,
                 onClick: handleSend,

package/dist/{chunk-7IVLFDZI.js → chunk-R62HQDKS.js}

@@ -337,7 +337,8 @@ var Dropdown = _vue.defineComponent.call(void 0, {
           onMouseleave: handleMouseLeave,
           "aria-haspopup": "menu",
           "aria-expanded": currentVisible.value,
-          "aria-controls": currentVisible.value ? menuId : void 0
+          "aria-controls": currentVisible.value ? menuId : void 0,
+          "data-state": currentVisible.value ? "open" : "closed"
         },
         [triggerNode, chevronNode]
       ) : null;

package/dist/{chunk-27T3QDSF.js → chunk-RBHF7NOQ.js}

@@ -134,7 +134,9 @@ var Timeline = _vue.defineComponent.call(void 0, {
         contentChildren.push(_vue.h.call(void 0, "div", { class: _tigercatcore.timelineLabelClasses }, item.label));
       }
       if (item.content) {
-        contentChildren.push(_vue.h.call(void 0, "div", { class: _tigercatcore.timelineDescriptionClasses }, item.content));
+        contentChildren.push(
+          _vue.h.call(void 0, "div", { class: _tigercatcore.timelineDescriptionClasses }, item.content)
+        );
       }
       return _vue.h.call(void 0, "li", { key, class: itemClasses }, [
         _vue.h.call(void 0, "div", { class: tailClasses }),

package/dist/{chunk-NP6KUJ4X.mjs → chunk-RGAHV6QG.mjs}

@@ -32,6 +32,7 @@ import {
   isKeySelected,
   isKeyOpen,
   menuItemIconClasses,
+  menuCollapsedIconClasses,
   menuItemGroupTitleClasses,
   menuSearchFieldClasses,
   menuSearchEmptyClasses,
@@ -443,26 +444,36 @@ var MenuItem = defineComponent({
     return () => {
       const children = [];
       const effectiveCollapsed = props.collapsed ?? (menuContext ? menuContext.collapsed.value : false);
+      const iconClasses = effectiveCollapsed ? menuCollapsedIconClasses : menuItemIconClasses;
       if (props.icon) {
         if (typeof props.icon === "string") {
           children.push(
             h("span", {
-              class: menuItemIconClasses,
+              class: iconClasses,
               innerHTML: props.icon
             })
           );
         } else {
-          children.push(h("span", { class: menuItemIconClasses }, props.icon));
+          children.push(h("span", { class: iconClasses }, props.icon));
         }
       }
       if (!effectiveCollapsed && slots.default) {
         children.push(h("span", { class: "flex-1" }, slots.default()));
-      } else if (effectiveCollapsed && !props.icon && slots.default) {
-        const defaultSlot = slots.default();
-        if (defaultSlot && defaultSlot.length > 0) {
-          const text = String(defaultSlot[0].children || "");
-          children.push(h("span", { class: "flex-1 text-center" }, text.charAt(0).toUpperCase()));
+      } else if (effectiveCollapsed && slots.default) {
+        if (!props.icon) {
+          const defaultSlot = slots.default();
+          if (defaultSlot && defaultSlot.length > 0) {
+            const text = String(defaultSlot[0].children || "");
+            children.push(
+              h(
+                "span",
+                { class: "flex-1 text-center", "aria-hidden": "true" },
+                text.charAt(0).toUpperCase()
+              )
+            );
+          }
         }
+        children.push(h("span", { class: "sr-only" }, slots.default()));
       }
       return h(
         "li",
@@ -872,16 +883,17 @@ var SubMenu = defineComponent({
     return () => {
       if (!menuContext) return null;
       const titleChildren = [];
+      const submenuIconClasses = effectiveCollapsed.value ? menuCollapsedIconClasses : menuItemIconClasses;
       if (props.icon) {
         if (typeof props.icon === "string") {
           titleChildren.push(
             h("span", {
-              class: menuItemIconClasses,
+              class: submenuIconClasses,
               innerHTML: props.icon
             })
           );
         } else {
-          titleChildren.push(h("span", { class: menuItemIconClasses }, props.icon));
+          titleChildren.push(h("span", { class: submenuIconClasses }, props.icon));
         }
       }
       if (!effectiveCollapsed.value) {
@@ -889,10 +901,17 @@ var SubMenu = defineComponent({
         if (menuContext.mode.value !== "horizontal" && !isPopup.value) {
           titleChildren.push(ExpandIcon(isExpanded.value));
         }
-      } else if (!props.icon) {
-        titleChildren.push(
-          h("span", { class: "flex-1 text-center" }, props.title.charAt(0).toUpperCase())
-        );
+      } else {
+        if (!props.icon) {
+          titleChildren.push(
+            h(
+              "span",
+              { class: "flex-1 text-center", "aria-hidden": "true" },
+              props.title.charAt(0).toUpperCase()
+            )
+          );
+        }
+        titleChildren.push(h("span", { class: "sr-only" }, props.title));
       }
       const titleNode = h(
         "button",

package/dist/{chunk-V2IDOR7Y.mjs → chunk-RNQOMMLM.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-VG6E4NX6.mjs";
 import {
   Button
-} from "./chunk-PO5GVU4Q.mjs";
+} from "./chunk-YZBQ6IR7.mjs";
 import {
   renderVueBodyTeleport,
   useVueBodyScrollLock,

package/dist/{chunk-GQPSQJ5I.mjs → chunk-SL5KAVZK.mjs}

@@ -1,6 +1,6 @@
 // src/components/Content.ts
 import { defineComponent, h, computed } from "vue";
-import { classNames, coerceClassValue, layoutContentClasses } from "@expcat/tigercat-core";
+import { classNames, coerceClassValue, getLayoutContentClasses } from "@expcat/tigercat-core";
 var Content = defineComponent({
   name: "TigerContent",
   inheritAttrs: false,
@@ -12,6 +12,14 @@ var Content = defineComponent({
       type: String,
       default: void 0
     },
+    /**
+     * Built-in content padding.
+     * @default true
+     */
+    padding: {
+      type: [Boolean, String],
+      default: true
+    },
     /**
      * Custom styles
      */
@@ -23,7 +31,7 @@ var Content = defineComponent({
   setup(props, { slots, attrs }) {
     const contentClasses = computed(
       () => classNames(
-        layoutContentClasses,
+        getLayoutContentClasses(props.padding),
         props.className,
         coerceClassValue(attrs.class)
       )