rei-kit 2.9.0 → 2.11.0

package/dist/styles.css

@@ -218,16 +218,16 @@
   opacity: 0;
 }
 
-.rk-listbox[data-v-95e230a5] {
+.rk-listbox[data-v-7f8cd788] {
   overflow-y: auto;
   border-radius: var(--radius-card);
   padding: 0.25rem;
 }
-.rk-listbox[data-v-95e230a5]:focus-visible {
+.rk-listbox[data-v-7f8cd788]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 1px;
 }
-.rk-listbox-option[data-v-95e230a5] {
+.rk-listbox-option[data-v-7f8cd788] {
   display: flex;
   cursor: pointer;
   align-items: center;
@@ -237,35 +237,42 @@
   font-size: 0.875rem;
   color: var(--color-ink);
 }
-.rk-listbox-option.is-active[data-v-95e230a5] {
+
+/* The current row shows only while the list has focus. A list that is not
+   being used has no "current" row, and a highlight left behind on one reads
+   as a selection — which is exactly what it is not. */
+.rk-listbox:focus-within .rk-listbox-option.is-active[data-v-7f8cd788] {
   background: var(--color-muted);
 }
-.rk-listbox-option.is-chosen[data-v-95e230a5] {
+.rk-listbox-option.is-chosen[data-v-7f8cd788] {
   color: var(--color-primary);
   font-weight: 500;
 }
 
-/* Both at once: the current option and the chosen one are different things,
-   and a list that shows only one of them loses the reader's place. */
-.rk-listbox-option.is-chosen.is-active[data-v-95e230a5] {
-  background: color-mix(in oklab, var(--color-primary) 12%, transparent);
+/* Chosen is the tick and the tint, and it holds whether the list is in use
+   or not: the current option and the chosen one are different things. */
+.rk-listbox-option.is-chosen[data-v-7f8cd788] {
+  background: color-mix(in oklab, var(--color-primary) 10%, transparent);
+}
+.rk-listbox:focus-within .rk-listbox-option.is-chosen.is-active[data-v-7f8cd788] {
+  background: color-mix(in oklab, var(--color-primary) 20%, transparent);
 }
-.rk-listbox-option.is-disabled[data-v-95e230a5] {
+.rk-listbox-option.is-disabled[data-v-7f8cd788] {
   cursor: not-allowed;
   opacity: 0.45;
 }
-.rk-listbox-label[data-v-95e230a5] {
+.rk-listbox-label[data-v-7f8cd788] {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rk-listbox-description[data-v-95e230a5] {
+.rk-listbox-description[data-v-7f8cd788] {
   display: block;
   font-size: 0.75rem;
   color: var(--color-ink-soft);
 }
-.rk-listbox-empty[data-v-95e230a5] {
+.rk-listbox-empty[data-v-7f8cd788] {
   padding: 1rem;
 }
 
@@ -1327,6 +1334,38 @@ to {
   padding: 0;
 }
 
+.rk-dl[data-v-831e205b] {
+  display: grid;
+  gap: 0.75rem;
+}
+.rk-dl.is-inline[data-v-831e205b] {
+  gap: 0.5rem;
+}
+.rk-dl-row[data-v-831e205b] {
+  display: grid;
+  gap: 0.125rem;
+}
+
+/* Inline from a tablet up: below that a term and its value side by side
+   leave neither enough room to read. */
+@media (min-width: 40rem) {
+.is-inline .rk-dl-row[data-v-831e205b] {
+    grid-template-columns: minmax(6rem, 12rem) minmax(0, 1fr);
+    gap: 1rem;
+    align-items: baseline;
+}
+}
+.rk-dl-term[data-v-831e205b] {
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  color: var(--color-ink-soft);
+}
+.rk-dl-value[data-v-831e205b] {
+  font-size: 0.875rem;
+  color: var(--color-ink);
+}
+
 .rk-drop-box[data-v-a42eab69] {
   display: flex;
   cursor: pointer;
@@ -1415,7 +1454,7 @@ to {
   color: var(--color-ink);
 }
 
-.rk-tags[data-v-b372ae7b] {
+.rk-tags[data-v-1fd08921] {
   display: flex;
   min-height: 2.75rem;
   cursor: text;
@@ -1428,18 +1467,18 @@ to {
 
 /* `:has(input:focus-visible)` rather than `:focus-within`: the ring belongs
    to the field, not to the chips' remove buttons, which carry their own. */
-.rk-tags[data-v-b372ae7b]:has(.rk-tags-field:focus-visible) {
+.rk-tags[data-v-1fd08921]:has(.rk-tags-field:focus-visible) {
   outline: 2px solid var(--color-primary);
   outline-offset: 1px;
 }
-.rk-tags.is-invalid[data-v-b372ae7b] {
+.rk-tags.is-invalid[data-v-1fd08921] {
   --surface-border-color: var(--color-negative);
 }
-.rk-tags.is-disabled[data-v-b372ae7b] {
+.rk-tags.is-disabled[data-v-1fd08921] {
   cursor: not-allowed;
   opacity: 0.5;
 }
-.rk-tags-field[data-v-b372ae7b] {
+.rk-tags-field[data-v-1fd08921] {
   min-width: 6rem;
   flex: 1;
   background: transparent;
@@ -1499,6 +1538,38 @@ to {
   transform: translateY(4px) scale(0.98);
 }
 
+.rk-time[data-v-0037adb2] {
+  display: block;
+}
+.rk-time-field[data-v-0037adb2] {
+  display: flex;
+  width: 100%;
+  height: 2.75rem;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: var(--radius-card);
+  padding: 0 0.75rem;
+  text-align: left;
+  font-size: 1rem;
+  font-variant-numeric: tabular-nums;
+  color: var(--color-ink);
+}
+.rk-time-field.is-empty[data-v-0037adb2] {
+  color: var(--color-ink-soft);
+}
+.rk-time-field.is-invalid[data-v-0037adb2] {
+  --surface-border-color: var(--color-negative);
+}
+.rk-time-field[data-v-0037adb2]:disabled {
+  opacity: 0.5;
+}
+.rk-time-columns[data-v-0037adb2] {
+  display: grid;
+  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
+  gap: 0.5rem;
+  width: 14rem;
+}
+
 .rk-date[data-v-154e27fb] {
   display: block;
 }
@@ -1604,6 +1675,29 @@ to {
 }
 }
 
+.rk-confirm[data-v-9453e511] {
+  max-width: 17rem;
+}
+.rk-confirm-title[data-v-9453e511] {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--color-ink);
+}
+.rk-confirm-message[data-v-9453e511] {
+  margin-top: 0.125rem;
+  font-size: 0.8125rem;
+  line-height: 1.5;
+  color: var(--color-ink-soft);
+}
+
+/* The confirming button last, where the eye and the thumb finish. */
+.rk-confirm-actions[data-v-9453e511] {
+  margin-top: 0.75rem;
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+
 .rk-toggles[data-v-9076e36f] {
   display: inline-flex;
   flex-wrap: wrap;
@@ -2744,17 +2838,17 @@ to {
   align-items: stretch;
 }
 
-.rk-tree[data-v-1ba675c5] {
+.rk-tree[data-v-f91deddf] {
   display: flex;
   flex-direction: column;
   gap: 1px;
   border-radius: var(--radius-card);
 }
-.rk-tree[data-v-1ba675c5]:focus-visible {
+.rk-tree[data-v-f91deddf]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
-.rk-tree-row[data-v-1ba675c5] {
+.rk-tree-row[data-v-f91deddf] {
   display: flex;
   cursor: pointer;
   align-items: center;
@@ -2765,31 +2859,31 @@ to {
   font-size: 0.875rem;
   color: var(--color-ink);
 }
-.rk-tree-row.is-active[data-v-1ba675c5] {
+.rk-tree-row.is-active[data-v-f91deddf] {
   background: var(--color-muted);
 }
-.rk-tree-row.is-chosen[data-v-1ba675c5] {
+.rk-tree-row.is-chosen[data-v-f91deddf] {
   color: var(--color-primary);
   font-weight: 500;
 }
-.rk-tree-row.is-chosen.is-active[data-v-1ba675c5] {
+.rk-tree-row.is-chosen.is-active[data-v-f91deddf] {
   background: color-mix(in oklab, var(--color-primary) 12%, transparent);
 }
-.rk-tree-row.is-disabled[data-v-1ba675c5] {
+.rk-tree-row.is-disabled[data-v-f91deddf] {
   cursor: not-allowed;
   opacity: 0.45;
 }
-.rk-tree-twist[data-v-1ba675c5],
-.rk-tree-twist-space[data-v-1ba675c5] {
+.rk-tree-twist[data-v-f91deddf],
+.rk-tree-twist-space[data-v-f91deddf] {
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
 }
-.rk-tree-twist[data-v-1ba675c5] {
+.rk-tree-twist[data-v-f91deddf] {
   color: var(--color-ink-soft);
   transition: rotate var(--duration-fast) var(--ease-standard);
 }
-.rk-tree-twist.is-open[data-v-1ba675c5] {
+.rk-tree-twist.is-open[data-v-f91deddf] {
   rotate: 90deg;
 }
 
@@ -2826,6 +2920,15 @@ to {
 }
 }
 
+/* The sheet has no actions slot of its own: on a phone the buttons belong in
+   the flow, at the end of what they are about, within reach of a thumb. */
+.rk-responsive-actions[data-v-85131850] {
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 0.5rem;
+  padding-top: 1rem;
+}
+
 .rk-tabs[data-v-8135ecab] {
   display: flex;
   align-items: center;

package/dist/web/ResponsiveDialog.vue.d.ts

@@ -0,0 +1,50 @@
+/**
+ * One question, asked the way the screen it lands on expects: a modal on a
+ * wide screen, a sheet from the bottom edge on a phone.
+ *
+ * The two are the same thing at different sizes, and apps keep writing both
+ * and choosing between them by hand — which is two markups, two sets of
+ * labels and one of them usually left behind.
+ *
+ * The query is read after mount rather than during render: a server has no
+ * screen, and a layout guessed there and swapped on hydration is a page that
+ * jumps. Until it is known, it is the sheet — the narrow answer, because the
+ * narrow one fits on both.
+ */
+type __VLS_Props = {
+    /** The dialog's heading, and its accessible name. Already translated. */
+    title: string;
+    /** Accessible name of the close button. */
+    closeLabel: string;
+    /** A line under the title, on the sheet. */
+    subtitle?: string | undefined;
+    /** `alert` makes the wide one an `alertdialog`: an answer is required. */
+    tone?: 'default' | 'alert' | undefined;
+    dismissible?: boolean | undefined;
+    /** Where it turns from a sheet into a modal. Any media width. */
+    breakpoint?: string | undefined;
+};
+type __VLS_Slots = {
+    /** The body. */
+    default: () => unknown;
+    /** Buttons, at the foot. */
+    actions?: () => unknown;
+};
+type __VLS_ModelProps = {
+    /** Open or closed, with `v-model`. */
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/web/index.d.ts

@@ -56,6 +56,12 @@ export { default as BaseToolbar } from './BaseToolbar.vue';
 export { default as BaseTree } from './BaseTree.vue';
 export type { TreeNode } from './BaseTree.vue';
 export { default as TransferList } from './TransferList.vue';
+/**
+ * One question, asked the way the screen expects: a modal on a wide screen,
+ * a sheet on a phone. In the wide entry because it needs both, and a phone
+ * app that only ever shows the sheet should reach for `BaseSheet` itself.
+ */
+export { default as ResponsiveDialog } from './ResponsiveDialog.vue';
 export { default as BaseTabs } from './BaseTabs.vue';
 export type { TabPanel } from './BaseTabs.vue';
 export { default as BaseTooltip } from './BaseTooltip.vue';

package/dist/web.js

@@ -1,12 +1,12 @@
-import { i as ensureSheetRoot, n as useBoundValue, t as inertOutside } from "./inert-BRQcZwpX.js";
+import { n as inertOutside, o as ensureSheetRoot, r as useBoundValue, t as BaseSheet_default } from "./BaseSheet-B7401rS7.js";
+import { n as BaseListbox_default, r as useMediaQuery, t as BaseSkeleton_default } from "./BaseSkeleton-DnqwogzV.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
 import { t as BaseButton_default } from "./BaseButton-RN2an975.js";
-import { n as BaseListbox_default, t as BaseSkeleton_default } from "./BaseSkeleton-BWTNXVwP.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, vModelText, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, vModelText, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { ArrowDown, ArrowUp, ChevronLeft, ChevronRight, ChevronsUpDown, Search } from "lucide-vue-next";
 import { RouterLink } from "vue-router";
 //#region src/web/BaseAccordion.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = { class: "rk-accordion" };
+var _hoisted_1$14 = { class: "rk-accordion" };
 var _hoisted_2$12 = [
 	"aria-expanded",
 	"aria-controls",
@@ -40,7 +40,7 @@ var BaseAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			else open.value = __props.multiple ? [...open.value, key] : [key];
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("ul", _hoisted_1$13, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+			return openBlock(), createElementBlock("ul", _hoisted_1$14, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
 				return openBlock(), createElementBlock("li", {
 					key: item.key,
 					class: "rk-accordion-item"
@@ -69,7 +69,7 @@ var BaseAccordion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 }), [["__scopeId", "data-v-03e2e1d0"]]);
 //#endregion
 //#region src/web/BaseBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = ["aria-label"];
+var _hoisted_1$13 = ["aria-label"];
 var _hoisted_2$11 = { class: "rk-crumbs" };
 var _hoisted_3$9 = {
 	key: 1,
@@ -103,13 +103,13 @@ var BaseBreadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1032, ["to"])) : (openBlock(), createElementBlock("span", _hoisted_3$9, toDisplayString(item.label), 1)), index < __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$7, "/")) : createCommentVNode("", true)]);
-			}), 128))])], 8, _hoisted_1$12);
+			}), 128))])], 8, _hoisted_1$13);
 		};
 	}
 }), [["__scopeId", "data-v-dcc01b03"]]);
 //#endregion
 //#region src/web/BaseDisclosure.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { class: "rk-disclosure" };
+var _hoisted_1$12 = { class: "rk-disclosure" };
 var _hoisted_2$10 = ["aria-expanded", "aria-controls"];
 var _hoisted_3$8 = { class: "rk-disclosure-title" };
 var _hoisted_4$6 = {
@@ -137,7 +137,7 @@ var BaseDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const open = useModel(__props, "modelValue");
 		const id = useId();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$11, [(openBlock(), createBlock(resolveDynamicComponent(`h${__props.headingLevel}`), null, {
+			return openBlock(), createElementBlock("div", _hoisted_1$12, [(openBlock(), createBlock(resolveDynamicComponent(`h${__props.headingLevel}`), null, {
 				default: withCtx(() => [createElementVNode("button", {
 					type: "button",
 					class: "rk-disclosure-control",
@@ -155,7 +155,7 @@ var BaseDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 }), [["__scopeId", "data-v-ad5c09f5"]]);
 //#endregion
 //#region src/web/BaseModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = ["role", "aria-label"];
+var _hoisted_1$11 = ["role", "aria-label"];
 var _hoisted_2$9 = { class: "rk-modal-head" };
 var _hoisted_3$7 = { class: "rk-modal-title" };
 var _hoisted_4$5 = ["aria-label"];
@@ -296,7 +296,7 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					})], -1)])], 8, _hoisted_4$5)) : createCommentVNode("", true)]),
 					createElementVNode("div", _hoisted_5$4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6$3, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)
-				], 8, _hoisted_1$10)], 32)) : createCommentVNode("", true)]),
+				], 8, _hoisted_1$11)], 32)) : createCommentVNode("", true)]),
 				_: 3
 			})]);
 		};
