rei-kit 2.17.0 → 2.18.1

package/README.md

@@ -124,7 +124,7 @@ Each claim here is enforced by something that fails, not by a promise.
 
 ## Status
 
-**v2.17.0 — three consumers.**
+**v2.18.1 — three consumers.**
 
 |              |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
 | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -549,6 +549,21 @@ git push --follow-tags
 Then write the release into `PATCHNOTES.md` — what a consumer gains, and what
 they have to do to take it.
 
+## Taking part
+
+| File                                   | What it answers                                                          |
+| -------------------------------------- | ------------------------------------------------------------------------ |
+| [CONTRIBUTING.md](CONTRIBUTING.md)      | How to set it up, the one command CI runs, and what a new component needs |
+| [ROADMAP.md](ROADMAP.md)                | What is next, what is being weighed up, and what this will never do       |
+| [SECURITY.md](SECURITY.md)              | How to report a vulnerability, and what the package does and does not do  |
+| [AGENTS.md](AGENTS.md)                  | The design document: which part to reach for, and the mistakes that compile |
+| [CHANGELOG.md](CHANGELOG.md)            | Why each change was made                                                  |
+| [PATCHNOTES.md](PATCHNOTES.md)          | What you gain per release, and what you have to do to take it             |
+
+The most useful issue you can open is the one that says what you tried to
+build and what you ended up writing by hand: a control hand-written in a file
+that already imports the kit's version of it is a bug in the kit, every time.
+
 ## Author
 
 Made by **Ramazan Doğan** — [github.com/ramazandogna](https://github.com/ramazandogna),

package/dist/index.js

@@ -353,7 +353,7 @@ var _hoisted_1$43 = [
 	"aria-label",
 	"aria-hidden"
 ];
-var _hoisted_2$36 = ["src"];
+var _hoisted_2$37 = ["src"];
 var _hoisted_3$24 = {
 	key: 1,
 	class: "rk-avatar-initials"
@@ -404,7 +404,7 @@ var BaseAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				alt: "",
 				class: "rk-avatar-img",
 				onError: _cache[0] || (_cache[0] = ($event) => broken.value = true)
-			}, null, 40, _hoisted_2$36)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$24, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$19, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
+			}, null, 40, _hoisted_2$37)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$24, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$19, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
 				cx: "10",
 				cy: "6.75",
 				r: "3.25",
@@ -443,7 +443,7 @@ var _hoisted_1$42 = [
 	"aria-expanded",
 	"aria-controls"
 ];
-var _hoisted_2$35 = ["id"];
+var _hoisted_2$36 = ["id"];
 //#endregion
 //#region src/components/BaseMenu.vue
 var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -549,7 +549,7 @@ var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				ref: panel,
 				class: normalizeClass(["rk-menu-panel surface-overlay", `is-${__props.align}`]),
 				role: "menu"
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$35)) : createCommentVNode("", true)], 544);
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$36)) : createCommentVNode("", true)], 544);
 		};
 	}
 }), [["__scopeId", "data-v-e57ec901"]]);
@@ -621,7 +621,7 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/BaseCombobox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$41 = ["for"];
-var _hoisted_2$34 = [
+var _hoisted_2$35 = [
 	"aria-label",
 	"disabled",
 	"onClick"
@@ -884,7 +884,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							"aria-label": __props.removeLabel(option.label),
 							disabled: __props.disabled,
 							onClick: ($event) => remove(option.value)
-						}, " × ", 8, _hoisted_2$34)) : createCommentVNode("", true)]);
+						}, " × ", 8, _hoisted_2$35)) : createCommentVNode("", true)]);
 					}), 128)),
 					withDirectives(createElementVNode("input", {
 						id: unref(id),
@@ -975,7 +975,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 //#endregion
 //#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$40 = ["aria-describedby"];
-var _hoisted_2$33 = [
+var _hoisted_2$34 = [
 	"name",
 	"value",
 	"disabled"
@@ -1024,7 +1024,7 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 						value: option.value,
 						disabled: option.disabled,
 						class: "accent-primary focus-visible:outline-primary size-4 shrink-0 focus-visible:outline-2 focus-visible:outline-offset-2"
-					}, null, 8, _hoisted_2$33), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$22, toDisplayString(option.label), 1)], 2);
+					}, null, 8, _hoisted_2$34), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$22, toDisplayString(option.label), 1)], 2);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -1042,7 +1042,7 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$39 = { class: "relative" };
-var _hoisted_2$32 = [
+var _hoisted_2$33 = [
 	"id",
 	"aria-invalid",
 	"aria-describedby"
@@ -1104,7 +1104,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 						value: option.value,
 						disabled: option.disabled
 					}, toDisplayString(option.label), 9, _hoisted_4$17);
