@deepnoid/ui 0.1.14 → 0.1.17

package/dist/chunk-AL4SMNMR.mjs

@@ -0,0 +1,40 @@
+"use client";
+import {
+  checkbox_default
+} from "./chunk-YLRYHUTW.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+
+// src/components/table/table-head.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, classNames, onCheckAll }) => {
+  const handleClickCheckAll = (e) => {
+    e.preventDefault();
+    onCheckAll(!isCheckedAll);
+  };
+  const renderColumnHeaders = () => columns.map((column, index) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: clsx(slots.th({ class: classNames == null ? void 0 : classNames.th }), column),
+      style: {
+        width: column.width ? `${column.width}px` : void 0,
+        minWidth: column.minWidth ? `${column.minWidth}px` : void 0,
+        maxWidth: column.maxWidth ? `${column.maxWidth}px` : void 0,
+        height: column.height ? `${column.height}px` : void 0
+      },
+      children: column.headerName
+    },
+    `${column.field}${index}thead`
+  ));
+  const renderSelectAllCheckbox = () => selectableRows && /* @__PURE__ */ jsx("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(checkbox_default, { size, checked: isCheckedAll }) }) });
+  return /* @__PURE__ */ jsx("thead", { className: slots.thead({ class: classNames == null ? void 0 : classNames.thead }), children: /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
+    renderColumnHeaders(),
+    renderSelectAllCheckbox()
+  ] }) });
+};
+var table_head_default = TableHead;
+
+export {
+  table_head_default
+};

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

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

package/dist/chunk-DQRAFUDA.mjs

@@ -0,0 +1 @@
+"use client";

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

@@ -1,19 +1,19 @@
 "use client";
 import {
   option_default
-} from "./chunk-NJ4PBW65.mjs";
+} from "./chunk-P6NVCCBZ.mjs";
 import {
   useSelect
 } from "./chunk-S3QS5B7F.mjs";
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  tv
-} from "./chunk-2ZT6V4QR.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/select/select.tsx
 import { forwardRef, useMemo, useCallback } from "react";

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

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

package/dist/{chunk-KFBG45BI.mjs → chunk-KCPPDCLS.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   text_button_default
-} from "./chunk-KSZEUKBY.mjs";
+} from "./chunk-2PKM7SLZ.mjs";
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
 import {
   tv
-} from "./chunk-2ZT6V4QR.mjs";
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/breadcrumb/breadcrumb.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-56RN6YOP.mjs → chunk-LNNTSCMC.mjs}

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

package/dist/{chunk-WB24YDE2.mjs → chunk-LPZOH3RP.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   tv
-} from "./chunk-2ZT6V4QR.mjs";
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/button-group.tsx
 import React, { forwardRef } from "react";

package/dist/chunk-M37VBNB3.mjs

@@ -0,0 +1,44 @@
+"use client";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+
+// src/components/scroll/scrollArea.tsx
+import { tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+var ScrollArea = ({ children, className, direction, size }) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+};
+ScrollArea.displayName = "ScrollArea";
+var scrollArea_default = ScrollArea;
+var scrollAreaStyle = tv({
+  base: [
+    "h-full",
+    "x-full",
+    "scrollbar-thumb-trans-soft",
+    "hover:scrollbar-thumb-neutral-light",
+    "scrollbar-track-neutral-soft",
+    "scrollbar-button-neutral-main"
+  ],
+  variants: {
+    direction: {
+      x: ["overflow-x-auto", "overflow-y-hidden"],
+      y: ["overflow-y-auto", "overflow-x-hidden"],
+      both: ["overflow-auto"]
+    },
+    size: {
+      sm: ["scrollbar-sm"],
+      // "scrollbar-thin",
+      md: ["scrollbar-md"],
+      lg: ["scrollbar-lg"]
+    }
+  },
+  defaultVariants: {
+    direction: "both",
+    size: "md"
+  }
+});
+
+export {
+  scrollArea_default
+};

package/dist/{chunk-6G7GOPSB.mjs → chunk-OKLT5ESS.mjs}

@@ -1,22 +1,22 @@
 "use client";
 import {
   calendar_default
-} from "./chunk-4GLKWK3Z.mjs";
+} from "./chunk-S6DHANZX.mjs";
 import {
   timePicker_default
-} from "./chunk-AHTNXGAY.mjs";
+} from "./chunk-ZQFIB7ZW.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  tv
-} from "./chunk-2ZT6V4QR.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/dateTimePicker/dateTimePicker.tsx
 import React, { forwardRef, useCallback, useMemo } from "react";

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

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

package/dist/{chunk-NJ4PBW65.mjs → chunk-P6NVCCBZ.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-DADMVOYI.mjs";
 import {
   tv
-} from "./chunk-2ZT6V4QR.mjs";
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/select/option.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-GQS6V47G.mjs → chunk-QEXS35XA.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-56RN6YOP.mjs";
+} from "./chunk-LNNTSCMC.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-4GLKWK3Z.mjs → chunk-S6DHANZX.mjs}

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

package/dist/{chunk-ZEZ6ZA3N.mjs → chunk-SSMMWMQC.mjs}

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

package/dist/{chunk-72JRFZCH.mjs → chunk-TVEEKI4Q.mjs}

