@orvui/vue 0.0.0-stage → 0.1.1

package/dist/dynamic-island-D_wBlujh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-island-D_wBlujh.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createVNode","IslandSlot","_renderSlot","_createCommentVNode","_sfc_main","$attrs","_openBlock","_createBlock","_unref","_withCtx","IslandSlot","_mergeProps","_renderSlot","_createCommentVNode","_sfc_main","useReducedMotion","EASE_OUT","RenderNode","islandKey","useIslandSize","sizer","ref","size","observer","disposed","measure","element","width","height","target","computed","watch","view","nextTick","onMounted","onBeforeUnmount","IslandSlot_default","defineComponent","reduce","hidden","shown","exit","openBlock","createBlock","unref","motion","withCtx","renderSlot","_ctx","DynamicIsland_default","props","__props","slots","useSlots","toRef","hasCompact","createElementVNode","createVNode","AnimatePresence","createCommentVNode","DynamicIslandView_default","current","inject","visible","mergeProps"],"sources":["../src/blocks/dynamic-island/src/context.ts","../src/blocks/dynamic-island/src/use-island-size.ts","../src/blocks/dynamic-island/src/IslandSlot.vue","../src/blocks/dynamic-island/src/IslandSlot.vue","../src/blocks/dynamic-island/src/DynamicIsland.vue","../src/blocks/dynamic-island/src/DynamicIsland.vue","../src/blocks/dynamic-island/src/DynamicIslandView.vue","../src/blocks/dynamic-island/src/DynamicIslandView.vue"],"sourcesContent":["import type { InjectionKey, Ref } from \"vue\";\nexport const islandKey: InjectionKey<Ref<string | null>> = Symbol(\"orvui-island\");\n","import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type Ref,\n} from \"vue\";\nexport function useIslandSize(view: Ref<string | null>) {\n  const sizer = ref<HTMLDivElement>(),\n    size = ref<{ width: number; height: number } | null>(null);\n  let observer: ResizeObserver | undefined,\n    disposed = false;\n  const measure = () => {\n    const element = sizer.value;\n    if (!element || disposed) return;\n    const width = element.offsetWidth,\n      height = element.offsetHeight;\n    if (width !== size.value?.width || height !== size.value?.height)\n      size.value = { width, height };\n  };\n  const target = computed(() => ({\n    width: `${size.value?.width ?? 126}px`,\n    height: `${size.value?.height ?? 37}px`,\n  }));\n  watch(view, () => void nextTick(measure));\n  onMounted(() => {\n    measure();\n    if (sizer.value && typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver(measure);\n      observer.observe(sizer.value);\n    }\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    observer?.disconnect();\n  });\n  return { sizer, target };\n}\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nconst reduce = useReducedMotion();\nconst hidden = computed(() =>\n  reduce.value\n    ? { opacity: 0, filter: \"blur(0px)\" }\n    : { opacity: 0, scale: 0.9, y: -8, filter: \"blur(5px)\" },\n);\nconst shown = computed(() =>\n  reduce.value\n    ? { opacity: 1, filter: \"blur(0px)\" }\n    : { opacity: 1, scale: 1, y: 0, filter: \"blur(0px)\" },\n);\nconst exit = computed(() =>\n  reduce.value\n    ? { opacity: 0, filter: \"blur(0px)\", transition: { duration: 0.1 } }\n    : {\n        opacity: 0,\n        scale: 0.9,\n        y: -6,\n        filter: \"blur(0px)\",\n        transition: { duration: 0.08, ease: EASE_OUT },\n      },\n);\n</script>\n<template>\n  <motion.div\n    :initial=\"hidden\"\n    :animate=\"shown\"\n    :exit=\"exit\"\n    :transition=\"\n      reduce\n        ? { duration: 0.15 }\n        : { type: 'spring', duration: 0.8, bounce: 0.35 }\n    \"\n    :style=\"{ transformOrigin: 'top center' }\"\n    class=\"flex items-center justify-center\"\n    ><slot\n  /></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nconst reduce = useReducedMotion();\nconst hidden = computed(() =>\n  reduce.value\n    ? { opacity: 0, filter: \"blur(0px)\" }\n    : { opacity: 0, scale: 0.9, y: -8, filter: \"blur(5px)\" },\n);\nconst shown = computed(() =>\n  reduce.value\n    ? { opacity: 1, filter: \"blur(0px)\" }\n    : { opacity: 1, scale: 1, y: 0, filter: \"blur(0px)\" },\n);\nconst exit = computed(() =>\n  reduce.value\n    ? { opacity: 0, filter: \"blur(0px)\", transition: { duration: 0.1 } }\n    : {\n        opacity: 0,\n        scale: 0.9,\n        y: -6,\n        filter: \"blur(0px)\",\n        transition: { duration: 0.08, ease: EASE_OUT },\n      },\n);\n</script>\n<template>\n  <motion.div\n    :initial=\"hidden\"\n    :animate=\"shown\"\n    :exit=\"exit\"\n    :transition=\"\n      reduce\n        ? { duration: 0.15 }\n        : { type: 'spring', duration: 0.8, bounce: 0.35 }\n    \"\n    :style=\"{ transformOrigin: 'top center' }\"\n    class=\"flex items-center justify-center\"\n    ><slot\n  /></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, toRef, useSlots } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { islandKey } from \"./context\";\nimport { useIslandSize } from \"./use-island-size\";\nimport IslandSlot from \"./IslandSlot.vue\";\nconst props = defineProps<{ view: string | null; compact?: Content }>(),\n  slots = useSlots();\nconst view = toRef(props, \"view\");\nprovide(islandKey, view);\nconst reduce = useReducedMotion(),\n  { sizer, target } = useIslandSize(view);\nconst hasCompact = computed(\n  () => props.view === null && (props.compact || slots.compact),\n);\n</script>\n<template>\n  <motion.div\n    role=\"status\"\n    aria-live=\"polite\"\n    :initial=\"view === null ? { width: '126px', height: '37px' } : false\"\n    :animate=\"target\"\n    :transition=\"\n      reduce ? { duration: 0 } : { type: 'spring', duration: 0.8, bounce: 0.2 }\n    \"\n    :style=\"{ borderRadius: '32px' }\"\n    class=\"relative inline-flex items-start justify-center overflow-hidden bg-foreground text-background shadow-2xl\"\n    ><div ref=\"sizer\" class=\"w-max\">\n      <AnimatePresence\n        :initial=\"false\"\n        mode=\"popLayout\"\n        as=\"div\"\n        class=\"contents\"\n        ><IslandSlot\n          v-if=\"hasCompact\"\n          key=\"compact\"\n          class=\"min-h-[37px] min-w-[126px] gap-2 px-4 py-1.5 text-xs font-medium\"\n          ><slot name=\"compact\"\n            ><RenderNode :node=\"compact\" /></slot></IslandSlot></AnimatePresence\n      ><slot /></div\n  ></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, toRef, useSlots } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { islandKey } from \"./context\";\nimport { useIslandSize } from \"./use-island-size\";\nimport IslandSlot from \"./IslandSlot.vue\";\nconst props = defineProps<{ view: string | null; compact?: Content }>(),\n  slots = useSlots();\nconst view = toRef(props, \"view\");\nprovide(islandKey, view);\nconst reduce = useReducedMotion(),\n  { sizer, target } = useIslandSize(view);\nconst hasCompact = computed(\n  () => props.view === null && (props.compact || slots.compact),\n);\n</script>\n<template>\n  <motion.div\n    role=\"status\"\n    aria-live=\"polite\"\n    :initial=\"view === null ? { width: '126px', height: '37px' } : false\"\n    :animate=\"target\"\n    :transition=\"\n      reduce ? { duration: 0 } : { type: 'spring', duration: 0.8, bounce: 0.2 }\n    \"\n    :style=\"{ borderRadius: '32px' }\"\n    class=\"relative inline-flex items-start justify-center overflow-hidden bg-foreground text-background shadow-2xl\"\n    ><div ref=\"sizer\" class=\"w-max\">\n      <AnimatePresence\n        :initial=\"false\"\n        mode=\"popLayout\"\n        as=\"div\"\n        class=\"contents\"\n        ><IslandSlot\n          v-if=\"hasCompact\"\n          key=\"compact\"\n          class=\"min-h-[37px] min-w-[126px] gap-2 px-4 py-1.5 text-xs font-medium\"\n          ><slot name=\"compact\"\n            ><RenderNode :node=\"compact\" /></slot></IslandSlot></AnimatePresence\n      ><slot /></div\n  ></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { AnimatePresence } from \"motion-v\";\nimport { islandKey } from \"./context\";\nimport IslandSlot from \"./IslandSlot.vue\";\nconst props = defineProps<{ id: string }>();\ndefineOptions({ inheritAttrs: false });\nconst current = inject(islandKey);\nif (!current)\n  throw new Error(\"DynamicIslandView must be used inside <DynamicIsland>\");\nconst visible = computed(() => current.value === props.id);\n</script>\n<template>\n  <AnimatePresence :initial=\"false\" mode=\"popLayout\" as=\"div\" class=\"contents\"\n    ><IslandSlot v-if=\"visible\" :key=\"id\" v-bind=\"$attrs\" class=\"px-6 py-4\"\n      ><slot /></IslandSlot\n  ></AnimatePresence>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { AnimatePresence } from \"motion-v\";\nimport { islandKey } from \"./context\";\nimport IslandSlot from \"./IslandSlot.vue\";\nconst props = defineProps<{ id: string }>();\ndefineOptions({ inheritAttrs: false });\nconst current = inject(islandKey);\nif (!current)\n  throw new Error(\"DynamicIslandView must be used inside <DynamicIsland>\");\nconst visible = computed(() => current.value === props.id);\n</script>\n<template>\n  <AnimatePresence :initial=\"false\" mode=\"popLayout\" as=\"div\" class=\"contents\"\n    ><IslandSlot v-if=\"visible\" :key=\"id\" v-bind=\"$attrs\" class=\"px-6 py-4\"\n      ><slot /></IslandSlot\n  ></AnimatePresence>\n</template>\n"],"mappings":"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"}

package/dist/ease-rIvCM4O3.js

@@ -0,0 +1,53 @@
+// src/lib/ease.ts
+var e = [
+	.16,
+	1,
+	.3,
+	1
+], t = [
+	.77,
+	0,
+	.175,
+	1
+], n = [
+	.32,
+	.72,
+	0,
+	1
+], r = "cubic-bezier(0.16,1,0.3,1)", i = {
+	type: "spring",
+	stiffness: 500,
+	damping: 30,
+	mass: .6
+}, a = {
+	type: "spring",
+	stiffness: 460,
+	damping: 30,
+	mass: .55
+}, o = {
+	type: "spring",
+	stiffness: 420,
+	damping: 40,
+	mass: .5
+}, s = {
+	type: "spring",
+	stiffness: 360,
+	damping: 32,
+	mass: .6
+}, c = {
+	stiffness: 200,
+	damping: 15,
+	mass: .3
+}, l = {
+	stiffness: 700,
+	damping: 50,
+	mass: .5
+}, u = {
+	type: "spring",
+	stiffness: 120,
+	damping: 24,
+	mass: 1
+};
+export { l as a, o as c, u as d, r as i, i as l, t as n, s as o, e as r, c as s, n as t, a as u };
+
+//# sourceMappingURL=ease-rIvCM4O3.js.map

package/dist/ease-rIvCM4O3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ease-rIvCM4O3.js","names":["EASE_OUT","EASE_IN_OUT","EASE_DRAWER","EASE_OUT_CSS","SPRING_PRESS","SPRING_SWAP","SPRING_PANEL","SPRING_LAYOUT","SPRING_MOUSE","SPRING_GLIDE","SPRING_TIMELINE"],"sources":["../src/lib/ease.ts"],"sourcesContent":["export const EASE_OUT = [0.16, 1, 0.3, 1] as const;\nexport const EASE_IN_OUT = [0.77, 0, 0.175, 1] as const;\nexport const EASE_DRAWER = [0.32, 0.72, 0, 1] as const;\nexport const EASE_OUT_CSS = \"cubic-bezier(0.16,1,0.3,1)\";\nexport const SPRING_PRESS = {\n  type: \"spring\",\n  stiffness: 500,\n  damping: 30,\n  mass: 0.6,\n} as const;\nexport const SPRING_SWAP = {\n  type: \"spring\",\n  stiffness: 460,\n  damping: 30,\n  mass: 0.55,\n} as const;\nexport const SPRING_PANEL = {\n  type: \"spring\",\n  stiffness: 420,\n  damping: 40,\n  mass: 0.5,\n} as const;\nexport const SPRING_LAYOUT = {\n  type: \"spring\",\n  stiffness: 360,\n  damping: 32,\n  mass: 0.6,\n} as const;\nexport const SPRING_MOUSE = { stiffness: 200, damping: 15, mass: 0.3 } as const;\nexport const SPRING_GLIDE = { stiffness: 700, damping: 50, mass: 0.5 } as const;\nexport const SPRING_TIMELINE = {\n  type: \"spring\",\n  stiffness: 120,\n  damping: 24,\n  mass: 1,\n} as const;\n"],"mappings":";AAAA,IAAaA,IAAW;CAAC;CAAM;CAAG;CAAK;AAAC,GAC3BC,IAAc;CAAC;CAAM;CAAG;CAAO;AAAC,GAChCC,IAAc;CAAC;CAAM;CAAM;CAAG;AAAC,GAC/BC,IAAe,8BACfC,IAAe;CAC1B,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;AACR,GACaC,IAAc;CACzB,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;AACR,GACaC,IAAe;CAC1B,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;AACR,GACaC,IAAgB;CAC3B,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;AACR,GACaC,IAAe;CAAE,WAAW;CAAK,SAAS;CAAI,MAAM;AAAI,GACxDC,IAAe;CAAE,WAAW;CAAK,SAAS;CAAI,MAAM;AAAI,GACxDC,IAAkB;CAC7B,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;AACR"}