-				}), 128))], 10, _hoisted_2$32), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
+				}), 128))], 10, _hoisted_2$33), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
 					class: "text-ink-soft pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2",
 					"aria-hidden": "true"
 				})])]),
@@ -1122,7 +1122,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/BaseSlider.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$38 = { class: "rk-slider" };
-var _hoisted_2$31 = { class: "rk-slider-head" };
+var _hoisted_2$32 = { class: "rk-slider-head" };
 var _hoisted_3$20 = ["for"];
 var _hoisted_4$16 = ["for"];
 var _hoisted_5$10 = [
@@ -1170,7 +1170,7 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$38, [
-				createElementVNode("div", _hoisted_2$31, [createElementVNode("label", {
+				createElementVNode("div", _hoisted_2$32, [createElementVNode("label", {
 					for: unref(id),
 					class: "rk-slider-label"
 				}, toDisplayString(__props.label), 9, _hoisted_3$20), __props.showValue ? (openBlock(), createElementBlock("output", {
@@ -1208,7 +1208,7 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 //#endregion
 //#region src/components/NumberInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$37 = ["aria-label", "disabled"];
-var _hoisted_2$30 = [
+var _hoisted_2$31 = [
 	"id",
 	"value",
 	"aria-valuenow",
@@ -1339,7 +1339,7 @@ var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 						onInput,
 						onBlur: commit,
 						onKeydown
-					}, null, 40, _hoisted_2$30),
+					}, null, 40, _hoisted_2$31),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-number-step focus-ring",
@@ -1458,7 +1458,7 @@ var _hoisted_1$35 = {
 	class: "rk-spin-wrap",
 	role: "status"
 };
-var _hoisted_2$29 = { class: "rk-spin-label" };
+var _hoisted_2$30 = { class: "rk-spin-label" };
 //#endregion
 //#region src/components/BaseSpinner.vue
 var BaseSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1493,14 +1493,14 @@ var BaseSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					height: SIZES[__props.size]
 				}),
 				"aria-hidden": "true"
-			}, null, 4), createElementVNode("span", _hoisted_2$29, toDisplayString(__props.label), 1)]);
+			}, null, 4), createElementVNode("span", _hoisted_2$30, toDisplayString(__props.label), 1)]);
 		};
 	}
 }), [["__scopeId", "data-v-842da62c"]]);
 //#endregion
 //#region src/components/BaseSwitch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$34 = { class: "flex items-center justify-between gap-4" };
