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

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

@@ -0,0 +1,50 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+function ScrollArea(a) {
+	let s = c(14), l, u, d;
+	s[0] === a ? (l = s[1], u = s[2], d = s[3]) : ({className: u, children: l, ...d} = a, s[0] = a, s[1] = l, s[2] = u, s[3] = d);
+	let f;
+	s[4] === u ? f = s[5] : (f = cn("relative", u), s[4] = u, s[5] = f);
+	let p;
+	s[6] === l ? p = s[7] : (p = /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+		"data-slot": "scroll-area-viewport",
+		className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+		children: l
+	}), s[6] = l, s[7] = p);
+	let m, h;
+	s[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx(ScrollBar, {}), h = /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {}), s[8] = m, s[9] = h) : (m = s[8], h = s[9]);
+	let g;
+	return s[10] !== d || s[11] !== f || s[12] !== p ? (g = /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+		"data-slot": "scroll-area",
+		className: f,
+		...d,
+		children: [
+			p,
+			m,
+			h
+		]
+	}), s[10] = d, s[11] = f, s[12] = p, s[13] = g) : g = s[13], g;
+}
+function ScrollBar(i) {
+	let a = c(13), o, s, l;
+	a[0] === i ? (o = a[1], s = a[2], l = a[3]) : ({className: o, orientation: l, ...s} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = l);
+	let u = l === void 0 ? "vertical" : l, d = u === "vertical" && "h-full w-2.5 border-l border-l-transparent", f = u === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", p;
+	a[4] !== o || a[5] !== d || a[6] !== f ? (p = cn("flex touch-none p-px transition-colors select-none", d, f, o), a[4] = o, a[5] = d, a[6] = f, a[7] = p) : p = a[7];
+	let m;
+	a[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+		"data-slot": "scroll-area-thumb",
+		className: "bg-border relative flex-1 rounded-full"
+	}), a[8] = m) : m = a[8];
+	let h;
+	return a[9] !== u || a[10] !== s || a[11] !== p ? (h = /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: u,
+		className: p,
+		...s,
+		children: m
+	}), a[9] = u, a[10] = s, a[11] = p, a[12] = h) : h = a[12], h;
+}
+export { ScrollArea, ScrollBar };

package/dist/components/ui/select.js

@@ -6,120 +6,153 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 function Select(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(SelectPrimitive.Root, {
+	let o = c(4), s;
+	o[0] === e ? s = o[1] : ({...s} = e, o[0] = e, o[1] = s);
+	let l;
+	return o[2] === s ? l = o[3] : (l = /* @__PURE__ */ jsx(SelectPrimitive.Root, {
 		"data-slot": "select",
-		...a
-	}), i[2] = a, i[3] = o), o;
+		...s
+	}), o[2] = s, o[3] = l), l;
+}
+function SelectGroup(e) {
+	let o = c(4), s;
+	o[0] === e ? s = o[1] : ({...s} = e, o[0] = e, o[1] = s);
+	let l;
+	return o[2] === s ? l = o[3] : (l = /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+		"data-slot": "select-group",
+		...s
+	}), o[2] = s, o[3] = l), l;
 }
 function SelectValue(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(SelectPrimitive.Value, {
+	let o = c(4), s;
+	o[0] === e ? s = o[1] : ({...s} = e, o[0] = e, o[1] = s);
+	let l;
+	return o[2] === s ? l = o[3] : (l = /* @__PURE__ */ jsx(SelectPrimitive.Value, {
 		"data-slot": "select-value",
-		...a
-	}), i[2] = a, i[3] = o), o;
+		...s
+	}), o[2] = s, o[3] = l), l;
 }
