@loopstack/loopstack-studio 0.21.0-rc.0 → 0.21.0

package/dist/components/ui/card.js

@@ -2,28 +2,88 @@ import { cn } from "../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
-function Card(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", a), i[3] = a, i[4] = s);
+function Card(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
 	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+	a[3] === o ? l = a[4] : (l = cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
 		"data-slot": "card",
-		className: s,
-		...o
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
 }
-function CardContent(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("px-6", a), i[3] = a, i[4] = s);
+function CardHeader(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
 	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+	a[3] === o ? l = a[4] : (l = cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function CardTitle(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("leading-none font-semibold", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-title",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function CardDescription(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("text-muted-foreground text-sm", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-description",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function CardAction(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-action",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function CardContent(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("px-6", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-content",
-		className: s,
-		...o
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function CardFooter(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("flex items-center px-6 [.border-t]:pt-6", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
 }
-export { Card, CardContent };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/ui/dialog.js

@@ -5,53 +5,71 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 function Dialog(e) {
-	let r = c(4), i;
-	r[0] === e ? i = r[1] : ({...i} = e, r[0] = e, r[1] = i);
-	let o;
-	return r[2] === i ? o = r[3] : (o = /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let s;
+	return i[2] === a ? s = i[3] : (s = /* @__PURE__ */ jsx(DialogPrimitive.Root, {
 		"data-slot": "dialog",
-		...i
-	}), r[2] = i, r[3] = o), o;
+		...a
+	}), i[2] = a, i[3] = s), s;
+}
+function DialogTrigger(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let s;
+	return i[2] === a ? s = i[3] : (s = /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...a
+	}), i[2] = a, i[3] = s), s;
 }
 function DialogPortal(e) {
-	let r = c(4), i;
-	r[0] === e ? i = r[1] : ({...i} = e, r[0] = e, r[1] = i);
-	let o;
-	return r[2] === i ? o = r[3] : (o = /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let s;
+	return i[2] === a ? s = i[3] : (s = /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
 		"data-slot": "dialog-portal",
-		...i
-	}), r[2] = i, r[3] = o), o;
+		...a
+	}), i[2] = a, i[3] = s), s;
 }
-function DialogOverlay(r) {
-	let i = c(8), o, s;
-	i[0] === r ? (o = i[1], s = i[2]) : ({className: o, ...s} = r, i[0] = r, i[1] = o, i[2] = s);
-	let l;
-	i[3] === o ? l = i[4] : (l = 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/50", o), i[3] = o, i[4] = l);
+function DialogClose(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let s;
+	return i[2] === a ? s = i[3] : (s = /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		"data-slot": "dialog-close",
+		...a
+	}), i[2] = a, i[3] = s), s;
+}
+function DialogOverlay(i) {
+	let a = c(8), s, l;
+	a[0] === i ? (s = a[1], l = a[2]) : ({className: s, ...l} = i, a[0] = i, a[1] = s, a[2] = l);
 	let u;
-	return i[5] !== s || i[6] !== l ? (u = /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+	a[3] === s ? u = a[4] : (u = 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/50", s), a[3] = s, a[4] = u);
+	let d;
+	return a[5] !== l || a[6] !== u ? (d = /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
 		"data-slot": "dialog-overlay",
-		className: l,
-		...s
-	}), i[5] = s, i[6] = l, i[7] = u) : u = i[7], u;
+		className: u,
+		...l
+	}), a[5] = l, a[6] = u, a[7] = d) : d = a[7], d;
 }
-function DialogContent(o) {
-	let u = c(15), d, f, p, m;
-	u[0] === o ? (d = u[1], f = u[2], p = u[3], m = u[4]) : ({className: f, children: d, showCloseButton: m, ...p} = o, u[0] = o, u[1] = d, u[2] = f, u[3] = p, u[4] = m);
+function DialogContent(s) {
+	let l = c(15), d, f, p, m;
+	l[0] === s ? (d = l[1], f = l[2], p = l[3], m = l[4]) : ({className: f, children: d, showCloseButton: m, ...p} = s, l[0] = s, l[1] = d, l[2] = f, l[3] = p, l[4] = m);
 	let h = m === void 0 ? !0 : m, g;
-	u[5] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(DialogOverlay, {}), u[5] = g) : g = u[5];
+	l[5] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(DialogOverlay, {}), l[5] = g) : g = l[5];
 	let _;
