@feugene/granularity 0.2.0 → 0.3.0

package/dist/chunks/DsIcon-Q-KQGAQU.js

@@ -1,25 +0,0 @@
-import { computed as e, createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a } from "vue";
-//#region src/components/DsIcon/dsIconStyles.ts
-function o(e) {
-	return typeof e == "number" ? e : {
-		sm: 16,
-		md: 18,
-		lg: 20
-	}[e];
-}
-//#endregion
-//#region src/components/DsIcon/DsIcon.vue
-var s = /* @__PURE__ */ n({
-	__name: "DsIcon",
-	props: { size: {} },
-	setup(n) {
-		let s = n, c = e(() => s.size ?? "md"), l = e(() => ({ "--ds-icon-size": `${o(c.value)}px` }));
-		return (e, n) => (i(), t("span", r({
-			"data-ds-icon": "",
-			class: "ds-icon inline-flex items-center justify-center align-middle",
-			style: l.value
-		}, e.$attrs), [a(e.$slots, "default")], 16));
-	}
-});
-//#endregion
-export { o as n, s as t };

package/dist/chunks/DsInputTag-DWip_-Cr.js

@@ -1,201 +0,0 @@
-import { t as e } from "./x-dGjszOU2.js";
-import { t } from "./DsBadge-Dnd7_I-K.js";
-import { i as n, n as r } from "./config-qlwX-rLq.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
-//#region src/components/DsInputTag/DsInputTag.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "truncate max-w-[18rem]" }, S = ["data-index", "onClick"], C = [
-	"value",
-	"disabled",
-	"readonly",
-	"placeholder",
-	"aria-invalid"
-], w = /* @__PURE__ */ d({
-	__name: "DsInputTag",
-	props: {
-		modelValue: {},
-		placeholder: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		state: { default: "default" },
-		size: { default: "md" },
-		separators: { default: () => [","] },
-		allowDuplicates: {
-			type: Boolean,
-			default: !1
-		},
-		trim: {
-			type: Boolean,
-			default: !0
-		},
-		max: { default: void 0 },
-		addOnBlur: {
-			type: Boolean,
-			default: !1
-		},
-		clearInputOnAdd: {
-			type: Boolean,
-			default: !0
-		},
-		tagTone: { default: "neutral" },
-		tagDark: {
-			type: Boolean,
-			default: !1
-		},
-		tagSize: { default: "md" },
-		tagRadius: { default: "round" },
-		tagClosable: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"add",
-		"remove"
-	],
-	setup(d, { expose: w, emit: T }) {
-		let E = /[.*+?^${}()|[\]\\]/g, D = d, O = T, k = m(""), A = m(null);
-		function j() {
-			A.value?.focus();
-		}
-		w({ focus: j });
-		let M = a(() => D.max !== void 0 && D.modelValue.length >= D.max), N = a(() => !D.disabled && !D.readonly), P = a(() => D.tagClosable && N.value);
-		function F(e) {
-			return e.replace(E, "\\$&");
-		}
-		let I = a(() => {
-			let e = (D.separators ?? []).filter(Boolean).map((e) => e[0]), t = [...new Set([
-				...e,
-				"\n",
-				"\r",
-				"	"
-			])].map(F).join("");
-			return RegExp(`[${t}]+`, "g");
-		});
-		function L(e) {
-			return D.trim ? e.trim() : e;
-		}
-		function R(e) {
-			return e.split(I.value).map((e) => L(e)).filter(Boolean);
-		}
-		function z(e) {
-			if (!N.value || M.value) return !1;
-			let t = D.modelValue.slice(), n = !1;
-			for (let r of e) {
-				let e = L(r);
-				if (e && !(!D.allowDuplicates && t.includes(e))) {
-					if (D.max !== void 0 && t.length >= D.max) break;
-					t.push(e), n = !0, O("add", e);
-				}
-			}
-			return n ? (O("update:modelValue", t), !0) : !1;
-		}
-		function B() {
-			if (!N.value || M.value || !k.value) return;
-			let e = R(k.value);
-			e.length && z(e) && D.clearInputOnAdd && (k.value = "");
-		}
-		function V(e) {
-			if (!N.value) return;
-			let t = D.modelValue.slice(), n = t[e];
-			n !== void 0 && (t.splice(e, 1), O("update:modelValue", t), O("remove", n, e));
-		}
-		function H(e) {
-			k.value = e.target.value;
-		}
-		function U(e) {
-			if (N.value) {
-				if (e.key === "Enter") {
-					e.preventDefault(), B();
-					return;
-				}
-				if ((D.separators ?? []).includes(e.key)) {
-					e.preventDefault(), B();
-					return;
-				}
-				e.key === "Backspace" && k.value.length === 0 && D.modelValue.length > 0 && (e.preventDefault(), V(D.modelValue.length - 1));
-			}
-		}
-		function W() {
-			D.addOnBlur && B();
-		}
-		function G(e) {
-			if (!N.value || M.value) return;
-			let t = e.clipboardData?.getData("text");
-			if (!t) return;
-			let n = R(t);
-			n.length <= 1 || (e.preventDefault(), z(n));
-		}
-		let K = a(() => n({
-			size: D.size,
-			state: D.state,
-			invalid: D.invalid,
-			disabled: D.disabled
-		})), q = a(() => r(D.size)), J = a(() => D.modelValue.length > 0 ? void 0 : D.placeholder);
-		return (n, r) => (p(), c("div", {
-			"data-testid": "ds-input-tag",
-			class: f(["w-full flex flex-wrap items-center rounded-md border bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--ring)]", K.value]),
-			onClick: j
-		}, [(p(!0), c(i, null, h(D.modelValue, (i, a) => (p(), o(t, {
-			key: `${i}-${a}`,
-			tone: D.tagTone,
-			dark: D.tagDark,
-			size: D.tagSize,
-			radius: D.tagRadius,
-			class: "gap-1",
-			"data-testid": "ds-input-tag-item",
-			"data-index": a
-		}, {
-			default: y(() => [g(n.$slots, "tag", {
-				tag: i,
-				index: a,
-				remove: () => V(a)
-			}, () => [l("span", x, _(i), 1)]), P.value ? (p(), c("button", {
-				key: 0,
-				type: "button",
-				class: "-mr-0.5 inline-flex items-center justify-center rounded-[6px] p-0.5 opacity-70 hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-				"aria-label": "Remove tag",
-				"data-testid": "ds-input-tag-remove",
-				"data-index": a,
-				onMousedown: r[0] ||= b(() => {}, ["prevent", "stop"]),
-				onClick: b((e) => V(a), ["stop"])
-			}, [u(v(e), {
-				class: "h-3.5 w-3.5",
-				"aria-hidden": "true"
-			})], 40, S)) : s("", !0)]),
-			_: 2
-		}, 1032, [
-			"tone",
-			"dark",
-			"size",
-			"radius",
-			"data-index"
-		]))), 128)), l("input", {
-			ref_key: "inputEl",
-			ref: A,
-			"data-testid": "ds-input-tag-input",
-			value: k.value,
-			disabled: D.disabled || M.value,
-			readonly: D.readonly,
-			placeholder: J.value,
-			"aria-invalid": D.invalid ? "true" : void 0,
-			class: f(["flex-1 min-w-[120px] bg-transparent border-none outline-none placeholder:text-[var(--muted-fg)]", q.value]),
-			onInput: H,
-			onKeydown: U,
-			onBlur: W,
-			onPaste: G
-		}, null, 42, C)], 2));
-	}
-});
-//#endregion
-export { w as t };

