@expcat/tigercat-vue 1.2.47 → 1.3.0

package/dist/{chunk-SZFEDBLT.mjs → chunk-LA5YKXPH.mjs}

@@ -137,6 +137,14 @@ var Drawer = defineComponent({
       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 = defineComponent({
       } : void 0;
       const mergedStyle = mergeStyleValues(attrs.style, props.panelStyle, props.style, widthStyle);
       const headerClasses = getDrawerHeaderClasses();
-      const bodyClasses = getDrawerBodyClasses(props.bodyClassName);
+      const bodyClasses = getDrawerBodyClasses(props.bodyClassName, props.bodyPadding);
       const footerClasses = getDrawerFooterClasses();
       const closeButtonClasses = getDrawerCloseButtonClasses();
       const titleClasses = getDrawerTitleClasses();

package/dist/{chunk-QIXG7OIN.mjs → chunk-MJP2SNLK.mjs}

@@ -1,6 +1,6 @@
 import {
   Timeline
-} from "./chunk-LBGTABIU.mjs";
+} from "./chunk-VCBBWDOV.mjs";
 import {
   Loading
 } from "./chunk-XQRKFOXS.mjs";
@@ -9,13 +9,13 @@ import {
 } from "./chunk-3MO7A4GU.mjs";
 import {
   Tag
-} from "./chunk-3G4VPV4D.mjs";
+} from "./chunk-G6ULKE6H.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";
 import {
   Card
-} from "./chunk-KOTSKHPQ.mjs";
+} from "./chunk-TC6ZPQFT.mjs";
 import {
   Avatar
 } from "./chunk-ZCT56WB7.mjs";

package/dist/{chunk-B2RH4CMG.js → chunk-NKVEXKM5.js}

@@ -65,7 +65,7 @@ var Form = _vue.defineComponent.call(void 0, {
      */
     labelAlign: {
       type: String,
-      default: "right"
+      default: void 0
     },
     /**
      * Form size (applies to all form items)
@@ -371,6 +371,9 @@ var Form = _vue.defineComponent.call(void 0, {
     };
     const canUndoNow = _vue.computed.call(void 0, () => props.undoable && _tigercatcore.canUndo.call(void 0, history.value));
     const canRedoNow = _vue.computed.call(void 0, () => props.undoable && _tigercatcore.canRedo.call(void 0, history.value));
+    const resolvedLabelAlign = _vue.computed.call(void 0, 
+      () => _nullishCoalesce(props.labelAlign, () => ( (props.labelPosition === "top" ? "left" : "right")))
+    );
     const handleSubmit = async (event) => {
       event.preventDefault();
       if (props.loading) return;
@@ -382,7 +385,7 @@ var Form = _vue.defineComponent.call(void 0, {
       rules: props.rules,
       labelWidth: props.labelWidth,
       labelPosition: props.labelPosition,
-      labelAlign: props.labelAlign,
+      labelAlign: resolvedLabelAlign.value,
       size: props.size,
       inlineMessage: props.inlineMessage,
       showRequiredAsterisk: props.showRequiredAsterisk,

package/dist/{chunk-ROMVD7LS.mjs → chunk-NUABW6IB.mjs}

@@ -1,6 +1,6 @@
 import {
   DropdownContextKey
-} from "./chunk-VKW2O36D.mjs";
+} from "./chunk-FSGD24HV.mjs";
 
 // src/components/DropdownItem.ts
 import { defineComponent, inject, computed, h } from "vue";

package/dist/{chunk-WIQPVVUQ.js → chunk-NYR6OQO4.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk27T3QDSFjs = require('./chunk-27T3QDSF.js');
+var _chunkRBHF7NOQjs = require('./chunk-RBHF7NOQ.js');
 
 
 var _chunk6XI4VDU4js = require('./chunk-6XI4VDU4.js');
@@ -9,13 +9,13 @@ var _chunk6XI4VDU4js = require('./chunk-6XI4VDU4.js');
 var _chunk2DC3BMEDjs = require('./chunk-2DC3BMED.js');
 
 
-var _chunk2KDSHEZTjs = require('./chunk-2KDSHEZT.js');
+var _chunkBPAZBRCRjs = require('./chunk-BPAZBRCR.js');
 
 
 var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
 
 
-var _chunkXGXGAK27js = require('./chunk-XGXGAK27.js');
+var _chunkUG6O4F2Ajs = require('./chunk-UG6O4F2A.js');
 
 
 var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
@@ -159,7 +159,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
                     { default: () => titleText }
                   ) : null,
                   item.status ? _vue.h.call(void 0, 
-                    _chunk2KDSHEZTjs.Tag,
+                    _chunkBPAZBRCRjs.Tag,
                     {
                       variant: _nullishCoalesce(item.status.variant, () => ( "default")),
                       size: "sm",
@@ -216,7 +216,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
           },
           [
             _vue.h.call(void 0, 
-              _chunkXGXGAK27js.Card,
+              _chunkUG6O4F2Ajs.Card,
               {
                 variant: "bordered",
                 size: "sm",
@@ -258,7 +258,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
           },
           [
             _vue.h.call(void 0, 
-              _chunkXGXGAK27js.Card,
+              _chunkUG6O4F2Ajs.Card,
               {
                 variant: "bordered",
                 size: "sm",
@@ -295,7 +295,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
               )
             ]))) : null,
             _vue.h.call(void 0, 
-              _chunk27T3QDSFjs.Timeline,
+              _chunkRBHF7NOQjs.Timeline,
               {
                 items: timelineItems,
                 style: {

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-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-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)
       )

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
+var _chunkAEOREYSJjs = require('./chunk-AEOREYSJ.js');
 
 
 var _chunk3QV2D54Hjs = require('./chunk-3QV2D54H.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, _chunkAEOREYSJjs.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",