@deepnoid/ui 0.1.66 → 0.1.68

package/dist/components/table/index.mjs

@@ -2,29 +2,29 @@
 import "../../chunk-DX3KXNP6.mjs";
 import {
   definition_table_default
-} from "../../chunk-ZGPNJQZX.mjs";
+} from "../../chunk-KCAGZUYM.mjs";
 import {
   table_default
-} from "../../chunk-2XWRY3U7.mjs";
-import "../../chunk-UHT6GDT2.mjs";
-import "../../chunk-UCU5ON5M.mjs";
+} from "../../chunk-Q6IUCVAN.mjs";
+import "../../chunk-63JDURFU.mjs";
+import "../../chunk-TKB2JL2E.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-TMCRSM54.mjs";
+import "../../chunk-HLLRDA4A.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-G4OFX2OO.mjs";
+import "../../chunk-MNGULMJI.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-7H5XPHY6.mjs";
+import "../../chunk-SKOCUCE5.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-TVIVXGEN.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-UTWY7OBW.mjs";
+import "../../chunk-YZ7HQHTL.mjs";
+import "../../chunk-XOPCRI7Z.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-SQF2SUJZ.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   definition_table_default as DefinitionTable,

package/dist/components/table/table-body.js

@@ -328,7 +328,15 @@ var boxShadow = {
   "border-9": "inner 0 0 0 9px inset",
   "border-10": "inner 0 0 0 10px inset",
   inner: "inset 0 4px 8px 0 rgba(36, 39, 44, 0.2)",
-  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)"
+  "inner-sm": "inset 0 4px 8px 0 rgba(0, 0, 0, 0.2)",
+  "inner-md": "inset 0 6px 12px 0 rgba(0, 0, 0, 0.2)",
+  "inner-lg": "inset 0 8px 16px 0 rgba(0, 0, 0, 0.2)",
+  "inner-xl": "inset 0 10px 20px 0 rgba(0, 0, 0, 0.2)",
+  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)",
+  "drop-sm": "0 4px 12px 0 rgba(0, 0, 0, 0.1)",
+  "drop-md": "0 6px 18px 0 rgba(0, 0, 0, 0.1)",
+  "drop-lg": "0 8px 24px 0 rgba(0, 0, 0, 0.1)",
+  "drop-xl": "0 10px 30px 0 rgba(0, 0, 0, 0.1)"
 };
 
 // ../tailwind-config/src/border/radius.ts
@@ -672,7 +680,6 @@ var TableBody = ({
   rowCheckbox = false,
   checkedRows,
   onCheckRow,
-  // onRowClick,
   isLoading = false,
   emptyContent,
   skeletonRow,
@@ -700,27 +707,24 @@ var TableBody = ({
     rowCheckbox && renderTdSkeleton(`skeleton-checkbox-${rowIndex}`)
   ] }, `skeleton-${rowIndex}`);
   const renderEmptyRow = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan: columns.length + (rowCheckbox ? 1 : 0), className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) });
-  const renderDataRow = (row, rowIndex) => (
-    // <tr key={rowIndex} className={slots.tr({ class: classNames?.tr })} onClick={() => onRowClick?.(row)}>
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
-      columns.map((column, colIdx) => {
-        var _a;
-        const value = row[column.field];
-        const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
-        const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "td",
-          {
-            className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), column.className),
-            style: getCellStyle(column),
-            children: content
-          },
-          `${rowIndex}-${colIdx}`
-        );
-      }),
-      rowCheckbox && renderCheckboxCell(rowIndex)
-    ] }, rowIndex)
-  );
+  const renderDataRow = (row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
+    columns.map((column, colIdx) => {
+      var _a;
+      const value = row[column.field];
+      const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
+      const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "td",
+        {
+          className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), column.className),
+          style: getCellStyle(column),
+          children: content
+        },
+        `${rowIndex}-${colIdx}`
+      );
+    }),
+    rowCheckbox && renderCheckboxCell(rowIndex)
+  ] }, rowIndex);
   const renderRows = () => {
     if (isLoading) return skeletonRow ? Array.from({ length: skeletonRow }, (_, idx) => renderSkeletonRow(idx)) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {});
     if (!rows.length && emptyContent) return renderEmptyRow();

