@slexn/codecenter-ui 1.0.0 → 1.0.1

package/dist/codecenter-ui.js

@@ -15915,36 +15915,60 @@ var Xp = {
 			class: g(k($)("text-xs leading-relaxed text-muted-foreground", t.descriptionClass))
 		}, O(t.description), 3)) : i("", !0)])], 10, Nh));
 	}
-}), Lh = [
+}), Lh = /* @__PURE__ */ l({
+	__name: "Rail",
+	props: {
+		as: { default: "aside" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: { default: "left" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (x(), r(E(t.as), {
+			"data-slot": "rail",
+			"data-side": t.side,
+			class: g(k($)("flex h-full w-(--rail-width) shrink-0 flex-col items-center bg-background text-foreground [--rail-width:3.5rem]", t.side === "right" ? "border-l" : "border-r", t.class))
+		}, {
+			default: L(() => [T(e.$slots, "default")]),
+			_: 3
+		}, 8, ["data-side", "class"]));
+	}
+}), Rh = [
 	"data-status",
 	"data-open",
 	"aria-live"
-], Rh = {
+], zh = {
 	"data-slot": "reasoning-summary",
 	class: "flex min-w-0 items-center gap-1.5"
-}, zh = {
+}, Bh = {
 	"data-slot": "reasoning-title",
 	class: "min-w-0 truncate font-medium leading-6 text-foreground/80"
-}, Bh = {
+}, Vh = {
 	key: 0,
 	"data-slot": "reasoning-duration",
 	class: "shrink-0 text-xs leading-5 text-muted-foreground"
-}, Vh = {
+}, Hh = {
 	key: 0,
 	"data-slot": "reasoning-body",
 	class: "whitespace-pre-wrap text-sm leading-7 text-muted-foreground"
-}, Hh = ["data-status"], Uh = {
+}, Uh = ["data-status"], Wh = {
 	"data-slot": "reasoning-step-title",
 	class: "font-medium text-foreground/75"
-}, Wh = {
+}, Gh = {
 	key: 0,
 	"data-slot": "reasoning-step-description",
 	class: "col-start-2"
-}, Gh = {
+}, Kh = {
 	key: 2,
 	"data-slot": "reasoning-footer",
 	class: "mt-4 text-sm"
-}, Kh = /* @__PURE__ */ l({
+}, qh = /* @__PURE__ */ l({
 	__name: "Reasoning",
 	props: {
 		ariaLive: { default: "polite" },
@@ -16058,10 +16082,10 @@ var Xp = {
 					"aria-hidden": "true",
 					class: g(k($)("size-4 shrink-0", l.status === "error" && "text-destructive", l.status === "thinking" && "animate-pulse", l.iconClass))
 				}, null, 8, ["class"])),
-				o("span", Rh, [o("span", zh, [T(t.$slots, "summary", {
+				o("span", zh, [o("span", Bh, [T(t.$slots, "summary", {
 					duration: y.value,
 					status: l.status
-				}, () => [s(O(b.value), 1)])]), y.value && !t.$slots.summary ? (x(), a("span", Bh, O(y.value), 1)) : i("", !0)]),
+				}, () => [s(O(b.value), 1)])]), y.value && !t.$slots.summary ? (x(), a("span", Vh, O(y.value), 1)) : i("", !0)]),
 				l.collapsible ? (x(), r(k(Rt), {
 					key: 0,
 					"data-slot": "reasoning-chevron",
@@ -16081,7 +16105,7 @@ var Xp = {
 			"data-slot": "reasoning-content",
 			class: g(k($)("mt-3 border-l pl-5", l.contentClass))
 		}, [
-			D.value ? (x(), a("div", Vh, [T(t.$slots, "default", {}, () => [s(O(l.content), 1)])])) : i("", !0),
+			D.value ? (x(), a("div", Hh, [T(t.$slots, "default", {}, () => [s(O(l.content), 1)])])) : i("", !0),
 			S.value.length ? (x(), a("ol", {
 				key: 1,
 				"data-slot": "reasoning-steps",
@@ -16097,39 +16121,39 @@ var Xp = {
 					"aria-hidden": "true",
 					class: g(V(e.status))
 				}, null, 2),
-				o("span", Uh, O(e.title), 1),
-				e.description ? (x(), a("span", Wh, O(e.description), 1)) : i("", !0)
-			], 8, Hh))), 128))], 2)) : i("", !0),
-			t.$slots.footer ? (x(), a("div", Gh, [T(t.$slots, "footer")])) : i("", !0)
-		], 2)), [[P, !l.collapsible || m.value]]) : i("", !0)], 10, Lh));
+				o("span", Wh, O(e.title), 1),
+				e.description ? (x(), a("span", Gh, O(e.description), 1)) : i("", !0)
+			], 8, Uh))), 128))], 2)) : i("", !0),
+			t.$slots.footer ? (x(), a("div", Kh, [T(t.$slots, "footer")])) : i("", !0)
+		], 2)), [[P, !l.collapsible || m.value]]) : i("", !0)], 10, Rh));
 	}
-}), qh = "b", Jh = "sidebar_state", Yh = "16rem", Xh = "3.25rem", Zh = "18rem", Qh = Symbol("SidebarContext");
-function $h(e) {
-	S(Qh, e);
-}
-function eg() {
-	return d(Qh, null);
+}), Jh = "b", Yh = "sidebar_state", Xh = "16rem", Zh = "3.25rem", Qh = "18rem", $h = Symbol("SidebarContext");
+function eg(e) {
+	S($h, e);
 }
 function tg() {
-	let e = eg();
+	return d($h, null);
+}
+function ng() {
+	let e = tg();
 	if (!e) throw Error("Sidebar components must be used within a SidebarProvider.");
 	return e;
 }
 //#endregion
 //#region src/components/ui/sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var ng = ["data-side", "data-variant"], rg = [
