@nonoun/native-ui 0.2.7 → 0.2.9

package/dist/native-ui.css

@@ -1374,21 +1374,6 @@
 
 
 
-  /* ── Popover Anchor Positioning ──
-     Shared anchor-to-trigger positioning for dropdown popovers.
-     Coordinators (select, combobox) use this for their popover listbox. */
-
-  :where(ui-select) > :where(ui-listbox[popover]),
-  :where(ui-combobox) > :where(ui-listbox[popover]) {
-    position: fixed;
-    position-area: block-end span-inline-end;
-    position-try-fallbacks: flip-block;
-    margin: var(--ui-popover-gap) 0 0;
-    min-width: anchor-size(inline);
-    max-height: var(--ui-popover-max-height);
-    overflow-y: auto;
-  }
-
   /* ── Container-Level Disabled ──
      Containers that disable all children use aria-disabled="true".
      Disabled colors propagate via inheritance — children inherit the muted text.
@@ -1510,6 +1495,7 @@
     /* Popover (select / combobox / command) */
     --ui-popover-max-height: calc(100dvh - 2rem);
     --ui-popover-gap: 0.25rem;
+    --ui-popover-viewport-margin: 0.5rem;
 
     /* Drawer */
     --ui-drawer-width: 24rem;
@@ -2080,6 +2066,57 @@
   }
 }
 
+@layer ui {
+
+  /* ── Icon Base ── */
+
+  :where(ui-icon) {
+    --ui-icon-size: var(--_icon-size);
+    --ui-icon-color: currentColor;
+
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--ui-icon-size);
+    height: var(--ui-icon-size);
+    color: var(--ui-icon-color);
+    flex-shrink: 0;
+    vertical-align: middle;
+    line-height: 0;
+  }
+
+  :where(ui-icon) > :where(svg) {
+    width: 100%;
+    height: 100%;
+  }
+
+  /* WHY: Unregistered icons (no SVG content) should collapse to zero size
+     so surrounding buttons/slots don't render with phantom dimensions */
+  :where(ui-icon:empty) {
+    width: 0;
+    height: 0;
+    overflow: hidden;
+  }
+
+  /* ── Icon Size Variants ── */
+
+  :where(ui-icon[size="xs"]) { --ui-icon-size: var(--ui-icon-xs); }
+  :where(ui-icon[size="sm"]) { --ui-icon-size: var(--ui-icon-sm); }
+  :where(ui-icon[size="md"]) { --ui-icon-size: var(--ui-icon-md); }
+  :where(ui-icon[size="lg"]) { --ui-icon-size: var(--ui-icon-lg); }
+  :where(ui-icon[size="xl"]) { --ui-icon-size: var(--ui-icon-xl); }
+
+  /* ── Forced Colors ── */
+
+  @media (forced-colors: active) {
+    :where(ui-icon) {
+      --ui-icon-color: ButtonText;
+    }
+  }
+
+}
+
 @layer ui {
 
   /* ── Accordion Container ── */
@@ -2556,7 +2593,8 @@
     display: inline-flex;
     flex-direction: column;
     gap: calc(var(--_space));
-    padding: calc(var(--_space) * 2);
+    padding-block: calc(var(--_space) * 2);
+    padding-inline: calc(var(--_space) * 2);
     border: 1px solid var(--_border-color);
     border-radius: var(--_radius);
     background: var(--_background);
@@ -2768,11 +2806,17 @@
   }
 
   :where(ui-calendar) :where([data-range-start]) {
-    border-radius: calc(var(--_radius) - var(--_space)) 0 0 calc(var(--_radius) - var(--_space));
+    border-start-start-radius: calc(var(--_radius) - var(--_space));
+    border-end-start-radius: calc(var(--_radius) - var(--_space));
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
   }
 
   :where(ui-calendar) :where([data-range-end]) {
-    border-radius: 0 calc(var(--_radius) - var(--_space)) calc(var(--_radius) - var(--_space)) 0;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    border-start-end-radius: calc(var(--_radius) - var(--_space));
+    border-end-end-radius: calc(var(--_radius) - var(--_space));
   }
 
   :where(ui-calendar) :where([data-range-start][data-range-end]) {
@@ -3112,13 +3156,16 @@
 
   /* ── Active (pressed) ── */
 
-  :where(ui-checkbox)[pressed]::before {
+  :where(ui-checkbox)[pressed]::before,
+  :where(ui-checkbox)[force-active]::before {
     background: var(--_background-active, var(--_widget-active));
     border-color: var(--_border-color-active, var(--_border-active));
   }
 
   :where(ui-checkbox)[aria-checked="true"][pressed]::before,
-  :where(ui-checkbox)[aria-checked="mixed"][pressed]::before {
+  :where(ui-checkbox)[aria-checked="mixed"][pressed]::before,
+  :where(ui-checkbox)[aria-checked="true"][force-active]::before,
+  :where(ui-checkbox)[aria-checked="mixed"][force-active]::before {
     background: var(--_surface-active);
     border-color: var(--_surface-active);
   }
@@ -3175,6 +3222,23 @@
     cursor: text;
   }
 
+  /* ── Popover Listbox Positioning ──
+     WHY: Must come after ui-listbox.css base rule (which sets min-width: 0
+     for flex-child shrinking) so min-width: anchor-size(inline) wins by
+     source order — both are zero-specificity via :where(). */
+
+  :where(ui-combobox) > :where(ui-listbox[popover]) {
+    position: fixed;
+    position-area: block-end span-inline-end;
+    position-try-fallbacks: flip-block;
+    margin-block: var(--ui-popover-viewport-margin);
+    margin-inline: 0;
+    margin-block-start: var(--ui-popover-gap);
+    min-width: anchor-size(inline);
+    max-height: var(--ui-popover-max-height);
+    overflow-y: auto;
+  }
+
 }
 
 @layer ui {
@@ -3227,7 +3291,8 @@
   :where(ui-command-list) {
     overflow-y: auto;
     max-height: var(--ui-popover-max-height);
-    padding: var(--_space);
+    padding-block: var(--_space);
+    padding-inline: var(--_space);
   }
 
   /* ── Command Group ── */
@@ -3319,7 +3384,8 @@
   }
 
   :where(ui-dialog) > :where(dialog)::backdrop {
-    background: var(--ui-backdrop-color) / var(--ui-backdrop-opacity);
+    background: var(--ui-backdrop-color);
+    opacity: var(--ui-backdrop-opacity);
   }
 
 }