package/dist/components/table/table-body.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-UHT6GDT2.mjs";
+} from "../../chunk-63JDURFU.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-7H5XPHY6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-SKOCUCE5.mjs";
+import "../../chunk-XOPCRI7Z.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_body_default as default

package/dist/components/table/table-head.js

@@ -328,7 +328,15 @@ var boxShadow = {
   "border-9": "inner 0 0 0 9px inset",
   "border-10": "inner 0 0 0 10px inset",
   inner: "inset 0 4px 8px 0 rgba(36, 39, 44, 0.2)",
-  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)"
+  "inner-sm": "inset 0 4px 8px 0 rgba(0, 0, 0, 0.2)",
+  "inner-md": "inset 0 6px 12px 0 rgba(0, 0, 0, 0.2)",
+  "inner-lg": "inset 0 8px 16px 0 rgba(0, 0, 0, 0.2)",
+  "inner-xl": "inset 0 10px 20px 0 rgba(0, 0, 0, 0.2)",
+  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)",
+  "drop-sm": "0 4px 12px 0 rgba(0, 0, 0, 0.1)",
+  "drop-md": "0 6px 18px 0 rgba(0, 0, 0, 0.1)",
+  "drop-lg": "0 8px 24px 0 rgba(0, 0, 0, 0.1)",
+  "drop-xl": "0 10px 30px 0 rgba(0, 0, 0, 0.1)"
 };
 
 // ../tailwind-config/src/border/radius.ts

package/dist/components/table/table-head.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-UCU5ON5M.mjs";
+} from "../../chunk-TKB2JL2E.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-7H5XPHY6.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-SKOCUCE5.mjs";
+import "../../chunk-XOPCRI7Z.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_head_default as default

package/dist/components/table/table.d.mts

@@ -193,18 +193,6 @@ type TableVariantProps = VariantProps<typeof tableStyle>;
 type TableSlots = keyof ReturnType<typeof tableStyle>;
 type TableReturnType = ReturnType<typeof tableStyle>;
 type RowValue = Record<string | symbol, any>;
-type CellParams<R extends RowValue = any, V = any, F = V> = {
-    id: string | number;
-    field: string;
-    value: V | undefined;
-    formattedValue: F | undefined;
-    row: TableRow<R>;
-};
-type ValueFormatterParams<V = any> = {
-    id?: string | number;
-    field: string;
-    value: V;
-};
 type TableRow<R extends RowValue = RowValue> = R;
 type Align = "center" | "left" | "right";
 type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
@@ -219,5 +207,17 @@ type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
     renderCell?: (params: CellParams<R, V, F>) => ReactNode;
     valueFormatter?: (params: ValueFormatterParams<V>) => F;
 };
+type CellParams<R extends RowValue = any, V = any, F = V> = {
+    id: string | number;
+    field: string;
+    value: V | undefined;
+    formattedValue: F | undefined;
+    row: TableRow<R>;
+};
+type ValueFormatterParams<V = any> = {
+    id?: string | number;
+    field: string;
+    value: V;
+};
 
 export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };

package/dist/components/table/table.d.ts

@@ -193,18 +193,6 @@ type TableVariantProps = VariantProps<typeof tableStyle>;
 type TableSlots = keyof ReturnType<typeof tableStyle>;
 type TableReturnType = ReturnType<typeof tableStyle>;
 type RowValue = Record<string | symbol, any>;
-type CellParams<R extends RowValue = any, V = any, F = V> = {
-    id: string | number;
-    field: string;
-    value: V | undefined;
-    formattedValue: F | undefined;
-    row: TableRow<R>;
-};
-type ValueFormatterParams<V = any> = {
-    id?: string | number;
-    field: string;
-    value: V;
-};
 type TableRow<R extends RowValue = RowValue> = R;
 type Align = "center" | "left" | "right";
 type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
@@ -219,5 +207,17 @@ type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
     renderCell?: (params: CellParams<R, V, F>) => ReactNode;
     valueFormatter?: (params: ValueFormatterParams<V>) => F;
 };
+type CellParams<R extends RowValue = any, V = any, F = V> = {
+    id: string | number;
+    field: string;
+    value: V | undefined;
+    formattedValue: F | undefined;
+    row: TableRow<R>;
+};
+type ValueFormatterParams<V = any> = {
+    id?: string | number;
+    field: string;
+    value: V;
+};
 
 export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };