@deepnoid/ui 0.1.26 → 0.1.28

package/dist/index.mjs

@@ -2,16 +2,16 @@
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "./chunk-TEQ723QO.mjs";
+} from "./chunk-4OSN2OE2.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-YBDA3WQP.mjs";
+} from "./chunk-IBI3OVQI.mjs";
 import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-OUAKGMDW.mjs";
+} from "./chunk-MEY4IL7D.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
@@ -21,9 +21,9 @@ import "./chunk-WSIADHVC.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "./chunk-6OMHIMIA.mjs";
+} from "./chunk-JV7VLO2L.mjs";
 import "./chunk-XRC5OUYQ.mjs";
-import "./chunk-EAK5DVWA.mjs";
+import "./chunk-UNH3BCGN.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
@@ -39,58 +39,58 @@ import {
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-MSAULFDB.mjs";
+} from "./chunk-272FMLIL.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-Z74QNVPG.mjs";
 import {
-  form_table_default
-} from "./chunk-ICZTNO4V.mjs";
-import "./chunk-7B7LRG5J.mjs";
+  definition_table_default
+} from "./chunk-6TIIBU7J.mjs";
+import "./chunk-DJOG6Z35.mjs";
 import {
-  pagination_default
-} from "./chunk-IVK24VIL.mjs";
-import "./chunk-F3HENRVM.mjs";
+  modal_default
+} from "./chunk-K7VUN5BS.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
 } from "./chunk-QIRL6HY6.mjs";
+import "./chunk-7B7LRG5J.mjs";
+import {
+  pagination_default
+} from "./chunk-SO7BGWM7.mjs";
+import "./chunk-F3HENRVM.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-P5PJTJLY.mjs";
-import "./chunk-DJOG6Z35.mjs";
-import {
-  modal_default
-} from "./chunk-B3DFSXGC.mjs";
+} from "./chunk-BEQ3KZGS.mjs";
 import "./chunk-MGEWSREV.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-SCFTSNCK.mjs";
-import "./chunk-Q72LZAPG.mjs";
-import "./chunk-DLQFMOBN.mjs";
+} from "./chunk-NHVIKP4H.mjs";
+import "./chunk-FWJ2ZKH6.mjs";
+import "./chunk-A7RU3FU5.mjs";
+import "./chunk-P732YGHO.mjs";
+import "./chunk-KYJTZPXY.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
 } from "./chunk-HIVPDIEP.mjs";
 import {
   listItem_default
-} from "./chunk-QY7LYAXT.mjs";
-import "./chunk-FWJ2ZKH6.mjs";
-import "./chunk-P732YGHO.mjs";
+} from "./chunk-RT3S3VVJ.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
 } from "./chunk-D6QI3DJG.mjs";
 import {
   chip_default
-} from "./chunk-6HX3PPL6.mjs";
+} from "./chunk-WLNLVX7Q.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
-} from "./chunk-XQGD4ZIX.mjs";
+} from "./chunk-SP3JVQY3.mjs";
 import "./chunk-SE5TU755.mjs";
 import {
   backdrop_default
@@ -98,17 +98,17 @@ import {
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-IRAHS4WS.mjs";
+} from "./chunk-G67WUZO3.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   button_group_default
 } from "./chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "./chunk-BQUZRVYW.mjs";
+} from "./chunk-JTZUXVOU.mjs";
 import {
   icon_button_default
-} from "./chunk-PMMTMYRI.mjs";
+} from "./chunk-QIEKOGY7.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-6PNKRBUT.mjs";
 import "./chunk-LXHUO6VM.mjs";
