@orvui/vue 0.0.0-stage → 0.1.0

package/dist/animated-sidebar-DgCcjTf5.js

@@ -0,0 +1,660 @@
+import { a as e, o as t, s as n } from "./composables-BJ1sih_H.js";
+import { l as r, o as i, r as a, t as o } from "./ease-rIvCM4O3.js";
+import { t as s } from "./utils-DIrLOK2M.js";
+import { t as c } from "./RenderContent-CwtJ7hLl.js";
+import { t as l } from "./shared-layout-bg-QIKkMnLV.js";
+import { Teleport as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, inject as v, mergeProps as y, normalizeClass as b, normalizeStyle as x, onBeforeUnmount as ee, onMounted as S, openBlock as C, provide as w, ref as T, renderSlot as E, resolveDynamicComponent as D, unref as O, useId as k, useSlots as A, watch as te, withCtx as j } from "vue";
+import { AnimatePresence as M, motion as N } from "motion-v";
+import { ChevronRight as P, PanelLeft as F, X as I } from "lucide-vue-next";
+// src/motion/animated-sidebar/src/use-sidebar-state.ts
+function L(t, r) {
+	let i = T(t.defaultOpen), a = T(t.defaultOpenMobile ?? t.defaultMobileOpen), o = d({
+		get: () => t.open ?? i.value,
+		set(e) {
+			t.open === void 0 && (i.value = e), r("update:open", e), r("openChange", e);
+		}
+	}), s = d({
+		get: () => t.openMobile ?? t.mobileOpen ?? a.value,
+		set(e) {
+			t.openMobile === void 0 && t.mobileOpen === void 0 && (a.value = e);
+			for (let t of [
+				"update:openMobile",
+				"update:mobileOpen",
+				"openMobileChange"
+			]) r(t, e);
+		}
+	}), c = e("(max-width: 767px)"), l = n(), u = k(), f = T(null);
+	function p() {
+		c.value ? s.value = !s.value : o.value = !o.value;
+	}
+	let m = {
+		open: o,
+		mobileOpen: s,
+		mobile: c,
+		reduce: l,
+		id: u,
+		triggerRef: f,
+		toggle: p,
+		setOpen(e) {
+			o.value = e;
+		},
+		setOpenMobile(e) {
+			s.value = e;
+		},
+		state: d(() => o.value ? "expanded" : "collapsed")
+	};
+	w("orvui-sidebar", m);
+	function h(e) {
+		t.shortcut && (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "b" && (e.preventDefault(), p());
+	}
+	return S(() => window.addEventListener("keydown", h)), ee(() => window.removeEventListener("keydown", h)), m;
+}
+// src/motion/animated-sidebar/src/AnimatedSidebarProvider.vue?vue&type=script&setup=true&lang.ts
+var R = ["data-state"], z = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarProvider",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		openMobile: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpenMobile: {
+			type: Boolean,
+			default: void 0
+		},
+		mobileOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultMobileOpen: {
+			type: Boolean,
+			default: !1
+		},
+		shortcut: {
+			type: Boolean,
+			default: !0
+		},
+		expandedWidth: { default: 256 },
+		collapsedWidth: { default: 68 }
+	},
+	emits: [
+		"update:open",
+		"openChange",
+		"update:openMobile",
+		"openMobileChange",
+		"update:mobileOpen"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { open: i, toggle: a } = L(n, (e, t) => r(e, t));
+		return (t, n) => (C(), m("div", {
+			"data-slot": "sidebar-wrapper",
+			"data-state": O(i) ? "expanded" : "collapsed",
+			style: x({
+				"--sidebar-width": e.expandedWidth + "px",
+				"--sidebar-width-icon": e.collapsedWidth + "px",
+				"--sidebar-width-mobile": "18rem"
+			}),
+			class: b(O(s)("group/sidebar-wrapper flex min-h-svh w-full min-w-0", t.$attrs.class))
+		}, [E(t.$slots, "default", {
+			open: O(i),
+			toggle: O(a)
+		})], 14, R));
+	}
+});
+// src/motion/animated-sidebar/src/context.ts
+function B() {
+	let e = v("orvui-sidebar");
+	if (e) return e;
+	throw Error("useAnimatedSidebar must be used inside AnimatedSidebarProvider.");
+}
+function V() {
+	let e = v("orvui-sidebar-panel");
+	if (e) return e;
+	throw Error("Animated Sidebar parts must be used inside AnimatedSidebar.");
+}
+// src/motion/animated-sidebar/src/MobileSidebar.vue
+var H = /* @__PURE__ */ _({
+	inheritAttrs: !1,
+	__name: "MobileSidebar",
+	props: {
+		side: { default: "left" },
+		ariaLabel: { default: "Sidebar" }
+	},
+	setup(e) {
+		let n = e, r = B(), i = T(null), a = T(!r.mobileOpen.value);
+		te(r.mobileOpen, (e) => {
+			e && (a.value = !1);
+		}, { flush: "sync" }), t(r.mobileOpen, i, () => {
+			r.mobileOpen.value = !1;
+		});
+		let c = d(() => ({
+			opacity: r.reduce.value ? +!!r.mobileOpen.value : 1,
+			x: r.reduce.value ? 0 : r.mobileOpen.value ? "0%" : n.side === "left" ? "-100%" : "100%"
+		})), l = d(() => ({
+			duration: r.reduce.value ? .16 : .36,
+			ease: o
+		}));
+		function p() {
+			r.mobileOpen.value || (a.value = !0);
+		}
+		return (t, n) => (C(), f(u, { to: "body" }, [h("div", { class: b(["pointer-events-none fixed left-0 top-0 z-50 size-0 md:hidden", a.value && !O(r).mobileOpen.value ? "invisible" : "visible"]) }, [g(O(N).button, {
+			type: "button",
+			"aria-label": "Close sidebar",
+			tabindex: O(r).mobileOpen.value ? 0 : -1,
+			initial: !1,
+			animate: { opacity: +!!O(r).mobileOpen.value },
+			transition: l.value,
+			class: b(["fixed inset-0 bg-black/40", O(r).mobileOpen.value ? "pointer-events-auto" : "pointer-events-none"]),
+			onClick: n[0] ||= (e) => O(r).mobileOpen.value = !1
+		}, null, 8, [
+			"tabindex",
+			"animate",
+			"transition",
+			"class"
+		]), g(O(N).div, y({
+			ref_key: "panel",
+			ref: i
+		}, t.$attrs, {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": e.ariaLabel,
+			"aria-hidden": !O(r).mobileOpen.value,
+			inert: !O(r).mobileOpen.value || void 0,
+			tabindex: "-1",
+			"data-mobile": "true",
+			"data-state": O(r).mobileOpen.value ? "expanded" : "collapsed",
+			"data-side": e.side,
+			initial: !1,
+			animate: c.value,
+			transition: l.value,
+			class: O(s)("pointer-events-auto fixed inset-y-0 flex h-dvh w-(--sidebar-width-mobile) max-w-[88vw] flex-col overflow-hidden border-border bg-background shadow-2xl will-change-transform", e.side === "left" ? "left-0 border-r" : "right-0 border-l", !O(r).mobileOpen.value && "pointer-events-none", t.$attrs.class),
+			onAnimationComplete: p
+		}), {
+			default: j(() => [E(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"aria-label",
+			"aria-hidden",
+			"inert",
+			"data-state",
+			"data-side",
+			"animate",
+			"transition",
+			"class"
+		])], 2)]));
+	}
+}), U = /* @__PURE__ */ _({
+	inheritAttrs: !1,
+	__name: "AnimatedSidebar",
+	props: {
+		side: { default: "left" },
+		variant: { default: "sidebar" },
+		collapsible: { default: "icon" },
+		ariaLabel: { default: "Sidebar" },
+		panelClassName: {}
+	},
+	setup(e) {
+		let t = e, n = B(), r = d(() => !n.mobile.value && t.collapsible !== "none" && !n.open.value), i = d(() => r.value && t.collapsible === "offcanvas");
+		w("orvui-sidebar-panel", {
+			collapsed: r,
+			side: d(() => t.side),
+			collapsible: d(() => t.collapsible)
+		});
+		let a = d(() => i.value ? "0px" : r.value ? "var(--sidebar-width-icon)" : "var(--sidebar-width)");
+		return (t, c) => O(n).mobile.value ? (C(), f(H, y({ key: 0 }, t.$attrs, {
+			side: e.side,
+			"aria-label": e.ariaLabel
+		}), {
+			default: j(() => [E(t.$slots, "default")]),
+			_: 3
+		}, 16, ["side", "aria-label"])) : (C(), f(O(N).aside, y({ key: 1 }, t.$attrs, {
+			initial: !1,
+			"aria-label": e.ariaLabel,
+			"data-slot": "sidebar",
+			"data-state": r.value ? "collapsed" : "expanded",
+			"data-collapsible": e.collapsible,
+			"data-variant": e.variant,
+			"data-side": e.side,
+			animate: { width: a.value },
+			transition: O(n).reduce.value ? { duration: 0 } : {
+				type: "spring",
+				stiffness: 380,
+				damping: 35,
+				mass: .75
+			},
+			class: O(s)("group/sidebar peer relative hidden h-auto shrink-0 md:block will-change-[width]", e.side === "right" && "order-last", t.$attrs.class)
+		}), {
+			default: j(() => [g(O(N).div, {
+				initial: !1,
+				animate: {
+					opacity: +!i.value,
+					x: i.value ? e.side === "left" ? "-100%" : "100%" : "0%"
+				},
+				transition: {
+					duration: O(n).reduce.value ? .16 : .36,
+					ease: O(o)
+				},
+				inert: i.value || void 0,
+				class: b(O(s)("sticky top-0 flex h-svh w-full flex-col overflow-hidden bg-background", e.collapsible === "offcanvas" && "w-[var(--sidebar-width)]", e.variant === "sidebar" && (e.side === "left" ? "border-border border-r" : "border-border border-l"), e.variant === "floating" && "m-2 h-[calc(100svh-1rem)] rounded-2xl border border-border shadow-sm", e.variant === "inset" && "m-2 h-[calc(100svh-1rem)] rounded-2xl", e.panelClassName))
+			}, {
+				default: j(() => [E(t.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"animate",
+				"transition",
+				"inert",
+				"class"
+			])]),
+			_: 3
+		}, 16, [
+			"aria-label",
+			"data-state",
+			"data-collapsible",
+			"data-variant",
+			"data-side",
+			"animate",
+			"transition",
+			"class"
+		]));
+	}
+}), W = ["aria-expanded", "data-state"], G = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarTrigger",
+	setup(e) {
+		let t = B(), n = t.triggerRef, r = d(() => t.mobile.value ? t.mobileOpen.value : t.open.value);
+		function i(e) {
+			e.defaultPrevented || t.toggle();
+		}
+		return (e, t) => (C(), m("button", {
+			ref_key: "trigger",
+			ref: n,
+			type: "button",
+			"aria-label": "Toggle sidebar",
+			"aria-expanded": r.value,
+			"data-slot": "sidebar-trigger",
+			"data-state": r.value ? "expanded" : "collapsed",
+			class: b(O(s)("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", e.$attrs.class)),
+			onClick: i
+		}, [E(e.$slots, "default", {}, () => [g(O(F), { class: "size-4" })])], 10, W));
+	}
+}), K = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarClose",
+	setup(e) {
+		let t = B();
+		function n(e) {
+			e.defaultPrevented || (t.mobile.value ? t.setOpenMobile : t.setOpen)(!1);
+		}
+		return (e, t) => (C(), m("button", {
+			type: "button",
+			"aria-label": "Close sidebar",
+			class: b(O(s)("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring", e.$attrs.class)),
+			onClick: n
+		}, [E(e.$slots, "default", {}, () => [g(O(I), { class: "size-4" })])], 2));
+	}
+}), q = ["data-side"], J = "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 outline-none md:block after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent after:transition-colors hover:after:bg-border data-[side=right]:right-0 data-[side=right]:translate-x-1/2 data-[side=left]:left-full", Y = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarRail",
+	setup(e) {
+		let t = B(), n = V();
+		return (e, r) => (C(), m("button", {
+			type: "button",
+			"data-side": O(n).side.value,
+			tabindex: "-1",
+			"aria-label": "Toggle sidebar",
+			title: "Toggle sidebar",
+			class: b(O(s)(J, e.$attrs.class)),
+			onClick: r[0] ||= (e) => !e.defaultPrevented && O(t).toggle()
+		}, null, 10, q));
+	}
+}), X = "relative flex min-h-svh 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-2xl md:peer-data-[variant=inset]:shadow-sm", Z = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarInset",
+	setup(e) {
+		return (e, t) => (C(), f(O(N).main, {
+			"data-slot": "sidebar-inset",
+			class: b(O(s)(X, e.$attrs.class))
+		}, {
+			default: j(() => [E(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), Q = "flex shrink-0 flex-col gap-2 p-3", ne = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarHeader",
+	setup(e) {
+		return (e, t) => (C(), m("div", {
+			"data-slot": "sidebar-header",
+			class: b(O(s)(Q, e.$attrs.class))
+		}, [E(e.$slots, "default")], 2));
+	}
+}), re = "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2", ie = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarContent",
+	setup(e) {
+		return (e, t) => (C(), m("div", {
+			"data-slot": "sidebar-content",
+			class: b(O(s)(re, e.$attrs.class))
+		}, [E(e.$slots, "default")], 2));
+	}
+}), ae = "flex shrink-0 flex-col gap-2 border-border border-t p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]", oe = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarFooter",
+	setup(e) {
+		return (e, t) => (C(), m("div", {
+			"data-slot": "sidebar-footer",
+			class: b(O(s)(ae, e.$attrs.class))
+		}, [E(e.$slots, "default")], 2));
+	}
+}), se = "flex w-full min-w-0 flex-col px-1 py-1.5", ce = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarGroup",
+	setup(e) {
+		return (e, t) => (C(), m("div", {
+			"data-slot": "sidebar-group",
+			class: b(O(s)(se, e.$attrs.class))
+		}, [E(e.$slots, "default")], 2));
+	}
+}), le = "w-full min-w-0", ue = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarGroupContent",
+	setup(e) {
+		return (e, t) => (C(), m("div", {
+			"data-slot": "sidebar-group-content",
+			class: b(O(s)(le, e.$attrs.class))
+		}, [E(e.$slots, "default")], 2));
+	}
+}), de = "flex w-full min-w-0 list-none flex-col gap-0.5", fe = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarMenu",
+	setup(e) {
+		return (e, t) => (C(), f(O(l), {
+			as: "ul",
+			inset: 0,
+			"pill-class-name": "rounded-xl bg-muted/70",
+			"pill-container-class-name": "inset-y-auto top-0 h-9",
+			"data-slot": "sidebar-menu",
+			class: b(O(s)(de, e.$attrs.class))
+		}, {
+			default: j(() => [E(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), pe = "position", me = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarMenuItem",
+	setup(e) {
+		return (e, t) => (C(), f(O(N).li, {
+			layout: pe,
+			transition: O(i),
+			"data-slot": "sidebar-menu-item",
+			class: b(O(s)("relative", e.$attrs.class))
+		}, {
+			default: j(() => [E(e.$slots, "default")]),
+			_: 3
+		}, 8, ["transition", "class"]));
+	}
+}), he = {
+	closed: {
+		opacity: 0,
+		clipPath: "inset(0 0 100% 0 round 8px)",
+		transition: {
+			duration: .14,
+			ease: a,
+			staggerChildren: .025,
+			staggerDirection: -1
+		}
+	},
+	open: {
+		opacity: 1,
+		clipPath: "inset(0 0 0% 0 round 8px)",
+		transition: {
+			duration: .2,
+			delayChildren: .035,
+			ease: a,
+			staggerChildren: .045
+		}
+	}
+}, ge = {
+	closed: {
+		opacity: 0,
+		y: -6,
+		filter: "blur(3px)"
+	},
+	open: {
+		opacity: 1,
+		y: 0,
+		filter: "blur(0px)",
+		transition: {
+			duration: .18,
+			ease: a
+		}
+	}
+}, _e = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarMenuSub",
+	props: { open: { type: Boolean } },
+	setup(e) {
+		let t = e, n = B(), r = V(), i = d(() => t.open && !r.collapsed.value), a = d(() => n.reduce.value ? {
+			initial: !1,
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .12 }
+		} : {
+			variants: he,
+			initial: "closed",
+			animate: "open",
+			exit: "closed"
+		});
+		return (e, t) => (C(), f(O(M), {
+			initial: !1,
+			mode: "popLayout"
+		}, {
+			default: j(() => [i.value ? (C(), f(O(N).ul, y({ key: "sidebar-submenu" }, a.value, {
+				"data-slot": "sidebar-menu-sub",
+				class: O(s)("relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-border border-l pl-3", e.$attrs.class)
+			}), {
+				default: j(() => [E(e.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])) : p("", !0)]),
+			_: 3
+		}));
+	}
+}), ve = "relative min-w-0", ye = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarMenuSubItem",
+	setup(e) {
+		return (e, t) => (C(), f(O(N).li, {
+			variants: O(ge),
+			"data-slot": "sidebar-menu-sub-item",
+			class: b(O(s)(ve, e.$attrs.class))
+		}, {
+			default: j(() => [E(e.$slots, "default")]),
+			_: 3
+		}, 8, ["variants", "class"]));
+	}
+}), be = ["aria-hidden"], $ = /* @__PURE__ */ _({
+	__name: "AnimatedSidebarGroupLabel",
+	setup(e) {
+		let t = V(), n = d(() => t.collapsed.value);
+		return (e, t) => (C(), m("div", {
+			"aria-hidden": n.value,
+			"data-slot": "sidebar-group-label",
+			class: b(O(s)("mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium uppercase tracking-[0.14em] text-muted-foreground transition-opacity", n.value ? "opacity-0" : "opacity-100", e.$attrs.class))
+		}, [E(e.$slots, "default")], 10, be));
+	}
+}), xe = {
+	key: 1,
+	"aria-hidden": "true",
+	class: "relative z-10 grid size-5 shrink-0 place-items-center"
+}, Se = {
+	key: 2,
+	class: "relative z-10 shrink-0 text-xs text-muted-foreground"
+}, Ce = /* @__PURE__ */ _({
+	inheritAttrs: !1,
+	__name: "AnimatedSidebarMenuButton",
+	props: {
+		href: {},
+		isActive: { type: Boolean },
+		ariaExpanded: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: { type: Boolean },
+		closeOnSelect: {
+			type: Boolean,
+			default: void 0
+		},
+		icon: {},
+		badge: {},
+		target: {},
+		rel: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, o = t, l = B(), u = V(), h = A(), _ = d(() => h.default?.().flatMap((e) => typeof e.children == "string" ? [e.children] : []).join("")), v = d(() => ({
+			duration: l.reduce.value ? .16 : u.collapsed.value ? .12 : .2,
+			delay: !l.reduce.value && !u.collapsed.value ? .08 : 0,
+			ease: a
+		}));
+		function x(e) {
+			let t = n.disabled;
+			t && e.preventDefault(), !(t || e.defaultPrevented) && (o("select"), l.mobile.value ? (n.closeOnSelect === void 0 ? n.ariaExpanded === void 0 : n.closeOnSelect) && l.setOpenMobile(!1) : n.ariaExpanded !== void 0 && u.collapsed.value && l.setOpen(!0));
+		}
+		return (t, n) => (C(), f(D(e.href ? O(N).a : O(N).button), y(t.$attrs, {
+			type: e.href ? void 0 : "button",
+			href: e.href,
+			target: e.target,
+			rel: e.rel ?? (e.target === "_blank" ? "noreferrer noopener" : void 0),
+			disabled: e.href ? void 0 : e.disabled,
+			"aria-current": e.isActive ? "page" : void 0,
+			"aria-expanded": e.ariaExpanded,
+			"aria-disabled": e.disabled || void 0,
+			"aria-label": O(u).collapsed.value ? _.value : void 0,
+			title: O(u).collapsed.value ? _.value : void 0,
+			tabindex: e.href && e.disabled ? -1 : void 0,
+			"while-press": O(l).reduce.value || e.disabled ? void 0 : { scale: .98 },
+			transition: O(r),
+			class: O(s)("relative flex min-h-9 w-full min-w-0 items-center gap-2.5 overflow-hidden rounded-xl px-3 text-left text-sm font-medium outline-none text-muted-foreground transition-colors hover:text-foreground focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring", e.isActive && "text-foreground", e.disabled && "cursor-not-allowed opacity-40", t.$attrs.class),
+			onClick: x
+		}), {
+			default: j(() => [
+				e.isActive ? (C(), f(O(N).span, {
+					key: 0,
+					"layout-id": O(l).id + "-active",
+					transition: O(l).reduce.value ? { duration: 0 } : O(i),
+					class: "absolute inset-0 rounded-xl bg-muted"
+				}, null, 8, ["layout-id", "transition"])) : p("", !0),
+				e.icon || O(h).icon ? (C(), m("span", xe, [E(t.$slots, "icon", {}, () => [g(O(c), { node: e.icon }, null, 8, ["node"])])])) : p("", !0),
+				g(O(N).span, {
+					initial: !1,
+					animate: {
+						opacity: +!O(u).collapsed.value,
+						x: O(u).collapsed.value ? -4 : 0
+					},
+					transition: v.value,
+					"aria-hidden": O(u).collapsed.value,
+					class: b(O(s)("relative z-10 min-w-0 flex-1 truncate", O(u).collapsed.value && "pointer-events-none"))
+				}, {
+					default: j(() => [E(t.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"animate",
+					"transition",
+					"aria-hidden",
+					"class"
+				]),
+				e.badge && !O(u).collapsed.value ? (C(), m("span", Se, [g(O(c), { node: e.badge }, null, 8, ["node"])])) : p("", !0),
+				e.ariaExpanded === void 0 ? p("", !0) : (C(), f(O(N).span, {
+					key: 3,
+					"aria-hidden": "true",
+					initial: !1,
+					animate: {
+						opacity: +!O(u).collapsed.value,
+						rotate: e.ariaExpanded ? 90 : 0,
+						x: O(u).collapsed.value ? 4 : 0
+					},
+					transition: O(l).reduce.value ? { duration: 0 } : O(i),
+					class: "relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground"
+				}, {
+					default: j(() => [g(O(P), { class: "size-3.5" })]),
+					_: 1
+				}, 8, ["animate", "transition"]))
+			]),
+			_: 3
+		}, 16, [
+			"type",
+			"href",
+			"target",
+			"rel",
+			"disabled",
+			"aria-current",
+			"aria-expanded",
+			"aria-disabled",
+			"aria-label",
+			"title",
+			"tabindex",
+			"while-press",
+			"transition",
+			"class"
+		]));
+	}
+}), we = {
+	"aria-hidden": "true",
+	class: "grid size-4 shrink-0 place-items-center"
+}, Te = {
+	key: 1,
+	class: "size-1 rounded-full bg-current"
+}, Ee = { class: "min-w-0 flex-1 truncate" }, De = /* @__PURE__ */ _({
+	inheritAttrs: !1,
+	__name: "AnimatedSidebarMenuSubButton",
+	props: {
+		href: {},
+		isActive: { type: Boolean },
+		disabled: { type: Boolean },
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
+		},
+		icon: {},
+		target: {},
+		rel: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, a = B();
+		function o(e) {
+			let t = n.disabled;
+			t && e.preventDefault(), !t && !e.defaultPrevented && (i("select"), a.mobile.value && n.closeOnSelect && a.setOpenMobile(!1));
+		}
+		return (t, n) => (C(), f(D(e.href ? O(N).a : O(N).button), y(t.$attrs, {
+			href: e.href,
+			type: e.href ? void 0 : "button",
+			target: e.target,
+			rel: e.rel ?? (e.target === "_blank" ? "noreferrer noopener" : void 0),
+			disabled: e.href ? void 0 : e.disabled,
+			"aria-current": e.isActive ? "page" : void 0,
+			"aria-disabled": e.disabled || void 0,
+			tabindex: e.href && e.disabled ? -1 : void 0,
+			"while-press": O(a).reduce.value || e.disabled ? void 0 : { scale: .98 },
+			transition: O(r),
+			class: O(s)("flex min-h-8 w-full min-w-0 items-center gap-2 rounded-lg px-2 text-left text-xs outline-none text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring", e.isActive && "bg-muted/70 text-foreground", e.disabled && "cursor-not-allowed opacity-40", t.$attrs.class),
+			onClick: o
+		}), {
+			default: j(() => [h("span", we, [E(t.$slots, "icon", {}, () => [e.icon ? (C(), f(O(c), {
+				key: 0,
+				node: e.icon
+			}, null, 8, ["node"])) : (C(), m("span", Te))])]), h("span", Ee, [E(t.$slots, "default")])]),
+			_: 3
+		}, 16, [
+			"href",
+			"type",
+			"target",
+			"rel",
+			"disabled",
+			"aria-current",
+			"aria-disabled",
+			"tabindex",
+			"while-press",
+			"transition",
+			"class"
+		]));
+	}
+});
+export { U as _, _e as a, ue as c, ie as d, ne as f, G as g, K as h, ye as i, ce as l, Y as m, Ce as n, me as o, Z as p, $ as r, fe as s, De as t, oe as u, B as v, z as y };
+
+//# sourceMappingURL=animated-sidebar-DgCcjTf5.js.map