@expcat/tigercat-react 1.2.33 → 1.2.37

package/dist/{chunk-VAZYY35F.js → chunk-MIINT2WV.js}

@@ -21,6 +21,8 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 
 
@@ -944,6 +946,7 @@ function Table({
   maxHeight,
   tableLayout = "auto",
   responsiveMode = "scroll",
+  cardBreakpoint = "sm",
   // v0.6.0 props
   virtual = false,
   autoVirtual = true,
@@ -1103,7 +1106,7 @@ function Table({
             ref: tableRef,
             className: _tigercatcore.classNames.call(void 0, 
               _tigercatcore.tableBaseClasses,
-              _tigercatcore.getTableResponsiveTableClasses.call(void 0, responsiveMode),
+              _tigercatcore.getTableResponsiveTableClasses.call(void 0, responsiveMode, cardBreakpoint),
               tableLayout === "fixed" ? "table-fixed" : "table-auto",
               className
             ),
@@ -1141,58 +1144,70 @@ function Table({
             ]
           }
         ),
-        responsiveMode === "card" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardListClasses, "data-tiger-table-mobile": "card", children: ctx.paginatedData.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardClasses, children: emptyText }) : ctx.paginatedData.map((record, index) => {
-          const key = ctx.pageRowKeys[index];
-          const isExpanded = ctx.expandedRowKeySet.has(key);
-          const isRowExpandable = internalExpandable ? internalExpandable.rowExpandable ? internalExpandable.rowExpandable(record) : true : false;
-          const expandedContent = internalExpandable && isExpanded && isRowExpandable ? _optionalChain([internalExpandable, 'access', _67 => _67.expandedRowRender, 'optionalCall', _68 => _68(record, index)]) : null;
-          const expandedNode = expandedContent;
-          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.tableResponsiveCardClasses,
-              onClick: () => ctx.handleRowClick(record, index, key),
-              children: [
-                _optionalChain([internalRowSelection, 'optionalAccess', _69 => _69.showCheckbox]) !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex items-center gap-3", children: [
-                  internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "input",
-                    {
-                      type: internalRowSelection.type === "radio" ? "radio" : "checkbox",
-                      checked: ctx.selectedRowKeySet.has(key),
-                      disabled: _optionalChain([internalRowSelection, 'access', _70 => _70.getCheckboxProps, 'optionalCall', _71 => _71(record), 'optionalAccess', _72 => _72.disabled]),
-                      onClick: (event) => event.stopPropagation(),
-                      onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
-                    }
-                  ),
-                  internalExpandable && isRowExpandable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "button",
-                    {
-                      type: "button",
-                      className: "text-sm text-[var(--tiger-primary,#2563eb)]",
-                      "aria-expanded": isExpanded,
-                      onClick: (event) => {
-                        event.stopPropagation();
-                        ctx.handleToggleExpand(key, record);
-                      },
-                      children: isExpanded ? "Collapse" : "Expand"
-                    }
-                  )
-                ] }) : null,
-                ctx.displayColumns.map((column) => {
-                  const dataKey = column.dataKey || column.key;
-                  const cellValue = record[dataKey];
-                  const cellContent = column.render ? column.render(record, index) : cellValue;
-                  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardRowClasses, children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardLabelClasses, children: column.title }),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardValueClasses, children: cellContent })
-                  ] }, column.key);
-                }),
-                expandedNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3", children: expandedNode })
-              ]
-            },
-            key
-          );
-        }) }),
+        responsiveMode === "card" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _tigercatcore.getTableResponsiveCardListClasses.call(void 0, cardBreakpoint),
+            "data-tiger-table-mobile": "card",
+            children: ctx.paginatedData.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardClasses, children: emptyText }) : ctx.paginatedData.map((record, index) => {
+              const key = ctx.pageRowKeys[index];
+              const isExpanded = ctx.expandedRowKeySet.has(key);
+              const isRowExpandable = internalExpandable ? internalExpandable.rowExpandable ? internalExpandable.rowExpandable(record) : true : false;
+              const expandedContent = internalExpandable && isExpanded && isRowExpandable ? _optionalChain([internalExpandable, 'access', _67 => _67.expandedRowRender, 'optionalCall', _68 => _68(record, index)]) : null;
+              const expandedNode = expandedContent;
+              return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.tableResponsiveCardClasses,
+                  onClick: () => ctx.handleRowClick(record, index, key),
+                  children: [
+                    _optionalChain([internalRowSelection, 'optionalAccess', _69 => _69.showCheckbox]) !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex items-center gap-3", children: [
+                      internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "input",
+                        {
+                          type: internalRowSelection.type === "radio" ? "radio" : "checkbox",
+                          checked: ctx.selectedRowKeySet.has(key),
+                          disabled: _optionalChain([internalRowSelection, 'access', _70 => _70.getCheckboxProps, 'optionalCall', _71 => _71(record), 'optionalAccess', _72 => _72.disabled]),
+                          onClick: (event) => event.stopPropagation(),
+                          onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
+                        }
+                      ),
+                      internalExpandable && isRowExpandable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "button",
+                        {
+                          type: "button",
+                          className: "text-sm text-[var(--tiger-primary,#2563eb)]",
+                          "aria-expanded": isExpanded,
+                          onClick: (event) => {
+                            event.stopPropagation();
+                            ctx.handleToggleExpand(key, record);
+                          },
+                          children: isExpanded ? "Collapse" : "Expand"
+                        }
+                      )
+                    ] }) : null,
+                    (() => {
+                      const { titleColumn, bodyColumns } = _tigercatcore.getCardColumns.call(void 0, ctx.displayColumns);
+                      const renderCellContent = (column) => {
+                        const dataKey = column.dataKey || column.key;
+                        return column.render ? column.render(record, index) : record[dataKey];
+                      };
+                      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                        titleColumn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardTitleClasses, children: renderCellContent(titleColumn) }),
+                        bodyColumns.map((column) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardRowClasses, children: [
+                          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardLabelClasses, children: column.title }),
+                          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardValueClasses, children: renderCellContent(column) })
+                        ] }, column.key))
+                      ] });
+                    })(),
+                    expandedNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3", children: expandedNode })
+                  ]
+                },
+                key
+              );
+            })
+          }
+        ),
         loading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {

package/dist/{chunk-AKDBQOKX.mjs → chunk-RL6HARKE.mjs}

@@ -1,3 +1,6 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 import {
   Button
 } from "./chunk-USWK2S3Y.mjs";
@@ -33,7 +36,8 @@ import {
   modalFooterClasses,
   restoreFocus,
   shouldCloseOnMaskClick,
-  resolveSwipeGesture
+  resolveSwipeGesture,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Modal = ({
@@ -61,10 +65,16 @@ var Modal = ({
   okText,
   cancelText,
   locale,
+  labels,
   style,
   draggable: isDraggable = false,
   ...rest
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const [hasBeenOpened, setHasBeenOpened] = React.useState(open);
   const [dragOffset, setDragOffset] = React.useState({ x: 0, y: 0 });
   useEffect(() => {
@@ -126,20 +136,23 @@ var Modal = ({
   const resolvedCloseAriaLabel = resolveLocaleText(
     "Close",
     closeAriaLabel,
-    locale?.modal?.closeAriaLabel,
-    locale?.common?.closeText
+    labels?.closeAriaLabel,
+    mergedLocale?.modal?.closeAriaLabel,
+    mergedLocale?.common?.closeText
   );
   const resolvedCancelText = resolveLocaleText(
     "\u53D6\u6D88",
     cancelText,
-    locale?.modal?.cancelText,
-    locale?.common?.cancelText
+    labels?.cancelText,
+    mergedLocale?.modal?.cancelText,
+    mergedLocale?.common?.cancelText
   );
   const resolvedOkText = resolveLocaleText(
     "\u786E\u5B9A",
     okText,
-    locale?.modal?.okText,
-    locale?.common?.okText
+    labels?.okText,
+    mergedLocale?.modal?.okText,
+    mergedLocale?.common?.okText
   );
   const reactId = useId();
   const modalId = useMemo(() => `tiger-modal-${reactId}`, [reactId]);

package/dist/{chunk-CPNDCACQ.mjs → chunk-RVO6R37N.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-WWDCH2XX.mjs";
+} from "./chunk-JOB47R6Q.mjs";
 
 // src/components/Kanban.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-OHSJ4KTU.js → chunk-TLU3ROLT.js}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+
 
 
 
@@ -29,6 +32,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -76,11 +80,17 @@ var Drawer = ({
   onAfterLeave,
   closeAriaLabel,
   locale,
+  labels,
   children,
   footer,
   style,
   ...rest
 }) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
   const [hasBeenOpened, setHasBeenOpened] = _react2.default.useState(open);
   const [deferredRendered, setDeferredRendered] = _react2.default.useState(open);
   _react.useEffect.call(void 0, () => {
@@ -142,8 +152,9 @@ var Drawer = ({
   const resolvedCloseAriaLabel = _tigercatcore.resolveLocaleText.call(void 0, 
     "Close drawer",
     closeAriaLabel,
-    _optionalChain([locale, 'optionalAccess', _5 => _5.drawer, 'optionalAccess', _6 => _6.closeAriaLabel]),
-    _optionalChain([locale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.closeText])
+    _optionalChain([labels, 'optionalAccess', _5 => _5.closeAriaLabel]),
+    _optionalChain([mergedLocale, 'optionalAccess', _6 => _6.drawer, 'optionalAccess', _7 => _7.closeAriaLabel]),
+    _optionalChain([mergedLocale, 'optionalAccess', _8 => _8.common, 'optionalAccess', _9 => _9.closeText])
   );
   _react.useEffect.call(void 0, () => {
     if (open) {
@@ -162,7 +173,7 @@ var Drawer = ({
   }, []);
   const handleTouchStart = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _9 => _9.onTouchStart, 'optionalCall', _10 => _10(event)]);
+      _optionalChain([dialogDivProps, 'access', _10 => _10.onTouchStart, 'optionalCall', _11 => _11(event)]);
       if (!open) return;
       const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
       touchStartRef.current = point;
@@ -172,7 +183,7 @@ var Drawer = ({
   );
   const handleTouchMove = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _11 => _11.onTouchMove, 'optionalCall', _12 => _12(event)]);
+      _optionalChain([dialogDivProps, 'access', _12 => _12.onTouchMove, 'optionalCall', _13 => _13(event)]);
       if (!touchStartRef.current) return;
       const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
       if (point) {
@@ -183,7 +194,7 @@ var Drawer = ({
   );
   const handleTouchEnd = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _13 => _13.onTouchEnd, 'optionalCall', _14 => _14(event)]);
+      _optionalChain([dialogDivProps, 'access', _14 => _14.onTouchEnd, 'optionalCall', _15 => _15(event)]);
       const gesture = _tigercatcore.resolveSwipeGesture.call(void 0, 
         touchStartRef.current,
         _nullishCoalesce(_tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches), () => ( touchCurrentRef.current)),
@@ -198,7 +209,7 @@ var Drawer = ({
   );
   const handleTouchCancel = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([dialogDivProps, 'access', _15 => _15.onTouchCancel, 'optionalCall', _16 => _16(event)]);
+      _optionalChain([dialogDivProps, 'access', _16 => _16.onTouchCancel, 'optionalCall', _17 => _17(event)]);
       resetTouchGesture();
     },
     [dialogDivProps, resetTouchGesture]

package/dist/{chunk-KEF2PEP4.js → chunk-WYKUC5MM.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/Pagination.tsx
+"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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/Pagination.tsx
 var _react = require('react');
 
 
@@ -23,6 +27,7 @@ var _react = require('react');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -50,9 +55,11 @@ var Pagination = ({
   onChange,
   onPageSizeChange,
   locale,
+  labels: labelsOverride,
   ...props
 }) => {
   const { "aria-label": ariaLabelProp, ...navProps } = props;
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
   const immediateLocale = _react.useMemo.call(void 0, () => _tigercatcore.getImmediateTigerLocale.call(void 0, locale), [locale]);
   const [loadedLocale, setLoadedLocale] = _react.useState.call(void 0, 
     immediateLocale
@@ -72,9 +79,16 @@ var Pagination = ({
     };
   }, [locale, immediateLocale]);
   const resolvedLocale = _tigercatcore.isLazyTigerLocale.call(void 0, locale) ? loadedLocale : immediateLocale;
-  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getPaginationLabels.call(void 0, resolvedLocale), [resolvedLocale]);
-  const localeCode = _optionalChain([resolvedLocale, 'optionalAccess', _ => _.locale]);
-  const isRtl = _tigercatcore.getLocaleDirection.call(void 0, resolvedLocale) === "rtl";
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, resolvedLocale),
+    [config.locale, resolvedLocale]
+  );
+  const labels = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getPaginationLabels.call(void 0, mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const localeCode = _optionalChain([mergedLocale, 'optionalAccess', _ => _.locale]);
+  const isRtl = _tigercatcore.getLocaleDirection.call(void 0, mergedLocale) === "rtl";
   const [internalCurrent, setInternalCurrent] = _react.useState.call(void 0, defaultCurrent);
   const [internalPageSize, setInternalPageSize] = _react.useState.call(void 0, defaultPageSize);
   const [quickJumperValue, setQuickJumperValue] = _react.useState.call(void 0, "");
@@ -176,7 +190,7 @@ var Pagination = ({
   const nextDisabled = validatedCurrentPage >= totalPages || disabled;
   const elements = [];
   if (showTotal) {
-    const totalTextFn = totalText || (_optionalChain([resolvedLocale, 'optionalAccess', _14 => _14.pagination, 'optionalAccess', _15 => _15.totalText]) ? (value, range) => _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, value, range, localeCode) : _tigercatcore.defaultTotalText);
+    const totalTextFn = totalText || (_optionalChain([labelsOverride, 'optionalAccess', _14 => _14.totalText]) || _optionalChain([mergedLocale, 'optionalAccess', _15 => _15.pagination, 'optionalAccess', _16 => _16.totalText]) ? (value, range) => _tigercatcore.formatPaginationTotal.call(void 0, labels.totalText, value, range, localeCode) : _tigercatcore.defaultTotalText);
     elements.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.getTotalTextClasses.call(void 0, size), children: totalTextFn(total, pageRange) }, "total")
     );

package/dist/{chunk-AIXYHS2L.mjs → chunk-ZGPOMSGD.mjs}

@@ -8,13 +8,15 @@ import {
   classNames as classNames3,
   createTableResizeObserverController,
   getTableWrapperClasses,
+  getCardColumns,
+  getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
   tableBaseClasses,
   tableResponsiveCardClasses,
   tableResponsiveCardLabelClasses,
-  tableResponsiveCardListClasses,
   tableResponsiveCardRowClasses,
+  tableResponsiveCardTitleClasses,
   tableResponsiveCardValueClasses,
   tableLoadingOverlayClasses,
   getImmediateTigerLocale,
@@ -913,7 +915,7 @@ function renderPagination(ctx, view) {
 }
 
 // src/components/Table.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Table({
   columns,
   columnLockable = false,
@@ -944,6 +946,7 @@ function Table({
   maxHeight,
   tableLayout = "auto",
   responsiveMode = "scroll",
+  cardBreakpoint = "sm",
   // v0.6.0 props
   virtual = false,
   autoVirtual = true,
@@ -1103,7 +1106,7 @@ function Table({
             ref: tableRef,
             className: classNames3(
               tableBaseClasses,
-              getTableResponsiveTableClasses(responsiveMode),
+              getTableResponsiveTableClasses(responsiveMode, cardBreakpoint),
               tableLayout === "fixed" ? "table-fixed" : "table-auto",
               className
             ),
@@ -1141,58 +1144,70 @@ function Table({
             ]
           }
         ),
-        responsiveMode === "card" && /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardListClasses, "data-tiger-table-mobile": "card", children: ctx.paginatedData.length === 0 ? /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardClasses, children: emptyText }) : ctx.paginatedData.map((record, index) => {
-          const key = ctx.pageRowKeys[index];
-          const isExpanded = ctx.expandedRowKeySet.has(key);
-          const isRowExpandable = internalExpandable ? internalExpandable.rowExpandable ? internalExpandable.rowExpandable(record) : true : false;
-          const expandedContent = internalExpandable && isExpanded && isRowExpandable ? internalExpandable.expandedRowRender?.(record, index) : null;
-          const expandedNode = expandedContent;
-          return /* @__PURE__ */ jsxs5(
-            "div",
-            {
-              className: tableResponsiveCardClasses,
-              onClick: () => ctx.handleRowClick(record, index, key),
-              children: [
-                internalRowSelection?.showCheckbox !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center gap-3", children: [
-                  internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ jsx6(
-                    "input",
-                    {
-                      type: internalRowSelection.type === "radio" ? "radio" : "checkbox",
-                      checked: ctx.selectedRowKeySet.has(key),
-                      disabled: internalRowSelection.getCheckboxProps?.(record)?.disabled,
-                      onClick: (event) => event.stopPropagation(),
-                      onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
-                    }
-                  ),
-                  internalExpandable && isRowExpandable && /* @__PURE__ */ jsx6(
-                    "button",
-                    {
-                      type: "button",
-                      className: "text-sm text-[var(--tiger-primary,#2563eb)]",
-                      "aria-expanded": isExpanded,
-                      onClick: (event) => {
-                        event.stopPropagation();
-                        ctx.handleToggleExpand(key, record);
-                      },
-                      children: isExpanded ? "Collapse" : "Expand"
-                    }
-                  )
-                ] }) : null,
-                ctx.displayColumns.map((column) => {
-                  const dataKey = column.dataKey || column.key;
-                  const cellValue = record[dataKey];
-                  const cellContent = column.render ? column.render(record, index) : cellValue;
-                  return /* @__PURE__ */ jsxs5("div", { className: tableResponsiveCardRowClasses, children: [
-                    /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardLabelClasses, children: column.title }),
-                    /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardValueClasses, children: cellContent })
-                  ] }, column.key);
-                }),
-                expandedNode && /* @__PURE__ */ jsx6("div", { className: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3", children: expandedNode })
-              ]
-            },
-            key
-          );
-        }) }),
+        responsiveMode === "card" && /* @__PURE__ */ jsx6(
+          "div",
+          {
+            className: getTableResponsiveCardListClasses(cardBreakpoint),
+            "data-tiger-table-mobile": "card",
+            children: ctx.paginatedData.length === 0 ? /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardClasses, children: emptyText }) : ctx.paginatedData.map((record, index) => {
+              const key = ctx.pageRowKeys[index];
+              const isExpanded = ctx.expandedRowKeySet.has(key);
+              const isRowExpandable = internalExpandable ? internalExpandable.rowExpandable ? internalExpandable.rowExpandable(record) : true : false;
+              const expandedContent = internalExpandable && isExpanded && isRowExpandable ? internalExpandable.expandedRowRender?.(record, index) : null;
+              const expandedNode = expandedContent;
+              return /* @__PURE__ */ jsxs5(
+                "div",
+                {
+                  className: tableResponsiveCardClasses,
+                  onClick: () => ctx.handleRowClick(record, index, key),
+                  children: [
+                    internalRowSelection?.showCheckbox !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ jsxs5("div", { className: "mb-2 flex items-center gap-3", children: [
+                      internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ jsx6(
+                        "input",
+                        {
+                          type: internalRowSelection.type === "radio" ? "radio" : "checkbox",
+                          checked: ctx.selectedRowKeySet.has(key),
+                          disabled: internalRowSelection.getCheckboxProps?.(record)?.disabled,
+                          onClick: (event) => event.stopPropagation(),
+                          onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
+                        }
+                      ),
+                      internalExpandable && isRowExpandable && /* @__PURE__ */ jsx6(
+                        "button",
+                        {
+                          type: "button",
+                          className: "text-sm text-[var(--tiger-primary,#2563eb)]",
+                          "aria-expanded": isExpanded,
+                          onClick: (event) => {
+                            event.stopPropagation();
+                            ctx.handleToggleExpand(key, record);
+                          },
+                          children: isExpanded ? "Collapse" : "Expand"
+                        }
+                      )
+                    ] }) : null,
+                    (() => {
+                      const { titleColumn, bodyColumns } = getCardColumns(ctx.displayColumns);
+                      const renderCellContent = (column) => {
+                        const dataKey = column.dataKey || column.key;
+                        return column.render ? column.render(record, index) : record[dataKey];
+                      };
+                      return /* @__PURE__ */ jsxs5(Fragment, { children: [
+                        titleColumn && /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardTitleClasses, children: renderCellContent(titleColumn) }),
+                        bodyColumns.map((column) => /* @__PURE__ */ jsxs5("div", { className: tableResponsiveCardRowClasses, children: [
+                          /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardLabelClasses, children: column.title }),
+                          /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardValueClasses, children: renderCellContent(column) })
+                        ] }, column.key))
+                      ] });
+                    })(),
+                    expandedNode && /* @__PURE__ */ jsx6("div", { className: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3", children: expandedNode })
+                  ]
+                },
+                key
+              );
+            })
+          }
+        ),
         loading && /* @__PURE__ */ jsxs5(
           "div",
           {

package/dist/components/CropUpload.js

@@ -1,11 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkKTV3ZDSQjs = require('../chunk-KTV3ZDSQ.js');
-require('../chunk-SXHP4Q7O.js');
+var _chunkH2YHUFMKjs = require('../chunk-H2YHUFMK.js');
+require('../chunk-DSXII6ZF.js');
 require('../chunk-FI53LYZ6.js');
+require('../chunk-TDODFBBO.js');
 require('../chunk-56ZV3VVY.js');
 require('../chunk-YMKA4L3Z.js');
 require('../chunk-STTQ5LXX.js');
 
 
-exports.CropUpload = _chunkKTV3ZDSQjs.CropUpload;
+exports.CropUpload = _chunkH2YHUFMKjs.CropUpload;

package/dist/components/CropUpload.mjs

@@ -1,8 +1,9 @@
 import {
   CropUpload
-} from "../chunk-IUOTJ73N.mjs";
-import "../chunk-AKDBQOKX.mjs";
+} from "../chunk-D4FXVNRW.mjs";
+import "../chunk-RL6HARKE.mjs";
 import "../chunk-SY23FAXK.mjs";
+import "../chunk-QAIBQHIO.mjs";
 import "../chunk-USWK2S3Y.mjs";
 import "../chunk-ZJWUBR2X.mjs";
 import "../chunk-SEWNVIHH.mjs";

package/dist/components/DataTableWithToolbar.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkVHHYTCZQjs = require('../chunk-VHHYTCZQ.js');
-require('../chunk-VAZYY35F.js');
+var _chunkL2CAJUXHjs = require('../chunk-L2CAJUXH.js');
+require('../chunk-MIINT2WV.js');
 require('../chunk-6Z4LLPZA.js');
 require('../chunk-TDODFBBO.js');
 require('../chunk-ZYJTHGQW.js');
@@ -11,4 +11,4 @@ require('../chunk-YMKA4L3Z.js');
 
 
 
-exports.DataTableWithToolbar = _chunkVHHYTCZQjs.DataTableWithToolbar; exports.default = _chunkVHHYTCZQjs.DataTableWithToolbar_default;
+exports.DataTableWithToolbar = _chunkL2CAJUXHjs.DataTableWithToolbar; exports.default = _chunkL2CAJUXHjs.DataTableWithToolbar_default;

package/dist/components/DataTableWithToolbar.mjs

@@ -1,8 +1,8 @@
 import {
   DataTableWithToolbar,
   DataTableWithToolbar_default
-} from "../chunk-VXOLIMK2.mjs";
-import "../chunk-AIXYHS2L.mjs";
+} from "../chunk-2CJKAO2I.mjs";
+import "../chunk-ZGPOMSGD.mjs";
 import "../chunk-T4OVGM4X.mjs";
 import "../chunk-QAIBQHIO.mjs";
 import "../chunk-WNLUUD5N.mjs";

package/dist/components/Drawer.js

@@ -1,7 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkOHSJ4KTUjs = require('../chunk-OHSJ4KTU.js');
+var _chunkTLU3ROLTjs = require('../chunk-TLU3ROLT.js');
+require('../chunk-TDODFBBO.js');
 require('../chunk-STTQ5LXX.js');
 
 
-exports.Drawer = _chunkOHSJ4KTUjs.Drawer;
+exports.Drawer = _chunkTLU3ROLTjs.Drawer;

package/dist/components/Drawer.mjs

@@ -1,6 +1,7 @@
 import {
   Drawer
-} from "../chunk-D62GWQBX.mjs";
+} from "../chunk-CHS54PVQ.mjs";
+import "../chunk-QAIBQHIO.mjs";
 import "../chunk-SEWNVIHH.mjs";
 export {
   Drawer

package/dist/components/FormWizard.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkP4INKEQ3js = require('../chunk-P4INKEQ3.js');
+var _chunk7JFP3MIWjs = require('../chunk-7JFP3MIW.js');
 require('../chunk-M7HBWFQO.js');
 require('../chunk-TDODFBBO.js');
 require('../chunk-56ZV3VVY.js');
@@ -9,4 +9,4 @@ require('../chunk-YMKA4L3Z.js');
 
 
 
-exports.FormWizard = _chunkP4INKEQ3js.FormWizard; exports.default = _chunkP4INKEQ3js.FormWizard_default;
+exports.FormWizard = _chunk7JFP3MIWjs.FormWizard; exports.default = _chunk7JFP3MIWjs.FormWizard_default;