@gv-tech/ui-web 2.9.1 → 2.12.0

package/dist/context-menu.es.js

@@ -0,0 +1,328 @@
+import { j as a } from "./jsx-runtime-tc70JA_2.mjs";
+import * as s from "react";
+import { P as J, c as M } from "./index-K9FzbxYw.mjs";
+import { c as Q } from "./index-IZ2gq03c.mjs";
+import { S as V, a as Z, P as ee, C as te, I as ne, b as oe, c as ae, R as re, L as se, d as ie, e as h, f as ce, G as de, g as ue, h as le, A as pe, i as xe } from "./index-CVx1AgNG.mjs";
+import { u as me } from "./index-0ioNhtNM.mjs";
+import { u as fe } from "./index-p6xVFRb4.mjs";
+import { ChevronRight as Ce, Check as Me, Circle as ve } from "lucide-react";
+import { c as p } from "./utils-B6yFEsav.mjs";
+var g = "ContextMenu", [ge] = Q(g, [
+  h
+]), i = h(), [he, N] = ge(g), b = (e) => {
+  const { __scopeContextMenu: t, children: n, onOpenChange: o, dir: r, modal: l = !0 } = e, [u, c] = s.useState(!1), m = i(t), f = me(o), d = s.useCallback(
+    (C) => {
+      c(C), f(C);
+    },
+    [f]
+  );
+  return /* @__PURE__ */ a.jsx(
+    he,
+    {
+      scope: t,
+      open: u,
+      onOpenChange: d,
+      modal: l,
+      children: /* @__PURE__ */ a.jsx(
+        ce,
+        {
+          ...m,
+          dir: r,
+          open: u,
+          onOpenChange: d,
+          modal: l,
+          children: n
+        }
+      )
+    }
+  );
+};
+b.displayName = g;
+var R = "ContextMenuTrigger", w = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: n, disabled: o = !1, ...r } = e, l = N(R, n), u = i(n), c = s.useRef({ x: 0, y: 0 }), m = s.useRef({
+      getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, ...c.current })
+    }), f = s.useRef(0), d = s.useCallback(
+      () => window.clearTimeout(f.current),
+      []
+    ), C = (x) => {
+      c.current = { x: x.clientX, y: x.clientY }, l.onOpenChange(!0);
+    };
+    return s.useEffect(() => d, [d]), s.useEffect(() => {
+      o && d();
+    }, [o, d]), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      /* @__PURE__ */ a.jsx(pe, { ...u, virtualRef: m }),
+      /* @__PURE__ */ a.jsx(
+        J.span,
+        {
+          "data-state": l.open ? "open" : "closed",
+          "data-disabled": o ? "" : void 0,
+          ...r,
+          ref: t,
+          style: { WebkitTouchCallout: "none", ...e.style },
+          onContextMenu: o ? e.onContextMenu : M(e.onContextMenu, (x) => {
+            d(), C(x), x.preventDefault();
+          }),
+          onPointerDown: o ? e.onPointerDown : M(
+            e.onPointerDown,
+            v((x) => {
+              d(), f.current = window.setTimeout(() => C(x), 700);
+            })
+          ),
+          onPointerMove: o ? e.onPointerMove : M(e.onPointerMove, v(d)),
+          onPointerCancel: o ? e.onPointerCancel : M(e.onPointerCancel, v(d)),
+          onPointerUp: o ? e.onPointerUp : M(e.onPointerUp, v(d))
+        }
+      )
+    ] });
+  }
+);
+w.displayName = R;
+var Ne = "ContextMenuPortal", y = (e) => {
+  const { __scopeContextMenu: t, ...n } = e, o = i(t);
+  return /* @__PURE__ */ a.jsx(ee, { ...o, ...n });
+};
+y.displayName = Ne;
+var _ = "ContextMenuContent", S = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: n, ...o } = e, r = N(_, n), l = i(n), u = s.useRef(!1);
+    return /* @__PURE__ */ a.jsx(
+      te,
+      {
+        ...l,
+        ...o,
+        ref: t,
+        side: "right",
+        sideOffset: 2,
+        align: "start",
+        onCloseAutoFocus: (c) => {
+          e.onCloseAutoFocus?.(c), !c.defaultPrevented && u.current && c.preventDefault(), u.current = !1;
+        },
+        onInteractOutside: (c) => {
+          e.onInteractOutside?.(c), !c.defaultPrevented && !r.modal && (u.current = !0);
+        },
+        style: {
+          ...e.style,
+          "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+S.displayName = _;
+var be = "ContextMenuGroup", P = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: n, ...o } = e, r = i(n);
+    return /* @__PURE__ */ a.jsx(de, { ...r, ...o, ref: t });
+  }
+);
+P.displayName = be;
+var Re = "ContextMenuLabel", j = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: n, ...o } = e, r = i(n);
+    return /* @__PURE__ */ a.jsx(se, { ...r, ...o, ref: t });
+  }
+);
+j.displayName = Re;
+var we = "ContextMenuItem", I = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: n, ...o } = e, r = i(n);
+    return /* @__PURE__ */ a.jsx(ne, { ...r, ...o, ref: t });
+  }
+);
+I.displayName = we;
+var ye = "ContextMenuCheckboxItem", E = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: n, ...o } = e, r = i(n);
+  return /* @__PURE__ */ a.jsx(oe, { ...r, ...o, ref: t });
+});
+E.displayName = ye;
+var _e = "ContextMenuRadioGroup", A = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: n, ...o } = e, r = i(n);
+  return /* @__PURE__ */ a.jsx(ue, { ...r, ...o, ref: t });
+});
+A.displayName = _e;
+var Se = "ContextMenuRadioItem", O = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: n, ...o } = e, r = i(n);
+  return /* @__PURE__ */ a.jsx(re, { ...r, ...o, ref: t });
+});
+O.displayName = Se;
+var Pe = "ContextMenuItemIndicator", T = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: n, ...o } = e, r = i(n);
+  return /* @__PURE__ */ a.jsx(ae, { ...r, ...o, ref: t });
+});
+T.displayName = Pe;
+var je = "ContextMenuSeparator", G = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: n, ...o } = e, r = i(n);
+  return /* @__PURE__ */ a.jsx(ie, { ...r, ...o, ref: t });
+});
+G.displayName = je;
+var Ie = "ContextMenuArrow", Ee = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: n, ...o } = e, r = i(n);
+    return /* @__PURE__ */ a.jsx(xe, { ...r, ...o, ref: t });
+  }
+);
+Ee.displayName = Ie;
+var $ = "ContextMenuSub", k = (e) => {
+  const { __scopeContextMenu: t, children: n, onOpenChange: o, open: r, defaultOpen: l } = e, u = i(t), [c, m] = fe({
+    prop: r,
+    defaultProp: l ?? !1,
+    onChange: o,
+    caller: $
+  });
+  return /* @__PURE__ */ a.jsx(le, { ...u, open: c, onOpenChange: m, children: n });
+};
+k.displayName = $;
+var Ae = "ContextMenuSubTrigger", L = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: n, ...o } = e, r = i(n);
+  return /* @__PURE__ */ a.jsx(V, { ...r, ...o, ref: t });
+});
+L.displayName = Ae;
+var Oe = "ContextMenuSubContent", D = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: n, ...o } = e, r = i(n);
+  return /* @__PURE__ */ a.jsx(
+    Z,
+    {
+      ...r,
+      ...o,
+      ref: t,
+      style: {
+        ...e.style,
+        "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+D.displayName = Oe;
+function v(e) {
+  return (t) => t.pointerType !== "mouse" ? e(t) : void 0;
+}
+var Te = b, Ge = w, U = y, z = S, $e = P, B = j, F = I, X = E, ke = A, H = O, W = T, K = G, Le = k, Y = L, q = D;
+const nt = Te, ot = Ge, at = $e, rt = U, st = Le, it = ke, De = s.forwardRef(({ className: e, inset: t, children: n, ...o }, r) => /* @__PURE__ */ a.jsxs(
+  Y,
+  {
+    ref: r,
+    className: p(
+      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none",
+      t && "pl-8",
+      e
+    ),
+    ...o,
+    children: [
+      n,
+      /* @__PURE__ */ a.jsx(Ce, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+De.displayName = Y.displayName;
+const Ue = s.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a.jsx(
+  q,
+  {
+    ref: n,
+    className: p(
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",
+      e
+    ),
+    ...t
+  }
+));
+Ue.displayName = q.displayName;
+const ze = s.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a.jsx(U, { children: /* @__PURE__ */ a.jsx(
+  z,
+  {
+    ref: n,
+    className: p(
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+      e
+    ),
+    ...t
+  }
+) }));
+ze.displayName = z.displayName;
+const Be = s.forwardRef(({ className: e, inset: t, ...n }, o) => /* @__PURE__ */ a.jsx(
+  F,
+  {
+    ref: o,
+    className: p(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t && "pl-8",
+      e
+    ),
+    ...n
+  }
+));
+Be.displayName = F.displayName;
+const Fe = s.forwardRef(({ className: e, children: t, checked: n, ...o }, r) => /* @__PURE__ */ a.jsxs(
+  X,
+  {
+    ref: r,
+    className: p(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: n,
+    ...o,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(W, { children: /* @__PURE__ */ a.jsx(Me, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+Fe.displayName = X.displayName;
+const Xe = s.forwardRef(({ className: e, children: t, ...n }, o) => /* @__PURE__ */ a.jsxs(
+  H,
+  {
+    ref: o,
+    className: p(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...n,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(W, { children: /* @__PURE__ */ a.jsx(ve, { className: "h-4 w-4 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+Xe.displayName = H.displayName;
+const He = s.forwardRef(({ className: e, inset: t, ...n }, o) => /* @__PURE__ */ a.jsx(
+  B,
+  {
+    ref: o,
+    className: p("text-foreground px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
+    ...n
+  }
+));
+He.displayName = B.displayName;
+const We = s.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ a.jsx(K, { ref: n, className: p("bg-border -mx-1 my-1 h-px", e), ...t }));
+We.displayName = K.displayName;
+const Ke = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ a.jsx("span", { className: p("text-muted-foreground ml-auto text-xs tracking-widest", e), ...t });
+Ke.displayName = "ContextMenuShortcut";
+export {
+  nt as ContextMenu,
+  Fe as ContextMenuCheckboxItem,
+  ze as ContextMenuContent,
+  at as ContextMenuGroup,
+  Be as ContextMenuItem,
+  He as ContextMenuLabel,
+  rt as ContextMenuPortal,
+  it as ContextMenuRadioGroup,
+  Xe as ContextMenuRadioItem,
+  We as ContextMenuSeparator,
+  Ke as ContextMenuShortcut,
+  st as ContextMenuSub,
+  Ue as ContextMenuSubContent,
+  De as ContextMenuSubTrigger,
+  ot as ContextMenuTrigger
+};

package/dist/dialog.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./jsx-runtime-nZSsnGb7.js"),a=require("./index-ByiPJW53.js"),x=require("lucide-react"),f=require("react"),i=require("./utils-IjLH3w2e.js");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=j(f),D=a.Root,y=a.Trigger,d=a.Portal,N=a.Close,r=l.forwardRef(({className:e,...t},o)=>s.jsxRuntimeExports.jsx(a.Overlay,{ref:o,className:i.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",e),...t}));r.displayName=a.Overlay.displayName;const c=l.forwardRef(({className:e,children:t,...o},n)=>s.jsxRuntimeExports.jsxs(d,{children:[s.jsxRuntimeExports.jsx(r,{}),s.jsxRuntimeExports.jsxs(a.Content,{ref:n,className:i.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",e),...o,children:[t,s.jsxRuntimeExports.jsxs(a.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",children:[s.jsxRuntimeExports.jsx(x.X,{className:"h-4 w-4"}),s.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=a.Content.displayName;const g=({className:e,...t})=>s.jsxRuntimeExports.jsx("div",{className:i.cn("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});g.displayName="DialogHeader";const u=({className:e,...t})=>s.jsxRuntimeExports.jsx("div",{className:i.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});u.displayName="DialogFooter";const m=l.forwardRef(({className:e,...t},o)=>s.jsxRuntimeExports.jsx(a.Title,{ref:o,className:i.cn("text-lg leading-none font-semibold tracking-tight",e),...t}));m.displayName=a.Title.displayName;const p=l.forwardRef(({className:e,...t},o)=>s.jsxRuntimeExports.jsx(a.Description,{ref:o,className:i.cn("text-muted-foreground text-sm",e),...t}));p.displayName=a.Description.displayName;exports.Dialog=D;exports.DialogClose=N;exports.DialogContent=c;exports.DialogDescription=p;exports.DialogFooter=u;exports.DialogHeader=g;exports.DialogOverlay=r;exports.DialogPortal=d;exports.DialogTitle=m;exports.DialogTrigger=y;

package/dist/dialog.d.ts

@@ -0,0 +1,31 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
+
+export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const DialogFooter: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    displayName: string;
+};
+
+export declare const DialogHeader: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
+    displayName: string;
+};
+
+export declare const DialogOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
+
+export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+
+export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export { }

package/dist/dialog.es.js

@@ -0,0 +1,66 @@
+import { j as t } from "./jsx-runtime-tc70JA_2.mjs";
+import { O as l, P as p, C as n, a as d, T as r, D as c, R as g, b as x } from "./index-DlY82G31.mjs";
+import { X as u } from "lucide-react";
+import * as i from "react";
+import { c as o } from "./utils-B6yFEsav.mjs";
+const T = g, k = x, y = p, z = d, m = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
+  l,
+  {
+    ref: s,
+    className: o(
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+      a
+    ),
+    ...e
+  }
+));
+m.displayName = l.displayName;
+const N = i.forwardRef(({ className: a, children: e, ...s }, f) => /* @__PURE__ */ t.jsxs(y, { children: [
+  /* @__PURE__ */ t.jsx(m, {}),
+  /* @__PURE__ */ t.jsxs(
+    n,
+    {
+      ref: f,
+      className: o(
+        "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
+        a
+      ),
+      ...s,
+      children: [
+        e,
+        /* @__PURE__ */ t.jsxs(d, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
+          /* @__PURE__ */ t.jsx(u, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+N.displayName = n.displayName;
+const D = ({ className: a, ...e }) => /* @__PURE__ */ t.jsx("div", { className: o("flex flex-col space-y-1.5 text-center sm:text-left", a), ...e });
+D.displayName = "DialogHeader";
+const j = ({ className: a, ...e }) => /* @__PURE__ */ t.jsx("div", { className: o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", a), ...e });
+j.displayName = "DialogFooter";
+const b = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t.jsx(
+  r,
+  {
+    ref: s,
+    className: o("text-lg leading-none font-semibold tracking-tight", a),
+    ...e
+  }
+));
+b.displayName = r.displayName;
+const h = i.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ t.jsx(c, { ref: s, className: o("text-muted-foreground text-sm", a), ...e }));
+h.displayName = c.displayName;
+export {
+  T as Dialog,
+  z as DialogClose,
+  N as DialogContent,
+  h as DialogDescription,
+  j as DialogFooter,
+  D as DialogHeader,
+  m as DialogOverlay,
+  y as DialogPortal,
+  b as DialogTitle,
+  k as DialogTrigger
+};

package/dist/drawer.cjs.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("./jsx-runtime-nZSsnGb7.js"),r=require("react"),Z=require("./index-ByiPJW53.js"),it=require("./utils-IjLH3w2e.js");function Ee(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const pt=Ee(r);function Oe(t){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",n.appendChild(e),e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}const Xt=r.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),wt=()=>{const t=r.useContext(Xt);if(!t)throw new Error("useDrawerContext must be used within a Drawer.Root");return t};Oe(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
+[data-state=closed]
+){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);function Ce(){const t=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(t)&&/Mobile/.test(t)||/FxiOS/.test(t))}function $e(){return Nt(/^Mac/)}function Ae(){return Nt(/^iPhone/)}function Wt(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function Me(){return Nt(/^iPad/)||$e()&&navigator.maxTouchPoints>1}function Kt(){return Ae()||Me()}function Nt(t){return typeof window<"u"&&window.navigator!=null?t.test(window.navigator.platform):void 0}const Ne=24,Pe=typeof window<"u"?r.useLayoutEffect:r.useEffect;function Vt(...t){return(...n)=>{for(let e of t)typeof e=="function"&&e(...n)}}const Et=typeof document<"u"&&window.visualViewport;function qt(t){let n=window.getComputedStyle(t);return/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY)}function Gt(t){for(qt(t)&&(t=t.parentElement);t&&!qt(t);)t=t.parentElement;return t||document.scrollingElement||document.documentElement}const Ie=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let yt=0,Ot;function _e(t={}){let{isDisabled:n}=t;Pe(()=>{if(!n)return yt++,yt===1&&Kt()&&(Ot=He()),()=>{yt--,yt===0&&Ot?.()}},[n])}function He(){let t,n=0,e=f=>{t=Gt(f.target),!(t===document.documentElement&&t===document.body)&&(n=f.changedTouches[0].pageY)},a=f=>{if(!t||t===document.documentElement||t===document.body){f.preventDefault();return}let m=f.changedTouches[0].pageY,L=t.scrollTop,j=t.scrollHeight-t.clientHeight;j!==0&&((L<=0&&m>n||L>=j&&m<n)&&f.preventDefault(),n=m)},i=f=>{let m=f.target;At(m)&&m!==document.activeElement&&(f.preventDefault(),m.style.transform="translateY(-2000px)",m.focus(),requestAnimationFrame(()=>{m.style.transform=""}))},o=f=>{let m=f.target;At(m)&&(m.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{m.style.transform="",Et&&(Et.height<window.innerHeight?requestAnimationFrame(()=>{Yt(m)}):Et.addEventListener("resize",()=>Yt(m),{once:!0}))}))},v=()=>{window.scrollTo(0,0)},w=window.pageXOffset,R=window.pageYOffset,x=Vt(je(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let g=Vt(ft(document,"touchstart",e,{passive:!1,capture:!0}),ft(document,"touchmove",a,{passive:!1,capture:!0}),ft(document,"touchend",i,{passive:!1,capture:!0}),ft(document,"focus",o,!0),ft(window,"scroll",v));return()=>{x(),g(),window.scrollTo(w,R)}}function je(t,n,e){let a=t.style[n];return t.style[n]=e,()=>{t.style[n]=a}}function ft(t,n,e,a){return t.addEventListener(n,e,a),()=>{t.removeEventListener(n,e,a)}}function Yt(t){let n=document.scrollingElement||document.documentElement;for(;t&&t!==n;){let e=Gt(t);if(e!==document.documentElement&&e!==document.body&&e!==t){let a=e.getBoundingClientRect().top,i=t.getBoundingClientRect().top,o=t.getBoundingClientRect().bottom;const v=e.getBoundingClientRect().bottom+Ne;o>v&&(e.scrollTop+=i-a)}t=e.parentElement}}function At(t){return t instanceof HTMLInputElement&&!Ie.has(t.type)||t instanceof HTMLTextAreaElement||t instanceof HTMLElement&&t.isContentEditable}function ke(t,n){typeof t=="function"?t(n):t!=null&&(t.current=n)}function Le(...t){return n=>t.forEach(e=>ke(e,n))}function Jt(...t){return pt.useCallback(Le(...t),t)}const Qt=new WeakMap;function $(t,n,e=!1){if(!t||!(t instanceof HTMLElement))return;let a={};Object.entries(n).forEach(([i,o])=>{if(i.startsWith("--")){t.style.setProperty(i,o);return}a[i]=t.style[i],t.style[i]=o}),!e&&Qt.set(t,a)}function Be(t,n){if(!t||!(t instanceof HTMLElement))return;let e=Qt.get(t);e&&(t.style[n]=e[n])}const C=t=>{switch(t){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return t}};function bt(t,n){if(!t)return null;const e=window.getComputedStyle(t),a=e.transform||e.webkitTransform||e.mozTransform;let i=a.match(/^matrix3d\((.+)\)$/);return i?parseFloat(i[1].split(", ")[C(n)?13:12]):(i=a.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(", ")[C(n)?5:4]):null)}function Fe(t){return 8*(Math.log(t+1)-2)}function Ct(t,n){if(!t)return()=>{};const e=t.style.cssText;return Object.assign(t.style,n),()=>{t.style.cssText=e}}function Ue(...t){return(...n)=>{for(const e of t)typeof e=="function"&&e(...n)}}const E={DURATION:.5,EASE:[.32,.72,0,1]},Zt=.4,ze=.25,We=100,te=8,nt=16,Mt=26,$t="vaul-dragging";function ee(t){const n=r.useRef(t);return r.useEffect(()=>{n.current=t}),r.useMemo(()=>(...e)=>n.current==null?void 0:n.current.call(n,...e),[])}function Ve({defaultProp:t,onChange:n}){const e=r.useState(t),[a]=e,i=r.useRef(a),o=ee(n);return r.useEffect(()=>{i.current!==a&&(o(a),i.current=a)},[a,i,o]),e}function ne({prop:t,defaultProp:n,onChange:e=()=>{}}){const[a,i]=Ve({defaultProp:n,onChange:e}),o=t!==void 0,v=o?t:a,w=ee(e),R=r.useCallback(x=>{if(o){const f=typeof x=="function"?x(t):x;f!==t&&w(f)}else i(x)},[o,t,i,w]);return[v,R]}function qe({activeSnapPointProp:t,setActiveSnapPointProp:n,snapPoints:e,drawerRef:a,overlayRef:i,fadeFromIndex:o,onSnapPointChange:v,direction:w="bottom",container:R,snapToSequentialPoint:x}){const[g,f]=ne({prop:t,defaultProp:e?.[0],onChange:n}),[m,L]=r.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);r.useEffect(()=>{function u(){L({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]);const j=r.useMemo(()=>g===e?.[e.length-1]||null,[e,g]),T=r.useMemo(()=>{var u;return(u=e?.findIndex(b=>b===g))!=null?u:null},[e,g]),B=e&&e.length>0&&(o||o===0)&&!Number.isNaN(o)&&e[o]===g||!e,p=r.useMemo(()=>{const u=R?{width:R.getBoundingClientRect().width,height:R.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var b;return(b=e?.map(y=>{const I=typeof y=="string";let N=0;if(I&&(N=parseInt(y,10)),C(w)){const l=I?N:m?y*u.height:0;return m?w==="bottom"?u.height-l:-u.height+l:l}const U=I?N:m?y*u.width:0;return m?w==="right"?u.width-U:-u.width+U:U}))!=null?b:[]},[e,m,R]),M=r.useMemo(()=>T!==null?p?.[T]:null,[p,T]),A=r.useCallback(u=>{var b;const y=(b=p?.findIndex(I=>I===u))!=null?b:null;v(y),$(a.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(w)?`translate3d(0, ${u}px, 0)`:`translate3d(${u}px, 0, 0)`}),p&&y!==p.length-1&&o!==void 0&&y!==o&&y<o?$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"0"}):$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"1"}),f(e?.[Math.max(y,0)])},[a.current,e,p,o,i,f]);r.useEffect(()=>{if(g||t){var u;const b=(u=e?.findIndex(y=>y===t||y===g))!=null?u:-1;p&&b!==-1&&typeof p[b]=="number"&&A(p[b])}},[g,t,e,p,A]);function c({draggedDistance:u,closeDrawer:b,velocity:y,dismissible:I}){if(o===void 0)return;const N=w==="bottom"||w==="right"?(M??0)-u:(M??0)+u,U=T===o-1,l=T===0,F=u>0;if(U&&$(i.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`}),!x&&y>2&&!F){I?b():A(p[0]);return}if(!x&&y>2&&F&&p&&e){A(p[e.length-1]);return}const _=p?.reduce((P,K)=>typeof P!="number"||typeof K!="number"?P:Math.abs(K-N)<Math.abs(P-N)?K:P),z=C(w)?window.innerHeight:window.innerWidth;if(y>Zt&&Math.abs(u)<z*.4){const P=F?1:-1;if(P>0&&j&&e){A(p[e.length-1]);return}if(l&&P<0&&I&&b(),T===null)return;A(p[T+P]);return}A(_)}function q({draggedDistance:u}){if(M===null)return;const b=w==="bottom"||w==="right"?M-u:M+u;(w==="bottom"||w==="right")&&b<p[p.length-1]||(w==="top"||w==="left")&&b>p[p.length-1]||$(a.current,{transform:C(w)?`translate3d(0, ${b}px, 0)`:`translate3d(${b}px, 0, 0)`})}function tt(u,b){if(!e||typeof T!="number"||!p||o===void 0)return null;const y=T===o-1;if(T>=o&&b)return 0;if(y&&!b)return 1;if(!B&&!y)return null;const N=y?T+1:T-1,U=y?p[N]-p[N-1]:p[N+1]-p[N],l=u/Math.abs(U);return y?1-l:l}return{isLastSnapPoint:j,activeSnapPoint:g,shouldFade:B,getPercentageDragged:tt,setActiveSnapPoint:f,activeSnapPointIndex:T,onRelease:c,onDrag:q,snapPointsOffset:p}}const Ye=()=>()=>{};function Xe(){const{direction:t,isOpen:n,shouldScaleBackground:e,setBackgroundColorOnScale:a,noBodyStyles:i}=wt(),o=r.useRef(null),v=r.useMemo(()=>document.body.style.backgroundColor,[]);function w(){return(window.innerWidth-Mt)/window.innerWidth}r.useEffect(()=>{if(n&&e){o.current&&clearTimeout(o.current);const R=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!R)return;Ue(a&&!i?Ct(document.body,{background:"black"}):Ye,Ct(R,{transformOrigin:C(t)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${E.DURATION}s`,transitionTimingFunction:`cubic-bezier(${E.EASE.join(",")})`}));const x=Ct(R,{borderRadius:`${te}px`,overflow:"hidden",...C(t)?{transform:`scale(${w()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${w()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{x(),o.current=window.setTimeout(()=>{v?document.body.style.background=v:document.body.style.removeProperty("background")},E.DURATION*1e3)}}},[n,e,v])}let mt=null;function Ke({isOpen:t,modal:n,nested:e,hasBeenOpened:a,preventScrollRestoration:i,noBodyStyles:o}){const[v,w]=r.useState(()=>typeof window<"u"?window.location.href:""),R=r.useRef(0),x=r.useCallback(()=>{if(Wt()&&mt===null&&t&&!o){mt={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:f,innerHeight:m}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-R.current}px`,left:`${-f}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const L=m-window.innerHeight;L&&R.current>=m&&(document.body.style.top=`${-(R.current+L)}px`)}),300)}},[t]),g=r.useCallback(()=>{if(Wt()&&mt!==null&&!o){const f=-parseInt(document.body.style.top,10),m=-parseInt(document.body.style.left,10);Object.assign(document.body.style,mt),window.requestAnimationFrame(()=>{if(i&&v!==window.location.href){w(window.location.href);return}window.scrollTo(m,f)}),mt=null}},[v]);return r.useEffect(()=>{function f(){R.current=window.scrollY}return f(),window.addEventListener("scroll",f),()=>{window.removeEventListener("scroll",f)}},[]),r.useEffect(()=>{if(n)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||g()}},[n,g]),r.useEffect(()=>{e||!a||(t?(!window.matchMedia("(display-mode: standalone)").matches&&x(),n||window.setTimeout(()=>{g()},500)):g())},[t,a,v,n,e,x,g]),{restorePositionSetting:g}}function Ge({open:t,onOpenChange:n,children:e,onDrag:a,onRelease:i,snapPoints:o,shouldScaleBackground:v=!1,setBackgroundColorOnScale:w=!0,closeThreshold:R=ze,scrollLockTimeout:x=We,dismissible:g=!0,handleOnly:f=!1,fadeFromIndex:m=o&&o.length-1,activeSnapPoint:L,setActiveSnapPoint:j,fixed:T,modal:B=!0,onClose:p,nested:M,noBodyStyles:A=!1,direction:c="bottom",defaultOpen:q=!1,disablePreventScroll:tt=!0,snapToSequentialPoint:u=!1,preventScrollRestoration:b=!1,repositionInputs:y=!0,onAnimationEnd:I,container:N,autoFocus:U=!1}){var l,F;const[_=!1,z]=ne({defaultProp:q,prop:t,onChange:s=>{n?.(s),!s&&!M&&ve(),setTimeout(()=>{I?.(s)},E.DURATION*1e3),s&&!B&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),s||(document.body.style.pointerEvents="auto")}}),[P,K]=r.useState(!1),[G,st]=r.useState(!1),[fe,It]=r.useState(!1),rt=r.useRef(null),gt=r.useRef(null),Dt=r.useRef(null),Rt=r.useRef(null),lt=r.useRef(null),ut=r.useRef(!1),St=r.useRef(null),xt=r.useRef(0),at=r.useRef(!1),_t=r.useRef(!q),Ht=r.useRef(0),d=r.useRef(null),jt=r.useRef(((l=d.current)==null?void 0:l.getBoundingClientRect().height)||0),kt=r.useRef(((F=d.current)==null?void 0:F.getBoundingClientRect().width)||0),Tt=r.useRef(0),me=r.useCallback(s=>{o&&s===ct.length-1&&(gt.current=new Date)},[]),{activeSnapPoint:pe,activeSnapPointIndex:ot,setActiveSnapPoint:Lt,onRelease:we,snapPointsOffset:ct,onDrag:ge,shouldFade:Bt,getPercentageDragged:he}=qe({snapPoints:o,activeSnapPointProp:L,setActiveSnapPointProp:j,drawerRef:d,fadeFromIndex:m,overlayRef:rt,onSnapPointChange:me,direction:c,container:N,snapToSequentialPoint:u});_e({isDisabled:!_||G||!B||fe||!P||!y||!tt});const{restorePositionSetting:ve}=Ke({isOpen:_,modal:B,nested:M??!1,hasBeenOpened:P,preventScrollRestoration:b,noBodyStyles:A});function ht(){return(window.innerWidth-Mt)/window.innerWidth}function ye(s){var D,S;!g&&!o||d.current&&!d.current.contains(s.target)||(jt.current=((D=d.current)==null?void 0:D.getBoundingClientRect().height)||0,kt.current=((S=d.current)==null?void 0:S.getBoundingClientRect().width)||0,st(!0),Dt.current=new Date,Kt()&&window.addEventListener("touchend",()=>ut.current=!1,{once:!0}),s.target.setPointerCapture(s.pointerId),xt.current=C(c)?s.pageY:s.pageX)}function Ft(s,D){var S;let h=s;const O=(S=window.getSelection())==null?void 0:S.toString(),k=d.current?bt(d.current,c):null,H=new Date;if(h.tagName==="SELECT"||h.hasAttribute("data-vaul-no-drag")||h.closest("[data-vaul-no-drag]"))return!1;if(c==="right"||c==="left")return!0;if(gt.current&&H.getTime()-gt.current.getTime()<500)return!1;if(k!==null&&(c==="bottom"?k>0:k<0))return!0;if(O&&O.length>0)return!1;if(lt.current&&H.getTime()-lt.current.getTime()<x&&k===0||D)return lt.current=H,!1;for(;h;){if(h.scrollHeight>h.clientHeight){if(h.scrollTop!==0)return lt.current=new Date,!1;if(h.getAttribute("role")==="dialog")return!0}h=h.parentNode}return!0}function be(s){if(d.current&&G){const D=c==="bottom"||c==="right"?1:-1,S=(xt.current-(C(c)?s.pageY:s.pageX))*D,h=S>0,O=o&&!g&&!h;if(O&&ot===0)return;const k=Math.abs(S),H=document.querySelector("[data-vaul-drawer-wrapper]"),J=c==="bottom"||c==="top"?jt.current:kt.current;let W=k/J;const et=he(k,h);if(et!==null&&(W=et),O&&W>=1||!ut.current&&!Ft(s.target,h))return;if(d.current.classList.add($t),ut.current=!0,$(d.current,{transition:"none"}),$(rt.current,{transition:"none"}),o&&ge({draggedDistance:S}),h&&!o){const Y=Fe(S),vt=Math.min(Y*-1,0)*D;$(d.current,{transform:C(c)?`translate3d(0, ${vt}px, 0)`:`translate3d(${vt}px, 0, 0)`});return}const Q=1-W;if((Bt||m&&ot===m-1)&&(a?.(s,W),$(rt.current,{opacity:`${Q}`,transition:"none"},!0)),H&&rt.current&&v){const Y=Math.min(ht()+W*(1-ht()),1),vt=8-W*8,zt=Math.max(0,14-W*14);$(H,{borderRadius:`${vt}px`,transform:C(c)?`scale(${Y}) translate3d(0, ${zt}px, 0)`:`scale(${Y}) translate3d(${zt}px, 0, 0)`,transition:"none"},!0)}if(!o){const Y=k*D;$(d.current,{transform:C(c)?`translate3d(0, ${Y}px, 0)`:`translate3d(${Y}px, 0, 0)`})}}}r.useEffect(()=>{window.requestAnimationFrame(()=>{_t.current=!0})},[]),r.useEffect(()=>{var s;function D(){if(!d.current||!y)return;const S=document.activeElement;if(At(S)||at.current){var h;const O=((h=window.visualViewport)==null?void 0:h.height)||0,k=window.innerHeight;let H=k-O;const J=d.current.getBoundingClientRect().height||0,W=J>k*.8;Tt.current||(Tt.current=J);const et=d.current.getBoundingClientRect().top;if(Math.abs(Ht.current-H)>60&&(at.current=!at.current),o&&o.length>0&&ct&&ot){const Q=ct[ot]||0;H+=Q}if(Ht.current=H,J>O||at.current){const Q=d.current.getBoundingClientRect().height;let Y=Q;Q>O&&(Y=O-(W?et:Mt)),T?d.current.style.height=`${Q-Math.max(H,0)}px`:d.current.style.height=`${Math.max(Y,O-et)}px`}else Ce()||(d.current.style.height=`${Tt.current}px`);o&&o.length>0&&!at.current?d.current.style.bottom="0px":d.current.style.bottom=`${Math.max(H,0)}px`}}return(s=window.visualViewport)==null||s.addEventListener("resize",D),()=>{var S;return(S=window.visualViewport)==null?void 0:S.removeEventListener("resize",D)}},[ot,o,ct]);function dt(s){De(),p?.(),s||z(!1),setTimeout(()=>{o&&Lt(o[0])},E.DURATION*1e3)}function Ut(){if(!d.current)return;const s=document.querySelector("[data-vaul-drawer-wrapper]"),D=bt(d.current,c);$(d.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`}),$(rt.current,{transition:`opacity ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,opacity:"1"}),v&&D&&D>0&&_&&$(s,{borderRadius:`${te}px`,overflow:"hidden",...C(c)?{transform:`scale(${ht()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${ht()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${E.DURATION}s`,transitionTimingFunction:`cubic-bezier(${E.EASE.join(",")})`},!0)}function De(){!G||!d.current||(d.current.classList.remove($t),ut.current=!1,st(!1),Rt.current=new Date)}function Re(s){if(!G||!d.current)return;d.current.classList.remove($t),ut.current=!1,st(!1),Rt.current=new Date;const D=bt(d.current,c);if(!s||!Ft(s.target,!1)||!D||Number.isNaN(D)||Dt.current===null)return;const S=Rt.current.getTime()-Dt.current.getTime(),h=xt.current-(C(c)?s.pageY:s.pageX),O=Math.abs(h)/S;if(O>.05&&(It(!0),setTimeout(()=>{It(!1)},200)),o){we({draggedDistance:h*(c==="bottom"||c==="right"?1:-1),closeDrawer:dt,velocity:O,dismissible:g}),i?.(s,!0);return}if(c==="bottom"||c==="right"?h>0:h<0){Ut(),i?.(s,!0);return}if(O>Zt){dt(),i?.(s,!1);return}var k;const H=Math.min((k=d.current.getBoundingClientRect().height)!=null?k:0,window.innerHeight);var J;const W=Math.min((J=d.current.getBoundingClientRect().width)!=null?J:0,window.innerWidth),et=c==="left"||c==="right";if(Math.abs(D)>=(et?W:H)*R){dt(),i?.(s,!1);return}i?.(s,!0),Ut()}r.useEffect(()=>(_&&($(document.documentElement,{scrollBehavior:"auto"}),gt.current=new Date),()=>{Be(document.documentElement,"scrollBehavior")}),[_]);function Se(s){const D=s?(window.innerWidth-nt)/window.innerWidth:1,S=s?-nt:0;St.current&&window.clearTimeout(St.current),$(d.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(c)?`scale(${D}) translate3d(0, ${S}px, 0)`:`scale(${D}) translate3d(${S}px, 0, 0)`}),!s&&d.current&&(St.current=setTimeout(()=>{const h=bt(d.current,c);$(d.current,{transition:"none",transform:C(c)?`translate3d(0, ${h}px, 0)`:`translate3d(${h}px, 0, 0)`})},500))}function xe(s,D){if(D<0)return;const S=(window.innerWidth-nt)/window.innerWidth,h=S+D*(1-S),O=-nt+D*nt;$(d.current,{transform:C(c)?`scale(${h}) translate3d(0, ${O}px, 0)`:`scale(${h}) translate3d(${O}px, 0, 0)`,transition:"none"})}function Te(s,D){const S=C(c)?window.innerHeight:window.innerWidth,h=D?(S-nt)/S:1,O=D?-nt:0;D&&$(d.current,{transition:`transform ${E.DURATION}s cubic-bezier(${E.EASE.join(",")})`,transform:C(c)?`scale(${h}) translate3d(0, ${O}px, 0)`:`scale(${h}) translate3d(${O}px, 0, 0)`})}return r.useEffect(()=>{B||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[B]),r.createElement(Z.Root,{defaultOpen:q,onOpenChange:s=>{!g&&!s||(s?K(!0):dt(!0),z(s))},open:_},r.createElement(Xt.Provider,{value:{activeSnapPoint:pe,snapPoints:o,setActiveSnapPoint:Lt,drawerRef:d,overlayRef:rt,onOpenChange:n,onPress:ye,onRelease:Re,onDrag:be,dismissible:g,shouldAnimate:_t,handleOnly:f,isOpen:_,isDragging:G,shouldFade:Bt,closeDrawer:dt,onNestedDrag:xe,onNestedOpenChange:Se,onNestedRelease:Te,keyboardIsOpen:at,modal:B,snapPointsOffset:ct,activeSnapPointIndex:ot,direction:c,shouldScaleBackground:v,setBackgroundColorOnScale:w,noBodyStyles:A,container:N,autoFocus:U}},e))}const re=r.forwardRef(function({...t},n){const{overlayRef:e,snapPoints:a,onRelease:i,shouldFade:o,isOpen:v,modal:w,shouldAnimate:R}=wt(),x=Jt(n,e),g=a&&a.length>0;if(!w)return null;const f=r.useCallback(m=>i(m),[i]);return r.createElement(Z.Overlay,{onMouseUp:f,ref:x,"data-vaul-overlay":"","data-vaul-snap-points":v&&g?"true":"false","data-vaul-snap-points-overlay":v&&o?"true":"false","data-vaul-animate":R?.current?"true":"false",...t})});re.displayName="Drawer.Overlay";const ae=r.forwardRef(function({onPointerDownOutside:t,style:n,onOpenAutoFocus:e,...a},i){const{drawerRef:o,onPress:v,onRelease:w,onDrag:R,keyboardIsOpen:x,snapPointsOffset:g,activeSnapPointIndex:f,modal:m,isOpen:L,direction:j,snapPoints:T,container:B,handleOnly:p,shouldAnimate:M,autoFocus:A}=wt(),[c,q]=r.useState(!1),tt=Jt(i,o),u=r.useRef(null),b=r.useRef(null),y=r.useRef(!1),I=T&&T.length>0;Xe();const N=(l,F,_=0)=>{if(y.current)return!0;const z=Math.abs(l.y),P=Math.abs(l.x),K=P>z,G=["bottom","right"].includes(F)?1:-1;if(F==="left"||F==="right"){if(!(l.x*G<0)&&P>=0&&P<=_)return K}else if(!(l.y*G<0)&&z>=0&&z<=_)return!K;return y.current=!0,!0};r.useEffect(()=>{I&&window.requestAnimationFrame(()=>{q(!0)})},[]);function U(l){u.current=null,y.current=!1,w(l)}return r.createElement(Z.Content,{"data-vaul-drawer-direction":j,"data-vaul-drawer":"","data-vaul-delayed-snap-points":c?"true":"false","data-vaul-snap-points":L&&I?"true":"false","data-vaul-custom-container":B?"true":"false","data-vaul-animate":M?.current?"true":"false",...a,ref:tt,style:g&&g.length>0?{"--snap-point-height":`${g[f??0]}px`,...n}:n,onPointerDown:l=>{p||(a.onPointerDown==null||a.onPointerDown.call(a,l),u.current={x:l.pageX,y:l.pageY},v(l))},onOpenAutoFocus:l=>{e?.(l),A||l.preventDefault()},onPointerDownOutside:l=>{if(t?.(l),!m||l.defaultPrevented){l.preventDefault();return}x.current&&(x.current=!1)},onFocusOutside:l=>{if(!m){l.preventDefault();return}},onPointerMove:l=>{if(b.current=l,p||(a.onPointerMove==null||a.onPointerMove.call(a,l),!u.current))return;const F=l.pageY-u.current.y,_=l.pageX-u.current.x,z=l.pointerType==="touch"?10:2;N({x:_,y:F},j,z)?R(l):(Math.abs(_)>z||Math.abs(F)>z)&&(u.current=null)},onPointerUp:l=>{a.onPointerUp==null||a.onPointerUp.call(a,l),u.current=null,y.current=!1,w(l)},onPointerOut:l=>{a.onPointerOut==null||a.onPointerOut.call(a,l),U(b.current)},onContextMenu:l=>{a.onContextMenu==null||a.onContextMenu.call(a,l),b.current&&U(b.current)}})});ae.displayName="Drawer.Content";const Je=250,Qe=120,Ze=r.forwardRef(function({preventCycle:t=!1,children:n,...e},a){const{closeDrawer:i,isDragging:o,snapPoints:v,activeSnapPoint:w,setActiveSnapPoint:R,dismissible:x,handleOnly:g,isOpen:f,onPress:m,onDrag:L}=wt(),j=r.useRef(null),T=r.useRef(!1);function B(){if(T.current){A();return}window.setTimeout(()=>{p()},Qe)}function p(){if(o||t||T.current){A();return}if(A(),!v||v.length===0){x||i();return}if(w===v[v.length-1]&&x){i();return}const q=v.findIndex(u=>u===w);if(q===-1)return;const tt=v[q+1];R(tt)}function M(){j.current=window.setTimeout(()=>{T.current=!0},Je)}function A(){j.current&&window.clearTimeout(j.current),T.current=!1}return r.createElement("div",{onClick:B,onPointerCancel:A,onPointerDown:c=>{g&&m(c),M()},onPointerMove:c=>{g&&L(c)},ref:a,"data-vaul-drawer-visible":f?"true":"false","data-vaul-handle":"","aria-hidden":"true",...e},r.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},n))});Ze.displayName="Drawer.Handle";function tn(t){const n=wt(),{container:e=n.container,...a}=t;return r.createElement(Z.Portal,{container:e,...a})}const V={Root:Ge,Content:ae,Overlay:re,Trigger:Z.Trigger,Portal:tn,Close:Z.Close,Title:Z.Title,Description:Z.Description},oe=({shouldScaleBackground:t=!0,...n})=>X.jsxRuntimeExports.jsx(V.Root,{shouldScaleBackground:t,...n});oe.displayName="Drawer";const en=V.Trigger,ie=V.Portal,nn=V.Close,Pt=pt.forwardRef(({className:t,...n},e)=>X.jsxRuntimeExports.jsx(V.Overlay,{ref:e,className:it.cn("fixed inset-0 z-50 bg-black/80",t),...n}));Pt.displayName=V.Overlay.displayName;const se=pt.forwardRef(({className:t,children:n,...e},a)=>X.jsxRuntimeExports.jsxs(ie,{children:[X.jsxRuntimeExports.jsx(Pt,{}),X.jsxRuntimeExports.jsxs(V.Content,{ref:a,className:it.cn("bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border",t),...e,children:[X.jsxRuntimeExports.jsx("div",{className:"bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full"}),n]})]}));se.displayName="DrawerContent";const le=({className:t,...n})=>X.jsxRuntimeExports.jsx("div",{className:it.cn("grid gap-1.5 p-4 text-center sm:text-left",t),...n});le.displayName="DrawerHeader";const ue=({className:t,...n})=>X.jsxRuntimeExports.jsx("div",{className:it.cn("mt-auto flex flex-col gap-2 p-4",t),...n});ue.displayName="DrawerFooter";const ce=pt.forwardRef(({className:t,...n},e)=>X.jsxRuntimeExports.jsx(V.Title,{ref:e,className:it.cn("text-lg leading-none font-semibold tracking-tight",t),...n}));ce.displayName=V.Title.displayName;const de=pt.forwardRef(({className:t,...n},e)=>X.jsxRuntimeExports.jsx(V.Description,{ref:e,className:it.cn("text-muted-foreground text-sm",t),...n}));de.displayName=V.Description.displayName;exports.Drawer=oe;exports.DrawerClose=nn;exports.DrawerContent=se;exports.DrawerDescription=de;exports.DrawerFooter=ue;exports.DrawerHeader=le;exports.DrawerOverlay=Pt;exports.DrawerPortal=ie;exports.DrawerTitle=ce;exports.DrawerTrigger=en;

package/dist/drawer.d.ts

@@ -0,0 +1,65 @@
+import { DialogCloseProps } from '@radix-ui/react-dialog';
+import { DialogContentProps } from '@radix-ui/react-dialog';
+import { DialogDescriptionProps } from '@radix-ui/react-dialog';
+import { DialogOverlayProps } from '@radix-ui/react-dialog';
+import { DialogTitleProps } from '@radix-ui/react-dialog';
+import { DialogTriggerProps } from '@radix-ui/react-dialog';
+import { Drawer as Drawer_2 } from 'vaul';
+import { DrawerCloseBaseProps as DrawerCloseProps } from '../../ui-core/src';
+import { DrawerContentBaseProps as DrawerContentProps } from '../../ui-core/src';
+import { DrawerDescriptionBaseProps as DrawerDescriptionProps } from '../../ui-core/src';
+import { DrawerFooterBaseProps as DrawerFooterProps } from '../../ui-core/src';
+import { DrawerHeaderBaseProps as DrawerHeaderProps } from '../../ui-core/src';
+import { DrawerBaseProps as DrawerProps } from '../../ui-core/src';
+import { DrawerTitleBaseProps as DrawerTitleProps } from '../../ui-core/src';
+import { DrawerTriggerBaseProps as DrawerTriggerProps } from '../../ui-core/src';
+import { JSX } from 'react/jsx-runtime';
+import { Portal } from 'vaul';
+import * as React_2 from 'react';
+
+export declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
+    displayName: string;
+};
+
+export declare const DrawerClose: React_2.ForwardRefExoticComponent<DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export { DrawerCloseProps }
+
+export declare const DrawerContent: React_2.ForwardRefExoticComponent<Omit<Omit<DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & DrawerContentProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DrawerContentProps }
+
+export declare const DrawerDescription: React_2.ForwardRefExoticComponent<Omit<DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & DrawerDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export { DrawerDescriptionProps }
+
+export declare const DrawerFooter: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement> & DrawerFooterProps): JSX.Element;
+    displayName: string;
+};
+
+export { DrawerFooterProps }
+
+export declare const DrawerHeader: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement> & DrawerHeaderProps): JSX.Element;
+    displayName: string;
+};
+
+export { DrawerHeaderProps }
+
+export declare const DrawerOverlay: React_2.ForwardRefExoticComponent<Omit<Omit<DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DrawerPortal: Portal;
+
+export { DrawerProps }
+
+export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & DrawerTitleProps & React_2.RefAttributes<HTMLHeadingElement>>;
+
+export { DrawerTitleProps }
+
+export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export { DrawerTriggerProps }
+
+export { }