@cfasim-ui/components 0.6.4 → 0.7.0

package/dist/SelectBox-CByXZfaC.js

@@ -0,0 +1,569 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useModel as y, withCtx as b, withModifiers as x } from "vue";
+import { ComboboxAnchor as ee, ComboboxContent as te, ComboboxEmpty as ne, ComboboxInput as re, ComboboxItem as ie, ComboboxItemIndicator as ae, ComboboxPortal as oe, ComboboxRoot as se, ComboboxTrigger as ce, ComboboxViewport as le, Primitive as S, SelectContent as C, SelectItem as w, SelectItemIndicator as T, SelectItemText as E, SelectPortal as D, SelectRoot as O, SelectTrigger as k, SelectValue as A, SelectViewport as j, TooltipArrow as M, TooltipContent as N, TooltipPortal as P, TooltipProvider as F, TooltipRoot as I, TooltipTrigger as L, useId as R } from "reka-ui";
+//#region src/Box/Box.vue?vue&type=script&setup=true&lang.ts
+var z = ["role"], B = /* @__PURE__ */ c({
+	__name: "Box",
+	props: {
+		variant: {},
+		bgColor: {},
+		textColor: {},
+		role: {}
+	},
+	setup(e) {
+		return (t, n) => (p(), i("div", {
+			class: d(["box", e.variant ? `box-${e.variant}` : void 0]),
+			style: f({
+				backgroundColor: e.bgColor,
+				color: e.textColor
+			}),
+			role: e.role
+		}, [h(t.$slots, "default", {}, void 0, !0)], 14, z));
+	}
+}), V = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, H = /* @__PURE__ */ V(B, [["__scopeId", "data-v-d7342c02"]]), U = /* @__PURE__ */ V(/* @__PURE__ */ c({
+	__name: "Button",
+	props: {
+		label: {},
+		variant: { default: "primary" },
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	emits: ["click"],
+	setup(e) {
+		return (t, r) => (p(), n(v(S), {
+			class: "button",
+			"data-variant": e.variant,
+			as: e.as,
+			"as-child": e.asChild,
+			onClick: r[0] ||= (e) => t.$emit("click", e)
+		}, {
+			default: b(() => [h(t.$slots, "default", {}, () => [o(_(e.label), 1)], !0)]),
+			_: 3
+		}, 8, [
+			"data-variant",
+			"as",
+			"as-child"
+		]));
+	}
+}), [["__scopeId", "data-v-250eab18"]]), W = /* @__PURE__ */ new Map();
+function ue(e) {
+	return typeof e == "object" && e && "outline" in e ? e : { outline: e };
+}
+function G(e) {
+	for (let [t, n] of Object.entries(e)) W.set(t, ue(n));
+}
+function de(e, t = !1) {
+	let n = W.get(e);
+	if (n) return t && n.fill ? n.fill : n.outline;
+}
+function K(e) {
+	return W.has(e);
+}
+var q = /* @__PURE__ */ new Set();
+function fe(e) {
+	let t = /^[a-zA-Z_$][\w$]*$/.test(e), n = t ? e : `icon_${e.replace(/[^\w$]/g, "_")}`;
+	return `  import ${n} from "@material-symbols/svg-400/outlined/${e}.svg?component";\n  import { registerIcons } from "@cfasim-ui/components";\n  registerIcons(${t ? `{ ${e} }` : `{ "${e}": ${n} }`});`;
+}
+function pe(e) {
+	q.has(e) || (q.add(e), console.warn(`[cfasim-ui] Icon "${e}" is not registered — nothing will render.\nRegister it once at startup:\n\n${fe(e)}\n\nRequires dev deps "@material-symbols/svg-400" + "vite-svg-loader".\nDocs: https://cdcgov.github.io/cfa-simulator/docs/cfasim-ui/components/icon#registering-icons`));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@material-symbols+svg-400@0.44.10/node_modules/@material-symbols/svg-400/outlined/help.svg?component
+var me = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function he(e, t) {
+	return p(), i("svg", me, [...t[0] ||= [a("path", { d: "M511-258q11-11 11-27t-11-27-27-11-27 11-11 27 11 27 27 11 27-11m-62-135h59q0-26 6.5-47.5T555-490q31-26 44-51t13-55q0-53-34.5-85T486-713q-49 0-86.5 24.5T345-621l53 20q11-28 33-43.5t52-15.5q34 0 55 18.5t21 47.5q0 22-13 41.5T508-512q-30 26-44.5 51.5T449-393m31 313q-82 0-155-31.5t-127.5-86-86-127.5T80-480q0-83 31.5-156t86-127T325-848.5 480-880q83 0 156 31.5T763-763t85.5 127T880-480q0 82-31.5 155T763-197.5t-127 86T480-80m0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140m0-340" }, null, -1)]]);
+}
+var ge = { render: he }, _e = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function ve(e, t) {
+	return p(), i("svg", _e, [...t[0] ||= [a("path", { d: "m480-121-41-37q-105.77-97.12-174.88-167.56Q195-396 154-451.5T96.5-552 80-643q0-90.15 60.5-150.58Q201-854 290-854q57 0 105.5 27t84.5 78q42-54 89-79.5T670-854q89 0 149.5 60.42Q880-733.15 880-643q0 46-16.5 91T806-451.5 695.88-325.56Q626.77-255.12 521-158zm0-79q101.24-93 166.62-159.5T750.5-476t54-89.14q15.5-39.13 15.5-77.72 0-66.14-42-108.64T670.22-794q-51.52 0-95.37 31.5T504-674h-49q-26-56-69.85-88t-95.37-32Q224-794 182-751.5t-42 108.82q0 38.68 15.5 78.18t54 90T314-358t166 158m0-297" }, null, -1)]]);
+}
+var ye = { render: ve }, be = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function xe(e, t) {
+	return p(), i("svg", be, [...t[0] ||= [a("path", { d: "m480-121-41-37q-106-97-175-167.5t-110-126T96.5-552 80-643q0-90 60.5-150.5T290-854q57 0 105.5 27t84.5 78q42-54 89-79.5T670-854q89 0 149.5 60.5T880-643q0 46-16.5 91T806-451.5t-110 126T521-158z" }, null, -1)]]);
+}
+var Se = { render: xe }, Ce = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function we(e, t) {
+	return p(), i("svg", Ce, [...t[0] ||= [a("path", { d: "M480-120q-150 0-255-105T120-480t105-255 255-105q8 0 17 .5t23 1.5q-36 32-56 79t-20 99q0 90 63 153t153 63q52 0 99-18.5t79-51.5q1 12 1.5 19.5t.5 14.5q0 150-105 255T480-120m0-60q109 0 190-67.5T771-406q-25 11-53.67 16.5Q688.67-384 660-384q-114.69 0-195.34-80.66Q384-545.31 384-660q0-24 5-51.5t18-62.5q-98 27-162.5 109.5T180-480q0 125 87.5 212.5T480-180m-4-297" }, null, -1)]]);
+}
+var Te = { render: we }, Ee = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function De(e, t) {
+	return p(), i("svg", Ee, [...t[0] ||= [a("path", { d: "M579-381q41-41 41-99t-41-99-99-41-99 41-41 99 41 99 99 41 99-41m-240.5 42.5Q280-397 280-480t58.5-141.5T480-680t141.5 58.5T680-480t-58.5 141.5T480-280t-141.5-58.5M200-450H40v-60h160zm720 0H760v-60h160zM450-760v-160h60v160zm0 720v-160h60v160zM262-658l-100-97 43-44 96 100zm494 496-98-100 41-41 99 98zm-99-537 98-99 44 42-99 98zM162-205l99-98 42 42-98 99zm318-275" }, null, -1)]]);
+}
+var Oe = { render: De }, ke = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function Ae(e, t) {
+	return p(), i("svg", ke, [...t[0] ||= [a("path", { d: "M561-240 320-481l241-241 43 43-198 198 198 198z" }, null, -1)]]);
+}
+var je = { render: Ae }, Me = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function Ne(e, t) {
+	return p(), i("svg", Me, [...t[0] ||= [a("path", { d: "M530-481 332-679l43-43 241 241-241 241-43-43z" }, null, -1)]]);
+}
+var Pe = { render: Ne }, Fe = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function Ie(e, t) {
+	return p(), i("svg", Fe, [...t[0] ||= [a("path", { d: "M480-554 283-357l-43-43 240-240 240 240-43 43z" }, null, -1)]]);
+}
+var Le = { render: Ie }, Re = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function ze(e, t) {
+	return p(), i("svg", Re, [...t[0] ||= [a("path", { d: "M480-344 240-584l43-43 197 197 197-197 43 43z" }, null, -1)]]);
+}
+var Be = { render: ze }, Ve = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function He(e, t) {
+	return p(), i("svg", Ve, [...t[0] ||= [a("path", { d: "M453-241 213-481l240-240 42 42-198 198 198 198zm253 0L466-481l240-240 42 42-198 198 198 198z" }, null, -1)]]);
+}
+var Ue = { render: He }, We = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function Ge(e, t) {
+	return p(), i("svg", We, [...t[0] ||= [a("path", { d: "M411-481 213-679l42-42 240 240-240 240-42-42zm253 0L466-679l42-42 240 240-240 240-42-42z" }, null, -1)]]);
+}
+var Ke = { render: Ge }, qe = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function Je(e, t) {
+	return p(), i("svg", qe, [...t[0] ||= [a("path", { d: "M450-160v-526L202-438l-42-42 320-320 320 320-42 42-248-248v526z" }, null, -1)]]);
+}
+var Ye = { render: Je }, Xe = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function Ze(e, t) {
+	return p(), i("svg", Xe, [...t[0] ||= [a("path", { d: "M450-800v526L202-522l-42 42 320 320 320-320-42-42-248 248v-526z" }, null, -1)]]);
+}
+var Qe = { render: Ze }, $e = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function et(e, t) {
+	return p(), i("svg", $e, [...t[0] ||= [a("path", { d: "m274-450 248 248-42 42-320-320 320-320 42 42-248 248h526v60z" }, null, -1)]]);
+}
+var tt = { render: et }, nt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function rt(e, t) {
+	return p(), i("svg", nt, [...t[0] ||= [a("path", { d: "M686-450H160v-60h526L438-758l42-42 320 320-320 320-42-42z" }, null, -1)]]);
+}
+var it = { render: rt }, at = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function ot(e, t) {
+	return p(), i("svg", at, [...t[0] ||= [a("path", { d: "M120-240v-60h720v60zm0-210v-60h720v60zm0-210v-60h720v60z" }, null, -1)]]);
+}
+var st = { render: ot }, ct = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function lt(e, t) {
+	return p(), i("svg", ct, [...t[0] ||= [a("path", { d: "M479.86-160Q460-160 446-174.14t-14-34T446.14-242t34-14T514-241.86t14 34T513.86-174t-34 14m0-272Q460-432 446-446.14t-14-34T446.14-514t34-14T514-513.86t14 34T513.86-446t-34 14m0-272Q460-704 446-718.14t-14-34T446.14-786t34-14T514-785.86t14 34T513.86-718t-34 14" }, null, -1)]]);
+}
+var ut = { render: lt }, dt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function ft(e, t) {
+	return p(), i("svg", dt, [...t[0] ||= [a("path", { d: "M207.86-432Q188-432 174-446.14t-14-34T174.14-514t34-14T242-513.86t14 34T241.86-446t-34 14m272 0Q460-432 446-446.14t-14-34T446.14-514t34-14T514-513.86t14 34T513.86-446t-34 14m272 0Q732-432 718-446.14t-14-34T718.14-514t34-14T786-513.86t14 34T785.86-446t-34 14" }, null, -1)]]);
+}
+var pt = { render: ft }, mt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function ht(e, t) {
+	return p(), i("svg", mt, [...t[0] ||= [a("path", { d: "M450-450H200v-60h250v-250h60v250h250v60H510v250h-60z" }, null, -1)]]);
+}
+var gt = { render: ht }, _t = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function vt(e, t) {
+	return p(), i("svg", _t, [...t[0] ||= [a("path", { d: "M180-180h44l472-471-44-44-472 471zm-60 60v-128l575-574q8-8 19-12.5t23-4.5q11 0 22 4.5t20 12.5l44 44q9 9 13 20t4 22-4.5 22.5T823-694L248-120zm659-617-41-41zm-105 64-22-22 44 44z" }, null, -1)]]);
+}
+var yt = { render: vt }, bt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function xt(e, t) {
+	return p(), i("svg", bt, [...t[0] ||= [a("path", { d: "M261-120q-24.75 0-42.37-17.63Q201-155.25 201-180v-570h-41v-60h188v-30h264v30h188v60h-41v570q0 24-18 42t-42 18zm438-630H261v570h438zM367-266h60v-399h-60zm166 0h60v-399h-60zM261-750v570z" }, null, -1)]]);
+}
+var St = { render: xt }, Ct = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function wt(e, t) {
+	return p(), i("svg", Ct, [...t[0] ||= [a("path", { d: "m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231z" }, null, -1)]]);
+}
+var Tt = { render: wt }, Et = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function Dt(e, t) {
+	return p(), i("svg", Et, [...t[0] ||= [a("path", { d: "M378-246 154-470l43-43 181 181 384-384 43 43z" }, null, -1)]]);
+}
+var Ot = { render: Dt }, kt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function At(e, t) {
+	return p(), i("svg", kt, [...t[0] ||= [a("path", { d: "M796-121 533-384q-30 26-70 40.5T378-329q-108 0-183-75t-75-181 75-181 182-75q106 0 180.5 75T632-585q0 43-14 83t-42 75l264 262zM377-389q81 0 138-57.5T572-585t-57-138.5T377-781q-82 0-139.5 57.5T180-585t57.5 138.5T377-389" }, null, -1)]]);
+}
+var jt = { render: At }, Mt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function Nt(e, t) {
+	return p(), i("svg", Mt, [...t[0] ||= [a("path", { d: "M427-120v-225h60v83h353v60H487v82zm-307-82v-60h247v60zm187-166v-82H120v-60h187v-84h60v226zm120-82v-60h413v60zm166-165v-225h60v82h187v60H653v83zm-473-83v-60h413v60z" }, null, -1)]]);
+}
+var Pt = { render: Nt }, Ft = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 -960 960 960"
+};
+function It(e, t) {
+	return p(), i("svg", Ft, [...t[0] ||= [a("path", { d: "M480-313 287-506l43-43 120 120v-371h60v371l120-120 43 43zM220-160q-24 0-42-18t-18-42v-143h60v143h520v-143h60v143q0 24-18 42t-42 18z" }, null, -1)]]);
+}
+var Lt = { render: It }, Rt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24"
+};
+function J(e, t) {
+	return p(), i("svg", Rt, [...t[0] ||= [a("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }, null, -1)]]);
+}
+//#endregion
+//#region src/Icon/defaultIcons.ts
+var zt = {
+	help: ge,
+	favorite: {
+		outline: ye,
+		fill: Se
+	},
+	dark_mode: Te,
+	light_mode: Oe,
+	chevron_left: je,
+	chevron_right: Pe,
+	keyboard_arrow_up: Le,
+	keyboard_arrow_down: Be,
+	keyboard_double_arrow_left: Ue,
+	keyboard_double_arrow_right: Ke,
+	arrow_upward: Ye,
+	arrow_downward: Qe,
+	arrow_back: tt,
+	arrow_forward: it,
+	menu: st,
+	more_vert: ut,
+	more_horiz: pt,
+	add: gt,
+	edit: yt,
+	delete: St,
+	close: Tt,
+	check: Ot,
+	search: jt,
+	tune: Pt,
+	download: Lt,
+	github: { render: J }
+}, Y = !1;
+function Bt() {
+	if (!Y) {
+		Y = !0;
+		for (let [e, t] of Object.entries(zt)) K(e) || G({ [e]: t });
+	}
+}
+//#endregion
+//#region src/Icon/Icon.vue?vue&type=script&setup=true&lang.ts
+var Vt = [
+	"data-size",
+	"data-inline",
+	"aria-hidden",
+	"aria-label",
+	"role"
+], X = /* @__PURE__ */ c({
+	__name: "Icon",
+	props: {
+		icon: {},
+		size: { default: "md" },
+		fill: {
+			type: Boolean,
+			default: !1
+		},
+		weight: {},
+		grade: {},
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: {},
+		inline: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		Bt();
+		let a = e, o = t(() => typeof a.size == "string" ? a.size : void 0), s = t(() => typeof a.size == "number" ? {
+			width: `${a.size}px`,
+			height: `${a.size}px`
+		} : {}), c = t(() => {
+			let e = de(a.icon, a.fill);
+			return e || pe(a.icon), e;
+		});
+		return (t, a) => (p(), i("span", {
+			class: "Icon",
+			"data-size": o.value,
+			"data-inline": e.inline ? "true" : void 0,
+			style: f(s.value),
+			"aria-hidden": e.decorative ? !0 : void 0,
+			"aria-label": e.decorative ? void 0 : e.ariaLabel,
+			role: e.decorative ? void 0 : "img"
+		}, [c.value ? (p(), n(g(c.value), { key: 0 })) : r("", !0)], 12, Vt));
+	}
+}), Z = /* @__PURE__ */ V(/* @__PURE__ */ c({
+	__name: "Hint",
+	props: { text: {} },
+	setup(e) {
+		return (t, r) => (p(), n(v(F), null, {
+			default: b(() => [s(v(I), {
+				"delay-duration": 0,
+				"disable-closing-trigger": ""
+			}, {
+				default: b(() => [s(v(L), { "as-child": "" }, {
+					default: b(() => [a("button", {
+						type: "button",
+						class: "HintTrigger",
+						"aria-label": "More info",
+						onPointerdown: r[0] ||= x(() => {}, ["prevent"])
+					}, [s(X, {
+						icon: "help",
+						size: 16
+					})], 32)]),
+					_: 1
+				}), s(v(P), null, {
+					default: b(() => [s(v(N), {
+						class: "HintContent",
+						side: "top",
+						"side-offset": 4
+					}, {
+						default: b(() => [o(_(e.text) + " ", 1), s(v(M), {
+							class: "HintArrow",
+							width: 10,
+							height: 5
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-9dbf1c25"]]), Ht = ["id", "for"], Q = /* @__PURE__ */ c({
+	__name: "FieldLabel",
+	props: {
+		label: {},
+		labelId: {},
+		hideLabel: { type: Boolean },
+		hint: {},
+		htmlFor: {}
+	},
+	setup(e) {
+		return (t, a) => e.label ? (p(), i("label", {
+			key: 0,
+			id: e.labelId,
+			for: e.htmlFor,
+			class: d({ "visually-hidden": e.hideLabel })
+		}, [o(_(e.label) + " ", 1), e.hint && !e.hideLabel ? (p(), n(Z, {
+			key: 0,
+			text: e.hint
+		}, null, 8, ["text"])) : r("", !0)], 10, Ht)) : r("", !0);
+	}
+});
+//#endregion
+//#region src/_internal/field.ts
+function $(e) {
+	let n = R(), r = `${n}-label`;
+	return {
+		id: n,
+		labelId: r,
+		ariaProps: t(() => ({
+			"aria-labelledby": e.label ? r : void 0,
+			"aria-label": e.label ? void 0 : e.ariaLabel
+		}))
+	};
+}
+//#endregion
+//#region src/SelectBox/SelectBox.vue?vue&type=script&setup=true&lang.ts
+var Ut = { class: "select-box" }, Wt = {
+	class: "select-icon",
+	"aria-hidden": "true"
+}, Gt = {
+	class: "select-icon",
+	"aria-hidden": "true"
+}, Kt = /* @__PURE__ */ V(/* @__PURE__ */ c({
+	__name: "SelectBox",
+	props: /* @__PURE__ */ l({
+		options: {},
+		placeholder: {},
+		autocomplete: { type: Boolean },
+		label: {},
+		hideLabel: { type: Boolean },
+		ariaLabel: {},
+		hint: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = y(t, "modelValue"), c = t, { id: l, labelId: d, ariaProps: f } = $(c);
+		function h(e) {
+			return c.options.find((t) => t.value === e)?.label ?? "";
+		}
+		return (c, g) => (p(), i("div", Ut, [s(Q, {
+			class: "select-label",
+			label: t.label,
+			"label-id": v(d),
+			"hide-label": t.hideLabel,
+			hint: t.hint,
+			"html-for": t.autocomplete ? `${v(l)}-input` : void 0
+		}, null, 8, [
+			"label",
+			"label-id",
+			"hide-label",
+			"hint",
+			"html-for"
+		]), t.autocomplete ? (p(), n(v(se), {
+			key: 0,
+			modelValue: r.value,
+			"onUpdate:modelValue": g[0] ||= (e) => r.value = e,
+			"open-on-click": "",
+			class: "select-combobox-root"
+		}, {
+			default: b(() => [s(v(ee), { class: "select-anchor" }, {
+				default: b(() => [s(v(re), u({
+					id: `${v(l)}-input`,
+					class: "select-input",
+					"display-value": h,
+					placeholder: t.placeholder
+				}, v(f)), null, 16, ["id", "placeholder"]), s(v(ce), {
+					class: "select-icon-button",
+					"aria-label": "Toggle options"
+				}, {
+					default: b(() => [a("span", Wt, [s(X, {
+						icon: "keyboard_arrow_down",
+						size: 16
+					})])]),
+					_: 1
+				})]),
+				_: 1
+			}), s(v(oe), null, {
+				default: b(() => [s(v(te), {
+					class: "cfasim-listbox-content select-content-autocomplete",
+					position: "popper",
+					"side-offset": 4,
+					"body-lock": !1
+				}, {
+					default: b(() => [s(v(le), { class: "cfasim-listbox-viewport" }, {
+						default: b(() => [s(v(ne), { class: "cfasim-listbox-empty" }, {
+							default: b(() => [...g[2] ||= [o(" No matches ", -1)]]),
+							_: 1
+						}), (p(!0), i(e, null, m(t.options, (e) => (p(), n(v(ie), {
+							key: e.value,
+							value: e.value,
+							class: "cfasim-listbox-item"
+						}, {
+							default: b(() => [a("span", null, _(e.label), 1), s(v(ae), { class: "cfasim-listbox-indicator" }, {
+								default: b(() => [s(X, {
+									icon: "check",
+									size: 14
+								})]),
+								_: 1
+							})]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["modelValue"])) : (p(), n(v(O), {
+			key: 1,
+			modelValue: r.value,
+			"onUpdate:modelValue": g[1] ||= (e) => r.value = e
+		}, {
+			default: b(() => [s(v(k), u({ class: "select-trigger" }, v(f)), {
+				default: b(() => [s(v(A), { placeholder: t.placeholder }, null, 8, ["placeholder"]), a("span", Gt, [s(X, {
+					icon: "keyboard_arrow_down",
+					size: 16
+				})])]),
+				_: 1
+			}, 16), s(v(D), null, {
+				default: b(() => [s(v(C), {
+					class: "cfasim-listbox-content select-content",
+					position: "popper",
+					"side-offset": 4,
+					"body-lock": !1
+				}, {
+					default: b(() => [s(v(j), { class: "cfasim-listbox-viewport" }, {
+						default: b(() => [(p(!0), i(e, null, m(t.options, (e) => (p(), n(v(w), {
+							key: e.value,
+							value: e.value,
+							class: "cfasim-listbox-item"
+						}, {
+							default: b(() => [s(v(E), null, {
+								default: b(() => [o(_(e.label), 1)]),
+								_: 2
+							}, 1024), s(v(T), { class: "cfasim-listbox-indicator" }, {
+								default: b(() => [s(X, {
+									icon: "check",
+									size: 14
+								})]),
+								_: 1
+							})]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["modelValue"]))]));
+	}
+}), [["__scopeId", "data-v-7fd46006"]]);
+//#endregion
+export { X as a, U as c, Z as i, H as l, $ as n, K as o, Q as r, G as s, Kt as t, V as u };

package/dist/TextInput/TextInput.d.ts

@@ -1,9 +1,8 @@
-type __VLS_Props = {
-    label?: string;
-    hideLabel?: boolean;
+import { FieldProps } from '../_internal/field';
+interface Props extends FieldProps {
     placeholder?: string;
-    hint?: string;
-};
+}
+type __VLS_Props = Props;
 type __VLS_PublicProps = {
     modelValue?: string;
 } & __VLS_Props;

package/dist/ToggleGroup/ToggleGroup.d.ts

@@ -1,18 +1,16 @@
+import { FieldProps } from '../_internal/field';
 export interface ToggleGroupOption {
     value: string;
     label: string;
     disabled?: boolean;
 }
-type __VLS_Props = {
+interface Props extends FieldProps {
     options: ToggleGroupOption[];
     multiple?: boolean;
-    label?: string;
-    hideLabel?: boolean;
-    ariaLabel?: string;
-    hint?: string;
     disabled?: boolean;
     orientation?: "horizontal" | "vertical";
-};
+}
+type __VLS_Props = Props;
 type __VLS_PublicProps = {
     modelValue?: string | string[];
 } & __VLS_Props;

package/dist/_internal/FieldLabel.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    label?: string;
+    labelId?: string;
+    hideLabel?: boolean;
+    hint?: string;
+    /** `for` attribute, for fields whose control is a real labelable element. */
+    htmlFor?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/_internal/field.d.ts

@@ -0,0 +1,22 @@
+/** Props shared by every labeled form field. */
+export interface FieldProps {
+    label?: string;
+    /** Visually hide the label while keeping it for assistive tech. */
+    hideLabel?: boolean;
+    /** Accessible name used when no visible `label` is provided. */
+    ariaLabel?: string;
+    hint?: string;
+}
+/**
+ * Generated field/label ids plus the aria attributes that point a control
+ * at its label: `aria-labelledby` when a visible `label` exists, else
+ * `aria-label`. Spread onto the control with `v-bind="ariaProps.value"`.
+ */
+export declare function useField(props: FieldProps): {
+    id: string;
+    labelId: string;
+    ariaProps: import('vue').ComputedRef<{
+        "aria-labelledby": string | undefined;
+        "aria-label": string | undefined;
+    }>;
+};