@arolariu/components 0.0.11 → 0.0.12

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

@@ -1,8 +1,30 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-progress";
 import { cn as e } from "../../lib/utils.js";
-function i({ className: l, value: a, ...o }) {
-  return r(t.Root, { "data-slot": "progress", className: e("bg-neutral-900/20 relative h-2 w-full overflow-hidden rounded-full dark:bg-neutral-50/20", l), ...o, children: r(t.Indicator, { "data-slot": "progress-indicator", className: "bg-neutral-900 h-full w-full flex-1 transition-all dark:bg-neutral-50", style: { transform: `translateX(-${100 - (a || 0)}%)` } }) });
+function i({
+  className: l,
+  value: a,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    t.Root,
+    {
+      "data-slot": "progress",
+      className: e(
+        "bg-neutral-900/20 relative h-2 w-full overflow-hidden rounded-full dark:bg-neutral-50/20",
+        l
+      ),
+      ...o,
+      children: /* @__PURE__ */ r(
+        t.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-neutral-900 h-full w-full flex-1 transition-all dark:bg-neutral-50",
+          style: { transform: `translateX(-${100 - (a || 0)}%)` }
+        }
+      )
+    }
+  );
 }
 export {
   i as Progress

package/dist/es/components/ui/radio-group.js

@@ -2,11 +2,42 @@ import { jsx as r } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-radio-group";
 import { CircleIcon as t } from "lucide-react";
 import { cn as o } from "../../lib/utils.js";
-function s({ className: a, ...i }) {
-  return r(e.Root, { "data-slot": "radio-group", className: o("grid gap-3", a), ...i });
+function s({
+  className: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "radio-group",
+      className: o("grid gap-3", a),
+      ...i
+    }
+  );
 }
-function u({ className: a, ...i }) {
-  return r(e.Item, { "data-slot": "radio-group-item", className: o("border-neutral-200 text-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-800 dark:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", a), ...i, children: r(e.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: r(t, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) });
+function u({
+  className: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    e.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: o(
+        "border-neutral-200 text-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-800 dark:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900",
+        a
+      ),
+      ...i,
+      children: /* @__PURE__ */ r(
+        e.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ r(t, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
 }
 export {
   s as RadioGroup,

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

@@ -2,14 +2,44 @@ import { jsx as a } from "react/jsx-runtime";
 import { GripVerticalIcon as n } from "lucide-react";
 import * as t from "react-resizable-panels";
 import { cn as l } from "../../lib/utils.js";
-function u({ className: e, ...r }) {
-  return a(t.PanelGroup, { "data-slot": "resizable-panel-group", className: l("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e), ...r });
+function u({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    t.PanelGroup,
+    {
+      "data-slot": "resizable-panel-group",
+      className: l(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        e
+      ),
+      ...r
+    }
+  );
 }
-function d({ ...e }) {
-  return a(t.Panel, { "data-slot": "resizable-panel", ...e });
+function d({
+  ...e
+}) {
+  return /* @__PURE__ */ a(t.Panel, { "data-slot": "resizable-panel", ...e });
 }
-function f({ withHandle: e, className: r, ...i }) {
-  return a(t.PanelResizeHandle, { "data-slot": "resizable-handle", className: l("bg-neutral-200 focus-visible:ring-neutral-950 relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300", r), ...i, children: e && a("div", { className: "bg-neutral-200 z-10 flex h-4 w-3 items-center justify-center rounded-xs border dark:bg-neutral-800", children: a(n, { className: "size-2.5" }) }) });
+function f({
+  withHandle: e,
+  className: r,
+  ...i
+}) {
+  return /* @__PURE__ */ a(
+    t.PanelResizeHandle,
+    {
+      "data-slot": "resizable-handle",
+      className: l(
+        "bg-neutral-200 focus-visible:ring-neutral-950 relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300",
+        r
+      ),
+      ...i,
+      children: e && /* @__PURE__ */ a("div", { className: "bg-neutral-200 z-10 flex h-4 w-3 items-center justify-center rounded-xs border dark:bg-neutral-800", children: /* @__PURE__ */ a(n, { className: "size-2.5" }) })
+    }
+  );
 }
 export {
   f as ResizableHandle,

package/dist/es/components/ui/scroll-area.js

@@ -1,11 +1,58 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-scroll-area";
 import { cn as t } from "../../lib/utils.js";
-function u({ className: e, children: r, ...o }) {
-  return n(a.Root, { "data-slot": "scroll-area", className: t("relative", e), ...o, children: [l(a.Viewport, { "data-slot": "scroll-area-viewport", className: "ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20", children: r }), l(i, {}), l(a.Corner, {})] });
+function u({
+  className: e,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ n(
+    a.Root,
+    {
+      "data-slot": "scroll-area",
+      className: t("relative", e),
+      ...o,
+      children: [
+        /* @__PURE__ */ l(
+          a.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ l(i, {}),
+        /* @__PURE__ */ l(a.Corner, {})
+      ]
+    }
+  );
 }
-function i({ className: e, orientation: r = "vertical", ...o }) {
-  return l(a.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: r, className: t("flex touch-none p-px transition-colors select-none", r === "vertical" && "h-full w-2.5 border-l border-l-transparent", r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", e), ...o, children: l(a.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-neutral-200 relative flex-1 rounded-full dark:bg-neutral-800" }) });
+function i({
+  className: e,
+  orientation: r = "vertical",
+  ...o
+}) {
+  return /* @__PURE__ */ l(
+    a.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: r,
+      className: t(
+        "flex touch-none p-px transition-colors select-none",
+        r === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        e
+      ),
+      ...o,
+      children: /* @__PURE__ */ l(
+        a.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-neutral-200 relative flex-1 rounded-full dark:bg-neutral-800"
+        }
+      )
+    }
+  );
 }
 export {
   u as ScrollArea,

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

@@ -2,35 +2,156 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-select";
 import { ChevronDownIcon as o, CheckIcon as d, ChevronUpIcon as c } from "lucide-react";
 import { cn as l } from "../../lib/utils.js";
-function x({ ...e }) {
-  return t(a.Root, { "data-slot": "select", ...e });
+function x({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
 }
-function v({ ...e }) {
-  return t(a.Group, { "data-slot": "select-group", ...e });
+function v({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Group, { "data-slot": "select-group", ...e });
 }
-function b({ ...e }) {
-  return t(a.Value, { "data-slot": "select-value", ...e });
+function b({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
 }
-function h({ className: e, children: r, ...s }) {
-  return n(a.Trigger, { "data-slot": "select-trigger", className: l("border-neutral-200 data-[placeholder]:text-neutral-500 [&_svg:not([class*='text-'])]:text-neutral-500 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 flex h-9 w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:border-neutral-800 dark:data-[placeholder]:text-neutral-400 dark:[&_svg:not([class*='text-'])]:text-neutral-400 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", e), ...s, children: [r, t(a.Icon, { asChild: !0, children: t(o, { className: "size-4 opacity-50" }) })] });
+function h({
+  className: e,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ n(
+    a.Trigger,
+    {
+      "data-slot": "select-trigger",
+      className: l(
+        "border-neutral-200 data-[placeholder]:text-neutral-500 [&_svg:not([class*='text-'])]:text-neutral-500 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 flex h-9 w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:border-neutral-800 dark:data-[placeholder]:text-neutral-400 dark:[&_svg:not([class*='text-'])]:text-neutral-400 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900",
+        e
+      ),
+      ...s,
+      children: [
+        r,
+        /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(o, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
 }
-function k({ className: e, children: r, position: s = "popper", ...i }) {
-  return t(a.Portal, { children: n(a.Content, { "data-slot": "select-content", className: l("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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e), position: s, ...i, children: [t(u, {}), t(a.Viewport, { className: l("p-1", s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"), children: r }), t(p, {})] }) });
+function k({
+  className: e,
+  children: r,
+  position: s = "popper",
+  ...i
+}) {
+  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ n(
+    a.Content,
+    {
+      "data-slot": "select-content",
+      className: l(
+        "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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+        s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        e
+      ),
+      position: s,
+      ...i,
+      children: [
+        /* @__PURE__ */ t(u, {}),
+        /* @__PURE__ */ t(
+          a.Viewport,
+          {
+            className: l(
+              "p-1",
+              s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(m, {})
+      ]
+    }
+  ) });
 }
-function w({ className: e, ...r }) {
-  return t(a.Label, { "data-slot": "select-label", className: l("px-2 py-1.5 text-sm font-medium", e), ...r });
+function w({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Label,
+    {
+      "data-slot": "select-label",
+      className: l("px-2 py-1.5 text-sm font-medium", e),
+      ...r
+    }
+  );
 }
-function S({ className: e, children: r, ...s }) {
-  return n(a.Item, { "data-slot": "select-item", className: l("focus:bg-neutral-100 focus:text-neutral-900 [&_svg:not([class*='text-'])]:text-neutral-500 relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400", e), ...s, children: [t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: t(a.ItemIndicator, { children: t(d, { className: "size-4" }) }) }), t(a.ItemText, { children: r })] });
+function S({
+  className: e,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ n(
+    a.Item,
+    {
+      "data-slot": "select-item",
+      className: l(
+        "focus:bg-neutral-100 focus:text-neutral-900 [&_svg:not([class*='text-'])]:text-neutral-500 relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
+        e
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(d, { className: "size-4" }) }) }),
+        /* @__PURE__ */ t(a.ItemText, { children: r })
+      ]
+    }
+  );
 }
-function y({ className: e, ...r }) {
-  return t(a.Separator, { "data-slot": "select-separator", className: l("bg-neutral-200 pointer-events-none -mx-1 my-1 h-px dark:bg-neutral-800", e), ...r });
+function y({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Separator,
+    {
+      "data-slot": "select-separator",
+      className: l("bg-neutral-200 pointer-events-none -mx-1 my-1 h-px dark:bg-neutral-800", e),
+      ...r
+    }
+  );
 }
-function u({ className: e, ...r }) {
-  return t(a.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: l("flex cursor-default items-center justify-center py-1", e), ...r, children: t(c, { className: "size-4" }) });
+function u({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: l(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ t(c, { className: "size-4" })
+    }
+  );
 }
-function p({ className: e, ...r }) {
-  return t(a.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: l("flex cursor-default items-center justify-center py-1", e), ...r, children: t(o, { className: "size-4" }) });
+function m({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: l(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ t(o, { className: "size-4" })
+    }
+  );
 }
 export {
   x as Select,
@@ -38,7 +159,7 @@ export {
   v as SelectGroup,
   S as SelectItem,
   w as SelectLabel,
-  p as SelectScrollDownButton,
+  m as SelectScrollDownButton,
   u as SelectScrollUpButton,
   y as SelectSeparator,
   h as SelectTrigger,

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

@@ -1,8 +1,25 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as n from "@radix-ui/react-separator";
 import { cn as e } from "../../lib/utils.js";
-function m({ className: t, orientation: a = "horizontal", decorative: o = !0, ...r }) {
-  return i(n.Root, { "data-slot": "separator-root", decorative: o, orientation: a, className: e("bg-neutral-200 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800", t), ...r });
+function m({
+  className: t,
+  orientation: a = "horizontal",
+  decorative: r = !0,
+  ...o
+}) {
+  return /* @__PURE__ */ i(
+    n.Root,
+    {
+      "data-slot": "separator-root",
+      decorative: r,
+      orientation: a,
+      className: e(
+        "bg-neutral-200 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800",
+        t
+      ),
+      ...o
+    }
+  );
 }
 export {
   m as Separator

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

@@ -3,34 +3,116 @@ import * as o from "@radix-ui/react-dialog";
 import { XIcon as l } from "lucide-react";
 import { cn as s } from "../../lib/utils.js";
 function m({ ...t }) {
-  return e(o.Root, { "data-slot": "sheet", ...t });
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "sheet", ...t });
 }
-function p({ ...t }) {
-  return e(o.Trigger, { "data-slot": "sheet-trigger", ...t });
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "sheet-trigger", ...t });
 }
-function g({ ...t }) {
-  return e(o.Close, { "data-slot": "sheet-close", ...t });
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Close, { "data-slot": "sheet-close", ...t });
 }
-function d({ ...t }) {
-  return e(o.Portal, { "data-slot": "sheet-portal", ...t });
+function d({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "sheet-portal", ...t });
 }
-function u({ className: t, ...a }) {
-  return e(o.Overlay, { "data-slot": "sheet-overlay", className: s("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), ...a });
+function u({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: s(
+        "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
+      ),
+      ...a
+    }
+  );
 }
-function x({ className: t, children: a, side: n = "right", ...i }) {
-  return r(d, { children: [e(u, {}), r(o.Content, { "data-slot": "sheet-content", className: s("bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 dark:bg-neutral-950", n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", t), ...i, children: [a, r(o.Close, { className: "ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 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 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800", children: [e(l, { className: "size-4" }), e("span", { className: "sr-only", children: "Close" })] })] })] });
+function x({
+  className: t,
+  children: a,
+  side: n = "right",
+  ...i
+}) {
+  return /* @__PURE__ */ r(d, { children: [
+    /* @__PURE__ */ e(u, {}),
+    /* @__PURE__ */ r(
+      o.Content,
+      {
+        "data-slot": "sheet-content",
+        className: s(
+          "bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 dark:bg-neutral-950",
+          n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          t
+        ),
+        ...i,
+        children: [
+          a,
+          /* @__PURE__ */ r(o.Close, { className: "ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 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 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800", children: [
+            /* @__PURE__ */ e(l, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
 }
 function b({ className: t, ...a }) {
-  return e("div", { "data-slot": "sheet-header", className: s("flex flex-col gap-1.5 p-4", t), ...a });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: s("flex flex-col gap-1.5 p-4", t),
+      ...a
+    }
+  );
 }
 function S({ className: t, ...a }) {
-  return e("div", { "data-slot": "sheet-footer", className: s("mt-auto flex flex-col gap-2 p-4", t), ...a });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: s("mt-auto flex flex-col gap-2 p-4", t),
+      ...a
+    }
+  );
 }
-function y({ className: t, ...a }) {
-  return e(o.Title, { "data-slot": "sheet-title", className: s("text-neutral-950 font-semibold dark:text-neutral-50", t), ...a });
+function y({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Title,
+    {
+      "data-slot": "sheet-title",
+      className: s("text-neutral-950 font-semibold dark:text-neutral-50", t),
+      ...a
+    }
+  );
 }
-function N({ className: t, ...a }) {
-  return e(o.Description, { "data-slot": "sheet-description", className: s("text-neutral-500 text-sm dark:text-neutral-400", t), ...a });
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Description,
+    {
+      "data-slot": "sheet-description",
+      className: s("text-neutral-500 text-sm dark:text-neutral-400", t),
+      ...a
+    }
+  );
 }
 export {
   m as Sheet,