@nonoun/native-ui 0.2.2 → 0.2.4

package/dist/native-ui-lean.css

@@ -6671,6 +6671,59 @@
     padding-left: 0;
   }
 
+  /* ── Collapsed Icon-Rail Content ── */
+  /* WHY: When collapsed, sidebar slot becomes a narrow icon rail.
+     Text and trailing slots are hidden; only icons remain visible.
+     Nav items hide entirely — only group headers (with icons) stay. */
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-content) {
+    align-items: center;
+    padding: 0.5rem;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-header),
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-footer) {
+    justify-content: center;
+    padding-inline: 0.5rem;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-trigger) :where([slot="label"]),
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-trigger) :where([slot="trailing"]) {
+    display: none;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-item) {
+    display: none;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group) > :where(details) > :where(summary) {
+    justify-content: center;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group) > :where(details) > :where(summary)::after {
+    display: none;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group)::after,
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group)::before {
+    display: none;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group-header) {
+    justify-content: center;
+    font-size: 0;
+    gap: 0;
+  }
+
+  /* WHY: Icon keeps its size even though parent font-size is 0. */
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group-header) :where(ui-icon) {
+    font-size: var(--_font-size, 1rem);
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group) + :where(ui-nav-group) {
+    margin-block-start: 0;
+  }
+
   /* ── Sidebar Header ── */
 
   :where(ui-layout-sidebar-header) {

package/dist/native-ui.css

@@ -6745,6 +6745,59 @@
     padding-left: 0;
   }
 
+  /* ── Collapsed Icon-Rail Content ── */
+  /* WHY: When collapsed, sidebar slot becomes a narrow icon rail.
+     Text and trailing slots are hidden; only icons remain visible.
+     Nav items hide entirely — only group headers (with icons) stay. */
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-content) {
+    align-items: center;
+    padding: 0.5rem;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-header),
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-footer) {
+    justify-content: center;
+    padding-inline: 0.5rem;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-trigger) :where([slot="label"]),
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-layout-sidebar-trigger) :where([slot="trailing"]) {
+    display: none;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-item) {
+    display: none;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group) > :where(details) > :where(summary) {
+    justify-content: center;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group) > :where(details) > :where(summary)::after {
+    display: none;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group)::after,
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group)::before {
+    display: none;
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group-header) {
+    justify-content: center;
+    font-size: 0;
+    gap: 0;
+  }
+
+  /* WHY: Icon keeps its size even though parent font-size is 0. */
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group-header) :where(ui-icon) {
+    font-size: var(--_font-size, 1rem);
+  }
+
+  :where(ui-layout-sidebar)[collapsed] :where([slot="sidebar"]) :where(ui-nav-group) + :where(ui-nav-group) {
+    margin-block-start: 0;
+  }
+
   /* ── Sidebar Header ── */
 
   :where(ui-layout-sidebar-header) {

package/dist/native-ui.js

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

package/dist/nav/inspector/build-inspector.d.ts

@@ -0,0 +1,8 @@
+import './ds-variable.ts';
+import './ds-colors.ts';
+import './ds-color-swatch.ts';
+import './ds-themes.ts';
+import '../../components/ui-range/ui-range.ts';
+import '../../components/ui-combobox/ui-combobox.ts';
+export declare function buildInspector(container: HTMLElement): void;
+//# sourceMappingURL=build-inspector.d.ts.map

package/dist/nav/inspector/build-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-inspector.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/build-inspector.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AAGxB,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AA4ErD,wBAAgB,cAAc,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAiI3D"}

package/dist/nav/inspector/ds-color-swatch-element.d.ts

@@ -0,0 +1,15 @@
+import { UIElement } from '../../core/ui-element.ts';
+export declare class DSColorSwatch extends UIElement {
+    #private;
+    static observedAttributes: string[];
+    get token(): string;
+    set token(val: string);
+    get name(): string;
+    set name(val: string);
+    attributeChangedCallback(name: string, old: string | null, val: string | null): void;
+    setup(): void;
+    teardown(): void;
+    /** Refresh background and contrast from current token value. */
+    refresh(): void;
+}
+//# sourceMappingURL=ds-color-swatch-element.d.ts.map

package/dist/nav/inspector/ds-color-swatch-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-color-swatch-element.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-color-swatch-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAoJrD,qBAAa,aAAc,SAAQ,SAAS;;IAC1C,MAAM,CAAC,kBAAkB,WAAqB;IAM9C,IAAI,KAAK,IAAI,MAAM,CAA6C;IAChE,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAAsC;IAE3D,IAAI,IAAI,IAAI,MAAM,CAA4C;IAC9D,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAAqC;IAEzD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAapF,KAAK,IAAI,IAAI;IAqCb,QAAQ,IAAI,IAAI;IAUhB,gEAAgE;IAChE,OAAO,IAAI,IAAI;CAsEhB"}

package/dist/nav/inspector/ds-color-swatch.d.ts

@@ -0,0 +1,3 @@
+import { DSColorSwatch } from './ds-color-swatch-element.ts';
+export { DSColorSwatch };
+//# sourceMappingURL=ds-color-swatch.d.ts.map

package/dist/nav/inspector/ds-color-swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-color-swatch.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-color-swatch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAI7D,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/nav/inspector/ds-colors-element.d.ts

@@ -0,0 +1,14 @@
+import { UIElement } from '../../core/ui-element.ts';
+export interface DSColorEntry {
+    name: string;
+    token: string;
+}
+export declare class DSColors extends UIElement {
+    #private;
+    static observedAttributes: string[];
+    attributeChangedCallback(name: string, old: string | null, val: string | null): void;
+    setup(): void;
+    teardown(): void;
+    refresh(): void;
+}
+//# sourceMappingURL=ds-colors-element.d.ts.map

package/dist/nav/inspector/ds-colors-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-colors-element.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-colors-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,QAAS,SAAQ,SAAS;;IACrC,MAAM,CAAC,kBAAkB,WAAY;IAIrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAab,QAAQ,IAAI,IAAI;IAWhB,OAAO,IAAI,IAAI;CAuBhB"}

package/dist/nav/inspector/ds-colors.d.ts

@@ -0,0 +1,4 @@
+import { DSColors } from './ds-colors-element.ts';
+export { DSColors };
+export type { DSColorEntry } from './ds-colors-element.ts';
+//# sourceMappingURL=ds-colors.d.ts.map

package/dist/nav/inspector/ds-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-colors.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/nav/inspector/ds-themes-element.d.ts

@@ -0,0 +1,13 @@
+import { UIElement } from '../../core/ui-element.ts';
+export interface DSThemeEntry {
+    name: string;
+    value: string;
+}
+export declare class DSThemes extends UIElement {
+    #private;
+    static observedAttributes: string[];
+    attributeChangedCallback(name: string, old: string | null, val: string | null): void;
+    setup(): void;
+    teardown(): void;
+}
+//# sourceMappingURL=ds-themes-element.d.ts.map

package/dist/nav/inspector/ds-themes-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-themes-element.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-themes-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAeD,qBAAa,QAAS,SAAQ,SAAS;;IACrC,MAAM,CAAC,kBAAkB,WAAY;IAIrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IASb,QAAQ,IAAI,IAAI;CA+CjB"}

package/dist/nav/inspector/ds-themes.d.ts

@@ -0,0 +1,4 @@
+import { DSThemes } from './ds-themes-element.ts';
+export { DSThemes };
+export type { DSThemeEntry } from './ds-themes-element.ts';
+//# sourceMappingURL=ds-themes.d.ts.map

package/dist/nav/inspector/ds-themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-themes.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-themes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/nav/inspector/ds-variable-element.d.ts

@@ -0,0 +1,19 @@
+import { UIElement } from '../../core/ui-element.ts';
+export interface DSVariableData {
+    name: string;
+    type: 'number';
+    token: string;
+    value: number;
+    step?: number;
+    min?: number;
+    max?: number;
+}
+export declare class DSVariable extends UIElement {
+    #private;
+    static observedAttributes: string[];
+    attributeChangedCallback(name: string, old: string | null, val: string | null): void;
+    setup(): void;
+    teardown(): void;
+    sync(): void;
+}
+//# sourceMappingURL=ds-variable-element.d.ts.map

package/dist/nav/inspector/ds-variable-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-variable-element.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-variable-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,UAAW,SAAQ,SAAS;;IACvC,MAAM,CAAC,kBAAkB,WAAY;IAMrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAWb,QAAQ,IAAI,IAAI;IAYhB,IAAI,IAAI,IAAI;CA8Db"}

package/dist/nav/inspector/ds-variable.d.ts

@@ -0,0 +1,4 @@
+import { DSVariable } from './ds-variable-element.ts';
+export { DSVariable };
+export type { DSVariableData } from './ds-variable-element.ts';
+//# sourceMappingURL=ds-variable.d.ts.map

package/dist/nav/inspector/ds-variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-variable.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/ds-variable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/nav/inspector/index.d.ts

@@ -0,0 +1,9 @@
+export { DSColorSwatch } from './ds-color-swatch-element.ts';
+export { DSColors } from './ds-colors-element.ts';
+export type { DSColorEntry } from './ds-colors-element.ts';
+export { DSVariable } from './ds-variable-element.ts';
+export type { DSVariableData } from './ds-variable-element.ts';
+export { DSThemes } from './ds-themes-element.ts';
+export type { DSThemeEntry } from './ds-themes-element.ts';
+export { buildInspector } from './build-inspector.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/nav/inspector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nav/inspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/register-all.js

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

package/dist/register-all2.js

@@ -1,17 +1,18 @@
-import { c as e, l as t, s as n, u as r } from "./uid.js";
-import { a as i, c as a, d as o, i as s, n as c, o as l, r as ee, s as te, t as u, y as d } from "./dialog-controller.js";
-function f(t) {
-	let n = e();
+import { f as e, i as t, l as n, m as r } from "./uid.js";
+import { s as i } from "./ui-element.js";
+import { a, c as o, d as s, i as c, n as ee, o as te, r as l, s as u, t as d } from "./dialog-controller.js";
+function ne(e) {
+	let t = n();
 	r(null);
 	try {
-		return t();
+		return e();
 	} finally {
-		r(n);
+		r(t);
 	}
 }
-function ne(e) {
-	let r = t.get(e);
-	return r ? r instanceof n ? {
+function re(n) {
+	let r = e.get(n);
+	return r ? r instanceof t ? {
 		type: "signal",
 		value: r._value,
 		subscriberCount: r._subs.size,
@@ -28,10 +29,10 @@ function ne(e) {
 		dependencyCount: 0
 	};
 }
-function re(e) {
+function ie(e) {
 	return typeof e == "object" && !!e && Symbol.toStringTag in e && e[Symbol.toStringTag] === "Signal";
 }
-function ie(e) {
+function f(e) {
 	return typeof e == "object" && !!e && Symbol.toStringTag in e && e[Symbol.toStringTag] === "Computed";
 }
 /** Enables contiguous range selection via drag or click, dispatching `ui-range-change` and `ui-range-select`. */
@@ -915,20 +916,20 @@ var p = class {
 		this.host = e;
 	}
 	toast(e) {
-		return o().toastManager.toast(this.host, e);
+		return s().toastManager.toast(this.host, e);
 	}
 	dismissToast(e) {
-		o().toastManager.dismiss(e);
+		s().toastManager.dismiss(e);
 	}
 	dismissAllToasts() {
-		o().toastManager.dismissAll();
+		s().toastManager.dismissAll();
 	}
 	destroy() {}
 };
 const A = {
 	name: "pressable",
 	create(e, t) {
-		return new l(e, { disabled: t.disabled === "true" });
+		return new te(e, { disabled: t.disabled === "true" });
 	},
 	destroy(e) {
 		e.destroy();
@@ -1035,7 +1036,7 @@ const A = {
 }, z = {
 	name: "roving-focusable",
 	create(e, t) {
-		return new i(e, {
+		return new a(e, {
 			selector: t.selector ?? void 0,
 			orientation: t.orientation ?? void 0,
 			wrap: t.wrap !== "false",
@@ -1051,7 +1052,7 @@ const A = {
 }, B = {
 	name: "dismissable",
 	create(e) {
-		return new s(e);
+		return new c(e);
 	},
 	destroy(e) {
 		e.destroy();
@@ -1067,7 +1068,7 @@ const A = {
 }, H = {
 	name: "popoverable",
 	create(e) {
-		return new ee(e);
+		return new l(e);
 	},
 	destroy(e) {
 		e.destroy();
@@ -1075,7 +1076,7 @@ const A = {
 }, U = {
 	name: "list-navigable",
 	create(e, t) {
-		return new c(e, {
+		return new ee(e, {
 			itemSelector: t["item-selector"] ?? void 0,
 			ariaAttr: t["aria-attr"] ?? void 0,
 			autoSync: t["auto-sync"] !== "false",
@@ -1090,7 +1091,7 @@ const A = {
 }, W = {
 	name: "dialogable",
 	create(e) {
-		return new u(e);
+		return new d(e);
 	},
 	destroy(e) {
 		e.destroy();
@@ -1098,7 +1099,7 @@ const A = {
 }, G = {
 	name: "draggable",
 	create(e, t) {
-		return new a(e, {
+		return new o(e, {
 			selector: t.selector ?? "",
 			dropZoneSelector: t["drop-zone-selector"] ?? "",
 			axis: t.axis ?? "both",
@@ -1130,7 +1131,7 @@ const A = {
 }, q = {
 	name: "resizable",
 	create(e, t) {
-		return new te(e, {
+		return new u(e, {
 			handleSelector: t["handle-selector"] ?? "",
 			axis: t.axis ?? "horizontal",
 			min: t.min ? Number(t.min) : void 0,
@@ -1239,6 +1240,6 @@ const A = {
 * Call once at app startup to enable `traits="..."` attribute on UIElement subclasses.
 */
 function ae() {
-	d(A), d(j), d(M), d(N), d(P), d(F), d(I), d(L), d(R), d(z), d(B), d(V), d(H), d(U), d(W), d(G), d(K), d(q), d(J), d(Y), d(X), d(Z), d(Q), d($);
+	i(A), i(j), i(M), i(N), i(P), i(F), i(I), i(L), i(R), i(z), i(B), i(V), i(H), i(U), i(W), i(G), i(K), i(q), i(J), i(Y), i(X), i(Z), i(Q), i($);
 }
-export { w as A, m as B, M as C, O as D, k as E, y as F, f as G, ne as H, v as I, _ as L, S as M, x as N, D as O, b as P, g as R, N as S, A as T, ie as U, p as V, re as W, R as _, X as a, F as b, q as c, W as d, U as f, z as g, B as h, Z as i, C as j, T as k, K as l, V as m, $ as n, Y as o, H as p, Q as r, J as s, ae as t, G as u, L as v, j as w, P as x, I as y, h as z };
+export { w as A, m as B, M as C, O as D, k as E, y as F, ne as G, re as H, v as I, _ as L, S as M, x as N, D as O, b as P, g as R, N as S, A as T, f as U, p as V, ie as W, R as _, X as a, F as b, q as c, W as d, U as f, z as g, B as h, Z as i, C as j, T as k, K as l, V as m, $ as n, Y as o, H as p, Q as r, J as s, ae as t, G as u, L as v, j as w, P as x, I as y, h as z };

package/dist/traits.js

@@ -1,4 +1,6 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./uid.js";
+import { n as e, t } from "./uid.js";
+import { i as n, n as r, r as i, t as a } from "./define.js";
 import { A as o, B as s, C as c, D as l, E as u, F as d, G 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 { _ as Z, a as Q, c as $, d as ee, g as te, h as ne, i as re, l as ie, m as ae, n as oe, o as se, p as ce, r as le, s as ue, t as de, u as fe, y as pe } from "./dialog-controller.js";
-export { d as ClipboardController, l as CollapsibleController, _ as CopyController, de as DialogController, re as DismissController, ie as DismissStack, $ as DragController, F as DropZoneController, m as EditController, v as FocusTrapController, y as HoverController, g as IntersectController, oe as ListNavigateController, le as PopoverController, se as PressController, w as RangeSelectController, ue as ResizeController, Q as RovingFocusController, b as SearchController, X as SelectionController, o as SortController, h as SwipeController, u as ToastController, fe as ToastManager, ce as UIElement, I as ValidateController, s as VirtualScrollController, i as batch, P as clippableAdapter, E as collapsibleAdapter, ae as collectTraitOptions, e as computed, c as copyableAdapter, p as debugReactive, n as define, A as dialogableAdapter, N as dismissableAdapter, G as draggableAdapter, J as droppableAdapter, z as editableAdapter, t as effect, K as focusTrappableAdapter, te as getRegisteredTraitNames, Z as getTrait, ee as getTraitRuntime, q as hoverableAdapter, x as intersectableAdapter, C as isComputed, T as isSignal, j as listNavigableAdapter, ne as parseTraitAttribute, V as popoverableAdapter, S as pressableAdapter, L as rangeSelectableAdapter, W as registerAllTraits, pe as registerTrait, k as resizableAdapter, M as rovingFocusableAdapter, D as searchableAdapter, B as selectableAdapter, r as signal, O as sortableAdapter, H as swipeableAdapter, R as toastableAdapter, a as uid, f as untrack, Y as validatableAdapter, U as virtualizableAdapter };
+import { a as Z, i as Q, n as $, r as ee, s as te, t as ne } from "./ui-element.js";
+import { a as re, c as ie, d as ae, i as oe, l as se, n as ce, o as le, r as ue, s as de, t as fe, u as pe } from "./dialog-controller.js";
+export { d as ClipboardController, l as CollapsibleController, _ as CopyController, fe as DialogController, oe as DismissController, se as DismissStack, ie as DragController, F as DropZoneController, m as EditController, v as FocusTrapController, y as HoverController, g as IntersectController, ce as ListNavigateController, ue as PopoverController, le as PressController, w as RangeSelectController, de as ResizeController, re as RovingFocusController, b as SearchController, X as SelectionController, o as SortController, h as SwipeController, u as ToastController, pe as ToastManager, ne as UIElement, I as ValidateController, s as VirtualScrollController, r as batch, P as clippableAdapter, E as collapsibleAdapter, $ as collectTraitOptions, i as computed, c as copyableAdapter, p as debugReactive, a as define, A as dialogableAdapter, N as dismissableAdapter, G as draggableAdapter, J as droppableAdapter, z as editableAdapter, e as effect, K as focusTrappableAdapter, Q as getRegisteredTraitNames, Z as getTrait, ae as getTraitRuntime, q as hoverableAdapter, x as intersectableAdapter, C as isComputed, T as isSignal, j as listNavigableAdapter, ee as parseTraitAttribute, V as popoverableAdapter, S as pressableAdapter, L as rangeSelectableAdapter, W as registerAllTraits, te as registerTrait, k as resizableAdapter, M as rovingFocusableAdapter, D as searchableAdapter, B as selectableAdapter, n as signal, O as sortableAdapter, H as swipeableAdapter, R as toastableAdapter, t as uid, f as untrack, Y as validatableAdapter, U as virtualizableAdapter };

package/dist/ui-element.js

@@ -0,0 +1,128 @@
+import { n as e } from "./uid.js";
+var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
+function r(e) {
+	if (t.has(e.name)) {
+		console.warn(`[native-ui] Trait "${e.name}" is already registered.`);
+		return;
+	}
+	t.set(e.name, e);
+	for (let t of n) t(e.name);
+}
+/** Subscribe to trait registration events. Returns unsubscribe function. */
+function i(e) {
+	return n.add(e), () => n.delete(e);
+}
+function a(e) {
+	return t.get(e);
+}
+function o() {
+	return new Set(t.keys());
+}
+/**
+* Parse a namespaced trait attribute like "draggable-axis" into
+* { trait: "draggable", key: "axis" }. Returns null if the attribute
+* doesn't match any registered trait name prefix.
+*/
+function s(e) {
+	let t = o();
+	for (let n of t) if (e.startsWith(n + "-")) return {
+		trait: n,
+		key: e.slice(n.length + 1)
+	};
+	return null;
+}
+/**
+* Collect all `{traitName}-*` attributes from an element for a given trait.
+* Returns a plain object mapping option keys to string values.
+*
+* Example: element has `draggable-axis="x"` and `draggable-mode="slot"`
+* → collectTraitOptions(el, 'draggable') returns { axis: 'x', mode: 'slot' }
+*/
+function c(e, t) {
+	let n = t + "-", r = {};
+	for (let t of e.attributes) t.name.startsWith(n) && (r[t.name.slice(n.length)] = t.value);
+	return r;
+}
+/** Base custom element class with reactive effect lifecycle, child deferral, and trait protocol. */
+var l = class extends HTMLElement {
+	#e = [];
+	#t = /* @__PURE__ */ new Map();
+	#n = null;
+	#r = /* @__PURE__ */ new Set();
+	#i = null;
+	#a = !1;
+	addEffect(t) {
+		this.#e.push(e(t));
+	}
+	connectedCallback() {
+		if (this.#a) return;
+		this.#a = !0, this.setup();
+		let e = this.getAttribute("traits");
+		e !== null && this.#o(e);
+	}
+	disconnectedCallback() {
+		this.#a = !1, this.#c(), this.#n?.disconnect(), this.#n = null, this.#i?.(), this.#i = null, this.#r.clear(), this.teardown();
+		for (let e of this.#e) e();
+		this.#e = [];
+	}
+	setup() {}
+	teardown() {}
+	deferChildren(e) {
+		this.firstChild ? e() : queueMicrotask(() => {
+			this.isConnected && e();
+		});
+	}
+	attributeChangedCallback(e, t, n) {}
+	/**
+	* Get a trait controller instance by name.
+	* Returns null if no controller with that name is active.
+	*/
+	getTraitController(e) {
+		return this.#t.get(e) ?? null;
+	}
+	#o(e) {
+		this.#s(e), this.#n = new MutationObserver((e) => {
+			for (let t of e) if (t.attributeName === "traits") this.#s(this.getAttribute("traits") ?? "");
+			else if (t.attributeName) {
+				let e = s(t.attributeName);
+				if (e) {
+					let t = a(e.trait), n = this.#t.get(e.trait);
+					t && n && t.update && t.update(n, c(this, e.trait));
+				}
+			}
+		}), this.#n.observe(this, { attributes: !0 });
+	}
+	#s(e) {
+		let t = new Set(e.split(/\s+/).filter(Boolean));
+		for (let [e, n] of this.#t) if (!t.has(e)) {
+			let t = a(e);
+			t && t.destroy(n), this.#t.delete(e);
+		}
+		this.#r.clear();
+		for (let e of t) {
+			if (this.#t.has(e)) continue;
+			let t = a(e);
+			if (!t) {
+				this.#r.add(e);
+				continue;
+			}
+			for (let [n] of this.#t) if (a(n)?.conflicts?.includes(e) || t.conflicts?.includes(n)) {
+				let t = `[native-ui] Trait conflict: "${e}" and "${n}" are incompatible.`;
+				console.warn(t);
+			}
+			let n = c(this, e), r = t.create(this, n);
+			this.#t.set(e, r);
+		}
+		this.#r.size > 0 && !this.#i ? this.#i = i((e) => {
+			this.#r.has(e) && (this.#r.delete(e), this.#s(this.getAttribute("traits") ?? ""), this.#r.size === 0 && (this.#i?.(), this.#i = null));
+		}) : this.#r.size === 0 && this.#i && (this.#i(), this.#i = null);
+	}
+	#c() {
+		for (let [e, t] of this.#t) {
+			let n = a(e);
+			n && n.destroy(t);
+		}
+		this.#t.clear();
+	}
+};
+export { a, o as i, c as n, i as o, s as r, r as s, l as t };