@expcat/tigercat-vue 1.2.34 → 1.2.37

package/dist/{chunk-MCRT64VS.js → chunk-2HT6YGRY.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 _chunkOA3HAUBTjs = require('./chunk-OA3HAUBT.js');
+var _chunkRRI3F52Bjs = require('./chunk-RRI3F52B.js');
 
 
 var _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
@@ -101,6 +101,14 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       type: [String, Number],
       default: void 0
     },
+    responsiveMode: {
+      type: String,
+      default: "scroll"
+    },
+    cardBreakpoint: {
+      type: String,
+      default: "sm"
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -403,6 +411,8 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         stickyHeader: props.stickyHeader,
         maxHeight: props.maxHeight,
         tableLayout: props.tableLayout,
+        responsiveMode: props.responsiveMode,
+        cardBreakpoint: props.cardBreakpoint,
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
@@ -414,7 +424,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [renderToolbar(), _vue.h.call(void 0, _chunkOA3HAUBTjs.Table, tableProps)]
+        [renderToolbar(), _vue.h.call(void 0, _chunkRRI3F52Bjs.Table, tableProps)]
       );
     };
   }

package/dist/{chunk-TOE2XSEO.js → chunk-3EVCDIZE.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkLWDA7ABQjs = require('./chunk-LWDA7ABQ.js');
+var _chunkS3KTGULCjs = require('./chunk-S3KTGULC.js');
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Tooltip.ts
 var _vue = require('vue');
@@ -48,7 +48,7 @@ var Tooltip = _vue.defineComponent.call(void 0, {
       floatingRef,
       floatingStyles,
       triggerHandlers
-    } = _chunkLWDA7ABQjs.useFloatingPopup.call(void 0, { props, emit });
+    } = _chunkS3KTGULCjs.useFloatingPopup.call(void 0, { props, emit });
     const tooltipId = createTooltipId();
     const containerClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class))
