@threadlabs/looma 0.37.4 → 0.37.5

package/vue/chunks/UiNumberInput.js

@@ -1,4 +1,4 @@
-import { S as warnUnless, a as concat, b as useReflectedProp, d as initializedState, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, T as warnUnless, _ as nativeAttrs, a as checkHydratedRoot, o as concat, p as initializedState, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as propValidityState, f as requireInputStatus, h as vuePropInputs, i as checkPropInput, m as vPropValidity, n as READY_INPUT, o as copyStateSeed, r as acceptsControllerWrite, s as evaluateInput, t as BINDING_INPUTS_PROP, u as inputRead } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiInput_default } from "./UiInput.js";

package/vue/chunks/UiPageHeader.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, _ as nativeAttrs, a as checkHydratedRoot, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiPageHeader.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiPagination.js

@@ -0,0 +1,551 @@
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, d as decimalSubtract, f as formatValue, l as decimalAdd, m as inlineTextSegment, n as KeyedBoundary, o as concat, r as RetainedInlineText, s as createDispatch, v as number, x as uniqueKeys } from "./_plugin-vue_export-helper.js";
+import { d as propValidityState, f as requireInputStatus, h as vuePropInputs, i as checkPropInput, m as vPropValidity, n as READY_INPUT, s as evaluateInput, t as BINDING_INPUTS_PROP, u as inputRead } from "./props.js";
+import { t as UiIcon_default } from "./UiIcon.js";
+import { t as UiButton_default } from "./UiButton.js";
+import { t as UiCluster_default } from "./UiCluster.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
+//#region .build/vue/UiPagination.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-label",
+	"data-ui-pagination-prop-disabled",
+	"data-ui-pagination-prop-has-next",
+	"data-ui-pagination-prop-has-previous",
+	"data-ui-pagination-prop-label",
+	"data-ui-pagination-prop-next-href",
+	"data-ui-pagination-prop-next-label",
+	"data-ui-pagination-prop-page",
+	"data-ui-pagination-prop-page-label",
+	"data-ui-pagination-prop-pages",
+	"data-ui-pagination-prop-previous-href",
+	"data-ui-pagination-prop-previous-label",
+	"data-ui-pagination-prop-size"
+];
+var _hoisted_2 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+//#endregion
+//#region .build/vue/UiPagination.vue
+var UiPagination_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiPagination",
+	props: {
+		disabled: { type: null },
+		hasNext: { type: null },
+		hasPrevious: { type: null },
+		label: { type: null },
+		nextHref: { type: null },
+		nextLabel: { type: null },
+		page: { type: null },
+		pageLabel: { type: null },
+		pages: { type: null },
+		previousHref: { type: null },
+		previousLabel: { type: null },
+		size: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
+	emits: ["update:page", "navigate"],
+	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "disabled" },
+				description: "Makes all page controls unavailable while keeping the current page visible.",
+				default: false
+			},
+			hasNext: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "hasnext" },
+				description: "Whether another page is available. The component does not infer a total.",
+				default: false
+			},
+			hasPrevious: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "hasprevious" },
+				description: "Whether a preceding page is available. Previous is always unavailable on page one.",
+				default: false
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "aria-label" },
+				description: "Accessible name for the navigation landmark.",
+				default: "Results pages"
+			},
+			nextHref: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "href" },
+				description: "Optional native destination for Next. Empty renders a request button.",
+				default: ""
+			},
+			nextLabel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "aria-label" },
+				description: "Accessible label for the following page action.",
+				default: "Next"
+			},
+			page: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "page" },
+				description: "Current one-based page. The consumer updates it after a navigate request; activation never changes it internally.",
+				default: 1
+			},
+			pageLabel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "pagelabel" },
+				description: "Prefix for each numbered page's accessible name, followed by its localized number.",
+				default: "Page"
+			},
+			pages: {
+				type: {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [{
+							name: "value",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: false
+						}, {
+							name: "href",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: true
+						}],
+						open: false
+					}
+				},
+				required: false,
+				target: { attribute: "pages" },
+				description: "Visible numbered pages in ascending order. Omit for previous/next navigation without a known total. Gaps between\n      numbers show an ellipsis. Supply href to keep a numbered page usable as a native link before JavaScript.",
+				default: []
+			},
+			previousHref: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "href" },
+				description: "Optional native destination for Previous. Empty renders a request button.",
+				default: ""
+			},
+			previousLabel: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "aria-label" },
+				description: "Accessible label for the preceding page action.",
+				default: "Previous"
+			},
+			size: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "size" },
+				description: "Uses Button's shared size scale. Narrow groups wrap without enlarging compact controls.",
+				values: [
+					"sm",
+					"md",
+					"lg"
+				],
+				default: "sm"
+			}
+		} };
+		const props = __props;
+		const inputTracking = vuePropInputs({
+			disabled: false,
+			hasNext: false,
+			hasPrevious: false,
+			label: "Results pages",
+			nextHref: "",
+			nextLabel: "Next",
+			page: 1,
+			pageLabel: "Page",
+			pages: [],
+			previousHref: "",
+			previousLabel: "Previous",
+			size: "sm"
+		}, {
+			disabled: false,
+			hasNext: false,
+			hasPrevious: false,
+			label: "Results pages",
+			nextHref: "",
+			nextLabel: "Next",
+			page: 1,
+			pageLabel: "Page",
+			pages: [],
+			previousHref: "",
+			previousLabel: "Previous",
+			size: "sm"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "hasNext": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "hasPrevious": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "nextHref": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "nextLabel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "page": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "pageLabel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "pages": return checkPropInput(value, {
+					kind: "list",
+					item: {
+						kind: "object",
+						fields: [{
+							name: "value",
+							type: {
+								kind: "terminal",
+								name: "number"
+							},
+							optional: false
+						}, {
+							name: "href",
+							type: {
+								kind: "terminal",
+								name: "string"
+							},
+							optional: true
+						}],
+						open: false
+					}
+				}, true, true);
+				case "previousHref": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "previousLabel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				hasNext: propInputs.value("hasNext", props["hasNext"], props[BINDING_INPUTS_PROP]),
+				hasPrevious: propInputs.value("hasPrevious", props["hasPrevious"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				nextHref: propInputs.value("nextHref", props["nextHref"], props[BINDING_INPUTS_PROP]),
+				nextLabel: propInputs.value("nextLabel", props["nextLabel"], props[BINDING_INPUTS_PROP]),
+				page: propInputs.value("page", props["page"], props[BINDING_INPUTS_PROP]),
+				pageLabel: propInputs.value("pageLabel", props["pageLabel"], props[BINDING_INPUTS_PROP]),
+				pages: propInputs.value("pages", props["pages"], props[BINDING_INPUTS_PROP]),
+				previousHref: propInputs.value("previousHref", props["previousHref"], props[BINDING_INPUTS_PROP]),
+				previousLabel: propInputs.value("previousLabel", props["previousLabel"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
+		};
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		const reflectedProp = useReflectedProp();
+		const hydrationInstance = getCurrentInstance();
+		const emit = __emit;
+		const root = ref(null);
+		checkHydratedRoot("nav", "ui-pagination");
+		const isNavigateDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["page"] === "number" && Number.isFinite(detail["page"]) && typeof detail["previousPage"] === "number" && Number.isFinite(detail["previousPage"]) && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
+			"page",
+			"previousPage",
+			"trigger"
+		].includes(key));
+		const dispatch = createDispatch(root, emit, {
+			checks: { navigate: isNavigateDetail },
+			modeled: ["page"]
+		});
+		useComponentHost(() => import("@threadlabs/looma/components/ui-pagination/ui-pagination.js"), {
+			root,
+			module: true,
+			dispatch,
+			controllerSource: {
+				specifier: "../components/ui-pagination/ui-pagination.js",
+				definition: "./components/ui-pagination/ui-pagination.html"
+			},
+			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"disabled",
+				"hasNext",
+				"hasPrevious",
+				"label",
+				"nextHref",
+				"nextLabel",
+				"page",
+				"pageLabel",
+				"pages",
+				"previousHref",
+				"previousLabel",
+				"size"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name)
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("nav", mergeProps(unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"aria-label": checkedProps.value.label ?? void 0,
+				"data-ui-pagination-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-pagination-prop-has-next": unref(reflectedProp)("hasNext", "has-next", checkedProps.value.hasNext, void 0, false),
+				"data-ui-pagination-prop-has-previous": unref(reflectedProp)("hasPrevious", "has-previous", checkedProps.value.hasPrevious, void 0, false),
+				"data-ui-pagination-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-pagination-prop-next-href": unref(reflectedProp)("nextHref", "next-href", checkedProps.value.nextHref, void 0, false),
+				"data-ui-pagination-prop-next-label": unref(reflectedProp)("nextLabel", "next-label", checkedProps.value.nextLabel, void 0, false),
+				"data-ui-pagination-prop-page": unref(reflectedProp)("page", "page", checkedProps.value.page, void 0, false),
+				"data-ui-pagination-prop-page-label": unref(reflectedProp)("pageLabel", "page-label", checkedProps.value.pageLabel, void 0, false),
+				"data-ui-pagination-prop-pages": unref(reflectedProp)("pages", "pages", checkedProps.value.pages, void 0, false),
+				"data-ui-pagination-prop-previous-href": unref(reflectedProp)("previousHref", "previous-href", checkedProps.value.previousHref, void 0, false),
+				"data-ui-pagination-prop-previous-label": unref(reflectedProp)("previousLabel", "previous-label", checkedProps.value.previousLabel, void 0, false),
+				"data-ui-pagination-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				ref_key: "root",
+				ref: root
+			}), [createVNode(UiCluster_default, { gap: "xs" }, {
+				default: withCtx(() => [
+					(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => unref(inputRead)(checkedProps.value.disabled, inputStatus("disabled", true)) || !unref(inputRead)(checkedProps.value.hasPrevious, inputStatus("hasPrevious", true)) || (unref(number)(unref(inputRead)(checkedProps.value.page, inputStatus("page", true))) === void 0 || unref(number)(1) === void 0 ? void 0 : unref(number)(unref(inputRead)(checkedProps.value.page, inputStatus("page", true))) <= unref(number)(1)), unref(READY_INPUT))], (boundInput) => {
+						return openBlock(), createElementBlock(Fragment, null, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+							true: "a",
+							false: "button"
+						}, unref(concat)(unref(inputRead)(checkedProps.value.previousHref, inputStatus("previousHref", true)) !== "")), unref(READY_INPUT))], (boundInputSnapshot) => {
+							return openBlock(), createBlock(UiButton_default, mergeProps({
+								square: true,
+								variant: "ghost",
+								tone: "neutral",
+								size: checkedProps.value.size,
+								disabled: boundInput.value,
+								as: boundInputSnapshot.value,
+								href: checkedProps.value.previousHref,
+								"aria-label": checkedProps.value.previousLabel,
+								"data-pagination-page": unref(number)(checkedProps.value.page) === void 0 || unref(number)(1) === void 0 ? void 0 : unref(decimalSubtract)(unref(number)(checkedProps.value.page), unref(number)(1))
+							}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: {
+								size: () => ({
+									value: checkedProps.value.size,
+									status: inputStatus("size", true)
+								}),
+								disabled: () => boundInput,
+								as: () => boundInputSnapshot,
+								href: () => ({
+									value: checkedProps.value.previousHref,
+									status: inputStatus("previousHref", true)
+								})
+							} }), {
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "chevron-left" })]),
+								_: 1
+							}, 16, [
+								"size",
+								"disabled",
+								"as",
+								"href",
+								"aria-label",
+								"data-pagination-page"
+							]);
+						}), 256))], 64);
+					}), 256)),
+					_cache[3] || (_cache[3] = createTextVNode(toDisplayString(" "), -1)),
+					createVNode(unref(KeyedBoundary), null, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(checkedProps.value.pages ?? [], (item, index, loop) => item.value), (item, index) => {
+							return openBlock(), createElementBlock(Fragment, { key: item.value }, [
+								_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+								index > 0 && (unref(number)(item.value) === void 0 || unref(number)(unref(number)(checkedProps.value.pages?.[unref(decimalSubtract)(index, 1)]?.value) === void 0 || unref(number)(1) === void 0 ? void 0 : unref(decimalAdd)(unref(number)(checkedProps.value.pages?.[unref(decimalSubtract)(index, 1)]?.value), unref(number)(1))) === void 0 ? void 0 : unref(number)(item.value) > unref(number)(unref(number)(checkedProps.value.pages?.[unref(decimalSubtract)(index, 1)]?.value) === void 0 || unref(number)(1) === void 0 ? void 0 : unref(decimalAdd)(unref(number)(checkedProps.value.pages?.[unref(decimalSubtract)(index, 1)]?.value), unref(number)(1)))) ? (openBlock(), createElementBlock("span", _hoisted_2, "…")) : createCommentVNode("v-if", true),
+								_cache[1] || (_cache[1] = createTextVNode(toDisplayString(" "), -1)),
+								(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+									true: "solid",
+									false: "ghost"
+								}, unref(concat)(item.value === unref(inputRead)(checkedProps.value.page, inputStatus("page", true)))), unref(READY_INPUT))], (boundInputSnapshot2) => {
+									return openBlock(), createElementBlock(Fragment, null, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+										true: "accent",
+										false: "neutral"
+									}, unref(concat)(item.value === unref(inputRead)(checkedProps.value.page, inputStatus("page", true)))), unref(READY_INPUT))], (boundInputSnapshot3) => {
+										return openBlock(), createBlock(UiButton_default, mergeProps({
+											square: true,
+											variant: boundInputSnapshot2.value,
+											tone: boundInputSnapshot3.value,
+											size: checkedProps.value.size,
+											disabled: checkedProps.value.disabled,
+											as: ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+												true: "a",
+												false: "button"
+											}, unref(concat)((() => {
+												const left = item.href ?? "";
+												if (left === Symbol.for("html-next.invalid-result")) return left;
+												const right = "";
+												if (right === Symbol.for("html-next.invalid-result")) return right;
+												return left !== right;
+											})())),
+											href: item.href,
+											"data-pagination-page": item.value,
+											"aria-label": unref(concat)(checkedProps.value.pageLabel, " ", unref(formatValue)(item.value, "number", "format", "number")),
+											"aria-current": ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+												true: "page",
+												false: null
+											}, unref(concat)(item.value === checkedProps.value.page))
+										}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: {
+											variant: () => boundInputSnapshot2,
+											tone: () => boundInputSnapshot3,
+											size: () => ({
+												value: checkedProps.value.size,
+												status: inputStatus("size", true)
+											}),
+											disabled: () => ({
+												value: checkedProps.value.disabled,
+												status: inputStatus("disabled", true)
+											})
+										} }), {
+											default: withCtx(() => [createVNode(unref(RetainedInlineText), { segments: [unref(inlineTextSegment)(unref(formatValue)(item.value, "number", "format", "number"), true, (candidate) => candidate)] }, null, 8, ["segments"])]),
+											_: 2
+										}, 1040, [
+											"variant",
+											"tone",
+											"size",
+											"disabled",
+											"as",
+											"href",
+											"data-pagination-page",
+											"aria-label",
+											"aria-current"
+										]);
+									}), 256))], 64);
+								}), 256)),
+								_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1))
+							], 64);
+						}), 128))]),
+						_: 1
+					}),
+					_cache[4] || (_cache[4] = createTextVNode(toDisplayString(" "), -1)),
+					(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => unref(inputRead)(checkedProps.value.disabled, inputStatus("disabled", true)) || !unref(inputRead)(checkedProps.value.hasNext, inputStatus("hasNext", true)), unref(READY_INPUT))], (boundInputSnapshot4) => {
+						return openBlock(), createElementBlock(Fragment, null, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+							true: "a",
+							false: "button"
+						}, unref(concat)(unref(inputRead)(checkedProps.value.nextHref, inputStatus("nextHref", true)) !== "")), unref(READY_INPUT))], (boundInputSnapshot5) => {
+							return openBlock(), createBlock(UiButton_default, mergeProps({
+								square: true,
+								variant: "ghost",
+								tone: "neutral",
+								size: checkedProps.value.size,
+								disabled: boundInputSnapshot4.value,
+								as: boundInputSnapshot5.value,
+								href: checkedProps.value.nextHref,
+								"aria-label": checkedProps.value.nextLabel,
+								"data-pagination-page": unref(number)(checkedProps.value.page) === void 0 || unref(number)(1) === void 0 ? void 0 : unref(decimalAdd)(unref(number)(checkedProps.value.page), unref(number)(1))
+							}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: {
+								size: () => ({
+									value: checkedProps.value.size,
+									status: inputStatus("size", true)
+								}),
+								disabled: () => boundInputSnapshot4,
+								as: () => boundInputSnapshot5,
+								href: () => ({
+									value: checkedProps.value.nextHref,
+									status: inputStatus("nextHref", true)
+								})
+							} }), {
+								default: withCtx(() => [createVNode(UiIcon_default, { name: "chevron-right" })]),
+								_: 1
+							}, 16, [
+								"size",
+								"disabled",
+								"as",
+								"href",
+								"aria-label",
+								"data-pagination-page"
+							]);
+						}), 256))], 64);
+					}), 256)),
+					_cache[5] || (_cache[5] = createTextVNode(toDisplayString(" "), -1)),
+					renderSlot(_ctx.$slots, "default")
+				]),
+				_: 3
+			})], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+});
+//#endregion
+export { UiPagination_default as t };

package/vue/chunks/UiPopover.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as propValidityState, h as vuePropInputs, i as checkPropInput, m as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiPopover.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiRadio.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as propValidityState, h as vuePropInputs, i as checkPropInput, m as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { r as vBindControl } from "./control.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiRadioGroup.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as propValidityState, h as vuePropInputs, i as checkPropInput, m as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, openBlock, provide, ref, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiRadioGroup.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiReel.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, _ as nativeAttrs, a as checkHydratedRoot, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiReel.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiScrollArea.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as propValidityState, h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiScrollArea.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSearchResultRow.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, _ as nativeAttrs, a as checkHydratedRoot, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSearchResultRow.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSearchShell.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as propValidityState, h as vuePropInputs, i as checkPropInput, m as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSearchShell.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSection.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, _ as nativeAttrs, a as checkHydratedRoot, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSection.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSelect.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { a as checkedProp, d as propValidityState, h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { n as readBoundControl, r as vBindControl, t as SelectedOptions } from "./control.js";
 import { computed, createElementBlock, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withCtx, withDirectives } from "vue";

package/vue/chunks/UiSeparator.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, _ as nativeAttrs, a as checkHydratedRoot, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { h as vuePropInputs, i as checkPropInput, m as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSeparator.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSidebar.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, s as createDispatch, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { d as propValidityState, h as vuePropInputs, i as checkPropInput, m as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSidebar.vue?vue&type=script&setup=true&lang.ts