@deepnoid/ui 0.1.29 → 0.1.30

package/dist/index.mjs

@@ -1,96 +1,100 @@
 "use client";
+import "./chunk-HIE2YRGA.mjs";
+import {
+  tooltip_default
+} from "./chunk-Z2537DF6.mjs";
+import "./chunk-ZMOAFSYE.mjs";
+import "./chunk-WSIADHVC.mjs";
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "./chunk-X4F7JYBA.mjs";
+} from "./chunk-NFQMXW4Z.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-2YMAKIZ6.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-BKE6QF6W.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-BB7MFKNQ.mjs";
+} from "./chunk-IBI3OVQI.mjs";
 import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-7W2ZI2DD.mjs";
-import "./chunk-HIE2YRGA.mjs";
+} from "./chunk-MEY4IL7D.mjs";
+import "./chunk-LVFI2NOH.mjs";
 import {
-  tooltip_default
-} from "./chunk-IL5ENWCR.mjs";
-import "./chunk-ZMOAFSYE.mjs";
-import "./chunk-WSIADHVC.mjs";
+  switch_default
+} from "./chunk-Z74QNVPG.mjs";
 import "./chunk-DX3KXNP6.mjs";
+import {
+  table_default
+} from "./chunk-GLMM253Q.mjs";
 import {
   definition_table_default
 } from "./chunk-6TIIBU7J.mjs";
-import {
-  table_default
-} from "./chunk-RCJOJPRS.mjs";
+import "./chunk-CEZQCD6Z.mjs";
+import "./chunk-P7YYNA6L.mjs";
 import "./chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
-import "./chunk-A5KQHWS3.mjs";
-import "./chunk-26MNALVL.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-BKE6QF6W.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-KLUC2BV6.mjs";
-import "./chunk-LVFI2NOH.mjs";
+} from "./chunk-272FMLIL.mjs";
+import "./chunk-MZ76AA76.mjs";
 import {
-  switch_default
-} from "./chunk-Z74QNVPG.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-SSMMWMQC.mjs";
+  skeleton_default
+} from "./chunk-6PN3DGOE.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "./chunk-LR3SWRB4.mjs";
-import "./chunk-TPFN22HR.mjs";
-import {
-  radio_default
-} from "./chunk-33LANVZV.mjs";
+} from "./chunk-IC25OKBJ.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-KXA73VTJ.mjs";
+} from "./chunk-QM4ZSQYX.mjs";
 import "./chunk-F3HENRVM.mjs";
+import "./chunk-TPFN22HR.mjs";
+import {
+  radio_default
+} from "./chunk-QIRL6HY6.mjs";
 import "./chunk-RLXOHILK.mjs";
 import "./chunk-MGEWSREV.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-ECMBAKSJ.mjs";
-import "./chunk-X6D7C7QZ.mjs";
-import "./chunk-QJJKJYNR.mjs";
+} from "./chunk-K7V4VE7R.mjs";
+import "./chunk-A7RU3FU5.mjs";
+import "./chunk-BFOK4HVC.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   listItem_default
-} from "./chunk-W45H2ZMW.mjs";
+} from "./chunk-RT3S3VVJ.mjs";
 import {
   list_default
-} from "./chunk-UFVQPPPW.mjs";
+} from "./chunk-HIVPDIEP.mjs";
 import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-P732YGHO.mjs";
 import {
   fileUpload_default
-} from "./chunk-3KVZDFMV.mjs";
+} from "./chunk-NKH3OF6I.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-EHRFXDSN.mjs";
+} from "./chunk-VCVQMPC7.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
-} from "./chunk-YLRYHUTW.mjs";
+} from "./chunk-D6QI3DJG.mjs";
 import {
   chip_default
-} from "./chunk-Y6XQTWB5.mjs";
+} from "./chunk-WLNLVX7Q.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
@@ -98,39 +102,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-III2QUWF.mjs";
+} from "./chunk-G67WUZO3.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   button_group_default
 } from "./chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "./chunk-7J3KVOTS.mjs";