package/dist/chunks/DsLink-CWpVQ0ij.js

@@ -1,56 +0,0 @@
-import { n as e } from "./config-Ch0TH9wN.js";
-import { computed as t, createElementBlock as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, useAttrs as c } from "vue";
-//#region src/components/DsLink/DsLink.vue?vue&type=script&setup=true&lang.ts
-var l = [
-	"href",
-	"target",
-	"rel",
-	"aria-label"
-], u = ["aria-label", "aria-disabled"], d = /* @__PURE__ */ r({
-	inheritAttrs: !1,
-	__name: "DsLink",
-	props: {
-		href: { default: void 0 },
-		external: {
-			type: Boolean,
-			default: !1
-		},
-		target: { default: void 0 },
-		rel: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		ariaLabel: { default: void 0 },
-		variant: { default: "primary" },
-		underline: { default: "auto" },
-		size: { default: "sm" }
-	},
-	setup(r) {
-		let d = r, f = c(), p = t(() => !!d.href && !d.disabled), m = t(() => {
-			if (d.target) return d.target;
-			if (d.external) return "_blank";
-		}), h = t(() => {
-			if (d.rel) return d.rel;
-			if (d.external) return "noopener noreferrer";
-		}), g = t(() => e({
-			size: d.size,
-			underline: d.underline,
-			variant: d.variant,
-			disabled: d.disabled
-		}));
-		return (e, t) => p.value ? (a(), n("a", i({ key: 0 }, s(f), {
-			href: d.href,
-			target: m.value,
-			rel: h.value,
-			"aria-label": d.ariaLabel,
-			class: ["inline-flex items-center gap-1 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]", g.value]
-		}), [o(e.$slots, "default")], 16, l)) : (a(), n("span", i({ key: 1 }, s(f), {
-			"aria-label": d.ariaLabel,
-			"aria-disabled": d.disabled ? "true" : void 0,
-			class: ["inline-flex items-center gap-1 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]", g.value]
-		}), [o(e.$slots, "default")], 16, u));
-	}
-});
-//#endregion
-export { d as t };

