@arolariu/components 0.0.11 → 0.0.13

package/dist/es/components/ui/context-menu.js

@@ -2,50 +2,207 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import * as n from "@radix-ui/react-context-menu";
 import { CheckIcon as u, CircleIcon as i, ChevronRightIcon as l } from "lucide-react";
 import { cn as o } from "../../lib/utils.js";
-function f({ ...t }) {
-  return e(n.Root, { "data-slot": "context-menu", ...t });
+function f({
+  ...t
+}) {
+  return /* @__PURE__ */ e(n.Root, { "data-slot": "context-menu", ...t });
 }
-function p({ ...t }) {
-  return e(n.Trigger, { "data-slot": "context-menu-trigger", ...t });
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ e(n.Trigger, { "data-slot": "context-menu-trigger", ...t });
 }
-function g({ ...t }) {
-  return e(n.Group, { "data-slot": "context-menu-group", ...t });
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e(n.Group, { "data-slot": "context-menu-group", ...t });
 }
-function b({ ...t }) {
-  return e(n.Portal, { "data-slot": "context-menu-portal", ...t });
+function b({
+  ...t
+}) {
+  return /* @__PURE__ */ e(n.Portal, { "data-slot": "context-menu-portal", ...t });
 }
-function v({ ...t }) {
-  return e(n.Sub, { "data-slot": "context-menu-sub", ...t });
+function v({
+  ...t
+}) {
+  return /* @__PURE__ */ e(n.Sub, { "data-slot": "context-menu-sub", ...t });
 }
-function h({ ...t }) {
-  return e(n.RadioGroup, { "data-slot": "context-menu-radio-group", ...t });
+function h({
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    n.RadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...t
+    }
+  );
 }
-function k({ className: t, inset: a, children: r, ...s }) {
-  return d(n.SubTrigger, { "data-slot": "context-menu-sub-trigger", "data-inset": a, className: o("focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50", t), ...s, children: [r, e(l, { className: "ml-auto" })] });
+function k({
+  className: t,
+  inset: a,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    n.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": a,
+      className: o(
+        "focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50",
+        t
+      ),
+      ...s,
+      children: [
+        r,
+        /* @__PURE__ */ e(l, { className: "ml-auto" })
+      ]
+    }
+  );
 }
-function C({ className: t, ...a }) {
-  return e(n.SubContent, { "data-slot": "context-menu-sub-content", className: o("bg-white text-neutral-950 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] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", t), ...a });
+function C({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    n.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: o(
+        "bg-white text-neutral-950 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] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+        t
+      ),
+      ...a
+    }
+  );
 }
-function z({ className: t, ...a }) {
-  return e(n.Portal, { children: e(n.Content, { "data-slot": "context-menu-content", className: o("bg-white text-neutral-950 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] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", t), ...a }) });
+function z({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
+    n.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: o(
+        "bg-white text-neutral-950 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] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+        t
+      ),
+      ...a
+    }
+  ) });
 }
-function M({ className: t, inset: a, variant: r = "default", ...s }) {
-  return e(n.Item, { "data-slot": "context-menu-item", "data-inset": a, "data-variant": r, className: o("focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400", t), ...s });
+function M({
+  className: t,
+  inset: a,
+  variant: r = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ e(
+    n.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": a,
+      "data-variant": r,
+      className: o(
+        "focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
+        t
+      ),
+      ...s
+    }
+  );
 }
-function N({ className: t, children: a, checked: r, ...s }) {
-  return d(n.CheckboxItem, { "data-slot": "context-menu-checkbox-item", className: o("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", t), checked: r, ...s, children: [e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: e(n.ItemIndicator, { children: e(u, { className: "size-4" }) }) }), a] });
+function N({
+  className: t,
+  children: a,
+  checked: r,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    n.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: o(
+        "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
+        t
+      ),
+      checked: r,
+      ...s,
+      children: [
+        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(u, { className: "size-4" }) }) }),
+        a
+      ]
+    }
+  );
 }