+var rg = ["data-side", "data-variant"], ig = [
 	"data-state",
 	"data-side",
 	"data-variant"
-], ig = [
+], ag = [
 	"data-state",
 	"data-collapsible",
 	"data-side",
 	"data-variant"
-], ag = {
+], og = {
 	"data-sidebar": "sidebar",
 	class: "flex h-full w-full flex-col bg-background group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm group-data-[variant=inset]:rounded-lg group-data-[variant=inset]:border group-data-[variant=inset]:shadow-xs"
-}, og = /* @__PURE__ */ l({
+}, sg = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "Sidebar",
 	props: {
@@ -16145,7 +16169,7 @@ var ng = ["data-side", "data-variant"], rg = [
 		variant: { default: "sidebar" }
 	},
 	setup(e) {
-		let t = e, r = eg(), s = n(() => r?.state.value ?? "expanded"), c = n(() => r?.isMobile.value ?? !1), l = n(() => r?.openMobile.value ?? !1), u = n(() => s.value === "collapsed" ? t.collapsible : "");
+		let t = e, r = tg(), s = n(() => r?.state.value ?? "expanded"), c = n(() => r?.isMobile.value ?? !1), l = n(() => r?.openMobile.value ?? !1), u = n(() => s.value === "collapsed" ? t.collapsible : "");
 		function d() {
 			r?.setOpenMobile(!1);
 		}
@@ -16157,18 +16181,18 @@ var ng = ["data-side", "data-variant"], rg = [
 			"data-side": t.side,
 			"data-variant": t.variant,
 			style: {
-				"--sidebar-width": k(Yh),
-				"--sidebar-width-icon": k(Xh),
-				"--sidebar-width-mobile": k(Zh)
+				"--sidebar-width": k(Xh),
+				"--sidebar-width-icon": k(Zh),
+				"--sidebar-width-mobile": k(Qh)
 			},
 			class: k($)("flex h-full w-(--sidebar-width) shrink-0 flex-col border-r bg-background text-foreground", t.side === "right" && "border-r-0 border-l", t.class)
-		}, e.$attrs), [T(e.$slots, "default")], 16, ng)) : c.value ? (x(), a("div", {
+		}, e.$attrs), [T(e.$slots, "default")], 16, rg)) : c.value ? (x(), a("div", {
 			key: 1,
 			"data-slot": "sidebar-mobile",
 			style: v({
-				"--sidebar-width": k(Yh),
-				"--sidebar-width-icon": k(Xh),
-				"--sidebar-width-mobile": k(Zh)
+				"--sidebar-width": k(Xh),
+				"--sidebar-width-icon": k(Zh),
+				"--sidebar-width-mobile": k(Qh)
 			})
 		}, [l.value ? (x(), a("button", {
 			key: 0,
@@ -16185,7 +16209,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			"data-side": t.side,
 			"data-variant": t.variant,
 			class: k($)("fixed inset-y-0 z-50 flex w-(--sidebar-width-mobile) max-w-[calc(100vw-2rem)] flex-col bg-background text-foreground shadow-lg md:hidden", t.side === "left" ? "left-0 border-r" : "right-0 border-l", t.class)
-		}, e.$attrs), [T(e.$slots, "default")], 16, rg)) : i("", !0)], 4)) : (x(), a("div", {
+		}, e.$attrs), [T(e.$slots, "default")], 16, ig)) : i("", !0)], 4)) : (x(), a("div", {
 			key: 2,
 			"data-slot": "sidebar",
 			class: "group peer hidden text-foreground md:block",
@@ -16194,9 +16218,9 @@ var ng = ["data-side", "data-variant"], rg = [
 			"data-side": t.side,
 			"data-variant": t.variant,
 			style: v({
-				"--sidebar-width": k(Yh),
-				"--sidebar-width-icon": k(Xh),
-				"--sidebar-width-mobile": k(Zh)
+				"--sidebar-width": k(Xh),
+				"--sidebar-width-icon": k(Zh),
+				"--sidebar-width-mobile": k(Qh)
 			})
 		}, [o("div", {
 			"data-slot": "sidebar-gap",
@@ -16204,9 +16228,9 @@ var ng = ["data-side", "data-variant"], rg = [
 		}, null, 2), o("div", m({
 			"data-slot": "sidebar-container",
 			class: k($)("fixed inset-y-0 z-10 hidden h-dvh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", t.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", t.variant === "floating" || t.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", t.class)
-		}, e.$attrs), [o("aside", ag, [T(e.$slots, "default")])], 16)], 12, ig));
+		}, e.$attrs), [o("aside", og, [T(e.$slots, "default")])], 16)], 12, ag));
 	}
