@boxcustodia/library 2.0.0-alpha.17 → 2.0.0-alpha.19

package/dist/components/toast/toast.es.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { Toast as s } from "@base-ui/react/toast";
+import { Toast as V } from "@base-ui/react/toast";
+import { Info as u, TriangleAlert as g, CircleX as p, CircleCheck as v, X as x } from "lucide-react";
+import { useMemo as h, useEffect as w } from "react";
+import { cn as d } from "../../lib/cn.es.js";
+import { Button as b } from "../button/button.es.js";
+const c = {
+  default: {
+    icon: null,
+    ringClass: "ring-input",
+    titleClass: "",
+    bgClass: ""
+  },
+  success: {
+    icon: v,
+    ringClass: "ring-success",
+    titleClass: "text-success",
+    bgClass: "bg-success/5"
+  },
+  error: {
+    icon: p,
+    ringClass: "ring-error",
+    titleClass: "text-error",
+    bgClass: "bg-error/5"
+  },
+  warning: {
+    icon: g,
+    ringClass: "ring-warning",
+    titleClass: "text-warning",
+    bgClass: "bg-warning/5"
+  },
+  info: {
+    icon: u,
+    ringClass: "ring-info",
+    titleClass: "text-info",
+    bgClass: "bg-info/5"
+  }
+};
+function y({
+  variant: t = "default"
+} = {}) {
+  return d(
+    "rounded-xl ring-1 bg-clip-padding p-4 shadow-lg bg-background",
+    c[t].ringClass
+  );
+}
+function m(t) {
+  return {
+    ...t,
+    close: (a) => t.close(a),
+    add: (a) => {
+      if (a.id) {
+        const e = t.toasts;
+        if (e) {
+          const n = e.find((f) => f.id === a.id);
+          if (n && n.transitionStatus !== "ending")
+            return t.update(a.id, { bump: !1 }), requestAnimationFrame(() => {
+              t.update(a.id, {
+                bump: !0,
+                ...a.timeout !== void 0 && {
+                  timeout: a.timeout
+                }
+              });
+            }), a.id;
+          if (n && n.transitionStatus === "ending")
+            return a.id;
+        }
+      }
+      return t.add({ ...a });
+    },
+    update: (a, e) => t.update(a, { ...e }),
+    promise: (a, e) => t.promise(a, {
+      loading: { ...e.loading },
+      success: typeof e.success == "function" ? (n) => ({
+        ...e.success(
+          n
+        )
+      }) : { ...e.success },
+      error: typeof e.error == "function" ? (n) => ({
+        ...e.error(
+          n
+        )
+      }) : { ...e.error }
+    })
+  };
+}
+function C() {
+  const t = s.useToastManager();
+  return {
+    ...m(t),
+    toasts: t.toasts
+  };
+}
+function P() {
+  return m(s.createToastManager());
+}
+let i = null;
+function o(t) {
+  return typeof t == "string" ? { title: t } : t;
+}
+const z = Object.assign(
+  (t) => i?.add({ ...o(t) }),
+  {
+    success: (t) => i?.add({ variant: "success", ...o(t) }),
+    error: (t) => i?.add({ variant: "error", ...o(t) }),
+    warning: (t) => i?.add({ variant: "warning", ...o(t) }),
+    info: (t) => i?.add({ variant: "info", ...o(t) }),
+    promise: (t, a) => i?.promise(t, a)
+  }
+);
+function T() {
+  const t = s.useToastManager();
+  return i = h(() => m(t), [t]), w(
+    () => () => {
+      i = null;
+    },
+    []
+  ), null;
+}
+function B({
+  children: t,
+  toastManager: a,
+  container: e
+}) {
+  return /* @__PURE__ */ l(s.Provider, { toastManager: a, children: [
+    /* @__PURE__ */ r(T, {}),
+    t,
+    /* @__PURE__ */ r(s.Portal, { container: e, children: /* @__PURE__ */ r(s.Viewport, { className: "fixed top-auto right-4 bottom-4 mx-auto flex w-[calc(100%-2rem)] sm:right-8 sm:bottom-8 sm:w-[340px]", children: /* @__PURE__ */ r(N, {}) }) })
+  ] });
+}
+function N() {
+  const { toasts: t } = C();
+  return t.map((a) => /* @__PURE__ */ l(
+    s.Root,
+    {
+      toast: a,
+      "data-slot": "toast",
+      className: d(
+        "absolute right-0 bottom-0 left-auto z-[calc(var(--z-toast)-var(--toast-index))] mr-0 h-[var(--height)] w-full origin-bottom select-none",
+        y({ variant: a.variant }),
+        "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]",
+        "[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]",
+        "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
+        "data-[ending-style]:opacity-0 data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))] data-[limited]:opacity-0 data-[starting-style]:[transform:translateY(150%)]",
+        "data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
+        "data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
+        "data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
+        "data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
+        "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",
+        a.bump && "animate-toast-bump"
+      ),
+      children: [
+        /* @__PURE__ */ r(_, { variant: a.variant }),
+        /* @__PURE__ */ l(s.Content, { className: "isolate flex flex-col gap-1 transition-opacity [transition-duration:250ms] data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100", children: [
+          a.content ?? /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ r(Y, { variant: a.variant }),
+            /* @__PURE__ */ l("div", { className: "flex flex-col gap-1 overflow-hidden", children: [
+              /* @__PURE__ */ r(
+                s.Title,
+                {
+                  "data-slot": "toast-title",
+                  className: d(
+                    "text-[0.975rem] leading-5 font-medium text-foreground",
+                    c[a.variant ?? "default"].titleClass
+                  )
+                }
+              ),
+              /* @__PURE__ */ r(
+                s.Description,
+                {
+                  "data-slot": "toast-description",
+                  className: "text-[0.925rem] leading-5 text-muted-foreground"
+                }
+              ),
+              !!a.actions?.length && /* @__PURE__ */ r("div", { className: "mt-2 flex min-w-0 flex-nowrap gap-2 overflow-x-auto p-px", children: a.actions.map((e, n) => /* @__PURE__ */ r(b, { ...e }, n)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ r(
+            s.Close,
+            {
+              className: "absolute top-2 right-2 flex h-4 w-4 items-center justify-center rounded border-none bg-transparent text-current/50 hover:bg-foreground/10 hover:text-current",
+              "aria-label": "Cerrar",
+              children: /* @__PURE__ */ r(x, { className: "h-3 w-3" })
+            }
+          )
+        ] })
+      ]
+    },
+    a.id
+  ));
+}
+function _({ variant: t }) {
+  const a = t ? c[t].bgClass : "";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: d(
+        "absolute inset-0 rounded-[11px] bg-background/90",
+        a
+      )
+    }
+  );
+}
+function Y({ variant: t }) {
+  if (!t || t === "default") return null;
+  const { icon: a, titleClass: e } = c[t];
+  return a ? /* @__PURE__ */ r(
+    a,
+    {
+      "data-slot": "toast-icon",
+      className: d("mt-0.5 h-4 w-4 shrink-0", e)
+    }
+  ) : null;
+}
+export {
+  V as ToastPrimitive,
+  B as ToastProvider,
+  P as createToastManager,
+  z as toast,
+  y as toastVariants,
+  C as useToastManager
+};

package/dist/components/tooltip/tooltip.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@base-ui/react/tooltip"),i=require("../../lib/cn.cjs.js");function v(o){return t.jsx("svg",{width:"20",height:"10",viewBox:"0 0 20 10",fill:"none",...o,children:t.jsx("path",{d:"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",fill:"currentColor"})})}function y(o){return t.jsx(e.Tooltip.Provider,{...o})}function a(o){return t.jsx(e.Tooltip.Root,{...o})}function l({className:o,...r}){return t.jsx(e.Tooltip.Trigger,{"data-slot":"tooltip-trigger",className:i.cn(o),...r})}function n({className:o,...r}){return t.jsx(e.Tooltip.Popup,{"data-slot":"tooltip-popup",className:i.cn("flex origin-[var(--transform-origin)] flex-col rounded-md bg-popover px-2.5 py-1.5 text-xs text-popover-foreground drop-shadow-md","transition-[scale,opacity] duration-150 ease-out","data-starting-style:scale-98 data-starting-style:opacity-0","data-ending-style:scale-98 data-ending-style:opacity-0","data-instant:duration-0",o),...r})}function s({className:o,...r}){return t.jsx(e.Tooltip.Arrow,{"data-slot":"tooltip-arrow",className:i.cn("flex text-popover","data-[side=bottom]:top-[-8px]","data-[side=left]:right-[-13px] data-[side=left]:rotate-90","data-[side=right]:left-[-13px] data-[side=right]:-rotate-90","data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",o),...r,children:t.jsx(v,{})})}function P({content:o,children:r,open:p,defaultOpen:d,onOpenChange:c,side:u="top",align:x,offset:g=10,delay:T,closeDelay:f,className:j,classNames:h,...m}){return t.jsxs(a,{open:p,defaultOpen:d,onOpenChange:c,children:[t.jsx(l,{delay:T,closeDelay:f,render:r,...m}),t.jsx(e.Tooltip.Portal,{children:t.jsx(e.Tooltip.Positioner,{side:u,align:x,sideOffset:g,className:"z-float",children:t.jsxs(n,{className:j,children:[t.jsx(s,{className:h?.arrow}),o]})})})]})}Object.defineProperty(exports,"TooltipPrimitive",{enumerable:!0,get:()=>e.Tooltip});exports.Tooltip=P;exports.TooltipArrow=s;exports.TooltipPopup=n;exports.TooltipProvider=y;exports.TooltipRoot=a;exports.TooltipTrigger=l;

package/dist/components/tooltip/tooltip.es.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { Tooltip as i } from "@base-ui/react/tooltip";
+import { Tooltip as L } from "@base-ui/react/tooltip";
+import { cn as e } from "../../lib/cn.es.js";
+function h(t) {
+  return /* @__PURE__ */ o("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...t, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function b(t) {
+  return /* @__PURE__ */ o(i.Provider, { ...t });
+}
+function T(t) {
+  return /* @__PURE__ */ o(i.Root, { ...t });
+}
+function v({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    i.Trigger,
+    {
+      "data-slot": "tooltip-trigger",
+      className: e(t),
+      ...r
+    }
+  );
+}
+function w({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    i.Popup,
+    {
+      "data-slot": "tooltip-popup",
+      className: e(
+        "flex origin-[var(--transform-origin)] flex-col rounded-md bg-popover px-2.5 py-1.5 text-xs text-popover-foreground drop-shadow-md",
+        "transition-[scale,opacity] duration-150 ease-out",
+        "data-starting-style:scale-98 data-starting-style:opacity-0",
+        "data-ending-style:scale-98 data-ending-style:opacity-0",
+        "data-instant:duration-0",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function y({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    i.Arrow,
+    {
+      "data-slot": "tooltip-arrow",
+      className: e(
+        "flex text-popover",
+        "data-[side=bottom]:top-[-8px]",
+        "data-[side=left]:right-[-13px] data-[side=left]:rotate-90",
+        "data-[side=right]:left-[-13px] data-[side=right]:-rotate-90",
+        "data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
+        t
+      ),
+      ...r,
+      children: /* @__PURE__ */ o(h, {})
+    }
+  );
+}
+function A({
+  content: t,
+  children: r,
+  open: n,
+  defaultOpen: l,
+  onOpenChange: p,
+  side: d = "top",
+  align: s,
+  offset: c = 10,
+  delay: f,
+  closeDelay: u,
+  className: g,
+  classNames: m,
+  ...x
+}) {
+  return /* @__PURE__ */ a(
+    T,
+    {
+      open: n,
+      defaultOpen: l,
+      onOpenChange: p,
+      children: [
+        /* @__PURE__ */ o(
+          v,
+          {
+            delay: f,
+            closeDelay: u,
+            render: r,
+            ...x
+          }
+        ),
+        /* @__PURE__ */ o(i.Portal, { children: /* @__PURE__ */ o(
+          i.Positioner,
+          {
+            side: d,
+            align: s,
+            sideOffset: c,
+            className: "z-float",
+            children: /* @__PURE__ */ a(w, { className: g, children: [
+              /* @__PURE__ */ o(y, { className: m?.arrow }),
+              t
+            ] })
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  A as Tooltip,
+  y as TooltipArrow,
+  w as TooltipPopup,
+  L as TooltipPrimitive,
+  b as TooltipProvider,
+  T as TooltipRoot,
+  v as TooltipTrigger
+};

package/dist/components/tree/tree.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),i=require("@base-ui/react/merge-props"),c=require("@base-ui/react/use-render"),R=require("lucide-react"),l=require("react"),u=require("../../lib/cn.cjs.js"),I=d.jsx(R.ChevronRightIcon,{"aria-hidden":!0,className:"size-4 shrink-0 text-muted-foreground transition-transform duration-200 in-data-[expanded=true]:rotate-90"}),b=l.createContext(void 0);function C(){const e=l.useContext(b);if(!e)throw new Error("Tree components must be used within a TreeRoot");return e}const x=l.createContext(void 0);function L(){const e=l.useContext(x);if(!e)throw new Error("TreeItemLabel must be used within a TreeItem");return e}function S({tree:e,indent:n=20,className:t,render:o,style:a,...r}){const{style:s,...g}=e.getContainerProps(),p={"data-slot":"tree",...g,className:u.cn("flex flex-col outline-none",t),style:{...s,...a,"--tree-indent":`${n}px`}};return d.jsx(b.Provider,{value:{tree:e},children:c.useRender({defaultTagName:"div",render:o,props:i.mergeProps(p,r)})})}function w({item:e,leafIcon:n,parentIcon:t=I,className:o,render:a,children:r,style:s,...g}){const{style:p,...T}=e.getProps(),h=e.getItemMeta().level,f=e.isFolder(),m=e.isExpanded(),P=f?typeof t=="function"?t(m):t:n,y=d.jsxs(v,{children:[P,e.getItemName()]}),N={"data-slot":"tree-item","data-focused":e.isFocused()||void 0,"data-folder":f||void 0,"data-selected":e.isSelected?.()||void 0,"data-drag-target":e.isDragTarget?.()||void 0,"data-search-match":e.isMatchingSearch?.()||void 0,"data-expanded":m||void 0,"aria-expanded":f?m:void 0,...T,style:{...p,...s,paddingInlineStart:`calc(var(--tree-indent) * ${h})`},className:u.cn("z-10 not-last:pb-0.5 outline-hidden select-none focus:z-20","data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),children:r??y};return d.jsx(x.Provider,{value:{item:e},children:c.useRender({defaultTagName:"button",render:a,props:i.mergeProps(N,g)})})}function v({className:e,render:n,children:t,...o}){const{item:a}=L(),r={"data-slot":"tree-item-label",className:u.cn("flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors","bg-background hover:bg-accent","in-data-[selected=true]:bg-accent in-data-[selected=true]:text-accent-foreground","in-data-[drag-target=true]:bg-accent","in-data-[search-match=true]:bg-blue-50","in-focus-visible:ring-3 in-focus-visible:ring-ring/50","[&_svg]:pointer-events-none [&_svg]:shrink-0",e),children:t??a.getItemName()};return c.useRender({defaultTagName:"span",render:n,props:i.mergeProps(r,o)})}function j({className:e,render:n,style:t,...o}){const{tree:a}=C(),r=a.getDragLineStyle?.();if(!r)return null;const s={"data-slot":"tree-drag-line",style:{...r,...t},className:u.cn("absolute z-30 -mt-px h-0.5 w-[unset] bg-primary","before:absolute before:-top-[3px] before:left-0 before:size-2 before:rounded-full","before:border-2 before:border-primary before:bg-background",e)};return c.useRender({defaultTagName:"div",render:n,props:i.mergeProps(s,o)})}exports.TreeDragLine=j;exports.TreeItem=w;exports.TreeItemLabel=v;exports.TreeRoot=S;

package/dist/components/tree/tree.es.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsx as m, jsxs as I } from "react/jsx-runtime";
+import { mergeProps as d } from "@base-ui/react/merge-props";
+import { useRender as i } from "@base-ui/react/use-render";
+import { ChevronRightIcon as C } from "lucide-react";
+import { createContext as g, useContext as b } from "react";
+import { cn as c } from "../../lib/cn.es.js";
+const w = /* @__PURE__ */ m(
+  C,
+  {
+    "aria-hidden": !0,
+    className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200 in-data-[expanded=true]:rotate-90"
+  }
+), v = g(void 0);
+function L() {
+  const e = b(v);
+  if (!e)
+    throw new Error("Tree components must be used within a TreeRoot");
+  return e;
+}
+const x = g(
+  void 0
+);
+function S() {
+  const e = b(x);
+  if (!e)
+    throw new Error("TreeItemLabel must be used within a TreeItem");
+  return e;
+}
+function j({
+  tree: e,
+  indent: o = 20,
+  className: t,
+  render: n,
+  style: a,
+  ...r
+}) {
+  const { style: s, ...l } = e.getContainerProps(), u = {
+    "data-slot": "tree",
+    ...l,
+    className: c("flex flex-col outline-none", t),
+    style: {
+      ...s,
+      ...a,
+      "--tree-indent": `${o}px`
+    }
+  };
+  return /* @__PURE__ */ m(v.Provider, { value: { tree: e }, children: i({
+    defaultTagName: "div",
+    render: n,
+    props: d(u, r)
+  }) });
+}
+function A({
+  item: e,
+  leafIcon: o,
+  parentIcon: t = w,
+  className: n,
+  render: a,
+  children: r,
+  style: s,
+  ...l
+}) {
+  const { style: u, ...h } = e.getProps(), T = e.getItemMeta().level, f = e.isFolder(), p = e.isExpanded(), y = f ? typeof t == "function" ? t(p) : t : o, N = /* @__PURE__ */ I(E, { children: [
+    y,
+    e.getItemName()
+  ] }), P = {
+    "data-slot": "tree-item",
+    "data-focused": e.isFocused() || void 0,
+    "data-folder": f || void 0,
+    "data-selected": e.isSelected?.() || void 0,
+    "data-drag-target": e.isDragTarget?.() || void 0,
+    "data-search-match": e.isMatchingSearch?.() || void 0,
+    "data-expanded": p || void 0,
+    "aria-expanded": f ? p : void 0,
+    ...h,
+    style: {
+      ...u,
+      ...s,
+      paddingInlineStart: `calc(var(--tree-indent) * ${T})`
+    },
+    className: c(
+      "z-10 not-last:pb-0.5 outline-hidden select-none focus:z-20",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      n
+    ),
+    children: r ?? N
+  };
+  return /* @__PURE__ */ m(x.Provider, { value: { item: e }, children: i({
+    defaultTagName: "button",
+    render: a,
+    props: d(P, l)
+  }) });
+}
+function E({
+  className: e,
+  render: o,
+  children: t,
+  ...n
+}) {
+  const { item: a } = S(), r = {
+    "data-slot": "tree-item-label",
+    className: c(
+      "flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors",
+      "bg-background hover:bg-accent",
+      "in-data-[selected=true]:bg-accent in-data-[selected=true]:text-accent-foreground",
+      "in-data-[drag-target=true]:bg-accent",
+      "in-data-[search-match=true]:bg-blue-50",
+      "in-focus-visible:ring-3 in-focus-visible:ring-ring/50",
+      "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+      e
+    ),
+    children: t ?? a.getItemName()
+  };
+  return i({
+    defaultTagName: "span",
+    render: o,
+    props: d(r, n)
+  });
+}
+function M({
+  className: e,
+  render: o,
+  style: t,
+  ...n
+}) {
+  const { tree: a } = L(), r = a.getDragLineStyle?.();
+  if (!r) return null;
+  const s = {
+    "data-slot": "tree-drag-line",
+    style: { ...r, ...t },
+    className: c(
+      "absolute z-30 -mt-px h-0.5 w-[unset] bg-primary",
+      "before:absolute before:-top-[3px] before:left-0 before:size-2 before:rounded-full",
+      "before:border-2 before:border-primary before:bg-background",
+      e
+    )
+  };
+  return i({
+    defaultTagName: "div",
+    render: o,
+    props: d(s, n)
+  });
+}
+export {
+  M as TreeDragLine,
+  A as TreeItem,
+  E as TreeItemLabel,
+  j as TreeRoot
+};

package/dist/hooks/internal/is-browser.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof window<"u";exports.isBrowser=e;

package/dist/hooks/internal/is-browser.es.js

@@ -0,0 +1,4 @@
+const e = typeof window < "u";
+export {
+  e as isBrowser
+};

package/dist/hooks/internal/use-isomorphic-layout-effect.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./is-browser.cjs.js"),o=t.isBrowser?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;

package/dist/hooks/internal/use-isomorphic-layout-effect.es.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { isBrowser as e } from "./is-browser.es.js";
+const s = e ? o : t;
+export {
+  s as useIsomorphicLayoutEffect
+};

package/dist/hooks/use-array/use-array.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function p(c){const[u=[],n]=i.useState(c);return[u,{insertAt:(e,t)=>{n((r=[])=>{const s=[...r];return s.splice(e,0,t),s})},removeAt:e=>{n((t=[])=>{const r=[...t];return r.splice(e,1),r})},updateAt:(e,t)=>{n((r=[])=>{const s=[...r];return s[e]=t,s})},clear:()=>n([]),reset:()=>n(c),push:e=>n((t=[])=>[...t,e]),set:e=>n(e),pop:()=>{n((e=[])=>{const t=[...e];return t.pop(),t})},update:(e,t)=>{n((r=[])=>{const s=[...r],o=s.findIndex(e);return o===-1||(s[o]=typeof t=="function"?t(s[o]):t),s})}}]}exports.useArray=p;

package/dist/hooks/use-array/use-array.es.js

@@ -0,0 +1,46 @@
+import { useState as p } from "react";
+function m(c) {
+  const [i = [], n] = p(c);
+  return [
+    i,
+    {
+      insertAt: (s, t) => {
+        n((o = []) => {
+          const e = [...o];
+          return e.splice(s, 0, t), e;
+        });
+      },
+      removeAt: (s) => {
+        n((t = []) => {
+          const o = [...t];
+          return o.splice(s, 1), o;
+        });
+      },
+      updateAt: (s, t) => {
+        n((o = []) => {
+          const e = [...o];
+          return e[s] = t, e;
+        });
+      },
+      clear: () => n([]),
+      reset: () => n(c),
+      push: (s) => n((t = []) => [...t, s]),
+      set: (s) => n(s),
+      pop: () => {
+        n((s = []) => {
+          const t = [...s];
+          return t.pop(), t;
+        });
+      },
+      update: (s, t) => {
+        n((o = []) => {
+          const e = [...o], r = e.findIndex(s);
+          return r === -1 || (e[r] = typeof t == "function" ? t(e[r]) : t), e;
+        });
+      }
+    }
+  ];
+}
+export {
+  m as useArray
+};

package/dist/hooks/use-async/use-async.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function S({fn:c,dependencies:l=[],onError:o,onSuccess:r,onFinish:i}){const[f,s]=t.useState(!0),[d,u]=t.useState(null),[y,a]=t.useState(null),n=t.useCallback(()=>{s(!0),u(null),a(null),c().then(e=>{r?.(e),a(e)}).catch(e=>{o?.(e),u(e)}).finally(()=>{i?.(),s(!1)})},l);return t.useEffect(()=>{n()},[n]),{loading:f,error:d,data:y,refetch:n}}exports.useAsync=S;

package/dist/hooks/use-async/use-async.es.js

@@ -0,0 +1,24 @@
+import { useState as n, useCallback as m, useEffect as g } from "react";
+function y({
+  fn: s,
+  dependencies: c = [],
+  onError: r,
+  onSuccess: u,
+  onFinish: f
+}) {
+  const [i, l] = n(!0), [d, o] = n(null), [h, a] = n(null), e = m(() => {
+    l(!0), o(null), a(null), s().then((t) => {
+      u?.(t), a(t);
+    }).catch((t) => {
+      r?.(t), o(t);
+    }).finally(() => {
+      f?.(), l(!1);
+    });
+  }, c);
+  return g(() => {
+    e();
+  }, [e]), { loading: i, error: d, data: h, refetch: e };
+}
+export {
+  y as useAsync
+};

package/dist/hooks/use-click-outside/use-click-outside.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=(u,t=!0)=>{const e=r.useRef(null),n=s=>{e.current&&!e.current.contains(s.target)&&u()};return r.useEffect(()=>{if(t)return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[t]),e};exports.useClickOutside=o;

package/dist/hooks/use-click-outside/use-click-outside.es.js

@@ -0,0 +1,15 @@
+import { useRef as o, useEffect as s } from "react";
+const i = (r, t = !0) => {
+  const e = o(null), n = (u) => {
+    e.current && !e.current.contains(u.target) && r();
+  };
+  return s(() => {
+    if (t)
+      return document.addEventListener("mousedown", n), () => {
+        document.removeEventListener("mousedown", n);
+      };
+  }, [t]), e;
+};
+export {
+  i as useClickOutside
+};

package/dist/hooks/use-clipboard/use-clipboard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function d(u={}){const i=u.timeout??2e3,[c,r]=o.useState(null),[s,t]=o.useState(!1),e=o.useRef(null);o.useEffect(()=>()=>{e.current&&window.clearTimeout(e.current)},[]);const a=n=>{e.current&&window.clearTimeout(e.current),e.current=window.setTimeout(()=>t(!1),i),t(n)};return{copy:n=>{if(!navigator.clipboard?.writeText){e.current&&window.clearTimeout(e.current),t(!1),r(new Error("useClipboard: navigator.clipboard is not supported"));return}navigator.clipboard.writeText(n).then(()=>{r(null),a(!0)}).catch(l=>{e.current&&window.clearTimeout(e.current),t(!1),r(l)})},reset:()=>{t(!1),r(null),e.current&&window.clearTimeout(e.current)},error:c,copied:s}}exports.useClipboard=d;

package/dist/hooks/use-clipboard/use-clipboard.es.js

@@ -0,0 +1,29 @@
+import { useState as n, useRef as f, useEffect as d } from "react";
+function T(i = {}) {
+  const u = i.timeout ?? 2e3, [c, t] = n(null), [l, r] = n(!1), e = f(null);
+  d(
+    () => () => {
+      e.current && window.clearTimeout(e.current);
+    },
+    []
+  );
+  const s = (o) => {
+    e.current && window.clearTimeout(e.current), e.current = window.setTimeout(() => r(!1), u), r(o);
+  };
+  return { copy: (o) => {
+    if (!navigator.clipboard?.writeText) {
+      e.current && window.clearTimeout(e.current), r(!1), t(new Error("useClipboard: navigator.clipboard is not supported"));
+      return;
+    }
+    navigator.clipboard.writeText(o).then(() => {
+      t(null), s(!0);
+    }).catch((a) => {
+      e.current && window.clearTimeout(e.current), r(!1), t(a);
+    });
+  }, reset: () => {
+    r(!1), t(null), e.current && window.clearTimeout(e.current);
+  }, error: c, copied: l };
+}
+export {
+  T as useClipboard
+};

package/dist/hooks/use-debounce-callback/use-debounced-callback.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function n(t,u){const e=r.useRef(null);return r.useCallback((...c)=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{t(...c)},u)},[t,u])}exports.useDebouncedCallback=n;