@@ -304,7 +304,7 @@ var BaseModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 }), [["__scopeId", "data-v-61956691"]]);
 //#endregion
 //#region src/web/BasePagination.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = ["aria-label"];
+var _hoisted_1$10 = ["aria-label"];
 var _hoisted_2$8 = ["disabled", "aria-label"];
 var _hoisted_3$6 = {
 	key: 0,
@@ -392,13 +392,13 @@ var BasePagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					"aria-label": __props.nextLabel,
 					onClick: _cache[1] || (_cache[1] = ($event) => go(__props.page + 1))
 				}, " › ", 8, _hoisted_5$3)
-			], 8, _hoisted_1$9);
+			], 8, _hoisted_1$10);
 		};
 	}
 }), [["__scopeId", "data-v-29950578"]]);
 //#endregion
 //#region src/web/CommandMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = ["aria-label"];
+var _hoisted_1$9 = ["aria-label"];
 var _hoisted_2$7 = { class: "rk-command-field" };
 var _hoisted_3$5 = [
 	"placeholder",
@@ -581,7 +581,7 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 							item.hint ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(item.hint), 1)) : createCommentVNode("", true)
 						], 42, _hoisted_6$2);
 					}), 128))], 64);
-				}), 128)), flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$1, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)], 8, _hoisted_4$3)], 8, _hoisted_1$8)], 32)) : createCommentVNode("", true)]),
+				}), 128)), flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$1, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)], 8, _hoisted_4$3)], 8, _hoisted_1$9)], 32)) : createCommentVNode("", true)]),
 				_: 1
 			})], 8, ["to"]);
 		};
