@nonoun/native-ui 0.2.9 → 0.3.0

package/dist/native-ui.js

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

package/dist/register-all.js

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

package/dist/traits.js

@@ -1,5 +1,3 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./uid.js";
-import { i as o, n as s, r as c, t as l } from "./dialog-controller.js";
-import { A as u, B as d, C as f, D as p, E as m, F as h, H as g, I as _, L as v, M as y, N as b, O as x, P as S, R as C, S as w, T, U as E, V as D, W as O, _ as k, a as A, b as j, c as M, d as N, f as P, g as F, h as I, i as L, j as R, k as z, l as B, m as V, n as H, o as U, p as W, r as G, s as K, t as q, u as J, v as Y, w as X, x as Z, y as Q, z as $ } from "./register-all2.js";
-import { a as ee, c as te, d as ne, f as re, g as ie, i as ae, m as oe, n as se, o as ce, p as le, r as ue, s as de, t as fe, u as pe } from "./list-navigate-controller.js";
-export { h as ClipboardController, p as CollapsibleController, b as CopyController, l as DialogController, ue as DismissController, ce as DismissStack, c as DragController, R as DropZoneController, _ as EditController, x as FocusTrapController, S as HoverController, y as IntersectController, fe as ListNavigateController, se as PopoverController, ee as PressController, D as RangeSelectController, s as ResizeController, ae as RovingFocusController, C as SearchController, $ as SelectionController, u as SortController, v as SwipeController, m as ToastController, de as ToastManager, pe as UIElement, z as ValidateController, d as VirtualScrollController, i as batch, L as clippableAdapter, k as collapsibleAdapter, ne as collectTraitOptions, e as computed, f as copyableAdapter, g as debugReactive, n as define, N as dialogableAdapter, I as dismissableAdapter, J as draggableAdapter, Z as droppableAdapter, H as editableAdapter, t as effect, Y as focusTrappableAdapter, le as getRegisteredTraitNames, oe as getTrait, te as getTraitRuntime, X as hoverableAdapter, w as intersectableAdapter, E as isComputed, O as isSignal, P as listNavigableAdapter, re as parseTraitAttribute, W as popoverableAdapter, T as pressableAdapter, B as rangeSelectableAdapter, q as registerAllTraits, ie as registerTrait, M as resizableAdapter, F as rovingFocusableAdapter, A as searchableAdapter, U as selectableAdapter, r as signal, j as sortableAdapter, G as swipeableAdapter, V as toastableAdapter, a as uid, o as untrack, Q as validatableAdapter, K as virtualizableAdapter };
+import { At as e, Bt as t, Ct as n, Gt as r, Ht as i, It as a, Kt as o, Lt as s, Ot as c, Rt as l, St as u, Ut as d, Vt as f, Wt as p, _t as m, bt as h, gt as g, kt as _, qt as v, vt as y, xt as b, yt as x, zt as S } from "./components.js";
+import { A as C, B as w, C as T, D as E, E as D, F as O, G as k, I as A, J as j, K as M, L as N, M as P, N as F, O as I, P as L, R, S as z, T as B, V, _ as H, a as U, b as W, c as G, d as K, f as q, g as J, h as Y, i as X, j as Z, k as Q, l as $, m as ee, n as te, o as ne, p as re, q as ie, r as ae, s as oe, t as se, u as ce, v as le, w as ue, x as de, y as fe, z as pe } from "./core.js";
+export { O as ClipboardController, E as CollapsibleController, F as CopyController, g as DialogController, x as DismissController, c as DismissStack, n as DragController, Z as DropZoneController, A as EditController, I as FocusTrapController, L as HoverController, P as IntersectController, m as ListNavigateController, y as PopoverController, b as PressController, V as RangeSelectController, u as ResizeController, h as RovingFocusController, R as SearchController, pe as SelectionController, C as SortController, N as SwipeController, D as ToastController, _ as ToastManager, s as UIElement, Q as ValidateController, w as VirtualScrollController, p as batch, X as clippableAdapter, H as collapsibleAdapter, l as collectTraitOptions, o as computed, T as copyableAdapter, M as debugReactive, k as define, K as dialogableAdapter, Y as dismissableAdapter, ce as draggableAdapter, de as droppableAdapter, te as editableAdapter, r as effect, le as focusTrappableAdapter, t as getRegisteredTraitNames, f as getTrait, e as getTraitRuntime, ue as hoverableAdapter, z as intersectableAdapter, ie as isComputed, j as isSignal, q as listNavigableAdapter, S as parseTraitAttribute, re as popoverableAdapter, B as pressableAdapter, $ as rangeSelectableAdapter, se as registerAllTraits, i as registerTrait, G as resizableAdapter, J as rovingFocusableAdapter, U as searchableAdapter, ne as selectableAdapter, v as signal, W as sortableAdapter, ae as swipeableAdapter, ee as toastableAdapter, a as uid, d as untrack, fe as validatableAdapter, oe as virtualizableAdapter };