@@ -3359,7 +3425,8 @@
   /* WHY: Animate backdrop opacity on open for a smooth reveal. */
 
   :where(ui-drawer) > :where(dialog)::backdrop {
-    background: var(--ui-backdrop-color) / var(--ui-backdrop-opacity);
+    background: var(--ui-backdrop-color);
+    opacity: var(--ui-backdrop-opacity);
     animation: drawer-backdrop-in var(--_duration) ease-out;
   }
 
@@ -3821,7 +3888,8 @@
     min-width: 0;
     flex-direction: column;
     gap: 0;
-    padding: var(--_space);
+    padding-block: var(--_space);
+    padding-inline: var(--_space);
     border-radius: var(--_radius);
     border: 1px solid var(--_border-color, var(--_border-rest));
     background: var(--_background, var(--_control));
@@ -3837,6 +3905,39 @@
     display: none;
   }
 
+  /* ── Popover Animation ──
+     WHY: Shared entry/exit transition for all popover listboxes.
+     Context CSS overrides --_popover-origin and --_popover-from
+     to match the popover's anchor direction (e.g. sidebar flyouts
+     open to the right → rotateY instead of rotateX). */
+
+  :where(ui-listbox[popover]) {
+    --_popover-origin: top center;
+    --_popover-from: perspective(800px) scale(0.96) rotateX(-20deg);
+
+    transform-origin: var(--_popover-origin);
+    opacity: 0;
+    transform: var(--_popover-from);
+
+    transition:
+      opacity var(--_duration) var(--_easing),
+      transform var(--_duration) var(--_easing),
+      display var(--_duration) var(--_easing) allow-discrete,
+      overlay var(--_duration) var(--_easing) allow-discrete;
+  }
+
+  :where(ui-listbox[popover]):popover-open {
+    opacity: 1;
+    transform: none;
+  }
+
+  @starting-style {
+    :where(ui-listbox[popover]):popover-open {
+      opacity: 0;
+      transform: var(--_popover-from);
+    }
+  }
+
   /* ── Option / Command Item Base ── */
 
   :where(ui-option, ui-command-item, [role="option"]) {
@@ -4001,10 +4102,6 @@
     color: var(--_ink-hover);
   }
 
-  :where(ui-nav-item)[active] {
-    color: var(--_ink-hover);
-  }
-
   :where(ui-nav-item):active,
   :where(ui-nav-item)[force-active] {
     color: var(--_ink-active);
@@ -4229,10 +4326,15 @@
      instead of expanding the <details>. Same pattern as sidebar-trigger menus. */
 
   :where(ui-nav-group) > :where(ui-listbox.nav-group-flyout[popover]) {
+    --_popover-origin: left center;
+    --_popover-from: perspective(800px) scale(0.96) rotateY(20deg);
+
     position: fixed;
     position-area: inline-end span-block-end;
     position-try-fallbacks: --nav-flyout-flip-up;
-    margin: 0 0 0 var(--ui-popover-gap);
+    margin-block: var(--ui-popover-viewport-margin);
+    margin-inline: 0;
+    margin-inline-start: var(--ui-popover-gap);
     min-width: 200px;
     max-height: var(--ui-popover-max-height);
     overflow-y: auto;
@@ -4242,6 +4344,10 @@
     position-area: inline-end span-block-start;
   }
 
+  @position-try --nav-flyout-flip-down {
+    position-area: inline-end span-block-end;
+  }
+
   /* ── Container Query: Collapsed Sidebar ── */
   /* WHY: Nav components own their own collapsed behavior via @container.
      The sidebar aside declares container-name: sidebar. When it shrinks
@@ -4285,6 +4391,14 @@
       font-size: var(--_font-size, 1rem);
     }
 
+    /* WHY: In collapsed mode the group is a small icon — centering
+       the flyout vertically with the anchor is more natural than top-aligning.
+       Fallbacks handle viewport clipping (top/bottom edge). */
+    :where(ui-nav-group) > :where(ui-listbox.nav-group-flyout[popover]) {
+      position-area: inline-end;
+      position-try-fallbacks: --nav-flyout-flip-up, --nav-flyout-flip-down;
+    }
+
     /* Collapse inter-group spacing in icon rail. */
     :where(ui-nav-group) + :where(ui-nav-group) {
       margin-block-start: 0;
@@ -4463,12 +4577,14 @@
 
   /* ── Active (pressed) ── */
 
-  :where(ui-radio)[pressed]::before {
+  :where(ui-radio)[pressed]::before,
+  :where(ui-radio)[force-active]::before {
     background: var(--_background-active, var(--_widget-active));
     border-color: var(--_border-color-active, var(--_border-active));
   }
 
-  :where(ui-radio)[aria-checked="true"][pressed]::before {
+  :where(ui-radio)[aria-checked="true"][pressed]::before,
+  :where(ui-radio)[aria-checked="true"][force-active]::before {
     background: var(--_surface-active);
     border-color: var(--_surface-active);
   }
@@ -4522,6 +4638,8 @@
     min-width: 0;
     align-items: center;
     position: relative;
+    /* WHY: Isolate internal z-index (thumb z-index: 1) from parent stacking context */
+    isolation: isolate;
 
     min-height: var(--_track-height);
 
@@ -4618,11 +4736,13 @@
 
   /* ── Active (dragging) ── */
 
-  :where(ui-range)[pressed]::after {
+  :where(ui-range)[pressed]::after,
+  :where(ui-range)[force-active]::after {
     background: var(--_surface-active);
   }
 
-  :where(ui-range)[pressed] > :where(.ui-range-thumb) {
+  :where(ui-range)[pressed] > :where(.ui-range-thumb),
+  :where(ui-range)[force-active] > :where(.ui-range-thumb) {
     border-color: var(--_surface-active);
     box-shadow: var(--ui-shadow-sm), 0 0 0 6px var(--_surface);
   }
@@ -4810,6 +4930,23 @@
     display: contents;
   }
 
+  /* ── Popover Listbox Positioning ──
+     WHY: Must come after ui-listbox.css base rule (which sets min-width: 0
+     for flex-child shrinking) so min-width: anchor-size(inline) wins by
+     source order — both are zero-specificity via :where(). */
+
+  :where(ui-select) > :where(ui-listbox[popover]) {
+    position: fixed;
+    position-area: block-end span-inline-end;
+    position-try-fallbacks: flip-block;
+    margin-block: var(--ui-popover-viewport-margin);
+    margin-inline: 0;
+    margin-block-start: var(--ui-popover-gap);
+    min-width: anchor-size(inline);
+    max-height: var(--ui-popover-max-height);
+    overflow-y: auto;
+  }
+
 }
 
 @layer ui {
@@ -5208,12 +5345,14 @@
 
   /* ── Active (pressed) ── */
 
-  :where(ui-switch)[pressed]::before {
+  :where(ui-switch)[pressed]::before,
+  :where(ui-switch)[force-active]::before {
     background: var(--_track-bg-active);
     border-color: var(--_track-border-active);
   }
 
-  :where(ui-switch)[aria-checked="true"][pressed]::before {
+  :where(ui-switch)[aria-checked="true"][pressed]::before,
+  :where(ui-switch)[aria-checked="true"][force-active]::before {
     background: var(--_surface-active);
     border-color: var(--_surface-active);
   }
@@ -5960,7 +6099,7 @@
     /* Default placement: above the anchor */
     position-area: block-start;
     position-try-fallbacks: flip-block, flip-inline;
-    margin: 0;
+    margin: var(--ui-popover-viewport-margin);
 
     max-width: var(--ui-tooltip-max-width);
     padding-block: calc(var(--_space) * 1.5);
@@ -5982,8 +6121,12 @@
     inset: unset;
     overflow: visible;
 
+    --_popover-origin: bottom center;
+    --_popover-from: perspective(800px) scale(0.96) rotateX(10deg);
+
+    transform-origin: var(--_popover-origin);
     opacity: 0;
-    transform: scale(0.96);
+    transform: var(--_popover-from);
     transition:
       opacity var(--_duration) var(--_easing),
       transform var(--_duration) var(--_easing),
@@ -5995,37 +6138,45 @@
 
   :where(ui-tooltip[popover]):popover-open {
     opacity: 1;
-    transform: scale(1);
+    transform: none;
   }
 
   /* Starting style for entry animation */
   @starting-style {
     :where(ui-tooltip[popover]):popover-open {
       opacity: 0;
-      transform: scale(0.96);
+      transform: var(--_popover-from);
     }
   }
 
   /* ── Placement Variants ── */
 
   :where(ui-tooltip[placement="top"]) {
+    --_popover-origin: bottom center;
+    --_popover-from: perspective(800px) scale(0.96) rotateX(10deg);
     position-area: block-start;
-    margin-bottom: calc(var(--_space) * 2);
+    margin-block-end: calc(var(--_space) * 2);
   }
 
   :where(ui-tooltip[placement="bottom"]) {
+    --_popover-origin: top center;
+    --_popover-from: perspective(800px) scale(0.96) rotateX(-10deg);
     position-area: block-end;
-    margin-top: calc(var(--_space) * 2);
+    margin-block-start: calc(var(--_space) * 2);
   }
 
   :where(ui-tooltip[placement="left"]) {
+    --_popover-origin: right center;
+    --_popover-from: perspective(800px) scale(0.96) rotateY(-10deg);
     position-area: inline-start;
-    margin-right: calc(var(--_space) * 2);
+    margin-inline-end: calc(var(--_space) * 2);
   }
 
   :where(ui-tooltip[placement="right"]) {
+    --_popover-origin: left center;
+    --_popover-from: perspective(800px) scale(0.96) rotateY(10deg);
     position-area: inline-end;
-    margin-left: calc(var(--_space) * 2);
+    margin-inline-start: calc(var(--_space) * 2);
   }
 
   /* ── Hidden (not :popover-open) ── */
@@ -6049,7 +6200,8 @@
     flex: 1 1 0%;
     min-width: 0;
     flex-direction: column;
-    padding: var(--_space);
+    padding-block: var(--_space);
+    padding-inline: var(--_space);
     font-size: var(--_font-size);
     line-height: var(--_line-height);
   }
@@ -6134,7 +6286,7 @@
 
   /* ── Disabled ── */
 
-  :where(ui-tree-item[disabled]) > :where([slot="label"]) {
+  :where(ui-tree-item[aria-disabled="true"]) > :where([slot="label"]) {
     color: var(--_ink-disabled);
     cursor: not-allowed;
     pointer-events: none;
@@ -6844,11 +6996,11 @@
   /* WHY: When collapsed to icon rail, the sidebar edge meets content — drop left padding. */
 
   :where(ui-layout-sidebar)[collapsed] :where(ui-layout-canvas) {
-    padding-left: 0;
+    padding-inline-start: 0;
   }
 
   :where(ui-layout-sidebar)[collapsed] :where(ui-layout-breadcrumb) {
-    padding-left: 0;
+    padding-inline-start: 0;
   }
 
   /* ── Sidebar Header ── */
@@ -7017,10 +7169,15 @@
      Flip: bottom-aligned, grows upward (span-block-start). */
 
   :where(ui-layout-sidebar-item) > :where(ui-listbox[popover]) {
+    --_popover-origin: left center;
+    --_popover-from: perspective(800px) scale(0.96) rotateY(20deg);
+
     position: fixed;
     position-area: inline-end span-block-end;
     position-try-fallbacks: --sidebar-item-flip-up;
-    margin: 0 0 0 var(--ui-popover-gap);
+    margin-block: var(--ui-popover-viewport-margin);
+    margin-inline: 0;
+    margin-inline-start: var(--ui-popover-gap);
     min-width: 200px;
     max-height: var(--ui-popover-max-height);
     overflow-y: auto;
@@ -7030,6 +7187,10 @@
     position-area: inline-end span-block-start;
   }
 
+  @position-try --sidebar-item-flip-down {
+    position-area: inline-end span-block-end;
+  }
+
   /* ── Container Query: Collapsed Sidebar ── */
   /* WHY: Each component owns its own collapsed behavior via @container.
      The aside is the container (container-name: sidebar). When it shrinks
@@ -7070,6 +7231,14 @@
     :where(ui-layout-sidebar-item) > :where(:not([slot="icon"]):not(ui-listbox[popover]):not(.nav-group-flyout)) {
       display: none;
     }
+
+    /* WHY: In collapsed mode the sidebar item is a small icon — centering
+       the popover vertically with the anchor is more natural than top-aligning.
+       Fallbacks handle viewport clipping (top/bottom edge). */
+    :where(ui-layout-sidebar-item) > :where(ui-listbox[popover]) {
+      position-area: inline-end;
+      position-try-fallbacks: --sidebar-item-flip-up, --sidebar-item-flip-down;
+    }
   }
 
 }
@@ -7278,57 +7447,6 @@
 
 }
 
-@layer ui {
-
-  /* ── Icon Base ── */
-
-  :where(ui-icon) {
-    --ui-icon-size: var(--_icon-size);
-    --ui-icon-color: currentColor;
-
-    box-sizing: border-box;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--ui-icon-size);
-    height: var(--ui-icon-size);
-    color: var(--ui-icon-color);
-    flex-shrink: 0;
-    vertical-align: middle;
-    line-height: 0;
-  }
-
-  :where(ui-icon) > :where(svg) {
-    width: 100%;
-    height: 100%;
-  }
-
-  /* WHY: Unregistered icons (no SVG content) should collapse to zero size
-     so surrounding buttons/slots don't render with phantom dimensions */
-  :where(ui-icon:empty) {
-    width: 0;
-    height: 0;
-    overflow: hidden;
-  }
-
-  /* ── Icon Size Variants ── */
-
-  :where(ui-icon[size="xs"]) { --ui-icon-size: var(--ui-icon-xs); }
-  :where(ui-icon[size="sm"]) { --ui-icon-size: var(--ui-icon-sm); }
-  :where(ui-icon[size="md"]) { --ui-icon-size: var(--ui-icon-md); }
-  :where(ui-icon[size="lg"]) { --ui-icon-size: var(--ui-icon-lg); }
-  :where(ui-icon[size="xl"]) { --ui-icon-size: var(--ui-icon-xl); }
-
-  /* ── Forced Colors ── */
-
-  @media (forced-colors: active) {
-    :where(ui-icon) {
-      --ui-icon-color: ButtonText;
-    }
-  }
-
-}
-
 @layer ui {
 
   /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

package/dist/native-ui.js

@@ -1,9 +1,9 @@
-import { n as e, t } from "./uid.js";
-import { i as n, n as ee, r as te, t as ne } from "./define.js";
-import { A as r, B as i, C as a, D as o, E as s, F as c, G as l, H as u, I as d, L as f, M as p, N as m, O as h, P as g, R as _, S as v, T as y, U as b, V as x, W as S, _ as C, a as w, b as T, c as E, d as D, f as O, g as k, h as A, i as j, j as M, k as N, l as P, m as F, n as I, o as L, p as R, r as z, s as B, t as V, u as H, v as U, w as W, x as G, y as K, z as q } from "./register-all2.js";
-import { a as J, i as Y, n as X, r as Z, s as re, t as ie } from "./ui-element.js";
-import { $ as ae, A as oe, B as se, C as ce, Ct as le, D as ue, Dt as de, E as fe, Et as pe, F as me, G as he, H as ge, I as _e, J as ve, K as ye, L as be, M as xe, N as Se, O as Ce, P as we, Q as Te, R as Ee, S as De, St as Oe, T as ke, Tt as Ae, U as je, V as Q, W as Me, X as Ne, Y as Pe, Z as Fe, _ as Ie, _t as Le, a as Re, at as ze, b as Be, bt as Ve, c as He, ct as Ue, d as We, dt as Ge, et as Ke, f as qe, ft as Je, g as Ye, gt as Xe, h as Ze, ht as Qe, i as $e, it as et, j as tt, k as nt, l as rt, lt as it, m as at, mt as ot, n as st, nt as ct, o as lt, ot as ut, p as dt, pt as ft, q as pt, r as mt, rt as ht, s as gt, st as _t, t as vt, tt as yt, u as bt, ut as xt, v as St, vt as Ct, w as wt, wt as Tt, x as Et, xt as Dt, y as Ot, yt as kt, z as At } from "./ui-icon-element.js";
-import { a as jt, c as Mt, d as Nt, f as Pt, i as Ft, l as It, n as Lt, o as Rt, r as zt, s as Bt, t as Vt, u as Ht } from "./dialog-controller.js";
+import { a as e, i as t, n, o as ee, r as te, t as ne } from "./uid.js";
+import { i as r, n as i, r as a, t as o } from "./dialog-controller.js";
+import { A as s, B as c, C as l, D as u, E as d, F as f, H as p, I as m, L as h, M as g, N as _, O as v, P as y, R as b, S as x, T as S, U as C, V as w, W as T, _ as E, a as D, b as O, c as k, d as A, f as j, g as M, h as N, i as P, j as F, k as I, l as L, m as R, n as z, o as B, p as V, r as H, s as U, t as W, u as G, v as K, w as q, x as J, y as Y, z as X } from "./register-all2.js";
+import { a as Z, c as re, d as ie, f as ae, g as oe, i as se, l as ce, m as le, n as ue, o as de, p as fe, r as pe, s as me, t as he, u as ge } from "./list-navigate-controller.js";
+import { _ as _e, a as ve, c as ye, d as be, f as xe, g as Se, h as Ce, i as we, l as Te, m as Ee, n as De, o as Oe, p as ke, r as Ae, s as je, t as Q, u as Me, v as Ne } from "./ui-icon-element.js";
+import { $ as Pe, A as Fe, B as Ie, C as Le, D as Re, E as ze, F as Be, G as Ve, H as He, I as Ue, J as We, K as Ge, L as Ke, M as qe, N as Je, O as Ye, P as Xe, Q as Ze, R as Qe, S as $e, T as et, U as tt, V as nt, W as rt, X as it, Y as at, Z as ot, _ as st, a as ct, at as lt, b as ut, c as dt, ct as ft, d as pt, et as mt, f as ht, g as gt, h as _t, i as vt, it as yt, j as bt, k as xt, l as St, lt as Ct, m as wt, n as Tt, nt as Et, o as Dt, ot as Ot, p as kt, q as At, r as jt, rt as Mt, s as Nt, st as Pt, t as Ft, tt as It, u as Lt, v as Rt, w as zt, x as Bt, y as Vt, z as Ht } from "./ui-layout-inspector-element.js";
 var $ = class extends Event {
 	context;
 	callback;
@@ -46,4 +46,4 @@ function Wt(e) {
 		}
 	};
 }
-export { be as CalendarStore, c as ClipboardController, o as CollapsibleController, he as ColumnResizeController, Wt as ContextConsumer, Ut as ContextProvider, $ as ContextRequestEvent, m as CopyController, Oe as DataListController, Vt as DialogController, Ft as DismissController, It as DismissStack, Mt as DragController, M as DropZoneController, d as EditController, h as FocusTrapController, Tt as FormAssociable, Pt as GestureRouter, g as HoverController, p as IntersectController, Lt as ListNavigateController, zt as PopoverController, Rt as PressController, x as RangeSelectController, Bt as ResizeController, jt as RovingFocusController, _ as SearchController, me as SelectController, q as SelectionController, r as SortController, f as SwipeController, ye as TableStore, s as ToastController, Ht as ToastManager, Ke as UIAccordion, ae as UIAccordionItem, Ce as UIAvatar, ue as UIBadge, ke as UIBreadcrumb, wt as UIBreadcrumbItem, kt as UIButton, _e as UICalendar, We as UICard, qe as UIChatInput, _t as UICheckbox, Se as UICombobox, ft as UICommand, Ue as UICommandEmpty, it as UICommandGroup, Je as UICommandInput, xt as UICommandItem, Ge as UICommandList, dt as UIController, Te as UIDialog, De as UIDrawer, ie as UIElement, xe as UIField, vt as UIIcon, Ct as UIInput, nt as UIInputOtp, fe as UIKbd, lt as UILayoutChat, Re as UILayoutInspector, He as UILayoutSidebar, gt as UILayoutSidebarItem, Le as UIListbox, Ie as UINav, Ze as UINavGroup, at as UINavGroupHeader, Ye as UINavItem, Xe as UIOption, ot as UIOptionGroup, Qe as UIOptionGroupHeader, ce as UIPagination, ze as UIRadio, et as UIRadioGroup, oe as UIRange, bt as UISection, ct as UISegment, ht as UISegmentedControl, we as UISelect, St as UISlide, Ot as UISlideshow, ut as UISwitch, Ne as UITab, Pe as UITabPanel, ve as UITabPanels, Me as UITable, ge as UITableBody, se as UITableCell, je as UITableHead, At as UITableHeader, Q as UITableRow, Fe as UITabs, tt as UITextarea, rt as UIToolbar, yt as UITooltip, Et as UITree, Be as UITreeItem, N as ValidateController, i as VirtualScrollController, ee as batch, j as clippableAdapter, C as collapsibleAdapter, X as collectTraitOptions, te as computed, a as copyableAdapter, Ee as createCalendarStore, le as createDataList, de as createDisabledEffect, pt as createTableStore, u as debugReactive, ne as define, D as dialogableAdapter, A as dismissableAdapter, H as draggableAdapter, G as droppableAdapter, I as editableAdapter, e as effect, Ve as fetchDataOptions, U as focusTrappableAdapter, st as getIcon, Y as getRegisteredTraitNames, J as getTrait, Nt as getTraitRuntime, W as hoverableAdapter, v as intersectableAdapter, b as isComputed, S as isSignal, O as listNavigableAdapter, mt as onIconRegistered, Dt as parseDataOptions, Z as parseTraitAttribute, R as popoverableAdapter, y as pressableAdapter, Ae as prop, P as rangeSelectableAdapter, V as registerAllTraits, $e as registerIcon, re as registerTrait, E as resizableAdapter, k as rovingFocusableAdapter, w as searchableAdapter, L as selectableAdapter, n as signal, T as sortableAdapter, z as swipeableAdapter, pe as syncProp, F as toastableAdapter, t as uid, l as untrack, K as validatableAdapter, B as virtualizableAdapter };
+export { Fe as CalendarStore, f as ClipboardController, u as CollapsibleController, Qe as ColumnResizeController, Wt as ContextConsumer, Ut as ContextProvider, $ as ContextRequestEvent, _ as CopyController, ke as DataListController, o as DialogController, pe as DismissController, de as DismissStack, a as DragController, F as DropZoneController, m as EditController, v as FocusTrapController, Ce as FormAssociable, ce as GestureRouter, y as HoverController, g as IntersectController, he as ListNavigateController, ue as PopoverController, Z as PressController, w as RangeSelectController, i as ResizeController, se as RovingFocusController, b as SearchController, je as SelectController, X as SelectionController, s as SortController, h as SwipeController, Ht as TableStore, d as ToastController, me as ToastManager, At as UIAccordion, Ge as UIAccordionItem, zt as UIAvatar, Le as UIBadge, Bt as UIBreadcrumb, ut as UIBreadcrumbItem, Me as UIButton, xt as UICalendar, Nt as UICard, dt as UIChatInput, mt as UICheckbox, Ye as UICombobox, Ot as UICommand, It as UICommandEmpty, Et as UICommandGroup, lt as UICommandInput, Mt as UICommandItem, yt as UICommandList, St as UIController, Ve as UIDialog, Rt as UIDrawer, ge as UIElement, Re as UIField, Q as UIIcon, Ct as UIInput, et as UIInputOtp, $e as UIKbd, Tt as UILayoutChat, Ft as UILayoutInspector, vt as UILayoutSidebar, jt as UILayoutSidebarItem, Te as UIListbox, kt as UINav, pt as UINavGroup, Lt as UINavGroupHeader, ht as UINavItem, ye as UIOption, Pt as UIOptionGroup, ft as UIOptionGroupHeader, Vt as UIPagination, Ze as UIRadio, ot as UIRadioGroup, ve as UIRange, Dt as UISection, at as UISegment, it as UISegmentedControl, Oe as UISelect, wt as UISlide, _t as UISlideshow, Pe as UISwitch, tt as UITab, He as UITabPanel, nt as UITabPanels, Ke as UITable, Be as UITableBody, Je as UITableCell, Ue as UITableHead, qe as UITableHeader, Xe as UITableRow, rt as UITabs, ze as UITextarea, ct as UIToolbar, We as UITooltip, st as UITree, gt as UITreeItem, I as ValidateController, c as VirtualScrollController, te as batch, P as clippableAdapter, E as collapsibleAdapter, ie as collectTraitOptions, e as computed, l as copyableAdapter, bt as createCalendarStore, Ee as createDataList, Ne as createDisabledEffect, Ie as createTableStore, p as debugReactive, n as define, A as dialogableAdapter, N as dismissableAdapter, G as draggableAdapter, J as droppableAdapter, z as editableAdapter, t as effect, be as fetchDataOptions, K as focusTrappableAdapter, De as getIcon, fe as getRegisteredTraitNames, le as getTrait, re as getTraitRuntime, q as hoverableAdapter, x as intersectableAdapter, C as isComputed, T as isSignal, j as listNavigableAdapter, Ae as onIconRegistered, xe as parseDataOptions, ae as parseTraitAttribute, V as popoverableAdapter, S as pressableAdapter, Se as prop, L as rangeSelectableAdapter, W as registerAllTraits, we as registerIcon, oe as registerTrait, k as resizableAdapter, M as rovingFocusableAdapter, D as searchableAdapter, B as selectableAdapter, ee as signal, O as sortableAdapter, H as swipeableAdapter, _e as syncProp, R as toastableAdapter, ne as uid, r as untrack, Y as validatableAdapter, U as virtualizableAdapter };

package/dist/register-all.js

@@ -1,3 +1,4 @@
-import { t as e } from "./define.js";
-import { $ as t, A as n, B as r, C as i, D as a, E as o, H as s, I as c, J as l, M as u, N as d, O as f, P as p, Q as m, S as h, T as g, U as _, V as v, W as y, X as b, Y as x, Z as S, _ as C, _t as w, a as T, at as E, b as D, c as O, ct as k, d as A, dt as j, et as M, f as N, ft as P, g as F, gt as I, h as L, ht as R, it as z, j as B, k as V, l as H, lt as U, m as W, mt as G, nt as K, o as q, ot as J, p as Y, pt as X, rt as Z, s as Q, st as $, t as ee, tt as te, u as ne, ut as re, v as ie, vt as ae, w as oe, x as se, y as ce, yt as le, z as ue } from "./ui-icon-element.js";
-e("ui-button", le), e("ui-input", ae), e("ui-listbox", w), e("ui-option", I), e("ui-option-group", G), e("ui-option-group-header", R), e("ui-select", p), e("ui-combobox", d), e("ui-command", X), e("ui-command-input", P), e("ui-command-list", j), e("ui-command-group", U), e("ui-command-item", re), e("ui-command-empty", k), e("ui-checkbox", $), e("ui-switch", J), e("ui-radio", E), e("ui-radio-group", z), e("ui-segmented-control", Z), e("ui-segment", K), e("ui-tooltip", te), e("ui-accordion", M), e("ui-accordion-item", t), e("ui-dialog", m), e("ui-tabs", S), e("ui-tab", b), e("ui-tab-panel", x), e("ui-tab-panels", l), e("ui-table", y), e("ui-table-head", _), e("ui-table-body", s), e("ui-table-row", v), e("ui-table-header", ue), e("ui-table-cell", r), e("ui-calendar", c), e("ui-field", u), e("ui-textarea", B), e("ui-range", n), e("ui-input-otp", V), e("ui-avatar", f), e("ui-badge", a), e("ui-kbd", o), e("ui-breadcrumb", g), e("ui-breadcrumb-item", oe), e("ui-pagination", i), e("ui-drawer", h), e("ui-tree", se), e("ui-tree-item", D), e("ui-slideshow", ce), e("ui-slide", ie), e("ui-nav", C), e("ui-nav-group", L), e("ui-nav-group-header", W), e("ui-nav-item", F), e("ui-chat-input", N), e("ui-controller", Y), e("ui-card", A), e("ui-section", ne), e("ui-toolbar", H), e("ui-layout-sidebar", O), e("ui-layout-sidebar-item", Q), e("ui-layout-chat", q), e("ui-layout-inspector", T), e("ui-icon", ee);
+import { n as e } from "./uid.js";
+import { a as t, c as n, l as r, o as i, t as a, u as o } from "./ui-icon-element.js";
+import { $ as s, C as c, D as l, E as u, F as d, G as f, H as p, I as m, J as h, K as g, L as _, M as v, N as y, O as b, P as x, Q as S, S as C, T as w, U as T, V as E, W as D, X as O, Y as k, Z as A, _ as j, a as M, at as N, b as P, c as F, ct as I, d as L, et as R, f as z, g as B, h as V, i as H, it as U, k as W, l as G, lt as K, m as q, n as J, nt as Y, o as X, ot as Z, p as Q, q as $, r as ee, rt as te, s as ne, st as re, t as ie, tt as ae, u as oe, v as se, w as ce, x as le, y as ue } from "./ui-layout-inspector-element.js";
+e("ui-button", o), e("ui-input", K), e("ui-listbox", r), e("ui-option", n), e("ui-option-group", re), e("ui-option-group-header", I), e("ui-select", i), e("ui-combobox", b), e("ui-command", Z), e("ui-command-input", N), e("ui-command-list", U), e("ui-command-group", Y), e("ui-command-item", te), e("ui-command-empty", ae), e("ui-checkbox", R), e("ui-switch", s), e("ui-radio", S), e("ui-radio-group", A), e("ui-segmented-control", O), e("ui-segment", k), e("ui-tooltip", h), e("ui-accordion", $), e("ui-accordion-item", g), e("ui-dialog", f), e("ui-tabs", D), e("ui-tab", T), e("ui-tab-panel", p), e("ui-tab-panels", E), e("ui-table", _), e("ui-table-head", m), e("ui-table-body", d), e("ui-table-row", x), e("ui-table-header", v), e("ui-table-cell", y), e("ui-calendar", W), e("ui-field", l), e("ui-textarea", u), e("ui-range", t), e("ui-input-otp", w), e("ui-avatar", ce), e("ui-badge", c), e("ui-kbd", C), e("ui-breadcrumb", le), e("ui-breadcrumb-item", P), e("ui-pagination", ue), e("ui-drawer", se), e("ui-tree", j), e("ui-tree-item", B), e("ui-slideshow", V), e("ui-slide", q), e("ui-nav", Q), e("ui-nav-group", L), e("ui-nav-group-header", oe), e("ui-nav-item", z), e("ui-chat-input", F), e("ui-controller", G), e("ui-card", ne), e("ui-section", X), e("ui-toolbar", M), e("ui-layout-sidebar", H), e("ui-layout-sidebar-item", ee), e("ui-layout-chat", J), e("ui-layout-inspector", ie), e("ui-icon", a);