-	u[6] === f ? _ = u[7] : (_ = 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 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 p-6 shadow-lg duration-200 sm:max-w-lg", f), u[6] = f, u[7] = _);
+	l[6] === f ? _ = l[7] : (_ = 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 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 p-6 shadow-lg duration-200 sm:max-w-lg", f), l[6] = f, l[7] = _);
 	let v;
-	u[8] === h ? v = u[9] : (v = h && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+	l[8] === h ? v = l[9] : (v = h && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
 		"data-slot": "dialog-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-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",
 		children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: "Close"
 		})]
-	}), u[8] = h, u[9] = v);
+	}), l[8] = h, l[9] = v);
 	let y;
-	return u[10] !== d || u[11] !== p || u[12] !== _ || u[13] !== v ? (y = /* @__PURE__ */ jsxs(DialogPortal, {
+	return l[10] !== d || l[11] !== p || l[12] !== _ || l[13] !== v ? (y = /* @__PURE__ */ jsxs(DialogPortal, {
 		"data-slot": "dialog-portal",
 		children: [g, /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
 			"data-slot": "dialog-content",
@@ -59,30 +77,54 @@ function DialogContent(o) {
 			...p,
 			children: [d, v]
 		})]
-	}), u[10] = d, u[11] = p, u[12] = _, u[13] = v, u[14] = y) : y = u[14], y;
+	}), l[10] = d, l[11] = p, l[12] = _, l[13] = v, l[14] = y) : y = l[14], y;
 }
-function DialogHeader(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("flex flex-col gap-2 text-center sm:text-left", a), i[3] = a, i[4] = s);
+function DialogHeader(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
 	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+	a[3] === o ? l = a[4] : (l = cn("flex flex-col gap-2 text-center sm:text-left", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-header",
-		className: s,
-		...o
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
 }
-function DialogTitle$1(r) {
-	let i = c(8), o, s;
-	i[0] === r ? (o = i[1], s = i[2]) : ({className: o, ...s} = r, i[0] = r, i[1] = o, i[2] = s);
+function DialogFooter(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
 	let l;
-	i[3] === o ? l = i[4] : (l = cn("text-lg leading-none font-semibold", o), i[3] = o, i[4] = l);
+	a[3] === o ? l = a[4] : (l = cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", o), a[3] = o, a[4] = l);
 	let u;
-	return i[5] !== s || i[6] !== l ? (u = /* @__PURE__ */ jsx(DialogPrimitive.Title, {
-		"data-slot": "dialog-title",
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
 		className: l,
 		...s
-	}), i[5] = s, i[6] = l, i[7] = u) : u = i[7], u;
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function DialogTitle$1(i) {
+	let a = c(8), s, l;
+	a[0] === i ? (s = a[1], l = a[2]) : ({className: s, ...l} = i, a[0] = i, a[1] = s, a[2] = l);
+	let u;
+	a[3] === s ? u = a[4] : (u = cn("text-lg leading-none font-semibold", s), a[3] = s, a[4] = u);
+	let d;
+	return a[5] !== l || a[6] !== u ? (d = /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		"data-slot": "dialog-title",
+		className: u,
+		...l
+	}), a[5] = l, a[6] = u, a[7] = d) : d = a[7], d;
+}
+function DialogDescription(i) {
+	let a = c(8), s, l;
+	a[0] === i ? (s = a[1], l = a[2]) : ({className: s, ...l} = i, a[0] = i, a[1] = s, a[2] = l);
+	let u;
+	a[3] === s ? u = a[4] : (u = cn("text-muted-foreground text-sm", s), a[3] = s, a[4] = u);
+	let d;
+	return a[5] !== l || a[6] !== u ? (d = /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		"data-slot": "dialog-description",
+		className: u,
+		...l
+	}), a[5] = l, a[6] = u, a[7] = d) : d = a[7], d;
 }
-export { Dialog, DialogContent, DialogHeader, DialogTitle$1 as DialogTitle };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle$1 as DialogTitle, DialogTrigger };