-var _hoisted_2$28 = {
+var _hoisted_2$29 = {
 	key: 0,
 	class: "min-w-0"
 };
@@ -1544,7 +1544,7 @@ var BaseSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			if (!__props.disabled) model.value = !model.value;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$34, [!__props.labelHidden ? (openBlock(), createElementBlock("span", _hoisted_2$28, [createElementVNode("span", {
+			return openBlock(), createElementBlock("div", _hoisted_1$34, [!__props.labelHidden ? (openBlock(), createElementBlock("span", _hoisted_2$29, [createElementVNode("span", {
 				id: unref(id),
 				class: "text-ink block text-sm"
 			}, toDisplayString(__props.label), 9, _hoisted_3$18), __props.hint ? (openBlock(), createElementBlock("span", {
@@ -1571,7 +1571,7 @@ var BaseSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 //#endregion
 //#region src/components/BaseTable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$33 = ["aria-label"];
-var _hoisted_2$27 = { class: "rk-table" };
+var _hoisted_2$28 = { class: "rk-table" };
 var _hoisted_3$17 = { key: 0 };
 var _hoisted_4$14 = { key: 1 };
 var _hoisted_5$9 = ["colspan"];
@@ -1597,7 +1597,7 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				tabindex: "0",
 				role: "region",
 				"aria-label": __props.caption
-			}, [createElementVNode("table", _hoisted_2$27, [
+			}, [createElementVNode("table", _hoisted_2$28, [
 				createElementVNode("caption", { class: normalizeClass(__props.captionHidden ? "rk-table-caption-hidden" : "rk-table-caption") }, toDisplayString(__props.caption), 3),
 				createElementVNode("thead", null, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 					return openBlock(), createElementBlock("th", {
@@ -1687,7 +1687,7 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$31 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
-var _hoisted_2$26 = {
+var _hoisted_2$27 = {
 	key: 0,
 	class: "bg-muted text-primary rounded-card flex size-12 items-center justify-center"
 };
@@ -1719,7 +1719,7 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 		*/
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$31, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$26, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$27, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
 				createElementVNode("h3", _hoisted_3$16, toDisplayString(__props.title), 1),
 				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$13, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
 				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$8, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
@@ -1790,7 +1790,7 @@ var PageContainer_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/PageHeader.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$30 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
-var _hoisted_2$25 = { class: "justify-self-start" };
+var _hoisted_2$26 = { class: "justify-self-start" };
 var _hoisted_3$15 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
 var _hoisted_4$12 = { class: "truncate" };
 var _hoisted_5$7 = { class: "justify-self-end" };
@@ -1811,7 +1811,7 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 		*/
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("header", _hoisted_1$30, [
-				createElementVNode("div", _hoisted_2$25, [renderSlot(_ctx.$slots, "left")]),
+				createElementVNode("div", _hoisted_2$26, [renderSlot(_ctx.$slots, "left")]),
 				createElementVNode("h1", _hoisted_3$15, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$12, toDisplayString(__props.title), 1)])]),
 				createElementVNode("div", _hoisted_5$7, [renderSlot(_ctx.$slots, "right")])
 			]);
@@ -1862,7 +1862,7 @@ var _hoisted_1$28 = {
 	key: 0,
 	class: "bg-primary rounded-cell text-on-primary absolute -top-3 left-7 px-3 py-1 text-[0.7rem] font-semibold"
 };
-var _hoisted_2$24 = { class: "flex items-start justify-between gap-4" };
+var _hoisted_2$25 = { class: "flex items-start justify-between gap-4" };
 var _hoisted_3$14 = { class: "text-ink mt-5 text-lg font-semibold" };
 var _hoisted_4$11 = {
 	key: 1,
@@ -1889,7 +1889,7 @@ var _hoisted_11$2 = {
 	"aria-hidden": "true"
 };
 var _hoisted_12$1 = { class: "text-ink-soft leading-relaxed" };
-var _hoisted_13 = {
+var _hoisted_13$1 = {
 	key: 3,
 	class: "mt-8"
 };
@@ -1934,7 +1934,7 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("article", { class: normalizeClass(["surface rounded-card ease-standard relative flex h-full flex-col p-7 transition-[border-color,box-shadow,transform] duration-(--duration-slower) hover:[--surface-border-color:color-mix(in_oklab,var(--color-primary)_60%,transparent)] hover:[--surface-shadow:var(--shadow-raised)] sm:p-8", [palette.value.ring, __props.recommended ? "[--surface-shadow:var(--shadow-raised)]" : "hover:-translate-y-0.5"]]) }, [
 				__props.badge && __props.recommended ? (openBlock(), createElementBlock("span", _hoisted_1$28, toDisplayString(__props.badge), 1)) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$24, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
+				createElementVNode("div", _hoisted_2$25, [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(["rounded-card grid size-11 place-items-center text-xl", palette.value.icon])
 				}, [renderSlot(_ctx.$slots, "icon")], 2)) : createCommentVNode("", true), __props.chip ? (openBlock(), createElementBlock("span", {
@@ -1951,7 +1951,7 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 						class: "flex gap-3 text-sm"
 					}, [_ctx.$slots.bullet ? (openBlock(), createElementBlock("span", _hoisted_10$2, [renderSlot(_ctx.$slots, "bullet")])) : (openBlock(), createElementBlock("span", _hoisted_11$2)), createElementVNode("span", _hoisted_12$1, toDisplayString(feature), 1)]);
 				}), 128))]),
-				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_13, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
+				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_13$1, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
 			], 2);
 		};
 	}
@@ -1959,7 +1959,7 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/ToneDot.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$27 = { class: "inline-flex items-center gap-1.5" };
-var _hoisted_2$23 = {
+var _hoisted_2$24 = {
 	key: 0,
 	class: "text-ink-soft text-xs font-medium"
 };
@@ -1980,7 +1980,7 @@ var ToneDot_default = /* @__PURE__ */ defineComponent({
 		* priorities — without this component knowing about any of them.
 		*/
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1$27, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$23, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
+			return openBlock(), createElementBlock("span", _hoisted_1$27, [createElementVNode("span", { class: normalizeClass(["size-2 rounded-full", __props.fill]) }, null, 2), __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$24, toDisplayString(__props.label), 1)) : createCommentVNode("", true)]);
 		};
 	}
 });
@@ -2012,7 +2012,7 @@ var SectionHeading_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/SegmentedControl.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$25 = { class: "bg-muted rounded-card flex w-full gap-1 p-1" };
-var _hoisted_2$22 = ["value", "name"];
+var _hoisted_2$23 = ["value", "name"];
 //#endregion
 //#region src/components/SegmentedControl.vue
 var SegmentedControl_default = /* @__PURE__ */ defineComponent({
@@ -2036,7 +2036,7 @@ var SegmentedControl_default = /* @__PURE__ */ defineComponent({
 					value: option.value,
 					name: unref(name),
 					class: "peer sr-only"
-				}, null, 8, _hoisted_2$22), [[vModelRadio, model.value]]), createElementVNode("span", { class: normalizeClass(["peer-focus-visible:outline-primary flex h-10 items-center justify-center rounded-xl px-2 text-sm font-medium transition-colors select-none peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2", model.value === option.value ? "bg-surface text-ink shadow-(--shadow-control)" : "text-ink-soft"]) }, toDisplayString(option.label), 3)]);
+				}, null, 8, _hoisted_2$23), [[vModelRadio, model.value]]), createElementVNode("span", { class: normalizeClass(["peer-focus-visible:outline-primary flex h-10 items-center justify-center rounded-xl px-2 text-sm font-medium transition-colors select-none peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2", model.value === option.value ? "bg-surface text-ink shadow-(--shadow-control)" : "text-ink-soft"]) }, toDisplayString(option.label), 3)]);
 			}), 128))]);
 		};
 	}
