@threadlabs/looma 0.31.3 → 0.31.5

package/vue/UiSidebar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 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'

package/vue/UiSpinner.vue

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

package/vue/UiStack.vue

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

package/vue/UiStatusMessage.vue

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

package/vue/UiSwatch.vue

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

package/vue/UiSwitch.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 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'

package/vue/UiSwitcher.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 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/UiTable.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 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/UiTabs.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 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'

package/vue/UiText.vue

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

package/vue/UiTextarea.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 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/UiToast.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -281,4 +281,65 @@ useComponentHost(() => import('../components/ui-toast/ui-toast.js'), {
     display: none;
   }
 }
+@scope ([data-slotted~="ui-toast"]:not([data-hn])) to ([data-hn], [data-slotted]) {
+  :global(:where(.ui-toast):where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast"]))):where([data-hn-ui-toast])) {
+    --_ui-toast-accent: var(--ui-border-strong);
+    --_ui-toast-surface: var(--ui-surface-muted);
+
+    display: flex;
+    align-items: center;
+    gap: var(--ui-space-2);
+    box-sizing: border-box;
+    inline-size: 100%;
+    margin: 0;
+    padding: var(--ui-space-3) var(--ui-space-4);
+    /* The close button's internal space supplies the rest of the trailing inset. */
+    padding-inline-end: var(--ui-space-2);
+    border: var(--ui-border-width) solid
+      var(
+        --ui-toast-border,
+        var(--ui-overlay-border, var(--ui-toast-accent, var(--_ui-toast-accent)))
+      );
+    border-radius: var(--ui-toast-radius, var(--ui-overlay-radius, var(--ui-radius-lg)));
+    background: var(--ui-toast-surface, var(--ui-overlay-surface, var(--_ui-toast-surface)));
+    color: var(--ui-text-primary);
+    font-family: var(--ui-font-family-sans);
+    font-size: var(--ui-font-size-sm);
+    font-weight: var(--ui-font-normal);
+    line-height: var(--ui-line-height-md);
+    box-shadow: var(
+      --ui-toast-shadow,
+      var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg)))
+    );
+    pointer-events: auto;
+  }
+
+  :global(:where(.ui-toast)[data-ui-toast-state~="tone=info"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast"]))):where([data-hn-ui-toast])) {
+    --_ui-toast-accent: var(--ui-info-solid);
+    --_ui-toast-surface: var(--ui-info-soft);
+  }
+  :global(:where(.ui-toast)[data-ui-toast-state~="tone=success"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast"]))):where([data-hn-ui-toast])) {
+    --_ui-toast-accent: var(--ui-success-solid);
+    --_ui-toast-surface: var(--ui-success-soft);
+  }
+  :global(:where(.ui-toast)[data-ui-toast-state~="tone=warning"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast"]))):where([data-hn-ui-toast])) {
+    --_ui-toast-accent: var(--ui-warning-solid);
+    --_ui-toast-surface: var(--ui-warning-soft);
+  }
+  :global(:where(.ui-toast)[data-ui-toast-state~="tone=danger"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast"]))):where([data-hn-ui-toast])) {
+    --_ui-toast-accent: var(--ui-danger-solid);
+    --_ui-toast-surface: var(--ui-danger-soft);
+  }
+
+  :global(.message:where(:scope, :scope *):where([data-hn-ui-toast])) {
+    min-inline-size: 0;
+    flex: 1;
+  }
+  :global(.action:not(:has(> *)):where(:scope, :scope *):where([data-hn-ui-toast])) {
+    display: none;
+  }
+  :global(:where(.ui-toast)[hidden]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast"]))):where([data-hn-ui-toast])) {
+    display: none;
+  }
+}
 </style>

package/vue/UiToastRegion.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -512,4 +512,145 @@ useComponentHost(() => import('../components/ui-toast-region/ui-toast-region.js'
     display: none;
   }
 }
+
+@scope ([data-slotted~="ui-toast-region"]:not([data-hn])) to ([data-hn], [data-slotted]) {
+  :global(:where(.ui-toast-region):where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])) {
+    /* Hooks do not inherit, so the parts below read them from the root. */
+    --_ui-toast-region-surface: var(--ui-toast-region-surface);
+    --_ui-toast-region-border: var(--ui-toast-region-border);
+    --_ui-toast-region-radius: var(--ui-toast-region-radius);
+    --_ui-toast-region-shadow: var(--ui-toast-region-shadow);
+    --_ui-toast-region-enter-duration: var(--ui-toast-region-enter-duration);
+    --_ui-toast-region-exit-duration: var(--ui-toast-region-exit-duration);
+
+    position: fixed;
+    top: calc(var(--ui-space-4) + env(safe-area-inset-top));
+    right: auto;
+    bottom: auto;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 9999;
+    display: grid;
+    gap: var(--ui-space-2);
+    inline-size: min(24rem, calc(100vw - var(--ui-space-4) * 2));
+    max-inline-size: 100%;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    overflow: visible;
+    border: 0;
+    outline: 0;
+    background: transparent;
+    box-shadow: none;
+    pointer-events: none;
+  }
+
+  :global(:where(.ui-toast-region):not(:popover-open):where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])) {
+    display: none;
+  }
+
+  :global(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=top-start"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])),
+  :global(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom-start"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])) {
+    left: auto;
+    right: auto;
+    inset-inline-start: calc(var(--ui-space-4) + env(safe-area-inset-left));
+    transform: none;
+  }
+
+  :global(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=top-end"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])),
+  :global(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom-end"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])) {
+    left: auto;
+    right: auto;
+    inset-inline-end: calc(var(--ui-space-4) + env(safe-area-inset-right));
+    transform: none;
+  }
+
+  :global(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])),
+  :global(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom-start"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])),
+  :global(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom-end"]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])) {
+    top: auto;
+    bottom: calc(var(--ui-space-4) + env(safe-area-inset-bottom));
+  }
+
+  :global(.toast:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+    --_ui-toast-region-accent: var(--ui-border-strong);
+    --_ui-toast-region-tone-surface: var(--ui-surface-muted);
+    display: grid;
+    grid-template-columns: 1fr auto;
+    gap: var(--ui-space-2);
+    align-items: start;
+    border: var(--ui-border-width) solid
+      var(--_ui-toast-region-border, var(--ui-overlay-border, var(--_ui-toast-region-accent)));
+    border-radius: var(--_ui-toast-region-radius, var(--ui-overlay-radius, var(--ui-radius-lg)));
+    padding: var(--ui-space-3) var(--ui-space-4);
+    /* The close button's internal space supplies the rest of the trailing inset. */
+    padding-inline-end: var(--ui-space-2);
+    background: var(
+      --_ui-toast-region-surface,
+      var(--ui-overlay-surface, var(--_ui-toast-region-tone-surface))
+    );
+    color: var(--ui-text-primary);
+    font-family: var(--ui-font-family-sans);
+    font-size: var(--ui-font-size-sm);
+    font-weight: var(--ui-font-normal);
+    line-height: var(--ui-line-height-md);
+    box-shadow: var(
+      --_ui-toast-region-shadow,
+      var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg)))
+    );
+    animation: ui-toast-enter var(--_ui-toast-region-enter-duration, 0.32s)
+      var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
+  }
+
+  :global(.toast[data-tone="info"]:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+    --_ui-toast-region-accent: var(--ui-info-solid);
+    --_ui-toast-region-tone-surface: var(--ui-info-soft);
+  }
+  :global(.toast[data-tone="success"]:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+    --_ui-toast-region-accent: var(--ui-success-solid);
+    --_ui-toast-region-tone-surface: var(--ui-success-soft);
+  }
+  :global(.toast[data-tone="warning"]:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+    --_ui-toast-region-accent: var(--ui-warning-solid);
+    --_ui-toast-region-tone-surface: var(--ui-warning-soft);
+  }
+  :global(.toast[data-tone="danger"]:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+    --_ui-toast-region-accent: var(--ui-danger-solid);
+    --_ui-toast-region-tone-surface: var(--ui-danger-soft);
+  }
+  :global(.toast.closing:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+    animation: ui-toast-exit var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease)
+      both;
+    pointer-events: none;
+  }
+
+  :global(:is(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom"], :where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom-start"], :where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom-end"])
+    .toast:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])) {
+    animation-name: ui-toast-enter-bottom;
+  }
+
+  :global(:is(:where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom"], :where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom-start"], :where(.ui-toast-region)[data-ui-toast-region-state~="placement=bottom-end"])
+    .toast.closing:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])) {
+    animation-name: ui-toast-exit-bottom;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :global(.toast:where(:scope, :scope *):where([data-hn-ui-toast-region])),
+    :global(.toast.closing:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+      animation: none;
+    }
+  }
+
+  :global(.message:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+    min-inline-size: 0;
+    align-self: center;
+  }
+
+  :global(.dismiss:where(:scope, :scope *):where([data-hn-ui-toast-region])) {
+    align-self: center;
+  }
+  :global(:where(.ui-toast-region)[hidden]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-toast-region"]))):where([data-hn-ui-toast-region])) {
+    display: none;
+  }
+}
 </style>

package/vue/UiTooltip.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 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.67 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.69 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { checkHydratedRoot, nativeAttrs } from './host'
 

package/vue/UiTree.vue

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