-function SelectTrigger(a) {
-	let s = c(13), l, u, d, f;
-	s[0] === a ? (l = s[1], u = s[2], d = s[3], f = s[4]) : ({className: u, size: f, children: l, ...d} = a, s[0] = a, s[1] = l, s[2] = u, s[3] = d, s[4] = f);
-	let p = f === void 0 ? "default" : f, m;
-	s[5] === u ? m = s[6] : (m = cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit 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-[size=default]:h-9 data-[size=sm]:h-8 *: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", u), s[5] = u, s[6] = m);
-	let h;
-	s[7] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+function SelectTrigger(s) {
+	let u = c(13), d, f, p, m;
+	u[0] === s ? (d = u[1], f = u[2], p = u[3], m = u[4]) : ({className: f, size: m, children: d, ...p} = s, u[0] = s, u[1] = d, u[2] = f, u[3] = p, u[4] = m);
+	let h = m === void 0 ? "default" : m, g;
+	u[5] === f ? g = u[6] : (g = cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit 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-[size=default]:h-9 data-[size=sm]:h-8 *: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", f), u[5] = f, u[6] = g);
+	let _;
+	u[7] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
 		asChild: !0,
 		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
-	}), s[7] = h) : h = s[7];
-	let g;
-	return s[8] !== l || s[9] !== d || s[10] !== p || s[11] !== m ? (g = /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+	}), u[7] = _) : _ = u[7];
+	let v;
+	return u[8] !== d || u[9] !== p || u[10] !== h || u[11] !== g ? (v = /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
 		"data-slot": "select-trigger",
-		"data-size": p,
-		className: m,
-		...d,
-		children: [l, h]
-	}), s[8] = l, s[9] = d, s[10] = p, s[11] = m, s[12] = g) : g = s[12], g;
+		"data-size": h,
+		className: g,
+		...p,
+		children: [d, _]
+	}), u[8] = d, u[9] = p, u[10] = h, u[11] = g, u[12] = v) : v = u[12], v;
 }
