@orvui/vue 0.0.0-stage → 0.1.0

package/dist/action-swap-CIPNHnoQ.js

@@ -0,0 +1,321 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t } from "./state-DWNDjqAL.js";
+import { l as n, o as r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { t as a } from "./RenderContent-CwtJ7hLl.js";
+import { t as o } from "./ActionSwapText-GBQfNPxd.js";
+import { t as s } from "./ActionSwapIcon-BWUn5TzV.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeProps as v, normalizeClass as y, normalizeProps as b, openBlock as x, renderSlot as S, toDisplayString as C, unref as w, withCtx as T } from "vue";
+import { motion as E } from "motion-v";
+// src/motion/action-swap/src/ActionSwapButton.vue
+var D = /* @__PURE__ */ g({
+	__name: "ActionSwapButton",
+	props: {
+		items: {},
+		modelValue: {},
+		value: {},
+		defaultValue: {},
+		animation: { default: "blur" },
+		variant: { default: "secondary" },
+		size: { default: "md" },
+		iconOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		cycle: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"update:value",
+		"valueChange",
+		"click"
+	],
+	setup(p, { emit: g }) {
+		let _ = p, v = g, b = t(_, v, "modelValue", _.defaultValue ?? _.items[0]?.id ?? ""), D = l(() => Math.max(0, _.items.findIndex((e) => e.id === (_.value ?? b.value)))), O = l(() => _.items[D.value] ?? _.items[0]), k = l(() => _.iconOnly ?? _.size === "icon"), A = l(() => _.items.some((e) => !!e.icon)), j = e(), M = l(() => ({
+			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+			secondary: "border border-border bg-card text-foreground hover:border-border",
+			outline: "border border-border bg-transparent text-foreground hover:bg-muted/60",
+			ghost: "text-muted-foreground hover:bg-muted/60 hover:text-foreground"
+		})[_.variant]), N = l(() => ({
+			sm: "h-8 gap-1.5 rounded-full px-3 text-xs",
+			md: "h-10 gap-2 rounded-full px-4 text-sm",
+			lg: "h-12 gap-2.5 rounded-full px-5 text-base",
+			icon: "h-10 w-10 rounded-full"
+		})[_.size]), P = l(() => O.value?.ariaLabel ?? (k.value && ["string", "number"].includes(typeof O.value?.label) ? String(O.value.label) : void 0));
+		function F(e) {
+			if (v("click", e), e.defaultPrevented || _.disabled || !_.cycle || !_.items.length) return;
+			let t = _.items[(D.value + 1) % _.items.length];
+			b.value = t.id, v("update:value", t.id), v("valueChange", t.id, t);
+		}
+		return (e, t) => O.value ? (x(), u(w(E).button, {
+			key: 0,
+			type: "button",
+			disabled: p.disabled,
+			layout: "",
+			"layout-dependency": O.value.id,
+			"aria-label": P.value,
+			"while-press": w(j) || p.disabled ? void 0 : { scale: .97 },
+			transition: {
+				...w(n),
+				layout: w(j) ? { duration: 0 } : w(r)
+			},
+			style: { borderRadius: "9999px" },
+			class: y(w(i)("inline-flex items-center justify-center overflow-hidden font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50", M.value, N.value, e.$attrs.class)),
+			onClick: F
+		}, {
+			default: T(() => [A.value || e.$slots.icon ? (x(), u(w(E).span, {
+				key: 0,
+				layout: "position",
+				"layout-dependency": O.value.id,
+				transition: w(j) ? { duration: 0 } : w(r),
+				class: "inline-flex shrink-0"
+			}, {
+				default: T(() => [h(s, {
+					value: O.value.id,
+					animation: p.animation,
+					class: "h-4 w-4"
+				}, {
+					default: T(() => [S(e.$slots, "icon", { item: O.value }, () => [O.value.icon ? (x(), u(w(a), {
+						key: 0,
+						node: O.value.icon,
+						class: "size-4"
+					}, null, 8, ["node"])) : d("", !0)])]),
+					_: 3
+				}, 8, ["value", "animation"])]),
+				_: 3
+			}, 8, ["layout-dependency", "transition"])) : d("", !0), k.value ? d("", !0) : (x(), u(w(E).span, {
+				key: 1,
+				layout: "position",
+				"layout-dependency": O.value.id,
+				transition: w(j) ? { duration: 0 } : w(r),
+				class: "inline-flex min-w-0 max-w-full"
+			}, {
+				default: T(() => [h(o, {
+					value: O.value.id,
+					animation: p.animation
+				}, {
+					default: T(() => [S(e.$slots, "default", { item: O.value }, () => [typeof O.value.label == "string" || typeof O.value.label == "number" ? (x(), f(c, { key: 0 }, [m(C(O.value.label), 1)], 64)) : (x(), u(w(a), {
+						key: 1,
+						node: O.value.label
+					}, null, 8, ["node"]))])]),
+					_: 3
+				}, 8, ["value", "animation"])]),
+				_: 3
+			}, 8, ["layout-dependency", "transition"]))]),
+			_: 3
+		}, 8, [
+			"disabled",
+			"layout-dependency",
+			"aria-label",
+			"while-press",
+			"transition",
+			"class"
+		])) : d("", !0);
+	}
+}), O = /* @__PURE__ */ g({
+	__name: "ActionSwapCascadeButton",
+	props: {
+		items: {},
+		modelValue: {},
+		value: {},
+		defaultValue: {},
+		cycle: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: { type: Boolean },
+		variant: {},
+		size: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:value",
+		"valueChange"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e, t) {
+			r("valueChange", e, t);
+		}
+		return (e, t) => (x(), u(D, v(n, {
+			animation: "cascade",
+			"onUpdate:modelValue": t[0] ||= (e) => r("update:modelValue", e),
+			"onUpdate:value": t[1] ||= (e) => r("update:value", e),
+			onValueChange: i
+		}), p({ _: 2 }, [e.$slots.default ? {
+			name: "default",
+			fn: T((t) => [S(e.$slots, "default", b(_(t)))]),
+			key: "0"
+		} : void 0, e.$slots.icon ? {
+			name: "icon",
+			fn: T((t) => [S(e.$slots, "icon", b(_(t)))]),
+			key: "1"
+		} : void 0]), 1040));
+	}
+}), k = /* @__PURE__ */ g({
+	__name: "ActionSwapCascadeText",
+	props: { value: {} },
+	setup(e) {
+		let t = e;
+		return (e, n) => (x(), u(o, {
+			value: t.value,
+			animation: "cascade"
+		}, {
+			default: T(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 8, ["value"]));
+	}
+}), A = /* @__PURE__ */ g({
+	__name: "ActionSwapCascadeIcon",
+	props: { value: {} },
+	setup(e) {
+		let t = e;
+		return (e, n) => (x(), u(s, {
+			value: t.value,
+			animation: "cascade"
+		}, {
+			default: T(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 8, ["value"]));
+	}
+}), j = /* @__PURE__ */ g({
+	__name: "ActionSwapBlurButton",
+	props: {
+		items: {},
+		modelValue: {},
+		value: {},
+		defaultValue: {},
+		cycle: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: { type: Boolean },
+		variant: {},
+		size: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:value",
+		"valueChange"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e, t) {
+			r("valueChange", e, t);
+		}
+		return (e, t) => (x(), u(D, v(n, {
+			animation: "blur",
+			"onUpdate:modelValue": t[0] ||= (e) => r("update:modelValue", e),
+			"onUpdate:value": t[1] ||= (e) => r("update:value", e),
+			onValueChange: i
+		}), p({ _: 2 }, [e.$slots.default ? {
+			name: "default",
+			fn: T((t) => [S(e.$slots, "default", b(_(t)))]),
+			key: "0"
+		} : void 0, e.$slots.icon ? {
+			name: "icon",
+			fn: T((t) => [S(e.$slots, "icon", b(_(t)))]),
+			key: "1"
+		} : void 0]), 1040));
+	}
+}), M = /* @__PURE__ */ g({
+	__name: "ActionSwapBlurText",
+	props: { value: {} },
+	setup(e) {
+		let t = e;
+		return (e, n) => (x(), u(o, {
+			value: t.value,
+			animation: "blur"
+		}, {
+			default: T(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 8, ["value"]));
+	}
+}), N = /* @__PURE__ */ g({
+	__name: "ActionSwapBlurIcon",
+	props: { value: {} },
+	setup(e) {
+		let t = e;
+		return (e, n) => (x(), u(s, {
+			value: t.value,
+			animation: "blur"
+		}, {
+			default: T(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 8, ["value"]));
+	}
+}), P = /* @__PURE__ */ g({
+	__name: "ActionSwapRollButton",
+	props: {
+		items: {},
+		modelValue: {},
+		value: {},
+		defaultValue: {},
+		cycle: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: { type: Boolean },
+		variant: {},
+		size: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:value",
+		"valueChange"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e, t) {
+			r("valueChange", e, t);
+		}
+		return (e, t) => (x(), u(D, v(n, {
+			animation: "roll",
+			"onUpdate:modelValue": t[0] ||= (e) => r("update:modelValue", e),
+			"onUpdate:value": t[1] ||= (e) => r("update:value", e),
+			onValueChange: i
+		}), p({ _: 2 }, [e.$slots.default ? {
+			name: "default",
+			fn: T((t) => [S(e.$slots, "default", b(_(t)))]),
+			key: "0"
+		} : void 0, e.$slots.icon ? {
+			name: "icon",
+			fn: T((t) => [S(e.$slots, "icon", b(_(t)))]),
+			key: "1"
+		} : void 0]), 1040));
+	}
+}), F = /* @__PURE__ */ g({
+	__name: "ActionSwapRollText",
+	props: { value: {} },
+	setup(e) {
+		let t = e;
+		return (e, n) => (x(), u(o, {
+			value: t.value,
+			animation: "roll"
+		}, {
+			default: T(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 8, ["value"]));
+	}
+}), I = /* @__PURE__ */ g({
+	__name: "ActionSwapRollIcon",
+	props: { value: {} },
+	setup(e) {
+		let t = e;
+		return (e, n) => (x(), u(s, {
+			value: t.value,
+			animation: "roll"
+		}, {
+			default: T(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 8, ["value"]));
+	}
+});
+export { M as a, k as c, N as i, O as l, F as n, j as o, P as r, A as s, I as t, D as u };
+
+//# sourceMappingURL=action-swap-CIPNHnoQ.js.map

package/dist/action-swap-CIPNHnoQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-swap-CIPNHnoQ.js","names":["$attrs","$slots","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createVNode","ActionSwapIcon","_renderSlot","RenderContent","_createCommentVNode","ActionSwapText","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","_sfc_main","$slots","_openBlock","_createBlock","ActionSwapButton","_mergeProps","_createSlots","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_sfc_main","_openBlock","_createBlock","ActionSwapText","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","ActionSwapIcon","_withCtx","_renderSlot","_sfc_main","$slots","_openBlock","_createBlock","ActionSwapButton","_mergeProps","_createSlots","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_sfc_main","_openBlock","_createBlock","ActionSwapText","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","ActionSwapIcon","_withCtx","_renderSlot","_sfc_main","$slots","_openBlock","_createBlock","ActionSwapButton","_mergeProps","_createSlots","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_sfc_main","_openBlock","_createBlock","ActionSwapText","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","ActionSwapIcon","_withCtx","_renderSlot","_sfc_main","useReducedMotion","useMotionState","SPRING_PRESS","SPRING_LAYOUT","cn","RenderContent_default","ActionSwapText_default","ActionSwapIcon_default","ActionSwapButton_default","defineComponent","__emit","props","__props","emit","value","index","computed","item","selected","iconOnly","hasIcons","reduced","color","geometry","accessibleName","advance","event","next","openBlock","createBlock","unref","motion","normalizeClass","_ctx","withCtx","createVNode","renderSlot","createCommentVNode","createElementBlock","Fragment","createTextVNode","toDisplayString","ActionSwapCascadeButton_default","changed","mergeProps","_cache","$event","createSlots","normalizeProps","guardReactiveProps","slotProps","ActionSwapCascadeText_default","ActionSwapCascadeIcon_default","ActionSwapBlurButton_default","ActionSwapBlurText_default","ActionSwapBlurIcon_default","ActionSwapRollButton_default","ActionSwapRollText_default","ActionSwapRollIcon_default"],"sources":["../src/motion/action-swap/src/ActionSwapButton.vue","../src/motion/action-swap/src/ActionSwapButton.vue","../src/motion/action-swap/src/ActionSwapCascadeButton.vue","../src/motion/action-swap/src/ActionSwapCascadeButton.vue","../src/motion/action-swap/src/ActionSwapCascadeText.vue","../src/motion/action-swap/src/ActionSwapCascadeText.vue","../src/motion/action-swap/src/ActionSwapCascadeIcon.vue","../src/motion/action-swap/src/ActionSwapCascadeIcon.vue","../src/motion/action-swap/src/ActionSwapBlurButton.vue","../src/motion/action-swap/src/ActionSwapBlurButton.vue","../src/motion/action-swap/src/ActionSwapBlurText.vue","../src/motion/action-swap/src/ActionSwapBlurText.vue","../src/motion/action-swap/src/ActionSwapBlurIcon.vue","../src/motion/action-swap/src/ActionSwapBlurIcon.vue","../src/motion/action-swap/src/ActionSwapRollButton.vue","../src/motion/action-swap/src/ActionSwapRollButton.vue","../src/motion/action-swap/src/ActionSwapRollText.vue","../src/motion/action-swap/src/ActionSwapRollText.vue","../src/motion/action-swap/src/ActionSwapRollIcon.vue","../src/motion/action-swap/src/ActionSwapRollIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component, type VNodeChild } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useMotionState } from \"../../state\";\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; animation?: \"cascade\" | \"blur\" | \"roll\";\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  iconOnly?: boolean; cycle?: boolean; disabled?: boolean;\n}>(), { animation: \"blur\", variant: \"secondary\", size: \"md\", cycle: true, iconOnly: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"update:value\", \"valueChange\", \"click\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue ?? props.items[0]?.id ?? \"\");\nconst index = computed(() => Math.max(0, props.items.findIndex(item => item.id === (props.value ?? value.value))));\nconst selected = computed(() => props.items[index.value] ?? props.items[0]);\nconst iconOnly = computed(() => props.iconOnly ?? props.size === \"icon\");\nconst hasIcons = computed(() => props.items.some(item => !!item.icon));\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\", ghost: \"text-muted-foreground hover:bg-muted/60 hover:text-foreground\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 gap-1.5 rounded-full px-3 text-xs\", md: \"h-10 gap-2 rounded-full px-4 text-sm\", lg: \"h-12 gap-2.5 rounded-full px-5 text-base\", icon: \"h-10 w-10 rounded-full\" })[props.size]);\nconst accessibleName = computed(() => selected.value?.ariaLabel ?? (iconOnly.value && [\"string\", \"number\"].includes(typeof selected.value?.label) ? String(selected.value!.label) : undefined));\nfunction advance(event: MouseEvent) {\n  emit(\"click\", event);\n  if (event.defaultPrevented || props.disabled || !props.cycle || !props.items.length) return;\n  const next = props.items[(index.value + 1) % props.items.length]!;\n  value.value = next.id;\n  emit(\"update:value\", next.id);\n  emit(\"valueChange\", next.id, next);\n}\n</script>\n<template>\n  <motion.button v-if=\"selected\" type=\"button\" :disabled=\"disabled\" layout :layout-dependency=\"selected.id\" :aria-label=\"accessibleName\"\n    :while-press=\"reduced || disabled ? undefined : { scale: 0.97 }\" :transition=\"{ ...SPRING_PRESS, layout: reduced ? { duration: 0 } : SPRING_LAYOUT }\"\n    :style=\"{ borderRadius: '9999px' }\" :class=\"cn('inline-flex items-center justify-center overflow-hidden font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50', color, geometry, $attrs.class)\" @click=\"advance\">\n    <motion.span v-if=\"hasIcons || $slots.icon\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex shrink-0\">\n      <ActionSwapIcon :value=\"selected.id\" :animation=\"animation\" class=\"h-4 w-4\"><slot name=\"icon\" :item=\"selected\"><RenderContent v-if=\"selected.icon\" :node=\"selected.icon\" class=\"size-4\" /></slot></ActionSwapIcon>\n    </motion.span>\n    <motion.span v-if=\"!iconOnly\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex min-w-0 max-w-full\">\n      <ActionSwapText :value=\"selected.id\" :animation=\"animation\"><slot :item=\"selected\"><template v-if=\"typeof selected.label === 'string' || typeof selected.label === 'number'\">{{ selected.label }}</template><RenderContent v-else :node=\"selected.label\" /></slot></ActionSwapText>\n    </motion.span>\n  </motion.button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, type Component, type VNodeChild } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useMotionState } from \"../../state\";\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; animation?: \"cascade\" | \"blur\" | \"roll\";\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  iconOnly?: boolean; cycle?: boolean; disabled?: boolean;\n}>(), { animation: \"blur\", variant: \"secondary\", size: \"md\", cycle: true, iconOnly: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"update:value\", \"valueChange\", \"click\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue ?? props.items[0]?.id ?? \"\");\nconst index = computed(() => Math.max(0, props.items.findIndex(item => item.id === (props.value ?? value.value))));\nconst selected = computed(() => props.items[index.value] ?? props.items[0]);\nconst iconOnly = computed(() => props.iconOnly ?? props.size === \"icon\");\nconst hasIcons = computed(() => props.items.some(item => !!item.icon));\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\", ghost: \"text-muted-foreground hover:bg-muted/60 hover:text-foreground\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 gap-1.5 rounded-full px-3 text-xs\", md: \"h-10 gap-2 rounded-full px-4 text-sm\", lg: \"h-12 gap-2.5 rounded-full px-5 text-base\", icon: \"h-10 w-10 rounded-full\" })[props.size]);\nconst accessibleName = computed(() => selected.value?.ariaLabel ?? (iconOnly.value && [\"string\", \"number\"].includes(typeof selected.value?.label) ? String(selected.value!.label) : undefined));\nfunction advance(event: MouseEvent) {\n  emit(\"click\", event);\n  if (event.defaultPrevented || props.disabled || !props.cycle || !props.items.length) return;\n  const next = props.items[(index.value + 1) % props.items.length]!;\n  value.value = next.id;\n  emit(\"update:value\", next.id);\n  emit(\"valueChange\", next.id, next);\n}\n</script>\n<template>\n  <motion.button v-if=\"selected\" type=\"button\" :disabled=\"disabled\" layout :layout-dependency=\"selected.id\" :aria-label=\"accessibleName\"\n    :while-press=\"reduced || disabled ? undefined : { scale: 0.97 }\" :transition=\"{ ...SPRING_PRESS, layout: reduced ? { duration: 0 } : SPRING_LAYOUT }\"\n    :style=\"{ borderRadius: '9999px' }\" :class=\"cn('inline-flex items-center justify-center overflow-hidden font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50', color, geometry, $attrs.class)\" @click=\"advance\">\n    <motion.span v-if=\"hasIcons || $slots.icon\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex shrink-0\">\n      <ActionSwapIcon :value=\"selected.id\" :animation=\"animation\" class=\"h-4 w-4\"><slot name=\"icon\" :item=\"selected\"><RenderContent v-if=\"selected.icon\" :node=\"selected.icon\" class=\"size-4\" /></slot></ActionSwapIcon>\n    </motion.span>\n    <motion.span v-if=\"!iconOnly\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex min-w-0 max-w-full\">\n      <ActionSwapText :value=\"selected.id\" :animation=\"animation\"><slot :item=\"selected\"><template v-if=\"typeof selected.label === 'string' || typeof selected.label === 'number'\">{{ selected.label }}</template><RenderContent v-else :node=\"selected.label\" /></slot></ActionSwapText>\n    </motion.span>\n  </motion.button>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"cascade\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n","<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"cascade\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n","<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapText></template>\n","<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapText></template>\n","<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapIcon></template>\n","<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapIcon></template>\n","<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"blur\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n","<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"blur\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n","<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapText></template>\n","<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapText></template>\n","<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapIcon></template>\n","<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapIcon></template>\n","<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"roll\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n","<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"roll\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n","<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapText></template>\n","<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapText></template>\n","<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapIcon></template>\n","<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapIcon></template>\n"],"mappings":"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"}