@threadlabs/looma 0.37.4 → 0.37.6

package/vue/chunks/UiSkeleton.js

@@ -0,0 +1,151 @@
+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/UiSkeleton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-ui-skeleton-prop-animated",
+	"data-ui-skeleton-prop-height",
+	"data-ui-skeleton-prop-shape",
+	"data-ui-skeleton-prop-width",
+	"data-ui-skeleton-state"
+];
+//#endregion
+//#region .build/vue/UiSkeleton.vue
+var UiSkeleton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiSkeleton",
+	props: {
+		animated: { type: null },
+		height: { type: null },
+		shape: { type: null },
+		width: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
+	setup(__props) {
+		const propValidityContract = { props: {
+			animated: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "animated" },
+				description: "Gently pulses the placeholder. Off by default, and always still when the reader requests reduced motion.",
+				default: false
+			},
+			height: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "height" },
+				description: "Block size as a CSS length. Empty reserves one line for text, a square for circles, or 8rem for rectangles. Set only width to keep a circle square.",
+				default: ""
+			},
+			shape: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "shape" },
+				description: "The content's silhouette. text reserves one inherited line box with a shorter bar inside it; circle matches a medium Avatar; rectangle reserves a media\n      area.",
+				values: [
+					"text",
+					"circle",
+					"rectangle"
+				],
+				default: "text"
+			},
+			width: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "width" },
+				description: "Inline size as a CSS length or percentage, constrained to the container. Empty fills the available width for text and rectangles, or matches a medium\n      Avatar's outer size for circles.",
+				default: ""
+			}
+		} };
+		const props = __props;
+		const inputTracking = vuePropInputs({
+			animated: false,
+			height: "",
+			shape: "text",
+			width: ""
+		}, {
+			animated: false,
+			height: "",
+			shape: "text",
+			width: ""
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "animated": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "height": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "shape": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "width": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				animated: propInputs.value("animated", props["animated"], props[BINDING_INPUTS_PROP]),
+				height: propInputs.value("height", props["height"], props[BINDING_INPUTS_PROP]),
+				shape: propInputs.value("shape", props["shape"], props[BINDING_INPUTS_PROP]),
+				width: propInputs.value("width", props["width"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("span", "ui-skeleton");
+		/** The values the styles' :host() and :state() rules test. */
+		const hostState = computed(() => [
+			checkedProps.value.shape && "shape",
+			checkedProps.value.shape != null && `shape=${encodeURIComponent(checkedProps.value.shape)}`,
+			checkedProps.value.animated && "animated"
+		].filter(Boolean).join(" "));
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
+				class: "ui-skeleton",
+				"aria-hidden": "true"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				style: {
+					"--ui-skeleton-width": checkedProps.value.width ?? void 0,
+					"--ui-skeleton-height": checkedProps.value.height ?? void 0
+				},
+				"data-ui-skeleton-prop-animated": unref(reflectedProp)("animated", "animated", checkedProps.value.animated, void 0, false),
+				"data-ui-skeleton-prop-height": unref(reflectedProp)("height", "height", checkedProps.value.height, void 0, false),
+				"data-ui-skeleton-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
+				"data-ui-skeleton-prop-width": unref(reflectedProp)("width", "width", checkedProps.value.width, void 0, false),
+				"data-ui-skeleton-state": hostState.value || void 0
+			}), null, 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+}), [["__scopeId", "data-v-ee40410c"]]);
+//#endregion
+export { UiSkeleton_default as t };

package/vue/chunks/UiSlider.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 UiNumberInput_default } from "./UiNumberInput.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiSpinner.js