@@ -85,7 +85,7 @@ var Tooltip = _vue.defineComponent.call(void 0, {
             defaultSlot
           ),
           // Tooltip content (positioned with Floating UI)
-          currentVisible.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, 
+          currentVisible.value ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, 
             _vue.h.call(void 0, 
               "div",
               {

package/dist/{chunk-A5HHG53Z.js → chunk-6DYGPOYH.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkLWDA7ABQjs = require('./chunk-LWDA7ABQ.js');
+var _chunkS3KTGULCjs = require('./chunk-S3KTGULC.js');
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Popover.ts
 var _vue = require('vue');
@@ -54,7 +54,7 @@ var Popover = _vue.defineComponent.call(void 0, {
       floatingRef,
       floatingStyles,
       triggerHandlers
-    } = _chunkLWDA7ABQjs.useFloatingPopup.call(void 0, { props, emit });
+    } = _chunkS3KTGULCjs.useFloatingPopup.call(void 0, { props, emit });
     const popoverId = createPopoverId();
     const titleId = `${popoverId}-title`;
     const contentId = `${popoverId}-content`;
@@ -95,7 +95,7 @@ var Popover = _vue.defineComponent.call(void 0, {
             defaultSlot
           ),
           // Floating content
-          currentVisible.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, 
+          currentVisible.value ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, 
             _vue.h.call(void 0, "div", { ref: floatingRef, style: floatingStyles.value, "aria-hidden": false }, [
               _vue.h.call(void 0, 
                 "div",

package/dist/{chunk-2LNNB55E.js → chunk-6XI4VDU4.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Loading.ts
 var _vue = require('vue');
@@ -82,7 +82,7 @@ var Loading = _vue.defineComponent.call(void 0, {
     const shouldLockBodyScroll = _vue.computed.call(void 0, 
       () => props.fullscreen && visible.value && props.lockScroll
     );
-    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, shouldLockBodyScroll);
+    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, shouldLockBodyScroll);
     const clearTimer = () => {
       if (timer) {
         clearTimeout(timer);
@@ -208,7 +208,7 @@ var Loading = _vue.defineComponent.call(void 0, {
         children
       );
       if (props.fullscreen) {
-        return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, [loadingNode], props.disableTeleport);
+        return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, [loadingNode], props.disableTeleport);
       }
       return loadingNode;
     };

package/dist/{chunk-7RIWAO2A.mjs → chunk-BDTPFPSB.mjs}

@@ -59,7 +59,8 @@ function useVueBodyScrollLock(enabled) {
   );
 }
 function renderVueBodyTeleport(children, disabled = false) {
-  return h(Teleport, { to: "body", disabled }, children);
+  const normalizedChildren = children == null ? [] : Array.isArray(children) ? children : [children];
+  return h(Teleport, { to: "body", disabled }, normalizedChildren);
 }
 function useVueFocusTrap({ enabled, containerRef }) {
   watch(

package/dist/{chunk-PACAXQQ4.js → chunk-DMNOK6OP.js}

@@ -9,7 +9,7 @@ var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Modal.ts
 
@@ -295,10 +295,10 @@ var Modal = _vue.defineComponent.call(void 0, {
     };
     const overlayOpen = _vue.computed.call(void 0, () => props.open);
     let cleanupEscape;
-    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, overlayOpen);
-    _chunkJDCVS4SJjs.useVueFocusTrap.call(void 0, { enabled: overlayOpen, containerRef: dialogRef });
+    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, overlayOpen);
+    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: overlayOpen, containerRef: dialogRef });
     _vue.onMounted.call(void 0, () => {
-      cleanupEscape = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, { enabled: overlayOpen, onEscape: handleClose });
+      cleanupEscape = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, { enabled: overlayOpen, onEscape: handleClose });
     });
     _vue.onBeforeUnmount.call(void 0, () => {
       _optionalChain([cleanupEscape, 'optionalCall', _ => _()]);
@@ -474,7 +474,7 @@ var Modal = _vue.defineComponent.call(void 0, {
           )
         ]
       );
-      return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, [renderedWrapper], props.disableTeleport);
+      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, [renderedWrapper], props.disableTeleport);
     };
   }
 });

package/dist/{chunk-JDCVS4SJ.js → chunk-EQW6IUHG.js}