package/dist/components/ui/drawer.js

@@ -0,0 +1,122 @@
+import { cn } from "../../lib/utils.js";
+import { Drawer } from "../../node_modules/vaul/dist/index.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Drawer$1(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(Drawer.Root, {
+		"data-slot": "drawer",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function DrawerTrigger(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(Drawer.Trigger, {
+		"data-slot": "drawer-trigger",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function DrawerPortal(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(Drawer.Portal, {
+		"data-slot": "drawer-portal",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function DrawerClose(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(Drawer.Close, {
+		"data-slot": "drawer-close",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function DrawerOverlay(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = 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/50", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Drawer.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function DrawerContent(a) {
+	let o = c(12), l, d, f;
+	o[0] === a ? (l = o[1], d = o[2], f = o[3]) : ({className: d, children: l, ...f} = a, o[0] = a, o[1] = l, o[2] = d, o[3] = f);
+	let p;
+	o[4] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(DrawerOverlay, {}), o[4] = p) : p = o[4];
+	let m;
+	o[5] === d ? m = o[6] : (m = cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "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=top]:border-b", "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=bottom]:border-t", "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]:border-l 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]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", d), o[5] = d, o[6] = m);
+	let h;
+	o[7] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), o[7] = h) : h = o[7];
+	let g;
+	return o[8] !== l || o[9] !== f || o[10] !== m ? (g = /* @__PURE__ */ jsxs(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [p, /* @__PURE__ */ jsxs(Drawer.Content, {
+			"data-slot": "drawer-content",
+			className: m,
+			...f,
+			children: [h, l]
+		})]
+	}), o[8] = l, o[9] = f, o[10] = m, o[11] = g) : g = o[11], g;
+}
+function DrawerHeader(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+function DrawerFooter(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("mt-auto flex flex-col gap-2 p-4", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+function DrawerTitle(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("text-foreground font-semibold", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Drawer.Title, {
+		"data-slot": "drawer-title",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function DrawerDescription(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("text-muted-foreground text-sm", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Drawer.Description, {
+		"data-slot": "drawer-description",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,190 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+function DropdownMenu(e) {
+	let f = c(4), p;
+	f[0] === e ? p = f[1] : ({...p} = e, f[0] = e, f[1] = p);
+	let m;
+	return f[2] === p ? m = f[3] : (m = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+		"data-slot": "dropdown-menu",
+		...p
+	}), f[2] = p, f[3] = m), m;
+}
+function DropdownMenuPortal(e) {
+	let f = c(4), p;
+	f[0] === e ? p = f[1] : ({...p} = e, f[0] = e, f[1] = p);
+	let m;
+	return f[2] === p ? m = f[3] : (m = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...p
+	}), f[2] = p, f[3] = m), m;
+}
+function DropdownMenuTrigger(e) {
+	let f = c(4), p;
+	f[0] === e ? p = f[1] : ({...p} = e, f[0] = e, f[1] = p);
+	let m;
+	return f[2] === p ? m = f[3] : (m = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...p
+	}), f[2] = p, f[3] = m), m;
+}
+function DropdownMenuContent(f) {
+	let p = c(10), m, h, _;
+	p[0] === f ? (m = p[1], h = p[2], _ = p[3]) : ({className: m, sideOffset: _, ...h} = f, p[0] = f, p[1] = m, p[2] = h, p[3] = _);
+	let v = _ === void 0 ? 4 : _, y;
+	p[4] === m ? y = p[5] : (y = cn("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-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", m), p[4] = m, p[5] = y);
+	let b;
+	return p[6] !== h || p[7] !== v || p[8] !== y ? (b = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset: v,
+		className: y,
+		...h
+	}) }), p[6] = h, p[7] = v, p[8] = y, p[9] = b) : b = p[9], b;
+}
+function DropdownMenuGroup(e) {
+	let f = c(4), p;
+	f[0] === e ? p = f[1] : ({...p} = e, f[0] = e, f[1] = p);
+	let m;
+	return f[2] === p ? m = f[3] : (m = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
+		"data-slot": "dropdown-menu-group",
+		...p
+	}), f[2] = p, f[3] = m), m;
+}
+function DropdownMenuItem(f) {
+	let p = c(12), m, h, _, v;
+	p[0] === f ? (m = p[1], h = p[2], _ = p[3], v = p[4]) : ({className: m, inset: h, variant: v, ..._} = f, p[0] = f, p[1] = m, p[2] = h, p[3] = _, p[4] = v);
+	let y = v === void 0 ? "default" : v, b;
+	p[5] === m ? b = p[6] : (b = cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground 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", m), p[5] = m, p[6] = b);
+	let x;
+	return p[7] !== h || p[8] !== _ || p[9] !== b || p[10] !== y ? (x = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": h,
+		"data-variant": y,
+		className: b,
+		..._
+	}), p[7] = h, p[8] = _, p[9] = b, p[10] = y, p[11] = x) : x = p[11], x;
+}
+function DropdownMenuCheckboxItem(m) {
+	let h = c(13), _, v, y, b;
+	h[0] === m ? (_ = h[1], v = h[2], y = h[3], b = h[4]) : ({className: y, children: v, checked: _, ...b} = m, h[0] = m, h[1] = _, h[2] = v, h[3] = y, h[4] = b);
+	let x;
+	h[5] === y ? x = h[6] : (x = cn("focus:bg-accent focus:text-accent-foreground 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", y), h[5] = y, h[6] = x);
+	let S;
+	h[7] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx("span", {
+		className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+	}), h[7] = S) : S = h[7];
+	let C;
+	return h[8] !== _ || h[9] !== v || h[10] !== b || h[11] !== x ? (C = /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: x,
+		checked: _,
+		...b,
+		children: [S, v]
+	}), h[8] = _, h[9] = v, h[10] = b, h[11] = x, h[12] = C) : C = h[12], C;
+}
+function DropdownMenuRadioGroup(e) {
+	let f = c(4), p;
+	f[0] === e ? p = f[1] : ({...p} = e, f[0] = e, f[1] = p);
+	let m;
+	return f[2] === p ? m = f[3] : (m = /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...p
+	}), f[2] = p, f[3] = m), m;
+}
+function DropdownMenuRadioItem(p) {
+	let m = c(11), _, v, y;
+	m[0] === p ? (_ = m[1], v = m[2], y = m[3]) : ({className: v, children: _, ...y} = p, m[0] = p, m[1] = _, m[2] = v, m[3] = y);
+	let b;
+	m[4] === v ? b = m[5] : (b = cn("focus:bg-accent focus:text-accent-foreground 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", v), m[4] = v, m[5] = b);
+	let x;
+	m[6] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx("span", {
+		className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) })
+	}), m[6] = x) : x = m[6];
+	let S;
+	return m[7] !== _ || m[8] !== y || m[9] !== b ? (S = /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: b,
+		...y,
+		children: [x, _]
+	}), m[7] = _, m[8] = y, m[9] = b, m[10] = S) : S = m[10], S;
+}
+function DropdownMenuLabel(f) {
+	let p = c(10), m, h, _;
+	p[0] === f ? (m = p[1], h = p[2], _ = p[3]) : ({className: m, inset: h, ..._} = f, p[0] = f, p[1] = m, p[2] = h, p[3] = _);
+	let v;
+	p[4] === m ? v = p[5] : (v = cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", m), p[4] = m, p[5] = v);
+	let y;
+	return p[6] !== h || p[7] !== _ || p[8] !== v ? (y = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": h,
+		className: v,
+		..._
+	}), p[6] = h, p[7] = _, p[8] = v, p[9] = y) : y = p[9], y;
+}
+function DropdownMenuSeparator(f) {
+	let p = c(8), m, h;
+	p[0] === f ? (m = p[1], h = p[2]) : ({className: m, ...h} = f, p[0] = f, p[1] = m, p[2] = h);
+	let _;
+	p[3] === m ? _ = p[4] : (_ = cn("bg-border -mx-1 my-1 h-px", m), p[3] = m, p[4] = _);
+	let v;
+	return p[5] !== h || p[6] !== _ ? (v = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: _,
+		...h
+	}), p[5] = h, p[6] = _, p[7] = v) : v = p[7], v;
+}
+function DropdownMenuShortcut(f) {
+	let p = c(8), m, h;
+	p[0] === f ? (m = p[1], h = p[2]) : ({className: m, ...h} = f, p[0] = f, p[1] = m, p[2] = h);
+	let g;
+	p[3] === m ? g = p[4] : (g = cn("text-muted-foreground ml-auto text-xs tracking-widest", m), p[3] = m, p[4] = g);
+	let _;
+	return p[5] !== h || p[6] !== g ? (_ = /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: g,
+		...h
+	}), p[5] = h, p[6] = g, p[7] = _) : _ = p[7], _;
+}
+function DropdownMenuSub(e) {
+	let f = c(4), p;
+	f[0] === e ? p = f[1] : ({...p} = e, f[0] = e, f[1] = p);
+	let m;
+	return f[2] === p ? m = f[3] : (m = /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...p
+	}), f[2] = p, f[3] = m), m;
+}
+function DropdownMenuSubTrigger(p) {
+	let h = c(13), _, v, y, b;
+	h[0] === p ? (_ = h[1], v = h[2], y = h[3], b = h[4]) : ({className: v, inset: y, children: _, ...b} = p, h[0] = p, h[1] = _, h[2] = v, h[3] = y, h[4] = b);
+	let x;
+	h[5] === v ? x = h[6] : (x = cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 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", v), h[5] = v, h[6] = x);
+	let S;
+	h[7] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" }), h[7] = S) : S = h[7];
+	let C;
+	return h[8] !== _ || h[9] !== y || h[10] !== b || h[11] !== x ? (C = /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": y,
+		className: x,
+		...b,
+		children: [_, S]
+	}), h[8] = _, h[9] = y, h[10] = b, h[11] = x, h[12] = C) : C = h[12], C;
+}
+function DropdownMenuSubContent(f) {
+	let p = c(8), m, h;
+	p[0] === f ? (m = p[1], h = p[2]) : ({className: m, ...h} = f, p[0] = f, p[1] = m, p[2] = h);
+	let _;
+	p[3] === m ? _ = p[4] : (_ = cn("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-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", m), p[3] = m, p[4] = _);
+	let v;
+	return p[5] !== h || p[6] !== _ ? (v = /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: _,
+		...h
+	}), p[5] = h, p[6] = _, p[7] = v) : v = p[7], v;
+}
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/ui/popover.js

@@ -0,0 +1,47 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+function Popover(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+		"data-slot": "popover",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function PopoverTrigger(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+		"data-slot": "popover-trigger",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function PopoverContent(i) {
+	let a = c(12), o, s, l, u;
+	a[0] === i ? (o = a[1], s = a[2], l = a[3], u = a[4]) : ({className: o, align: l, sideOffset: u, ...s} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = l, a[4] = u);
+	let d = l === void 0 ? "center" : l, f = u === void 0 ? 4 : u, p;
+	a[5] === o ? p = a[6] : (p = cn("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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", o), a[5] = o, a[6] = p);
+	let m;
+	return a[7] !== d || a[8] !== s || a[9] !== f || a[10] !== p ? (m = /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+		"data-slot": "popover-content",
+		align: d,
+		sideOffset: f,
+		className: p,
+		...s
+	}) }), a[7] = d, a[8] = s, a[9] = f, a[10] = p, a[11] = m) : m = a[11], m;
+}
+function PopoverAnchor(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
+		"data-slot": "popover-anchor",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };