@threadlabs/looma 0.29.11 → 0.29.12

package/vue/chunks/UiSection.js

@@ -146,6 +146,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-47630442"]]);
+}), [["__scopeId", "data-v-6b246327"]]);
 //#endregion
 export { UiSection_default as t };

package/vue/chunks/UiSelect.js

@@ -211,6 +211,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-653dc582"]]);
+}), [["__scopeId", "data-v-8fdb0955"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSeparator.js

@@ -131,6 +131,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c9f4e41b"]]);
+}), [["__scopeId", "data-v-8499a3d4"]]);
 //#endregion
 export { UiSeparator_default as t };

package/vue/chunks/UiSidebar.js

@@ -342,6 +342,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cb33cede"]]);
+}), [["__scopeId", "data-v-2eff9ac6"]]);
 //#endregion
 export { UiSidebar_default as t };

package/vue/chunks/UiSpinner.js

@@ -166,6 +166,6 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e50f176a"]]);
+}), [["__scopeId", "data-v-39d314ea"]]);
 //#endregion
 export { UiSpinner_default as t };

package/vue/chunks/UiStack.js

@@ -171,6 +171,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-db70d8a8"]]);
+}), [["__scopeId", "data-v-8e64a673"]]);
 //#endregion
 export { UiStack_default as t };

package/vue/chunks/UiStatusMessage.js

@@ -162,6 +162,6 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b6f25bbf"]]);
+}), [["__scopeId", "data-v-fdca0f12"]]);
 //#endregion
 export { UiStatusMessage_default as t };

package/vue/chunks/UiSwatch.js

@@ -74,6 +74,6 @@ var UiSwatch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b2abfd76"]]);
+}), [["__scopeId", "data-v-9c0b95c5"]]);
 //#endregion
 export { UiSwatch_default as t };

package/vue/chunks/UiSwitch.js

@@ -277,6 +277,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-05a12bef"]]);
+}), [["__scopeId", "data-v-db359371"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiSwitcher.js

@@ -182,6 +182,6 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2da20c5a"]]);
+}), [["__scopeId", "data-v-15878350"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTable.js

@@ -110,6 +110,6 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e34d4b6b"]]);
+}), [["__scopeId", "data-v-e8ce5e2d"]]);
 //#endregion
 export { UiTable_default as t };

package/vue/chunks/UiTabs.js

@@ -317,6 +317,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-488a1e08"]]);
+}), [["__scopeId", "data-v-ca8d7194"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiText.js

@@ -698,6 +698,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f5d036b1"]]);
+}), [["__scopeId", "data-v-007f4ffd"]]);
 //#endregion
 export { UiText_default as t };

package/vue/chunks/UiTextarea.js

@@ -303,6 +303,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0bacb050"]]);
+}), [["__scopeId", "data-v-a17c3eb9"]]);
 //#endregion
 export { UiTextarea_default as t };

package/vue/chunks/UiToast.js

@@ -156,6 +156,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-95963155"]]);
+}), [["__scopeId", "data-v-16a93365"]]);
 //#endregion
 export { UiToast_default as t };

package/vue/chunks/UiToastRegion.js

@@ -256,6 +256,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ae90d81c"]]);
+}), [["__scopeId", "data-v-4af986cc"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -283,6 +283,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ad93de7f"]]);
+}), [["__scopeId", "data-v-de7b5e63"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -36,6 +36,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-07a1e39d"]]);
+}), [["__scopeId", "data-v-5f781fcb"]]);
 //#endregion
 export { UiTopBar_default as t };

package/vue/chunks/UiTree.js

@@ -269,6 +269,6 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ce22a908"]]);
+}), [["__scopeId", "data-v-11e6bf73"]]);
 //#endregion
 export { UiTree_default as t };

package/vue/chunks/UiTreeItem.js

@@ -690,6 +690,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9af20e85"]]);
+}), [["__scopeId", "data-v-94992850"]]);
 //#endregion
 export { UiTreeItem_default as t };

package/vue/components.css

@@ -939,12 +939,12 @@ ol:where([data-hn-ui-breadcrumbs]) {
 }
 
 /* A rounded SVG arc grows and recedes over a quiet full-circle track. */
-@keyframes ui-spinner-rotate-e50f176a {
+@keyframes ui-spinner-rotate-39d314ea {
 100% {
     transform: rotate(1turn);
 }
 }
-@keyframes ui-spinner-dash-e50f176a {
+@keyframes ui-spinner-dash-39d314ea {
 0% {
     stroke-dasharray: 1, 150;
     stroke-dashoffset: 0;
@@ -980,7 +980,7 @@ svg {
     display: block;
     inline-size: 100%;
     block-size: 100%;
-    animation: ui-spinner-rotate-e50f176a 2s linear infinite;
+    animation: ui-spinner-rotate-39d314ea 2s linear infinite;
 }
 circle {
     stroke-width: 3;
@@ -993,7 +993,7 @@ circle {
     stroke: currentColor;
     stroke-dasharray: 90, 150;
     stroke-dashoffset: 0;
-    animation: ui-spinner-dash-e50f176a 1.5s ease-in-out infinite;
+    animation: ui-spinner-dash-39d314ea 1.5s ease-in-out infinite;
 }
 @media (prefers-reduced-motion: reduce) {
 svg,.arc {
@@ -1777,7 +1777,7 @@ html[data-ui-input-modality="touch"]
 /* The label, and under it an optional line saying what the choice means. */
 
 /* Centre the tick's box and lift it slightly for the rotated check shape. */
-@keyframes ui-checkbox-check-ec105bae {
+@keyframes ui-checkbox-check-6e1c7414 {
 from {
     opacity: 0;
     transform: translateY(-0.09rem) rotate(45deg) scale(0.55);
@@ -1872,7 +1872,7 @@ input:checked:where([data-hn-ui-checkbox])::after {
     border-width: 0 0.125rem 0.125rem 0;
     opacity: 1;
     transform: translateY(-0.09rem) rotate(45deg);
-    animation: ui-checkbox-check-ec105bae 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1))
+    animation: ui-checkbox-check-6e1c7414 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1))
       both;
 }
 input:indeterminate:where([data-hn-ui-checkbox])::after {
@@ -3036,13 +3036,13 @@ dd:where([data-hn-ui-description-item]) {
 /* A CSS-drawn X. */
 
 /* A touch target, like Button on coarse pointers. */
-@keyframes ui-dialog-enter-c6c839fc {
+@keyframes ui-dialog-enter-c6e7c0af {
 from {
     opacity: 0;
     transform: scale(0.96);
 }
 }
-@keyframes ui-dialog-backdrop-enter-c6c839fc {
+@keyframes ui-dialog-backdrop-enter-c6e7c0af {
 from {
     background-color: transparent;
 }
@@ -3090,7 +3090,7 @@ from {
     pointer-events: auto;
     opacity: 1;
     transform: scale(1);
-    animation: ui-dialog-enter-c6c839fc var(--ui-dialog-duration, var(--ui-motion-base))
+    animation: ui-dialog-enter-c6e7c0af var(--ui-dialog-duration, var(--ui-motion-base))
       var(--ui-motion-ease);
 }
 :scope[data-ui-dialog-state~="size=sm"]:where([data-hn-ui-dialog]) {
@@ -3208,7 +3208,7 @@ footer:empty:where([data-hn-ui-dialog]) {
 }
 :scope[open]:modal:where([data-hn-ui-dialog])::backdrop {
     background-color: var(--ui-overlay-backdrop);
-    animation: ui-dialog-backdrop-enter-c6c839fc var(--_ui-dialog-duration, var(--ui-motion-base))
+    animation: ui-dialog-backdrop-enter-c6e7c0af var(--_ui-dialog-duration, var(--ui-motion-base))
       var(--ui-motion-ease);
 }
 :scope[open][data-ui-backdrop-hidden]:where([data-hn-ui-dialog])::backdrop {
@@ -9432,7 +9432,7 @@ input:where([data-hn-ui-switch]),input:where([data-hn-ui-switch])::after {
 }
 
 /* Leaving slides on down and fades; the controller removes the toast when this ends. */
-@keyframes ui-toast-enter-ae90d81c {
+@keyframes ui-toast-enter-4af986cc {
 from {
     opacity: 0;
     transform: translateY(-1rem);
@@ -9442,7 +9442,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-ae90d81c {
+@keyframes ui-toast-exit-4af986cc {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9452,7 +9452,7 @@ to {
     transform: translateY(0.75rem);
 }
 }
-@keyframes ui-toast-enter-bottom-ae90d81c {
+@keyframes ui-toast-enter-bottom-4af986cc {
 from {
     opacity: 0;
     transform: translateY(1rem);
@@ -9462,7 +9462,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-bottom-ae90d81c {
+@keyframes ui-toast-exit-bottom-4af986cc {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9553,7 +9553,7 @@ to {
       --_ui-toast-region-shadow,
       var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg)))
     );
-    animation: ui-toast-enter-ae90d81c var(--_ui-toast-region-enter-duration, 0.32s)
+    animation: ui-toast-enter-4af986cc var(--_ui-toast-region-enter-duration, 0.32s)
       var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
 }
 .toast[data-tone="info"]:where([data-hn-ui-toast-region]) {
@@ -9573,17 +9573,17 @@ to {
     --_ui-toast-region-tone-surface: var(--ui-danger-soft);
 }
 .toast.closing:where([data-hn-ui-toast-region]) {
-    animation: ui-toast-exit-ae90d81c var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease)
+    animation: ui-toast-exit-4af986cc var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease)
       both;
     pointer-events: none;
 }
 :is(:scope[data-ui-toast-region-state~="placement=bottom"], :scope[data-ui-toast-region-state~="placement=bottom-start"], :scope[data-ui-toast-region-state~="placement=bottom-end"])
     .toast:where([data-hn-ui-toast-region]) {
-    animation-name: ui-toast-enter-bottom-ae90d81c;
+    animation-name: ui-toast-enter-bottom-4af986cc;
 }
 :is(:scope[data-ui-toast-region-state~="placement=bottom"], :scope[data-ui-toast-region-state~="placement=bottom-start"], :scope[data-ui-toast-region-state~="placement=bottom-end"])
     .toast.closing:where([data-hn-ui-toast-region]) {
-    animation-name: ui-toast-exit-bottom-ae90d81c;
+    animation-name: ui-toast-exit-bottom-4af986cc;
 }
 @media (prefers-reduced-motion: reduce) {
 .toast:where([data-hn-ui-toast-region]),.toast.closing:where([data-hn-ui-toast-region]) {
@@ -9784,7 +9784,7 @@ to {
    slides, the label reaches back under the icon (the controller measures how far) with its text
    where it was, and fades out across the gap before the icon, fully gone where the icon begins
    to cover it: the name slips under the icon rather than stopping at a hard edge beside it. */
-@keyframes ui-tree-item-marquee-9af20e85 {
+@keyframes ui-tree-item-marquee-94992850 {
 from {
     transform: translateX(0);
 }
@@ -10040,7 +10040,7 @@ to {
 .row[data-ui-marquee] > .label > .label-text:where([data-hn-ui-tree-item]) {
     /* Once per pass: the controller restarts it after a rest at the end, so the name holds still
        long enough to read rather than sliding back and forth. */
-    animation: ui-tree-item-marquee-9af20e85 var(--_marquee-duration) linear 0.5s 1 normal forwards;
+    animation: ui-tree-item-marquee-94992850 var(--_marquee-duration) linear 0.5s 1 normal forwards;
     will-change: transform;
 }
 .row[data-ui-marquee] > .label:where([data-hn-ui-tree-item]) {
@@ -10965,7 +10965,7 @@ html[data-ui-input-modality="touch"]
   width: 3px;
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11514,7 +11514,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11615,7 +11615,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11746,7 +11746,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11792,7 +11792,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12268,7 +12268,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12366,7 +12366,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12530,7 +12530,7 @@ html[data-ui-input-modality="touch"]
     @media (prefers-reduced-motion: reduce) {
     }
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12725,7 +12725,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12858,7 +12858,7 @@ html[data-ui-input-modality="touch"]
     @media (prefers-reduced-motion: reduce) {
     }
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12945,7 +12945,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13099,7 +13099,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13344,7 +13344,7 @@ html[data-ui-input-modality="touch"]
     @media (prefers-reduced-motion: reduce) {
     }
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13565,7 +13565,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13789,7 +13789,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -14000,7 +14000,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -14055,7 +14055,7 @@ html[data-ui-input-modality="touch"]
 
     /* The root is the hr, so the rules name :host; a bare hr matches only a descendant. */
 }
-/* Generated by HTML Next 1.0.0-alpha.56. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -14235,4 +14235,164 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
+/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
+@supports (-moz-appearance: none) {
+:where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
+:where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
+}
+@supports (-moz-appearance: none) {
+[data-component~="ui-image"] { --html-next-scope-owner: "ui-image" !important; }
+}
+@scope ([data-component~="ui-image"]) to ([data-component], [data-slotted]) {
+:scope:where([data-component~="ui-image"]) {
+      display: flex;
+      justify-content: flex-start;
+      box-sizing: border-box;
+      max-inline-size: 100%;
+      min-inline-size: 0;
+      margin: 0;
+      padding: var(--ui-space-3) 0;
+    }
+    :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=center"] {
+      justify-content: center;
+    }
+    :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-left"] {
+      float: left;
+      padding-inline-end: var(--ui-space-4);
+    }
+    :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-right"] {
+      float: right;
+      padding-inline-start: var(--ui-space-4);
+    }
+    :scope:where([data-component~="ui-image"]):is(:scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-left"], :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-right"]) {
+      inline-size: calc(var(--_ui-image-width, calc(100% / 3)) + var(--ui-space-4));
+    }
+    :scope:where([data-component~="ui-image"]):is(:scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-left"], :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-right"]) .frame {
+      inline-size: 100%;
+    }
+    .frame {
+      position: relative;
+      flex: 0 1 auto;
+      inline-size: var(--_ui-image-width, fit-content);
+      max-inline-size: 100%;
+      min-inline-size: 0;
+      align-self: flex-start;
+      border-radius: var(--ui-radius-md);
+    }
+    :scope:where([data-component~="ui-image"])[data-ui-image-state~="selected"] .frame {
+      outline: var(--ui-focus-width) solid var(--ui-focus-ring);
+      outline-offset: var(--ui-border-width);
+    }
+    .handle {
+      position: absolute;
+      z-index: 1;
+      inline-size: 24px;
+      block-size: 24px;
+      padding: 0;
+      border: 0;
+      background: transparent;
+      touch-action: none;
+    }
+    .handle:where(:not([data-component], [data-slotted]))::after {
+      content: "";
+      position: absolute;
+      inset: 8px;
+      background: var(--ui-surface);
+      border: var(--ui-border-width) solid var(--ui-focus-ring);
+      border-radius: var(--ui-radius-sm);
+    }
+    .handle:focus-visible {
+      outline: var(--ui-focus-width) solid var(--ui-focus-ring);
+      border-radius: var(--ui-radius-sm);
+    }
+    .handle[data-corner="top-left"] {
+      top: -12px;
+      left: -12px;
+      cursor: nwse-resize;
+    }
+    .handle[data-corner="top-right"] {
+      top: -12px;
+      right: -12px;
+      cursor: nesw-resize;
+    }
+    .handle[data-corner="bottom-left"] {
+      bottom: -12px;
+      left: -12px;
+      cursor: nesw-resize;
+    }
+    .handle[data-corner="bottom-right"] {
+      bottom: -12px;
+      right: -12px;
+      cursor: nwse-resize;
+    }
+    .handles[hidden], :scope:where([data-component~="ui-image"])[hidden] {
+      display: none;
+    }
+    @media (max-width: 767px) {
+      :scope:where([data-component~="ui-image"]):is(:scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-left"], :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-right"]) {
+        float: none;
+        inline-size: 100%;
+        padding-inline: 0;
+      }
+      :scope:where([data-component~="ui-image"]):is(:scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-left"], :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-right"]) .handles {
+        display: none;
+      }
+    }
+    @media (pointer: coarse) {
+      .handle {
+        inline-size: 44px;
+        block-size: 44px;
+      }
+      .handle:where(:not([data-component], [data-slotted]))::after {
+        inset: 18px;
+      }
+      .handle[data-corner="top-left"] {
+        top: -22px;
+        left: -22px;
+      }
+      .handle[data-corner="top-right"] {
+        top: -22px;
+        right: -22px;
+      }
+      .handle[data-corner="bottom-left"] {
+        bottom: -22px;
+        left: -22px;
+      }
+      .handle[data-corner="bottom-right"] {
+        bottom: -22px;
+        right: -22px;
+      }
+    }
+    @media (forced-colors: active) {
+      :scope:where([data-component~="ui-image"])[data-ui-image-state~="selected"] .frame, .handle:focus-visible {
+        outline-color: Highlight;
+      }
+      .handle:where(:not([data-component], [data-slotted]))::after {
+        border-color: Highlight;
+        background: Canvas;
+      }
+    }
+}
+@scope ([data-component~="ui-image"]) to ([data-component]) {
+:scope:where([data-component~="ui-image"]):is(:scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-left"], :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-right"]) .frame img,
+    :scope:where([data-component~="ui-image"]):is(:scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-left"], :scope:where([data-component~="ui-image"])[data-ui-image-state~="placement=wrap-right"]) .frame :where([data-slotted], [data-slotted] *):is(img) {
+      inline-size: 100%;
+    }
+    .frame img, .frame :where([data-slotted], [data-slotted] *):is(img) {
+      display: block;
+      max-inline-size: 100%;
+      block-size: auto;
+      margin: 0;
+      border-radius: inherit;
+    }
+    :scope:where([data-component~="ui-image"])[data-resizing] .frame img, :scope:where([data-component~="ui-image"])[data-resizing] .frame :where([data-slotted], [data-slotted] *):is(img) {
+      inline-size: 100%;
+    }
+    @media (max-width: 767px) {
+    }
+    @media (pointer: coarse) {
+    }
+    @media (forced-colors: active) {
+    }
+}
 /*$vite$:1*/