@@ -119,8 +119,8 @@ import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
-} from "./chunk-HWL7TPUN.mjs";
-import "./chunk-3IU2RPSM.mjs";
+} from "./chunk-2TKEWFGH.mjs";
+import "./chunk-2SDYFOZL.mjs";
 import {
   deepnoidUi,
   tv
@@ -137,7 +137,7 @@ export {
   checkbox_default as CheckBox,
   chip_default as Chip,
   dateTimePicker_default as DateTimePicker,
-  form_table_default as FormTable,
+  definition_table_default as DefinitionTable,
   Icon_default as Icon,
   icon_button_default as IconButton,
   input_default as Input,

package/package.json

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

package/dist/chunk-ICZTNO4V.mjs

@@ -1,49 +0,0 @@
-"use client";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
-
-// src/components/table/form-table.tsx
-import { forwardRef, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_COLUMN_CLASSES = [
-  "w-[120px] px-[10px] py-[9.5px] font-bold text-md text-body-foreground border-r border-neutral-light",
-  "px-[10px] py-[9.5px]"
-];
-var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ jsx("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
-  var _a;
-  return /* @__PURE__ */ jsx("td", { className: (_a = columnClasses[index]) != null ? _a : DEFAULT_COLUMN_CLASSES[index], children: col }, index);
-}) });
-var FormTable = forwardRef(
-  ({ rows, onSubmit, footer, classNames }, ref) => {
-    const slots = useMemo(() => formTableStyle(), []);
-    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx(FormTableRow, { ...row }, i)) }) }),
-      footer && /* @__PURE__ */ jsx("div", { children: footer })
-    ] });
-    if (onSubmit) {
-      return /* @__PURE__ */ jsx(
-        "form",
-        {
-          ref,
-          onSubmit,
-          className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
-          children: content
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: content });
-  }
-);
-FormTable.displayName = "FormTable";
-var form_table_default = FormTable;
-var formTableStyle = tv({
-  slots: {
-    base: ["flex", "flex-col", "gap-[30px]"],
-    table: ["w-full", "table-fixed", "border", "border-neutral-light"]
-  }
-});
-
-export {
-  form_table_default
-};

package/dist/chunk-TEQ723QO.mjs

@@ -1,102 +0,0 @@
-"use client";
-import {
-  Icon_default
-} from "./chunk-HWL7TPUN.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
-
-// src/components/tree/tree.tsx
-import { forwardRef, useMemo, useState, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TreeNodeItem = forwardRef(
-  ({ node, depth, fileIcon, isLoading, classNames }, ref) => {
-    var _a;
-    const [isOpen, setIsOpen] = useState(false);
-    const slots = useMemo(() => treeStyle(), []);
-    const toggleOpen = useCallback(() => {
-      setIsOpen((prev) => !prev);
-    }, []);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: clsx(
-          depth > 1 ? "ml-[30px]" : "",
-          "transition-all duration-150 ease-out",
-          isLoading ? "-translate-y-2 opacity-0" : "translate-y-0 opacity-100"
-        ),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), onClick: toggleOpen, children: [
-            node.children && /* @__PURE__ */ jsx(
-              Icon_default,
-              {
-                name: "right-chevron",
-                className: `text-neutral-main cursor-pointer transition-transform duration-150 ${isOpen ? "rotate-90" : "rotate-0"}`
-              }
-            ),
-            fileIcon,
-            /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick: () => {
-              var _a2;
-              return (_a2 = node.onClick) == null ? void 0 : _a2.call(node);
-            }, children: node.label })
-          ] }),
-          isOpen && ((_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ jsx(TreeNodeItem, { node: child, depth: depth + 1, classNames, fileIcon }, child.id)))
-        ]
-      }
-    );
-  }
-);
-var Tree = forwardRef(
-  ({ headerContent, group, groupIcon, fileIcon, isLoading, classNames }, ref) => {
-    const { label, data, onClick } = group;
-    const slots = useMemo(() => treeStyle(), []);
-    return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-      headerContent && /* @__PURE__ */ jsx("div", { children: headerContent }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-          groupIcon,
-          /* @__PURE__ */ jsx("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), onClick, children: label })
-        ] }),
-        data.map((node) => /* @__PURE__ */ jsx(
-          TreeNodeItem,
-          {
-            node,
-            depth: 1,
-            classNames,
-            fileIcon,
-            isLoading
-          },
-          node.id
-        ))
-      ] })
-    ] });
-  }
-);
-TreeNodeItem.displayName = "TreeNodeItem";
-Tree.displayName = "Tree";
-var tree_default = Tree;
-var treeStyle = tv({
-  slots: {
-    base: ["border", "border-neutral-light", "rounded-xl", "p-[20px]", "flex", "flex-col", "gap-[20px]", "select-none"],
-    wrapper: [
-      "flex",
-      "items-center",
-      "gap-[5px]",
-      "text-md",
-      "font-bold",
-      "text-body-foreground",
-      "hover:bg-neutral-soft",
-      "p-[5px]",
-      "rounded-[5px]"
-    ],
-    label: ["cursor-pointer"]
-  }
-});
-
-export {
-  tree_default
-};