-function _({ className: t, children: a, ...r }) {
-  return d(n.RadioItem, { "data-slot": "context-menu-radio-item", className: o("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50", t), ...r, children: [e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: e(n.ItemIndicator, { children: e(i, { className: "size-2 fill-current" }) }) }), a] });
+function _({
+  className: t,
+  children: a,
+  ...r
+}) {
+  return /* @__PURE__ */ d(
+    n.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: o(
+        "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
+        t
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(i, { className: "size-2 fill-current" }) }) }),
+        a
+      ]
+    }
+  );
 }
-function I({ className: t, inset: a, ...r }) {
-  return e(n.Label, { "data-slot": "context-menu-label", "data-inset": a, className: o("text-neutral-950 px-2 py-1.5 text-sm font-medium data-[inset]:pl-8 dark:text-neutral-50", t), ...r });
+function I({
+  className: t,
+  inset: a,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    n.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": a,
+      className: o(
+        "text-neutral-950 px-2 py-1.5 text-sm font-medium data-[inset]:pl-8 dark:text-neutral-50",
+        t
+      ),
+      ...r
+    }
+  );
 }
-function y({ className: t, ...a }) {
-  return e(n.Separator, { "data-slot": "context-menu-separator", className: o("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t), ...a });
+function y({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    n.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: o("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t),
+      ...a
+    }
+  );
 }
-function w({ className: t, ...a }) {
-  return e("span", { "data-slot": "context-menu-shortcut", className: o("text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400", t), ...a });
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: o(
+        "text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",
+        t
+      ),
+      ...a
+    }
+  );
 }
 export {
   f as ContextMenu,

package/dist/es/components/ui/dialog.js

@@ -2,35 +2,117 @@ import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
 import { XIcon as i } from "lucide-react";
 import { cn as n } from "../../lib/utils.js";
-function f({ ...t }) {
-  return a(o.Root, { "data-slot": "dialog", ...t });
+function f({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Root, { "data-slot": "dialog", ...t });
 }
-function m({ ...t }) {
-  return a(o.Trigger, { "data-slot": "dialog-trigger", ...t });
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
-function s({ ...t }) {
-  return a(o.Portal, { "data-slot": "dialog-portal", ...t });
+function s({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function p({ ...t }) {
-  return a(o.Close, { "data-slot": "dialog-close", ...t });
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Close, { "data-slot": "dialog-close", ...t });
 }
-function d({ className: t, ...e }) {
-  return a(o.Overlay, { "data-slot": "dialog-overlay", className: n("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", t), ...e });
+function d({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    o.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: n(
+        "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",
+        t
+      ),
+      ...e
+    }
+  );
 }
-function x({ className: t, children: e, ...r }) {
-  return l(s, { "data-slot": "dialog-portal", children: [a(d, {}), l(o.Content, { "data-slot": "dialog-content", className: n("bg-white 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800", t), ...r, children: [e, l(o.Close, { className: "ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400", children: [a(i, {}), a("span", { className: "sr-only", children: "Close" })] })] })] });
+function x({
+  className: t,
+  children: e,
+  ...r
+}) {
+  return /* @__PURE__ */ l(s, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(d, {}),
+    /* @__PURE__ */ l(
+      o.Content,
+      {
+        "data-slot": "dialog-content",
+        className: n(
+          "bg-white 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800",
+          t
+        ),
+        ...r,
+        children: [
+          e,
+          /* @__PURE__ */ l(o.Close, { className: "ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400", children: [
+            /* @__PURE__ */ a(i, {}),
+            /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
 }
 function v({ className: t, ...e }) {
-  return a("div", { "data-slot": "dialog-header", className: n("flex flex-col gap-2 text-center sm:text-left", t), ...e });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: n("flex flex-col gap-2 text-center sm:text-left", t),
+      ...e
+    }
+  );
 }
 function D({ className: t, ...e }) {
-  return a("div", { "data-slot": "dialog-footer", className: n("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...e });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: n(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...e
+    }
+  );
 }
-function b({ className: t, ...e }) {
-  return a(o.Title, { "data-slot": "dialog-title", className: n("text-lg leading-none font-semibold", t), ...e });
+function b({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    o.Title,
+    {
+      "data-slot": "dialog-title",
+      className: n("text-lg leading-none font-semibold", t),
+      ...e
+    }
+  );
 }
-function h({ className: t, ...e }) {
-  return a(o.Description, { "data-slot": "dialog-description", className: n("text-neutral-500 text-sm dark:text-neutral-400", t), ...e });
+function h({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    o.Description,
+    {
+      "data-slot": "dialog-description",
+      className: n("text-neutral-500 text-sm dark:text-neutral-400", t),
+      ...e
+    }
+  );
 }
 export {
   f as Dialog,

package/dist/es/components/ui/drawer.js

@@ -1,35 +1,115 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { Drawer as e } from "vaul";
 import { cn as d } from "../../lib/utils.js";
-function w({ ...a }) {
-  return r(e.Root, { "data-slot": "drawer", ...a });
+function w({
+  ...a
+}) {
+  return /* @__PURE__ */ r(e.Root, { "data-slot": "drawer", ...a });
 }
-function m({ ...a }) {
-  return r(e.Trigger, { "data-slot": "drawer-trigger", ...a });
+function m({
+  ...a
+}) {
+  return /* @__PURE__ */ r(e.Trigger, { "data-slot": "drawer-trigger", ...a });
 }
-function i({ ...a }) {
-  return r(e.Portal, { "data-slot": "drawer-portal", ...a });
+function i({
+  ...a
+}) {
+  return /* @__PURE__ */ r(e.Portal, { "data-slot": "drawer-portal", ...a });
 }
-function f({ ...a }) {
-  return r(e.Close, { "data-slot": "drawer-close", ...a });
+function f({
+  ...a
+}) {
+  return /* @__PURE__ */ r(e.Close, { "data-slot": "drawer-close", ...a });
 }
-function l({ className: a, ...t }) {
-  return r(e.Overlay, { "data-slot": "drawer-overlay", className: d("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), ...t });
+function l({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    e.Overlay,
+    {
+      "data-slot": "drawer-overlay",
+      className: d(
+        "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
+      ),
+      ...t
+    }
+  );
 }
-function v({ className: a, children: t, ...n }) {
-  return o(i, { "data-slot": "drawer-portal", children: [r(l, {}), o(e.Content, { "data-slot": "drawer-content", className: d("group/drawer-content bg-white fixed z-50 flex h-auto flex-col dark:bg-neutral-950", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-sm", a), ...n, children: [r("div", { className: "bg-neutral-100 mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-neutral-800" }), t] })] });
+function v({
+  className: a,
+  children: t,
+  ...n
+}) {
+  return /* @__PURE__ */ o(i, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ r(l, {}),
+    /* @__PURE__ */ o(
+      e.Content,
+      {
+        "data-slot": "drawer-content",
+        className: d(
+          "group/drawer-content bg-white fixed z-50 flex h-auto flex-col dark:bg-neutral-950",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          a
+        ),
+        ...n,
+        children: [
+          /* @__PURE__ */ r("div", { className: "bg-neutral-100 mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-neutral-800" }),
+          t
+        ]
+      }
+    )
+  ] });
 }
 function p({ className: a, ...t }) {
-  return r("div", { "data-slot": "drawer-header", className: d("flex flex-col gap-1.5 p-4", a), ...t });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: d("flex flex-col gap-1.5 p-4", a),
+      ...t
+    }
+  );
 }
 function x({ className: a, ...t }) {
-  return r("div", { "data-slot": "drawer-footer", className: d("mt-auto flex flex-col gap-2 p-4", a), ...t });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: d("mt-auto flex flex-col gap-2 p-4", a),
+      ...t
+    }
+  );
 }
-function g({ className: a, ...t }) {
-  return r(e.Title, { "data-slot": "drawer-title", className: d("text-neutral-950 font-semibold dark:text-neutral-50", a), ...t });
+function g({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    e.Title,
+    {
+      "data-slot": "drawer-title",
+      className: d("text-neutral-950 font-semibold dark:text-neutral-50", a),
+      ...t
+    }
+  );
 }
-function b({ className: a, ...t }) {
-  return r(e.Description, { "data-slot": "drawer-description", className: d("text-neutral-500 text-sm dark:text-neutral-400", a), ...t });
+function b({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    e.Description,
+    {
+      "data-slot": "drawer-description",
+      className: d("text-neutral-500 text-sm dark:text-neutral-400", a),
+      ...t
+    }
+  );
 }
 export {
   w as Drawer,