-}), sg = /* @__PURE__ */ l({
+}), cg = /* @__PURE__ */ l({
 	__name: "SidebarContent",
 	props: { class: { type: [
 		Boolean,
@@ -16223,7 +16247,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), cg = /* @__PURE__ */ l({
+}), lg = /* @__PURE__ */ l({
 	__name: "SidebarFooter",
 	props: { class: { type: [
 		Boolean,
@@ -16240,7 +16264,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("flex flex-col gap-2 p-2", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), lg = /* @__PURE__ */ l({
+}), ug = /* @__PURE__ */ l({
 	__name: "SidebarGroup",
 	props: { class: { type: [
 		Boolean,
@@ -16257,7 +16281,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("relative flex w-full min-w-0 flex-col p-2", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), ug = /* @__PURE__ */ l({
+}), dg = /* @__PURE__ */ l({
 	__name: "SidebarGroupAction",
 	props: {
 		asChild: { type: Boolean },
@@ -16287,7 +16311,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			"class"
 		]));
 	}
-}), dg = /* @__PURE__ */ l({
+}), fg = /* @__PURE__ */ l({
 	__name: "SidebarGroupContent",
 	props: { class: { type: [
 		Boolean,
@@ -16304,7 +16328,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("w-full text-sm", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), fg = /* @__PURE__ */ l({
+}), pg = /* @__PURE__ */ l({
 	__name: "SidebarGroupLabel",
 	props: {
 		asChild: { type: Boolean },
@@ -16334,7 +16358,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			"class"
 		]));
 	}
-}), pg = /* @__PURE__ */ l({
+}), mg = /* @__PURE__ */ l({
 	__name: "SidebarHeader",
 	props: { class: { type: [
 		Boolean,
@@ -16351,7 +16375,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("flex flex-col gap-2 p-2", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), mg = /* @__PURE__ */ l({
+}), hg = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "SidebarInput",
 	props: { class: { type: [
@@ -16369,7 +16393,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: k($)("flex h-8 w-full min-w-0 rounded-md border border-input bg-background px-2.5 py-1 text-sm text-foreground shadow-none outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50", t.class)
 		}, e.$attrs), null, 16));
 	}
-}), hg = /* @__PURE__ */ l({
+}), gg = /* @__PURE__ */ l({
 	__name: "SidebarInset",
 	props: { class: { type: [
 		Boolean,
@@ -16385,7 +16409,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("relative flex min-w-0 flex-1 flex-col bg-background", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-lg md:peer-data-[variant=inset]:border md:peer-data-[variant=inset]:shadow-xs md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), gg = /* @__PURE__ */ l({
+}), _g = /* @__PURE__ */ l({
 	__name: "SidebarMenu",
 	props: { class: { type: [
 		Boolean,
@@ -16402,7 +16426,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("flex w-full min-w-0 flex-col gap-1", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), _g = /* @__PURE__ */ l({
+}), vg = /* @__PURE__ */ l({
 	__name: "SidebarMenuAction",
 	props: {
 		asChild: { type: Boolean },
@@ -16433,7 +16457,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			"class"
 		]));
 	}
-}), vg = /* @__PURE__ */ l({
+}), yg = /* @__PURE__ */ l({
 	__name: "SidebarMenuBadge",
 	props: { class: { type: [
 		Boolean,
@@ -16450,7 +16474,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-muted-foreground peer-hover/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground", "peer-data-[size=sm]/menu-button:top-1 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-3", "group-data-[collapsible=icon]:hidden", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), yg = Ci("peer/menu-button flex w-full min-w-0 items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-ring transition-[background-color,color,width,height,padding] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-accent data-[active=true]:font-medium data-[active=true]:text-accent-foreground group-data-[collapsible=icon]:size-9 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0 group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+}), bg = Ci("peer/menu-button flex w-full min-w-0 items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-ring transition-[background-color,color,width,height,padding] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-accent data-[active=true]:font-medium data-[active=true]:text-accent-foreground group-data-[collapsible=icon]:size-9 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0 group-data-[collapsible=icon]:[&>span:last-child]:hidden [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
 	variants: {
 		size: {
 			default: "h-8 text-sm",
@@ -16466,7 +16490,7 @@ var ng = ["data-side", "data-variant"], rg = [
 		size: "default",
 		variant: "default"
 	}
-}), bg = /* @__PURE__ */ l({
+}), xg = /* @__PURE__ */ l({
 	__name: "SidebarMenuButtonChild",
 	props: {
 		class: { type: [
@@ -16491,7 +16515,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			"data-size": t.size,
 			as: t.as,
 			"as-child": t.asChild,
-			class: k($)(k(yg)({
+			class: k($)(k(bg)({
 				size: t.size,
 				variant: t.variant
 			}), t.class)
@@ -16506,7 +16530,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			"class"
 		]));
 	}
-}), xg = /* @__PURE__ */ l({
+}), Sg = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "SidebarMenuButton",
 	props: {
@@ -16525,8 +16549,8 @@ var ng = ["data-side", "data-variant"], rg = [
 		tooltip: {}
 	},
 	setup(e) {
-		let t = e, i = eg(), a = V(t, "tooltip"), o = n(() => t.tooltip && i?.state.value === "collapsed" && !i?.isMobile.value ? t.tooltip : void 0);
-		return (e, t) => (x(), r(bg, m({
+		let t = e, i = tg(), a = V(t, "tooltip"), o = n(() => t.tooltip && i?.state.value === "collapsed" && !i?.isMobile.value ? t.tooltip : void 0);
+		return (e, t) => (x(), r(xg, m({
 			...k(a),
 			...e.$attrs
 		}, { title: o.value }), {
@@ -16534,7 +16558,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			_: 3
 		}, 16, ["title"]));
 	}
-}), Sg = /* @__PURE__ */ l({
+}), Cg = /* @__PURE__ */ l({
 	__name: "SidebarMenuItem",
 	props: { class: { type: [
 		Boolean,
@@ -16551,7 +16575,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("group/menu-item relative", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), Cg = /* @__PURE__ */ l({
+}), wg = /* @__PURE__ */ l({
 	__name: "SidebarMenuSub",
 	props: { class: { type: [
 		Boolean,
@@ -16568,7 +16592,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), wg = /* @__PURE__ */ l({
+}), Tg = /* @__PURE__ */ l({
 	__name: "SidebarMenuSubButton",
 	props: {
 		asChild: { type: Boolean },
@@ -16604,7 +16628,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			"class"
 		]));
 	}
-}), Tg = /* @__PURE__ */ l({
+}), Eg = /* @__PURE__ */ l({
 	__name: "SidebarMenuSubItem",
 	props: { class: { type: [
 		Boolean,
@@ -16621,7 +16645,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("group/menu-sub-item relative", t.class))
 		}, [T(e.$slots, "default")], 2));
 	}
-}), Eg = /* @__PURE__ */ l({
+}), Dg = /* @__PURE__ */ l({
 	__name: "SidebarProvider",
 	props: {
 		class: { type: [
@@ -16644,7 +16668,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			type: Boolean,
 			default: !1
 		},
-		storageKey: { default: Jh }
+		storageKey: { default: Yh }
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
@@ -16678,7 +16702,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			r.persist && window.localStorage.setItem(r.storageKey, String(e));
 		}), H("keydown", (e) => {
 			m(e) && (e.preventDefault(), p());
-		}), $h({
+		}), eg({
 			isMobile: o,
 			open: l,
 			openMobile: s,
@@ -16689,14 +16713,14 @@ var ng = ["data-side", "data-variant"], rg = [
 		}), (e, t) => (x(), a("div", {
 			"data-slot": "sidebar-wrapper",
 			style: v({
-				"--sidebar-width": k(Yh),
-				"--sidebar-width-icon": k(Xh),
-				"--sidebar-width-mobile": k(Zh)
+				"--sidebar-width": k(Xh),
+				"--sidebar-width-icon": k(Zh),
+				"--sidebar-width-mobile": k(Qh)
 			}),
 			class: g(k($)("group/sidebar-wrapper flex min-h-svh w-full bg-background text-foreground", r.class))
 		}, [T(e.$slots, "default")], 6));
 	}
-}), Dg = /* @__PURE__ */ l({
+}), Og = /* @__PURE__ */ l({
 	__name: "SidebarRail",
 	props: { class: { type: [
 		Boolean,
@@ -16706,7 +16730,7 @@ var ng = ["data-side", "data-variant"], rg = [
 		Array
 	] } },
 	setup(e) {
-		let t = e, { toggleSidebar: n } = tg();
+		let t = e, { toggleSidebar: n } = ng();
 		return (e, r) => (x(), a("button", {
 			"data-slot": "sidebar-rail",
 			"data-sidebar": "rail",
@@ -16718,7 +16742,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			onClick: r[0] ||= (...e) => k(n) && k(n)(...e)
 		}, [T(e.$slots, "default")], 2));
 	}
-}), Og = /* @__PURE__ */ l({
+}), kg = /* @__PURE__ */ l({
 	__name: "SidebarSeparator",
 	props: { class: { type: [
 		Boolean,
@@ -16736,7 +16760,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("mx-2 w-auto", t.class))
 		}, null, 8, ["class"]));
 	}
-}), kg = /* @__PURE__ */ l({
+}), Ag = /* @__PURE__ */ l({
 	__name: "SidebarTrigger",
 	props: { class: { type: [
 		Boolean,
@@ -16746,7 +16770,7 @@ var ng = ["data-side", "data-variant"], rg = [
 		Array
 	] } },
 	setup(e) {
-		let t = e, { toggleSidebar: n } = tg();
+		let t = e, { toggleSidebar: n } = ng();
 		return (e, i) => (x(), r(k(ki), {
 			"data-slot": "sidebar-trigger",
 			"data-sidebar": "trigger",
@@ -16760,7 +16784,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			_: 1
 		}, 8, ["class", "onClick"]));
 	}
-}), Ag = /* @__PURE__ */ _i(/* @__PURE__ */ l({
+}), jg = /* @__PURE__ */ _i(/* @__PURE__ */ l({
 	__name: "Shimmer",
 	props: {
 		as: { default: "span" },
@@ -16812,10 +16836,10 @@ var ng = ["data-side", "data-variant"], rg = [
 			"style"
 		]));
 	}
-}), [["__scopeId", "data-v-7ed5d913"]]), jg = {
+}), [["__scopeId", "data-v-7ed5d913"]]), Mg = {
 	key: 0,
 	class: "sr-only"
-}, Mg = /* @__PURE__ */ l({
+}, Ng = /* @__PURE__ */ l({
 	__name: "Skeleton",
 	props: {
 		animated: {
@@ -16848,7 +16872,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			class: g(k($)("block shrink-0 bg-muted", o.value, t.animated && "animate-pulse", t.class)),
 			role: t.decorative ? void 0 : "status"
 		}, {
-			default: L(() => [t.decorative ? i("", !0) : (x(), a("span", jg, O(t.label), 1))]),
+			default: L(() => [t.decorative ? i("", !0) : (x(), a("span", Mg, O(t.label), 1))]),
 			_: 1
 		}, 8, [
 			"data-animated",
@@ -16859,7 +16883,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			"role"
 		]));
 	}
-}), Ng = /* @__PURE__ */ l({
+}), Pg = /* @__PURE__ */ l({
 	__name: "Stepper",
 	props: {
 		defaultValue: {},
@@ -16885,7 +16909,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Pg = /* @__PURE__ */ l({
+}), Fg = /* @__PURE__ */ l({
 	__name: "StepperDescription",
 	props: {
 		asChild: { type: Boolean },
@@ -16905,7 +16929,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Fg = { key: 1 }, Ig = /* @__PURE__ */ l({
+}), Ig = { key: 1 }, Lg = /* @__PURE__ */ l({
 	__name: "StepperIndicator",
 	props: {
 		asChild: { type: Boolean },
@@ -16928,11 +16952,11 @@ var ng = ["data-side", "data-variant"], rg = [
 				key: 0,
 				"aria-hidden": "true",
 				class: "size-4"
-			})) : (x(), a("span", Fg, O(s.value), 1))])]),
+			})) : (x(), a("span", Ig, O(s.value), 1))])]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Lg = /* @__PURE__ */ l({
+}), Rg = /* @__PURE__ */ l({
 	__name: "StepperItem",
 	props: {
 		step: {},
@@ -16955,7 +16979,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Rg = /* @__PURE__ */ l({
+}), zg = /* @__PURE__ */ l({
 	__name: "StepperSeparator",
 	props: {
 		orientation: {},
@@ -16974,7 +16998,7 @@ var ng = ["data-side", "data-variant"], rg = [
 		let t = e, n = Y(V(t, "class"));
 		return (e, i) => (x(), r(k(st), m({ "data-slot": "stepper-separator" }, k(n), { class: k($)("bg-muted pointer-events-none z-0 transition-colors data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:flex-1 data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:self-stretch group-data-[state=completed]:bg-primary", t.class) }), null, 16, ["class"]));
 	}
-}), zg = /* @__PURE__ */ l({
+}), Bg = /* @__PURE__ */ l({
 	__name: "StepperTitle",
 	props: {
 		asChild: { type: Boolean },
@@ -16994,7 +17018,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Bg = /* @__PURE__ */ l({
+}), Vg = /* @__PURE__ */ l({
 	__name: "StepperTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -17014,7 +17038,7 @@ var ng = ["data-side", "data-variant"], rg = [
 			_: 3
 		}, 16, ["class"]));
 	}
-}), Vg = 1, Hg = new class {
+}), Hg = 1, Ug = new class {
 	subscribers;
 	toasts;
 	dismissedToasts;
@@ -17032,7 +17056,7 @@ var ng = ["data-side", "data-variant"], rg = [
 		this.publish(e), this.toasts = [...this.toasts, e];
 	};
 	create = (e) => {
-		let { message: t, ...n } = e, r = typeof e.id == "number" || e.id && e.id?.length > 0 ? e.id : Vg++, i = this.toasts.find((e) => e.id === r), a = e.dismissible === void 0 ? !0 : e.dismissible;
+		let { message: t, ...n } = e, r = typeof e.id == "number" || e.id && e.id?.length > 0 ? e.id : Hg++, i = this.toasts.find((e) => e.id === r), a = e.dismissible === void 0 ? !0 : e.dismissible;
 		return this.dismissedToasts.has(r) && this.dismissedToasts.delete(r), i ? this.toasts = this.toasts.map((n) => n.id === r ? (this.publish({
 			...n,
 			...e,
@@ -17106,7 +17130,7 @@ var ng = ["data-side", "data-variant"], rg = [
 				type: "default",
 				message: e
 			});
-			else if (Wg(e) && !e.ok) {
+			else if (Gg(e) && !e.ok) {
 				i = !1;
 				let r = typeof t.error == "function" ? await t.error(`HTTP error! status: ${e.status}`) : t.error, a = typeof t.description == "function" ? await t.description(`HTTP error! status: ${e.status}`) : t.description, o = typeof r == "object" && !f(r) ? r : {
 					message: r || "",
@@ -17163,7 +17187,7 @@ var ng = ["data-side", "data-variant"], rg = [
 		return typeof n != "string" && typeof n != "number" ? { unwrap: s } : Object.assign(n, { unwrap: s });
 	};
 	custom = (e, t) => {
-		let n = t?.id || Vg++, r = this.toasts.find((e) => e.id === n), i = t?.dismissible === void 0 ? !0 : t.dismissible;
+		let n = t?.id || Hg++, r = this.toasts.find((e) => e.id === n), i = t?.dismissible === void 0 ? !0 : t.dismissible;
 		return this.dismissedToasts.has(n) && this.dismissedToasts.delete(n), r ? this.toasts = this.toasts.map((r) => r.id === n ? (this.publish({
 			...r,
 			component: e,
@@ -17185,34 +17209,34 @@ var ng = ["data-side", "data-variant"], rg = [
 	};
 	getActiveToasts = () => this.toasts.filter((e) => !this.dismissedToasts.has(e.id));
 }();
-function Ug(e, t) {
-	let n = t?.id || Vg++;
-	return Hg.create({
+function Wg(e, t) {
+	let n = t?.id || Hg++;
+	return Ug.create({
 		message: e,
 		id: n,
 		type: "default",
 		...t
 	}), n;
 }
-var Wg = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Gg = Object.assign(Ug, {
-	success: Hg.success,
-	info: Hg.info,
-	warning: Hg.warning,
-	error: Hg.error,
-	custom: Hg.custom,
-	message: Hg.message,
-	promise: Hg.promise,
-	dismiss: Hg.dismiss,
-	loading: Hg.loading
+var Gg = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Kg = Object.assign(Wg, {
+	success: Ug.success,
+	info: Ug.info,
+	warning: Ug.warning,
+	error: Ug.error,
+	custom: Ug.custom,
+	message: Ug.message,
+	promise: Ug.promise,
+	dismiss: Ug.dismiss,
+	loading: Ug.loading
 }, {
-	getHistory: () => Hg.toasts,
-	getToasts: () => Hg.getActiveToasts()
+	getHistory: () => Ug.toasts,
+	getToasts: () => Ug.getActiveToasts()
 });
-function Kg(e) {
+function qg(e) {
 	return e.label !== void 0;
 }
-var qg = 3, Jg = "24px", Yg = "16px", Xg = 4e3, Zg = 356, Qg = 14, $g = 45, e_ = 200;
-function t_() {
+var Jg = 3, Yg = "24px", Xg = "16px", Zg = 4e3, Qg = 356, $g = 14, e_ = 45, t_ = 200;
+function n_() {
 	let e = C(!1);
 	return I(() => {
 		let t = () => {
@@ -17221,17 +17245,17 @@ function t_() {
 		return document.addEventListener("visibilitychange", t), () => window.removeEventListener("visibilitychange", t);
 	}), { isDocumentHidden: e };
 }
-function n_(...e) {
+function r_(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function r_(e) {
+function i_(e) {
 	let [t, n] = e.split("-"), r = [];
 	return t && r.push(t), n && r.push(n), r;
 }
-function i_(e, t) {
+function a_(e, t) {
 	let n = {};
 	return [e, t].forEach((e, t) => {
-		let r = t === 1, i = r ? "--mobile-offset" : "--offset", a = r ? Yg : Jg;
+		let r = t === 1, i = r ? "--mobile-offset" : "--offset", a = r ? Xg : Yg;
 		function o(e) {
 			[
 				"top",
@@ -17252,10 +17276,10 @@ function i_(e, t) {
 		}) : o(a);
 	}), n;
 }
-function a_() {
+function o_() {
 	let e = C([]);
 	return I((t) => {
-		let n = Hg.subscribe((t) => {
+		let n = Ug.subscribe((t) => {
 			if ("dismiss" in t && t.dismiss) {
 				e.value = e.value.filter((e) => e.id !== t.id);
 				return;
@@ -17276,7 +17300,7 @@ function a_() {
 		});
 	}), { activeToasts: e };
 }
-var o_ = [
+var s_ = [
 	"data-rich-colors",
 	"data-styled",
 	"data-mounted",
@@ -17296,11 +17320,11 @@ var o_ = [
 	"data-swipe-direction",
 	"data-expanded",
 	"data-testid"
-], s_ = [
+], c_ = [
 	"aria-label",
 	"data-disabled",
 	"data-close-button-position"
-], c_ = /* @__PURE__ */ l({
+], l_ = /* @__PURE__ */ l({
 	__name: "Toast",
 	props: {
 		toast: {},
@@ -17336,13 +17360,13 @@ var o_ = [
 		"removeToast"
 	],
 	setup(t, { emit: c }) {
-		let l = t, u = c, d = C(null), f = C(null), p = C(!1), S = C(!1), w = C(!1), D = C(!1), A = C(!1), j = C(0), M = C(0), N = C(l.toast.duration || l.duration || Xg), P = C(null), L = C(null), R = n(() => l.index === 0), z = n(() => l.index + 1 <= l.visibleToasts), B = n(() => l.toast.type), V = n(() => l.toast.dismissible !== !1), H = n(() => l.toast.class || ""), ee = n(() => l.descriptionClass || ""), te = n(() => {
+		let l = t, u = c, d = C(null), f = C(null), p = C(!1), S = C(!1), w = C(!1), D = C(!1), A = C(!1), j = C(0), M = C(0), N = C(l.toast.duration || l.duration || Zg), P = C(null), L = C(null), R = n(() => l.index === 0), z = n(() => l.index + 1 <= l.visibleToasts), B = n(() => l.toast.type), V = n(() => l.toast.dismissible !== !1), H = n(() => l.toast.class || ""), ee = n(() => l.descriptionClass || ""), te = n(() => {
 			let e = l.toast.position || l.position, t = l.heights.filter((t) => t.position === e).findIndex((e) => e.toastId === l.toast.id);
 			return t >= 0 ? t : 0;
 		}), U = n(() => {
 			let e = l.toast.position || l.position;
 			return l.heights.filter((t) => t.position === e).reduce((e, t, n) => n >= te.value ? e : e + t.height, 0);
-		}), ne = n(() => te.value * l.gap + U.value || 0), W = n(() => l.toast.closeButton ?? l.closeButton), re = n(() => l.toast.duration || l.duration || Xg), G = C(0), K = C(0), q = C(null), J = n(() => l.position.split("-")), ie = n(() => J.value[0]), ae = n(() => J.value[1]), oe = n(() => typeof l.toast.title != "string"), se = n(() => typeof l.toast.description != "string"), { isDocumentHidden: ce } = t_(), le = n(() => B.value && B.value === "loading");
+		}), ne = n(() => te.value * l.gap + U.value || 0), W = n(() => l.toast.closeButton ?? l.closeButton), re = n(() => l.toast.duration || l.duration || Zg), G = C(0), K = C(0), q = C(null), J = n(() => l.position.split("-")), ie = n(() => J.value[0]), ae = n(() => J.value[1]), oe = n(() => typeof l.toast.title != "string"), se = n(() => typeof l.toast.description != "string"), { isDocumentHidden: ce } = n_(), le = n(() => B.value && B.value === "loading");
 		b(() => {
 			p.value = !0, N.value = re.value;
 		}), I(async () => {
@@ -17360,7 +17384,7 @@ var o_ = [
 		function ue() {
 			S.value = !0, j.value = ne.value, setTimeout(() => {
 				u("removeToast", l.toast);
-			}, e_);
+			}, t_);
 		}
 		function de() {
 			if (le.value || !V.value) return {};
@@ -17376,7 +17400,7 @@ var o_ = [
 			if (D.value || !V.value) return;
 			q.value = null;
 			let e = Number(L.value?.style.getPropertyValue("--swipe-amount-x").replace("px", "") || 0), t = Number(L.value?.style.getPropertyValue("--swipe-amount-y").replace("px", "") || 0), n = (/* @__PURE__ */ new Date()).getTime() - (P.value?.getTime() || 0), r = d.value === "x" ? e : t, i = Math.abs(r) / n;
-			if (Math.abs(r) >= $g || i > .11) {
+			if (Math.abs(r) >= e_ || i > .11) {
 				j.value = ne.value, l.toast.onDismiss?.(l.toast), d.value === "x" ? f.value = e > 0 ? "right" : "left" : f.value = t > 0 ? "down" : "up", ue(), D.value = !0;
 				return;
 			} else L.value?.style.setProperty("--swipe-amount-x", "0px"), L.value?.style.setProperty("--swipe-amount-y", "0px");
@@ -17384,7 +17408,7 @@ var o_ = [
 		}
 		function me(e) {
 			if (!q.value || !V.value || (window?.getSelection()?.toString()?.length ?? !1)) return;
-			let t = e.clientY - q.value.y, n = e.clientX - q.value.x, r = l.swipeDirections ?? r_(l.position);
+			let t = e.clientY - q.value.y, n = e.clientX - q.value.x, r = l.swipeDirections ?? i_(l.position);
 			!d.value && (Math.abs(n) > 1 || Math.abs(t) > 1) && (d.value = Math.abs(n) > Math.abs(t) ? "x" : "y");
 			let i = {
 				x: 0,
@@ -17437,7 +17461,7 @@ var o_ = [
 			tabindex: "0",
 			ref_key: "toastRef",
 			ref: L,
-			class: g(k(n_)(l.class, H.value, t.classes?.toast, t.toast.classes?.toast, t.classes?.[B.value], t.toast?.classes?.[B.value])),
+			class: g(k(r_)(l.class, H.value, t.classes?.toast, t.toast.classes?.toast, t.classes?.[B.value], t.toast?.classes?.[B.value])),
 			"data-sonner-toast": "",
 			"data-rich-colors": t.toast.richColors ?? t.defaultRichColors,
 			"data-styled": !(t.toast.component || t.toast?.unstyled || t.unstyled),
@@ -17477,55 +17501,55 @@ var o_ = [
 			"data-disabled": le.value,
 			"data-close-button": "true",
 			"data-close-button-position": t.closeButtonPosition,
-			class: g(k(n_)(t.classes?.closeButton, t.toast?.classes?.closeButton)),
+			class: g(k(r_)(t.classes?.closeButton, t.toast?.classes?.closeButton)),
 			onClick: de
-		}, [t.icons?.close ? (x(), r(E(t.icons?.close), { key: 0 })) : T(t.$slots, "close-icon", { key: 1 })], 10, s_)) : i("v-if", !0), t.toast.component ? (x(), r(E(t.toast.component), m({ key: 1 }, t.toast.componentProps, {
+		}, [t.icons?.close ? (x(), r(E(t.icons?.close), { key: 0 })) : T(t.$slots, "close-icon", { key: 1 })], 10, c_)) : i("v-if", !0), t.toast.component ? (x(), r(E(t.toast.component), m({ key: 1 }, t.toast.componentProps, {
 			onCloseToast: de,
 			isPaused: t.$props.expanded || t.$props.interacting || k(ce)
 		}), null, 16, ["isPaused"])) : (x(), a(e, { key: 2 }, [
 			B.value !== "default" || t.toast.icon || t.toast.promise ? (x(), a("div", {
 				key: 0,
 				"data-icon": "",
-				class: g(k(n_)(t.classes?.icon, t.toast?.classes?.icon))
+				class: g(k(r_)(t.classes?.icon, t.toast?.classes?.icon))
 			}, [t.toast.icon ? (x(), r(E(t.toast.icon), { key: 0 })) : (x(), a(e, { key: 1 }, [B.value === "loading" ? T(t.$slots, "loading-icon", { key: 0 }) : B.value === "success" ? T(t.$slots, "success-icon", { key: 1 }) : B.value === "error" ? T(t.$slots, "error-icon", { key: 2 }) : B.value === "warning" ? T(t.$slots, "warning-icon", { key: 3 }) : B.value === "info" ? T(t.$slots, "info-icon", { key: 4 }) : i("v-if", !0)], 64))], 2)) : i("v-if", !0),
 			o("div", {
 				"data-content": "",
-				class: g(k(n_)(t.classes?.content, t.toast?.classes?.content))
+				class: g(k(r_)(t.classes?.content, t.toast?.classes?.content))
 			}, [o("div", {
 				"data-title": "",
-				class: g(k(n_)(t.classes?.title, t.toast.classes?.title))
+				class: g(k(r_)(t.classes?.title, t.toast.classes?.title))
 			}, [oe.value ? (x(), r(E(t.toast.title), _(m({ key: 0 }, t.toast.componentProps)), null, 16)) : (x(), a(e, { key: 1 }, [s(O(t.toast.title), 1)], 64))], 2), t.toast.description ? (x(), a("div", {
 				key: 0,
 				"data-description": "",
-				class: g(k(n_)(t.descriptionClass, ee.value, t.classes?.description, t.toast.classes?.description))
+				class: g(k(r_)(t.descriptionClass, ee.value, t.classes?.description, t.toast.classes?.description))
 			}, [se.value ? (x(), r(E(t.toast.description), _(m({ key: 0 }, t.toast.componentProps)), null, 16)) : (x(), a(e, { key: 1 }, [s(O(t.toast.description), 1)], 64))], 2)) : i("v-if", !0)], 2),
 			t.toast.cancel ? (x(), a("button", {
 				key: 1,
 				style: v(t.toast.cancelButtonStyle || t.cancelButtonStyle),
-				class: g(k(n_)(t.classes?.cancelButton, t.toast.classes?.cancelButton)),
+				class: g(k(r_)(t.classes?.cancelButton, t.toast.classes?.cancelButton)),
 				"data-button": "",
 				"data-cancel": "",
 				onClick: n[0] ||= (e) => {
-					k(Kg)(t.toast.cancel) && V.value && (t.toast.cancel.onClick?.(e), ue());
+					k(qg)(t.toast.cancel) && V.value && (t.toast.cancel.onClick?.(e), ue());
 				}
-			}, O(k(Kg)(t.toast.cancel) ? t.toast.cancel?.label : t.toast.cancel), 7)) : i("v-if", !0),
+			}, O(k(qg)(t.toast.cancel) ? t.toast.cancel?.label : t.toast.cancel), 7)) : i("v-if", !0),
 			t.toast.action ? (x(), a("button", {
 				key: 2,
 				style: v(t.toast.actionButtonStyle || t.actionButtonStyle),
-				class: g(k(n_)(t.classes?.actionButton, t.toast.classes?.actionButton)),
+				class: g(k(r_)(t.classes?.actionButton, t.toast.classes?.actionButton)),
 				"data-button": "",
 				"data-action": "",
 				onClick: n[1] ||= (e) => {
-					k(Kg)(t.toast.action) && (t.toast.action.onClick?.(e), !e.defaultPrevented && ue());
+					k(qg)(t.toast.action) && (t.toast.action.onClick?.(e), !e.defaultPrevented && ue());
 				}
-			}, O(k(Kg)(t.toast.action) ? t.toast.action?.label : t.toast.action), 7)) : i("v-if", !0)
-		], 64))], 46, o_));
+			}, O(k(qg)(t.toast.action) ? t.toast.action?.label : t.toast.action), 7)) : i("v-if", !0)
+		], 64))], 46, s_));
 	}
-}), l_ = (e, t) => {
+}), u_ = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, u_ = {}, d_ = {
+}, d_ = {}, f_ = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "12",
 	height: "12",
@@ -17536,8 +17560,8 @@ var o_ = [
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-function f_(e, t) {
-	return x(), a("svg", d_, t[0] ||= [o("line", {
+function p_(e, t) {
+	return x(), a("svg", f_, t[0] ||= [o("line", {
 		x1: "18",
 		y1: "6",
 		x2: "6",
@@ -17549,7 +17573,7 @@ function f_(e, t) {
 		y2: "18"
 	}, null, -1)]);
 }
-var p_ = /* @__PURE__ */ l_(u_, [["render", f_]]), m_ = ["data-visible"], h_ = { class: "sonner-spinner" }, g_ = /* @__PURE__ */ l({
+var m_ = /* @__PURE__ */ u_(d_, [["render", p_]]), h_ = ["data-visible"], g_ = { class: "sonner-spinner" }, __ = /* @__PURE__ */ l({
 	__name: "Loader",
 	props: { visible: { type: Boolean } },
 	setup(t) {
@@ -17557,81 +17581,81 @@ var p_ = /* @__PURE__ */ l_(u_, [["render", f_]]), m_ = ["data-visible"], h_ = {
 		return (t, r) => (x(), a("div", {
 			class: "sonner-loading-wrapper",
 			"data-visible": t.visible
-		}, [o("div", h_, [(x(!0), a(e, null, w(k(n), (e) => (x(), a("div", {
+		}, [o("div", g_, [(x(!0), a(e, null, w(k(n), (e) => (x(), a("div", {
 			key: `spinner-bar-${e}`,
 			class: "sonner-loading-bar"
-		}))), 128))])], 8, m_));
+		}))), 128))])], 8, h_));
 	}
-}), __ = {}, v_ = {
+}), v_ = {}, y_ = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20"
 };
-function y_(e, t) {
-	return x(), a("svg", v_, t[0] ||= [o("path", {
+function b_(e, t) {
+	return x(), a("svg", y_, t[0] ||= [o("path", {
 		"fill-rule": "evenodd",
 		d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
 		"clip-rule": "evenodd"
 	}, null, -1)]);
 }
-var b_ = /* @__PURE__ */ l_(__, [["render", y_]]), x_ = {}, S_ = {
+var x_ = /* @__PURE__ */ u_(v_, [["render", b_]]), S_ = {}, C_ = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20"
 };
-function C_(e, t) {
-	return x(), a("svg", S_, t[0] ||= [o("path", {
+function w_(e, t) {
+	return x(), a("svg", C_, t[0] ||= [o("path", {
 		"fill-rule": "evenodd",
 		d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
 		"clip-rule": "evenodd"
 	}, null, -1)]);
 }
-var w_ = /* @__PURE__ */ l_(x_, [["render", C_]]), T_ = {}, E_ = {
+var T_ = /* @__PURE__ */ u_(S_, [["render", w_]]), E_ = {}, D_ = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
 	fill: "currentColor",
 	height: "20",
 	width: "20"
 };
-function D_(e, t) {
-	return x(), a("svg", E_, t[0] ||= [o("path", {
+function O_(e, t) {
+	return x(), a("svg", D_, t[0] ||= [o("path", {
 		"fill-rule": "evenodd",
 		d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
 		"clip-rule": "evenodd"
 	}, null, -1)]);
 }
-var O_ = /* @__PURE__ */ l_(T_, [["render", D_]]), k_ = {}, A_ = {
+var k_ = /* @__PURE__ */ u_(E_, [["render", O_]]), A_ = {}, j_ = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 20 20",
 	fill: "currentColor",
 	height: "20",
 	width: "20"
 };
-function j_(e, t) {
-	return x(), a("svg", A_, t[0] ||= [o("path", {
+function M_(e, t) {
+	return x(), a("svg", j_, t[0] ||= [o("path", {
 		"fill-rule": "evenodd",
 		d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
 		"clip-rule": "evenodd"
 	}, null, -1)]);
 }
-var M_ = /* @__PURE__ */ l_(k_, [["render", j_]]), N_ = ["aria-label"], P_ = [
+var N_ = /* @__PURE__ */ u_(A_, [["render", M_]]), P_ = ["aria-label"], F_ = [
 	"data-sonner-theme",
 	"dir",
 	"data-theme",
 	"data-rich-colors",
 	"data-y-position",
 	"data-x-position"
-], F_ = typeof window < "u" && typeof document < "u";
-function I_() {
+], I_ = typeof window < "u" && typeof document < "u";
+function L_() {
 	if (typeof window > "u" || typeof document > "u") return "ltr";
 	let e = document.documentElement.getAttribute("dir");
 	return e === "auto" || !e ? window.getComputedStyle(document.documentElement).direction : e;
 }
-var L_ = /* @__PURE__ */ l({
+var R_ = /* @__PURE__ */ l({
 	name: "Toaster",
 	inheritAttrs: !1,
 	__name: "Toaster",
@@ -17654,8 +17678,8 @@ var L_ = /* @__PURE__ */ l({
 			default: !1
 		},
 		duration: {},
-		gap: { default: Qg },
-		visibleToasts: { default: qg },
+		gap: { default: $g },
+		visibleToasts: { default: Jg },
 		closeButton: {
 			type: Boolean,
 			default: !1
@@ -17663,8 +17687,8 @@ var L_ = /* @__PURE__ */ l({
 		toastOptions: { default: () => ({}) },
 		class: { default: "" },
 		style: {},
-		offset: { default: Jg },
-		mobileOffset: { default: Yg },
+		offset: { default: Yg },
+		mobileOffset: { default: Xg },
 		dir: { default: "auto" },
 		swipeDirections: {},
 		icons: {},
@@ -17691,7 +17715,7 @@ var L_ = /* @__PURE__ */ l({
 		});
 		let E = C(s.theme === "system" ? typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : s.theme), D = C(null), O = C(null), j = C(!1), M = s.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
 		function N(e) {
-			u.value.find((t) => t.id === e.id)?.delete || Hg.dismiss(e.id), u.value = u.value.filter(({ id: t }) => t !== e.id), setTimeout(() => {
+			u.value.find((t) => t.id === e.id)?.delete || Ug.dismiss(e.id), u.value = u.value.filter(({ id: t }) => t !== e.id), setTimeout(() => {
 				u.value.find((t) => t.id === e.id) || (y.value = y.value.filter((t) => t.toastId !== e.id));
 			}, 250);
 		}
@@ -17705,7 +17729,7 @@ var L_ = /* @__PURE__ */ l({
 			e.target && e.target instanceof HTMLElement && e.target.dataset.dismissible === "false" || (S.value = !0);
 		}
 		I((e) => {
-			e(Hg.subscribe((e) => {
+			e(Ug.subscribe((e) => {
 				if (e.dismiss) {
 					requestAnimationFrame(() => {
 						u.value = u.value.map((t) => t.id === e.id ? {
@@ -17769,7 +17793,7 @@ var L_ = /* @__PURE__ */ l({
 					b.value[e] = !1;
 				});
 			}
-			F_ && (document.addEventListener("keydown", t), e(() => {
+			I_ && (document.addEventListener("keydown", t), e(() => {
 				document.removeEventListener("keydown", t);
 			}));
 		});
@@ -17816,7 +17840,7 @@ var L_ = /* @__PURE__ */ l({
 			"data-sonner-toaster": "",
 			"data-sonner-theme": E.value,
 			class: s.class,
-			dir: t.dir === "auto" ? I_() : t.dir,
+			dir: t.dir === "auto" ? L_() : t.dir,
 			tabIndex: -1,
 			"data-theme": t.theme,
 			"data-rich-colors": t.richColors,
@@ -17824,11 +17848,11 @@ var L_ = /* @__PURE__ */ l({
 			"data-x-position": n.split("-")[1],
 			style: {
 				"--front-toast-height": `${y.value[0]?.height || 0}px`,
-				"--width": `${k(Zg)}px`,
+				"--width": `${k(Qg)}px`,
 				"--gap": `${t.gap}px`,
 				...t.style,
 				...k(l).style,
-				...k(i_)(t.offset, t.mobileOffset)
+				...k(a_)(t.offset, t.mobileOffset)
 			}
 		}, { ref_for: !0 }, t.$attrs, {
 			onBlur: P,
@@ -17839,7 +17863,7 @@ var L_ = /* @__PURE__ */ l({
 			onDragend: V,
 			onPointerdown: R,
 			onPointerup: H
-		}), [(x(!0), a(e, null, w(f(n, i), (e, i) => (x(), r(c_, {
+		}), [(x(!0), a(e, null, w(f(n, i), (e, i) => (x(), r(l_, {
 			key: e.id,
 			heights: y.value,
 			icons: t.icons,
@@ -17870,12 +17894,12 @@ var L_ = /* @__PURE__ */ l({
 			"onUpdate:height": te,
 			onRemoveToast: N
 		}, {
-			"close-icon": L(() => [T(t.$slots, "close-icon", {}, () => [c(p_)])]),
-			"loading-icon": L(() => [T(t.$slots, "loading-icon", {}, () => [c(g_, { visible: e.type === "loading" }, null, 8, ["visible"])])]),
-			"success-icon": L(() => [T(t.$slots, "success-icon", {}, () => [c(b_)])]),
-			"error-icon": L(() => [T(t.$slots, "error-icon", {}, () => [c(M_)])]),
-			"warning-icon": L(() => [T(t.$slots, "warning-icon", {}, () => [c(O_)])]),
-			"info-icon": L(() => [T(t.$slots, "info-icon", {}, () => [c(w_)])]),
+			"close-icon": L(() => [T(t.$slots, "close-icon", {}, () => [c(m_)])]),
+			"loading-icon": L(() => [T(t.$slots, "loading-icon", {}, () => [c(__, { visible: e.type === "loading" }, null, 8, ["visible"])])]),
+			"success-icon": L(() => [T(t.$slots, "success-icon", {}, () => [c(x_)])]),
+			"error-icon": L(() => [T(t.$slots, "error-icon", {}, () => [c(N_)])]),
+			"warning-icon": L(() => [T(t.$slots, "warning-icon", {}, () => [c(k_)])]),
+			"info-icon": L(() => [T(t.$slots, "info-icon", {}, () => [c(T_)])]),
 			_: 2
 		}, 1032, [
 			"heights",
@@ -17903,9 +17927,9 @@ var L_ = /* @__PURE__ */ l({
 			"gap",
 			"expanded",
 			"swipeDirections"
-		]))), 128))], 16, P_))), 128))], 8, N_)], 2112));
+		]))), 128))], 16, F_))), 128))], 8, P_)], 2112));
 	}
-}), R_ = /* @__PURE__ */ l({
+}), z_ = /* @__PURE__ */ l({
 	__name: "Sonner",
 	props: {
 		id: {},
@@ -17932,7 +17956,7 @@ var L_ = /* @__PURE__ */ l({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (x(), r(k(L_), m({
+		return (e, n) => (x(), r(k(R_), m({
 			class: k($)("toaster group", t.class),
 			style: {
 				"--normal-bg": "var(--popover)",
@@ -17950,7 +17974,7 @@ var L_ = /* @__PURE__ */ l({
 			_: 1
 		}, 16, ["class"]));
 	}
-}), z_ = /* @__PURE__ */ l({
+}), B_ = /* @__PURE__ */ l({
 	__name: "Switch",
 	props: {
 		defaultValue: {},
@@ -17992,4 +18016,4 @@ var L_ = /* @__PURE__ */ l({
 	}
 });
 //#endregion
-export { hi as Accordion, vi as AccordionContent, yi as AccordionItem, bi as AccordionTrigger, Ti as Alert, Ei as AlertDescription, Di as AlertTitle, ki as Button, ji as ButtonGroup, Mi as Card, Ni as CardContent, Pi as CardDescription, Fi as CardFooter, Ii as CardHeader, Li as CardTitle, fc as Chart, Bs as Chat, Ba as ChatAttachments, bs as ChatCodeBlock, Hf as Checkbox, gl as Commit, rl as ContributionGraph, Fp as DataTable, ep as DatePicker, Ip as Dialog, Lp as DialogClose, zp as DialogContent, Bp as DialogDescription, Vp as DialogFooter, Hp as DialogHeader, Rp as DialogOverlay, Up as DialogScrollContent, Wp as DialogTitle, Gp as DialogTrigger, Vf as DiffTool, ma as DropdownMenu, ga as DropdownMenuCheckboxItem, _a as DropdownMenuContent, va as DropdownMenuGroup, ya as DropdownMenuItem, ba as DropdownMenuLabel, ge as DropdownMenuPortal, xa as DropdownMenuRadioGroup, Ca as DropdownMenuRadioItem, wa as DropdownMenuSeparator, Ta as DropdownMenuShortcut, Ea as DropdownMenuSub, Da as DropdownMenuSubContent, Oa as DropdownMenuSubTrigger, ka as DropdownMenuTrigger, Lc as Gauge, Il as GitGraph, Ed as IncidentTimeline, lp as Input, rp as InputControl, up as InputFieldGroup, Ji as KpiCard, pa as KpiLineCard, km as ModelSelector, vd as NetworkGraph, dp as Pagination, fp as PaginationContent, pp as PaginationEllipsis, mp as PaginationFirst, hp as PaginationItem, gp as PaginationLast, _p as PaginationNext, vp as PaginationPrevious, Oh as Profile, Ah as ProfileGroup, yh as Progress, mh as PromptInput, jh as RadioGroup, Mh as RadioGroupItem, Ih as RadioGroupOption, Kh as Reasoning, qh as SIDEBAR_KEYBOARD_SHORTCUT, Jh as SIDEBAR_STORAGE_KEY, Yh as SIDEBAR_WIDTH, Xh as SIDEBAR_WIDTH_ICON, Zh as SIDEBAR_WIDTH_MOBILE, Kp as Select, tm as SelectContent, nm as SelectGroup, om as SelectItem, sm as SelectItemText, cm as SelectLabel, lm as SelectScrollDownButton, um as SelectScrollUpButton, dm as SelectSeparator, fm as SelectTrigger, pm as SelectValue, Vm as Separator, Ag as Shimmer, og as Sidebar, sg as SidebarContent, cg as SidebarFooter, lg as SidebarGroup, ug as SidebarGroupAction, dg as SidebarGroupContent, fg as SidebarGroupLabel, pg as SidebarHeader, mg as SidebarInput, hg as SidebarInset, gg as SidebarMenu, _g as SidebarMenuAction, vg as SidebarMenuBadge, xg as SidebarMenuButton, bg as SidebarMenuButtonChild, Sg as SidebarMenuItem, Cg as SidebarMenuSub, wg as SidebarMenuSubButton, Tg as SidebarMenuSubItem, Eg as SidebarProvider, Dg as SidebarRail, Og as SidebarSeparator, kg as SidebarTrigger, Mg as Skeleton, Ma as Spinner, Ng as Stepper, Pg as StepperDescription, Ig as StepperIndicator, Lg as StepperItem, Rg as StepperSeparator, zg as StepperTitle, Bg as StepperTrigger, z_ as Switch, yp as Table, bp as TableBody, xp as TableCaption, Cp as TableCell, Ep as TableEmpty, Dp as TableFooter, Op as TableHead, kp as TableHeader, wp as TableRow, Gm as Tabs, Km as TabsContent, qm as TabsList, Jm as TabsTrigger, Wm as Tag, Rm as Textarea, Mm as TextareaControl, zm as TextareaFieldGroup, R_ as Toaster, Nd as Tool, Rc as Tooltip, zc as TooltipContent, Bc as TooltipProvider, Vc as TooltipTrigger, wi as alertVariants, Oi as buttonVariants, $ as cn, yg as sidebarMenuButtonVariants, Hm as tagVariants, Gg as toast, eg as useOptionalSidebar, tg as useSidebar, a_ as useVueSonner };
+export { hi as Accordion, vi as AccordionContent, yi as AccordionItem, bi as AccordionTrigger, Ti as Alert, Ei as AlertDescription, Di as AlertTitle, ki as Button, ji as ButtonGroup, Mi as Card, Ni as CardContent, Pi as CardDescription, Fi as CardFooter, Ii as CardHeader, Li as CardTitle, fc as Chart, Bs as Chat, Ba as ChatAttachments, bs as ChatCodeBlock, Hf as Checkbox, gl as Commit, rl as ContributionGraph, Fp as DataTable, ep as DatePicker, Ip as Dialog, Lp as DialogClose, zp as DialogContent, Bp as DialogDescription, Vp as DialogFooter, Hp as DialogHeader, Rp as DialogOverlay, Up as DialogScrollContent, Wp as DialogTitle, Gp as DialogTrigger, Vf as DiffTool, ma as DropdownMenu, ga as DropdownMenuCheckboxItem, _a as DropdownMenuContent, va as DropdownMenuGroup, ya as DropdownMenuItem, ba as DropdownMenuLabel, ge as DropdownMenuPortal, xa as DropdownMenuRadioGroup, Ca as DropdownMenuRadioItem, wa as DropdownMenuSeparator, Ta as DropdownMenuShortcut, Ea as DropdownMenuSub, Da as DropdownMenuSubContent, Oa as DropdownMenuSubTrigger, ka as DropdownMenuTrigger, Lc as Gauge, Il as GitGraph, Ed as IncidentTimeline, lp as Input, rp as InputControl, up as InputFieldGroup, Ji as KpiCard, pa as KpiLineCard, km as ModelSelector, vd as NetworkGraph, dp as Pagination, fp as PaginationContent, pp as PaginationEllipsis, mp as PaginationFirst, hp as PaginationItem, gp as PaginationLast, _p as PaginationNext, vp as PaginationPrevious, Oh as Profile, Ah as ProfileGroup, yh as Progress, mh as PromptInput, jh as RadioGroup, Mh as RadioGroupItem, Ih as RadioGroupOption, Lh as Rail, qh as Reasoning, Jh as SIDEBAR_KEYBOARD_SHORTCUT, Yh as SIDEBAR_STORAGE_KEY, Xh as SIDEBAR_WIDTH, Zh as SIDEBAR_WIDTH_ICON, Qh as SIDEBAR_WIDTH_MOBILE, Kp as Select, tm as SelectContent, nm as SelectGroup, om as SelectItem, sm as SelectItemText, cm as SelectLabel, lm as SelectScrollDownButton, um as SelectScrollUpButton, dm as SelectSeparator, fm as SelectTrigger, pm as SelectValue, Vm as Separator, jg as Shimmer, sg as Sidebar, cg as SidebarContent, lg as SidebarFooter, ug as SidebarGroup, dg as SidebarGroupAction, fg as SidebarGroupContent, pg as SidebarGroupLabel, mg as SidebarHeader, hg as SidebarInput, gg as SidebarInset, _g as SidebarMenu, vg as SidebarMenuAction, yg as SidebarMenuBadge, Sg as SidebarMenuButton, xg as SidebarMenuButtonChild, Cg as SidebarMenuItem, wg as SidebarMenuSub, Tg as SidebarMenuSubButton, Eg as SidebarMenuSubItem, Dg as SidebarProvider, Og as SidebarRail, kg as SidebarSeparator, Ag as SidebarTrigger, Ng as Skeleton, Ma as Spinner, Pg as Stepper, Fg as StepperDescription, Lg as StepperIndicator, Rg as StepperItem, zg as StepperSeparator, Bg as StepperTitle, Vg as StepperTrigger, B_ as Switch, yp as Table, bp as TableBody, xp as TableCaption, Cp as TableCell, Ep as TableEmpty, Dp as TableFooter, Op as TableHead, kp as TableHeader, wp as TableRow, Gm as Tabs, Km as TabsContent, qm as TabsList, Jm as TabsTrigger, Wm as Tag, Rm as Textarea, Mm as TextareaControl, zm as TextareaFieldGroup, z_ as Toaster, Nd as Tool, Rc as Tooltip, zc as TooltipContent, Bc as TooltipProvider, Vc as TooltipTrigger, wi as alertVariants, Oi as buttonVariants, $ as cn, bg as sidebarMenuButtonVariants, Hm as tagVariants, Kg as toast, tg as useOptionalSidebar, ng as useSidebar, o_ as useVueSonner };