@@ -59,7 +59,8 @@ function useVueBodyScrollLock(enabled) {
   );
 }
 function renderVueBodyTeleport(children, disabled = false) {
-  return _vue.h.call(void 0, _vue.Teleport, { to: "body", disabled }, children);
+  const normalizedChildren = children == null ? [] : Array.isArray(children) ? children : [children];
+  return _vue.h.call(void 0, _vue.Teleport, { to: "body", disabled }, normalizedChildren);
 }
 function useVueFocusTrap({ enabled, containerRef }) {
   _vue.watch.call(void 0, 

package/dist/{chunk-YR75F34D.mjs → chunk-FATIMV7O.mjs}

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

package/dist/{chunk-FAYSOSR7.js → chunk-FKCZSBM6.js}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Dropdown.ts
 
@@ -222,7 +222,7 @@ var Dropdown = _vue.defineComponent.call(void 0, {
       x,
       y,
       placement: currentPlacement
-    } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
+    } = _chunkEQW6IUHGjs.useVueFloating.call(void 0, {
       referenceRef: triggerRef,
       floatingRef,
       enabled: currentVisible,
@@ -237,7 +237,7 @@ var Dropdown = _vue.defineComponent.call(void 0, {
         _optionalChain([cleanupClickOutside, 'optionalCall', _3 => _3()]);
         cleanupClickOutside = null;
         if (enabled) {
-          cleanupClickOutside = _chunkJDCVS4SJjs.useVueClickOutside.call(void 0, {
+          cleanupClickOutside = _chunkEQW6IUHGjs.useVueClickOutside.call(void 0, {
             enabled: currentVisible,
             containerRef,
             onOutsideClick: () => setVisible(false),
@@ -254,7 +254,7 @@ var Dropdown = _vue.defineComponent.call(void 0, {
         _optionalChain([cleanupEscapeKey, 'optionalCall', _4 => _4()]);
         cleanupEscapeKey = null;
         if (visible) {
-          cleanupEscapeKey = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, {
+          cleanupEscapeKey = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
             enabled: currentVisible,
             onEscape: () => setVisible(false)
           });

package/dist/{chunk-33YTJPF7.js → chunk-HSMN5FWL.js}

@@ -1,9 +1,9 @@
 "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 _chunkLWDA7ABQjs = require('./chunk-LWDA7ABQ.js');
+var _chunkS3KTGULCjs = require('./chunk-S3KTGULC.js');
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Popconfirm.ts
 var _vue = require('vue');
@@ -93,7 +93,7 @@ var Popconfirm = _vue.defineComponent.call(void 0, {
       floatingRef,
       floatingStyles,
       actualPlacement
-    } = _chunkLWDA7ABQjs.useFloatingPopup.call(void 0, { props, emit, multiTrigger: false });
+    } = _chunkS3KTGULCjs.useFloatingPopup.call(void 0, { props, emit, multiTrigger: false });
     const popconfirmId = createPopconfirmId();
     const titleId = `${popconfirmId}-title`;
     const descriptionId = `${popconfirmId}-description`;
@@ -269,7 +269,7 @@ var Popconfirm = _vue.defineComponent.call(void 0, {
           class: containerClasses.value,
           style: _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
         },
-        [trigger, _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, content)]
+        [trigger, _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, content)]
       );
     };
   }

package/dist/{chunk-IBB54GHF.js → chunk-ICECZVMX.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkPACAXQQ4js = require('./chunk-PACAXQQ4.js');
+var _chunkDMNOK6OPjs = require('./chunk-DMNOK6OP.js');
 
 
 var _chunkWUEP3PFNjs = require('./chunk-WUEP3PFN.js');
@@ -171,7 +171,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
         ]
       );
       const modal = _vue.h.call(void 0, 
-        _chunkPACAXQQ4js.Modal,
+        _chunkDMNOK6OPjs.Modal,
         {
           open: modalVisible.value,
           size: "lg",

package/dist/{chunk-PHWAXBFG.mjs → chunk-ILTIUESE.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-7M4UUCJF.mjs";
+} from "./chunk-W54LFA7A.mjs";
 import {
   Select
 } from "./chunk-PYT5DTQQ.mjs";
@@ -101,6 +101,14 @@ var DataTableWithToolbar = defineComponent({
       type: [String, Number],
       default: void 0
     },
+    responsiveMode: {
+      type: String,
+      default: "scroll"
+    },
+    cardBreakpoint: {
+      type: String,
+      default: "sm"
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -403,6 +411,8 @@ var DataTableWithToolbar = defineComponent({
         stickyHeader: props.stickyHeader,
         maxHeight: props.maxHeight,
         tableLayout: props.tableLayout,
+        responsiveMode: props.responsiveMode,
+        cardBreakpoint: props.cardBreakpoint,
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange

package/dist/{chunk-ZNGRSXFK.js → chunk-JE7AWY34.js}

@@ -1,7 +1,7 @@
 "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 _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Menu.ts
 
@@ -672,7 +672,7 @@ var SubMenu = _vue.defineComponent.call(void 0, {
       x: popupX,
       y: popupY,
       placement: currentPopupPlacement
-    } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
+    } = _chunkEQW6IUHGjs.useVueFloating.call(void 0, {
       referenceRef: titleEl,
       floatingRef: popupEl,
       enabled: _vue.computed.call(void 0, () => popupPortal.value && isExpanded.value),
@@ -940,7 +940,7 @@ var SubMenu = _vue.defineComponent.call(void 0, {
           },
           withChildLevel(_optionalChain([slots, 'access', _21 => _21.default, 'optionalCall', _22 => _22()]))
         );
-        return popupPortal.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, node) : node;
+        return popupPortal.value ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, node) : node;
       };
       const contentNode = isPopup.value ? popupContentNode() : hasRenderedInline.value ? _vue.h.call(void 0, 
         "div",

package/dist/{chunk-U5RXZ2IL.mjs → chunk-JKJ7HMFO.mjs}

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "./chunk-5HUZ33NC.mjs";
+} from "./chunk-V2IDOR7Y.mjs";
 import {
   ImageCropper
 } from "./chunk-DEJKRMMU.mjs";

package/dist/{chunk-CWQOEU6G.js → chunk-JNIKT6AL.js}

@@ -3,7 +3,7 @@
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Spotlight.ts
 
@@ -205,11 +205,11 @@ var Spotlight = _vue.defineComponent.call(void 0, {
         closeSpotlight();
       }
     };
-    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, resolvedOpen);
-    _chunkJDCVS4SJjs.useVueFocusTrap.call(void 0, { enabled: resolvedOpen, containerRef: dialogRef });
+    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, resolvedOpen);
+    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: resolvedOpen, containerRef: dialogRef });
     let cleanupEscape;
     _vue.onMounted.call(void 0, () => {
-      cleanupEscape = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, { enabled: resolvedOpen, onEscape: closeSpotlight });
+      cleanupEscape = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, { enabled: resolvedOpen, onEscape: closeSpotlight });
       if (resolvedOpen.value) {
         _vue.nextTick.call(void 0, () => _tigercatcore.focusFirst.call(void 0, [inputRef.value, dialogRef.value]));
       }
@@ -361,7 +361,7 @@ var Spotlight = _vue.defineComponent.call(void 0, {
           )
         ]
       );
-      return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, content, props.disableTeleport);
+      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, content, props.disableTeleport);
     };
   }
 });

package/dist/{chunk-MVZGR3ZB.js → chunk-MD7S2A55.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkFAYSOSR7js = require('./chunk-FAYSOSR7.js');
+var _chunkFKCZSBM6js = require('./chunk-FKCZSBM6.js');
 
 // src/components/DropdownItem.ts
 var _vue = require('vue');
@@ -47,7 +47,7 @@ var DropdownItem = _vue.defineComponent.call(void 0, {
     const attrsRecord = attrs;
     const attrsClass = attrsRecord.class;
     const attrsStyle = attrsRecord.style;
-    const context = _vue.inject.call(void 0, _chunkFAYSOSR7js.DropdownContextKey, null);
+    const context = _vue.inject.call(void 0, _chunkFKCZSBM6js.DropdownContextKey, null);
     const handleClick = (event) => {
       if (props.disabled) {
         event.preventDefault();

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

@@ -1,7 +1,7 @@
 import {
   renderVueBodyTeleport,
   useVueFloating
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Menu.ts
 import {

package/dist/{chunk-RHAIJVMW.mjs → chunk-NYH6GSP7.mjs}

@@ -2,7 +2,7 @@ import {
   useVueClickOutside,
   useVueEscapeKey,
   useVueFloating
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Dropdown.ts
 import {

package/dist/{chunk-CBECE4ZO.mjs → chunk-OGDZTDZ6.mjs}

@@ -3,7 +3,7 @@ import {
   useVueBodyScrollLock,
   useVueEscapeKey,
   useVueFocusTrap
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Spotlight.ts
 import {

package/dist/{chunk-GVZRR2WP.mjs → chunk-PC2FNA4J.mjs}

@@ -1,9 +1,9 @@
 import {
   useFloatingPopup
-} from "./chunk-DBTS5QBX.mjs";
+} from "./chunk-UJZPEXF5.mjs";
 import {
   renderVueBodyTeleport
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Popover.ts
 import { defineComponent, computed, h } from "vue";

package/dist/{chunk-4GYBJBFJ.mjs → chunk-QIXG7OIN.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LBGTABIU.mjs";
 import {
   Loading
-} from "./chunk-PCUUTKQZ.mjs";
+} from "./chunk-XQRKFOXS.mjs";
 import {
   Link
 } from "./chunk-3MO7A4GU.mjs";

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

@@ -6,7 +6,7 @@ var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Drawer.ts
 
@@ -276,10 +276,10 @@ var Drawer = _vue.defineComponent.call(void 0, {
     };
     const escapeEnabled = _vue.computed.call(void 0, () => props.open);
     let cleanupEscape;
-    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, escapeEnabled);
-    _chunkJDCVS4SJjs.useVueFocusTrap.call(void 0, { enabled: escapeEnabled, containerRef: dialogRef });
+    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, escapeEnabled);
+    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: escapeEnabled, containerRef: dialogRef });
     _vue.onMounted.call(void 0, () => {
-      cleanupEscape = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, {
+      cleanupEscape = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
         enabled: escapeEnabled,
         onEscape: handleClose
       });
@@ -431,7 +431,7 @@ var Drawer = _vue.defineComponent.call(void 0, {
         },
         [mask, panel]
       );
-      return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, [root], props.disableTeleport);
+      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, [root], props.disableTeleport);
     };
   }
 });

package/dist/{chunk-OA3HAUBT.js → chunk-RRI3F52B.js}

@@ -29,6 +29,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 
 
@@ -126,6 +128,10 @@ var tableProps = {
     type: String,
     default: "scroll"
   },
+  cardBreakpoint: {
+    type: String,
+    default: "sm"
+  },
   // --- v0.6.0 props ---
   virtual: { type: Boolean, default: false },
   autoVirtual: { type: Boolean, default: true },
@@ -1256,7 +1262,10 @@ var Table = _vue.defineComponent.call(void 0, {
           ref: tableRef,
           class: _tigercatcore.classNames.call(void 0, 
             _tigercatcore.tableBaseClasses,
-            _tigercatcore.getTableResponsiveTableClasses.call(void 0, resolvedProps.responsiveMode),
+            _tigercatcore.getTableResponsiveTableClasses.call(void 0, 
+              resolvedProps.responsiveMode,
+              resolvedProps.cardBreakpoint
+            ),
             resolvedProps.tableLayout === "fixed" ? "table-fixed" : "table-auto"
           ),
           style: ctx.fixedColumnsInfo.value.hasFixedColumns && ctx.fixedColumnsInfo.value.minTableWidth ? { minWidth: `${ctx.fixedColumnsInfo.value.minTableWidth}px` } : void 0
@@ -1275,20 +1284,30 @@ var Table = _vue.defineComponent.call(void 0, {
       ) : tableInner;
       const cardContent = resolvedProps.responsiveMode === "card" ? _vue.h.call(void 0, 
         "div",
-        { class: _tigercatcore.tableResponsiveCardListClasses, "data-tiger-table-mobile": "card" },
+        {
+          class: _tigercatcore.getTableResponsiveCardListClasses.call(void 0, resolvedProps.cardBreakpoint),
+          "data-tiger-table-mobile": "card"
+        },
         ctx.paginatedData.value.length === 0 ? [_vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardClasses }, resolvedProps.emptyText)] : ctx.paginatedData.value.map((record, index) => {
           const key = ctx.paginatedRowKeys.value[index];
           const isExpanded = ctx.expandedRowKeySet.value.has(key);
           const isRowExpandable = resolvedProps.expandable ? resolvedProps.expandable.rowExpandable ? resolvedProps.expandable.rowExpandable(record) : true : false;
-          const rows = ctx.displayColumns.value.map((column) => {
+          const { titleColumn, bodyColumns } = _tigercatcore.getCardColumns.call(void 0, ctx.displayColumns.value);
+          const renderCardCellContent = (column) => {
             const dataKey = column.dataKey || column.key;
-            const cellValue = record[dataKey];
-            const cellContent = _nullishCoalesce(_optionalChain([slots, 'access', _86 => _86[`cell-${column.key}`], 'optionalCall', _87 => _87({ record, index })]), () => ( (column.render ? column.render(record, index) : cellValue)));
-            return _vue.h.call(void 0, "div", { key: column.key, class: _tigercatcore.tableResponsiveCardRowClasses }, [
+            return _nullishCoalesce(_optionalChain([slots, 'access', _86 => _86[`cell-${column.key}`], 'optionalCall', _87 => _87({ record, index })]), () => ( (column.render ? column.render(record, index) : record[dataKey])));
+          };
+          const titleNode = titleColumn ? _vue.h.call(void 0, "div", { class: _tigercatcore.tableResponsiveCardTitleClasses }, [
+            renderCardCellContent(titleColumn)
+          ]) : null;
+          const rows = 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 }, [cellContent])
-            ]);
-          });
+              _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)]) || {};
@@ -1329,6 +1348,7 @@ var Table = _vue.defineComponent.call(void 0, {
             },
             [
               controls.length ? _vue.h.call(void 0, "div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
+              titleNode,
               ...rows,
               expandedContent ? _vue.h.call(void 0, 
                 "div",

package/dist/{chunk-LWDA7ABQ.js → chunk-S3KTGULC.js}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/utils/use-floating-popup.ts
 var _vue = require('vue');
@@ -36,7 +36,7 @@ function useFloatingPopup(options) {
     x,
     y,
     placement: actualPlacement
-  } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
+  } = _chunkEQW6IUHGjs.useVueFloating.call(void 0, {
     referenceRef: triggerRef,
     floatingRef,
     enabled: currentVisible,
@@ -56,7 +56,7 @@ function useFloatingPopup(options) {
       outsideClickCleanup = void 0;
       escapeKeyCleanup = void 0;
       if (visible && trigger === "click") {
-        outsideClickCleanup = _chunkJDCVS4SJjs.useVueClickOutside.call(void 0, {
+        outsideClickCleanup = _chunkEQW6IUHGjs.useVueClickOutside.call(void 0, {
           enabled: currentVisible,
           refs: [containerRef, floatingRef],
           onOutsideClick: () => setVisible(false),
@@ -64,7 +64,7 @@ function useFloatingPopup(options) {
         });
       }
       if (visible && trigger !== "manual") {
-        escapeKeyCleanup = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, {
+        escapeKeyCleanup = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
           enabled: currentVisible,
           onEscape: () => setVisible(false)
         });

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

@@ -6,7 +6,7 @@ import {
   useVueBodyScrollLock,
   useVueEscapeKey,
   useVueFocusTrap
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Drawer.ts
 import {

package/dist/{chunk-4CWRNKPE.mjs → chunk-U2PPTMQX.mjs}

@@ -1,9 +1,9 @@
 import {
   useFloatingPopup
-} from "./chunk-DBTS5QBX.mjs";
+} from "./chunk-UJZPEXF5.mjs";
 import {
   renderVueBodyTeleport
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Popconfirm.ts
 import { defineComponent, computed, h, cloneVNode, isVNode } from "vue";

package/dist/{chunk-4J5EK3WY.mjs → chunk-UETVHC4K.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-PO5GVU4Q.mjs";
 import {
   Loading
-} from "./chunk-PCUUTKQZ.mjs";
+} from "./chunk-XQRKFOXS.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";

package/dist/{chunk-DBTS5QBX.mjs → chunk-UJZPEXF5.mjs}

@@ -2,7 +2,7 @@ import {
   useVueClickOutside,
   useVueEscapeKey,
   useVueFloating
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/utils/use-floating-popup.ts
 import { computed, ref, watch, onBeforeUnmount } from "vue";