@deepnoid/ui 0.1.28 → 0.1.30

package/dist/chunk-6PN3DGOE.mjs

@@ -0,0 +1,77 @@
+"use client";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+
+// src/components/skeleton/skeleton.tsx
+import { tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+var Skeleton = ({ color = "primary", className, speed = "normal", rounded = "md" }) => {
+  const speedMap = {
+    fast: "0.7s",
+    normal: "1.2s",
+    slow: "2s"
+  };
+  const slots = skeletonStyle();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(slots.base({ color, rounded }), className),
+      style: {
+        "--shimmer-duration": speedMap[speed]
+      },
+      children: /* @__PURE__ */ jsx("style", { children: `@keyframes shimmer {
+            100% {
+              transform: translateX(100%);
+            }
+          }
+          .skeleton-shimmer::before {
+            animation: shimmer var(--shimmer-duration) infinite linear;
+          }
+        ` })
+    }
+  );
+};
+Skeleton.displayName = "Skeleton";
+var skeleton_default = Skeleton;
+var skeletonStyle = tv({
+  slots: {
+    base: [
+      "relative",
+      "overflow-hidden",
+      "w-full",
+      "h-[18px]",
+      "skeleton-shimmer",
+      "before:absolute",
+      "before:inset-0",
+      "before:-translate-x-full",
+      "before:bg-gradient-to-r",
+      "before:from-transparent",
+      "before:via-white/40",
+      "before:to-transparent",
+      "before:content-['']"
+    ]
+  },
+  variants: {
+    color: {
+      primary: { base: "bg-primary-soft" },
+      secondary: { base: "bg-secondary-soft" },
+      neutral: { base: "bg-neutral-soft" }
+    },
+    rounded: {
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      full: { base: "rounded-full" }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    rounded: "md"
+  }
+});
+
+export {
+  skeleton_default
+};

package/dist/chunk-CEZQCD6Z.mjs

@@ -0,0 +1,79 @@
+"use client";
+import {
+  skeleton_default
+} from "./chunk-6PN3DGOE.mjs";
+import {
+  checkbox_default
+} from "./chunk-D6QI3DJG.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+
+// src/components/table/table-body.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TableBody = ({
+  slots,
+  rows,
+  columns,
+  size,
+  color,
+  rowCheckbox = false,
+  checkedRows,
+  onCheckRow,
+  onRowClick,
+  isLoading = false,
+  emptyContent,
+  skeletonRow,
+  classNames,
+  className
+}) => {
+  const getCellStyle = (col) => ({
+    width: col.width ? `${col.width}px` : void 0,
+    minWidth: col.minWidth ? `${col.minWidth}px` : void 0,
+    maxWidth: col.maxWidth ? `${col.maxWidth}px` : void 0,
+    height: col.height ? `${col.height}px` : void 0
+  });
+  const renderTdSkeleton = (key) => /* @__PURE__ */ jsx("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ jsx(skeleton_default, { color, className: "h-full w-full", rounded: "lg", speed: "fast" }) }, key);
+  const renderCheckboxCell = (rowIndex) => /* @__PURE__ */ jsx("td", { className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), "text-center"), children: /* @__PURE__ */ jsx(
+    checkbox_default,
+    {
+      size,
+      checked: checkedRows.has(rowIndex),
+      onChange: (e) => onCheckRow(rowIndex, e.target.checked)
+    }
+  ) });
+  const renderSkeletonRow = (rowIndex) => /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
+    columns.map((_, colIdx) => renderTdSkeleton(`skeleton-${rowIndex}-${colIdx}`)),
+    rowCheckbox && renderTdSkeleton(`skeleton-checkbox-${rowIndex}`)
+  ] }, `skeleton-${rowIndex}`);
+  const renderEmptyRow = () => /* @__PURE__ */ jsx("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: /* @__PURE__ */ jsx("td", { colSpan: columns.length + (rowCheckbox ? 1 : 0), className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) });
+  const renderDataRow = (row, rowIndex) => /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), onClick: () => onRowClick == null ? void 0 : onRowClick(row), children: [
+    columns.map((col, colIdx) => {
+      var _a;
+      const value = row[col.field];
+      const formattedValue = ((_a = col.valueFormatter) == null ? void 0 : _a.call(col, { value, field: col.field })) || value;
+      const content = col.renderCell ? col.renderCell({ id: row.id, field: col.field, value, formattedValue, row }) : formattedValue;
+      return /* @__PURE__ */ jsx(
+        "td",
+        {
+          className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), col.className),
+          style: getCellStyle(col),
+          children: content
+        },
+        `${rowIndex}-${colIdx}`
+      );
+    }),
+    rowCheckbox && renderCheckboxCell(rowIndex)
+  ] }, rowIndex);
+  const renderRows = () => {
+    if (isLoading) return skeletonRow ? Array.from({ length: skeletonRow }, (_, idx) => renderSkeletonRow(idx)) : /* @__PURE__ */ jsx(Fragment, {});
+    if (!rows.length && emptyContent) return renderEmptyRow();
+    return rows.map((row, index) => renderDataRow(row, index));
+  };
+  return /* @__PURE__ */ jsx("tbody", { className: `${slots.tbody({ class: classNames == null ? void 0 : classNames.tbody })} ${className || ""}`, children: renderRows() });
+};
+var table_body_default = TableBody;
+
+export {
+  table_body_default
+};