-function SelectContent(a) {
-	let o = c(22), s, l, u, d, f;
-	o[0] === a ? (s = o[1], l = o[2], u = o[3], d = o[4], f = o[5]) : ({className: l, children: s, position: d, align: f, ...u} = a, o[0] = a, o[1] = s, o[2] = l, o[3] = u, o[4] = d, o[5] = f);
-	let p = d === void 0 ? "popper" : d, g = f === void 0 ? "center" : f, _ = p === "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", v;
-	o[6] !== l || o[7] !== _ ? (v = 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", _, l), o[6] = l, o[7] = _, o[8] = v) : v = o[8];
+function SelectContent(s) {
+	let l = c(22), u, d, f, p, m;
+	l[0] === s ? (u = l[1], d = l[2], f = l[3], p = l[4], m = l[5]) : ({className: d, children: u, position: p, align: m, ...f} = s, l[0] = s, l[1] = u, l[2] = d, l[3] = f, l[4] = p, l[5] = m);
+	let h = p === void 0 ? "popper" : p, g = m === void 0 ? "center" : m, _ = h === "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", v;
+	l[6] !== d || l[7] !== _ ? (v = 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", _, d), l[6] = d, l[7] = _, l[8] = v) : v = l[8];
 	let y;
-	o[9] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(SelectScrollUpButton, {}), o[9] = y) : y = o[9];
-	let b = p === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1", x;
-	o[10] === b ? x = o[11] : (x = cn("p-1", b), o[10] = b, o[11] = x);
+	l[9] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(SelectScrollUpButton, {}), l[9] = y) : y = l[9];
+	let b = h === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1", x;
+	l[10] === b ? x = l[11] : (x = cn("p-1", b), l[10] = b, l[11] = x);
 	let S;
-	o[12] !== s || o[13] !== x ? (S = /* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+	l[12] !== u || l[13] !== x ? (S = /* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
 		className: x,
-		children: s
-	}), o[12] = s, o[13] = x, o[14] = S) : S = o[14];
+		children: u
+	}), l[12] = u, l[13] = x, l[14] = S) : S = l[14];
 	let C;
-	o[15] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(SelectScrollDownButton, {}), o[15] = C) : C = o[15];
+	l[15] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(SelectScrollDownButton, {}), l[15] = C) : C = l[15];
 	let w;
-	return o[16] !== g || o[17] !== p || o[18] !== u || o[19] !== v || o[20] !== S ? (w = /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+	return l[16] !== g || l[17] !== h || l[18] !== f || l[19] !== v || l[20] !== S ? (w = /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
 		"data-slot": "select-content",
 		className: v,
-		position: p,
+		position: h,
 		align: g,
-		...u,
+		...f,
 		children: [
 			y,
 			S,
 			C
 		]
-	}) }), o[16] = g, o[17] = p, o[18] = u, o[19] = v, o[20] = S, o[21] = w) : w = o[21], w;
+	}) }), l[16] = g, l[17] = h, l[18] = f, l[19] = v, l[20] = S, l[21] = w) : w = l[21], w;
 }
-function SelectItem(o) {
-	let s = c(13), l, u, d;
-	s[0] === o ? (l = s[1], u = s[2], d = s[3]) : ({className: u, children: l, ...d} = o, s[0] = o, s[1] = l, s[2] = u, s[3] = d);
+function SelectLabel(o) {
+	let s = c(8), l, u;
+	s[0] === o ? (l = s[1], u = s[2]) : ({className: l, ...u} = o, s[0] = o, s[1] = l, s[2] = u);
+	let d;
+	s[3] === l ? d = s[4] : (d = cn("text-muted-foreground px-2 py-1.5 text-xs", l), s[3] = l, s[4] = d);
 	let f;
-	s[4] === u ? f = s[5] : (f = cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground 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", u), s[4] = u, s[5] = f);
-	let p;
-	s[6] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx("span", {
-		className: "absolute right-2 flex size-3.5 items-center justify-center",
-		children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-	}), s[6] = p) : p = s[6];
+	return s[5] !== u || s[6] !== d ? (f = /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+		"data-slot": "select-label",
+		className: d,
+		...u
+	}), s[5] = u, s[6] = d, s[7] = f) : f = s[7], f;
+}
+function SelectItem(l) {
+	let u = c(13), d, f, p;
+	u[0] === l ? (d = u[1], f = u[2], p = u[3]) : ({className: f, children: d, ...p} = l, u[0] = l, u[1] = d, u[2] = f, u[3] = p);
 	let m;
-	s[7] === l ? m = s[8] : (m = /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: l }), s[7] = l, s[8] = m);
+	u[4] === f ? m = u[5] : (m = cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground 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", f), u[4] = f, u[5] = m);
 	let h;
-	return s[9] !== d || s[10] !== f || s[11] !== m ? (h = /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+	u[6] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx("span", {
+		className: "absolute right-2 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+	}), u[6] = h) : h = u[6];
+	let g;
+	u[7] === d ? g = u[8] : (g = /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: d }), u[7] = d, u[8] = g);
+	let _;
+	return u[9] !== p || u[10] !== m || u[11] !== g ? (_ = /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
 		"data-slot": "select-item",
-		className: f,
-		...d,
-		children: [p, m]
-	}), s[9] = d, s[10] = f, s[11] = m, s[12] = h) : h = s[12], h;
+		className: m,
+		...p,
+		children: [h, g]
+	}), u[9] = p, u[10] = m, u[11] = g, u[12] = _) : _ = u[12], _;
 }
-function SelectScrollUpButton(i) {
-	let a = c(9), o, l;
-	a[0] === i ? (o = a[1], l = a[2]) : ({className: o, ...l} = i, a[0] = i, a[1] = o, a[2] = l);
-	let u;
-	a[3] === o ? u = a[4] : (u = cn("flex cursor-default items-center justify-center py-1", o), a[3] = o, a[4] = u);
+function SelectSeparator(o) {
+	let s = c(8), l, u;
+	s[0] === o ? (l = s[1], u = s[2]) : ({className: l, ...u} = o, s[0] = o, s[1] = l, s[2] = u);
 	let d;
-	a[5] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" }), a[5] = d) : d = a[5];
+	s[3] === l ? d = s[4] : (d = cn("bg-border pointer-events-none -mx-1 my-1 h-px", l), s[3] = l, s[4] = d);
+	let f;
+	return s[5] !== u || s[6] !== d ? (f = /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		"data-slot": "select-separator",
+		className: d,
+		...u
+	}), s[5] = u, s[6] = d, s[7] = f) : f = s[7], f;
+}
+function SelectScrollUpButton(o) {
+	let s = c(9), l, d;
+	s[0] === o ? (l = s[1], d = s[2]) : ({className: l, ...d} = o, s[0] = o, s[1] = l, s[2] = d);
 	let f;
-	return a[6] !== l || a[7] !== u ? (f = /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+	s[3] === l ? f = s[4] : (f = cn("flex cursor-default items-center justify-center py-1", l), s[3] = l, s[4] = f);
+	let p;
+	s[5] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" }), s[5] = p) : p = s[5];
+	let m;
+	return s[6] !== d || s[7] !== f ? (m = /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
 		"data-slot": "select-scroll-up-button",
-		className: u,
-		...l,
-		children: d
-	}), a[6] = l, a[7] = u, a[8] = f) : f = a[8], f;
+		className: f,
+		...d,
+		children: p
+	}), s[6] = d, s[7] = f, s[8] = m) : m = s[8], m;
 }
-function SelectScrollDownButton(i) {
-	let a = c(9), 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("flex cursor-default items-center justify-center py-1", s), a[3] = s, a[4] = u);
-	let d;
-	a[5] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" }), a[5] = d) : d = a[5];
+function SelectScrollDownButton(o) {
+	let s = c(9), u, d;
+	s[0] === o ? (u = s[1], d = s[2]) : ({className: u, ...d} = o, s[0] = o, s[1] = u, s[2] = d);
 	let f;
-	return a[6] !== l || a[7] !== u ? (f = /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+	s[3] === u ? f = s[4] : (f = cn("flex cursor-default items-center justify-center py-1", u), s[3] = u, s[4] = f);
+	let p;
+	s[5] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" }), s[5] = p) : p = s[5];
+	let m;
+	return s[6] !== d || s[7] !== f ? (m = /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
 		"data-slot": "select-scroll-down-button",
-		className: u,
-		...l,
-		children: d
-	}), a[6] = l, a[7] = u, a[8] = f) : f = a[8], f;
+		className: f,
+		...d,
+		children: p
+	}), s[6] = d, s[7] = f, s[8] = m) : m = s[8], m;
 }
-export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/ui/separator.js

@@ -0,0 +1,20 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+function Separator(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, orientation: l, decorative: u, ...s} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = l, a[4] = u);
+	let d = l === void 0 ? "horizontal" : l, f = u === void 0 ? !0 : u, p;
+	a[5] === o ? p = a[6] : (p = cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", o), a[5] = o, a[6] = p);
+	let m;
+	return a[7] !== f || a[8] !== d || a[9] !== s || a[10] !== p ? (m = /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+		"data-slot": "separator",
+		decorative: f,
+		orientation: d,
+		className: p,
+		...s
+	}), a[7] = f, a[8] = d, a[9] = s, a[10] = p, a[11] = m) : m = a[11], m;
+}
+export { Separator };

package/dist/components/ui/sheet.js

@@ -6,92 +6,122 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 function Sheet(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(SheetPrimitive.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(SheetPrimitive.Root, {
 		"data-slot": "sheet",
-		...i
-	}), r[2] = i, r[3] = o), o;
+		...a
+	}), i[2] = a, i[3] = s), s;
+}
+function SheetTrigger(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(SheetPrimitive.Trigger, {
+		"data-slot": "sheet-trigger",
+		...a
+	}), i[2] = a, i[3] = s), s;
+}
+function SheetClose(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(SheetPrimitive.Close, {
+		"data-slot": "sheet-close",
+		...a
+	}), i[2] = a, i[3] = s), s;
 }
 function SheetPortal(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(SheetPrimitive.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(SheetPrimitive.Portal, {
 		"data-slot": "sheet-portal",
-		...i
-	}), r[2] = i, r[3] = o), o;
+		...a
+	}), i[2] = a, i[3] = s), s;
 }
-function SheetOverlay(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 SheetOverlay(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(SheetPrimitive.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(SheetPrimitive.Overlay, {
 		"data-slot": "sheet-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 SheetContent(o) {
-	let u = c(17), d, f, p, m;
-	u[0] === o ? (d = u[1], f = u[2], p = u[3], m = u[4]) : ({className: f, children: d, side: m, ...p} = o, u[0] = o, u[1] = d, u[2] = f, u[3] = p, u[4] = m);
+function SheetContent(s) {
+	let l = c(17), u, f, p, m;
+	l[0] === s ? (u = l[1], f = l[2], p = l[3], m = l[4]) : ({className: f, children: u, side: m, ...p} = s, l[0] = s, l[1] = u, l[2] = f, l[3] = p, l[4] = m);
 	let h = m === void 0 ? "right" : m, g;
-	u[5] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(SheetOverlay, {}), u[5] = g) : g = u[5];
+	l[5] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(SheetOverlay, {}), l[5] = g) : g = l[5];
 	let _ = h === "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", v = h === "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", y = h === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", b = h === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", x;
-	u[6] !== f || u[7] !== _ || u[8] !== v || u[9] !== y || u[10] !== b ? (x = cn("bg-background 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", _, v, y, b, f), u[6] = f, u[7] = _, u[8] = v, u[9] = y, u[10] = b, u[11] = x) : x = u[11];
+	l[6] !== f || l[7] !== _ || l[8] !== v || l[9] !== y || l[10] !== b ? (x = cn("bg-background 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", _, v, y, b, f), l[6] = f, l[7] = _, l[8] = v, l[9] = y, l[10] = b, l[11] = x) : x = l[11];
 	let S;
-	u[12] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+	l[12] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
 		className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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",
 		children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: "Close"
 		})]
-	}), u[12] = S) : S = u[12];
+	}), l[12] = S) : S = l[12];
 	let C;
-	return u[13] !== d || u[14] !== p || u[15] !== x ? (C = /* @__PURE__ */ jsxs(SheetPortal, { children: [g, /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+	return l[13] !== u || l[14] !== p || l[15] !== x ? (C = /* @__PURE__ */ jsxs(SheetPortal, { children: [g, /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
 		"data-slot": "sheet-content",
 		className: x,
 		...p,
-		children: [d, S]
-	})] }), u[13] = d, u[14] = p, u[15] = x, u[16] = C) : C = u[16], C;
+		children: [u, S]
+	})] }), l[13] = u, l[14] = p, l[15] = x, l[16] = C) : C = l[16], C;
 }