+} from "./chunk-UB4YBFOT.mjs";
 import {
   icon_button_default
-} from "./chunk-6K3E5BVO.mjs";
+} from "./chunk-7TAGGLNY.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-6PNKRBUT.mjs";
 import {
   text_button_default
-} from "./chunk-2PKM7SLZ.mjs";
+} from "./chunk-WFMFC7R6.mjs";
 import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
 } from "./chunk-2TKEWFGH.mjs";
 import "./chunk-2SDYFOZL.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,
@@ -153,6 +157,7 @@ export {
   radio_default as Radio,
   scrollArea_default as ScrollArea,
   select_default as Select,
+  skeleton_default as Skeleton,
   switch_default as Switch,
   table_default as Table,
   tabs_default as Tabs,

package/package.json

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

package/dist/chunk-26MNALVL.mjs

@@ -1,47 +0,0 @@
-"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, rowCheckbox, 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 = () => rowCheckbox && /* @__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,
-      onChange: (e) => onCheckAll(e.target.checked)
-    }
-  ) }) });
-  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-A5KQHWS3.mjs

@@ -1,94 +0,0 @@
-"use client";
-import {
-  checkbox_default
-} from "./chunk-YLRYHUTW.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
-
-// src/components/table/table-body.tsx
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createElement } from "react";
-var TableBody = ({
-  slots,
-  columns,
-  rows,
-  size,
-  rowCheckbox,
-  checkedRows,
-  onCheckRow,
-  onRowClick,
-  emptyContent,
-  isLoading,
-  classNames,
-  className
-}) => {
-  const generateColumnStyles = useCallback((column) => {
-    const alignClass = column.align ? `text-${column.align}` : "text-left";
-    return clsx(alignClass, column.className);
-  }, []);
-  const getCellProps = useCallback(
-    (column, row) => {
-      if (!column || !row) {
-        return {
-          className: slots.td({ class: classNames == null ? void 0 : classNames.td })
-        };
-      }
-      const value = row[column.field];
-      const formattedValue = column.valueFormatter ? column.valueFormatter({ id: column.field, field: column.field, value }) : value;
-      const children = column.renderCell ? column.renderCell({
-        id: column.field,
-        field: column.field,
-        value,
-        formattedValue,
-        row
-      }) : formattedValue;
-      const columnStyles = generateColumnStyles(column);
-      return {
-        children,
-        className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), columnStyles),
-        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
-        }
-      };
-    },
-    [classNames == null ? void 0 : classNames.td, generateColumnStyles, slots]
-  );
-  const hasRows = rows.length > 0;
-  const colSpan = (columns.length || 1) + (rowCheckbox ? 1 : 0);
-  return /* @__PURE__ */ 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__ */ jsxs(
-        "tr",
-        {
-          className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
-          "aria-checked": isRowChecked,
-          onClick: () => onRowClick ? onRowClick(row) : void 0,
-          children: [
-            columns.map((column) => /* @__PURE__ */ createElement("td", { ...getCellProps(column, row), key: column.field })),
-            rowCheckbox && /* @__PURE__ */ jsx("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-              checkbox_default,
-              {
-                size,
-                checked: isRowChecked,
-                onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-              }
-            ) }) })
-          ]
-        },
-        rowIndex
-      );
-    }),
-    !isLoading && !hasRows && emptyContent && /* @__PURE__ */ jsx("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ jsx("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
-  ] });
-};
-var table_body_default = TableBody;
-
-export {
-  table_body_default
-};

package/dist/{chunk-KLUC2BV6.mjs → chunk-272FMLIL.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.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/select/select.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect } from "react";

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-6K3E5BVO.mjs → chunk-7TAGGLNY.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.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-X6D7C7QZ.mjs → chunk-A7RU3FU5.mjs}

@@ -6,12 +6,12 @@ import {
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.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-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-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-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-7W2ZI2DD.mjs → chunk-MEY4IL7D.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.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/toast/toast.tsx
 import { forwardRef, useImperativeHandle, useMemo, useRef } 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-W45H2ZMW.mjs → chunk-RT3S3VVJ.mjs}

@@ -5,12 +5,12 @@ import {
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.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-7J3KVOTS.mjs → chunk-UB4YBFOT.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.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-EHRFXDSN.mjs → chunk-VCVQMPC7.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.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-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-Y6XQTWB5.mjs → chunk-WLNLVX7Q.mjs}

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

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";