@@ -589,7 +589,7 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-cce1dd03"]]);
 //#endregion
 //#region src/web/DataTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = ["aria-label"];
+var _hoisted_1$8 = ["aria-label"];
 var _hoisted_2$6 = {
 	key: 0,
 	scope: "col",
@@ -777,13 +777,13 @@ var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					colspan: columnCount.value,
 					class: "rk-data-empty"
 				}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_12)])]))
-			], 2)], 8, _hoisted_1$7);
+			], 2)], 8, _hoisted_1$8);
 		};
 	}
 }), [["__scopeId", "data-v-5920cac0"]]);
 //#endregion
 //#region src/web/BaseSplitter.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = { class: "rk-split-pane is-start" };
+var _hoisted_1$7 = { class: "rk-split-pane is-start" };
 var _hoisted_2$5 = [
 	"aria-label",
 	"aria-orientation",
@@ -856,7 +856,7 @@ var BaseSplitter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				class: normalizeClass(["rk-split", [`is-${__props.orientation}`, { "is-dragging": dragging.value }]]),
 				style: normalizeStyle({ "--rk-split": `${split.value}%` })
 			}, [
-				createElementVNode("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "start", {}, void 0, true)]),
+				createElementVNode("div", _hoisted_1$7, [renderSlot(_ctx.$slots, "start", {}, void 0, true)]),
 				createElementVNode("div", {
 					class: "rk-split-handle focus-ring",
 					role: "separator",
@@ -882,7 +882,7 @@ var BaseSplitter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-159a4f08"]]);
 //#endregion
 //#region src/web/BaseToolbar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = ["aria-label", "aria-orientation"];
+var _hoisted_1$6 = ["aria-label", "aria-orientation"];
 /**
 * A row of controls that belong together: a formatting bar, a row of view
 * switches, the actions over a table.
@@ -962,13 +962,13 @@ var BaseToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				"aria-orientation": __props.orientation,
 				onKeydown,
 				onFocusin
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 42, _hoisted_1$5);
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 42, _hoisted_1$6);
 		};
 	}
 }), [["__scopeId", "data-v-a65164b7"]]);
 //#endregion
 //#region src/web/BaseTree.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = ["aria-label", "aria-multiselectable"];
+var _hoisted_1$5 = ["aria-label", "aria-multiselectable"];
 var _hoisted_2$4 = [
 	"aria-level",
 	"aria-setsize",
@@ -1114,7 +1114,7 @@ var BaseTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					"aria-posinset": row.position,
 					"aria-expanded": row.node.children?.length ? isOpen(row.node) : void 0,
 					"aria-selected": chosen.value.has(row.node.key),
-					"aria-disabled": row.node.disabled,
+					"aria-disabled": row.node.disabled || void 0,
 					style: normalizeStyle({ "--rk-tree-level": row.level }),
 					onClick: ($event) => onClick(index, row)
 				}, [
@@ -1130,13 +1130,13 @@ var BaseTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					})) : createCommentVNode("", true),
 					createElementVNode("span", _hoisted_4$1, toDisplayString(row.node.label), 1)
 				], 14, _hoisted_2$4);
-			}), 128))], 40, _hoisted_1$4);
+			}), 128))], 40, _hoisted_1$5);
 		};
 	}
-}), [["__scopeId", "data-v-1ba675c5"]]);
+}), [["__scopeId", "data-v-f91deddf"]]);
 //#endregion
 //#region src/web/TransferList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = { class: "rk-transfer" };
+var _hoisted_1$4 = { class: "rk-transfer" };
 var _hoisted_2$3 = { class: "rk-transfer-side" };
 var _hoisted_3$1 = { class: "rk-transfer-title" };
 var _hoisted_4 = { class: "rk-transfer-middle" };
@@ -1174,7 +1174,7 @@ var TransferList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			markedChosen.value = [];
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+			return openBlock(), createElementBlock("div", _hoisted_1$4, [
 				createElementVNode("div", _hoisted_2$3, [createElementVNode("p", _hoisted_3$1, toDisplayString(__props.availableLabel), 1), createVNode(BaseListbox_default, {
 					modelValue: markedAvailable.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => markedAvailable.value = $event),
@@ -1225,6 +1225,80 @@ var TransferList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	}
 }), [["__scopeId", "data-v-1d75b0da"]]);
 //#endregion
+//#region src/web/ResponsiveDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = {
+	key: 0,
+	class: "rk-responsive-actions"
+};
+//#endregion
+//#region src/web/ResponsiveDialog.vue
+var ResponsiveDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ResponsiveDialog",
+	props: /*@__PURE__*/ mergeModels({
+		title: {},
+		closeLabel: {},
+		subtitle: { default: "" },
+		tone: { default: "default" },
+		dismissible: {
+			type: Boolean,
+			default: true
+		},
+		breakpoint: { default: "48rem" }
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/** Open or closed, with `v-model`. */
+		const open = useModel(__props, "modelValue");
+		const wide = useMediaQuery(`(min-width: ${__props.breakpoint})`);
+		const asModal = computed(() => wide.value);
+		return (_ctx, _cache) => {
+			return asModal.value ? (openBlock(), createBlock(BaseModal_default, {
+				key: 0,
+				modelValue: open.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+				title: __props.title,
+				"close-label": __props.closeLabel,
+				tone: __props.tone,
+				dismissible: __props.dismissible
+			}, createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 2
+			}, [_ctx.$slots.actions ? {
+				name: "actions",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "actions", {}, void 0, true)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"modelValue",
+				"title",
+				"close-label",
+				"tone",
+				"dismissible"
+			])) : (openBlock(), createBlock(BaseSheet_default, {
+				key: 1,
+				modelValue: open.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+				title: __props.title,
+				subtitle: __props.subtitle,
+				"close-label": __props.closeLabel
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$3, [renderSlot(_ctx.$slots, "actions", {}, void 0, true)])) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"title",
+				"subtitle",
+				"close-label"
+			]));
+		};
+	}
+}), [["__scopeId", "data-v-85131850"]]);
+//#endregion
 //#region src/web/BaseTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$2 = ["aria-label"];
 var _hoisted_2$2 = [
@@ -1370,6 +1444,6 @@ var NavLinks_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	}
 }), [["__scopeId", "data-v-52e5d553"]]);
 //#endregion
-export { BaseAccordion_default as BaseAccordion, BaseBreadcrumb_default as BaseBreadcrumb, BaseDisclosure_default as BaseDisclosure, BaseModal_default as BaseModal, BasePagination_default as BasePagination, BaseSplitter_default as BaseSplitter, BaseTabs_default as BaseTabs, BaseToolbar_default as BaseToolbar, BaseTooltip_default as BaseTooltip, BaseTree_default as BaseTree, CommandMenu_default as CommandMenu, DataTable_default as DataTable, NavLinks_default as NavLinks, TransferList_default as TransferList };
+export { BaseAccordion_default as BaseAccordion, BaseBreadcrumb_default as BaseBreadcrumb, BaseDisclosure_default as BaseDisclosure, BaseModal_default as BaseModal, BasePagination_default as BasePagination, BaseSplitter_default as BaseSplitter, BaseTabs_default as BaseTabs, BaseToolbar_default as BaseToolbar, BaseTooltip_default as BaseTooltip, BaseTree_default as BaseTree, CommandMenu_default as CommandMenu, DataTable_default as DataTable, NavLinks_default as NavLinks, ResponsiveDialog_default as ResponsiveDialog, TransferList_default as TransferList };
 
 //# sourceMappingURL=web.js.map