package/dist/ui-icon.js

@@ -0,0 +1,56 @@
+import { Lt as e } from "./components.js";
+var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
+function r(e, r) {
+	t.set(e, r), n.forEach((t) => t(e));
+}
+function i(e) {
+	return t.get(e);
+}
+function a(e) {
+	return n.add(e), () => n.delete(e);
+}
+/**
+* Icon component rendering SVG from the global icon registry.
+* @attr {string} name - Icon name from the Phosphor icon set
+* @attr {string} weight - Icon weight: "regular" (default) or "fill"
+* @attr {string} size - Icon size override
+* @attr {string} aria-label - Accessible label (sets role="img" when present)
+*/
+var o = class extends e {
+	static observedAttributes = [
+		"name",
+		"weight",
+		"size",
+		"aria-label"
+	];
+	#e = null;
+	setup() {
+		super.setup(), this.#t(), this.#r();
+	}
+	attributeChangedCallback(e, t, n) {
+		super.attributeChangedCallback(e, t, n), (e === "name" || e === "weight") && this.#r(), e === "aria-label" && this.#t();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.#e?.(), this.#e = null;
+	}
+	#t() {
+		this.hasAttribute("aria-label") ? (this.setAttribute("role", "img"), this.removeAttribute("aria-hidden")) : (this.setAttribute("aria-hidden", "true"), this.removeAttribute("role"));
+	}
+	/** Compute the effective registry key from name + weight attributes. */
+	#n() {
+		let e = this.getAttribute("name");
+		return e ? this.getAttribute("weight") === "fill" && !e.endsWith("-fill") ? `${e}-fill` : e : null;
+	}
+	#r() {
+		let e = this.#n();
+		if (!e) {
+			this.innerHTML = "", this.#e?.(), this.#e = null;
+			return;
+		}
+		let t = i(e);
+		t ? (this.innerHTML = t, this.#e?.(), this.#e = null) : (this.innerHTML = "", this.#e ||= a((e) => {
+			e === this.#n() && this.#r();
+		}));
+	}
+};
+export { r as i, i as n, a as r, o as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-ui",
-  "version": "0.2.9",
+  "version": "0.3.0",
   "description": "Zero-dependency web component library with an OKLCH CSS design system, signal-based reactivity, and composable trait controllers",
   "license": "MIT",
   "type": "module",
@@ -24,23 +24,20 @@
       "types": "./dist/register-all.d.ts",
       "default": "./dist/register-all.js"
     },
-    "./inspector": {
-      "types": "./dist/inspector.d.ts",
-      "default": "./dist/inspector.js"
-    },
     "./css": "./dist/native-ui.css",
     "./css/foundation": "./dist/foundation.css",
     "./css/components": "./dist/components.css",
     "./css/components-lean": "./dist/components-lean.css",
-    "./css/lean": "./dist/native-ui-lean.css",
-    "./css/inspector": "./dist/inspector.css"
+    "./css/lean": "./dist/native-ui-lean.css"
   },
   "files": [
     "dist"
   ],
   "sideEffects": [
-    "./dist/register-all.js",
-    "./dist/inspector.js"
+    "./dist/register-all.js"
+  ],
+  "workspaces": [
+    "packages/*"
   ],
   "keywords": [
     "web-components",

package/dist/dialog-controller.js

@@ -1,391 +0,0 @@
-import { c as e, u as t } from "./uid.js";
-function n(n) {
-	let r = e();
-	t(null);
-	try {
-		return n();
-	} finally {
-		t(r);
-	}
-}
-/** Enables pointer-driven drag-and-drop with drop, slot, or preview reordering. */
-var r = class {
-	host;
-	selector;
-	dropZoneSelector;
-	axis;
-	mode;
-	disabled;
-	animate;
-	#e = null;
-	#t = null;
-	#n = null;
-	#r = 0;
-	#i = 0;
-	#a = 0;
-	#o = 0;
-	#s = -1;
-	#c = -1;
-	#l = !1;
-	#u = null;
-	#d = null;
-	#f = -1;
-	constructor(e, t) {
-		this.host = e, this.selector = t.selector, this.dropZoneSelector = t.dropZoneSelector ?? "", this.axis = t.axis ?? "both", this.mode = t.mode ?? "drop", this.disabled = t.disabled ?? !1, this.animate = t.animate ?? !0, this.attach();
-	}
-	attach() {
-		this.#l || (this.#l = !0, this.host.addEventListener("pointerdown", this.#_), this.host.addEventListener("pointerenter", this.#h, !0), this.host.addEventListener("pointerleave", this.#g, !0));
-	}
-	detach() {
-		this.#l && (this.#l = !1, this.host.removeEventListener("pointerdown", this.#_), this.host.removeEventListener("pointerenter", this.#h, !0), this.host.removeEventListener("pointerleave", this.#g, !0), this.#A());
-	}
-	destroy() {
-		this.detach();
-	}
-	#p() {
-		return this.selector ? [...this.host.querySelectorAll(this.selector)] : [];
-	}
-	#m() {
-		return this.dropZoneSelector ? [...this.host.querySelectorAll(this.dropZoneSelector)] : this.#p();
-	}
-	#h = (e) => {
-		if (this.disabled || !this.selector || this.#t) return;
-		let t = e.target.closest?.(this.selector);
-		!t || !this.host.contains(t) || (t.style.outline = "2px solid var(--ui-focus-ring, highlight)", t.style.outlineOffset = "2px");
-	};
-	#g = (e) => {
-		if (!this.selector) return;
-		let t = e.target.closest?.(this.selector);
-		!t || !this.host.contains(t) || (t.style.removeProperty("outline"), t.style.removeProperty("outline-offset"));
-	};
-	#_ = (e) => {
-		if (e.button !== 0 || this.disabled || !this.selector) return;
-		let t = e.target.closest?.(this.selector);
-		if (!t || !this.host.contains(t)) return;
-		let n = this.#p().indexOf(t);
-		if (n === -1) return;
-		e.preventDefault(), this.#e = t, this.#s = n, this.#r = e.clientX, this.#i = e.clientY;
-		let r = t.getBoundingClientRect();
-		this.#a = r.left + r.width / 2 - e.clientX, this.#o = r.top + r.height / 2 - e.clientY, document.addEventListener("pointermove", this.#v), document.addEventListener("pointerup", this.#E), document.addEventListener("pointercancel", this.#D), document.addEventListener("keydown", this.#O);
-	};
-	#v = (e) => {
-		if (!this.#e) return;
-		if (!this.#t) {
-			this.#e.style.removeProperty("outline"), this.#e.style.removeProperty("outline-offset");
-			try {
-				this.#k(e);
-			} catch {
-				this.#A();
-				return;
-			}
-			this.#e.setAttribute("dragging", ""), this.mode === "preview" && (this.#u = this.#e.parentElement, this.#d = this.#e.nextElementSibling, this.#f = -1, this.animate && this.#C()), this.host.dispatchEvent(new CustomEvent("ui-drag-start", {
-				bubbles: !0,
-				composed: !0,
-				detail: {
-					item: this.#e,
-					index: this.#s
-				}
-			}));
-		}
-		let t = e.clientX - this.#r, n = e.clientY - this.#i;
-		this.#t.style.transform = `translate(${t}px, ${n}px) scale(0.9)`, this.host.dispatchEvent(new CustomEvent("ui-drag-move", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				item: this.#e,
-				x: e.clientX,
-				y: e.clientY
-			}
-		}));
-		let r = this.#m().filter((e) => e !== this.#t);
-		if (this.mode === "slot") {
-			let t = e.clientX + this.#a, n = e.clientY + this.#o, i = r.filter((e) => e !== this.#e), a = 0;
-			for (let e = 0; e < i.length; e++) {
-				let r = i[e].getBoundingClientRect(), o = r.left + r.width / 2, s = r.top + r.height / 2;
-				if (this.axis === "horizontal" ? t > o : (this.axis === "vertical" || t > o) && n > s) a = e + 1;
-				else break;
-			}
-			this.#b(r, a);
-		} else if (this.mode === "preview") {
-			let t = e.clientX + this.#a, n = e.clientY + this.#o;
-			this.#S(r, t, n);
-		} else {
-			let t = null, n = -1;
-			for (let i = 0; i < r.length; i++) {
-				let a = r[i].getBoundingClientRect(), o = a.left + a.width / 2, s = a.top + a.height / 2;
-				if (this.axis === "vertical" ? e.clientY >= a.top && e.clientY <= a.bottom : this.axis === "horizontal" ? e.clientX >= a.left && e.clientX <= a.right : e.clientX >= a.left && e.clientX <= a.right && e.clientY >= a.top && e.clientY <= a.bottom) {
-					n = (this.axis === "horizontal" ? e.clientX < o : e.clientY < s) ? i : i + 1, t = r[i];
-					break;
-				}
-			}
-			this.#y(r, t, n);
-		}
-	};
-	#y(e, t, n) {
-		for (let n of e) n !== t && (n.removeAttribute("drag-over"), n.style.removeProperty("outline"), n.style.removeProperty("outline-offset"));
-		t && (t.setAttribute("drag-over", ""), t.style.outline = "2px solid var(--ui-focus-ring, highlight)", t.style.outlineOffset = "2px", this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				item: this.#e,
-				target: t,
-				index: n
-			}
-		})));
-	}
-	#b(e, t) {
-		if (t === -1 || t === this.#c) return;
-		this.#c = t, this.#x(e), this.#n || (this.#n = document.createElement("div"), this.#n.className = "drag-placeholder", this.#n.setAttribute("aria-hidden", "true"));
-		let n = e.filter((e) => e !== this.#e), r = Math.min(t, n.length);
-		r < n.length ? n[r].before(this.#n) : n.length > 0 ? n[n.length - 1].after(this.#n) : this.host.appendChild(this.#n), r < n.length && n[r].setAttribute("drag-slot-before", ""), r > 0 && r - 1 < n.length && n[r - 1].setAttribute("drag-slot-after", "");
-		let i = r < n.length ? n[r] : null;
-		this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				item: this.#e,
-				index: t,
-				insertBefore: i
-			}
-		}));
-	}
-	#x(e) {
-		for (let t of e) t.removeAttribute("drag-slot-before"), t.removeAttribute("drag-slot-after");
-	}
-	#S(e, t, n) {
-		let r = e.filter((e) => e !== this.#e);
-		if (r.length === 0) return;
-		let i = e[0].getBoundingClientRect(), a = 1;
-		for (let t = 1; t < e.length && Math.abs(e[t].getBoundingClientRect().top - i.top) < i.height * .5; t++) a = t + 1;
-		let o = a > 1 ? e[1].getBoundingClientRect().left - i.left : i.width, s = a < e.length ? e[a].getBoundingClientRect().top - i.top : i.height, c = Math.round((t - (i.left + i.width / 2)) / o), l = Math.round((n - (i.top + i.height / 2)) / s), u = Math.ceil(r.length / a) - 1, d = Math.max(0, Math.min(c, a - 1)), f = Math.max(0, Math.min(l, u)) * a + d;
-		if (f = Math.max(0, Math.min(f, r.length)), f === this.#f) return;
-		this.#f = f;
-		let p = f < r.length ? r[f] : null, m = () => {
-			p ? p.before(this.#e) : r[r.length - 1].after(this.#e);
-		};
-		this.animate && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
-			m(), this.#C();
-		}) : m(), this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				item: this.#e,
-				index: f,
-				insertBefore: p
-			}
-		}));
-	}
-	#C() {
-		let e = this.#p();
-		for (let t = 0; t < e.length; t++) e[t].style.viewTransitionName = e[t] === this.#e ? "none" : `drag-item-${t}`;
-	}
-	#w() {
-		for (let e of this.#p()) e.style.removeProperty("view-transition-name");
-	}
-	#T() {
-		if (this.mode !== "preview" || !this.#e || !this.#u) return;
-		let e = this.#e, t = this.#d, n = this.#u, r = () => {
-			t && t.isConnected ? t.before(e) : n.appendChild(e);
-		};
-		this.animate && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
-			r(), this.#C();
-		}) : r();
-	}
-	#E = (e) => {
-		if (this.#e) {
-			if (this.#t) if (this.mode === "slot") {
-				let e = this.#p().filter((e) => e !== this.#e), t = this.#c >= 0 && this.#c < e.length ? e[this.#c] : null;
-				this.host.dispatchEvent(new CustomEvent("ui-drop", {
-					bubbles: !0,
-					composed: !0,
-					detail: {
-						item: this.#e,
-						fromIndex: this.#s,
-						toIndex: this.#c,
-						insertBefore: t
-					}
-				}));
-			} else if (this.mode === "preview") {
-				let e = this.#p(), t = this.#e ? e.indexOf(this.#e) : -1;
-				this.#u = null, this.#d = null, this.host.dispatchEvent(new CustomEvent("ui-drop", {
-					bubbles: !0,
-					composed: !0,
-					detail: {
-						item: this.#e,
-						fromIndex: this.#s,
-						toIndex: t
-					}
-				}));
-			} else {
-				let e = this.#m(), t = e.find((e) => e.hasAttribute("drag-over")) ?? null, n = t ? e.indexOf(t) : -1;
-				this.host.dispatchEvent(new CustomEvent("ui-drop", {
-					bubbles: !0,
-					composed: !0,
-					detail: {
-						item: this.#e,
-						target: t,
-						fromIndex: this.#s,
-						toIndex: n
-					}
-				}));
-			}
-			this.#A();
-		}
-	};
-	#D = () => {
-		this.#e && (this.#T(), this.#t && this.host.dispatchEvent(new CustomEvent("ui-drag-cancel", {
-			bubbles: !0,
-			composed: !0,
-			detail: { item: this.#e }
-		})), this.#A());
-	};
-	#O = (e) => {
-		e.key === "Escape" && this.#e && (e.preventDefault(), this.#T(), this.#t && this.host.dispatchEvent(new CustomEvent("ui-drag-cancel", {
-			bubbles: !0,
-			composed: !0,
-			detail: { item: this.#e }
-		})), this.#A());
-	};
-	#k(e) {
-		if (!this.#e) return;
-		let t = this.#e.getBoundingClientRect(), n = this.#e.cloneNode(!0);
-		n.setAttribute("popover", "manual"), n.setAttribute("aria-hidden", "true"), document.body.appendChild(n), n.showPopover(), n.style.position = "fixed", n.style.inset = "unset", n.style.left = `${t.left}px`, n.style.top = `${t.top}px`, n.style.width = `${t.width}px`, n.style.height = `${t.height}px`, n.style.margin = "0", n.style.pointerEvents = "none", n.style.opacity = "0.8", n.style.transformOrigin = "center center", n.style.border = "none", n.style.outline = "none", this.#t = n, this.#r = e.clientX, this.#i = e.clientY;
-	}
-	#A() {
-		if (this.#t) {
-			if (this.#t.isConnected) try {
-				this.#t.hidePopover();
-			} catch {}
-			this.#t.remove(), this.#t = null;
-		}
-		this.#e && this.#e.removeAttribute("dragging"), this.mode === "preview" && this.animate && this.#w();
-		let e = this.#m();
-		if (this.mode === "slot") this.#x(e);
-		else for (let t of e) t.removeAttribute("drag-over"), t.style.removeProperty("outline"), t.style.removeProperty("outline-offset");
-		this.#n &&= (this.#n.remove(), null), this.#e = null, this.#s = -1, this.#c = -1, this.#u = null, this.#d = null, this.#f = -1, document.removeEventListener("pointermove", this.#v), document.removeEventListener("pointerup", this.#E), document.removeEventListener("pointercancel", this.#D), document.removeEventListener("keydown", this.#O);
-	}
-}, i = class {
-	host;
-	handleSelector;
-	axis;
-	min;
-	max;
-	disabled;
-	reverse;
-	#e = 0;
-	#t = 0;
-	#n = 0;
-	#r = 0;
-	#i = !1;
-	#a = !1;
-	constructor(e, t) {
-		this.host = e, this.handleSelector = t.handleSelector, this.axis = t.axis ?? "horizontal", this.min = t.min ?? 0, this.max = t.max ?? Infinity, this.disabled = t.disabled ?? !1, this.reverse = t.reverse ?? !1, this.attach();
-	}
-	attach() {
-		this.#a || (this.#a = !0, this.host.addEventListener("pointerdown", this.#o));
-	}
-	detach() {
-		this.#a && (this.#a = !1, this.host.removeEventListener("pointerdown", this.#o), this.#d());
-	}
-	destroy() {
-		this.detach();
-	}
-	#o = (e) => {
-		if (e.button !== 0 || this.disabled || !this.handleSelector) return;
-		let t = e.target.closest?.(this.handleSelector);
-		if (!t || !this.host.contains(t)) return;
-		e.preventDefault(), this.#i = !0, this.#e = e.clientX, this.#t = e.clientY;
-		let n = this.host.getBoundingClientRect();
-		this.#n = n.width, this.#r = n.height, this.host.setAttribute("resizing", ""), this.host.setPointerCapture(e.pointerId), document.addEventListener("pointermove", this.#s), document.addEventListener("pointerup", this.#c), document.addEventListener("pointercancel", this.#l), document.addEventListener("keydown", this.#u), this.host.dispatchEvent(new CustomEvent("ui-resize-start", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				width: this.#n,
-				height: this.#r
-			}
-		}));
-	};
-	#s = (e) => {
-		if (!this.#i) return;
-		let t = this.reverse ? -1 : 1, n = (e.clientX - this.#e) * t, r = (e.clientY - this.#t) * t;
-		if (this.axis === "horizontal" || this.axis === "both") {
-			let e = Math.min(this.max, Math.max(this.min, this.#n + n));
-			this.host.style.width = `${e}px`;
-		}
-		if (this.axis === "vertical" || this.axis === "both") {
-			let e = Math.min(this.max, Math.max(this.min, this.#r + r));
-			this.host.style.height = `${e}px`;
-		}
-		let i = this.host.getBoundingClientRect();
-		this.host.dispatchEvent(new CustomEvent("ui-resize-move", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				width: i.width,
-				height: i.height
-			}
-		}));
-	};
-	#c = (e) => {
-		if (!this.#i) return;
-		let t = this.host.getBoundingClientRect();
-		this.host.dispatchEvent(new CustomEvent("ui-resize-end", {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				width: t.width,
-				height: t.height
-			}
-		})), this.#d();
-	};
-	#l = () => {
-		this.#i && ((this.axis === "horizontal" || this.axis === "both") && (this.host.style.width = `${this.#n}px`), (this.axis === "vertical" || this.axis === "both") && (this.host.style.height = `${this.#r}px`), this.#d());
-	};
-	#u = (e) => {
-		e.key === "Escape" && this.#i && (e.preventDefault(), (this.axis === "horizontal" || this.axis === "both") && (this.host.style.width = `${this.#n}px`), (this.axis === "vertical" || this.axis === "both") && (this.host.style.height = `${this.#r}px`), this.#d());
-	};
-	#d() {
-		this.#i = !1, this.host.removeAttribute("resizing"), document.removeEventListener("pointermove", this.#s), document.removeEventListener("pointerup", this.#c), document.removeEventListener("pointercancel", this.#l), document.removeEventListener("keydown", this.#u);
-	}
-}, a = class {
-	host;
-	#e = null;
-	#t;
-	constructor(e, t = {}) {
-		this.host = e, this.#t = t.contentTarget, this.#a();
-	}
-	get open() {
-		return this.#e?.open ?? !1;
-	}
-	showModal() {
-		!this.#e || this.open || (this.#e.showModal(), this.host.toggleAttribute("open", !0), queueMicrotask(() => {
-			let e = this.#e?.querySelector("[autofocus]");
-			if (e) {
-				e.focus();
-				return;
-			}
-			(this.#e?.querySelector("ui-input, ui-textarea, ui-button, ui-select, ui-listbox, input, textarea, select, button, [tabindex]:not([tabindex=\"-1\"])"))?.focus();
-		}));
-	}
-	close() {
-		!this.#e || !this.open || (this.#e.close(), this.host.toggleAttribute("open", !1), this.host.dispatchEvent(new Event("close")));
-	}
-	destroy() {
-		this.#e && (this.#e.removeEventListener("cancel", this.#n), this.#e.removeEventListener("click", this.#r)), this.host.removeEventListener("ui-dismiss", this.#i), this.#e = null;
-	}
-	#n = (e) => {
-		e.preventDefault(), this.host.hasAttribute("no-close-on-escape") || this.close();
-	};
-	#r = (e) => {
-		e.target === this.#e && !this.host.hasAttribute("no-close-on-backdrop") && this.close();
-	};
-	#i = () => {
-		this.host.hasAttribute("no-close-on-escape") || this.close();
-	};
-	#a() {
-		let e = document.createElement("dialog"), t = this.#t ? this.#t(e) : e;
-		for (; this.host.firstChild;) t.appendChild(this.host.firstChild);
-		t !== e && e.appendChild(t), this.host.appendChild(e), this.#e = e, e.addEventListener("cancel", this.#n), e.addEventListener("click", this.#r), this.host.addEventListener("ui-dismiss", this.#i);
-	}
-};
-export { n as i, i as n, r, a as t };

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

@@ -1,8 +0,0 @@
-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-select/ui-select.ts';
-export declare function buildInspector(container: HTMLElement): void;
-//# sourceMappingURL=build-inspector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"build-inspector.d.ts","sourceRoot":"","sources":["../../src/inspector/build-inspector.ts"],"names":[],"mappings":"AAGA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AACxB,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AA4E9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAgI3D"}

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

@@ -1,15 +0,0 @@
-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/inspector/ds-color-swatch-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-color-swatch-element.d.ts","sourceRoot":"","sources":["../../src/inspector/ds-color-swatch-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAoJlD,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/inspector/ds-color-swatch.d.ts

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

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

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

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

@@ -1,14 +0,0 @@
-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