package/dist/expandable-action-bar-Cs8jgCn-.js

@@ -0,0 +1,247 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { t } from "./utils-DIrLOK2M.js";
+import { t as n } from "./dismiss-Db0RZCUY.js";
+import { n as r, r as i, t as a } from "./shared-DAEawhBJ.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onBeforeUnmount as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toValue as b, unref as x, useId as S, watch as C, withCtx as w } from "vue";
+import { motion as T } from "motion-v";
+// src/blocks/expandable-action-bar/src/use-action-bar.ts
+function E(e, t, i, a) {
+	let o = _(null), c = _(!1), l = /* @__PURE__ */ new Set(), u = null, d, f = s(() => o.value ?? e.activeId ?? e.items.find((e) => e.active)?.id);
+	function p() {
+		clearTimeout(d), d = void 0;
+	}
+	function m() {
+		p(), t.value = !0;
+	}
+	function g() {
+		p(), t.value = !1, o.value = null, c.value = !1;
+	}
+	function v() {
+		p(), d = setTimeout(g, e.collapseDelay);
+	}
+	function y(e) {
+		return e.pointerType !== "touch" && e.buttons === 0 ? (l.delete(e.pointerId), !0) : (l.add(e.pointerId), !1);
+	}
+	function b(t) {
+		y(t) && e.expandOnHover && m();
+	}
+	function x(t) {
+		l.delete(t.pointerId) || t.pointerType === "touch" || (o.value = null, e.expandOnHover && v());
+	}
+	function S(e, t) {
+		y(e) && (p(), o.value = t.id);
+	}
+	function w(e) {
+		u = {
+			pointerType: e.pointerType,
+			wasExpanded: t.value
+		};
+	}
+	function T() {
+		u = null;
+	}
+	function E(t, n) {
+		if (n.disabled) return;
+		t.currentTarget.blur();
+		let r = u;
+		u = null, r && r.pointerType !== "mouse" && !r.wasExpanded && !c.value && e.expandOnHover ? (c.value = !0, m(), o.value = n.id) : (n.onClick?.(), a(n));
+	}
+	function D(e) {
+		T(), e.key === "Escape" ? g() : r(e, e.currentTarget);
+	}
+	function O(t) {
+		e.expandOnFocus && !t.currentTarget.contains(t.relatedTarget) && v();
+	}
+	return C(t, (e, t) => {
+		t && !e && (c.value = !1);
+	}), n(s(() => c.value && t.value), i, v, !0), h(() => {
+		p(), l.clear();
+	}), {
+		highlightId: f,
+		enter: b,
+		leave: x,
+		itemEnter: S,
+		start: w,
+		resetGesture: T,
+		run: E,
+		keydown: D,
+		blur: O,
+		open: m
+	};
+}
+// src/blocks/expandable-action-bar/src/ExpandableActionBar.vue
+var D = /* @__PURE__ */ p({
+	__name: "ExpandableActionBar",
+	props: {
+		items: {},
+		expanded: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		activeId: {},
+		size: { default: "md" },
+		expandOnHover: {
+			type: Boolean,
+			default: !0
+		},
+		expandOnFocus: {
+			type: Boolean,
+			default: !0
+		},
+		collapseDelay: { default: 90 },
+		classNames: {}
+	},
+	emits: [
+		"update:expanded",
+		"expandedChange",
+		"action"
+	],
+	setup(n, { emit: r }) {
+		let s = n, p = r, h = i(() => s.expanded, s.defaultExpanded, (e) => {
+			p("update:expanded", e), p("expandedChange", e);
+		}), b = e(), C = _(), D = S(), { highlightId: O, enter: k, leave: A, itemEnter: j, start: M, resetGesture: N, run: P, keydown: F, blur: I, open: L } = E(s, h, C, (e) => p("action", e)), R = {
+			type: "spring",
+			stiffness: 460,
+			damping: 34,
+			mass: .62
+		}, z = {
+			type: "spring",
+			stiffness: 380,
+			damping: 32,
+			mass: .7
+		};
+		return (e, r) => (g(), c(x(T).div, {
+			layout: "size",
+			role: "toolbar",
+			"aria-label": "Actions",
+			class: m(x(t)("inline-flex max-w-full", n.classNames?.root)),
+			transition: x(b) ? { duration: 0 } : R,
+			onPointerenter: x(k),
+			onPointerleave: x(A),
+			onFocusin: r[0] ||= (e) => n.expandOnFocus && x(L)(),
+			onFocusout: x(I),
+			onKeydown: x(F)
+		}, {
+			default: w(() => [f(x(T).div, {
+				ref_key: "track",
+				ref: C,
+				layout: "size",
+				class: m(x(t)("scrollbar-hide relative inline-flex max-w-full items-center overflow-x-auto overflow-y-hidden rounded-full border border-border bg-card/90 shadow-2xl backdrop-blur-xl", n.size === "sm" ? "min-h-9 gap-1 p-1 text-xs" : "min-h-11 gap-1.5 p-1.5 text-sm", n.classNames?.track)),
+				transition: x(b) ? { duration: 0 } : R
+			}, {
+				default: w(() => [(g(!0), u(o, null, v(n.items, (r) => (g(), c(x(T).button, {
+					key: r.id,
+					layout: "position",
+					type: "button",
+					disabled: r.disabled,
+					title: typeof r.label == "string" ? r.label : void 0,
+					"aria-label": typeof r.label == "string" ? r.label : void 0,
+					class: m(x(t)("relative isolate inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full font-medium text-muted-foreground outline-none transition-[color,background-color] duration-150 ease-out focus-visible:text-foreground focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40", x(O) === r.id && "text-foreground", n.size === "sm" ? "h-7 min-w-7 px-1.5" : "h-8 min-w-8 px-2", n.classNames?.item, (r.active || s.activeId === r.id) && n.classNames?.activeItem)),
+					"while-press": x(b) || r.disabled ? void 0 : { scale: .96 },
+					transition: x(b) ? { duration: 0 } : R,
+					onPointerenter: (e) => x(j)(e, r),
+					onPointerdown: x(M),
+					onPointercancel: x(N),
+					onKeydown: x(N),
+					onClick: (e) => x(P)(e, r)
+				}, {
+					default: w(() => [x(O) === r.id ? (g(), c(x(T).span, {
+						key: 0,
+						"layout-id": x(D) + "-highlight",
+						class: "absolute inset-0 -z-10 rounded-full bg-muted/80",
+						transition: x(b) ? { duration: 0 } : R
+					}, null, 8, ["layout-id", "transition"])) : l("", !0), y(e.$slots, "item", {
+						item: r,
+						expanded: x(h),
+						active: r.active || s.activeId === r.id
+					}, () => [
+						d("span", { class: m(x(t)("inline-flex shrink-0 items-center justify-center [&_svg]:size-full", n.size === "sm" ? "h-3.5 w-3.5" : "h-4 w-4", n.classNames?.icon)) }, [f(x(a), { node: r.icon }, null, 8, ["node"])], 2),
+						f(x(T).span, {
+							"aria-hidden": !x(h),
+							animate: {
+								width: x(h) ? "auto" : 0,
+								opacity: +!!x(h),
+								marginLeft: x(h) ? 8 : 0,
+								x: x(b) || x(h) ? 0 : -4,
+								filter: x(b) || x(h) ? "blur(0px)" : "blur(3px)"
+							},
+							transition: x(b) ? { duration: 0 } : z,
+							class: m(x(t)("inline-block overflow-hidden whitespace-nowrap", n.classNames?.label))
+						}, {
+							default: w(() => [f(x(a), { node: r.label }, null, 8, ["node"])]),
+							_: 2
+						}, 1032, [
+							"aria-hidden",
+							"animate",
+							"transition",
+							"class"
+						]),
+						r.shortcut ? (g(), c(x(T).span, {
+							key: 0,
+							"aria-hidden": !x(h),
+							animate: {
+								width: x(h) ? "auto" : 0,
+								opacity: +!!x(h),
+								marginLeft: x(h) ? 4 : 0
+							},
+							transition: x(b) ? { duration: 0 } : z,
+							class: m(x(t)("hidden overflow-hidden whitespace-nowrap text-[10px] text-muted-foreground sm:inline-block", n.classNames?.shortcut))
+						}, {
+							default: w(() => [f(x(a), { node: r.shortcut }, null, 8, ["node"])]),
+							_: 2
+						}, 1032, [
+							"aria-hidden",
+							"animate",
+							"transition",
+							"class"
+						])) : l("", !0),
+						r.badge ? (g(), u("span", {
+							key: 1,
+							class: m(x(t)("ml-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] leading-none text-primary-foreground", !x(h) && "absolute right-0.5 top-0.5", n.classNames?.badge))
+						}, [f(x(a), { node: r.badge }, null, 8, ["node"])], 2)) : l("", !0)
+					])]),
+					_: 2
+				}, 1032, [
+					"disabled",
+					"title",
+					"aria-label",
+					"class",
+					"while-press",
+					"transition",
+					"onPointerenter",
+					"onPointerdown",
+					"onPointercancel",
+					"onKeydown",
+					"onClick"
+				]))), 128))]),
+				_: 3
+			}, 8, ["class", "transition"])]),
+			_: 3
+		}, 8, [
+			"class",
+			"transition",
+			"onPointerenter",
+			"onPointerleave",
+			"onFocusout",
+			"onKeydown"
+		]));
+	}
+});
+// src/blocks/expandable-action-bar/index.ts
+function O(e) {
+	let t = _(!1), n = _(b(e)[0]?.id);
+	return {
+		expanded: t,
+		setExpanded: (e) => t.value = e,
+		activeId: n,
+		setActiveId: (e) => n.value = e,
+		activeItem: s(() => b(e).find((e) => e.id === n.value))
+	};
+}
+export { D as n, O as t };
+
+//# sourceMappingURL=expandable-action-bar-Cs8jgCn-.js.map

