@deepnoid/ui 0.1.14 → 0.1.16

package/dist/components/select/select.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   select_default
-} from "../../chunk-NEUCUEIG.mjs";
-import "../../chunk-NJ4PBW65.mjs";
+} from "../../chunk-IB424QKO.mjs";
+import "../../chunk-P6NVCCBZ.mjs";
 import "../../chunk-S3QS5B7F.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 {
   select_default as default

package/dist/components/table/index.js

@@ -108,7 +108,7 @@ module.exports = __toCommonJS(table_exports);
 
 // src/components/table/table.tsx
 var import_react7 = require("react");
-var import_tailwind_variants5 = require("tailwind-variants");
+var import_tailwind_variants6 = require("tailwind-variants");
 
 // src/utils/props.ts
 var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
@@ -5200,8 +5200,44 @@ var paginationStyle = tv(
   }
 );
 
-// src/components/table/table.tsx
+// src/components/scroll/scrollArea.tsx
+var import_tailwind_variants5 = require("tailwind-variants");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var ScrollArea = ({ children, className, direction, size }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+};
+ScrollArea.displayName = "ScrollArea";
+var scrollArea_default = ScrollArea;
+var scrollAreaStyle = (0, import_tailwind_variants5.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"
+  }
+});
+
+// src/components/table/table.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tableStyle.variantKeys);
   const {
@@ -5238,9 +5274,9 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
     setCheckedRows(newChecked);
   };
   const slots = (0, import_react7.useMemo)(() => tableStyle(variantProps), [variantProps]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         table_head_default,
         {
           columns,
@@ -5252,7 +5288,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
           slots
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         table_body_default,
         {
           slots,
@@ -5266,8 +5302,8 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
           classNames
         }
       )
-    ] }),
-    showPagination && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    ] }) }),
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       pagination_default,
       {
         color,
@@ -5281,7 +5317,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
 });
 Table.displayName = "Table";
 var table_default = Table;
-var tableStyle = (0, import_tailwind_variants5.tv)({
+var tableStyle = (0, import_tailwind_variants6.tv)({
   slots: {
     base: ["flex", "flex-col", "relative", "select-none", "gap-[20px]"],
     table: ["w-full", "h-auto"],

package/dist/components/table/index.mjs

@@ -2,22 +2,24 @@
 import "../../chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "../../chunk-72JRFZCH.mjs";
-import "../../chunk-D7WPZ5C6.mjs";
-import "../../chunk-OQS4LGZK.mjs";
+} from "../../chunk-EDRRWKRE.mjs";
+import "../../chunk-V3DWFAL7.mjs";
+import "../../chunk-H4UNPIQJ.mjs";
+import "../../chunk-DQRAFUDA.mjs";
+import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-7R4NOC2G.mjs";
+import "../../chunk-VBY63YVZ.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-2KAR2PTQ.mjs";
+import "../../chunk-36JC3WXM.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-J5WJD6XZ.mjs";
+import "../../chunk-YLRYHUTW.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 {
   table_default as Table

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

@@ -1,12 +1,12 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-D7WPZ5C6.mjs";
+} from "../../chunk-V3DWFAL7.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-J5WJD6XZ.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-YLRYHUTW.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_body_default as default

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

@@ -1,12 +1,12 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-OQS4LGZK.mjs";
+} from "../../chunk-H4UNPIQJ.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-J5WJD6XZ.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+import "../../chunk-YLRYHUTW.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_head_default as default

package/dist/components/table/table.js

@@ -106,7 +106,7 @@ __export(table_exports, {
 });
 module.exports = __toCommonJS(table_exports);
 var import_react7 = require("react");
-var import_tailwind_variants5 = require("tailwind-variants");
+var import_tailwind_variants6 = require("tailwind-variants");
 
 // src/utils/props.ts
 var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
@@ -5198,8 +5198,44 @@ var paginationStyle = tv(
   }
 );
 
-// src/components/table/table.tsx
+// src/components/scroll/scrollArea.tsx
+var import_tailwind_variants5 = require("tailwind-variants");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var ScrollArea = ({ children, className, direction, size }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+};
+ScrollArea.displayName = "ScrollArea";
+var scrollArea_default = ScrollArea;
+var scrollAreaStyle = (0, import_tailwind_variants5.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"
+  }
+});
+
+// src/components/table/table.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tableStyle.variantKeys);
   const {
@@ -5236,9 +5272,9 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
     setCheckedRows(newChecked);
   };
   const slots = (0, import_react7.useMemo)(() => tableStyle(variantProps), [variantProps]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(scrollArea_default, { size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         table_head_default,
         {
           columns,
@@ -5250,7 +5286,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
           slots
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         table_body_default,
         {
           slots,
@@ -5264,8 +5300,8 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
           classNames
         }
       )
-    ] }),
-    showPagination && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    ] }) }),
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       pagination_default,
       {
         color,
@@ -5279,7 +5315,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
 });
 Table.displayName = "Table";
 var table_default = Table;