-function SheetHeader(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-1.5 p-4", a), i[3] = a, i[4] = s);
+function SheetHeader(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-1.5 p-4", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
 		"data-slot": "sheet-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 SheetTitle(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 SheetFooter(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-foreground font-semibold", o), i[3] = o, i[4] = l);
+	a[3] === o ? l = a[4] : (l = cn("mt-auto flex flex-col gap-2 p-4", o), a[3] = o, a[4] = l);
 	let u;
-	return i[5] !== s || i[6] !== l ? (u = /* @__PURE__ */ jsx(SheetPrimitive.Title, {
-		"data-slot": "sheet-title",
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-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 SheetDescription(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("text-muted-foreground text-sm", o), i[3] = o, i[4] = l);
+function SheetTitle(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(SheetPrimitive.Description, {
+	a[3] === s ? u = a[4] : (u = cn("text-foreground font-semibold", s), a[3] = s, a[4] = u);
+	let d;
+	return a[5] !== l || a[6] !== u ? (d = /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+		"data-slot": "sheet-title",
+		className: u,
+		...l
+	}), a[5] = l, a[6] = u, a[7] = d) : d = a[7], d;
+}
+function SheetDescription(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(SheetPrimitive.Description, {
 		"data-slot": "sheet-description",
-		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;
 }
-export { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle };
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };