@threadlabs/looma 0.23.16 → 0.23.17

package/vue/UiToast.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiToastRegion.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import {
   computed,
@@ -242,6 +242,24 @@ function text(value: unknown): string {
   return value === null || value === undefined || typeof value === 'object' ? '' : String(value)
 }
 
+// A nonempty scalar call cannot produce the invalid-result sentinel.
+type ConcatResult<T extends unknown[]> = T extends
+  [
+    string | number | boolean | null | undefined,
+    ...(string | number | boolean | null | undefined)[],
+  ] ? string | undefined
+  : string | symbol | undefined
+function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
+  if (values.some(value => value === Symbol.for('html-next.invalid-result'))) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  if (values.some(value => value === undefined)) return undefined as ConcatResult<T>
+  if (values.length === 0 || values.some(value => typeof value === 'object' && value !== null)) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  return values.map(value => value === null ? '' : String(value)).join('') as ConcatResult<T>
+}
+
 function uniqueKeys<T>(
   items: readonly T[],
   keyOf: (
@@ -300,7 +318,7 @@ function uniqueKeys<T>(
             size="sm"
             variant="ghost"
             :round="true"
-            :label="`Dismiss ${toast.message}`"
+            :label="concat('Dismiss ', toast.message)"
           ><UiIcon name="x" /></UiIconButton></span>
       </div></KeyedBoundary>
   </div>

package/vue/UiTooltip.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTopBar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { getCurrentInstance } from 'vue'
 

package/vue/UiTree.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTreeItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.25 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -325,20 +325,105 @@ const guarded = computed(() => {
   }
   return guardedPrevious = structuralLevel.value
 })
-let guardedBindingPrevious: any
+let guardedBindingPrevious: any = null
 const guardedBinding = computed(() => {
-  if (!(isContainer.value == null || typeof isContainer.value === 'boolean')) {
+  if (!(moving.value == null || typeof moving.value === 'boolean')) return guardedBindingPrevious
+  const candidate: any = ((objectValue: any, indexValue: any) =>
+    objectValue === Symbol.for('html-next.invalid-result')
+      || indexValue === Symbol.for('html-next.invalid-result')
+      ? Symbol.for('html-next.invalid-result')
+      : objectValue[indexValue])(
+      (() => {
+        const value = {
+          true: concat('Cancel moving ', checkedProps.value.label),
+          false: concat('Drag ', checkedProps.value.label, ' to reorder'),
+        }
+        return Object.values(value).some((entry: unknown) =>
+            entry === Symbol.for('html-next.invalid-result')
+          )
+          ? Symbol.for('html-next.invalid-result')
+          : value
+      })(),
+      concat(moving.value),
+    )
+  if (candidate === Symbol.for('html-next.invalid-result')) {
     return guardedBindingPrevious
   }
-  return guardedBindingPrevious = !isContainer.value
+  return guardedBindingPrevious = typeof (((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        (() => {
+          const value = {
+            true: concat('Cancel moving ', checkedProps.value.label),
+            false: concat('Drag ', checkedProps.value.label, ' to reorder'),
+          }
+          return Object.values(value).some((entry: unknown) =>
+              entry === Symbol.for('html-next.invalid-result')
+            )
+            ? Symbol.for('html-next.invalid-result')
+            : value
+        })(),
+        concat(moving.value),
+      )) === 'boolean'
+    ? String(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        (() => {
+          const value = {
+            true: concat('Cancel moving ', checkedProps.value.label),
+            false: concat('Drag ', checkedProps.value.label, ' to reorder'),
+          }
+          return Object.values(value).some((entry: unknown) =>
+              entry === Symbol.for('html-next.invalid-result')
+            )
+            ? Symbol.for('html-next.invalid-result')
+            : value
+        })(),
+        concat(moving.value),
+      ))
+    : attribute(((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        (() => {
+          const value = {
+            true: concat('Cancel moving ', checkedProps.value.label),
+            false: concat('Drag ', checkedProps.value.label, ' to reorder'),
+          }
+          return Object.values(value).some((entry: unknown) =>
+              entry === Symbol.for('html-next.invalid-result')
+            )
+            ? Symbol.for('html-next.invalid-result')
+            : value
+        })(),
+        concat(moving.value),
+      ))
 })
 let guardedBinding2Previous: any
 const guardedBinding2 = computed(() => {
+  if (!(isContainer.value == null || typeof isContainer.value === 'boolean')) {
+    return guardedBinding2Previous
+  }
+  return guardedBinding2Previous = !isContainer.value
+})
+let guardedBinding3Previous: any = null
+const guardedBinding3 = computed(() => {
+  const candidate: any = concat('Select ', checkedProps.value.label)
+  if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding3Previous
+  return guardedBinding3Previous = candidate
+})
+let guardedBinding4Previous: any
+const guardedBinding4 = computed(() => {
   if (
     !((internalExpanded.value == null || typeof internalExpanded.value === 'boolean')
       && (isContainer.value == null || typeof isContainer.value === 'boolean'))
-  ) return guardedBinding2Previous
-  return guardedBinding2Previous = !(isContainer.value && internalExpanded.value)
+  ) return guardedBinding4Previous
+  return guardedBinding4Previous = !(isContainer.value && internalExpanded.value)
 })
 provide('html-next:ui-tree-item:internalExpanded', internalExpanded)
 provide('html-next:ui-tree-item:structuralLevel', structuralLevel)
@@ -445,6 +530,24 @@ function attribute(value: unknown): any {
   ) return undefined
   return value === true ? '' : text(value)
 }
+
+// A nonempty scalar call cannot produce the invalid-result sentinel.
+type ConcatResult<T extends unknown[]> = T extends
+  [
+    string | number | boolean | null | undefined,
+    ...(string | number | boolean | null | undefined)[],
+  ] ? string | undefined
+  : string | symbol | undefined
+function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
+  if (values.some(value => value === Symbol.for('html-next.invalid-result'))) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  if (values.some(value => value === undefined)) return undefined as ConcatResult<T>
+  if (values.length === 0 || values.some(value => typeof value === 'object' && value !== null)) {
+    return Symbol.for('html-next.invalid-result') as ConcatResult<T>
+  }
+  return values.map(value => value === null ? '' : String(value)).join('') as ConcatResult<T>
+}
 </script>
 
 <template>
@@ -480,22 +583,7 @@ function attribute(value: unknown): any {
         class="drag-handle"
         type="button"
         draggable="true"
-        :aria-label="typeof ((({
-          true: `Cancel moving ${checkedProps.label ?? ''}`,
-          false: `Drag ${checkedProps.label ?? ''} to reorder`,
-        }) as Record<string, any>)[`${moving}`]) === 'boolean'
-        ? String(
-          (({
-            true: `Cancel moving ${checkedProps.label ?? ''}`,
-            false: `Drag ${checkedProps.label ?? ''} to reorder`,
-          }) as Record<string, any>)[`${moving}`],
-        )
-        : attribute(
-          (({
-            true: `Cancel moving ${checkedProps.label ?? ''}`,
-            false: `Drag ${checkedProps.label ?? ''} to reorder`,
-          }) as Record<string, any>)[`${moving}`],
-        )"
+        :aria-label="guardedBinding"
         ref="dragHandle"
       >
         <svg
