@deepnoid/ui 0.1.26 → 0.1.27

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