@boxcustodia/library 2.0.0-alpha.3 → 2.0.0-alpha.31

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

@@ -0,0 +1,242 @@
+"use client";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useMemo as u, useEffect as p } from "react";
+import g from "../../node_modules/lucide-react/dist/esm/icons/info.es.js";
+import v from "../../node_modules/lucide-react/dist/esm/icons/triangle-alert.es.js";
+import x from "../../node_modules/lucide-react/dist/esm/icons/circle-x.es.js";
+import h from "../../node_modules/lucide-react/dist/esm/icons/circle-check.es.js";
+import w from "../../node_modules/lucide-react/dist/esm/icons/x.es.js";
+import { cn as l } from "../../lib/cn.es.js";
+import { useToastManager as m } from "../../node_modules/@base-ui/react/toast/useToastManager.es.js";
+import { ToastProvider as b } from "../../node_modules/@base-ui/react/toast/provider/ToastProvider.es.js";
+import { ToastPortal as y } from "../../node_modules/@base-ui/react/toast/portal/ToastPortal.es.js";
+import { ToastViewport as C } from "../../node_modules/@base-ui/react/toast/viewport/ToastViewport.es.js";
+import { ToastRoot as T } from "../../node_modules/@base-ui/react/toast/root/ToastRoot.es.js";
+import { ToastContent as N } from "../../node_modules/@base-ui/react/toast/content/ToastContent.es.js";
+import { ToastTitle as _ } from "../../node_modules/@base-ui/react/toast/title/ToastTitle.es.js";
+import { ToastDescription as Y } from "../../node_modules/@base-ui/react/toast/description/ToastDescription.es.js";
+import { Button as M } from "../button/button.es.js";
+import { ToastClose as k } from "../../node_modules/@base-ui/react/toast/close/ToastClose.es.js";
+import { createToastManager as X } from "../../node_modules/@base-ui/react/toast/createToastManager.es.js";
+const d = {
+  default: {
+    icon: null,
+    ringClass: "ring-input",
+    titleClass: "",
+    bgClass: ""
+  },
+  success: {
+    icon: h,
+    ringClass: "ring-success",
+    titleClass: "text-success",
+    bgClass: "bg-success/5"
+  },
+  error: {
+    icon: x,
+    ringClass: "ring-error",
+    titleClass: "text-error",
+    bgClass: "bg-error/5"
+  },
+  warning: {
+    icon: v,
+    ringClass: "ring-warning",
+    titleClass: "text-warning",
+    bgClass: "bg-warning/5"
+  },
+  info: {
+    icon: g,
+    ringClass: "ring-info",
+    titleClass: "text-info",
+    bgClass: "bg-info/5"
+  }
+};
+function A({
+  variant: t = "default"
+} = {}) {
+  return l(
+    "rounded-xl ring-1 bg-clip-padding p-4 shadow-lg bg-background",
+    d[t].ringClass
+  );
+}
+function c(t) {
+  return {
+    ...t,
+    close: (a) => t.close(a),
+    add: (a) => {
+      if (a.id) {
+        const e = t.toasts;
+        if (e) {
+          const s = e.find((f) => f.id === a.id);
+          if (s && s.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 (s && s.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" ? (s) => ({
+        ...e.success(
+          s
+        )
+      }) : { ...e.success },
+      error: typeof e.error == "function" ? (s) => ({
+        ...e.error(
+          s
+        )
+      }) : { ...e.error }
+    })
+  };
+}
+function I() {
+  const t = m();
+  return {
+    ...c(t),
+    toasts: t.toasts
+  };
+}
+function at() {
+  return c(X());
+}
+let n = null;
+function o(t) {
+  return typeof t == "string" ? { title: t } : t;
+}
+const et = Object.assign(
+  (t) => n?.add({ ...o(t) }),
+  {
+    success: (t) => n?.add({ variant: "success", ...o(t) }),
+    error: (t) => n?.add({ variant: "error", ...o(t) }),
+    warning: (t) => n?.add({ variant: "warning", ...o(t) }),
+    info: (t) => n?.add({ variant: "info", ...o(t) }),
+    promise: (t, a) => n?.promise(t, a)
+  }
+);
+function j() {
+  const t = m();
+  return n = u(() => c(t), [t]), p(
+    () => () => {
+      n = null;
+    },
+    []
+  ), null;
+}
+function rt({
+  children: t,
+  toastManager: a,
+  container: e
+}) {
+  return /* @__PURE__ */ i(b, { toastManager: a, children: [
+    /* @__PURE__ */ r(j, {}),
+    t,
+    /* @__PURE__ */ r(y, { container: e, className: "relative z-[70]", children: /* @__PURE__ */ r(
+      C,
+      {
+        "data-slot": "toast-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(z, {})
+      }
+    ) })
+  ] });
+}
+function z() {
+  const { toasts: t } = I();
+  return t.map((a) => /* @__PURE__ */ i(
+    T,
+    {
+      toast: a,
+      "data-slot": "toast",
+      className: l(
+        "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",
+        A({ 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(P, { variant: a.variant }),
+        /* @__PURE__ */ i(N, { 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__ */ i("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ r(B, { variant: a.variant }),
+            /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 overflow-hidden", children: [
+              /* @__PURE__ */ r(
+                _,
+                {
+                  "data-slot": "toast-title",
+                  className: l(
+                    "text-[0.975rem] leading-5 font-medium text-foreground",
+                    d[a.variant ?? "default"].titleClass
+                  )
+                }
+              ),
+              /* @__PURE__ */ r(
+                Y,
+                {
+                  "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, s) => /* @__PURE__ */ r(M, { ...e }, s)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ r(
+            k,
+            {
+              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(w, { className: "h-3 w-3" })
+            }
+          )
+        ] })
+      ]
+    },
+    a.id
+  ));
+}
+function P({ variant: t }) {
+  const a = t ? d[t].bgClass : "";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: l(
+        "absolute inset-0 rounded-[11px] bg-background/90",
+        a
+      )
+    }
+  );
+}
+function B({ variant: t }) {
+  if (!t || t === "default") return null;
+  const { icon: a, titleClass: e } = d[t];
+  return a ? /* @__PURE__ */ r(
+    a,
+    {
+      "data-slot": "toast-icon",
+      className: l("mt-0.5 h-4 w-4 shrink-0", e)
+    }
+  ) : null;
+}
+export {
+  rt as ToastProvider,
+  at as createToastManager,
+  et as toast,
+  A as toastVariants,
+  I 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 o=require("react/jsx-runtime"),P=require("../../node_modules/@base-ui/react/tooltip/provider/TooltipProvider.cjs.js"),m=require("../../node_modules/@base-ui/react/tooltip/root/TooltipRoot.cjs.js"),v=require("../../node_modules/@base-ui/react/tooltip/trigger/TooltipTrigger.cjs.js"),i=require("../../lib/cn.cjs.js"),w=require("../../node_modules/@base-ui/react/tooltip/popup/TooltipPopup.cjs.js"),y=require("../../node_modules/@base-ui/react/tooltip/arrow/TooltipArrow.cjs.js"),q=require("../../node_modules/@base-ui/react/tooltip/portal/TooltipPortal.cjs.js"),b=require("../../node_modules/@base-ui/react/tooltip/positioner/TooltipPositioner.cjs.js");function A(t){return o.jsx("svg",{width:"20",height:"10",viewBox:"0 0 20 10",fill:"none",...t,children:o.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 N(t){return o.jsx(P.TooltipProvider,{...t})}function e(t){return o.jsx(m.TooltipRoot,{...t})}function l({className:t,...r}){return o.jsx(v.TooltipTrigger,{"data-slot":"tooltip-trigger",className:i.cn(t),...r})}function s({className:t,...r}){return o.jsx(w.TooltipPopup,{"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",t),...r})}function a({className:t,...r}){return o.jsx(y.TooltipArrow,{"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",t),...r,children:o.jsx(A,{})})}function R({content:t,children:r,open:n,defaultOpen:p,onOpenChange:d,side:c="top",align:u,offset:T=10,delay:x,closeDelay:g,className:f,classNames:j,...h}){return o.jsxs(e,{open:n,defaultOpen:p,onOpenChange:d,children:[o.jsx(l,{delay:x,closeDelay:g,render:r,...h}),o.jsx(q.TooltipPortal,{children:o.jsx(b.TooltipPositioner,{side:c,align:u,sideOffset:T,className:"z-float",children:o.jsxs(s,{className:f,children:[o.jsx(a,{className:j?.arrow}),t]})})})]})}exports.Tooltip=R;exports.TooltipArrow=a;exports.TooltipPopup=s;exports.TooltipProvider=N;exports.TooltipRoot=e;exports.TooltipTrigger=l;

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

@@ -0,0 +1,126 @@
+"use client";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { TooltipProvider as T } from "../../node_modules/@base-ui/react/tooltip/provider/TooltipProvider.es.js";
+import { TooltipRoot as x } from "../../node_modules/@base-ui/react/tooltip/root/TooltipRoot.es.js";
+import { TooltipTrigger as h } from "../../node_modules/@base-ui/react/tooltip/trigger/TooltipTrigger.es.js";
+import { cn as i } from "../../lib/cn.es.js";
+import { TooltipPopup as v } from "../../node_modules/@base-ui/react/tooltip/popup/TooltipPopup.es.js";
+import { TooltipArrow as w } from "../../node_modules/@base-ui/react/tooltip/arrow/TooltipArrow.es.js";
+import { TooltipPortal as y } from "../../node_modules/@base-ui/react/tooltip/portal/TooltipPortal.es.js";
+import { TooltipPositioner as P } from "../../node_modules/@base-ui/react/tooltip/positioner/TooltipPositioner.es.js";
+function N(o) {
+  return /* @__PURE__ */ t("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...o, children: /* @__PURE__ */ t(
+    "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 S(o) {
+  return /* @__PURE__ */ t(T, { ...o });
+}
+function $(o) {
+  return /* @__PURE__ */ t(x, { ...o });
+}
+function A({ className: o, ...r }) {
+  return /* @__PURE__ */ t(
+    h,
+    {
+      "data-slot": "tooltip-trigger",
+      className: i(o),
+      ...r
+    }
+  );
+}
+function C({ className: o, ...r }) {
+  return /* @__PURE__ */ t(
+    v,
+    {
+      "data-slot": "tooltip-popup",
+      className: i(
+        "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 b({ className: o, ...r }) {
+  return /* @__PURE__ */ t(
+    w,
+    {
+      "data-slot": "tooltip-arrow",
+      className: i(
+        "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: /* @__PURE__ */ t(N, {})
+    }
+  );
+}
+function Z({
+  content: o,
+  children: r,
+  open: a,
+  defaultOpen: p,
+  onOpenChange: l,
+  side: n = "top",
+  align: s,
+  offset: d = 10,
+  delay: f,
+  closeDelay: m,
+  className: c,
+  classNames: u,
+  ...g
+}) {
+  return /* @__PURE__ */ e(
+    $,
+    {
+      open: a,
+      defaultOpen: p,
+      onOpenChange: l,
+      children: [
+        /* @__PURE__ */ t(
+          A,
+          {
+            delay: f,
+            closeDelay: m,
+            render: r,
+            ...g
+          }
+        ),
+        /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(
+          P,
+          {
+            side: n,
+            align: s,
+            sideOffset: d,
+            className: "z-float",
+            children: /* @__PURE__ */ e(C, { className: c, children: [
+              /* @__PURE__ */ t(b, { className: u?.arrow }),
+              o
+            ] })
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  Z as Tooltip,
+  b as TooltipArrow,
+  C as TooltipPopup,
+  S as TooltipProvider,
+  $ as TooltipRoot,
+  A 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("react"),R=require("../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs.js"),c=require("../../lib/cn.cjs.js"),l=require("../../node_modules/@base-ui/react/use-render/useRender.cjs.js"),u=require("../../node_modules/@base-ui/react/merge-props/mergeProps.cjs.js"),I=d.jsx(R.default,{"aria-hidden":!0,className:"size-4 shrink-0 text-muted-foreground transition-transform duration-200 in-data-[expanded=true]:rotate-90"}),b=i.createContext(void 0);function C(){const e=i.useContext(b);if(!e)throw new Error("Tree components must be used within a TreeRoot");return e}const x=i.createContext(void 0);function L(){const e=i.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(),f={"data-slot":"tree",...g,className:c.cn("flex flex-col outline-none",t),style:{...s,...a,"--tree-indent":`${n}px`}};return d.jsx(b.Provider,{value:{tree:e},children:l.useRender({defaultTagName:"div",render:o,props:u.mergeProps(f,r)})})}function w({item:e,leafIcon:n,parentIcon:t=I,className:o,render:a,children:r,style:s,...g}){const{style:f,...T}=e.getProps(),h=e.getItemMeta().level,p=e.isFolder(),m=e.isExpanded(),P=p?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":p||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":p?m:void 0,...T,style:{...f,...s,paddingInlineStart:`calc(var(--tree-indent) * ${h})`},className:c.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:l.useRender({defaultTagName:"button",render:a,props:u.mergeProps(N,g)})})}function v({className:e,render:n,children:t,...o}){const{item:a}=L(),r={"data-slot":"tree-item-label",className:c.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 l.useRender({defaultTagName:"span",render:n,props:u.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:c.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 l.useRender({defaultTagName:"div",render:n,props:u.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 C } from "react/jsx-runtime";
+import { createContext as g, useContext as b } from "react";
+import I from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.es.js";
+import { cn as d } from "../../lib/cn.es.js";
+import { useRender as i } from "../../node_modules/@base-ui/react/use-render/useRender.es.js";
+import { mergeProps as c } from "../../node_modules/@base-ui/react/merge-props/mergeProps.es.js";
+const w = /* @__PURE__ */ m(
+  I,
+  {
+    "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: d("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: c(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__ */ C(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: d(
+      "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: c(P, l)
+  }) });
+}
+function E({
+  className: e,
+  render: o,
+  children: t,
+  ...n
+}) {
+  const { item: a } = S(), r = {
+    "data-slot": "tree-item-label",
+    className: d(
+      "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: c(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: d(
+      "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: c(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-action/use-action.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("../internal/use-latest-ref.cjs.js"),k=s=>{const[c,l]=t.useState("idle"),[y,o]=t.useState(null),[E,a]=t.useState(null),d=r.useLatestRef(s.fn),R=r.useLatestRef(s.onExecute),i=r.useLatestRef(s.onSuccess),S=r.useLatestRef(s.onError),g=r.useLatestRef(s.onSettled),f=t.useCallback(async e=>{R.current?.(e),l("pending"),o(null),a(null);let n=null,u=null;try{return n=await d.current(e),o(n),l("success"),i.current?.(n,e),n}catch(x){throw u=x,a(u),l("error"),S.current?.(u,e),u}finally{g.current?.(n,u,e)}},[d,R,i,S,g]),L=t.useCallback(e=>{f(e).catch(()=>{})},[f]),h=t.useCallback(()=>{l("idle"),o(null),a(null)},[]);return{execute:L,executeAsync:f,reset:h,data:y,error:E,status:c,isIdle:c==="idle",isPending:c==="pending",isSuccess:c==="success",isError:c==="error"}};exports.useAction=k;

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

@@ -0,0 +1,41 @@
+import { useState as d, useCallback as a } from "react";
+import { useLatestRef as s } from "../internal/use-latest-ref.es.js";
+const p = (t) => {
+  const [n, u] = d("idle"), [g, o] = d(null), [h, l] = d(null), i = s(t.fn), S = s(t.onExecute), E = s(t.onSuccess), R = s(t.onError), x = s(t.onSettled), f = a(
+    async (e) => {
+      S.current?.(e), u("pending"), o(null), l(null);
+      let r = null, c = null;
+      try {
+        return r = await i.current(e), o(r), u("success"), E.current?.(r, e), r;
+      } catch (w) {
+        throw c = w, l(c), u("error"), R.current?.(c, e), c;
+      } finally {
+        x.current?.(r, c, e);
+      }
+    },
+    [i, S, E, R, x]
+  ), m = a(
+    (e) => {
+      f(e).catch(() => {
+      });
+    },
+    [f]
+  ), y = a(() => {
+    u("idle"), o(null), l(null);
+  }, []);
+  return {
+    execute: m,
+    executeAsync: f,
+    reset: y,
+    data: g,
+    error: h,
+    status: n,
+    isIdle: n === "idle",
+    isPending: n === "pending",
+    isSuccess: n === "success",
+    isError: n === "error"
+  };
+};
+export {
+  p as useAction
+};

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;