iryx-ui 0.20.0 → 0.22.0

package/dist/components/Progress.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,19 @@
 import { useIryxUiConfig as e } from "../config.js";
 import { progressTheme as t } from "../theme/progress.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useSlots as y, withCtx as b } from "vue";
-import { ProgressIndicator as x, ProgressRoot as S, useId as C } from "reka-ui";
+import { ProgressIndicator as x, ProgressRoot as S, useId as ee } from "reka-ui";
 //#region src/components/Progress.vue?vue&type=script&setup=true&lang.ts
-var w = ["id"], T = {
+var C = ["transform"], w = ["stroke-linecap", "stroke-dasharray"], T = ["stroke-dasharray"], te = ["id"], E = ["id"], ne = {
 	key: 0,
 	class: "flex h-full w-full"
-}, E = /*@__PURE__*/ u({
+}, D = 8, O = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "Progress",
 	props: {
 		modelValue: {},
 		max: { default: 100 },
+		shape: {},
+		angle: {},
 		variant: {},
 		segments: {},
 		size: {},
@@ -32,60 +34,114 @@ var w = ["id"], T = {
 		ui: {}
 	},
 	setup(u) {
-		let E = u, D = y(), O = C(), k = r(() => !!(E.label || D.label)), A = r(() => (E.segments?.length ?? 0) > 0), j = r(() => !A.value && (E.indeterminate || E.modelValue == null)), M = r(() => {
+		let O = u, re = y(), k = ee(), A = r(() => !!(O.label || re.label)), j = r(() => O.shape === "circle"), M = r(() => !j.value && (O.segments?.length ?? 0) > 0), N = r(() => !M.value && (O.indeterminate || O.modelValue == null)), P = r(() => {
 			let e = 0;
-			return (E.segments ?? []).map((t) => {
-				let n = Math.max(t.value, 0), r = Math.max(E.max - e, 0), i = Math.min(n, r);
+			return (O.segments ?? []).map((t) => {
+				let n = Math.max(t.value, 0), r = Math.max(O.max - e, 0), i = Math.min(n, r);
 				return e += i, {
 					...t,
 					value: n,
-					percent: E.max > 0 ? i / E.max * 100 : 0
+					percent: O.max > 0 ? i / O.max * 100 : 0
 				};
 			});
-		}), N = r(() => M.value.reduce((e, t) => e + t.value, 0)), P = r(() => M.value.filter((e) => e.label)), F = r(() => j.value ? null : A.value ? Math.min(N.value, E.max) : Math.min(Math.max(E.modelValue ?? 0, 0), E.max)), I = r(() => F.value == null ? 0 : F.value / E.max * 100), L = r(() => {
-			if (F.value != null) return E.formatValue ? E.formatValue(F.value, E.max) : `${Math.round(I.value)}%`;
-		}), R = r(() => !!(E.label || E.showValue && L.value)), z = e(), B = r(() => E.unstyled ?? z.unstyled), V = r(() => t({
-			variant: E.variant,
-			size: E.size,
-			indeterminate: j.value
-		})), H = r(() => B.value ? [E.ui?.root, E.class] : V.value.root({ class: [E.ui?.root, E.class] })), U = r(() => B.value ? E.ui?.header : V.value.header({ class: E.ui?.header })), W = r(() => B.value ? E.ui?.label : V.value.label({ class: E.ui?.label })), G = r(() => B.value ? E.ui?.value : V.value.value({ class: E.ui?.value })), K = r(() => B.value ? E.ui?.track : V.value.track({ class: E.ui?.track })), q = r(() => B.value ? E.ui?.indicator : V.value.indicator({ class: E.ui?.indicator })), J = r(() => B.value ? E.ui?.legend : V.value.legend({ class: E.ui?.legend })), Y = r(() => B.value ? E.ui?.legendItem : V.value.legendItem({ class: E.ui?.legendItem })), X = r(() => B.value ? E.ui?.legendValue : V.value.legendValue({ class: E.ui?.legendValue }));
-		function Z(e) {
-			return B.value ? E.ui?.segment : t({ variant: e ?? "neutral" }).segment({ class: E.ui?.segment });
+		}), F = r(() => P.value.reduce((e, t) => e + t.value, 0)), I = r(() => P.value.filter((e) => e.label)), L = r(() => N.value ? null : M.value ? Math.min(F.value, O.max) : Math.min(Math.max(O.modelValue ?? 0, 0), O.max)), R = r(() => L.value == null ? 0 : L.value / O.max * 100), z = r(() => {
+			if (L.value != null) return O.formatValue ? O.formatValue(L.value, O.max) : `${Math.round(R.value)}%`;
+		}), B = r(() => !!(O.label || O.showValue && z.value)), V = e(), H = r(() => O.unstyled ?? V.unstyled), U = r(() => t({
+			shape: O.shape,
+			variant: O.variant,
+			size: O.size,
+			indeterminate: N.value
+		})), W = r(() => H.value ? [O.ui?.root, O.class] : U.value.root({ class: [O.ui?.root, O.class] })), G = r(() => H.value ? O.ui?.header : U.value.header({ class: O.ui?.header })), K = r(() => H.value ? O.ui?.label : U.value.label({ class: O.ui?.label })), q = r(() => H.value ? O.ui?.value : U.value.value({ class: O.ui?.value })), J = r(() => H.value ? O.ui?.track : U.value.track({ class: O.ui?.track })), Y = r(() => H.value ? O.ui?.indicator : U.value.indicator({ class: O.ui?.indicator })), ie = r(() => H.value ? O.ui?.ring : U.value.ring({ class: O.ui?.ring })), ae = r(() => H.value ? O.ui?.ringTrack : U.value.ringTrack({ class: O.ui?.ringTrack })), oe = r(() => H.value ? O.ui?.ringIndicator : U.value.ringIndicator({ class: O.ui?.ringIndicator })), se = r(() => H.value ? O.ui?.ringContent : U.value.ringContent({ class: O.ui?.ringContent })), ce = r(() => H.value ? O.ui?.ringValue : U.value.ringValue({ class: O.ui?.ringValue })), le = r(() => H.value ? O.ui?.ringLabel : U.value.ringLabel({ class: O.ui?.ringLabel })), ue = r(() => H.value ? O.ui?.legend : U.value.legend({ class: O.ui?.legend })), de = r(() => H.value ? O.ui?.legendItem : U.value.legendItem({ class: O.ui?.legendItem })), fe = r(() => H.value ? O.ui?.legendValue : U.value.legendValue({ class: O.ui?.legendValue }));
+		function pe(e) {
+			return H.value ? O.ui?.segment : t({ variant: e ?? "neutral" }).segment({ class: O.ui?.segment });
 		}
-		function Q(e) {
-			return B.value ? E.ui?.legendSwatch : t({ variant: e ?? "neutral" }).legendSwatch({ class: E.ui?.legendSwatch });
+		function me(e) {
+			return H.value ? O.ui?.legendSwatch : t({ variant: e ?? "neutral" }).legendSwatch({ class: O.ui?.legendSwatch });
 		}
-		let $ = r(() => j.value ? void 0 : { transform: `translateX(-${100 - I.value}%)` });
-		return (e, t) => (m(), o("div", { class: f(H.value) }, [
-			R.value ? (m(), o("div", {
+		let X = (100 - D) / 2, Z = 2 * Math.PI * X, Q = r(() => Math.min(Math.max(O.angle ?? 360, 1), 360)), $ = r(() => Z * (Q.value / 360)), he = r(() => Q.value === 360 ? -90 : -(90 + Q.value / 2)), ge = r(() => `${N.value ? $.value * .25 : $.value * (R.value / 100)} ${Z}`), _e = r(() => `${$.value} ${Z}`), ve = r(() => N.value ? void 0 : { transform: `translateX(-${100 - R.value}%)` });
+		return (e, t) => j.value ? (m(), o("div", {
+			key: 0,
+			class: f(W.value)
+		}, [l(v(S), d({
+			"model-value": L.value,
+			max: O.max,
+			"get-value-label": () => z.value ?? "",
+			"aria-labelledby": A.value ? v(k) : void 0
+		}, e.$attrs, { "as-child": "" }), {
+			default: b(() => [(m(), o("svg", {
+				class: f(ie.value),
+				viewBox: "0 0 100 100",
+				"aria-hidden": "true"
+			}, [s("g", { transform: `rotate(${he.value} 50 50)` }, [s("circle", {
+				class: f(ae.value),
+				cx: "50",
+				cy: "50",
+				r: X,
+				"stroke-width": D,
+				"stroke-linecap": Q.value === 360 ? void 0 : "round",
+				"stroke-dasharray": _e.value
+			}, null, 10, w), l(v(x), { "as-child": "" }, {
+				default: b(() => [s("circle", {
+					class: f(oe.value),
+					cx: "50",
+					cy: "50",
+					r: X,
+					"stroke-width": D,
+					"stroke-linecap": "round",
+					"stroke-dasharray": ge.value
+				}, null, 10, T)]),
+				_: 1
+			})], 8, C)], 2))]),
+			_: 1
+		}, 16, [
+			"model-value",
+			"max",
+			"get-value-label",
+			"aria-labelledby"
+		]), s("div", { class: f(se.value) }, [O.showValue && z.value ? (m(), o("span", {
+			key: 0,
+			class: f(ce.value)
+		}, [g(e.$slots, "value", {
+			value: L.value,
+			percent: R.value,
+			formatted: z.value
+		}, () => [c(_(z.value), 1)])], 2)) : a("", !0), A.value ? (m(), o("span", {
+			key: 1,
+			id: v(k),
+			class: f(le.value)
+		}, [g(e.$slots, "label", {}, () => [c(_(O.label), 1)])], 10, te)) : a("", !0)], 2)], 2)) : (m(), o("div", {
+			key: 1,
+			class: f(W.value)
+		}, [
+			B.value ? (m(), o("div", {
 				key: 0,
-				class: f(U.value)
-			}, [k.value ? (m(), o("span", {
+				class: f(G.value)
+			}, [A.value ? (m(), o("span", {
 				key: 0,
-				id: v(O),
-				class: f(W.value)
-			}, [g(e.$slots, "label", {}, () => [c(_(E.label), 1)])], 10, w)) : a("", !0), E.showValue && L.value ? (m(), o("span", {
+				id: v(k),
+				class: f(K.value)
+			}, [g(e.$slots, "label", {}, () => [c(_(O.label), 1)])], 10, E)) : a("", !0), O.showValue && z.value ? (m(), o("span", {
 				key: 1,
-				class: f(G.value)
+				class: f(q.value)
 			}, [g(e.$slots, "value", {
-				value: F.value,
-				percent: I.value,
-				formatted: L.value
-			}, () => [c(_(L.value), 1)])], 2)) : a("", !0)], 2)) : a("", !0),
+				value: L.value,
+				percent: R.value,
+				formatted: z.value
+			}, () => [c(_(z.value), 1)])], 2)) : a("", !0)], 2)) : a("", !0),
 			l(v(S), d({
-				"model-value": F.value,
-				max: E.max,
-				"get-value-label": () => L.value ?? "",
-				"aria-labelledby": k.value ? v(O) : void 0
-			}, e.$attrs, { class: K.value }), {
-				default: b(() => [A.value ? (m(), o("div", T, [(m(!0), o(n, null, h(M.value, (e, t) => (m(), o("div", {
+				"model-value": L.value,
+				max: O.max,
+				"get-value-label": () => z.value ?? "",
+				"aria-labelledby": A.value ? v(k) : void 0
+			}, e.$attrs, { class: J.value }), {
+				default: b(() => [M.value ? (m(), o("div", ne, [(m(!0), o(n, null, h(P.value, (e, t) => (m(), o("div", {
 					key: e.label ?? t,
-					class: f(Z(e.variant)),
+					class: f(pe(e.variant)),
 					style: p({ width: `${e.percent}%` })
 				}, null, 6))), 128))])) : (m(), i(v(x), {
 					key: 1,
-					class: f(q.value),
-					style: p($.value)
+					class: f(Y.value),
+					style: p(ve.value)
 				}, null, 8, ["class", "style"]))]),
 				_: 1
 			}, 16, [
@@ -95,19 +151,19 @@ var w = ["id"], T = {
 				"aria-labelledby",
 				"class"
 			]),
-			P.value.length ? (m(), o("ul", {
+			I.value.length ? (m(), o("ul", {
 				key: 1,
-				class: f(J.value)
-			}, [(m(!0), o(n, null, h(P.value, (e, t) => (m(), o("li", {
+				class: f(ue.value)
+			}, [(m(!0), o(n, null, h(I.value, (e, t) => (m(), o("li", {
 				key: e.label ?? t,
-				class: f(Y.value)
+				class: f(de.value)
 			}, [
-				s("span", { class: f(Q(e.variant)) }, null, 2),
+				s("span", { class: f(me(e.variant)) }, null, 2),
 				s("span", null, _(e.label), 1),
-				s("span", { class: f(X.value) }, _(E.formatValue ? E.formatValue(e.value, E.max) : `${Math.round(e.value / E.max * 100)}%`), 3)
+				s("span", { class: f(fe.value) }, _(O.formatValue ? O.formatValue(e.value, O.max) : `${Math.round(e.value / O.max * 100)}%`), 3)
 			], 2))), 128))], 2)) : a("", !0)
 		], 2));
 	}
 });
 //#endregion
-export { E as default };
+export { O as default };

package/dist/components/RadioGroup.vue.d.ts

@@ -1,15 +1,24 @@
 import type { RadioGroupRootProps } from 'reka-ui';
 import type { ClassValue } from '../class-value';
+import type { IconLike } from '../composables/icon';
 export interface RadioGroupItemOption {
     label: string;
     value: string;
     /** Secondary text under the label. */
     description?: string;
+    /** Shown above the label by the `tile` variant, ignored by the others. */
+    icon?: IconLike;
     disabled?: boolean;
 }
 export interface RadioGroupProps extends RadioGroupRootProps {
     /** Options to render. Strings are expanded to `{ label, value }`. */
     items?: (RadioGroupItemOption | string)[];
+    /**
+     * How each option is drawn. `radio` is a circle beside its label, `card`
+     * makes the whole bordered surface the control, and `tile` centres an icon
+     * above the label.
+     */
+    variant?: 'radio' | 'card' | 'tile';
     size?: 'sm' | 'md' | 'lg';
     /** Mark as failing validation. Taken from the enclosing `IFormField` when omitted. */
     invalid?: boolean;
@@ -19,6 +28,9 @@ export interface RadioGroupProps extends RadioGroupRootProps {
     ui?: {
         root?: string;
         item?: string;
+        mark?: string;
+        icon?: string;
+        content?: string;
         label?: string;
         description?: string;
     };

package/dist/components/RadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,15 @@
 import { useIryxUiConfig as e } from "../config.js";
-import { useFormField as t } from "../composables/form.js";
-import { radioGroupTheme as n } from "../theme/radio-group.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
-import { Label as b, RadioGroupIndicator as x, RadioGroupItem as S, RadioGroupRoot as C, useForwardPropsEmits as w, useId as T } from "reka-ui";
+import t from "./Icon.js";
+import { useFormField as n } from "../composables/form.js";
+import { radioGroupTheme as r } from "../theme/radio-group.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { Label as x, RadioGroupIndicator as S, RadioGroupItem as C, RadioGroupRoot as w, useForwardPropsEmits as T, useId as E } from "reka-ui";
 //#region src/components/RadioGroup.vue?vue&type=script&setup=true&lang.ts
-var E = ["id"], D = /*@__PURE__*/ d({
+var D = ["id"], O = ["id"], k = ["id"], A = /*@__PURE__*/ f({
 	__name: "RadioGroup",
 	props: {
 		items: {},
+		variant: {},
 		size: {},
 		invalid: {
 			type: Boolean,
@@ -36,37 +38,38 @@ var E = ["id"], D = /*@__PURE__*/ d({
 		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(d, { emit: D }) {
-		let O = d, k = D, A = w(i(() => {
-			let { items: e, size: t, invalid: n, unstyled: r, class: i, ui: a, ...o } = O;
-			return o;
-		}), k), j = i(() => (O.items ?? []).map((e) => typeof e == "string" ? {
+	setup(f, { emit: A }) {
+		let j = f, M = A, N = T(a(() => {
+			let { items: e, variant: t, size: n, invalid: r, unstyled: i, class: a, ui: o, ...s } = j;
+			return s;
+		}), M), P = a(() => (j.items ?? []).map((e) => typeof e == "string" ? {
 			label: e,
 			value: e
-		} : e)), M = T(), N = t();
-		N && (N.id.value = void 0);
-		let P = i(() => O.invalid ?? N?.invalid.value ?? !1), F = e(), I = i(() => O.unstyled ?? F.unstyled), L = i(() => n({
-			size: O.size,
-			orientation: O.orientation ?? "vertical",
-			invalid: P.value
-		})), R = i(() => I.value ? [O.ui?.root, O.class] : L.value.root({ class: [O.ui?.root, O.class] })), z = i(() => I.value ? O.ui?.item : L.value.item({ class: O.ui?.item })), B = i(() => I.value ? O.ui?.label : L.value.label({ class: O.ui?.label })), V = i(() => I.value ? O.ui?.description : L.value.description({ class: O.ui?.description }));
-		return (e, t) => (m(), a(v(C), f(v(A), {
-			"aria-labelledby": v(N)?.labelId.value,
-			"aria-invalid": P.value || void 0,
-			"aria-describedby": v(N)?.describedBy.value,
-			class: R.value
+		} : e)), F = E(), I = n();
+		I && (I.id.value = void 0);
+		let L = a(() => j.invalid ?? I?.invalid.value ?? !1), R = e(), z = a(() => j.unstyled ?? R.unstyled), B = a(() => r({
+			variant: j.variant,
+			size: j.size,
+			orientation: j.orientation ?? "vertical",
+			invalid: L.value
+		})), V = a(() => z.value ? [j.ui?.root, j.class] : B.value.root({ class: [j.ui?.root, j.class] })), H = a(() => z.value ? j.ui?.item : B.value.item({ class: j.ui?.item })), U = a(() => z.value ? j.ui?.label : B.value.label({ class: j.ui?.label })), W = a(() => z.value ? j.ui?.description : B.value.description({ class: j.ui?.description })), G = a(() => z.value ? j.ui?.content : B.value.content({ class: j.ui?.content })), K = a(() => z.value ? j.ui?.mark : B.value.mark({ class: j.ui?.mark })), q = a(() => z.value ? j.ui?.icon : B.value.icon({ class: j.ui?.icon }));
+		return (e, n) => (h(), o(y(w), p(y(N), {
+			"aria-labelledby": y(I)?.labelId.value,
+			"aria-invalid": L.value || void 0,
+			"aria-describedby": y(I)?.describedBy.value,
+			class: V.value
 		}), {
-			default: y(() => [g(e.$slots, "default", {}, () => [(m(!0), s(r, null, h(j.value, (e) => (m(), s("div", {
-				key: e.value,
-				class: p(I.value ? void 0 : L.value.wrapper())
-			}, [u(v(S), {
-				id: `${v(M)}-${e.value}`,
+			default: b(() => [_(e.$slots, "default", {}, () => [(h(!0), c(i, null, g(P.value, (e) => (h(), c(i, { key: e.value }, [(j.variant ?? "radio") === "radio" ? (h(), c("div", {
+				key: 0,
+				class: m(z.value ? void 0 : B.value.wrapper())
+			}, [d(y(C), {
+				id: `${y(F)}-${e.value}`,
 				value: e.value,
 				disabled: e.disabled,
-				"aria-describedby": e.description ? `${v(M)}-${e.value}-description` : void 0,
-				class: p(z.value)
+				"aria-describedby": e.description ? `${y(F)}-${e.value}-description` : void 0,
+				class: m(H.value)
 			}, {
-				default: y(() => [u(v(x), { class: p(I.value ? void 0 : L.value.indicator()) }, null, 8, ["class"])]),
+				default: b(() => [d(y(S), { class: m(z.value ? void 0 : B.value.indicator()) }, null, 8, ["class"])]),
 				_: 1
 			}, 8, [
 				"id",
@@ -74,17 +77,48 @@ var E = ["id"], D = /*@__PURE__*/ d({
 				"disabled",
 				"aria-describedby",
 				"class"
-			]), c("div", { class: p(I.value ? void 0 : L.value.content()) }, [u(v(b), {
-				for: `${v(M)}-${e.value}`,
-				class: p(B.value)
+			]), l("div", { class: m(G.value) }, [d(y(x), {
+				for: `${y(F)}-${e.value}`,
+				class: m(U.value)
 			}, {
-				default: y(() => [l(_(e.label), 1)]),
+				default: b(() => [u(v(e.label), 1)]),
 				_: 2
-			}, 1032, ["for", "class"]), e.description ? (m(), s("p", {
+			}, 1032, ["for", "class"]), e.description ? (h(), c("p", {
 				key: 0,
-				id: `${v(M)}-${e.value}-description`,
-				class: p(V.value)
-			}, _(e.description), 11, E)) : o("", !0)], 2)], 2))), 128))])]),
+				id: `${y(F)}-${e.value}-description`,
+				class: m(W.value)
+			}, v(e.description), 11, D)) : s("", !0)], 2)], 2)) : (h(), o(y(C), {
+				key: 1,
+				value: e.value,
+				disabled: e.disabled,
+				"aria-labelledby": `${y(F)}-${e.value}-label`,
+				"aria-describedby": e.description ? `${y(F)}-${e.value}-description` : void 0,
+				class: m([H.value, "group/item"])
+			}, {
+				default: b(() => [j.variant === "card" ? (h(), c("span", {
+					key: 0,
+					class: m(K.value)
+				}, [d(y(S), { class: m(z.value ? void 0 : B.value.indicator()) }, null, 8, ["class"])], 2)) : e.icon ? (h(), o(t, {
+					key: 1,
+					icon: e.icon,
+					"data-slot": "icon",
+					class: m(q.value)
+				}, null, 8, ["icon", "class"])) : s("", !0), l("span", { class: m(G.value) }, [l("span", {
+					id: `${y(F)}-${e.value}-label`,
+					class: m(U.value)
+				}, v(e.label), 11, O), e.description ? (h(), c("span", {
+					key: 0,
+					id: `${y(F)}-${e.value}-description`,
+					class: m(W.value)
+				}, v(e.description), 11, k)) : s("", !0)], 2)]),
+				_: 2
+			}, 1032, [
+				"value",
+				"disabled",
+				"aria-labelledby",
+				"aria-describedby",
+				"class"
+			]))], 64))), 128))])]),
 			_: 3
 		}, 16, [
 			"aria-labelledby",
@@ -95,4 +129,4 @@ var E = ["id"], D = /*@__PURE__*/ d({
 	}
 });
 //#endregion
-export { D as default };
+export { A as default };

package/dist/components/Switch.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { useIryxUiConfig as e } from "../config.js";
 import { useFormField as t } from "../composables/form.js";
 import { switchTheme as n } from "../theme/switch.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
-import { Label as v, SwitchRoot as y, SwitchThumb as b, useForwardPropsEmits as x, useId as S } from "reka-ui";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useSlots as _, withCtx as v } from "vue";
+import { Label as y, SwitchRoot as b, SwitchThumb as x, useForwardPropsEmits as S, useId as C } from "reka-ui";
 //#region src/components/Switch.vue?vue&type=script&setup=true&lang.ts
-var C = ["id"], w = /*@__PURE__*/ u({
+var w = ["id"], T = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "Switch",
 	props: {
@@ -39,56 +39,56 @@ var C = ["id"], w = /*@__PURE__*/ u({
 		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(u, { emit: w }) {
-		let T = u, E = w, D = x(r(() => {
-			let { label: e, description: t, size: n, id: r, invalid: i, unstyled: a, class: o, ui: s, ...c } = T;
+	setup(u, { emit: T }) {
+		let E = u, D = T, O = S(r(() => {
+			let { label: e, description: t, size: n, id: r, invalid: i, unstyled: a, class: o, ui: s, ...c } = E;
 			return c;
-		}), E), O = S(), k = t(), A = r(() => T.invalid ?? k?.invalid.value ?? !1), j = r(() => T.id ?? k?.id.value ?? O);
-		k && (k.id.value = j.value);
-		let M = r(() => !!(T.label || T.description)), N = e(), P = r(() => T.unstyled ?? N.unstyled), F = r(() => n({
-			size: T.size,
-			withText: M.value,
-			invalid: A.value
-		})), I = r(() => P.value ? T.ui?.wrapper : F.value.wrapper({ class: T.ui?.wrapper })), L = r(() => P.value ? [T.ui?.root, T.class] : F.value.root({ class: [T.ui?.root, T.class] })), R = r(() => P.value ? T.ui?.thumb : F.value.thumb({ class: T.ui?.thumb })), z = r(() => P.value ? T.ui?.content : F.value.content({ class: T.ui?.content })), B = r(() => P.value ? T.ui?.label : F.value.label({ class: T.ui?.label })), V = r(() => P.value ? T.ui?.description : F.value.description({ class: T.ui?.description }));
-		return (e, t) => M.value ? (p(), o("div", {
+		}), D), k = _(), A = C(), j = t(), M = r(() => E.invalid ?? j?.invalid.value ?? !1), N = r(() => E.id ?? j?.id.value ?? A);
+		j && (j.id.value = N.value);
+		let P = r(() => !!(E.description || k.description)), F = r(() => !!(E.label || k.label || P.value)), I = r(() => P.value ? `${N.value}-description` : void 0), L = e(), R = r(() => E.unstyled ?? L.unstyled), z = r(() => n({
+			size: E.size,
+			withText: F.value,
+			invalid: M.value
+		})), B = r(() => R.value ? E.ui?.wrapper : z.value.wrapper({ class: E.ui?.wrapper })), V = r(() => R.value ? [E.ui?.root, E.class] : z.value.root({ class: [E.ui?.root, E.class] })), H = r(() => R.value ? E.ui?.thumb : z.value.thumb({ class: E.ui?.thumb })), U = r(() => R.value ? E.ui?.content : z.value.content({ class: E.ui?.content })), W = r(() => R.value ? E.ui?.label : z.value.label({ class: E.ui?.label })), G = r(() => R.value ? E.ui?.description : z.value.description({ class: E.ui?.description }));
+		return (e, t) => F.value ? (p(), o("div", {
 			key: 0,
-			class: f(I.value)
-		}, [l(g(y), d({ id: j.value }, {
-			...g(D),
+			class: f(B.value)
+		}, [l(g(b), d({ id: N.value }, {
+			...g(O),
 			...e.$attrs
 		}, {
-			"aria-invalid": A.value || void 0,
-			"aria-describedby": T.description ? `${j.value}-description` : void 0,
-			class: L.value
+			"aria-invalid": M.value || void 0,
+			"aria-describedby": I.value,
+			class: V.value
 		}), {
-			default: _(() => [l(g(b), { class: f(R.value) }, null, 8, ["class"])]),
+			default: v(() => [l(g(x), { class: f(H.value) }, null, 8, ["class"])]),
 			_: 1
 		}, 16, [
 			"id",
 			"aria-invalid",
 			"aria-describedby",
 			"class"
-		]), s("div", { class: f(z.value) }, [l(g(v), {
-			for: j.value,
-			class: f(B.value)
+		]), s("div", { class: f(U.value) }, [l(g(y), {
+			for: N.value,
+			class: f(W.value)
 		}, {
-			default: _(() => [m(e.$slots, "label", {}, () => [c(h(T.label), 1)])]),
+			default: v(() => [m(e.$slots, "label", {}, () => [c(h(E.label), 1)])]),
 			_: 3
-		}, 8, ["for", "class"]), T.description || e.$slots.description ? (p(), o("p", {
+		}, 8, ["for", "class"]), P.value ? (p(), o("p", {
 			key: 0,
-			id: `${j.value}-description`,
-			class: f(V.value)
-		}, [m(e.$slots, "description", {}, () => [c(h(T.description), 1)])], 10, C)) : a("", !0)], 2)], 2)) : (p(), i(g(y), d({
+			id: `${N.value}-description`,
+			class: f(G.value)
+		}, [m(e.$slots, "description", {}, () => [c(h(E.description), 1)])], 10, w)) : a("", !0)], 2)], 2)) : (p(), i(g(b), d({
 			key: 1,
-			id: j.value
+			id: N.value
 		}, {
-			...g(D),
+			...g(O),
 			...e.$attrs
 		}, {
-			"aria-invalid": A.value || void 0,
-			class: L.value
+			"aria-invalid": M.value || void 0,
+			class: V.value
 		}), {
-			default: _(() => [l(g(b), { class: f(R.value) }, null, 8, ["class"])]),
+			default: v(() => [l(g(x), { class: f(H.value) }, null, 8, ["class"])]),
 			_: 1
 		}, 16, [
 			"id",
@@ -98,4 +98,4 @@ var C = ["id"], w = /*@__PURE__*/ u({
 	}
 });
 //#endregion
-export { w as default };
+export { T as default };

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export { default as Button } from './Button.vue';
 export { default as ButtonGroup } from './ButtonGroup.vue';
 export { default as Calendar } from './Calendar.vue';
 export { default as Card } from './Card.vue';
+export { default as Carousel } from './Carousel.vue';
 export { default as ChartLegend } from './ChartLegend.vue';
 export { default as Checkbox } from './Checkbox.vue';
 export { default as Collapsible } from './Collapsible.vue';