@boxcustodia/library 2.0.0-alpha.2 → 2.0.0-alpha.21

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-apple-device.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./is-browser.cjs.js"),i=/mac|iphone|ipad|ipod/i,o=()=>{if(!r.isBrowser||typeof navigator>"u")return!1;const e=navigator,t=e.userAgentData?.platform??e.platform;return t?i.test(t):!1};exports.isAppleDevice=o;

package/dist/hooks/internal/is-apple-device.es.js

@@ -0,0 +1,9 @@
+import { isBrowser as r } from "./is-browser.es.js";
+const o = /mac|iphone|ipad|ipod/i, n = () => {
+  if (!r || typeof navigator > "u") return !1;
+  const t = navigator, e = t.userAgentData?.platform ?? t.platform;
+  return e ? o.test(e) : !1;
+};
+export {
+  n as isAppleDevice
+};

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/internal/use-latest-ref.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("./use-isomorphic-layout-effect.cjs.js"),o=e=>{const t=r.useRef(e);return s.useIsomorphicLayoutEffect(()=>{t.current=e}),t};exports.useLatestRef=o;

package/dist/hooks/internal/use-latest-ref.es.js

@@ -0,0 +1,11 @@
+import { useRef as e } from "react";
+import { useIsomorphicLayoutEffect as o } from "./use-isomorphic-layout-effect.es.js";
+const c = (r) => {
+  const t = e(r);
+  return o(() => {
+    t.current = r;
+  }), t;
+};
+export {
+  c as useLatestRef
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("../internal/use-latest-ref.cjs.js");function g(i,l){const[o,r]=c.useState(i),R=c.useRef(i),d=a.useLatestRef(o),p=a.useLatestRef(l?.onChange),f=c.useRef(!1);c.useEffect(()=>{if(!f.current){f.current=!0;return}p.current?.(o)},[o]);const h=c.useMemo(()=>({push:e=>r(t=>[...t,e]),pop:()=>r(e=>e.slice(0,-1)),insertAt:(e,t)=>r(s=>[...s.slice(0,e),t,...s.slice(e)]),removeAt:e=>r(t=>t.filter((s,n)=>n!==e)),updateAt:(e,t)=>r(s=>s.map((n,u)=>u===e?t:n)),clear:()=>r([]),reset:()=>r(R.current),set:e=>r(e),move:(e,t)=>r(s=>{if(e===t)return s;const n=[...s],[u]=n.splice(e,1);return n.splice(t,0,u),n}),swap:(e,t)=>r(s=>{if(e===t)return s;const n=[...s];return[n[e],n[t]]=[n[t],n[e]],n}),filter:e=>r(t=>t.filter(e)),sort:e=>r(t=>[...t].sort(e)),reverse:()=>r(e=>[...e].reverse()),replace:(e,t)=>r(s=>{const n=s.findIndex(e);return n===-1?s:s.map((u,y)=>y===n?typeof t=="function"?t(u):t:u)}),removeWhere:e=>r(t=>t.filter(s=>!e(s))),pushMany:e=>{e.length!==0&&r(t=>[...t,...e])},find:e=>d.current.find(e)}),[r]);return[o,h]}exports.useArray=g;

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

@@ -0,0 +1,58 @@
+import { useState as A, useRef as i, useEffect as g, useMemo as x } from "react";
+import { useLatestRef as l } from "../internal/use-latest-ref.es.js";
+function L(u, a) {
+  const [c, r] = A(u), p = i(u), m = l(c), d = l(a?.onChange), f = i(!1);
+  g(() => {
+    if (!f.current) {
+      f.current = !0;
+      return;
+    }
+    d.current?.(c);
+  }, [c]);
+  const h = x(
+    () => ({
+      push: (e) => r((t) => [...t, e]),
+      pop: () => r((e) => e.slice(0, -1)),
+      insertAt: (e, t) => r((n) => [
+        ...n.slice(0, e),
+        t,
+        ...n.slice(e)
+      ]),
+      removeAt: (e) => r((t) => t.filter((n, s) => s !== e)),
+      updateAt: (e, t) => r((n) => n.map((s, o) => o === e ? t : s)),
+      clear: () => r([]),
+      reset: () => r(p.current),
+      set: (e) => r(e),
+      move: (e, t) => r((n) => {
+        if (e === t) return n;
+        const s = [...n], [o] = s.splice(e, 1);
+        return s.splice(t, 0, o), s;
+      }),
+      swap: (e, t) => r((n) => {
+        if (e === t) return n;
+        const s = [...n];
+        return [s[e], s[t]] = [s[t], s[e]], s;
+      }),
+      filter: (e) => r((t) => t.filter(e)),
+      sort: (e) => r((t) => [...t].sort(e)),
+      reverse: () => r((e) => [...e].reverse()),
+      replace: (e, t) => r((n) => {
+        const s = n.findIndex(e);
+        return s === -1 ? n : n.map(
+          (o, R) => R === s ? typeof t == "function" ? t(o) : t : o
+        );
+      }),
+      removeWhere: (e) => r((t) => t.filter((n) => !e(n))),
+      pushMany: (e) => {
+        e.length !== 0 && r((t) => [...t, ...e]);
+      },
+      find: (e) => m.current.find(e)
+    }),
+    [r]
+    // setList is stable for component lifetime → memo computes once
+  );
+  return [c, h];
+}
+export {
+  L 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"),o=require("../internal/use-latest-ref.cjs.js");function m({fn:L,deps:h=[],enabled:l=!0,keepPreviousData:k=!1,onSuccess:p,onError:q,onSettled:w}){const[n,u]=t.useState(l?"pending":"idle"),[A,f]=t.useState(null),[C,i]=t.useState(null),d=o.useLatestRef(L),R=o.useLatestRef(p),S=o.useLatestRef(q),b=o.useLatestRef(w),c=t.useRef(0),[T,I]=t.useState(0),y=t.useCallback(async(e,s)=>{let E=null,g=null;try{const r=await d.current(e);if(s!==c.current||e.aborted)return;E=r,f(r),u("success"),R.current?.(r)}catch(r){if(e.aborted||s!==c.current)return;const a=r instanceof Error?r:new Error(String(r));g=a,i(a),u("error"),S.current?.(a)}finally{s===c.current&&!e.aborted&&b.current?.(E,g)}},[d,R,S,b]),j=t.useCallback(()=>{I(e=>e+1)},[]);return t.useEffect(()=>{if(!l){u("idle");return}c.current+=1;const e=c.current,s=new AbortController;return u("pending"),i(null),k||f(null),y(s.signal,e),()=>{s.abort()}},[...h,l,y,T]),{data:A,error:C,status:n,loading:n==="pending",isIdle:n==="idle",isSuccess:n==="success",isError:n==="error",refetch:j}}exports.useAsync=m;