@threadlabs/looma 0.31.2 → 0.31.4

package/styles/ui-scroll-area.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-search-result-row.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-search-shell.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-section.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-select.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-separator.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-sidebar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-spinner.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-stack.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-status-message.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-swatch.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-switch.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-switcher.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-table.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-tabs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-text.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-textarea.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-toast-region.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }
@@ -223,3 +223,201 @@
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
+@scope ([data-slotted~="ui-toast-region"]:not([data-component])) to ([data-component], [data-slotted]) {
+/* This component's hooks style the element they are set on, and never a nested one. */
+    @property --ui-toast-region-surface {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-region-border {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-region-radius {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-region-shadow {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-region-enter-duration {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-region-exit-duration {
+      syntax: "*";
+      inherits: false;
+    }
+
+    :where([data-component~="ui-toast-region"]):where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="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;
+    }
+
+    :where([data-component~="ui-toast-region"]):not(:popover-open):where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))) {
+      display: none;
+    }
+
+    :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=top-start"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))), :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom-start"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))) {
+      left: auto;
+      right: auto;
+      inset-inline-start: calc(var(--ui-space-4) + env(safe-area-inset-left));
+      transform: none;
+    }
+
+    :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=top-end"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))), :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom-end"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))) {
+      left: auto;
+      right: auto;
+      inset-inline-end: calc(var(--ui-space-4) + env(safe-area-inset-right));
+      transform: none;
+    }
+
+    :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))), :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom-start"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))), :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom-end"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))) {
+      top: auto;
+      bottom: calc(var(--ui-space-4) + env(safe-area-inset-bottom));
+    }
+
+    .toast:where(:scope, :scope *) {
+      --_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;
+    }
+
+    .toast[data-tone="info"]:where(:scope, :scope *) {
+      --_ui-toast-region-accent: var(--ui-info-solid);
+      --_ui-toast-region-tone-surface: var(--ui-info-soft);
+    }
+    .toast[data-tone="success"]:where(:scope, :scope *) {
+      --_ui-toast-region-accent: var(--ui-success-solid);
+      --_ui-toast-region-tone-surface: var(--ui-success-soft);
+    }
+    .toast[data-tone="warning"]:where(:scope, :scope *) {
+      --_ui-toast-region-accent: var(--ui-warning-solid);
+      --_ui-toast-region-tone-surface: var(--ui-warning-soft);
+    }
+    .toast[data-tone="danger"]:where(:scope, :scope *) {
+      --_ui-toast-region-accent: var(--ui-danger-solid);
+      --_ui-toast-region-tone-surface: var(--ui-danger-soft);
+    }
+
+    /* Leaving slides on down and fades; the controller removes the toast when this ends. */
+    .toast.closing:where(:scope, :scope *) {
+      animation: ui-toast-exit var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease) both;
+      pointer-events: none;
+    }
+
+    :is(:where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom"], :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom-start"], :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom-end"]) .toast:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))) {
+      animation-name: ui-toast-enter-bottom;
+    }
+
+    :is(:where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom"], :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom-start"], :where([data-component~="ui-toast-region"])[data-ui-toast-region-state~="placement=bottom-end"]) .toast.closing:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))) {
+      animation-name: ui-toast-exit-bottom;
+    }
+
+    @keyframes ui-toast-enter {
+      from {
+        opacity: 0;
+        transform: translateY(-1rem);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+
+    @keyframes ui-toast-exit {
+      from {
+        opacity: 1;
+        transform: translateY(0);
+      }
+      to {
+        opacity: 0;
+        transform: translateY(0.75rem);
+      }
+    }
+
+    @keyframes ui-toast-enter-bottom {
+      from {
+        opacity: 0;
+        transform: translateY(1rem);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+
+    @keyframes ui-toast-exit-bottom {
+      from {
+        opacity: 1;
+        transform: translateY(0);
+      }
+      to {
+        opacity: 0;
+        transform: translateY(-0.75rem);
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .toast:where(:scope, :scope *), .toast.closing:where(:scope, :scope *) {
+        animation: none;
+      }
+    }
+
+    .message:where(:scope, :scope *) {
+      min-inline-size: 0;
+      align-self: center;
+    }
+
+    .dismiss:where(:scope, :scope *) {
+      align-self: center;
+    }
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
+    :where([data-component~="ui-toast-region"])[hidden]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast-region"]))) {
+      display: none;
+    }
+}

package/styles/ui-toast.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }
@@ -85,3 +85,79 @@
 @scope ([data-component~="ui-toast"]) to ([data-component]) {
 /* Component hooks stay on this toast; group overlay values may inherit from the region. */
 }
+@scope ([data-slotted~="ui-toast"]:not([data-component])) to ([data-component], [data-slotted]) {
+/* Component hooks stay on this toast; group overlay values may inherit from the region. */
+    @property --ui-toast-surface {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-border {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-radius {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-shadow {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-toast-accent {
+      syntax: "*";
+      inherits: false;
+    }
+
+    :where([data-component~="ui-toast"]):where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="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;
+    }
+
+    :where([data-component~="ui-toast"])[data-ui-toast-state~="tone=info"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast"]))) {
+      --_ui-toast-accent: var(--ui-info-solid);
+      --_ui-toast-surface: var(--ui-info-soft);
+    }
+    :where([data-component~="ui-toast"])[data-ui-toast-state~="tone=success"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast"]))) {
+      --_ui-toast-accent: var(--ui-success-solid);
+      --_ui-toast-surface: var(--ui-success-soft);
+    }
+    :where([data-component~="ui-toast"])[data-ui-toast-state~="tone=warning"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast"]))) {
+      --_ui-toast-accent: var(--ui-warning-solid);
+      --_ui-toast-surface: var(--ui-warning-soft);
+    }
+    :where([data-component~="ui-toast"])[data-ui-toast-state~="tone=danger"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast"]))) {
+      --_ui-toast-accent: var(--ui-danger-solid);
+      --_ui-toast-surface: var(--ui-danger-soft);
+    }
+
+    .message:where(:scope, :scope *) {
+      min-inline-size: 0;
+      flex: 1;
+    }
+    .action:not(:has(> *)):where(:scope, :scope *) {
+      display: none;
+    }
+    :where([data-component~="ui-toast"])[hidden]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-toast"]))) {
+      display: none;
+    }
+}

package/styles/ui-tooltip.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }

package/styles/ui-top-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. 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; }