package/dist/{chunk-JV7VLO2L.mjs → chunk-GLMM253Q.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   table_body_default
-} from "./chunk-XRC5OUYQ.mjs";
+} from "./chunk-CEZQCD6Z.mjs";
 import {
   table_head_default
-} from "./chunk-UNH3BCGN.mjs";
+} from "./chunk-P7YYNA6L.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
-} from "./chunk-SO7BGWM7.mjs";
+} from "./chunk-QM4ZSQYX.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -32,39 +32,45 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var Table = forwardRef((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, tableStyle.variantKeys);
   const {
-    classNames,
     rows,
     columns,
-    size,
-    rowCheckbox,
+    rowCheckbox = false,
     onRowClick,
     totalData,
     pagination,
     onPageChange,
     emptyContent,
-    isLoading,
-    className,
-    color
+    isLoading = false,
+    classNames,
+    color,
+    size,
+    skeletonRow
   } = { ...props, ...variantProps };
+  const { page = 1, perPage = 10 } = pagination || {};
+  const showPagination = pagination && typeof totalData === "number" && !isLoading;
   const [checkedRows, setCheckedRows] = useState(/* @__PURE__ */ new Set());
   const divRef = useRef(null);
-  const { page, perPage } = pagination || { page: 1, perPage: 10 };
-  const showPagination = pagination && typeof totalData === "number" && !isLoading;
-  useImperativeHandle(ref, () => ({
-    checkedRows,
-    setCheckedRows
-  }));
+  useImperativeHandle(
+    ref,
+    () => ({
+      checkedRows,
+      setCheckedRows
+    }),
+    [checkedRows]
+  );
   useEffect(() => {
     setCheckedRows(/* @__PURE__ */ new Set());
   }, [rows]);
-  const handleCheckAll = (isChecked) => {
-    const newCheckedRows = isChecked ? new Set(rows.map((_, index) => index)) : /* @__PURE__ */ new Set();
-    setCheckedRows(newCheckedRows);
+  const handleAllRowCheck = (checked) => {
+    const updated = checked ? new Set(rows.map((_, i) => i)) : /* @__PURE__ */ new Set();
+    setCheckedRows(updated);
   };
-  const handleCheck = (rowIndex, isChecked) => {
-    const newChecked = new Set(checkedRows);
-    isChecked ? newChecked.add(rowIndex) : newChecked.delete(rowIndex);
-    setCheckedRows(newChecked);
+  const handleRowCheck = (index, checked) => {
+    setCheckedRows((prev) => {
+      const updated = new Set(prev);
+      checked ? updated.add(index) : updated.delete(index);
+      return updated;
+    });
   };
   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: [
@@ -74,9 +80,11 @@ var Table = forwardRef((originalProps, ref) => {
         {
           columns,
           size,
+          color,
           rowCheckbox,
           isCheckedAll: checkedRows.size === rows.length && rows.length > 0,
-          onCheckAll: handleCheckAll,
+          onCheckAll: handleAllRowCheck,
+          isLoading,
           classNames,
           slots
         }
@@ -88,16 +96,18 @@ var Table = forwardRef((originalProps, ref) => {
           rows,
           columns,
           size,
+          color,
           rowCheckbox,
           checkedRows,
           onRowClick,
-          onCheckRow: handleCheck,
+          onCheckRow: handleRowCheck,
           emptyContent,
           isLoading,
-          classNames,
+          skeletonRow,
           className: clsx(
             "transition-all duration-150 ease-out",
-            isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
+            isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100",
+            classNames
           )
         }
       )
@@ -109,7 +119,7 @@ var Table = forwardRef((originalProps, ref) => {
         currentPage: page,
         totalPage: Math.ceil(totalData / perPage),
         groupSize: 10,
-        handleChangePage: (currentPage) => onPageChange && onPageChange({ page: currentPage, perPage })
+        handleChangePage: (newPage) => onPageChange == null ? void 0 : onPageChange({ page: newPage, perPage })
       }
     ) })
   ] });