@@ -2047,7 +2047,7 @@ var _hoisted_1$24 = {
 	role: "status",
 	class: "flex flex-col gap-1"
 };
-var _hoisted_2$21 = { class: "sr-only" };
+var _hoisted_2$22 = { class: "sr-only" };
 //#endregion
 //#region src/components/SkeletonList.vue
 var SkeletonList_default = /* @__PURE__ */ defineComponent({
@@ -2061,7 +2061,7 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 		/** A length starts with a digit, a dot, or opens a CSS function. */
 		const isLength = computed(() => /^(?:[.\d]|calc\(|var\(|clamp\(|min\(|max\()/.test(__props.rowHeight));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$24, [createElementVNode("span", _hoisted_2$21, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$24, [createElementVNode("span", _hoisted_2$22, toDisplayString(__props.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
 				return openBlock(), createElementBlock("div", {
 					key: row,
 					class: normalizeClass(["bg-muted rounded-card animate-pulse", isLength.value ? void 0 : __props.rowHeight]),
@@ -2075,7 +2075,7 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/StatCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$23 = { class: "surface rounded-card flex flex-1 flex-col gap-0.5 p-3" };
-var _hoisted_2$20 = { class: "flex items-baseline gap-1" };
+var _hoisted_2$21 = { class: "flex items-baseline gap-1" };
 var _hoisted_3$13 = { class: "text-ink text-xl font-semibold tabular-nums" };
 var _hoisted_4$10 = { class: "text-ink-soft text-xs" };
 //#endregion
@@ -2094,7 +2094,7 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 			flat: ArrowRight
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$23, [createElementVNode("div", _hoisted_2$20, [createElementVNode("span", _hoisted_3$13, toDisplayString(__props.value), 1), __props.trend ? (openBlock(), createBlock(resolveDynamicComponent(TREND_ICON[__props.trend]), {
+			return openBlock(), createElementBlock("div", _hoisted_1$23, [createElementVNode("div", _hoisted_2$21, [createElementVNode("span", _hoisted_3$13, toDisplayString(__props.value), 1), __props.trend ? (openBlock(), createBlock(resolveDynamicComponent(TREND_ICON[__props.trend]), {
 				key: 0,
 				class: "text-ink-soft size-3"
 			})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_4$10, toDisplayString(__props.label), 1)]);
@@ -2109,7 +2109,7 @@ var _hoisted_1$22 = [
 	"onFocusin",
 	"onFocusout"
 ];
-var _hoisted_2$19 = { class: "flex-1 text-sm leading-snug" };
+var _hoisted_2$20 = { class: "flex-1 text-sm leading-snug" };
 //#endregion
 //#region src/components/ToastHost.vue
 var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2170,7 +2170,7 @@ var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 							class: normalizeClass(["mt-0.5 size-5 shrink-0", TONE_CLASS[toast.tone]]),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])),
-						createElementVNode("p", _hoisted_2$19, toDisplayString(toast.message), 1),
+						createElementVNode("p", _hoisted_2$20, toDisplayString(toast.message), 1),
 						toast.action ? (openBlock(), createBlock(BaseButton_default, {
 							key: 0,
 							variant: "link",
@@ -2203,7 +2203,7 @@ var ToastHost_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 //#endregion
 //#region src/components/LocaleLinks.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$21 = ["aria-label"];
-var _hoisted_2$18 = [
+var _hoisted_2$19 = [
 	"lang",
 	"aria-pressed",
 	"onClick"
@@ -2247,7 +2247,7 @@ var LocaleLinks_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(["focus-ring rounded-full px-2.5 py-1.5 text-xs transition-colors", preference.value === locale ? "bg-muted text-ink font-semibold" : "text-ink-soft hover:text-ink"]),
 					"aria-pressed": preference.value === locale,
 					onClick: ($event) => preference.value = locale
-				}, toDisplayString(__props.labels[locale]), 11, _hoisted_2$18);
+				}, toDisplayString(__props.labels[locale]), 11, _hoisted_2$19);
 			}), 128))], 8, _hoisted_1$21);
 		};
 	}
@@ -2255,7 +2255,7 @@ var LocaleLinks_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/components/TabBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$20 = { class: "tab-bar" };
-var _hoisted_2$17 = ["aria-label"];
+var _hoisted_2$18 = ["aria-label"];
 var _hoisted_3$12 = { class: "tab-icon-slot" };
 var _hoisted_4$9 = { class: "tab-label" };
 //#endregion
@@ -2287,14 +2287,14 @@ var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					"class",
 					"aria-current"
 				]);
-			}), 128))], 8, _hoisted_2$17)]);
+			}), 128))], 8, _hoisted_2$18)]);
 		};
 	}
 }), [["__scopeId", "data-v-a76891c4"]]);
 //#endregion
 //#region src/components/AvatarStack.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$19 = ["aria-label"];