@@ -520,7 +608,7 @@ function attribute(value: unknown): any {
         class="disclosure"
         type="button"
         :disabled="checkedProps.disabled ?? undefined"
-        :hidden="guardedBinding"
+        :hidden="guardedBinding2"
         ref="disclosure"
       >
         <span class="disclosure-icon" aria-hidden="true"></span>
@@ -531,7 +619,7 @@ function attribute(value: unknown): any {
           tabindex="-1"
           :checked.attr="checkedProps.selected ? true : undefined"
           :disabled="checkedProps.disabled ?? undefined"
-          :aria-label="`Select ${checkedProps.label ?? ''}`"
+          :aria-label="guardedBinding3"
         ></label>
       <span class="leading" ref="leading"><slot name="leading" /></span>
       <span class="label" ref="label"><span class="label-text" ref="labelText"><slot name="label">{{
@@ -548,7 +636,7 @@ function attribute(value: unknown): any {
         <span><slot name="actions" /></span></span>
       <span class="drop-indicator row-drop-indicator" aria-hidden="true"></span>
     </div>
-    <div class="children" role="group" :hidden="guardedBinding2" ref="children"><slot /></div>
+    <div class="children" role="group" :hidden="guardedBinding4" ref="children"><slot /></div>
     <span class="drop-indicator subtree-drop-indicator" aria-hidden="true"></span>
   </div>
 </template>

package/vue/chunks/UiActionBar.js

@@ -32,6 +32,6 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-0d1b03c6"]]);
+}), [["__scopeId", "data-v-74e8d48c"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -130,6 +130,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0c7e6f0e"]]);
+}), [["__scopeId", "data-v-b2161056"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -335,6 +335,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-55aefae2"]]);
+}), [["__scopeId", "data-v-dcd14fb3"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -158,6 +158,11 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			if (!(overflowAnnouncement.value == null || typeof overflowAnnouncement.value === "string")) return guardedBindingPrevious;
 			return guardedBindingPrevious = overflowAnnouncement.value;
 		});
+		let guardedBinding2Previous;
+		const guardedBinding2 = computed(() => {
+			if (!(overflowCount.value == null || Number.isInteger(overflowCount.value))) return guardedBinding2Previous;
+			return guardedBinding2Previous = overflowCount.value;
+		});
 		provide("html-next:ui-avatar-group:overflowCount", overflowCount);
 		provide("html-next:ui-avatar-group:overflowAnnouncement", overflowAnnouncement);
 		const hydrationNode = hydrationInstance?.vnode.el;
@@ -221,12 +226,12 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				hidden: guarded.value,
 				"aria-label": guardedBinding.value,
 				ref: "overflow"
-			}, toDisplayString(`+${overflowCount.value}`), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}, toDisplayString(["+", guardedBinding2.value].join("")), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-29579f97"]]);
+}), [["__scopeId", "data-v-73428ead"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -169,6 +169,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-83521ab0"]]);
+}), [["__scopeId", "data-v-5d391e19"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -55,7 +55,25 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			if (value === null || value === void 0) return void 0;
 			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
 		}
-		const hydrationNode = getCurrentInstance()?.vnode.el;
+		const hydrationInstance = getCurrentInstance();
+		let guardedPrevious = null;
+		const guarded = computed(() => {
+			if (((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
+			}, concat(checkedProps.value.current)) === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = typeof ((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
+			}, concat(checkedProps.value.current)) === "boolean" ? String(((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
+			}, concat(checkedProps.value.current))) : attribute(((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
+			}, concat(checkedProps.value.current)));
+		});
+		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "li")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-breadcrumb-item> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
 			diagnostic: Object.freeze({
@@ -73,18 +91,15 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
 			return value === true ? "" : text(value);
 		}
+		function concat(...values) {
+			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
+			if (values.some((value) => value === void 0)) return void 0;
+			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
+			return values.map((value) => value === null ? "" : String(value)).join("");
+		}
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("li", mergeProps({ "data-component": "ui-breadcrumb-item" }, nativeAttrs(_ctx.$attrs), {
-				"aria-current": typeof {
-					true: "page",
-					false: null
-				}[`${checkedProps.value.current ?? ""}`] === "boolean" ? String({
-					true: "page",
-					false: null
-				}[`${checkedProps.value.current ?? ""}`]) : attribute({
-					true: "page",
-					false: null
-				}[`${checkedProps.value.current ?? ""}`]),
+				"aria-current": guarded.value,
 				"data-current": reflectedProp("current", "current", checkedProps.value.current, void 0, false),
 				"data-ui-breadcrumb-item-state": hostState.value || void 0
 			}), [createElementVNode("span", _hoisted_2, [createVNode(UiIcon_default, { name: "chevron-right" })]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -93,6 +108,6 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1974d6bb"]]);
+}), [["__scopeId", "data-v-e415386e"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -64,6 +64,6 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-56156dd9"]]);
+}), [["__scopeId", "data-v-291041fb"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };

package/vue/chunks/UiButton.js

@@ -382,6 +382,62 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const hydrationInstance = getCurrentInstance();
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
+		let guardedPrevious = null;
+		const guarded = computed(() => {
+			if (((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: null,
+				false: checkedProps.value.href
+			}, concat(checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending)) === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = attribute(((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: null,
+				false: checkedProps.value.href
+			}, concat(checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending)));
+		});
+		let guardedBindingPrevious = null;
+		const guardedBinding = computed(() => {
+			if (((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: "true",
+				false: null
+			}, concat(checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending)) === Symbol.for("html-next.invalid-result")) return guardedBindingPrevious;
+			return guardedBindingPrevious = typeof ((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: "true",
+				false: null
+			}, concat(checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending)) === "boolean" ? String(((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: "true",
+				false: null
+			}, concat(checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending))) : attribute(((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: "true",
+				false: null
+			}, concat(checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending)));
+		});
+		let guardedBinding2Previous = null;
+		const guardedBinding2 = computed(() => {
+			if (((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: "0",
+				false: null
+			}, concat((checkedProps.value.loading || checkedProps.value.pending) && !checkedProps.value.disabled)) === Symbol.for("html-next.invalid-result")) return guardedBinding2Previous;
+			return guardedBinding2Previous = attribute(((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: "0",
+				false: null
+			}, concat((checkedProps.value.loading || checkedProps.value.pending) && !checkedProps.value.disabled)));
+		});
+		let guardedBinding3Previous = null;
+		const guardedBinding3 = computed(() => {
+			if (((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: "true",
+				false: null
+			}, concat(checkedProps.value.loading || checkedProps.value.pending)) === Symbol.for("html-next.invalid-result")) return guardedBinding3Previous;
+			return guardedBinding3Previous = typeof ((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: "true",
+				false: null
+			}, concat(checkedProps.value.loading || checkedProps.value.pending)) === "boolean" ? String(((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: "true",
+				false: null
+			}, concat(checkedProps.value.loading || checkedProps.value.pending))) : attribute(((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: "true",
+				false: null
+			}, concat(checkedProps.value.loading || checkedProps.value.pending)));
+		});
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== (checkedProps.value.as === "a" ? "a" : "button"))) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-button> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -449,32 +505,23 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
 			return value === true ? "" : text(value);
 		}
+		function concat(...values) {
+			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
+			if (values.some((value) => value === void 0)) return void 0;
+			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
+			return values.map((value) => value === null ? "" : String(value)).join("");
+		}
 		return (_ctx, _cache) => {
 			return checkedProps.value.as === "a" ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
 				key: 0,
 				"data-component": "ui-button"
 			}, nativeAttrs(_ctx.$attrs), {
-				href: attribute({
-					true: null,
-					false: checkedProps.value.href
-				}[`${checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending}`]),
+				href: guarded.value,
 				target: checkedProps.value.target ?? void 0,
 				rel: checkedProps.value.rel ?? void 0,
-				"aria-disabled": typeof {
-					true: "true",
-					false: null
-				}[`${checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending}`] === "boolean" ? String({
-					true: "true",
-					false: null
-				}[`${checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending}`]) : attribute({
-					true: "true",
-					false: null
-				}[`${checkedProps.value.disabled || checkedProps.value.loading || checkedProps.value.pending}`]),
+				"aria-disabled": guardedBinding.value,
 				"aria-busy": checkedProps.value.loading || checkedProps.value.pending,
-				tabindex: attribute({
-					true: "0",
-					false: null
-				}[`${(checkedProps.value.loading || checkedProps.value.pending) && !checkedProps.value.disabled}`]),
+				tabindex: guardedBinding2.value,
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
@@ -500,16 +547,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, nativeAttrs(_ctx.$attrs), {
 				type: checkedProps.value.type ?? void 0,
 				disabled: checkedProps.value.disabled ?? void 0,
-				"aria-disabled": typeof {
-					true: "true",
-					false: null
-				}[`${checkedProps.value.loading || checkedProps.value.pending}`] === "boolean" ? String({
-					true: "true",
-					false: null
-				}[`${checkedProps.value.loading || checkedProps.value.pending}`]) : attribute({
-					true: "true",
-					false: null
-				}[`${checkedProps.value.loading || checkedProps.value.pending}`]),
+				"aria-disabled": guardedBinding3.value,
 				"aria-busy": checkedProps.value.loading || checkedProps.value.pending,
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
@@ -533,6 +571,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a77b2cb4"]]);
+}), [["__scopeId", "data-v-fb91f285"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -160,6 +160,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-46b53e77"]]);
+}), [["__scopeId", "data-v-f4a4d365"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCard.js

@@ -267,6 +267,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e63b391f"]]);
+}), [["__scopeId", "data-v-a4013a2b"]]);
 //#endregion
 export { UiCard_default as t };

package/vue/chunks/UiCheckbox.js

@@ -229,6 +229,11 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const inputElement = useTemplateRef("input");
 		const descriptionElement = useTemplateRef("description");
 		const internalChecked = ref(false);
+		let guardedPrevious;
+		computed(() => {
+			if (!(internalChecked.value == null || typeof internalChecked.value === "boolean")) return guardedPrevious;
+			return guardedPrevious = internalChecked.value;
+		});
 		provide("html-next:ui-checkbox:internalChecked", internalChecked);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "label")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-checkbox> has an incompatible root."), {
@@ -321,6 +326,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cb5d05aa"]]);
+}), [["__scopeId", "data-v-225de450"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -164,6 +164,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a8a66026"]]);
+}), [["__scopeId", "data-v-349dda87"]]);
 //#endregion
 export { UiCluster_default as t };