package/dist/chunks/DsList-XI8AAk9b.js

@@ -1,31 +0,0 @@
-import { t as e } from "./DsCard-GtapCsjq.js";
-import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
-//#endregion
-//#region src/components/DsList/DsList.vue
-var f = /* @__PURE__ */ a({
-	__name: "DsList",
-	props: { divided: {
-		type: Boolean,
-		default: !0
-	} },
-	setup(n) {
-		return (r, a) => (s(), t(u(e), null, {
-			default: d(() => [i("div", { class: o(n.divided ? "divide-y divide-[var(--brd)]" : "") }, [c(r.$slots, "default")], 2)]),
-			_: 3
-		}));
-	}
-}), p = { class: "px-4 py-3 flex items-start justify-between gap-4" }, m = { class: "min-w-0" }, h = { class: "text-[13px] font-700" }, g = {
-	key: 0,
-	class: "text-[13px] ds-muted mt-0.5"
-}, _ = { class: "shrink-0" }, v = /* @__PURE__ */ a({
-	__name: "DsListItem",
-	props: {
-		title: {},
-		description: {}
-	},
-	setup(e) {
-		return (t, a) => (s(), r("div", p, [i("div", m, [i("div", h, l(e.title), 1), e.description ? (s(), r("div", g, l(e.description), 1)) : n("", !0)]), i("div", _, [c(t.$slots, "default")])]));
-	}
-});
-//#endregion
-export { f as n, v as t };

package/dist/chunks/DsModal-Bl9r6v33.js

@@ -1,75 +0,0 @@
-import { a as e, n as t, r as n, t as r } from "./transition-CT9vsWnT.js";
-import { r as i } from "./dsModalStyles-C7E5kJ1o.js";
-import { Teleport as a, computed as o, createBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, unref as m, withCtx as h, withKeys as g, withModifiers as _ } from "vue";
-//#region src/components/DsModal/DsModal.vue?vue&type=script&setup=true&lang.ts
-var v = { class: "fixed inset-0 overflow-y-auto p-4 sm:p-6" }, y = { class: "min-h-full flex items-center justify-center" }, b = /* @__PURE__ */ u({
-	__name: "DsModal",
-	props: {
-		modelValue: { type: Boolean },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: !0
-		},
-		size: { default: "md" }
-	},
-	emits: ["update:modelValue"],
-	setup(u, { emit: b }) {
-		let x = u, S = b, C = o(() => x.modelValue), w = o(() => i(x.size));
-		function T() {
-			S("update:modelValue", !1);
-		}
-		function E() {
-			x.closeOnBackdrop && T();
-		}
-		return (i, o) => (f(), s(a, { to: "body" }, [l(m(r), {
-			show: C.value,
-			as: "template"
-		}, {
-			default: h(() => [l(m(e), {
-				as: "div",
-				class: "fixed inset-0 z-50",
-				onClose: E,
-				onKeydown: g(_(T, ["stop", "prevent"]), ["esc"])
-			}, {
-				default: h(() => [c("div", v, [c("div", y, [l(m(t), {
-					as: "template",
-					enter: "duration-200 ease-out",
-					"enter-from": "opacity-0",
-					"enter-to": "opacity-100",
-					leave: "duration-150 ease-in",
-					"leave-from": "opacity-100",
-					"leave-to": "opacity-0"
-				}, {
-					default: h(() => [...o[0] ||= [c("div", {
-						"data-ds-modal-overlay": "",
-						class: "fixed inset-0 z-0 bg-black/40",
-						"aria-hidden": "true"
-					}, null, -1)]]),
-					_: 1
-				}), l(m(t), {
-					as: "template",
-					enter: "duration-200 ease-out",
-					"enter-from": "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95",
-					"enter-to": "opacity-100 translate-y-0 sm:scale-100",
-					leave: "duration-150 ease-in",
-					"leave-from": "opacity-100 translate-y-0 sm:scale-100",
-					"leave-to": "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95"
-				}, {
-					default: h(() => [l(m(n), {
-						"data-ds-modal-panel": "",
-						tabindex: "-1",
-						class: d(w.value)
-					}, {
-						default: h(() => [p(i.$slots, "default")]),
-						_: 3
-					}, 8, ["class"])]),
-					_: 3
-				})])])]),
-				_: 3
-			}, 8, ["onKeydown"])]),
-			_: 3
-		}, 8, ["show"])]));
-	}
-});
-//#endregion
-export { b as t };

package/dist/chunks/DsNavbar-DJ4bv_MR.js

@@ -1,54 +0,0 @@
-import { t as e } from "./DsButton-CA18Fha-.js";
-import { t } from "./granularityI18n-DBuOHekC.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, markRaw as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
-//#region ~icons/lucide/menu
-var _ = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function v(e, t) {
-	return f(), a("svg", _, [...t[0] ||= [o("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M4 5h16M4 12h16M4 19h16"
-	}, null, -1)]]);
-}
-var y = u({
-	name: "lucide-menu",
-	render: v
-}), b = { class: "h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6" }, x = { class: "flex items-center gap-3" }, S = { class: "text-[14px] font-700" }, C = { class: "flex items-center gap-3" }, w = /* @__PURE__ */ l({
-	__name: "DsNavbar",
-	props: {
-		title: {},
-		showMenuButton: {
-			type: Boolean,
-			default: !1
-		},
-		menuButtonClass: { default: "" }
-	},
-	emits: ["menu"],
-	setup(l, { emit: u }) {
-		let { t: _ } = t(), v = u, w = n(() => _("ds.navbar.openMenu", "Open menu"));
-		return (t, n) => (f(), a("header", b, [o("div", x, [l.showMenuButton ? (f(), r(e, {
-			key: 0,
-			variant: "ghost",
-			size: "sm",
-			square: "",
-			"aria-label": w.value,
-			class: d(l.menuButtonClass),
-			onClick: n[0] ||= (e) => v("menu")
-		}, {
-			default: g(() => [c(h(y), {
-				class: "h-4 w-4",
-				"aria-hidden": "true"
-			})]),
-			_: 1
-		}, 8, ["aria-label", "class"])) : i("", !0), o("div", S, [p(t.$slots, "title", {}, () => [s(m(l.title), 1)])])]), o("div", C, [p(t.$slots, "default")])]));
-	}
-});
-//#endregion
-export { w as t };

package/dist/chunks/DsSegmented-BwQ8VnOZ.js