-var _hoisted_2$16 = {
+var _hoisted_2$17 = {
 	key: 0,
 	class: "rk-stack-item rk-stack-rest",
 	"aria-hidden": "true"
@@ -2332,14 +2332,14 @@ var AvatarStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					"src",
 					"size"
 				])]);
-			}), 128)), rest.value ? (openBlock(), createElementBlock("span", _hoisted_2$16, "+" + toDisplayString(rest.value), 1)) : createCommentVNode("", true)], 10, _hoisted_1$19);
+			}), 128)), rest.value ? (openBlock(), createElementBlock("span", _hoisted_2$17, "+" + toDisplayString(rest.value), 1)) : createCommentVNode("", true)], 10, _hoisted_1$19);
 		};
 	}
 }), [["__scopeId", "data-v-db629481"]]);
 //#endregion
 //#region src/components/BaseCalendar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$18 = { class: "rk-cal" };
-var _hoisted_2$15 = { class: "rk-cal-head" };
+var _hoisted_2$16 = { class: "rk-cal-head" };
 var _hoisted_3$11 = ["aria-label"];
 var _hoisted_4$8 = ["aria-expanded"];
 var _hoisted_5$5 = ["aria-label"];
@@ -2349,25 +2349,25 @@ var _hoisted_6$4 = {
 	"aria-hidden": "true"
 };
 var _hoisted_7$2 = ["aria-label"];
-var _hoisted_8$1 = [
+var _hoisted_8$1 = ["aria-selected"];
+var _hoisted_9$1 = [
 	"tabindex",
 	"disabled",
 	"aria-label",
-	"aria-selected",
 	"aria-current",
 	"onClick",
 	"onPointerenter"
 ];
-var _hoisted_9$1 = {
+var _hoisted_10$1 = {
 	key: 2,
 	class: "rk-cal-blocks"
 };
-var _hoisted_10$1 = ["aria-label", "onClick"];
-var _hoisted_11$1 = {
+var _hoisted_11$1 = ["aria-label", "onClick"];
+var _hoisted_12 = {
 	key: 3,
 	class: "rk-cal-blocks"
 };
-var _hoisted_12 = ["onClick"];
+var _hoisted_13 = ["onClick"];
 //#endregion
 //#region src/components/BaseCalendar.vue
 var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2536,7 +2536,7 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$18, [
-				createElementVNode("div", _hoisted_2$15, [
+				createElementVNode("div", _hoisted_2$16, [
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-cal-arrow focus-ring",
@@ -2583,43 +2583,43 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						return openBlock(), createElementBlock("div", {
 							key,
 							role: "gridcell",
-							class: "rk-cal-cell"
+							class: "rk-cal-cell",
+							"aria-selected": stateOf(key) === "selected"
 						}, [createElementVNode("button", {
 							type: "button",
 							class: normalizeClass(["rk-cal-day", [stateOf(key) && `is-${stateOf(key)}`, { "is-outside": outside(key) }]]),
 							tabindex: key === focused.value ? 0 : -1,
 							disabled: disabled(key),
 							"aria-label": unref(formatDate)(unref(fromDateKey)(key), { dateStyle: "full" }),
-							"aria-selected": stateOf(key) === "selected",
 							"aria-current": key === __props.today ? "date" : void 0,
 							onClick: ($event) => choose(key),
 							onPointerenter: ($event) => hovered.value = key
-						}, toDisplayString(unref(fromDateKey)(key).getDate()), 43, _hoisted_8$1)]);
+						}, toDisplayString(unref(fromDateKey)(key).getDate()), 43, _hoisted_9$1)], 8, _hoisted_8$1);
 					}), 128))]);
-				}), 128))], 40, _hoisted_7$2)) : view.value === "months" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(months.value, (entry) => {
+				}), 128))], 40, _hoisted_7$2)) : view.value === "months" ? (openBlock(), createElementBlock("div", _hoisted_10$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(months.value, (entry) => {
 					return openBlock(), createElementBlock("button", {
 						key: entry.index,
 						type: "button",
 						class: "rk-cal-block focus-ring",
 						"aria-label": entry.long,
 						onClick: ($event) => chooseMonth(entry.index)
-					}, toDisplayString(entry.label), 9, _hoisted_10$1);
-				}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_11$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(years.value, (value) => {
+					}, toDisplayString(entry.label), 9, _hoisted_11$1);
+				}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(years.value, (value) => {
 					return openBlock(), createElementBlock("button", {
 						key: value,
 						type: "button",
 						class: "rk-cal-block focus-ring",
 						onClick: ($event) => chooseYear(value)
-					}, toDisplayString(value), 9, _hoisted_12);
+					}, toDisplayString(value), 9, _hoisted_13);
 				}), 128))]))
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-6d0b0811"]]);
+}), [["__scopeId", "data-v-30197a85"]]);
 //#endregion
 //#region src/components/BaseChip.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$17 = { class: "truncate" };
-var _hoisted_2$14 = ["aria-label", "disabled"];
+var _hoisted_2$15 = ["aria-label", "disabled"];
 //#endregion
 //#region src/components/BaseChip.vue
 var BaseChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2673,7 +2673,7 @@ var BaseChip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, [createVNode(unref(X), {
 				class: "size-3",
 				"aria-hidden": "true"
-			})], 8, _hoisted_2$14)) : createCommentVNode("", true)], 2);
+			})], 8, _hoisted_2$15)) : createCommentVNode("", true)], 2);
 		};
 	}
 }), [["__scopeId", "data-v-c94a820d"]]);
@@ -2684,7 +2684,7 @@ var _hoisted_1$16 = {
 	class: "rk-kbd-joiner",
 	"aria-hidden": "true"
 };
-var _hoisted_2$13 = { class: "rk-kbd-key control" };
+var _hoisted_2$14 = { class: "rk-kbd-key control" };
 //#endregion
 //#region src/components/BaseKbd.vue
 var BaseKbd_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2698,7 +2698,7 @@ var BaseKbd_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const list = computed(() => typeof __props.keys === "string" ? [__props.keys] : __props.keys);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(["rk-kbd", `is-${__props.size}`]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (key, index) => {
-				return openBlock(), createElementBlock(Fragment, { key }, [index > 0 && __props.joiner ? (openBlock(), createElementBlock("span", _hoisted_1$16, toDisplayString(__props.joiner), 1)) : createCommentVNode("", true), createElementVNode("kbd", _hoisted_2$13, toDisplayString(key), 1)], 64);
+				return openBlock(), createElementBlock(Fragment, { key }, [index > 0 && __props.joiner ? (openBlock(), createElementBlock("span", _hoisted_1$16, toDisplayString(__props.joiner), 1)) : createCommentVNode("", true), createElementVNode("kbd", _hoisted_2$14, toDisplayString(key), 1)], 64);
 			}), 128))], 2);
 		};
 	}
@@ -2746,6 +2746,7 @@ var _hoisted_1$15 = [
 	"aria-valuemax",
 	"aria-valuetext"
 ];
+var _hoisted_2$13 = ["onClick", "onPointerenter"];
 //#endregion
 //#region src/components/BaseRating.vue
 var BaseRating_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2804,28 +2805,17 @@ var BaseRating_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				onKeydown: _cache[0] || (_cache[0] = ($event) => __props.readonly ? void 0 : onKeydown($event)),
 				onPointerleave: _cache[1] || (_cache[1] = ($event) => hovered.value = 0)
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(stars.value, (star) => {
-				return openBlock(), createBlock(resolveDynamicComponent(__props.readonly ? "span" : "button"), {
+				return openBlock(), createElementBlock("span", {
 					key: star,
-					type: __props.readonly ? void 0 : "button",
 					class: normalizeClass(["rk-rating-star", { "is-on": star <= shown.value }]),
-					tabindex: __props.readonly ? void 0 : -1,
-					"aria-hidden": true,
-					onClick: ($event) => pick(star),
+					"aria-hidden": "true",
+					onClick: ($event) => __props.readonly ? void 0 : pick(star),
 					onPointerenter: ($event) => __props.readonly ? void 0 : hovered.value = star
-				}, {
-					default: withCtx(() => [createVNode(unref(Star), { class: "rk-rating-icon" })]),
-					_: 1
-				}, 40, [
-					"type",
-					"class",
-					"tabindex",
-					"onClick",
-					"onPointerenter"
-				]);
+				}, [createVNode(unref(Star), { class: "rk-rating-icon" })], 42, _hoisted_2$13);
 			}), 128))], 42, _hoisted_1$15);
 		};
 	}
-}), [["__scopeId", "data-v-38007368"]]);
+}), [["__scopeId", "data-v-3118ad6b"]]);
 //#endregion
 //#region src/components/BaseSeparator.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$14 = { class: "rk-sep-label" };
@@ -4458,7 +4448,7 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "2.17.0";
+var VERSION = "2.18.1";
 //#endregion
 export { AppError, AvatarStack_default as AvatarStack, BaseAlert_default as BaseAlert, BaseAvatar_default as BaseAvatar, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCalendar_default as BaseCalendar, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseChip_default as BaseChip, BaseCombobox_default as BaseCombobox, BaseDatePicker_default as BaseDatePicker, BaseInput_default as BaseInput, BaseKbd_default as BaseKbd, BaseLink_default as BaseLink, BaseListbox_default as BaseListbox, BaseMenu_default as BaseMenu, BasePopconfirm_default as BasePopconfirm, BasePopover_default as BasePopover, BaseRadioGroup_default as BaseRadioGroup, BaseRating_default as BaseRating, BaseSelect_default as BaseSelect, BaseSeparator_default as BaseSeparator, BaseSheet_default as BaseSheet, BaseSkeleton_default as BaseSkeleton, BaseSlider_default as BaseSlider, BaseSpinner_default as BaseSpinner, BaseStepper_default as BaseStepper, BaseSwitch_default as BaseSwitch, BaseTable_default as BaseTable, BaseTextarea_default as BaseTextarea, BaseTimeline_default as BaseTimeline, CircularProgress_default as CircularProgress, ColorPicker_default as ColorPicker, CopyButton_default as CopyButton, DescriptionList_default as DescriptionList, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FileDrop_default as FileDrop, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, MATERIALS, NumberInput_default as NumberInput, PALETTES, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PinInput_default as PinInput, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, SHEET_ROOT_ID, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, SliderField_default as SliderField, StatCard_default as StatCard, TabBar_default as TabBar, TagsInput_default as TagsInput, TimePicker_default as TimePicker, ToastHost_default as ToastHost, ToggleGroup_default as ToggleGroup, ToneDot_default as ToneDot, VERSION, addDays, applyMaterial, applyPalette, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, ensureSheetRoot, formatDate, formatNumber, fromDateKey, isApplePortable, isInstalled, isMaterial, isPaletteName, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setMaterialStorageKey, setPaletteStorageKey, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, toRedirectPath, todayKey, useDebouncedCallback, useDragScroll, useMaterial, useMediaQuery, useOnline, usePalette, useTheme, useToast, useToday, useVisualViewport };