@@ -1,13 +1,16 @@
 "use client";
 import {
   table_body_default
-} from "./chunk-D7WPZ5C6.mjs";
+} from "./chunk-V3DWFAL7.mjs";
 import {
   table_head_default
-} from "./chunk-OQS4LGZK.mjs";
+} from "./chunk-AL4SMNMR.mjs";
+import {
+  scrollArea_default
+} from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
-} from "./chunk-7R4NOC2G.mjs";
+} from "./chunk-VBY63YVZ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -60,7 +63,7 @@ var Table = forwardRef((originalProps, ref) => {
   };
   const slots = useMemo(() => tableStyle(variantProps), [variantProps]);
   return /* @__PURE__ */ jsxs("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ jsxs("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
+    /* @__PURE__ */ jsx(scrollArea_default, { size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ jsxs("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
       /* @__PURE__ */ jsx(
         table_head_default,
         {
@@ -87,7 +90,7 @@ var Table = forwardRef((originalProps, ref) => {
           classNames
         }
       )
-    ] }),
+    ] }) }),
     showPagination && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
       pagination_default,
       {

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

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

package/dist/{chunk-7R4QY3TA.mjs → chunk-UYPVP36M.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-A7OXEUCC.mjs";
 import {
   tv
-} from "./chunk-2ZT6V4QR.mjs";
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/avatar/avatar.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-D7WPZ5C6.mjs → chunk-V3DWFAL7.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   checkbox_default
-} from "./chunk-J5WJD6XZ.mjs";
+} from "./chunk-YLRYHUTW.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-7R4NOC2G.mjs → chunk-VBY63YVZ.mjs}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-2KAR2PTQ.mjs";
+} from "./chunk-36JC3WXM.mjs";
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  tv
-} from "./chunk-2ZT6V4QR.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/pagination/pagination.tsx
 import { forwardRef, useMemo, useState } from "react";

package/dist/{chunk-57WBWSSL.mjs → chunk-XBIHKPK4.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   button_default
-} from "./chunk-LP724WOP.mjs";
+} from "./chunk-XKEXTBMD.mjs";
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  tv
-} from "./chunk-2ZT6V4QR.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/modal/modal.tsx
 import { forwardRef, useCallback, useMemo, useEffect } from "react";

package/dist/{chunk-LP724WOP.mjs → chunk-XKEXTBMD.mjs}

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

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

@@ -1,16 +1,16 @@
 "use client";
 import {
   avatar_default
-} from "./chunk-7R4QY3TA.mjs";
+} from "./chunk-UYPVP36M.mjs";
 import {
   Icon_default
 } from "./chunk-DADMVOYI.mjs";
-import {
-  tv
-} from "./chunk-2ZT6V4QR.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

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

@@ -1,13 +1,13 @@
 "use client";
-import {
-  tv
-} from "./chunk-2ZT6V4QR.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-AHTNXGAY.mjs → chunk-ZQFIB7ZW.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   list_default
-} from "./chunk-VVOOYDJS.mjs";
+} from "./chunk-UFVQPPPW.mjs";
 import {
   listItem_default
-} from "./chunk-GXWSYM7Z.mjs";
+} from "./chunk-YD7UPDCV.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/components/avatar/avatar.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   avatar_default
-} from "../../chunk-7R4QY3TA.mjs";
+} from "../../chunk-UYPVP36M.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   avatar_default as default

package/dist/components/avatar/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-7DLOYKVC.mjs";
 import {
   avatar_default
-} from "../../chunk-7R4QY3TA.mjs";
+} from "../../chunk-UYPVP36M.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   avatar_default as Avatar

package/dist/components/backdrop/backdrop.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   backdrop_default
-} from "../../chunk-HJZWSGUX.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+} from "../../chunk-P5QCU457.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   backdrop_default as default

package/dist/components/backdrop/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-SE5TU755.mjs";
 import {
   backdrop_default
-} from "../../chunk-HJZWSGUX.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+} from "../../chunk-P5QCU457.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   backdrop_default as Backdrop

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,21 +1,21 @@
 "use client";
 import {
   breadcrumb_default
-} from "../../chunk-KFBG45BI.mjs";
+} from "../../chunk-KCPPDCLS.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-WB24YDE2.mjs";
-import "../../chunk-LP724WOP.mjs";
-import "../../chunk-QRAHATAM.mjs";
+import "../../chunk-LPZOH3RP.mjs";
+import "../../chunk-XKEXTBMD.mjs";
+import "../../chunk-CU6CIHC2.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
-import "../../chunk-KSZEUKBY.mjs";
+import "../../chunk-2PKM7SLZ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DADMVOYI.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   breadcrumb_default as default

package/dist/components/breadcrumb/index.mjs

@@ -2,21 +2,21 @@
 import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "../../chunk-KFBG45BI.mjs";
+} from "../../chunk-KCPPDCLS.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-WB24YDE2.mjs";
-import "../../chunk-LP724WOP.mjs";
-import "../../chunk-QRAHATAM.mjs";
+import "../../chunk-LPZOH3RP.mjs";
+import "../../chunk-XKEXTBMD.mjs";
+import "../../chunk-CU6CIHC2.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
-import "../../chunk-KSZEUKBY.mjs";
+import "../../chunk-2PKM7SLZ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DADMVOYI.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   breadcrumb_default as Breadcrumb

package/dist/components/button/button-group.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   button_group_default
-} from "../../chunk-WB24YDE2.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+} from "../../chunk-LPZOH3RP.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   button_group_default as default

package/dist/components/button/button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   button_default
-} from "../../chunk-LP724WOP.mjs";
+} from "../../chunk-XKEXTBMD.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DADMVOYI.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   button_default as default

package/dist/components/button/icon-button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-QRAHATAM.mjs";
+} from "../../chunk-CU6CIHC2.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-DADMVOYI.mjs";
 import "../../chunk-A7OXEUCC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   icon_button_default as default