rei-kit 2.10.0 → 2.12.0

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-BlhlEskx.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",
@@ -726,7 +726,7 @@ var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 						key: column.key,
 						scope: "col",
 						"aria-sort": ariaSort(column),
-						class: normalizeClass([column.align === "end" && "is-end", column.nowrap && "is-nowrap"])
+						class: normalizeClass([column.align && `is-${column.align}`, column.nowrap && "is-nowrap"])
 					}, [column.sortable ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
@@ -767,7 +767,7 @@ var DataTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					}, null, 40, _hoisted_10)])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
 						return openBlock(), createElementBlock("td", {
 							key: column.key,
-							class: normalizeClass([column.align === "end" && "is-end", column.nowrap && "is-nowrap"])
+							class: normalizeClass([column.align && `is-${column.align}`, column.nowrap && "is-nowrap"])
 						}, [renderSlot(_ctx.$slots, column.key, {
 							row,
 							value: row[column.key]
@@ -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"]]);
+}), [["__scopeId", "data-v-f95c586b"]]);
 //#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