package/dist/expandable-action-bar-Cs8jgCn-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-action-bar-Cs8jgCn-.js","names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createVNode","_createElementBlock","_Fragment","_renderList","_createCommentVNode","_renderSlot","_createElementVNode","_sfc_main","useReducedMotion","useBlockDismiss","rove","useControllable","RenderNode","useActionBar","hovered","ref","touchExpanded","contacts","gesture","timer","highlightId","computed","options","item","cancel","open","collapse","close","hovering","event","enter","leave","itemEnter","start","expanded","resetGesture","run","activation","selected","keydown","blur","watch","previous","value","track","onBeforeUnmount","ExpandableActionBar_default","defineComponent","__emit","props","__props","emit","reduce","id","useId","itemTransition","labelTransition","openBlock","createBlock","unref","motion","normalizeClass","cn","_cache","withCtx","createVNode","createElementBlock","Fragment","renderList","$event","createCommentVNode","renderSlot","_ctx","createElementVNode","useExpandableActionBar","activeId","toValue","items"],"sources":["../src/blocks/expandable-action-bar/src/use-action-bar.ts","../src/blocks/expandable-action-bar/src/ExpandableActionBar.vue","../src/blocks/expandable-action-bar/src/ExpandableActionBar.vue","../src/blocks/expandable-action-bar/index.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, watch, type Ref } from \"vue\";\nimport { useBlockDismiss } from \"../../dismiss\";\nimport { rove } from \"../../shared\";\nimport type { ExpandableActionBarItem } from \"./ExpandableActionBar.vue\";\ntype Options = {\n  items: ExpandableActionBarItem[];\n  activeId?: string;\n  expandOnHover: boolean;\n  expandOnFocus: boolean;\n  collapseDelay: number;\n};\nexport function useActionBar(\n  options: Options,\n  expanded: Ref<boolean>,\n  track: Ref<unknown>,\n  selected: (item: ExpandableActionBarItem) => void,\n) {\n  const hovered = ref<string | null>(null),\n    touchExpanded = ref(false);\n  const contacts = new Set<number>();\n  let gesture: { pointerType: string; wasExpanded: boolean } | null = null;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  const highlightId = computed(\n    () =>\n      hovered.value ??\n      options.activeId ??\n      options.items.find((item) => item.active)?.id,\n  );\n  function cancel() {\n    clearTimeout(timer);\n    timer = undefined;\n  }\n  function open() {\n    cancel();\n    expanded.value = true;\n  }\n  function collapse() {\n    cancel();\n    expanded.value = false;\n    hovered.value = null;\n    touchExpanded.value = false;\n  }\n  function close() {\n    cancel();\n    timer = setTimeout(collapse, options.collapseDelay);\n  }\n  function hovering(event: PointerEvent) {\n    if (event.pointerType !== \"touch\" && event.buttons === 0) {\n      contacts.delete(event.pointerId);\n      return true;\n    }\n    contacts.add(event.pointerId);\n    return false;\n  }\n  function enter(event: PointerEvent) {\n    if (hovering(event) && options.expandOnHover) open();\n  }\n  function leave(event: PointerEvent) {\n    const contact = contacts.delete(event.pointerId);\n    if (contact || event.pointerType === \"touch\") return;\n    hovered.value = null;\n    if (options.expandOnHover) close();\n  }\n  function itemEnter(event: PointerEvent, item: ExpandableActionBarItem) {\n    if (hovering(event)) {\n      cancel();\n      hovered.value = item.id;\n    }\n  }\n  function start(event: PointerEvent) {\n    gesture = { pointerType: event.pointerType, wasExpanded: expanded.value };\n  }\n  function resetGesture() {\n    gesture = null;\n  }\n  function run(event: MouseEvent, item: ExpandableActionBarItem) {\n    if (item.disabled) return;\n    (event.currentTarget as HTMLButtonElement).blur();\n    const activation = gesture;\n    gesture = null;\n    if (\n      activation &&\n      activation.pointerType !== \"mouse\" &&\n      !activation.wasExpanded &&\n      !touchExpanded.value &&\n      options.expandOnHover\n    ) {\n      touchExpanded.value = true;\n      open();\n      hovered.value = item.id;\n      return;\n    }\n    item.onClick?.();\n    selected(item);\n  }\n  function keydown(event: KeyboardEvent) {\n    resetGesture();\n    if (event.key === \"Escape\") collapse();\n    else rove(event, event.currentTarget as HTMLElement);\n  }\n  function blur(event: FocusEvent) {\n    if (\n      options.expandOnFocus &&\n      !(event.currentTarget as HTMLElement).contains(\n        event.relatedTarget as Node,\n      )\n    )\n      close();\n  }\n  watch(expanded, (value, previous) => {\n    if (previous && !value) touchExpanded.value = false;\n  });\n  useBlockDismiss(\n    computed(() => touchExpanded.value && expanded.value),\n    track,\n    close,\n    true,\n  );\n  onBeforeUnmount(() => {\n    cancel();\n    contacts.clear();\n  });\n  return {\n    highlightId,\n    enter,\n    leave,\n    itemEnter,\n    start,\n    resetGesture,\n    run,\n    keydown,\n    blur,\n    open,\n  };\n}\n","<script setup lang=\"ts\">\nimport { ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { useActionBar } from \"./use-action-bar\";\nimport type {\n  ExpandableActionBarClassNames,\n  ExpandableActionBarSize,\n} from \"./source-types\";\nexport interface ExpandableActionBarItem {\n  id: string;\n  label: Content;\n  icon: Content;\n  onClick?: () => void;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: Content;\n  shortcut?: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: ExpandableActionBarItem[];\n    expanded?: boolean;\n    defaultExpanded?: boolean;\n    activeId?: string;\n    size?: ExpandableActionBarSize;\n    expandOnHover?: boolean;\n    expandOnFocus?: boolean;\n    collapseDelay?: number;\n    classNames?: ExpandableActionBarClassNames;\n  }>(),\n  {\n    expanded: undefined,\n    defaultExpanded: false,\n    size: \"md\",\n    expandOnHover: true,\n    expandOnFocus: true,\n    collapseDelay: 90,\n  },\n);\nconst emit = defineEmits<{\n  \"update:expanded\": [value: boolean];\n  expandedChange: [value: boolean];\n  action: [item: ExpandableActionBarItem];\n}>();\nconst expanded = useControllable(\n  () => props.expanded,\n  props.defaultExpanded,\n  (value) => {\n    emit(\"update:expanded\", value);\n    emit(\"expandedChange\", value);\n  },\n);\nconst reduce = useReducedMotion(),\n  track = ref<unknown>(),\n  id = useId();\nconst {\n  highlightId,\n  enter,\n  leave,\n  itemEnter,\n  start,\n  resetGesture,\n  run,\n  keydown,\n  blur,\n  open,\n} = useActionBar(props, expanded, track, (item) => emit(\"action\", item));\nconst itemTransition = {\n  type: \"spring\",\n  stiffness: 460,\n  damping: 34,\n  mass: 0.62,\n} as const;\nconst labelTransition = {\n  type: \"spring\",\n  stiffness: 380,\n  damping: 32,\n  mass: 0.7,\n} as const;\n</script>\n<template>\n  <motion.div\n    layout=\"size\"\n    role=\"toolbar\"\n    aria-label=\"Actions\"\n    :class=\"cn('inline-flex max-w-full', classNames?.root)\"\n    :transition=\"reduce ? { duration: 0 } : itemTransition\"\n    @pointerenter=\"enter\"\n    @pointerleave=\"leave\"\n    @focusin=\"expandOnFocus && open()\"\n    @focusout=\"blur\"\n    @keydown=\"keydown\"\n  >\n    <motion.div\n      ref=\"track\"\n      layout=\"size\"\n      :class=\"\n        cn(\n          'scrollbar-hide relative inline-flex max-w-full items-center overflow-x-auto overflow-y-hidden rounded-full border border-border bg-card/90 shadow-2xl backdrop-blur-xl',\n          size === 'sm'\n            ? 'min-h-9 gap-1 p-1 text-xs'\n            : 'min-h-11 gap-1.5 p-1.5 text-sm',\n          classNames?.track,\n        )\n      \"\n      :transition=\"reduce ? { duration: 0 } : itemTransition\"\n    >\n      <motion.button\n        v-for=\"item in items\"\n        :key=\"item.id\"\n        layout=\"position\"\n        type=\"button\"\n        :disabled=\"item.disabled\"\n        :title=\"typeof item.label === 'string' ? item.label : undefined\"\n        :aria-label=\"typeof item.label === 'string' ? item.label : undefined\"\n        :class=\"\n          cn(\n            'relative isolate inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full font-medium text-muted-foreground outline-none transition-[color,background-color] duration-150 ease-out focus-visible:text-foreground focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40',\n            highlightId === item.id && 'text-foreground',\n            size === 'sm' ? 'h-7 min-w-7 px-1.5' : 'h-8 min-w-8 px-2',\n            classNames?.item,\n            (item.active || props.activeId === item.id) &&\n              classNames?.activeItem,\n          )\n        \"\n        :while-press=\"reduce || item.disabled ? undefined : { scale: 0.96 }\"\n        :transition=\"reduce ? { duration: 0 } : itemTransition\"\n        @pointerenter=\"itemEnter($event, item)\"\n        @pointerdown=\"start\"\n        @pointercancel=\"resetGesture\"\n        @keydown=\"resetGesture\"\n        @click=\"run($event, item)\"\n      >\n        <motion.span\n          v-if=\"highlightId === item.id\"\n          :layout-id=\"id + '-highlight'\"\n          class=\"absolute inset-0 -z-10 rounded-full bg-muted/80\"\n          :transition=\"reduce ? { duration: 0 } : itemTransition\"\n        />\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :expanded=\"expanded\"\n          :active=\"item.active || props.activeId === item.id\"\n        >\n          <span\n            :class=\"\n              cn(\n                'inline-flex shrink-0 items-center justify-center [&_svg]:size-full',\n                size === 'sm' ? 'h-3.5 w-3.5' : 'h-4 w-4',\n                classNames?.icon,\n              )\n            \"\n            ><RenderNode :node=\"item.icon\"\n          /></span>\n          <motion.span\n            :aria-hidden=\"!expanded\"\n            :animate=\"{\n              width: expanded ? 'auto' : 0,\n              opacity: expanded ? 1 : 0,\n              marginLeft: expanded ? 8 : 0,\n              x: reduce || expanded ? 0 : -4,\n              filter: reduce || expanded ? 'blur(0px)' : 'blur(3px)',\n            }\"\n            :transition=\"reduce ? { duration: 0 } : labelTransition\"\n            :class=\"\n              cn(\n                'inline-block overflow-hidden whitespace-nowrap',\n                classNames?.label,\n              )\n            \"\n            ><RenderNode :node=\"item.label\"\n          /></motion.span>\n          <motion.span\n            v-if=\"item.shortcut\"\n            :aria-hidden=\"!expanded\"\n            :animate=\"{\n              width: expanded ? 'auto' : 0,\n              opacity: expanded ? 1 : 0,\n              marginLeft: expanded ? 4 : 0,\n            }\"\n            :transition=\"reduce ? { duration: 0 } : labelTransition\"\n            :class=\"\n              cn(\n                'hidden overflow-hidden whitespace-nowrap text-[10px] text-muted-foreground sm:inline-block',\n                classNames?.shortcut,\n              )\n            \"\n            ><RenderNode :node=\"item.shortcut\"\n          /></motion.span>\n          <span\n            v-if=\"item.badge\"\n            :class=\"\n              cn(\n                'ml-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] leading-none text-primary-foreground',\n                !expanded && 'absolute right-0.5 top-0.5',\n                classNames?.badge,\n              )\n            \"\n            ><RenderNode :node=\"item.badge\"\n          /></span>\n        </slot>\n      </motion.button>\n    </motion.div>\n  </motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { useActionBar } from \"./use-action-bar\";\nimport type {\n  ExpandableActionBarClassNames,\n  ExpandableActionBarSize,\n} from \"./source-types\";\nexport interface ExpandableActionBarItem {\n  id: string;\n  label: Content;\n  icon: Content;\n  onClick?: () => void;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: Content;\n  shortcut?: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: ExpandableActionBarItem[];\n    expanded?: boolean;\n    defaultExpanded?: boolean;\n    activeId?: string;\n    size?: ExpandableActionBarSize;\n    expandOnHover?: boolean;\n    expandOnFocus?: boolean;\n    collapseDelay?: number;\n    classNames?: ExpandableActionBarClassNames;\n  }>(),\n  {\n    expanded: undefined,\n    defaultExpanded: false,\n    size: \"md\",\n    expandOnHover: true,\n    expandOnFocus: true,\n    collapseDelay: 90,\n  },\n);\nconst emit = defineEmits<{\n  \"update:expanded\": [value: boolean];\n  expandedChange: [value: boolean];\n  action: [item: ExpandableActionBarItem];\n}>();\nconst expanded = useControllable(\n  () => props.expanded,\n  props.defaultExpanded,\n  (value) => {\n    emit(\"update:expanded\", value);\n    emit(\"expandedChange\", value);\n  },\n);\nconst reduce = useReducedMotion(),\n  track = ref<unknown>(),\n  id = useId();\nconst {\n  highlightId,\n  enter,\n  leave,\n  itemEnter,\n  start,\n  resetGesture,\n  run,\n  keydown,\n  blur,\n  open,\n} = useActionBar(props, expanded, track, (item) => emit(\"action\", item));\nconst itemTransition = {\n  type: \"spring\",\n  stiffness: 460,\n  damping: 34,\n  mass: 0.62,\n} as const;\nconst labelTransition = {\n  type: \"spring\",\n  stiffness: 380,\n  damping: 32,\n  mass: 0.7,\n} as const;\n</script>\n<template>\n  <motion.div\n    layout=\"size\"\n    role=\"toolbar\"\n    aria-label=\"Actions\"\n    :class=\"cn('inline-flex max-w-full', classNames?.root)\"\n    :transition=\"reduce ? { duration: 0 } : itemTransition\"\n    @pointerenter=\"enter\"\n    @pointerleave=\"leave\"\n    @focusin=\"expandOnFocus && open()\"\n    @focusout=\"blur\"\n    @keydown=\"keydown\"\n  >\n    <motion.div\n      ref=\"track\"\n      layout=\"size\"\n      :class=\"\n        cn(\n          'scrollbar-hide relative inline-flex max-w-full items-center overflow-x-auto overflow-y-hidden rounded-full border border-border bg-card/90 shadow-2xl backdrop-blur-xl',\n          size === 'sm'\n            ? 'min-h-9 gap-1 p-1 text-xs'\n            : 'min-h-11 gap-1.5 p-1.5 text-sm',\n          classNames?.track,\n        )\n      \"\n      :transition=\"reduce ? { duration: 0 } : itemTransition\"\n    >\n      <motion.button\n        v-for=\"item in items\"\n        :key=\"item.id\"\n        layout=\"position\"\n        type=\"button\"\n        :disabled=\"item.disabled\"\n        :title=\"typeof item.label === 'string' ? item.label : undefined\"\n        :aria-label=\"typeof item.label === 'string' ? item.label : undefined\"\n        :class=\"\n          cn(\n            'relative isolate inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full font-medium text-muted-foreground outline-none transition-[color,background-color] duration-150 ease-out focus-visible:text-foreground focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40',\n            highlightId === item.id && 'text-foreground',\n            size === 'sm' ? 'h-7 min-w-7 px-1.5' : 'h-8 min-w-8 px-2',\n            classNames?.item,\n            (item.active || props.activeId === item.id) &&\n              classNames?.activeItem,\n          )\n        \"\n        :while-press=\"reduce || item.disabled ? undefined : { scale: 0.96 }\"\n        :transition=\"reduce ? { duration: 0 } : itemTransition\"\n        @pointerenter=\"itemEnter($event, item)\"\n        @pointerdown=\"start\"\n        @pointercancel=\"resetGesture\"\n        @keydown=\"resetGesture\"\n        @click=\"run($event, item)\"\n      >\n        <motion.span\n          v-if=\"highlightId === item.id\"\n          :layout-id=\"id + '-highlight'\"\n          class=\"absolute inset-0 -z-10 rounded-full bg-muted/80\"\n          :transition=\"reduce ? { duration: 0 } : itemTransition\"\n        />\n        <slot\n          name=\"item\"\n          :item=\"item\"\n          :expanded=\"expanded\"\n          :active=\"item.active || props.activeId === item.id\"\n        >\n          <span\n            :class=\"\n              cn(\n                'inline-flex shrink-0 items-center justify-center [&_svg]:size-full',\n                size === 'sm' ? 'h-3.5 w-3.5' : 'h-4 w-4',\n                classNames?.icon,\n              )\n            \"\n            ><RenderNode :node=\"item.icon\"\n          /></span>\n          <motion.span\n            :aria-hidden=\"!expanded\"\n            :animate=\"{\n              width: expanded ? 'auto' : 0,\n              opacity: expanded ? 1 : 0,\n              marginLeft: expanded ? 8 : 0,\n              x: reduce || expanded ? 0 : -4,\n              filter: reduce || expanded ? 'blur(0px)' : 'blur(3px)',\n            }\"\n            :transition=\"reduce ? { duration: 0 } : labelTransition\"\n            :class=\"\n              cn(\n                'inline-block overflow-hidden whitespace-nowrap',\n                classNames?.label,\n              )\n            \"\n            ><RenderNode :node=\"item.label\"\n          /></motion.span>\n          <motion.span\n            v-if=\"item.shortcut\"\n            :aria-hidden=\"!expanded\"\n            :animate=\"{\n              width: expanded ? 'auto' : 0,\n              opacity: expanded ? 1 : 0,\n              marginLeft: expanded ? 4 : 0,\n            }\"\n            :transition=\"reduce ? { duration: 0 } : labelTransition\"\n            :class=\"\n              cn(\n                'hidden overflow-hidden whitespace-nowrap text-[10px] text-muted-foreground sm:inline-block',\n                classNames?.shortcut,\n              )\n            \"\n            ><RenderNode :node=\"item.shortcut\"\n          /></motion.span>\n          <span\n            v-if=\"item.badge\"\n            :class=\"\n              cn(\n                'ml-0.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-destructive px-1 text-[10px] leading-none text-primary-foreground',\n                !expanded && 'absolute right-0.5 top-0.5',\n                classNames?.badge,\n              )\n            \"\n            ><RenderNode :node=\"item.badge\"\n          /></span>\n        </slot>\n      </motion.button>\n    </motion.div>\n  </motion.div>\n</template>\n","export { default as ExpandableActionBar } from \"./src/ExpandableActionBar.vue\";\nexport type { ExpandableActionBarItem } from \"./src/ExpandableActionBar.vue\";\nimport { ref, computed, toValue, type MaybeRefOrGetter } from \"vue\";\nimport type { ExpandableActionBarItem } from \"./src/ExpandableActionBar.vue\";\nexport function useExpandableActionBar(\n  items: MaybeRefOrGetter<ExpandableActionBarItem[]>,\n) {\n  const expanded = ref(false);\n  const activeId = ref(toValue(items)[0]?.id);\n  const activeItem = computed(() =>\n    toValue(items).find((item) => item.id === activeId.value),\n  );\n  return {\n    expanded,\n    setExpanded: (value: boolean) => (expanded.value = value),\n    activeId,\n    setActiveId: (value: string) => (activeId.value = value),\n    activeItem,\n  };\n}\n\nexport type * from \"./src/api-types\";\n\nexport type * from \"./src/source-types\";\n"],"mappings":"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"}