package/dist/{chunk-K7VUN5BS.mjs → chunk-IC25OKBJ.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-LL6F3WDX.mjs";
 import {
   button_default
-} from "./chunk-JTZUXVOU.mjs";
+} from "./chunk-UB4YBFOT.mjs";
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";

package/dist/{chunk-NHVIKP4H.mjs → chunk-K7V4VE7R.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  useDatePicker
-} from "./chunk-FWJ2ZKH6.mjs";
 import {
   calendar_default
 } from "./chunk-A7RU3FU5.mjs";
 import {
   timePicker_default
-} from "./chunk-KYJTZPXY.mjs";
+} from "./chunk-BFOK4HVC.mjs";
+import {
+  useDatePicker
+} from "./chunk-FWJ2ZKH6.mjs";
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";

package/dist/chunk-MZ76AA76.mjs

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

package/dist/{chunk-4OSN2OE2.mjs → chunk-NFQMXW4Z.mjs}

@@ -13,7 +13,7 @@ import {
 import { forwardRef, useMemo, useState, useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TreeNodeItem = forwardRef(
-  ({ node, depth, fileIcon, isLoading, classNames, onExpand }, ref) => {
+  ({ node, depth, fileIcon, selectedId, isLoading, classNames, onExpand }, ref) => {
     const [isOpen, setIsOpen] = useState(false);
     const [children, setChildren] = useState(node.children);
     const [isLoadingChildren, setIsLoadingChildren] = useState(false);
@@ -37,10 +37,10 @@ var TreeNodeItem = forwardRef(
       }
       setIsOpen((prev) => !prev);
     }, [isOpen, children, onExpand, node]);
-    const handleClick = () => {
+    const handleClick = (e) => {
       var _a;
       toggleOpen();
-      (_a = node.onClick) == null ? void 0 : _a.call(node);
+      (_a = node.onClick) == null ? void 0 : _a.call(node, e);
     };
     const handleRightClick = (e) => {
       var _a;
@@ -61,7 +61,11 @@ var TreeNodeItem = forwardRef(
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: slots.group({ class: classNames == null ? void 0 : classNames.group }),
+              className: clsx(
+                slots.node({ class: classNames == null ? void 0 : classNames.node }),
+                slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }),
+                selectedId == node.id ? "bg-neutral-soft" : ""
+              ),
               onClick: handleClick,
               onContextMenu: handleRightClick,
               children: [
@@ -76,7 +80,7 @@ var TreeNodeItem = forwardRef(
                   }
                 ),
                 fileIcon,
-                node.label
+                node.content
               ]
             }
           ),
@@ -87,6 +91,7 @@ var TreeNodeItem = forwardRef(
               {
                 node: child,
                 depth: depth + 1,
+                selectedId,
                 classNames,
                 fileIcon,
                 onExpand
@@ -105,16 +110,15 @@ var Tree = ({
   group,
   groupIcon,
   fileIcon,
+  selectedId,
   isLoading = false,
   classNames,
   onExpand
 }) => {
   const slots = useMemo(() => treeStyle(), []);
-  const [isOpen, setIsOpen] = useState(true);
-  const handleToggle = () => {
+  const handleClick = (e) => {
     var _a;
-    setIsOpen((prev) => !prev);
-    (_a = group.onClick) == null ? void 0 : _a.call(group);
+    (_a = group.onClick) == null ? void 0 : _a.call(group, e);
   };
   const handleRightClick = (e) => {
     var _a;
@@ -127,22 +131,26 @@ var Tree = ({
       /* @__PURE__ */ jsxs(
         "div",
         {
-          className: slots.group({ class: classNames == null ? void 0 : classNames.group }),
-          onClick: handleToggle,
+          className: clsx(
+            slots.node({ class: classNames == null ? void 0 : classNames.node }),
+            group.onClick || group.onRightClick ? slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }) : ""
+          ),
+          onClick: handleClick,
           onContextMenu: handleRightClick,
           children: [
             groupIcon,
-            group.label
+            group.content
           ]
         }
       ),
-      isOpen && /* @__PURE__ */ jsx("div", { children: group.data.map((node) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { children: group.data.map((node) => /* @__PURE__ */ jsx(
         TreeNodeItem,
         {
           node,
           depth: 1,
           classNames,
           fileIcon,
+          selectedId,
           isLoading,
           onExpand
         },
@@ -157,18 +165,17 @@ var treeStyle = tv({
   slots: {
     base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
     wrapper: ["flex", "flex-col", "gap-[5px]"],
-    group: [
+    node: [
       "flex",
       "items-center",
       "gap-[5px]",
       "text-md",
       "font-bold",
       "text-body-foreground",
-      "hover:bg-neutral-soft",
-      "p-[5px]",
       "rounded-[5px]",
-      "cursor-pointer"
-    ]
+      "p-[5px]"
+    ],
+    clickable: ["hover:bg-neutral-soft", "cursor-pointer"]
   }
 });
 

package/dist/chunk-NKH3OF6I.mjs

@@ -0,0 +1,132 @@
+"use client";
+import {
+  input_default
+} from "./chunk-VCVQMPC7.mjs";
+import {
+  button_default
+} from "./chunk-UB4YBFOT.mjs";
+import {
+  icon_button_default
+} from "./chunk-7TAGGLNY.mjs";
+
+// src/components/fileUpload/fileUpload.tsx
+import { useRef, useState, useEffect } from "react";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FileUpload({
+  buttonText,
+  maxSizeMB = 10,
+  placeholder,
+  accept = [],
+  acceptErrorMessage = "The file type is not allowed.",
+  sizeErrorMessage = `File is too large.`,
+  onFileUpload,
+  helperMessage,
+  showProgress,
+  classNames
+}) {
+  const fileInputRef = useRef(null);
+  const uploadIntervalRef = useRef(null);
+  const [file, setFile] = useState(null);
+  const [uploadProgress, setUploadProgress] = useState(0);
+  const [errorMessage, setErrorMessage] = useState("");
+  const slots = fileUploadStyle();
+  const handleButtonClick = () => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  };
+  const validateFile = (file2) => {
+    if (accept.length && !accept.includes(file2.type)) {
+      return acceptErrorMessage;
+    }
+    const sizeMB = file2.size / 1024 / 1024;
+    if (sizeMB > maxSizeMB) {
+      return `${sizeErrorMessage} (${maxSizeMB}MB)`;
+    }
+    return null;
+  };
+  const startUploadSimulation = (file2) => {
+    let progress = 0;
+    setUploadProgress(0);
+    uploadIntervalRef.current = window.setInterval(() => {
+      progress += 10;
+      setUploadProgress(progress);
+      if (progress >= 100) {
+        clearInterval(uploadIntervalRef.current);
+        onFileUpload == null ? void 0 : onFileUpload(file2);
+      }
+    }, 100);
+  };
+  const handleFileChange = (e) => {
+    var _a;
+    const selectedFile = (_a = e.target.files) == null ? void 0 : _a[0];
+    if (!selectedFile) return;
+    const error = validateFile(selectedFile);
+    if (error) {
+      setErrorMessage(error);
+      setFile(null);
+      return;
+    }
+    setFile(selectedFile);
+    setErrorMessage("");
+    startUploadSimulation(selectedFile);
+  };
+  const handleCancelUpload = () => {
+    if (uploadIntervalRef.current) {
+      clearInterval(uploadIntervalRef.current);
+    }
+    setFile(null);
+    setUploadProgress(0);
+    setErrorMessage("");
+  };
+  useEffect(() => {
+    return () => {
+      if (uploadIntervalRef.current) {
+        clearInterval(uploadIntervalRef.current);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ jsxs("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
+      /* @__PURE__ */ jsxs("div", { className: slots.inputWrapper(), children: [
+        /* @__PURE__ */ jsx(input_default, { name: "file", readOnly: true, variant: "outline", full: true, placeholder, defaultValue: file == null ? void 0 : file.name }),
+        file && /* @__PURE__ */ jsx(
+          icon_button_default,
+          {
+            name: "close",
+            variant: "ghost",
+            color: "neutral",
+            onClick: handleCancelUpload,
+            classNames: { base: slots.cancelButton() },
+            "aria-label": "cancel"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, children: buttonText }),
+      /* @__PURE__ */ jsx("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
+    ] }),
+    showProgress && file && uploadProgress < 100 && /* @__PURE__ */ jsx("div", { className: slots.progressBarContainer(), children: /* @__PURE__ */ jsx("div", { className: slots.progressBar(), style: { width: `${uploadProgress}%` } }) }),
+    !errorMessage && helperMessage && /* @__PURE__ */ jsx("p", { className: slots.helperMessage(), children: helperMessage }),
+    errorMessage && /* @__PURE__ */ jsx("p", { className: slots.errorMessage(), children: errorMessage })
+  ] });
+}
+FileUpload.displayName = "FileUpload";
+var fileUpload_default = FileUpload;
+var fileUploadStyle = tv({
+  slots: {
+    base: ["flex", "flex-col", "gap-[5px]"],
+    container: ["flex", "items-center", "gap-[10px]"],
+    inputWrapper: ["relative", "flex-1"],
+    cancelButton: ["absolute", "top-1/2", "right-0", "-translate-y-1/2"],
+    progressBarContainer: ["w-full", "h-[5px]", "bg-neutral-light", "rounded-full", "overflow-hidden"],
+    progressBar: ["h-full", "bg-primary-main", "transition-all"],
+    errorMessage: ["text-danger-main", "text-sm"],
+    helperMessage: ["text-neutral-main", "text-sm"]
+  }
+});
+
+export {
+  FileUpload,
+  fileUpload_default,
+  fileUploadStyle
+};

package/dist/chunk-P7YYNA6L.mjs

@@ -0,0 +1,67 @@
+"use client";
+import {
+  skeleton_default
+} from "./chunk-6PN3DGOE.mjs";
+import {
+  checkbox_default
+} from "./chunk-D6QI3DJG.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
+
+// src/components/table/table-head.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TableHead = ({
+  slots,
+  columns,
+  color,
+  size,
+  rowCheckbox = false,
+  isCheckedAll,
+  isLoading = false,
+  classNames,
+  onCheckAll
+}) => {
+  const handleClickCheckAll = (e) => {
+    e.preventDefault();
+    onCheckAll(!isCheckedAll);
+  };
+  const renderTh = (content, key, column) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: clsx(slots.th({ class: classNames == null ? void 0 : classNames.th }), column),
+      style: {
+        width: (column == null ? void 0 : column.width) ? `${column.width}px` : void 0,
+        minWidth: (column == null ? void 0 : column.minWidth) ? `${column.minWidth}px` : void 0,
+        maxWidth: (column == null ? void 0 : column.maxWidth) ? `${column.maxWidth}px` : void 0,
+        height: (column == null ? void 0 : column.height) ? `${column.height}px` : void 0
+      },
+      children: content
+    },
+    key
+  );
+  const renderSkeletonRow = () => /* @__PURE__ */ jsx("thead", { className: slots.thead({ class: classNames == null ? void 0 : classNames.thead }), children: /* @__PURE__ */ jsxs("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "[&>th]:border-0"), children: [
+    columns.map((_, idx) => renderTh(/* @__PURE__ */ jsx(skeleton_default, { color, rounded: "lg", speed: "fast" }), `skeleton-${idx}`)),
+    rowCheckbox && renderTh(/* @__PURE__ */ jsx(skeleton_default, { color, rounded: "lg", speed: "fast" }), "checkbox-skeleton")
+  ] }) });
+  const renderContentRow = () => /* @__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: [
+    columns.map((column, idx) => renderTh(column.headerName, `${column.field}-${idx}`, column)),
+    rowCheckbox && renderTh(
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", onClick: handleClickCheckAll, children: /* @__PURE__ */ jsx(
+        checkbox_default,
+        {
+          size,
+          checked: isCheckedAll,
+          onChange: (e) => onCheckAll(e.target.checked)
+        }
+      ) }),
+      "checkbox"
+    )
+  ] }) });
+  return isLoading ? renderSkeletonRow() : renderContentRow();
+};
+var table_head_default = TableHead;
+
+export {
+  table_head_default
+};

package/dist/{chunk-SO7BGWM7.mjs → chunk-QM4ZSQYX.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-BEQ3KZGS.mjs";
+} from "./chunk-VCVQMPC7.mjs";
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";

package/dist/chunk-RLXOHILK.mjs

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

package/dist/{chunk-BEQ3KZGS.mjs → chunk-VCVQMPC7.mjs}

@@ -103,9 +103,10 @@ var Input = forwardRef((originalProps, ref) => {
                   {
                     ...inputProps,
                     ref: ref || inputRef,
+                    readOnly: props.readOnly,
                     className: clsx(
                       slots.input({ class: classNames == null ? void 0 : classNames.input }),
-                      inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
+                      inputProps.readOnly ? "!text-body-foreground placeholder:!text-body-foreground" : ""
                     ),
                     size: 0
                   }

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -4,11 +4,11 @@ import {
 } from "../../chunk-G67WUZO3.mjs";
 import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
-import "../../chunk-JTZUXVOU.mjs";
-import "../../chunk-QIEKOGY7.mjs";
+import "../../chunk-UB4YBFOT.mjs";
+import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";