@deepnoid/ui 0.1.17 → 0.1.19

package/dist/index.js

@@ -6774,7 +6774,9 @@ var TableBody = ({
   checkedRows,
   onCheckRow,
   emptyContent,
-  classNames
+  isLoading,
+  classNames,
+  className
 }) => {
   const generateColumnStyles = (0, import_react13.useCallback)((column) => {
     const alignClass = column.align ? `text-${column.align}` : "text-left";
@@ -6812,8 +6814,8 @@ var TableBody = ({
   );
   const hasRows = rows.length > 0;
   const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tbody", { className: slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), children: [
-    hasRows && rows.map((row, rowIndex) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
+    !isLoading && hasRows && rows.map((row, rowIndex) => {
       const isRowChecked = checkedRows.has(rowIndex);
       return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
         columns.map((column) => /* @__PURE__ */ (0, import_react14.createElement)("td", { ...getCellProps(column, row), key: column.field })),
@@ -6827,7 +6829,7 @@ var TableBody = ({
         ) }) })
       ] }, rowIndex);
     }),
-    !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { colSpan, className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: emptyContent }) })
+    !isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
   ] });
 };
 var table_body_default = TableBody;
@@ -7168,13 +7170,14 @@ var Table = (0, import_react17.forwardRef)((originalProps, ref) => {
     pagination,
     onPageChange,
     emptyContent,
+    isLoading,
     className,
     color
   } = { ...props, ...variantProps };
   const [checkedRows, setCheckedRows] = (0, import_react17.useState)(/* @__PURE__ */ new Set());
   const divRef = (0, import_react17.useRef)(null);
   const { page, perPage } = pagination || { page: 1, perPage: 10 };
-  const showPagination = pagination && typeof totalData === "number";
+  const showPagination = pagination && typeof totalData === "number" && !isLoading;
   (0, import_react17.useImperativeHandle)(ref, () => ({
     checkedRows,
     setCheckedRows
@@ -7193,7 +7196,7 @@ var Table = (0, import_react17.forwardRef)((originalProps, ref) => {
   };
   const slots = (0, import_react17.useMemo)(() => tableStyle(variantProps), [variantProps]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(scrollArea_default, { size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         table_head_default,
         {
@@ -7217,7 +7220,12 @@ var Table = (0, import_react17.forwardRef)((originalProps, ref) => {
           checkedRows,
           onCheckRow: handleCheck,
           emptyContent,
-          classNames
+          isLoading,
+          classNames,
+          className: clsx(
+            "transition-all duration-150 ease-out",
+            isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
+          )
         }
       )
     ] }) }),
@@ -7263,6 +7271,15 @@ var tableStyle = (0, import_tailwind_variants15.tv)({
       "gap-[10px]",
       "transition duration-200",
       "align-middle"
+    ],
+    empty: [
+      "relative",
+      "text-foreground",
+      "whitespace-normal",
+      "outline-none",
+      "[&>*]:z-1",
+      "[&>*]:relative",
+      "align-middle"
     ]
   },
   variants: {
@@ -7837,7 +7854,8 @@ var chipStyle = tv({
       "gap-[5px]",
       "px-[10px]",
       "py-[2px]",
-      "rounded-full"
+      "rounded-full",
+      "justify-center"
     ],
     icon: ["fill-common-white"]
   },

package/dist/index.mjs

@@ -1,33 +1,33 @@
 "use client";
-import "./chunk-LUWGOKLG.mjs";
-import {
-  ToastProvider,
-  useToast
-} from "./chunk-QEXS35XA.mjs";
-import "./chunk-ZOTHPHXA.mjs";
-import {
-  toast_default
-} from "./chunk-LNNTSCMC.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "./chunk-IL5ENWCR.mjs";
+} from "./chunk-Z2537DF6.mjs";
 import "./chunk-ZMOAFSYE.mjs";
 import "./chunk-WSIADHVC.mjs";
 import "./chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "./chunk-TVEEKI4Q.mjs";
-import "./chunk-V3DWFAL7.mjs";
-import "./chunk-AL4SMNMR.mjs";
+} from "./chunk-3TJAGKKY.mjs";
+import "./chunk-63WXGSTV.mjs";
+import "./chunk-3DPVPTHL.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
-} from "./chunk-SSMMWMQC.mjs";
+} from "./chunk-2YMAKIZ6.mjs";
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
 } from "./chunk-BKE6QF6W.mjs";
+import "./chunk-LUWGOKLG.mjs";
+import {
+  ToastProvider,
+  useToast
+} from "./chunk-HDNQOLUJ.mjs";
+import "./chunk-ZOTHPHXA.mjs";
+import {
+  toast_default
+} from "./chunk-5OBP42D6.mjs";
 import "./chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
@@ -35,7 +35,7 @@ import {
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-IB424QKO.mjs";
+} from "./chunk-MJT6ZW4C.mjs";
 import "./chunk-P6NVCCBZ.mjs";
 import "./chunk-S3QS5B7F.mjs";
 import "./chunk-LVFI2NOH.mjs";