package/dist/expandable-control-jWQR_WG5.js

@@ -0,0 +1,210 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { n } from "./state-DWNDjqAL.js";
+import { t as r } from "./utils-DIrLOK2M.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { AnimatePresence as b, motion as x } from "motion-v";
+import { Plus as S, X as C } from "lucide-vue-next";
+// src/motion/expandable-control/src/transition.ts
+var w = {
+	type: "spring",
+	stiffness: 220,
+	damping: 17,
+	mass: .85
+}, T = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "ExpandableButton",
+	props: {
+		expanded: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		icon: {},
+		label: { default: "Create new" },
+		disabled: { type: Boolean },
+		type: { default: "button" }
+	},
+	emits: ["update:expanded"],
+	setup(t, { emit: s }) {
+		let u = t, f = n(u, s, "expanded", u.defaultExpanded), m = e(), C = i(() => m.value ? { duration: 0 } : w);
+		function T(e) {
+			!u.disabled && !e.defaultPrevented && (f.value = !f.value);
+		}
+		return (e, n) => (p(), a(v(x).span, {
+			layout: "",
+			transition: C.value,
+			class: "inline-flex"
+		}, {
+			default: y(() => [l(v(x).button, d(e.$attrs, {
+				layout: "",
+				type: t.type,
+				"aria-label": e.$attrs["aria-label"] ?? t.label,
+				"aria-expanded": v(f),
+				disabled: t.disabled,
+				class: v(r)("relative inline-flex h-11 min-w-11 items-center overflow-hidden rounded-full border border-border bg-transparent p-1 pr-1 text-sm font-medium text-foreground outline-none transition-colors focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", v(f) && !t.disabled && "border-primary/40", e.$attrs.class),
+				style: { borderRadius: "9999px" },
+				onClick: T,
+				"while-press": v(m) || t.disabled ? void 0 : { scale: .97 },
+				transition: C.value
+			}), {
+				default: y(() => [l(v(x).span, {
+					layout: "position",
+					class: "grid size-9 shrink-0 place-items-center",
+					"aria-hidden": "true",
+					transition: C.value
+				}, {
+					default: y(() => [h(e.$slots, "icon", {}, () => [(p(), a(g(t.icon ?? v(S)), { class: "size-5" }))])]),
+					_: 3
+				}, 8, ["transition"]), l(v(b), {
+					mode: "popLayout",
+					initial: !1
+				}, {
+					default: y(() => [v(f) ? (p(), a(v(x).span, {
+						key: "label",
+						layout: "",
+						initial: v(m) ? { opacity: 0 } : {
+							opacity: 0,
+							filter: "blur(4px)"
+						},
+						animate: v(m) ? { opacity: 1 } : {
+							opacity: 1,
+							filter: "blur(0px)"
+						},
+						exit: v(m) ? { opacity: 0 } : {
+							opacity: 0,
+							filter: "blur(4px)"
+						},
+						transition: C.value,
+						class: "relative inline-flex w-max items-center whitespace-nowrap pr-3",
+						"aria-hidden": "true"
+					}, {
+						default: y(() => [h(e.$slots, "default", {}, () => [c(_(t.label), 1)])]),
+						_: 3
+					}, 8, [
+						"initial",
+						"animate",
+						"exit",
+						"transition"
+					])) : o("", !0)]),
+					_: 3
+				})]),
+				_: 3
+			}, 16, [
+				"type",
+				"aria-label",
+				"aria-expanded",
+				"disabled",
+				"class",
+				"while-press",
+				"transition"
+			])]),
+			_: 3
+		}, 8, ["transition"]));
+	}
+}), E = { "aria-hidden": "true" }, D = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "ExpandableChip",
+	props: {
+		expanded: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		label: {},
+		actionIcon: {},
+		actionLabel: { default: "Remove" },
+		collapseOnAction: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: { type: Boolean },
+		labelClassName: {},
+		actionClassName: {}
+	},
+	emits: ["update:expanded", "action"],
+	setup(o, { emit: u }) {
+		let b = o, S = u, T = n(b, S, "expanded", b.defaultExpanded), D = e(), O = m(null), k = i(() => D.value ? { duration: 0 } : w);
+		function A(e) {
+			!b.disabled && !e.defaultPrevented && (T.value = !T.value);
+		}
+		function j(e) {
+			b.disabled || !T.value || e.defaultPrevented || (S("action"), b.collapseOnAction && (T.value = !1, O.value?.focus()));
+		}
+		return (e, n) => (p(), a(v(x).span, {
+			layout: "",
+			transition: k.value,
+			class: "inline-flex"
+		}, {
+			default: y(() => [l(v(x).div, d(e.$attrs, {
+				layout: "",
+				transition: k.value,
+				style: { borderRadius: "9999px" },
+				class: v(r)("inline-flex h-10 items-center overflow-hidden rounded-full border border-border bg-transparent text-sm text-foreground has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-inset has-[:focus-visible]:ring-ring", v(T) && !o.disabled && "border-primary/40", e.$attrs.class)
+			}), {
+				default: y(() => [l(v(x).button, {
+					layout: "position",
+					ref: (e) => O.value = v(t)(e),
+					type: "button",
+					"aria-expanded": v(T),
+					disabled: o.disabled,
+					class: f(v(r)("h-full whitespace-nowrap py-0 pl-3 font-medium outline-none disabled:pointer-events-none disabled:opacity-50", v(T) ? "pr-1" : "pr-3", o.labelClassName)),
+					onClick: A,
+					transition: k.value
+				}, {
+					default: y(() => [c(_(o.label), 1)]),
+					_: 1
+				}, 8, [
+					"aria-expanded",
+					"disabled",
+					"class",
+					"transition"
+				]), l(v(x).span, {
+					class: f(v(r)("relative inline-flex h-10 shrink-0 items-center overflow-hidden", v(T) ? "w-8" : "w-0")),
+					"aria-hidden": !v(T),
+					initial: !1,
+					animate: v(D) ? { opacity: +!!v(T) } : {
+						opacity: +!!v(T),
+						filter: v(T) ? "blur(0px)" : "blur(4px)"
+					},
+					transition: k.value
+				}, {
+					default: y(() => [l(v(x).button, {
+						type: "button",
+						"aria-label": o.actionLabel,
+						disabled: o.disabled || !v(T),
+						class: f(v(r)("flex h-10 w-8 shrink-0 items-center justify-center rounded-full text-muted-foreground outline-none transition-colors hover:text-foreground disabled:pointer-events-none", o.disabled && "opacity-50", o.actionClassName)),
+						onClick: j,
+						"while-press": v(D) || o.disabled ? void 0 : { scale: .97 },
+						transition: k.value
+					}, {
+						default: y(() => [s("span", E, [h(e.$slots, "actionIcon", {}, () => [(p(), a(g(o.actionIcon ?? v(C)), { class: "size-3.5" }))])])]),
+						_: 3
+					}, 8, [
+						"aria-label",
+						"disabled",
+						"class",
+						"while-press",
+						"transition"
+					])]),
+					_: 3
+				}, 8, [
+					"class",
+					"aria-hidden",
+					"animate",
+					"transition"
+				])]),
+				_: 3
+			}, 16, ["transition", "class"])]),
+			_: 3
+		}, 8, ["transition"]));
+	}
+});
+export { T as n, D as t };
+
+//# sourceMappingURL=expandable-control-jWQR_WG5.js.map