@@ -1,4 +1,4 @@
-import { a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, _ as nativeAttrs, a as checkHydratedRoot, i as attribute, o as concat, 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, defineComponent, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSpinner.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiStack.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/UiStack.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiStatusMessage.js

@@ -1,4 +1,4 @@
-import { a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, _ as nativeAttrs, a as checkHydratedRoot, i as attribute, o as concat, 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 { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiSwatch.js

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

package/vue/chunks/UiSwitch.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/UiSwitcher.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, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitcher.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTable.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, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTable.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTabs.js

@@ -1,4 +1,4 @@
-import { a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, n as KeyedBoundary, o as createDispatch, t as _plugin_vue_export_helper_default, v as uniqueKeys, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, n as KeyedBoundary, o as concat, s as createDispatch, t as _plugin_vue_export_helper_default, x as uniqueKeys } 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 { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiTabs.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiText.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, g as preserveRootFocus, 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, y as preserveRootFocus } 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, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiText.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTextarea.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 } from "./control.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, unref, watchSyncEffect, withDirectives } from "vue";

package/vue/chunks/UiToast.js

@@ -1,4 +1,4 @@
-import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, r as attribute, 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, i as attribute, 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 { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";

package/vue/chunks/UiToastRegion.js

@@ -1,4 +1,4 @@
-import { a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, n as KeyedBoundary, o as createDispatch, t as _plugin_vue_export_helper_default, v as uniqueKeys, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { C as useReflectedProp, S as useComponentHost, _ as nativeAttrs, a as checkHydratedRoot, n as KeyedBoundary, o as concat, s as createDispatch, t as _plugin_vue_export_helper_default, x as uniqueKeys } 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 { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";

package/vue/chunks/UiTooltip.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, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTooltip.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTopBar.js

@@ -1,4 +1,4 @@
-import { i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { _ as nativeAttrs, a as checkHydratedRoot, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
 //#region .build/vue/UiTopBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {

package/vue/chunks/UiTree.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, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTree.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiTreeItem.js

@@ -1,4 +1,4 @@
-import { a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, r as attribute, 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, i as attribute, o as concat, 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 { t as UiButton_default } from "./UiButton.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";

package/vue/chunks/_plugin-vue_export-helper.js

@@ -1,4 +1,4 @@
-import { Fragment, computed, customRef, defineComponent, getCurrentInstance, h, onBeforeUnmount, onBeforeUpdate, onMounted, onUpdated, ref, shallowRef, useSlots, watch, watchEffect } from "vue";
+import { Fragment, computed, createTextVNode, customRef, defineComponent, getCurrentInstance, h, onBeforeUnmount, onBeforeUpdate, onMounted, onUpdated, ref, shallowRef, useSlots, watch, watchEffect } from "vue";
 //#region .build/vue/host.ts
 var READY_INPUT = {
 	ready: true,
@@ -839,6 +839,26 @@ function useScopedSlotName() {
 		return name;
 	};
 }
+function inlineTextSegment(value, accepted, text) {
+	return {
+		value,
+		accepted,
+		text: accepted && value !== Symbol.for("html-next.invalid-result") ? text(value) ?? "" : ""
+	};
+}
+var RetainedInlineText = /* @__PURE__ */ defineComponent({
+	props: { segments: {
+		type: Array,
+		required: true
+	} },
+	setup(props) {
+		const previous = [];
+		return () => createTextVNode(props.segments.map((segment, index) => {
+			if (segment.accepted && segment.value !== Symbol.for("html-next.invalid-result")) previous[index] = segment.text;
+			return previous[index] ?? "";
+		}).join(""));
+	}
+});
 var KeyedFailure = /* @__PURE__ */ defineComponent({
 	props: { error: {
 		type: null,
@@ -997,6 +1017,11 @@ function decimalResult(result, a, b, left, right, places, combine) {
 	const integer = combine(Math.round(a * 10 ** left), Math.round(b * 10 ** right));
 	return places > 22 && integer !== 0 ? Number(`${integer}e-${places}`) : integer / 10 ** places;
 }
+/** `a + b` at the larger operand's decimal places: `decimalAdd(0.1, 0.2)` is 0.3. */
+function decimalAdd(a, b) {
+	const places = Math.max(decimalPlaces(a), decimalPlaces(b));
+	return decimalResult(a + b, a, b, places, places, places, (x, y) => x + y);
+}
 /** `a - b` at the larger operand's decimal places: `decimalSubtract(0.3, 0.1)` is 0.2. */
 function decimalSubtract(a, b) {
 	const places = Math.max(decimalPlaces(a), decimalPlaces(b));
@@ -1237,4 +1262,4 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 	return target;
 };
 //#endregion
-export { warnUnless as S, text as _, concat as a, useReflectedProp as b, decimalMultiply as c, initializedState as d, list as f, preserveRootFocus as g, number as h, checkHydratedRoot as i, decimalSubtract as l, nativeAttrs as m, KeyedBoundary as n, createDispatch as o, math as p, attribute as r, cycleCheckedComputed as s, _plugin_vue_export_helper_default as t, formatValue as u, uniqueKeys as v, useScopedSlotName as x, useComponentHost as y };
+export { useReflectedProp as C, useComponentHost as S, warnUnless as T, nativeAttrs as _, checkHydratedRoot as a, text as b, cycleCheckedComputed as c, decimalSubtract as d, formatValue as f, math as g, list as h, attribute as i, decimalAdd as l, inlineTextSegment as m, KeyedBoundary as n, concat as o, initializedState as p, RetainedInlineText as r, createDispatch as s, _plugin_vue_export_helper_default as t, decimalMultiply as u, number as v, useScopedSlotName as w, uniqueKeys as x, preserveRootFocus as y };

package/vue/components.css

@@ -1115,6 +1115,8 @@ svg,.arc {
 /* A count is an adornment, not another line of label text. Keep the standard control height
    with enough inset for a 24px mark; large content can still grow the button naturally. */
 
+/* Short numeric and icon actions share a minimum box; large values remain readable. */
+
 /* Card actions inherit Button's palette and behavior; only their shared layout changes.
    The icon may contain any decorative composition. Empty icons remove their column. */
 
@@ -1206,6 +1208,7 @@ svg,.arc {
     inline-size: 100%;
 }
 :scope:where([data-hn-ui-button]) {
+    --_button-square-size: var(--ui-button-min-block-size, var(--ui-control-size-md));
     appearance: none;
     min-block-size: var(--ui-button-min-block-size, var(--ui-control-size-md));
     border-style: solid;
@@ -1261,6 +1264,7 @@ svg,.arc {
 }
 }
 :scope[data-ui-button-state~="size=xs"]:where([data-hn-ui-button]) {
+    --_button-square-size: 1.5rem;
     min-block-size: 1.5rem;
     padding: calc(var(--ui-space-0-5) * 1.5) calc(var(--ui-space-1) * 1.25) !important;
     font-size: var(--ui-font-size-xs);
@@ -1269,17 +1273,23 @@ svg,.arc {
     border-radius: var(--ui-button-radius, var(--ui-radius-round));
 }
 :scope[data-ui-button-state~="size=sm"]:where([data-hn-ui-button]) {
+    --_button-square-size: var(--ui-control-size-sm);
     min-block-size: var(--ui-control-size-sm);
     padding: var(--ui-control-inset-block-sm, var(--ui-space-1))
       var(--ui-action-inset-sm, var(--ui-space-2)) !important;
     font-size: var(--ui-font-size-sm);
 }
 :scope[data-ui-button-state~="size=lg"]:where([data-hn-ui-button]) {
+    --_button-square-size: var(--ui-control-size-lg);
     min-block-size: var(--ui-control-size-lg);
     padding: var(--ui-control-inset-block-lg, var(--ui-space-3))
       var(--ui-action-inset-lg, var(--ui-space-4)) !important;
     font-size: var(--ui-font-size-md);
 }
+:scope[data-ui-button-state~="square"]:not([data-appearance="link"], [data-appearance="card"]):where([data-hn-ui-button]) {
+    min-inline-size: var(--_button-square-size);
+    padding-inline: var(--ui-space-1) !important;
+}
 :scope[data-appearance="card"]:where([data-hn-ui-button]) {
     display: grid !important;
     grid-template-columns: auto minmax(0, 1fr) auto;
@@ -10391,6 +10401,77 @@ dialog:where([data-hn-ui-search-shell]) {
 }
 }
 
+/* Dimensions belong to this placeholder, never a nested or neighbouring one. */
+@property --ui-skeleton-width {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-skeleton-height {
+  syntax: "*";
+  inherits: false;
+}
+@keyframes ui-skeleton-pulse-ee40410c {
+50% {
+    opacity: 0.45;
+}
+}
+@scope (.ui-skeleton) to ([data-hn]) {
+:scope {
+    display: block !important;
+    position: relative;
+    box-sizing: border-box !important;
+    flex: none;
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    inline-size: var(--ui-skeleton-width, 100%);
+    block-size: var(--ui-skeleton-height, 1lh);
+    margin: 0 !important;
+    font: inherit;
+}
+:scope::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: var(--ui-radius-sm);
+    background: color-mix(in srgb, var(--ui-text-primary) 16%, transparent);
+}
+:scope[data-ui-skeleton-state~="shape=text"]::before {
+    inset-block: 22%;
+}
+:scope[data-ui-skeleton-state~="shape=circle"] {
+    inline-size: var(--ui-skeleton-width, calc(2.5rem + 2 * var(--ui-border-width)));
+    block-size: var(--ui-skeleton-height, auto);
+    aspect-ratio: 1;
+}
+:scope[data-ui-skeleton-state~="shape=circle"]::before {
+    border-radius: var(--ui-radius-round);
+}
+:scope[data-ui-skeleton-state~="shape=rectangle"] {
+    block-size: var(--ui-skeleton-height, 8rem);
+}
+:scope[data-ui-skeleton-state~="shape=rectangle"]::before {
+    border-radius: var(--ui-radius-md);
+}
+:scope[data-ui-skeleton-state~="animated"]::before {
+    animation: ui-skeleton-pulse-ee40410c 1.6s ease-in-out infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+:scope[data-ui-skeleton-state~="animated"]::before {
+      animation: none;
+}
+}
+@media (forced-colors: active) {
+:scope::before {
+      background: CanvasText;
+      opacity: 0.2;
+      animation: none;
+}
+}
+:scope[hidden] {
+    display: none !important;
+}
+}
+
 @scope (.ui-slider) to ([data-hn]) {
 :scope {
     display: grid !important;
@@ -13530,6 +13611,7 @@ html[data-ui-input-modality="touch"]
     }
 
     :scope:where([data-component~="ui-button"]) {
+      --_button-square-size: var(--ui-button-min-block-size, var(--ui-control-size-md));
       appearance: none;
       min-block-size: var(--ui-button-min-block-size, var(--ui-control-size-md));
       border-style: solid;
@@ -13594,6 +13676,7 @@ html[data-ui-input-modality="touch"]
     }
 
     :scope:where([data-component~="ui-button"])[data-ui-button-state~="size=xs"] {
+      --_button-square-size: 1.5rem;
       min-block-size: 1.5rem;
       padding: calc(var(--ui-space-0-5) * 1.5) calc(var(--ui-space-1) * 1.25) !important;
       font-size: var(--ui-font-size-xs);
@@ -13604,17 +13687,25 @@ html[data-ui-input-modality="touch"]
     }
 
     :scope:where([data-component~="ui-button"])[data-ui-button-state~="size=sm"] {
+      --_button-square-size: var(--ui-control-size-sm);
       min-block-size: var(--ui-control-size-sm);
       padding: var(--ui-control-inset-block-sm, var(--ui-space-1)) var(--ui-action-inset-sm, var(--ui-space-2)) !important;
       font-size: var(--ui-font-size-sm);
     }
 
     :scope:where([data-component~="ui-button"])[data-ui-button-state~="size=lg"] {
+      --_button-square-size: var(--ui-control-size-lg);
       min-block-size: var(--ui-control-size-lg);
       padding: var(--ui-control-inset-block-lg, var(--ui-space-3)) var(--ui-action-inset-lg, var(--ui-space-4)) !important;
       font-size: var(--ui-font-size-md);
     }
 
+    /* Short numeric and icon actions share a minimum box; large values remain readable. */
+    :scope:where([data-component~="ui-button"])[data-ui-button-state~="square"]:not([data-appearance="link"], [data-appearance="card"]) {
+      min-inline-size: var(--_button-square-size);
+      padding-inline: var(--ui-space-1) !important;
+    }
+
     /* Card actions inherit Button's palette and behavior; only their shared layout changes.
        The icon may contain any decorative composition. Empty icons remove their column. */
     :scope:where([data-component~="ui-button"])[data-appearance="card"] {
@@ -13931,6 +14022,8 @@ html[data-ui-input-modality="touch"]
     @supports (text-box-trim: trim-both) {
     }
 
+    /* Short numeric and icon actions share a minimum box; large values remain readable. */
+
     /* Card actions inherit Button's palette and behavior; only their shared layout changes.
        The icon may contain any decorative composition. Empty icons remove their column. */