@orvui/vue 0.0.0-stage → 0.1.1

package/dist/collapsible-Dp1UcFdJ.js

@@ -0,0 +1,208 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { n } from "./state-DWNDjqAL.js";
+import { o as r, r as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { Comment as o, cloneVNode as s, computed as c, createBlock as l, createVNode as u, defineComponent as d, inject as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, provide as v, ref as y, renderSlot as b, unref as x, useId as S, watch as C, withCtx as w } from "vue";
+import { animate as T, motion as E, motionValue as D } from "motion-v";
+import { ChevronDown as O } from "lucide-vue-next";
+// src/motion/collapsible/src/Collapsible.vue
+var k = /* @__PURE__ */ d({
+	__name: "Collapsible",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: { type: Boolean },
+		contentClassName: {}
+	},
+	emits: ["update:open"],
+	setup(t, { emit: i }) {
+		let o = t, s = n(o, i, "open", o.defaultOpen), d = e();
+		function f(e) {
+			!o.disabled && s.value !== e && (s.value = e);
+		}
+		function m() {
+			f(!s.value);
+		}
+		let h = {
+			open: s,
+			id: S(),
+			triggerRef: y(null),
+			reduce: d,
+			disabled: c(() => o.disabled),
+			setOpen: f,
+			toggle: m
+		};
+		return v("orvui-collapsible", h), (e, n) => (_(), l(x(E).div, {
+			"data-slot": "collapsible",
+			"data-state": x(s) ? "open" : "closed",
+			"data-disabled": t.disabled || void 0,
+			class: "relative w-full",
+			layout: !x(d),
+			transition: { layout: x(r) },
+			style: { originY: 0 }
+		}, {
+			default: w(() => [u(x(E).div, {
+				layout: !x(d) && "position",
+				transition: { layout: x(r) },
+				style: { originY: 0 },
+				class: p(x(a)("min-w-0", t.contentClassName))
+			}, {
+				default: w(() => [b(e.$slots, "default", {
+					open: x(s),
+					toggle: m
+				})]),
+				_: 3
+			}, 8, [
+				"layout",
+				"transition",
+				"class"
+			])]),
+			_: 3
+		}, 8, [
+			"data-state",
+			"data-disabled",
+			"layout",
+			"transition"
+		]));
+	}
+}), A = d({
+	name: "CollapsibleTrigger",
+	inheritAttrs: !1,
+	props: {
+		disabled: Boolean,
+		asChild: Boolean
+	},
+	setup(e, { attrs: n, slots: i }) {
+		let c = f("orvui-collapsible");
+		if (!c) throw Error("CollapsibleTrigger must be inside Collapsible");
+		return () => {
+			let l = i.default?.().filter((e) => e.type !== o) ?? [], d = e.asChild ? l[0] : void 0;
+			if (d && typeof d.type == "string" && d.type !== "button") throw Error("CollapsibleTrigger asChild requires a button or button component");
+			let f = !!(e.disabled || c.disabled.value || d?.props?.disabled), p = {
+				...n,
+				id: `${c.id}-trigger`,
+				type: "button",
+				disabled: f,
+				"aria-expanded": c.open.value,
+				"aria-controls": `${c.id}-content`,
+				"data-slot": "collapsible-trigger",
+				"data-state": c.open.value ? "open" : "closed",
+				"data-disabled": f || void 0,
+				ref: (e) => {
+					c.triggerRef.value = t(e);
+				},
+				onClick(e) {
+					!f && !e.defaultPrevented && c.toggle();
+				}
+			};
+			return d ? s(d, p, !0) : u(E.button, {
+				...p,
+				layout: !c.reduce.value && "position",
+				transition: { layout: r },
+				class: a("orvui-collapsible-trigger flex min-h-10 w-full items-center gap-3 rounded-xl px-3 py-2 text-left text-sm font-medium outline-none transition-colors hover:bg-muted/60 focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", n.class)
+			}, { default: () => l });
+		};
+	}
+}), j = /* @__PURE__ */ d({
+	__name: "CollapsibleContent",
+	props: { contentClassName: {} },
+	setup(e) {
+		let n = f("orvui-collapsible");
+		if (!n) throw Error("CollapsibleContent must be inside Collapsible");
+		let o = y(null), s = y(null), c = y(0), d = D(+!!n.open.value), v, S;
+		function O() {
+			c.value = s.value?.offsetHeight ?? 0;
+		}
+		return g(() => {
+			O(), typeof ResizeObserver < "u" && s.value && (S = new ResizeObserver(O), S.observe(s.value));
+		}), C(n.open, (e) => {
+			v?.stop(), v = T(d, +!!e, {
+				duration: e ? .18 : .12,
+				ease: i
+			});
+			let t = o.value;
+			!e && t?.contains(t.ownerDocument.activeElement) && n.triggerRef.value?.focus({ preventScroll: !0 });
+		}, { flush: "sync" }), h(() => {
+			S?.disconnect(), v?.stop(), d.destroy();
+		}), (i, f) => (_(), l(x(E).div, {
+			ref: (e) => o.value = x(t)(e),
+			id: x(n).id + "-content",
+			role: "region",
+			"aria-labelledby": x(n).id + "-trigger",
+			"aria-hidden": !x(n).open.value,
+			inert: !x(n).open.value,
+			"data-slot": "collapsible-content",
+			"data-state": x(n).open.value ? "open" : "closed",
+			initial: !1,
+			layout: !x(n).reduce.value,
+			transition: { layout: x(r) },
+			style: m({
+				height: x(n).open.value ? c.value ? `${c.value}px` : "auto" : "1px",
+				originY: 0
+			}),
+			class: "overflow-hidden"
+		}, {
+			default: w(() => [u(x(E).div, {
+				ref: (e) => s.value = x(t)(e),
+				layout: !x(n).reduce.value,
+				initial: !1,
+				style: m({
+					originY: 0,
+					opacity: x(d)
+				}),
+				transition: { layout: x(r) },
+				class: p(x(a)("flow-root", e.contentClassName))
+			}, {
+				default: w(() => [b(i.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"layout",
+				"style",
+				"transition",
+				"class"
+			])]),
+			_: 3
+		}, 8, [
+			"id",
+			"aria-labelledby",
+			"aria-hidden",
+			"inert",
+			"data-state",
+			"layout",
+			"transition",
+			"style"
+		]));
+	}
+}), M = /* @__PURE__ */ d({
+	__name: "CollapsibleIndicator",
+	setup(e) {
+		let t = f("orvui-collapsible");
+		if (!t) throw Error("CollapsibleIndicator must be inside Collapsible");
+		return (e, n) => (_(), l(x(E).span, {
+			"aria-hidden": "true",
+			"data-slot": "collapsible-indicator",
+			initial: !1,
+			animate: { transform: `rotate(${x(t).open.value ? 180 : 0}deg)` },
+			transition: x(t).reduce.value ? { duration: 0 } : x(r),
+			class: "ml-auto inline-flex shrink-0 items-center justify-center text-muted-foreground"
+		}, {
+			default: w(() => [b(e.$slots, "default", {}, () => [u(x(O), { class: "size-4" })])]),
+			_: 3
+		}, 8, ["animate", "transition"]));
+	}
+});
+// src/motion/collapsible/src/useCollapsible.ts
+function N() {
+	let e = f("orvui-collapsible");
+	if (e === void 0) throw Error("useCollapsible must be used within its provider");
+	return e;
+}
+export { k as a, A as i, M as n, j as r, N as t };
+
+//# sourceMappingURL=collapsible-Dp1UcFdJ.js.map

package/dist/collapsible-Dp1UcFdJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-Dp1UcFdJ.js","names":["emit","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_normalizeClass","_renderSlot","_sfc_main","_sfc_main","_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_createVNode","_normalizeClass","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_createVNode","_sfc_main","useReducedMotion","SPRING_LAYOUT","EASE_OUT","cn","Collapsible_default","defineComponent","__emit","props","__props","opened","useMotionState","reduced","setOpen","requested","toggle","state","useId","ref","computed","provide","openBlock","createBlock","unref","motion","withCtx","createVNode","normalizeClass","renderSlot","_ctx","CollapsibleTrigger_default","inject","content","slots","node","Comment","child","disabled","bindings","attrs","resolveElement","event","cloneVNode","CollapsibleContent_default","surface","inner","height","opacity","motionValue","fade","observer","measure","onMounted","watch","animate","element","onBeforeUnmount","normalizeStyle","CollapsibleIndicator_default","ChevronDown","useCollapsible"],"sources":["../src/motion/collapsible/src/Collapsible.vue","../src/motion/collapsible/src/Collapsible.vue","../src/motion/collapsible/src/CollapsibleTrigger.vue","../src/motion/collapsible/src/CollapsibleTrigger.vue","../src/motion/collapsible/src/CollapsibleContent.vue","../src/motion/collapsible/src/CollapsibleContent.vue","../src/motion/collapsible/src/CollapsibleIndicator.vue","../src/motion/collapsible/src/CollapsibleIndicator.vue","../src/motion/collapsible/src/useCollapsible.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport type { CollapsibleContext } from \"./context\";\nconst props = withDefaults(defineProps<{ open?: boolean; defaultOpen?: boolean; disabled?: boolean; contentClassName?: string }>(), { open: undefined, defaultOpen: false });\nconst emit = defineEmits([\"update:open\"]);\nconst opened = useMotionState(props, emit, \"open\", props.defaultOpen);\nconst reduced = useReducedMotion();\nfunction setOpen(requested: boolean) { if (!props.disabled && opened.value !== requested) opened.value = requested; }\nfunction toggle() { setOpen(!opened.value); }\nconst state: CollapsibleContext = { open: opened, id: useId(), triggerRef: ref(null), reduce: reduced, disabled: computed(() => props.disabled), setOpen, toggle };\nprovide(\"orvui-collapsible\", state);\n</script>\n<template>\n  <motion.div data-slot=\"collapsible\" :data-state=\"opened ? 'open' : 'closed'\" :data-disabled=\"disabled || undefined\"\n    class=\"relative w-full\" :layout=\"!reduced\" :transition=\"{ layout: SPRING_LAYOUT }\" :style=\"{ originY: 0 }\">\n    <motion.div :layout=\"reduced ? false : 'position'\" :transition=\"{ layout: SPRING_LAYOUT }\"\n      :style=\"{ originY: 0 }\" :class=\"cn('min-w-0', contentClassName)\"><slot :open=\"opened\" :toggle=\"toggle\" /></motion.div>\n  </motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport type { CollapsibleContext } from \"./context\";\nconst props = withDefaults(defineProps<{ open?: boolean; defaultOpen?: boolean; disabled?: boolean; contentClassName?: string }>(), { open: undefined, defaultOpen: false });\nconst emit = defineEmits([\"update:open\"]);\nconst opened = useMotionState(props, emit, \"open\", props.defaultOpen);\nconst reduced = useReducedMotion();\nfunction setOpen(requested: boolean) { if (!props.disabled && opened.value !== requested) opened.value = requested; }\nfunction toggle() { setOpen(!opened.value); }\nconst state: CollapsibleContext = { open: opened, id: useId(), triggerRef: ref(null), reduce: reduced, disabled: computed(() => props.disabled), setOpen, toggle };\nprovide(\"orvui-collapsible\", state);\n</script>\n<template>\n  <motion.div data-slot=\"collapsible\" :data-state=\"opened ? 'open' : 'closed'\" :data-disabled=\"disabled || undefined\"\n    class=\"relative w-full\" :layout=\"!reduced\" :transition=\"{ layout: SPRING_LAYOUT }\" :style=\"{ originY: 0 }\">\n    <motion.div :layout=\"reduced ? false : 'position'\" :transition=\"{ layout: SPRING_LAYOUT }\"\n      :style=\"{ originY: 0 }\" :class=\"cn('min-w-0', contentClassName)\"><slot :open=\"opened\" :toggle=\"toggle\" /></motion.div>\n  </motion.div>\n</template>\n","<script lang=\"ts\">\nimport { cloneVNode, Comment, createVNode, defineComponent, inject } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport type { CollapsibleContext } from \"./context\";\nexport default defineComponent({\n  name: \"CollapsibleTrigger\", inheritAttrs: false,\n  props: { disabled: Boolean, asChild: Boolean },\n  setup(props, { attrs, slots }) {\n    const state = inject<CollapsibleContext>(\"orvui-collapsible\");\n    if (!state) throw new Error(\"CollapsibleTrigger must be inside Collapsible\");\n    return () => {\n      const content = slots.default?.().filter(node => node.type !== Comment) ?? [];\n      const child = props.asChild ? content[0] : undefined;\n      if (child && typeof child.type === \"string\" && child.type !== \"button\")\n        throw new Error(\"CollapsibleTrigger asChild requires a button or button component\");\n      const disabled = !!(props.disabled || state.disabled.value || child?.props?.disabled);\n      const bindings = {\n        ...attrs, id: `${state.id}-trigger`, type: \"button\" as const, disabled,\n        \"aria-expanded\": state.open.value, \"aria-controls\": `${state.id}-content`,\n        \"data-slot\": \"collapsible-trigger\", \"data-state\": state.open.value ? \"open\" : \"closed\", \"data-disabled\": disabled || undefined,\n        ref: (node: unknown) => { state.triggerRef.value = resolveElement<HTMLButtonElement>(node); },\n        onClick(event: MouseEvent) { if (!disabled && !event.defaultPrevented) state.toggle(); },\n      };\n      if (child) return cloneVNode(child, bindings, true);\n      return createVNode(motion.button, {\n        ...bindings, layout: state.reduce.value ? false : \"position\", transition: { layout: SPRING_LAYOUT },\n        class: cn(\"orvui-collapsible-trigger flex min-h-10 w-full items-center gap-3 rounded-xl px-3 py-2 text-left text-sm font-medium outline-none transition-colors hover:bg-muted/60 focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\", attrs.class as string),\n      }, { default: () => content });\n    };\n  },\n});\n</script>\n<style>\n.orvui-collapsible-trigger[data-state=\"open\"] {\n  background-color: color-mix(in oklab, var(--primary) 4%, var(--background));\n}\n.orvui-collapsible-trigger[data-state=\"open\"] [data-slot=\"collapsible-indicator\"] {\n  color: var(--primary);\n}\n</style>\n","<script lang=\"ts\">\nimport { cloneVNode, Comment, createVNode, defineComponent, inject } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport type { CollapsibleContext } from \"./context\";\nexport default defineComponent({\n  name: \"CollapsibleTrigger\", inheritAttrs: false,\n  props: { disabled: Boolean, asChild: Boolean },\n  setup(props, { attrs, slots }) {\n    const state = inject<CollapsibleContext>(\"orvui-collapsible\");\n    if (!state) throw new Error(\"CollapsibleTrigger must be inside Collapsible\");\n    return () => {\n      const content = slots.default?.().filter(node => node.type !== Comment) ?? [];\n      const child = props.asChild ? content[0] : undefined;\n      if (child && typeof child.type === \"string\" && child.type !== \"button\")\n        throw new Error(\"CollapsibleTrigger asChild requires a button or button component\");\n      const disabled = !!(props.disabled || state.disabled.value || child?.props?.disabled);\n      const bindings = {\n        ...attrs, id: `${state.id}-trigger`, type: \"button\" as const, disabled,\n        \"aria-expanded\": state.open.value, \"aria-controls\": `${state.id}-content`,\n        \"data-slot\": \"collapsible-trigger\", \"data-state\": state.open.value ? \"open\" : \"closed\", \"data-disabled\": disabled || undefined,\n        ref: (node: unknown) => { state.triggerRef.value = resolveElement<HTMLButtonElement>(node); },\n        onClick(event: MouseEvent) { if (!disabled && !event.defaultPrevented) state.toggle(); },\n      };\n      if (child) return cloneVNode(child, bindings, true);\n      return createVNode(motion.button, {\n        ...bindings, layout: state.reduce.value ? false : \"position\", transition: { layout: SPRING_LAYOUT },\n        class: cn(\"orvui-collapsible-trigger flex min-h-10 w-full items-center gap-3 rounded-xl px-3 py-2 text-left text-sm font-medium outline-none transition-colors hover:bg-muted/60 focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\", attrs.class as string),\n      }, { default: () => content });\n    };\n  },\n});\n</script>\n<style>\n.orvui-collapsible-trigger[data-state=\"open\"] {\n  background-color: color-mix(in oklab, var(--primary) 4%, var(--background));\n}\n.orvui-collapsible-trigger[data-state=\"open\"] [data-slot=\"collapsible-indicator\"] {\n  color: var(--primary);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { animate, motion, motionValue } from \"motion-v\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport type { CollapsibleContext } from \"./context\";\ndefineProps<{ contentClassName?: string }>();\nconst state = inject<CollapsibleContext>(\"orvui-collapsible\");\nif (!state) throw new Error(\"CollapsibleContent must be inside Collapsible\");\nconst surface = ref<HTMLElement | null>(null), inner = ref<HTMLElement | null>(null), height = ref(0);\n// Keep projection's opacity current through the fade's last frame instead of\n// letting native animation cleanup briefly restore the pre-animation value.\nconst opacity = motionValue(state.open.value ? 1 : 0);\nlet fade: ReturnType<typeof animate> | undefined;\nlet observer: ResizeObserver | undefined;\nfunction measure() { height.value = inner.value?.offsetHeight ?? 0; }\nonMounted(() => {\n  measure();\n  if (typeof ResizeObserver !== \"undefined\" && inner.value) {\n    observer = new ResizeObserver(measure);\n    observer.observe(inner.value);\n  }\n});\nwatch(state.open, opened => {\n  fade?.stop();\n  fade = animate(opacity, opened ? 1 : 0, { duration: opened ? 0.18 : 0.12, ease: EASE_OUT });\n  const element = surface.value;\n  if (!opened && element?.contains(element.ownerDocument.activeElement)) state.triggerRef.value?.focus({ preventScroll: true });\n}, { flush: \"sync\" });\nonBeforeUnmount(() => { observer?.disconnect(); fade?.stop(); opacity.destroy(); });\n</script>\n<template>\n  <motion.div :ref=\"node => surface = resolveElement<HTMLElement>(node)\" :id=\"state.id + '-content'\"\n    role=\"region\" :aria-labelledby=\"state.id + '-trigger'\" :aria-hidden=\"!state.open.value\" :inert=\"!state.open.value\"\n    data-slot=\"collapsible-content\" :data-state=\"state.open.value ? 'open' : 'closed'\" :initial=\"false\"\n    :layout=\"!state.reduce.value\" :transition=\"{ layout: SPRING_LAYOUT }\"\n    :style=\"{ height: state.open.value ? (height ? `${height}px` : 'auto') : '1px', originY: 0 }\" class=\"overflow-hidden\">\n    <motion.div :ref=\"node => inner = resolveElement<HTMLElement>(node)\" :layout=\"!state.reduce.value\" :initial=\"false\"\n      :style=\"{ originY: 0, opacity }\" :transition=\"{ layout: SPRING_LAYOUT }\"\n      :class=\"cn('flow-root', contentClassName)\"><slot /></motion.div>\n  </motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { animate, motion, motionValue } from \"motion-v\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport type { CollapsibleContext } from \"./context\";\ndefineProps<{ contentClassName?: string }>();\nconst state = inject<CollapsibleContext>(\"orvui-collapsible\");\nif (!state) throw new Error(\"CollapsibleContent must be inside Collapsible\");\nconst surface = ref<HTMLElement | null>(null), inner = ref<HTMLElement | null>(null), height = ref(0);\n// Keep projection's opacity current through the fade's last frame instead of\n// letting native animation cleanup briefly restore the pre-animation value.\nconst opacity = motionValue(state.open.value ? 1 : 0);\nlet fade: ReturnType<typeof animate> | undefined;\nlet observer: ResizeObserver | undefined;\nfunction measure() { height.value = inner.value?.offsetHeight ?? 0; }\nonMounted(() => {\n  measure();\n  if (typeof ResizeObserver !== \"undefined\" && inner.value) {\n    observer = new ResizeObserver(measure);\n    observer.observe(inner.value);\n  }\n});\nwatch(state.open, opened => {\n  fade?.stop();\n  fade = animate(opacity, opened ? 1 : 0, { duration: opened ? 0.18 : 0.12, ease: EASE_OUT });\n  const element = surface.value;\n  if (!opened && element?.contains(element.ownerDocument.activeElement)) state.triggerRef.value?.focus({ preventScroll: true });\n}, { flush: \"sync\" });\nonBeforeUnmount(() => { observer?.disconnect(); fade?.stop(); opacity.destroy(); });\n</script>\n<template>\n  <motion.div :ref=\"node => surface = resolveElement<HTMLElement>(node)\" :id=\"state.id + '-content'\"\n    role=\"region\" :aria-labelledby=\"state.id + '-trigger'\" :aria-hidden=\"!state.open.value\" :inert=\"!state.open.value\"\n    data-slot=\"collapsible-content\" :data-state=\"state.open.value ? 'open' : 'closed'\" :initial=\"false\"\n    :layout=\"!state.reduce.value\" :transition=\"{ layout: SPRING_LAYOUT }\"\n    :style=\"{ height: state.open.value ? (height ? `${height}px` : 'auto') : '1px', originY: 0 }\" class=\"overflow-hidden\">\n    <motion.div :ref=\"node => inner = resolveElement<HTMLElement>(node)\" :layout=\"!state.reduce.value\" :initial=\"false\"\n      :style=\"{ originY: 0, opacity }\" :transition=\"{ layout: SPRING_LAYOUT }\"\n      :class=\"cn('flow-root', contentClassName)\"><slot /></motion.div>\n  </motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { inject } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport type { CollapsibleContext } from \"./context\";\nconst state = inject<CollapsibleContext>(\"orvui-collapsible\");\nif (!state) throw new Error(\"CollapsibleIndicator must be inside Collapsible\");\n</script>\n<template>\n  <motion.span aria-hidden=\"true\" data-slot=\"collapsible-indicator\" :initial=\"false\"\n    :animate=\"{ transform: `rotate(${state.open.value ? 180 : 0}deg)` }\" :transition=\"state.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n    class=\"ml-auto inline-flex shrink-0 items-center justify-center text-muted-foreground\"><slot><ChevronDown class=\"size-4\" /></slot></motion.span>\n</template>\n","<script setup lang=\"ts\">\nimport { inject } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport type { CollapsibleContext } from \"./context\";\nconst state = inject<CollapsibleContext>(\"orvui-collapsible\");\nif (!state) throw new Error(\"CollapsibleIndicator must be inside Collapsible\");\n</script>\n<template>\n  <motion.span aria-hidden=\"true\" data-slot=\"collapsible-indicator\" :initial=\"false\"\n    :animate=\"{ transform: `rotate(${state.open.value ? 180 : 0}deg)` }\" :transition=\"state.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n    class=\"ml-auto inline-flex shrink-0 items-center justify-center text-muted-foreground\"><slot><ChevronDown class=\"size-4\" /></slot></motion.span>\n</template>\n","import { inject } from \"vue\";\nimport type { CollapsibleContext } from \"./context\";\nexport function useCollapsible() {\n  const state = inject<CollapsibleContext>(\"orvui-collapsible\");\n  if (state === undefined) throw new Error(\"useCollapsible must be used within its provider\");\n  return state;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMiC,IAAQC,GAERC,IAASC,EAAeH,GAAOjC,GAAM,QAAQiC,EAAM,WAAW,GAC9DI,IAAUX,EAAiB;EACjC,SAASY,EAAQ,GAAoB;GAAE,AAAI,CAACL,EAAM,YAAYE,EAAO,UAAUI,MAAW,EAAO,QAAQA;EAAW;EACpH,SAASC,IAAS;GAAE,EAAQ,CAACL,EAAO,KAAK;EAAG;EAC5C,IAAMM,IAA4B;GAAE,MAAMN;GAAQ,IAAIO,EAAM;GAAG,YAAYC,EAAI,IAAI;GAAG,QAAQN;GAAS,UAAUO,QAAeX,EAAM,QAAQ;GAAG;GAAS;EAAO;E,OACjKY,EAAQ,qBAAqBJ,CAAK,I,UAGhCxC,EAAA,GAAAC,EAIaC,EAAA8C,CAAA,CAAA,CAAA,KAAA;GAJD,aAAU;GAAe,cAAY9C,EAAAgC,CAAA,IAAM,SAAA;GAAuB,iBAAeD,EAAA,YAAY,KAAA;GACvG,OAAM;GAAmB,QAAM,CAAG/B,EAAAkC,CAAA;GAAU,YAAU,EAAA,QAAYlC,EAAAwB,CAAA,EAAa;GAAK,OAAO,EAAA,SAAA,EAAA;;GAC3F,SAAAvB,QACwH,CADxHC,EACwHF,EAAA8C,CAAA,CAAA,CAAA,KAAA;IAD3G,QAAQ9C,GAAAkC,CAAA,KAAO;IAAwB,YAAU,EAAA,QAAYlC,EAAAwB,CAAA,EAAa;IACpF,OAAO,EAAA,SAAA,EAAA;IAAiB,OAAKrB,EAAEH,EAAA0B,CAAA,CAAE,CAAA,WAAYK,EAAA,gBAAgB,CAAA;;IAAG,SAAA9B,QAAwC,CAAxCG,EAAwC+C,EAAA,QAAA,WAAA;KAAjC,MAAMnD,EAAAgC,CAAA;KAAiB;;;;;;;;;;;;;;;;A,QEdtFJ,EAAgB;CAC7B,MAAM;CAAsB,cAAc;CAC1C,OAAO;EAAE,UAAU;EAAS,SAAS;CAAQ;CAC7C,MAAM,GAAO,EAAE,UAAO,YAAS;EAC7B,IAAMU,IAAQe,EAA2B,mBAAmB;EAC5D,IAAI,CAACf,GAAO,MAAU,MAAM,+CAA+C;EAC3E,aAAa;GACX,IAAMgB,IAAUC,EAAM,UAAU,CAAC,CAAC,QAAO,MAAQC,EAAK,SAASC,CAAO,KAAK,CAAC,GACtEC,IAAQ5B,EAAM,UAAUwB,EAAQ,KAAK,KAAA;GAC3C,IAAII,KAAS,OAAOA,EAAM,QAAS,YAAYA,EAAM,SAAS,UAC5D,MAAU,MAAM,kEAAkE;GACpF,IAAMC,IAAW,CAAC,EAAE7B,EAAM,YAAYQ,EAAM,SAAS,SAASoB,GAAO,OAAO,WACtEE,IAAW;IACf,GAAGC;IAAO,IAAI,GAAGvB,EAAM,GAAG;IAAW,MAAM;IAAmB;IAC9D,iBAAiBA,EAAM,KAAK;IAAO,iBAAiB,GAAGA,EAAM,GAAG;IAChE,aAAa;IAAuB,cAAcA,EAAM,KAAK,QAAQ,SAAS;IAAU,iBAAiBqB,KAAY,KAAA;IACrH,MAAM,MAAkB;KAAE,EAAM,WAAW,QAAQG,EAAkCN,CAAI;IAAG;IAC5F,QAAQ,GAAmB;KAAE,AAAI,CAACG,KAAY,CAACI,EAAM,oBAAkBzB,EAAM,OAAO;IAAG;GACzF;GAEA,OADIoB,IAAcM,EAAWN,GAAOE,GAAU,EAAI,IAC3CZ,EAAYF,EAAO,QAAQ;IAChC,GAAGc;IAAU,QAAQ,GAAM,OAAO,SAAgB;IAAY,YAAY,EAAE,QAAQpC,EAAc;IAClG,OAAOE,EAAG,uQAAuQmC,EAAM,KAAe;GACxS,GAAG,EAAE,eAAeP,EAAQ,CAAC;EAC/B;CACF;AACF,C;;;;EEzBA,IAAMhB,IAAQe,EAA2B,mBAAmB;EAC5D,IAAI,CAACf,GAAO,MAAU,MAAM,+CAA+C;EAC3E,IAAM4B,IAAU1B,EAAwB,IAAI,GAAG2B,IAAQ3B,EAAwB,IAAI,GAAG4B,IAAS5B,EAAI,CAAC,GAG9F6B,IAAUC,EAAY,KAAM,KAAK,KAAa,GAChDC,GACAC;EACJ,SAASC,IAAU;GAAE,EAAO,QAAQN,EAAM,OAAO,gBAAgB;EAAG;E,OACpEO,QAAgB;GAEd,AADAD,EAAQ,GACJ,OAAO,iBAAmB,OAAeN,EAAM,UACjD,IAAW,IAAI,eAAeM,CAAO,GACrCD,EAAS,QAAQL,EAAM,KAAK;EAEhC,CAAC,GACDQ,EAAMrC,EAAM,OAAM,MAAU;GAE1B,AADAiC,GAAM,KAAK,GACX,IAAOK,EAAQP,GAAS,MAAgB;IAAE,UAAUrC,IAAS,MAAO;IAAM,MAAMP;GAAS,CAAC;GAC1F,IAAMoD,IAAUX,EAAQ;GACxB,AAAI,CAAClC,KAAU6C,GAAS,SAASA,EAAQ,cAAc,aAAa,KAAGvC,EAAM,WAAW,OAAO,MAAM,EAAE,eAAe,GAAK,CAAC;EAC9H,GAAG,EAAE,OAAO,OAAO,CAAC,GACpBwC,QAAsB;GAAwC,AAAtCN,GAAU,WAAW,GAAGD,GAAM,KAAK,GAAGF,EAAQ,QAAQ;EAAG,CAAC,I,UAGhF9D,EAAA,GAAAC,EAQaC,EAAAqC,CAAA,CAAA,CAAA,KAAA;GARA,MAAK,MAAQ,EAAA,QAAUrC,EAAAqD,CAAA,CAAc,CAAcN,CAAI;GAAI,IAAI/C,EAAA6B,CAAA,CAAK,CAAC,KAAE;GAClF,MAAK;GAAU,mBAAiB7B,EAAA6B,CAAA,CAAK,CAAC,KAAE;GAAgB,eAAW,CAAG7B,EAAA6B,CAAA,CAAK,CAAC,KAAK;GAAQ,OAAK,CAAG7B,EAAA6B,CAAA,CAAK,CAAC,KAAK;GAC5G,aAAU;GAAuB,cAAY7B,EAAA6B,CAAA,CAAK,CAAC,KAAK,QAAK,SAAA;GAAuB,SAAS;GAC5F,QAAM,CAAG7B,EAAA6B,CAAA,CAAK,CAAC,OAAO;GAAQ,YAAU,EAAA,QAAY7B,EAAAe,CAAA,EAAa;GACjE,OAAKd,EAAA;IAAA,QAAYD,EAAA6B,CAAA,CAAK,CAAC,KAAK,QAAS8B,EAAA,QAAM,GAAMA,EAAA,MAAM,MAAA,SAAA;IAAA,SAAA;GAAA,CAAA;GAAsC,OAAM;;GACpG,SAAAzD,QAEkE,CAFlEC,EAEkEH,EAAAqC,CAAA,CAAA,CAAA,KAAA;IAFrD,MAAK,MAAQ,EAAA,QAAQrC,EAAAqD,CAAA,CAAc,CAAcN,CAAI;IAAI,QAAM,CAAG/C,EAAA6B,CAAA,CAAK,CAAC,OAAO;IAAQ,SAAS;IAC1G,OAAK5B,EAAA;KAAA,SAAA;KAAA,SAAgBD,EAAA4D,CAAA;IAAO,CAAA;IAAK,YAAU,EAAA,QAAY5D,EAAAe,CAAA,EAAa;IACpE,OAAKX,EAAEJ,EAAAiB,CAAA,CAAE,CAAA,aAAcK,EAAA,gBAAgB,CAAA;;IAAG,SAAApB,QAAQ,CAARG,EAAQqC,EAAA,QAAA,SAAA,C;;;;;;;;;;;;;;;;;;;;;;;EElCzD,IAAMb,IAAQe,EAA2B,mBAAmB;EAC5D,IAAI,CAACf,GAAO,MAAU,MAAM,iDAAiD;E,kBAG3EtB,EAAA,GAAAC,EAEkJC,EAAA4B,CAAA,CAAA,CAAA,MAAA;GAFrI,eAAY;GAAO,aAAU;GAAyB,SAAS;GACzE,SAAO,EAAA,WAAA,UAAyB5B,EAAAoB,CAAA,CAAK,CAAC,KAAK,QAAK,MAAA,EAAA,MAAA;GAAqB,YAAYpB,EAAAoB,CAAA,CAAK,CAAC,OAAO,QAAK,EAAA,UAAA,EAAA,IAAqBpB,EAAAM,CAAA;GACzH,OAAM;;GAAiF,SAAAL,QAA2C,CAA3CC,EAA2C+B,EAAA,QAAA,WAAA,CAAA,SAAA,CAArC9B,EAA8BH,EAAA+D,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA,C;;;;;;AEV5H,SAAgBC,IAAiB;CAC/B,IAAM5C,IAAQe,EAA2B,mBAAmB;CAC5D,IAAIf,MAAU,KAAA,GAAW,MAAU,MAAM,iDAAiD;CAC1F,OAAOA;AACT"}