@sth87/shadcn-design-system 0.0.35 → 0.1.0

package/dist/esm/packages/ui/src/components/tree-view.js

@@ -1,28 +1,28 @@
-import { jsx as r, jsxs as M, Fragment as Q } from "react/jsx-runtime";
-import i from "react";
+import { jsx as e, jsxs as M, Fragment as Q } from "react/jsx-runtime";
+import n from "react";
 import * as E from "@radix-ui/react-accordion";
 import * as V from "@radix-ui/react-checkbox";
 import { Minus as K, Check as z, ChevronRight as W, SquareMinus as O, SquarePlus as I } from "lucide-react";
 import { cva as X } from "class-variance-authority";
 import { cn as p } from "../lib/utils.js";
 const L = X(
-  "group hover:before:opacity-100 before:absolute before:rounded-lg before:left-0 pr-2 before:w-full before:opacity-0 before:bg-accent/70 before:h-[2rem] before:-z-10"
+  "ds:group ds:hover:before:opacity-100 ds:before:absolute ds:before:rounded-lg ds:before:left-0 ds:pr-2 ds:before:w-full ds:before:opacity-0 ds:before:bg-accent/70 ds:before:h-[2rem] ds:before:-z-10"
 ), U = X(
-  "before:opacity-100 before:bg-accent/70 text-accent-foreground"
-), ee = [], re = i.forwardRef(
+  "ds:before:opacity-100 ds:before:bg-accent/70 ds:text-accent-foreground"
+), ss = [], es = n.forwardRef(
   ({
-    data: e,
-    initialSelectedItemId: s,
-    onSelectChange: t,
-    expandAll: n,
-    defaultLeafIcon: o,
+    data: s,
+    initialSelectedItemId: r,
+    onSelectChange: a,
+    expandAll: t,
+    defaultLeafIcon: i,
     defaultNodeIcon: P,
     className: f,
-    multiSelect: c = !1,
-    selectedIds: u = ee,
-    onMultiSelectChange: l,
+    multiSelect: o = !1,
+    selectedIds: u = ss,
+    onMultiSelectChange: c,
     showIcon: b = !0,
-    showLeafIcon: d = !0,
+    showLeafIcon: l = !0,
     treeLine: N = !1,
     expandOnArrowClick: w = !1,
     indicatorVariant: x = "arrow",
@@ -30,16 +30,16 @@ const L = X(
     customCollapseIcon: _,
     ...T
   }, D) => {
-    const [y, m] = i.useState(s), [h, a] = i.useState(u);
-    i.useEffect(() => {
-      a(u);
+    const [y, m] = n.useState(r), [h, d] = n.useState(u);
+    n.useEffect(() => {
+      d(u);
     }, [u]);
-    const A = i.useCallback(
+    const A = n.useCallback(
       (C) => {
-        m(C?.id), t && t(C);
+        m(C?.id), a && a(C);
       },
-      [t]
-    ), q = i.useCallback(
+      [a]
+    ), q = n.useCallback(
       (C, j) => {
         const g = (v) => {
           const J = [v.id];
@@ -47,19 +47,19 @@ const L = X(
             J.push(...g(S));
           }), J;
         }, F = j ? [...h, ...g(C)] : h.filter((v) => !g(C).includes(v)), R = Array.from(new Set(F));
-        a(R), l && l(R);
+        d(R), c && c(R);
       },
-      [h, l]
-    ), H = i.useMemo(() => {
+      [h, c]
+    ), H = n.useMemo(() => {
       const C = [];
-      if (n) {
+      if (t) {
         const j = (g) => {
           (Array.isArray(g) ? g : [g]).forEach((R) => {
             R.children && R.children.length > 0 && (C.push(R.id), j(R.children));
           });
         };
-        j(e);
-      } else if (s) {
+        j(s);
+      } else if (r) {
         const j = (g, F) => {
           const R = Array.isArray(g) ? g : [g];
           for (const v of R) {
@@ -69,25 +69,25 @@ const L = X(
           }
           return !1;
         };
-        j(e, s);
+        j(s, r);
       }
       return C;
-    }, [e, n, s]);
-    return /* @__PURE__ */ r("div", { className: p("overflow-hidden relative p-2", f), children: /* @__PURE__ */ r(
+    }, [s, t, r]);
+    return /* @__PURE__ */ e("div", { className: p("ds:overflow-hidden ds:relative ds:p-2", f), children: /* @__PURE__ */ e(
       G,
       {
-        data: e,
+        data: s,
         ref: D,
         selectedItemId: y,
         handleSelectChange: A,
         expandedItemIds: H,
-        defaultLeafIcon: o,
+        defaultLeafIcon: i,
         defaultNodeIcon: P,
-        multiSelect: c,
+        multiSelect: o,
         checkedIds: h,
         handleCheckChange: q,
         showIcon: b,
-        showLeafIcon: d,
+        showLeafIcon: l,
         treeLine: N,
         expandOnArrowClick: w,
         indicatorVariant: x,
@@ -99,21 +99,21 @@ const L = X(
     ) });
   }
 );
-re.displayName = "TreeView";
-const G = i.forwardRef(
+es.displayName = "TreeView";
+const G = n.forwardRef(
   ({
-    className: e,
-    data: s,
-    selectedItemId: t,
-    handleSelectChange: n,
-    expandedItemIds: o,
+    className: s,
+    data: r,
+    selectedItemId: a,
+    handleSelectChange: t,
+    expandedItemIds: i,
     defaultNodeIcon: P,
     defaultLeafIcon: f,
-    multiSelect: c,
+    multiSelect: o,
     checkedIds: u,
-    handleCheckChange: l,
+    handleCheckChange: c,
     showIcon: b,
-    showLeafIcon: d,
+    showLeafIcon: l,
     treeLine: N,
     expandOnArrowClick: w,
     indicatorVariant: x,
@@ -121,238 +121,238 @@ const G = i.forwardRef(
     customCollapseIcon: _,
     isRoot: T,
     ...D
-  }, y) => (s instanceof Array || (s = [s]), /* @__PURE__ */ r("div", { ref: y, role: "tree", className: e, ...D, children: /* @__PURE__ */ r("ul", { children: s.map((m, h) => /* @__PURE__ */ r("li", { className: "relative", children: m.children ? /* @__PURE__ */ r(
-    se,
+  }, y) => (r instanceof Array || (r = [r]), /* @__PURE__ */ e("div", { ref: y, role: "tree", className: s, ...D, children: /* @__PURE__ */ e("ul", { children: r.map((m, h) => /* @__PURE__ */ e("li", { className: "ds:relative", children: m.children ? /* @__PURE__ */ e(
+    rs,
     {
       item: m,
-      selectedItemId: t,
-      expandedItemIds: o,
-      handleSelectChange: n,
+      selectedItemId: a,
+      expandedItemIds: i,
+      handleSelectChange: t,
       defaultNodeIcon: P,
       defaultLeafIcon: f,
-      multiSelect: c,
+      multiSelect: o,
       checkedIds: u,
-      handleCheckChange: l,
+      handleCheckChange: c,
       showIcon: b,
       treeLine: N,
       expandOnArrowClick: w,
       indicatorVariant: x,
       customExpandIcon: k,
       customCollapseIcon: _,
-      isLastChild: h === s.length - 1,
+      isLastChild: h === r.length - 1,
       isRoot: T
     }
-  ) : /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ e(
     Y,
     {
       item: m,
-      selectedItemId: t,
-      handleSelectChange: n,
+      selectedItemId: a,
+      handleSelectChange: t,
       defaultLeafIcon: f,
-      multiSelect: c,
+      multiSelect: o,
       checkedIds: u,
-      handleCheckChange: l,
-      showLeafIcon: d,
+      handleCheckChange: c,
+      showLeafIcon: l,
       treeLine: N,
-      isLastChild: h === s.length - 1,
+      isLastChild: h === r.length - 1,
       isRoot: T
     }
   ) }, m.id)) }) }))
 );
 G.displayName = "TreeItem";
-const se = ({
-  item: e,
-  handleSelectChange: s,
-  expandedItemIds: t,
-  selectedItemId: n,
-  defaultNodeIcon: o,
+const rs = ({
+  item: s,
+  handleSelectChange: r,
+  expandedItemIds: a,
+  selectedItemId: t,
+  defaultNodeIcon: i,
   defaultLeafIcon: P,
   multiSelect: f,
-  checkedIds: c = [],
+  checkedIds: o = [],
   handleCheckChange: u,
-  showIcon: l = !0,
+  showIcon: c = !0,
   treeLine: b = !1,
-  expandOnArrowClick: d = !1,
+  expandOnArrowClick: l = !1,
   indicatorVariant: N = "arrow",
   customExpandIcon: w,
   customCollapseIcon: x,
   isLastChild: k,
   isRoot: _
 }) => {
-  const [T, D] = i.useState(
-    t.includes(e.id) ? [e.id] : []
+  const [T, D] = n.useState(
+    a.includes(s.id) ? [s.id] : []
   );
-  i.useEffect(() => {
-    t.includes(e.id) ? D((a) => a.includes(e.id) ? a : [...a, e.id]) : D((a) => a.filter((A) => A !== e.id));
-  }, [t, e.id]);
-  const y = i.useMemo(() => {
-    const a = (A) => {
+  n.useEffect(() => {
+    a.includes(s.id) ? D((d) => d.includes(s.id) ? d : [...d, s.id]) : D((d) => d.filter((A) => A !== s.id));
+  }, [a, s.id]);
+  const y = n.useMemo(() => {
+    const d = (A) => {
       const q = [];
       return A.children && A.children.forEach((H) => {
-        q.push(H.id), q.push(...a(H));
+        q.push(H.id), q.push(...d(H));
       }), q;
     };
-    return e.children ? a(e) : [];
-  }, [e.id]), m = i.useMemo(() => c ? c.includes(e.id) ? !0 : !e.children || e.children.length === 0 || y.length === 0 ? !1 : y.every((a) => c.includes(a)) : !1, [c, e.id, y]), h = i.useMemo(() => {
-    if (!f || !e.children || !c || m) return !1;
-    const a = y.filter(
-      (A) => c.includes(A)
+    return s.children ? d(s) : [];
+  }, [s.id]), m = n.useMemo(() => o ? o.includes(s.id) ? !0 : !s.children || s.children.length === 0 || y.length === 0 ? !1 : y.every((d) => o.includes(d)) : !1, [o, s.id, y]), h = n.useMemo(() => {
+    if (!f || !s.children || !o || m) return !1;
+    const d = y.filter(
+      (A) => o.includes(A)
     );
-    return a.length > 0 && a.length < y.length;
-  }, [f, c, m, y]);
-  return /* @__PURE__ */ r(
+    return d.length > 0 && d.length < y.length;
+  }, [f, o, m, y]);
+  return /* @__PURE__ */ e(
     E.Root,
     {
       type: "multiple",
       value: T,
-      onValueChange: (a) => D(a),
-      children: /* @__PURE__ */ M(E.Item, { value: e.id, className: "relative", children: [
-        b === "full" && /* @__PURE__ */ r(
+      onValueChange: (d) => D(d),
+      children: /* @__PURE__ */ M(E.Item, { value: s.id, className: "ds:relative", children: [
+        b === "full" && /* @__PURE__ */ e(
           "div",
           {
             className: p(
-              "absolute left-[-1.05rem] w-px bg-border",
-              k ? "h-5" : "h-full",
-              _ && "hidden"
+              "ds:absolute ds:left-[-1.05rem] ds:w-px ds:bg-border",
+              k ? "ds:h-5" : "ds:h-full",
+              _ && "ds:hidden"
             ),
-            children: /* @__PURE__ */ r("div", { className: "absolute left-0 top-5 w-4 h-px bg-border" })
+            children: /* @__PURE__ */ e("div", { className: "ds:absolute ds:left-0 ds:top-5 ds:w-4 ds:h-px ds:bg-border" })
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "div",
           {
             className: p(
-              "flex items-center relative",
-              !d && L(),
-              !d && n === e.id && U()
+              "ds:flex ds:items-center ds:relative",
+              !l && L(),
+              !l && t === s.id && U()
             ),
-            children: /* @__PURE__ */ M(E.Header, { className: "flex items-center w-full", children: [
-              /* @__PURE__ */ r(
+            children: /* @__PURE__ */ M(E.Header, { className: "ds:flex ds:items-center ds:w-full", children: [
+              /* @__PURE__ */ e(
                 E.Trigger,
                 {
                   asChild: !0,
-                  onClick: (a) => {
-                    d && a.stopPropagation();
+                  onClick: (d) => {
+                    l && d.stopPropagation();
                   },
                   children: /* @__PURE__ */ M(
                     "div",
                     {
                       className: p(
-                        "flex items-center p-2 transition-all gap-1",
-                        N === "arrow" && !w && !x && "[&[data-state=open]>svg:first-of-type]:rotate-90",
-                        d ? "hover:bg-accent/50 rounded-sm cursor-pointer" : "flex-1 cursor-pointer"
+                        "ds:flex ds:items-center ds:p-2 ds:transition-all ds:gap-1",
+                        N === "arrow" && !w && !x && "ds:[&[data-state=open]>svg:first-of-type]:rotate-90",
+                        l ? "ds:hover:bg-accent/50 ds:rounded-sm ds:cursor-pointer" : "ds:flex-1 ds:cursor-pointer"
                       ),
                       children: [
-                        /* @__PURE__ */ r(
-                          te,
+                        /* @__PURE__ */ e(
+                          as,
                           {
                             variant: N,
-                            isOpen: T.includes(e.id),
+                            isOpen: T.includes(s.id),
                             customExpand: w,
                             customCollapse: x
                           }
                         ),
-                        !d && /* @__PURE__ */ M(Q, { children: [
-                          f && /* @__PURE__ */ r(
+                        !l && /* @__PURE__ */ M(Q, { children: [
+                          f && /* @__PURE__ */ e(
                             V.Root,
                             {
                               checked: m ? !0 : h ? "indeterminate" : !1,
-                              onCheckedChange: (a) => {
-                                u?.(e, a === !0);
+                              onCheckedChange: (d) => {
+                                u?.(s, d === !0);
                               },
-                              onClick: (a) => a.stopPropagation(),
-                              className: "mr-2 h-4 w-4 shrink-0 rounded-sm border border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
-                              children: /* @__PURE__ */ r(V.Indicator, { className: "flex items-center justify-center text-current", children: h ? /* @__PURE__ */ r(K, { className: "h-3 w-3" }) : /* @__PURE__ */ r(z, { className: "h-3 w-3" }) })
+                              onClick: (d) => d.stopPropagation(),
+                              className: "ds:mr-2 ds:h-4 ds:w-4 ds:shrink-0 ds:rounded-sm ds:border ds:border-primary ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:text-primary-foreground",
+                              children: /* @__PURE__ */ e(V.Indicator, { className: "ds:flex ds:items-center ds:justify-center ds:text-current", children: h ? /* @__PURE__ */ e(K, { className: "ds:h-3 ds:w-3" }) : /* @__PURE__ */ e(z, { className: "ds:h-3 ds:w-3" }) })
                             }
                           ),
-                          l && /* @__PURE__ */ r(
+                          c && /* @__PURE__ */ e(
                             B,
                             {
-                              item: e,
-                              isSelected: n === e.id,
-                              isOpen: T.includes(e.id),
-                              default: o
+                              item: s,
+                              isSelected: t === s.id,
+                              isOpen: T.includes(s.id),
+                              default: i
                             }
                           ),
-                          /* @__PURE__ */ r("span", { className: "text-sm truncate", children: e.name })
+                          /* @__PURE__ */ e("span", { className: "ds:text-sm ds:truncate", children: s.name })
                         ] })
                       ]
                     }
                   )
                 }
               ),
-              d && /* @__PURE__ */ M(
+              l && /* @__PURE__ */ M(
                 "div",
                 {
                   className: p(
-                    "flex items-center flex-1 py-2 cursor-pointer",
+                    "ds:flex ds:items-center ds:flex-1 ds:py-2 ds:cursor-pointer",
                     L(),
-                    n === e.id && U()
+                    t === s.id && U()
                   ),
                   onClick: () => {
-                    f || (s(e), e.onClick?.());
+                    f || (r(s), s.onClick?.());
                   },
                   children: [
-                    f && /* @__PURE__ */ r(
+                    f && /* @__PURE__ */ e(
                       V.Root,
                       {
                         checked: m ? !0 : h ? "indeterminate" : !1,
-                        onCheckedChange: (a) => {
-                          u?.(e, a === !0);
+                        onCheckedChange: (d) => {
+                          u?.(s, d === !0);
                         },
-                        onClick: (a) => a.stopPropagation(),
-                        className: "mr-2 h-4 w-4 shrink-0 rounded-sm border border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
-                        children: /* @__PURE__ */ r(V.Indicator, { className: "flex items-center justify-center text-current", children: h ? /* @__PURE__ */ r(K, { className: "h-3 w-3" }) : /* @__PURE__ */ r(z, { className: "h-3 w-3" }) })
+                        onClick: (d) => d.stopPropagation(),
+                        className: "ds:mr-2 ds:h-4 ds:w-4 ds:shrink-0 ds:rounded-sm ds:border ds:border-primary ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:text-primary-foreground",
+                        children: /* @__PURE__ */ e(V.Indicator, { className: "ds:flex ds:items-center ds:justify-center ds:text-current", children: h ? /* @__PURE__ */ e(K, { className: "ds:h-3 ds:w-3" }) : /* @__PURE__ */ e(z, { className: "ds:h-3 ds:w-3" }) })
                       }
                     ),
-                    l && /* @__PURE__ */ r(
+                    c && /* @__PURE__ */ e(
                       B,
                       {
-                        item: e,
-                        isSelected: n === e.id,
-                        isOpen: T.includes(e.id),
-                        default: o
+                        item: s,
+                        isSelected: t === s.id,
+                        isOpen: T.includes(s.id),
+                        default: i
                       }
                     ),
-                    /* @__PURE__ */ r("span", { className: "text-sm truncate", children: e.name })
+                    /* @__PURE__ */ e("span", { className: "ds:text-sm ds:truncate", children: s.name })
                   ]
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ e(
                 $,
                 {
-                  isSelected: n === e.id,
-                  className: p(d && "right-1"),
-                  children: e.actions
+                  isSelected: t === s.id,
+                  className: p(l && "ds:right-1"),
+                  children: s.actions
                 }
               )
             ] })
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           Z,
           {
             className: p(
-              "ml-4 pl-1",
-              b === !0 && "border-l",
-              b === "full" && "pl-2 border-l ml-4"
+              "ds:ml-4 ds:pl-1",
+              b === !0 && "ds:border-l",
+              b === "full" && "ds:pl-2 ds:border-l ds:ml-4"
             ),
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ e(
               G,
               {
-                data: e.children ? e.children : e,
-                selectedItemId: n,
-                handleSelectChange: s,
-                expandedItemIds: t,
+                data: s.children ? s.children : s,
+                selectedItemId: t,
+                handleSelectChange: r,
+                expandedItemIds: a,
                 defaultLeafIcon: P,
-                defaultNodeIcon: o,
+                defaultNodeIcon: i,
                 multiSelect: f,
-                checkedIds: c,
+                checkedIds: o,
                 handleCheckChange: u,
-                showIcon: l,
-                showLeafIcon: l,
+                showIcon: c,
+                showLeafIcon: c,
                 treeLine: b,
-                expandOnArrowClick: d,
+                expandOnArrowClick: l,
                 indicatorVariant: N,
                 customExpandIcon: w,
                 customCollapseIcon: x
@@ -363,137 +363,137 @@ const se = ({
       ] })
     }
   );
-}, Y = i.forwardRef(
+}, Y = n.forwardRef(
   ({
-    className: e,
-    item: s,
-    selectedItemId: t,
-    handleSelectChange: n,
-    defaultLeafIcon: o,
+    className: s,
+    item: r,
+    selectedItemId: a,
+    handleSelectChange: t,
+    defaultLeafIcon: i,
     multiSelect: P,
     checkedIds: f,
-    handleCheckChange: c,
+    handleCheckChange: o,
     showLeafIcon: u = !0,
-    treeLine: l = !1,
+    treeLine: c = !1,
     isLastChild: b,
-    isRoot: d,
+    isRoot: l,
     ...N
   }, w) => {
-    const x = f?.includes(s.id);
+    const x = f?.includes(r.id);
     return /* @__PURE__ */ M(
       "div",
       {
         ref: w,
         className: p(
-          "ml-5 flex text-left items-center py-2 cursor-pointer before:right-1",
-          l === "full" && "ml-[1.25rem]",
+          "ds:ml-5 ds:flex ds:text-left ds:items-center ds:py-2 ds:cursor-pointer ds:before:right-1",
+          c === "full" && "ds:ml-[1.25rem]",
           L(),
-          e,
-          t === s.id && U(),
-          s.disabled && "opacity-50 cursor-not-allowed pointer-events-none"
+          s,
+          a === r.id && U(),
+          r.disabled && "ds:opacity-50 ds:cursor-not-allowed ds:pointer-events-none"
         ),
         onClick: () => {
-          s.disabled || P || (n(s), s.onClick?.());
+          r.disabled || P || (t(r), r.onClick?.());
         },
         ...N,
         children: [
-          l === "full" && /* @__PURE__ */ r(
+          c === "full" && /* @__PURE__ */ e(
             "div",
             {
               className: p(
-                "absolute left-[-1.05rem] w-px bg-border",
-                b ? "h-1/2" : "h-full",
-                d && "hidden"
+                "ds:absolute ds:left-[-1.05rem] ds:w-px ds:bg-border",
+                b ? "ds:h-1/2" : "ds:h-full",
+                l && "ds:hidden"
               ),
-              children: /* @__PURE__ */ r("div", { className: "absolute left-0 top-1/2 w-4 h-px bg-border" })
+              children: /* @__PURE__ */ e("div", { className: "ds:absolute ds:left-0 ds:top-1/2 ds:w-4 ds:h-px ds:bg-border" })
             }
           ),
-          P && /* @__PURE__ */ r(
+          P && /* @__PURE__ */ e(
             V.Root,
             {
               checked: x,
               onCheckedChange: (k) => {
-                c?.(s, k === !0);
+                o?.(r, k === !0);
               },
-              disabled: s.disabled,
+              disabled: r.disabled,
               onClick: (k) => k.stopPropagation(),
-              className: "mr-2 h-4 w-4 shrink-0 rounded-sm border border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-              children: /* @__PURE__ */ r(V.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ r(z, { className: "h-3 w-3" }) })
+              className: "ds:mr-2 ds:h-4 ds:w-4 ds:shrink-0 ds:rounded-sm ds:border ds:border-primary ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground",
+              children: /* @__PURE__ */ e(V.Indicator, { className: "ds:flex ds:items-center ds:justify-center ds:text-current", children: /* @__PURE__ */ e(z, { className: "ds:h-3 ds:w-3" }) })
             }
           ),
-          u && /* @__PURE__ */ r(
+          u && /* @__PURE__ */ e(
             B,
             {
-              item: s,
-              isSelected: t === s.id,
-              default: o
+              item: r,
+              isSelected: a === r.id,
+              default: i
             }
           ),
-          /* @__PURE__ */ r("span", { className: "grow text-sm truncate", children: s.name }),
-          /* @__PURE__ */ r($, { isSelected: t === s.id && !s.disabled, children: s.actions })
+          /* @__PURE__ */ e("span", { className: "ds:grow ds:text-sm ds:truncate", children: r.name }),
+          /* @__PURE__ */ e($, { isSelected: a === r.id && !r.disabled, children: r.actions })
         ]
       }
     );
   }
 );
 Y.displayName = "TreeLeaf";
-const ae = i.forwardRef(({ className: e, children: s, ...t }, n) => /* @__PURE__ */ r(E.Header, { children: /* @__PURE__ */ r(E.Trigger, { asChild: !0, ...t, children: /* @__PURE__ */ M(
+const ds = n.forwardRef(({ className: s, children: r, ...a }, t) => /* @__PURE__ */ e(E.Header, { children: /* @__PURE__ */ e(E.Trigger, { asChild: !0, ...a, children: /* @__PURE__ */ M(
   "div",
   {
-    ref: n,
+    ref: t,
     className: p(
-      "flex flex-1 w-full items-center py-2 transition-all first:[&[data-state=open]>svg]:first-of-type:rotate-90",
-      e
+      "ds:flex ds:flex-1 ds:w-full ds:items-center ds:py-2 ds:transition-all ds:first:[&[data-state=open]>svg]:first-of-type:rotate-90",
+      s
     ),
     children: [
-      /* @__PURE__ */ r(W, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50" }),
-      s
+      /* @__PURE__ */ e(W, { className: "ds:h-4 ds:w-4 ds:shrink-0 ds:transition-transform ds:duration-200 ds:text-accent-foreground/50" }),
+      r
     ]
   }
 ) }) }));
-ae.displayName = E.Trigger.displayName;
-const Z = i.forwardRef(({ className: e, children: s, ...t }, n) => /* @__PURE__ */ r(
+ds.displayName = E.Trigger.displayName;
+const Z = n.forwardRef(({ className: s, children: r, ...a }, t) => /* @__PURE__ */ e(
   E.Content,
   {
-    ref: n,
+    ref: t,
     className: p(
-      "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-      e
+      "ds:overflow-hidden ds:text-sm ds:transition-all ds:data-[state=closed]:animate-accordion-up ds:data-[state=open]:animate-accordion-down",
+      s
     ),
-    ...t,
-    children: /* @__PURE__ */ r("div", { className: "pb-1 pt-0", children: s })
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: "ds:pb-1 ds:pt-0", children: r })
   }
 ));
 Z.displayName = E.Content.displayName;
 const B = ({
-  item: e,
-  isOpen: s,
-  isSelected: t,
-  default: n
+  item: s,
+  isOpen: r,
+  isSelected: a,
+  default: t
 }) => {
-  let o = n;
-  return t && e.selectedIcon ? o = e.selectedIcon : s && e.openIcon ? o = e.openIcon : e.icon && (o = e.icon), o ? /* @__PURE__ */ r(o, { className: "h-4 w-4 shrink-0 mr-2" }) : /* @__PURE__ */ r(Q, {});
+  let i = t;
+  return a && s.selectedIcon ? i = s.selectedIcon : r && s.openIcon ? i = s.openIcon : s.icon && (i = s.icon), i ? /* @__PURE__ */ e(i, { className: "ds:h-4 ds:w-4 ds:shrink-0 ds:mr-2" }) : /* @__PURE__ */ e(Q, {});
 }, $ = ({
-  children: e,
-  isSelected: s,
-  className: t
-}) => /* @__PURE__ */ r(
+  children: s,
+  isSelected: r,
+  className: a
+}) => /* @__PURE__ */ e(
   "div",
   {
     className: p(
-      s ? "block" : "hidden",
-      "absolute right-3 group-hover:block",
-      t
+      r ? "ds:block" : "ds:hidden",
+      "ds:absolute ds:right-3 ds:group-hover:block",
+      a
     ),
-    children: e
+    children: s
   }
-), te = ({
-  variant: e,
-  isOpen: s,
-  customExpand: t,
-  customCollapse: n
-}) => t && !s ? /* @__PURE__ */ r(t, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50" }) : n && s ? /* @__PURE__ */ r(n, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50" }) : e === "plus-minus" ? s ? /* @__PURE__ */ r(O, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50" }) : /* @__PURE__ */ r(I, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50" }) : /* @__PURE__ */ r(W, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50" });
+), as = ({
+  variant: s,
+  isOpen: r,
+  customExpand: a,
+  customCollapse: t
+}) => a && !r ? /* @__PURE__ */ e(a, { className: "ds:h-4 ds:w-4 ds:shrink-0 ds:transition-transform ds:duration-200 ds:text-accent-foreground/50" }) : t && r ? /* @__PURE__ */ e(t, { className: "ds:h-4 ds:w-4 ds:shrink-0 ds:transition-transform ds:duration-200 ds:text-accent-foreground/50" }) : s === "plus-minus" ? r ? /* @__PURE__ */ e(O, { className: "ds:h-4 ds:w-4 ds:shrink-0 ds:transition-transform ds:duration-200 ds:text-accent-foreground/50" }) : /* @__PURE__ */ e(I, { className: "ds:h-4 ds:w-4 ds:shrink-0 ds:transition-transform ds:duration-200 ds:text-accent-foreground/50" }) : /* @__PURE__ */ e(W, { className: "ds:h-4 ds:w-4 ds:shrink-0 ds:transition-transform ds:duration-200 ds:text-accent-foreground/50" });
 export {
-  re as TreeView
+  es as TreeView
 };
 //# sourceMappingURL=tree-view.js.map