-var tableStyle = (0, import_tailwind_variants5.tv)({
+var tableStyle = (0, import_tailwind_variants6.tv)({
   slots: {
     base: ["flex", "flex-col", "relative", "select-none", "gap-[20px]"],
     table: ["w-full", "h-auto"],

package/dist/components/table/table.mjs

@@ -1,22 +1,24 @@
 "use client";
 import {
   table_default
-} from "../../chunk-72JRFZCH.mjs";
-import "../../chunk-D7WPZ5C6.mjs";
-import "../../chunk-OQS4LGZK.mjs";
+} from "../../chunk-EDRRWKRE.mjs";
+import "../../chunk-V3DWFAL7.mjs";
+import "../../chunk-H4UNPIQJ.mjs";
+import "../../chunk-DQRAFUDA.mjs";
+import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-7R4NOC2G.mjs";
+import "../../chunk-VBY63YVZ.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-2KAR2PTQ.mjs";
+import "../../chunk-36JC3WXM.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-J5WJD6XZ.mjs";
+import "../../chunk-YLRYHUTW.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 {
   table_default as default

package/dist/components/tabs/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-3MY6LO7N.mjs";
 import {
   tabs_default
-} from "../../chunk-ZEZ6ZA3N.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+} from "../../chunk-SSMMWMQC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as Tabs

package/dist/components/tabs/tabs.mjs

@@ -2,9 +2,9 @@
 import {
   tabs,
   tabs_default
-} from "../../chunk-ZEZ6ZA3N.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
+} from "../../chunk-SSMMWMQC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as default,

package/dist/components/toast/index.mjs

@@ -3,16 +3,16 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-GQS6V47G.mjs";
+} from "../../chunk-QEXS35XA.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-56RN6YOP.mjs";
+} from "../../chunk-LNNTSCMC.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 {
   toast_default as Toast,

package/dist/components/toast/toast.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-56RN6YOP.mjs";
+} from "../../chunk-LNNTSCMC.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 {
   toast_default as default

package/dist/components/toast/use-toast.mjs

@@ -2,14 +2,14 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-GQS6V47G.mjs";
+} from "../../chunk-QEXS35XA.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-56RN6YOP.mjs";
+import "../../chunk-LNNTSCMC.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 {
   ToastProvider,

package/dist/components/tooltip/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "../../chunk-U2YKMXVG.mjs";
+} from "../../chunk-IL5ENWCR.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as Tooltip

package/dist/components/tooltip/tooltip.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-U2YKMXVG.mjs";
+} from "../../chunk-IL5ENWCR.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-2ZT6V4QR.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as default

package/dist/index.d.mts

@@ -23,6 +23,7 @@ export { default as ListItem, ListItemProps } from './components/list/listItem.m
 export { default as Toast } from './components/toast/toast.mjs';
 export { ToastProvider, useToast } from './components/toast/use-toast.mjs';
 export { default as DateTimePicker } from './components/dateTimePicker/dateTimePicker.mjs';
+export { default as ScrollArea } from './components/scroll/scrollArea.mjs';
 export { tv } from './utils/tailwind-variants.mjs';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';

package/dist/index.d.ts

@@ -23,6 +23,7 @@ export { default as ListItem, ListItemProps } from './components/list/listItem.j
 export { default as Toast } from './components/toast/toast.js';
 export { ToastProvider, useToast } from './components/toast/use-toast.js';
 export { default as DateTimePicker } from './components/dateTimePicker/dateTimePicker.js';
+export { default as ScrollArea } from './components/scroll/scrollArea.js';
 export { tv } from './utils/tailwind-variants.js';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';