@@ -1,250 +0,0 @@
-import { a as e, i as t, n, o as r, r as i, s as a } from "./config-CTGjkM7q.js";
-import { Fragment as o, computed as s, createBlock as ee, createCommentVNode as c, createElementBlock as l, createElementVNode as te, defineComponent as u, getCurrentInstance as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as ne, onMounted as re, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, watch as S } from "vue";
-//#region src/components/DsSegmented/DsSegmented.vue?vue&type=script&setup=true&lang.ts
-var C = [
-	"data-variant",
-	"aria-label",
-	"aria-disabled"
-], ie = [
-	"data-value",
-	"aria-checked",
-	"aria-disabled",
-	"disabled",
-	"tabindex",
-	"onClick",
-	"onKeydown"
-], ae = [
-	"name",
-	"value",
-	"checked",
-	"disabled"
-], w = /* @__PURE__ */ u({
-	__name: "DsSegmented",
-	props: {
-		modelValue: {},
-		options: {},
-		variant: { default: "pills" },
-		size: { default: "md" },
-		indicatorDuration: { default: 300 },
-		block: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		name: { default: void 0 },
-		ariaLabel: { default: void 0 }
-	},
-	emits: ["update:modelValue", "change"],
-	setup(u, { emit: w }) {
-		let T = {
-			position: "absolute",
-			opacity: "0",
-			width: "0",
-			height: "0",
-			pointerEvents: "none"
-		}, E = u, D = w, O = `ds-segmented-${d()?.uid ?? Math.random()}`, k = g(null), A = g(/* @__PURE__ */ new Map()), j = g(null), M = g(!1), N = null, P = null, F = null, I = !1, L = s(() => E.options.findIndex((e) => e.value === E.modelValue)), R = s(() => E.options[L.value] ?? null), z = s(() => E.options.filter((e) => !J(e))), B = s(() => Math.max(0, Math.round(E.indicatorDuration))), V = s(() => r({
-			variant: E.variant,
-			block: E.block,
-			disabled: E.disabled
-		})), H = s(() => ({
-			...a({
-				variant: E.variant,
-				size: E.size
-			}),
-			gridTemplateColumns: E.options.length > 0 ? E.options.map(() => E.block ? "minmax(0,1fr)" : "minmax(0,max-content)").join(" ") : "none"
-		})), U = s(() => n(E.variant)), W = s(() => E.name ?? O), G = s(() => L.value !== -1 && j.value !== null), K = s(() => {
-			let e = j.value;
-			return e ? {
-				opacity: M.value ? "1" : "0",
-				width: `${e.width}px`,
-				height: `${e.height}px`,
-				transitionDuration: `${B.value}ms`,
-				transform: `translate3d(${e.x}px, ${e.y}px, 0)`
-			} : {
-				opacity: "0",
-				width: "0px",
-				height: "0px",
-				transitionDuration: `${B.value}ms`,
-				transform: "translate3d(0px, 0px, 0px)"
-			};
-		});
-		function q(e) {
-			return String(e);
-		}
-		function J(e) {
-			return E.disabled || !!e.disabled;
-		}
-		function Y(e) {
-			return e.value === E.modelValue;
-		}
-		function oe(e) {
-			return !!e.icon && !e.label;
-		}
-		function se(e, t) {
-			return J(e) ? !1 : Y(e) ? !0 : L.value === -1 ? z.value[0]?.value === E.options[t]?.value : !1;
-		}
-		function ce(e, t) {
-			let n = q(e);
-			if (!(t instanceof HTMLElement)) {
-				A.value.delete(n);
-				return;
-			}
-			A.value.set(n, t);
-		}
-		function le(e, t) {
-			return e === t ? !0 : !e || !t ? !1 : e.width === t.width && e.height === t.height && e.x === t.x && e.y === t.y;
-		}
-		function ue() {
-			let e = k.value, t = R.value;
-			if (!e || !t) {
-				j.value !== null && (j.value = null), M.value &&= !1;
-				return;
-			}
-			let n = A.value.get(q(t.value));
-			if (!n) return;
-			let r = e.getBoundingClientRect(), i = n.getBoundingClientRect(), a = {
-				width: Math.max(Math.round(i.width), 0),
-				height: Math.max(Math.round(i.height), 0),
-				x: Math.round(i.left - r.left),
-				y: Math.max(Math.round(i.top - r.top) - 1, 0)
-			};
-			le(j.value, a) || (j.value = a);
-			let o = a.width > 0 && a.height > 0;
-			M.value !== o && (M.value = o);
-		}
-		function de() {
-			if (typeof ResizeObserver > "u") return;
-			let e = k.value, t = R.value, n = t ? A.value.get(q(t.value)) ?? null : null;
-			if (N ||= new ResizeObserver(() => X()), !e) {
-				N.disconnect(), P = null, F = null;
-				return;
-			}
-			P === e && F === n || (N.disconnect(), N.observe(e), n && N.observe(n), P = e, F = n);
-		}
-		function X() {
-			I || (I = !0, f(() => {
-				I = !1, ue(), de();
-			}));
-		}
-		function Z(e) {
-			J(e) || e.value === E.modelValue || (D("update:modelValue", e.value), D("change", e.value, e));
-		}
-		function Q(e, t) {
-			if (E.options.length === 0) return -1;
-			let n = e;
-			for (let e = 0; e < E.options.length; e += 1) {
-				n = (n + t + E.options.length) % E.options.length;
-				let e = E.options[n];
-				if (e && !J(e)) return n;
-			}
-			return -1;
-		}
-		function $(e) {
-			let t = E.options[e];
-			t && A.value.get(q(t.value))?.focus();
-		}
-		function fe(e, t) {
-			if (!E.disabled) {
-				if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-					e.preventDefault();
-					let n = Q(t, 1);
-					if (n === -1) return;
-					let r = E.options[n];
-					r && (Z(r), $(n));
-					return;
-				}
-				if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-					e.preventDefault();
-					let n = Q(t, -1);
-					if (n === -1) return;
-					let r = E.options[n];
-					r && (Z(r), $(n));
-					return;
-				}
-				if (e.key === "Home") {
-					e.preventDefault();
-					let t = z.value[0];
-					if (!t) return;
-					Z(t), $(E.options.findIndex((e) => e.value === t.value));
-					return;
-				}
-				if (e.key === "End") {
-					e.preventDefault();
-					let t = z.value.at(-1);
-					if (!t) return;
-					Z(t), $(E.options.findIndex((e) => e.value === t.value));
-					return;
-				}
-				if (e.key === " " || e.key === "Enter") {
-					e.preventDefault();
-					let n = E.options[t];
-					n && Z(n);
-				}
-			}
-		}
-		return S(() => E.modelValue, () => X()), S(() => E.options, () => X(), { deep: !0 }), S(() => E.variant, () => X()), S(() => E.size, () => X()), S(() => E.block, () => X()), re(() => X()), ne(() => {
-			N?.disconnect(), P = null, F = null;
-		}), (n, r) => (h(), l("div", {
-			ref_key: "rootRef",
-			ref: k,
-			"data-ds-segmented": "",
-			"data-variant": E.variant,
-			role: "radiogroup",
-			"aria-label": E.ariaLabel,
-			"aria-disabled": E.disabled ? "true" : void 0,
-			class: p(V.value),
-			style: m(H.value)
-		}, [G.value ? (h(), l("span", {
-			key: 0,
-			"data-ds-segmented-indicator": "",
-			"aria-hidden": "true",
-			class: p(U.value),
-			style: m(K.value)
-		}, null, 6)) : c("", !0), (h(!0), l(o, null, _(E.options, (r, a) => (h(), l("button", {
-			key: r.value,
-			ref_for: !0,
-			ref: (e) => ce(r.value, e),
-			"data-ds-segmented-item": "",
-			"data-value": String(r.value),
-			type: "button",
-			role: "radio",
-			"aria-checked": Y(r) ? "true" : "false",
-			"aria-disabled": J(r) ? "true" : void 0,
-			disabled: J(r),
-			tabindex: se(r, a) ? 0 : -1,
-			class: p(x(i)({
-				variant: E.variant,
-				selected: Y(r),
-				disabled: J(r),
-				iconOnly: oe(r)
-			})),
-			onClick: (e) => Z(r),
-			onKeydown: (e) => fe(e, a)
-		}, [te("input", {
-			type: "radio",
-			tabindex: "-1",
-			"aria-hidden": "true",
-			name: W.value,
-			value: r.value,
-			checked: Y(r),
-			disabled: J(r),
-			style: T
-		}, null, 8, ae), v(n.$slots, "default", {
-			option: r,
-			selected: Y(r),
-			disabled: J(r)
-		}, () => [r.icon ? (h(), ee(y(r.icon), {
-			key: 0,
-			"aria-hidden": "true",
-			class: p(x(t))
-		}, null, 8, ["class"])) : c("", !0), r.label ? (h(), l("span", {
-			key: 1,
-			class: p(x(e))
-		}, b(r.label), 3)) : c("", !0)])], 42, ie))), 128))], 14, C));
-	}
-});
-//#endregion
-export { w as t };