@@ -45,43 +45,43 @@ import {
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-VBY63YVZ.mjs";
+} from "./chunk-UHFJ7ZFM.mjs";
 import "./chunk-F3HENRVM.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "./chunk-33LANVZV.mjs";
+} from "./chunk-QIRL6HY6.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-36JC3WXM.mjs";
+} from "./chunk-7TXQPX4O.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "./chunk-XBIHKPK4.mjs";
+} from "./chunk-RXIFDECK.mjs";
 import "./chunk-MGEWSREV.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-OKLT5ESS.mjs";
-import "./chunk-S6DHANZX.mjs";
-import "./chunk-ZQFIB7ZW.mjs";
+} from "./chunk-QIDZXCYP.mjs";
+import "./chunk-5ANQDLRS.mjs";
+import "./chunk-AG7AWQKH.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
-} from "./chunk-UFVQPPPW.mjs";
+} from "./chunk-HIVPDIEP.mjs";
 import {
   listItem_default
-} from "./chunk-YD7UPDCV.mjs";
+} from "./chunk-FONJYZKH.mjs";
 import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-P732YGHO.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
-} from "./chunk-YLRYHUTW.mjs";
+} from "./chunk-D6QI3DJG.mjs";
 import {
   chip_default
-} from "./chunk-3MPMVCR7.mjs";
+} from "./chunk-BFM3LPBK.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
@@ -89,39 +89,39 @@ import {
 import "./chunk-SE5TU755.mjs";
 import {
   backdrop_default
-} from "./chunk-P5QCU457.mjs";
+} from "./chunk-LL6F3WDX.mjs";
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-KCPPDCLS.mjs";
+} from "./chunk-RPDPB4JP.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   button_group_default
 } from "./chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "./chunk-XKEXTBMD.mjs";
+} from "./chunk-7A5M7DRD.mjs";
 import {
   icon_button_default
-} from "./chunk-CU6CIHC2.mjs";
+} from "./chunk-K7Z6PVXE.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-6PNKRBUT.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import {
   text_button_default
-} from "./chunk-2PKM7SLZ.mjs";
+} from "./chunk-WFMFC7R6.mjs";
 import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
 } from "./chunk-DADMVOYI.mjs";
 import "./chunk-A7OXEUCC.mjs";
-import "./chunk-27Y6K5NK.mjs";
-import "./chunk-E3G5QXSH.mjs";
 import {
   deepnoidUi,
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import "./chunk-27Y6K5NK.mjs";
+import "./chunk-E3G5QXSH.mjs";
 import "./chunk-AC6TWLRT.mjs";
 export {
   avatar_default as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/{chunk-SSMMWMQC.mjs → chunk-2YMAKIZ6.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/tabs/tabs.tsx
 import { forwardRef, useCallback, useMemo, useState } from "react";

package/dist/{chunk-S6DHANZX.mjs → chunk-5ANQDLRS.mjs}

@@ -6,12 +6,12 @@ import {
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/dateTimePicker/calendar.tsx
 import React, {

package/dist/{chunk-LNNTSCMC.mjs → chunk-5OBP42D6.mjs}

@@ -2,12 +2,12 @@
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/toast/toast.tsx
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from "react";

package/dist/{chunk-XKEXTBMD.mjs → chunk-7A5M7DRD.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/button/button.tsx
 import React, { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-36JC3WXM.mjs → chunk-7TXQPX4O.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/input/input.tsx
 import React, { forwardRef, useRef, useCallback, useMemo } from "react";

package/dist/{chunk-YLRYHUTW.mjs → chunk-D6QI3DJG.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/checkbox/checkbox.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-YD7UPDCV.mjs → chunk-FONJYZKH.mjs}

@@ -5,12 +5,12 @@ import {
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-UFVQPPPW.mjs → chunk-HIVPDIEP.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/list/list.tsx
 import { Children, cloneElement, forwardRef, isValidElement, useMemo } from "react";

package/dist/{chunk-CU6CIHC2.mjs → chunk-K7Z6PVXE.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/button/icon-button.tsx
 import { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-P5QCU457.mjs → chunk-LL6F3WDX.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
 
 // src/components/backdrop/backdrop.tsx
 import { useEffect, useState } from "react";

package/dist/{chunk-IB424QKO.mjs → chunk-MJT6ZW4C.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/select/select.tsx
 import { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-33LANVZV.mjs → chunk-QIRL6HY6.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/radio/radio.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-2PKM7SLZ.mjs → chunk-WFMFC7R6.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/text-button.tsx
 import {

package/dist/{chunk-IL5ENWCR.mjs → chunk-Z2537DF6.mjs}

@@ -6,12 +6,12 @@ import {
   getTailClassName,
   getTailStyles
 } from "./chunk-WSIADHVC.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/tooltip/tooltip.tsx
 import { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from "react";