@threadlabs/looma 0.1.21 → 0.1.23

package/dist/index.cjs

@@ -372,7 +372,7 @@ __export(ui_affordance_scope_entry_exports, {
 var uiAffordanceScopeCss, UIAffordanceScope;
 var init_ui_affordance_scope_entry = __esm({
   "dist/esm/ui-affordance-scope.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_positioning_Bu0dmLBE();
     uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
     UIAffordanceScope = class {
@@ -424,7 +424,7 @@ __export(ui_avatar_group_entry_exports, {
 var uiAvatarGroupCss, OVERFLOW_ATTR, UIAvatarGroup;
 var init_ui_avatar_group_entry = __esm({
   "dist/esm/ui-avatar-group.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiAvatarGroupCss = () => `:host{display:flex;align-items:center;flex-direction:row-reverse;gap:0}::slotted(*:not([data-ui-avatar-group-overflow])){margin-inline-end:-0.5rem;flex-shrink:0}::slotted(*:last-of-type:not([data-ui-avatar-group-overflow])){margin-inline-end:0}.overflow{margin-inline-end:-0.5rem;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.75rem;font-weight:600;flex-shrink:0}`;
     OVERFLOW_ATTR = "data-ui-avatar-group-overflow";
     UIAvatarGroup = class {
@@ -492,7 +492,7 @@ function toInitials(value) {
 var uiAvatarCss, UIAvatar;
 var init_ui_avatar_entry = __esm({
   "dist/esm/ui-avatar.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiAvatarCss = () => `:host{display:inline-grid;place-items:center;overflow:hidden;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.875rem;font-weight:600;text-transform:uppercase}.avatar{display:contents}.avatar img{grid-area:1 / 1;inline-size:100%;block-size:100%;object-fit:cover}.avatar .fallback{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}`;
     UIAvatar = class {
       constructor(hostRef) {
@@ -537,7 +537,7 @@ __export(ui_badge_entry_exports, {
 var uiBadgeCss, UIBadge;
 var init_ui_badge_entry = __esm({
   "dist/esm/ui-badge.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiBadgeCss = () => `:host{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.75rem;line-height:1;padding:0.25em 0.6em;white-space:nowrap}:host([data-tone='accent']){background:var(--ui-accent-solid);border-color:var(--ui-accent-solid);color:var(--ui-text-on-accent)}:host([data-tone='danger']){background:var(--ui-danger-solid);border-color:var(--ui-danger-solid);color:var(--ui-text-on-accent)}:host([data-tone='success']){background:var(--ui-success-solid);border-color:var(--ui-success-solid);color:var(--ui-text-on-accent)}:host([data-tone='warning']){background:var(--ui-warning-solid);border-color:var(--ui-warning-solid);color:var(--ui-text-primary)}:host([data-tone='info']){background:var(--ui-info-solid);border-color:var(--ui-info-solid);color:var(--ui-text-on-accent)}:host([data-variant='subtle'][data-tone='accent']){background:var(--ui-accent-soft);border-color:var(--ui-accent-soft);color:var(--ui-accent-solid)}:host([data-variant='subtle'][data-tone='danger']){background:var(--ui-danger-soft);border-color:var(--ui-danger-soft);color:var(--ui-danger-solid)}:host([data-variant='subtle'][data-tone='success']){background:var(--ui-success-soft);border-color:var(--ui-success-soft);color:var(--ui-success-solid)}:host([data-variant='subtle'][data-tone='warning']){background:var(--ui-warning-soft);border-color:var(--ui-warning-soft);color:var(--ui-warning-solid)}:host([data-variant='subtle'][data-tone='info']){background:var(--ui-info-soft);border-color:var(--ui-info-soft);color:var(--ui-info-solid)}`;
     UIBadge = class {
       constructor(hostRef) {
@@ -580,9 +580,9 @@ __export(ui_button_entry_exports, {
 var uiButtonCss, UIButton;
 var init_ui_button_entry = __esm({
   "dist/esm/ui-button.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}:host([variant='outline'])::slotted(button),::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-button-radius, var(--ui-radius-2));background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs))}:host([variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none;transform:translateY(0)}:host([variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs))}:host([variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([variant='destructive'])::slotted(button:active:enabled){box-shadow:none;transform:translateY(0)}:host([variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}`;
+    uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-action-secondary-text, var(--ui-text-primary))}:host([data-variant='solid']){color:var(--ui-action-primary-text, var(--ui-text-on-accent))}:host([data-variant='outline']) ::slotted(button),::slotted(button){appearance:none;min-block-size:var(--ui-button-min-block-size, 2.5rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-button-radius, var(--ui-radius-2));background:var(--ui-action-secondary-surface, var(--ui-surface-default));color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm']) ::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg']) ::slotted(button){min-block-size:var(--ui-control-min-block-size, 2.75rem);padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-action-secondary-surface-hover, var(--ui-surface-muted));border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([data-variant='solid']) ::slotted(button){border-color:var(--ui-action-primary-surface, var(--ui-accent-solid));background:var(--ui-action-primary-surface, var(--ui-accent-solid));color:var(--ui-action-primary-text, var(--ui-text-on-accent));box-shadow:var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs))}:host([data-variant='solid']) ::slotted(button:hover:enabled){background:var(--ui-action-primary-surface-hover, var(--ui-accent-hover));border-color:var(--ui-action-primary-surface-hover, var(--ui-accent-hover));box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([data-variant='solid']) ::slotted(button:active:enabled){background:var(--ui-action-primary-surface-active, var(--ui-accent-active));border-color:var(--ui-action-primary-surface-active, var(--ui-accent-active));box-shadow:none;transform:translateY(0)}:host([data-variant='destructive']) ::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs))}:host([data-variant='destructive']) ::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([data-variant='destructive']) ::slotted(button:active:enabled){box-shadow:none;transform:translateY(0)}:host([data-variant='ghost']) ::slotted(button){border-color:transparent;background:transparent}:host([data-variant='ghost']) ::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([data-variant='ghost']) ::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}:host([data-disabled='true']),:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(button:disabled){cursor:not-allowed}`;
     UIButton = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -598,8 +598,17 @@ var init_ui_button_entry = __esm({
         const btn = this.getButton();
         if (!btn)
           return;
-        this.host.dataset.size = this.size || "";
-        this.host.dataset.disabled = this.disabled ? "true" : "";
+        if (this.size) {
+          this.host.dataset.size = this.size;
+        } else {
+          delete this.host.dataset.size;
+        }
+        if (this.disabled) {
+          this.host.dataset.disabled = "true";
+        } else {
+          delete this.host.dataset.disabled;
+        }
+        this.host.dataset.variant = this.variant;
         btn.disabled = this.disabled;
       }
       componentDidLoad() {
@@ -622,7 +631,7 @@ var init_ui_button_entry = __esm({
         this.host.click();
       };
       render() {
-        return h(Host, { key: "b5f9152db70a276334df047f5cf53d1b8efe2174", "data-size": this.size || void 0, "data-disabled": this.disabled ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "b39657e832abc63a6ea6090fa061779c3ae654b5", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "9c8d479fe7f1873a447048944513648bac132d52", "data-size": this.size || void 0, "data-variant": this.variant, "data-disabled": this.disabled ? "true" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "741f48e7efd42262834992c07c4685d3e929d91c", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -650,7 +659,7 @@ __export(ui_checkbox_entry_exports, {
 var uiCheckboxCss, UICheckbox;
 var init_ui_checkbox_entry = __esm({
   "dist/esm/ui-checkbox.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     uiCheckboxCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='checkbox']){accent-color:var(--ui-accent-solid);width:1.125em;height:1.125em;cursor:pointer}::slotted(input[type='checkbox']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
     UICheckbox = class {
@@ -742,7 +751,7 @@ var init_ui_checkbox_entry = __esm({
   }
 });
 
-// dist/esm/manager-PM9a74r7.js
+// dist/esm/manager-C-0syqXZ.js
 function syncScrollLock() {
   if (typeof document === "undefined") {
     return;
@@ -770,13 +779,9 @@ function handleLightDismiss(event) {
   if (!top || !getOverlayDismissible(top)) {
     return;
   }
-  const target = event.target;
-  if (target instanceof Node) {
-    if (top.element.contains(target))
-      return;
-    if (top.relatedElements?.some((element) => element.contains(target)))
-      return;
-  }
+  const boundary = [top.element, ...top.relatedElements ?? []];
+  if (event.composedPath().some((target) => target instanceof Node && boundary.some((element) => element.contains(target))))
+    return;
   requestTopOverlayClose("light-dismiss", "pointer");
 }
 function ensureListeners() {
@@ -830,8 +835,8 @@ function requestTopOverlayClose(reason, trigger) {
   return true;
 }
 var stack, scrollLockAttribute, modalCount, listenersAttached;
-var init_manager_PM9a74r7 = __esm({
-  "dist/esm/manager-PM9a74r7.js"() {
+var init_manager_C_0syqXZ = __esm({
+  "dist/esm/manager-C-0syqXZ.js"() {
     stack = [];
     scrollLockAttribute = "data-ui-scroll-lock";
     modalCount = 0;
@@ -839,6 +844,554 @@ var init_manager_PM9a74r7 = __esm({
   }
 });
 
+// dist/esm/ui-combobox.entry.js
+var ui_combobox_entry_exports = {};
+__export(ui_combobox_entry_exports, {
+  ui_combobox: () => UICombobox
+});
+function formatEditingValue(raw, selection, format) {
+  const unchanged = { display: raw, selection };
+  if (!format)
+    return unchanged;
+  let result;
+  try {
+    result = format(raw, selection);
+  } catch {
+    return unchanged;
+  }
+  if (!result)
+    return unchanged;
+  const characters = Array.from(raw);
+  let cursor = 0;
+  for (const character of result.display)
+    if (character === characters[cursor])
+      cursor += 1;
+  if (!Number.isInteger(result.selection.start) || !Number.isInteger(result.selection.end) || cursor !== characters.length || result.selection.start < 0 || result.selection.end < result.selection.start || result.selection.end > result.display.length)
+    return unchanged;
+  return result;
+}
+async function validateField(request, config) {
+  let output = request.raw;
+  let issues = [];
+  const check = () => request.signal.throwIfAborted();
+  try {
+    check();
+    if (config.parse)
+      output = await config.parse(request.raw, request);
+    check();
+    if (config.schema) {
+      const result = await config.schema["~standard"].validate(output);
+      check();
+      if (result.issues)
+        issues = result.issues;
+      else if ("value" in result)
+        output = result.value;
+    }
+    if (!issues.some((issue) => issue.severity !== "warning")) {
+      if (config.normalize)
+        output = await config.normalize(output, request);
+      check();
+      if (config.validator) {
+        const result = await config.validator(output, request);
+        check();
+        issues = [...issues, ...result.issues ?? []];
+        if ("output" in result)
+          output = result.output;
+      }
+    }
+  } catch (error) {
+    check();
+    issues = [{ message: error instanceof Error ? error.message : "Unable to validate this value." }];
+  }
+  issues = [...issues, ...config.issues ?? []];
+  return { output: issues.some((issue) => issue.severity !== "warning") ? void 0 : output, issues };
+}
+var uiComboboxCss, UICombobox;
+var init_ui_combobox_entry = __esm({
+  "dist/esm/ui-combobox.entry.js"() {
+    init_index_8BGiMGQ0();
+    init_positioning_Bu0dmLBE();
+    init_manager_C_0syqXZ();
+    uiComboboxCss = () => `:host{display:grid;gap:var(--ui-space-1);min-inline-size:0;color:var(--ui-text-primary);font:inherit}label{color:var(--ui-field-label-color, var(--ui-text-primary));font-size:var(--ui-field-label-size, 0.875rem);font-weight:var(--ui-field-label-weight, 500)}.field{display:flex;min-inline-size:0;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default))}.field:focus-within{border-color:var(--ui-control-focus, var(--ui-focus-ring));outline:2px solid var(--ui-control-focus, var(--ui-focus-ring));outline-offset:1px}input{appearance:none;width:100%;min-inline-size:0;min-block-size:var(--ui-control-min-block-size, 2.75rem);box-sizing:border-box;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;outline:none}:host([data-size='sm']) input{min-block-size:var(--ui-field-compact-size, 2rem);padding:var(--ui-space-1) var(--ui-space-2)}button{appearance:none;border:0;border-radius:var(--ui-radius-2);background:transparent;color:var(--ui-field-affordance-color, var(--ui-text-secondary));font:inherit;font-weight:var(--ui-field-affordance-weight, 400);min-inline-size:2rem;padding:var(--ui-space-1);cursor:pointer}button:hover:enabled{background:var(--ui-surface-muted);color:var(--ui-text-primary)}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:-3px}input:disabled,button:disabled{color:var(--ui-text-muted);cursor:not-allowed}.field:has(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted))}:host([data-validation='error']) .field{border-color:var(--ui-danger-solid, var(--ui-accent-active))}.popup{box-sizing:border-box;min-inline-size:12rem;max-inline-size:calc(100vw - 1rem);max-block-size:var(--ui-combobox-max-block-size, 18rem);overflow:auto;margin:0;padding:var(--ui-space-1);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-md)}[hidden]{display:none !important}.option{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-1);cursor:pointer;overflow-wrap:anywhere}.option:hover,.option[data-active]{background:var(--ui-surface-muted);outline:1px solid var(--ui-focus-ring);outline-offset:-1px}.option[aria-disabled='true']{color:var(--ui-text-muted);cursor:not-allowed}.primary{display:block;color:var(--ui-option-primary-color, var(--ui-text-primary));font-weight:var(--ui-option-primary-weight, 500)}.secondary{display:block;color:var(--ui-option-secondary-color, var(--ui-text-secondary));font-weight:var(--ui-option-secondary-weight, 400);font-size:var(--ui-font-size-sm)}.message,.group{color:var(--ui-field-message-color, var(--ui-text-secondary));font-weight:var(--ui-field-message-weight, 400);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-md);overflow-wrap:anywhere}.group,.popup .message{padding:var(--ui-space-2) var(--ui-space-3)}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (pointer: coarse){button{min-inline-size:2.75rem;min-block-size:2.75rem}}@media (forced-colors: active){.field,.popup{border-color:CanvasText}.option[data-active]{outline-color:Highlight}}`;
+    UICombobox = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.queryChange = createEvent(this, "query-change");
+        this.valueChange = createEvent(this, "value-change");
+        this.freeEntry = createEvent(this, "free-entry");
+        this.createEntry = createEvent(this, "create-entry");
+        this.dependencyInvalidate = createEvent(this, "dependency-invalidate");
+        this.validationChange = createEvent(this, "validation-change");
+        this.optionsChange = createEvent(this, "options-change");
+      }
+      get host() {
+        return getElement(this);
+      }
+      /** Accessible visible label, associated with the native text input. */
+      label = "";
+      placeholder = "";
+      name = "";
+      /** Controlled canonical value. Undefined selects uncontrolled mode; null means no selection. */
+      value;
+      defaultValue;
+      /** Controlled raw editing text; independent of canonical selection. */
+      query;
+      defaultQuery = "";
+      /** Immutable configuration; replace the object/context when dependencies change. */
+      config = {};
+      disabled = false;
+      readOnly = false;
+      required = false;
+      size = "md";
+      disclosure = false;
+      clearable = false;
+      /** Optional description shown by the connected question-mark button. */
+      help = "";
+      queryChange;
+      valueChange;
+      freeEntry;
+      createEntry;
+      dependencyInvalidate;
+      validationChange;
+      /** Supplies the current result rows for framework-owned rich slots. */
+      optionsChange;
+      raw = "";
+      display = "";
+      selected = null;
+      expanded = false;
+      rows = [];
+      active = -1;
+      loading = false;
+      helpOpen = false;
+      lookupError = "";
+      validation = { status: "pristine", touched: false, dirty: false, issues: [] };
+      input;
+      popup;
+      field;
+      surface;
+      lookup;
+      validationRun;
+      lookupTimer;
+      composing = false;
+      initialRaw = "";
+      overlayId = `ui-combobox-${Math.random().toString(36).slice(2)}`;
+      alive = false;
+      fullSet = false;
+      knownOptions = /* @__PURE__ */ new Map();
+      awaitingLabel = null;
+      proposedChange;
+      formattedRaw;
+      formattedWith;
+      componentWillLoad() {
+        this.selected = this.value !== void 0 ? this.value : this.defaultValue ?? null;
+        this.raw = this.query ?? this.defaultQuery;
+        if (this.query === void 0 && !this.raw && this.selected !== null) {
+          this.raw = this.config.options?.find((row) => row.value === this.selected)?.label ?? this.selected;
+        }
+        if (this.query === void 0 && this.selected !== null && this.raw === this.selected)
+          this.awaitingLabel = this.selected;
+        this.display = this.raw;
+        this.initialRaw = this.raw;
+        this.applyServerIssues();
+      }
+      connectedCallback() {
+        this.alive = true;
+        this.setupSurface();
+      }
+      componentDidLoad() {
+        this.setupSurface();
+      }
+      componentDidUpdate() {
+        if (this.input && !this.composing && this.input.value !== this.display)
+          this.input.value = this.display;
+        if (this.expanded)
+          this.surface?.refresh();
+      }
+      disconnectedCallback() {
+        this.alive = false;
+        this.close();
+        this.validationRun?.abort();
+        this.surface?.destroy();
+        this.surface = void 0;
+      }
+      setupSurface() {
+        if (!this.surface && this.popup && this.field)
+          this.surface = createAnchoredSurface(this.popup, { anchor: this.field, placement: "bottom-start" });
+      }
+      syncValue() {
+        if (this.value === void 0)
+          return;
+        this.selected = this.value;
+        if (this.query === void 0) {
+          const proposal = this.proposedChange;
+          const option = this.config.options?.find((row) => row.value === this.selected) ?? (this.selected === null ? void 0 : this.knownOptions.get(this.selected));
+          const nextRaw = proposal?.value === this.selected ? proposal.query : option?.label ?? this.selected ?? "";
+          if (proposal?.value !== this.selected || nextRaw !== this.raw) {
+            this.raw = nextRaw;
+            this.display = this.raw;
+            this.formattedRaw = void 0;
+          }
+          this.awaitingLabel = !option && this.selected !== null ? this.selected : null;
+        }
+        this.resetValidation();
+      }
+      syncQuery() {
+        if (this.query === void 0 || this.query === this.raw)
+          return;
+        if (this.value === void 0 && this.proposedChange?.query !== this.query)
+          this.selected = null;
+        this.awaitingLabel = null;
+        this.formattedRaw = void 0;
+        this.raw = this.query;
+        this.display = this.raw;
+        this.resetValidation();
+        if (this.expanded)
+          this.search("input");
+      }
+      syncDisabled() {
+        if (this.disabled || this.readOnly) {
+          this.close();
+          this.resetValidation();
+        }
+      }
+      syncConfig(next, previous) {
+        this.validationRun?.abort();
+        if (next.provider !== previous?.provider || next.context !== previous?.context)
+          this.knownOptions.clear();
+        if (next.context !== previous?.context) {
+          this.close();
+          const policy = next.invalidation ?? "retain-query";
+          const value = policy === "retain" ? this.selected : null;
+          const query = policy === "clear" ? "" : this.raw;
+          this.commit(value, query, null, "invalidation", "programmatic");
+          this.validation = { status: "pristine", touched: false, dirty: this.raw !== this.initialRaw, issues: [] };
+        }
+        this.applyServerIssues();
+        if (this.expanded)
+          this.search("context");
+      }
+      applyServerIssues() {
+        const issues = this.config.issues ?? [];
+        if (issues.length)
+          this.setValidation({ issues }, this.validation.touched);
+        else
+          this.resetValidation();
+      }
+      resetValidation() {
+        this.validationRun?.abort();
+        this.validation = { status: "pristine", touched: this.validation.touched, dirty: this.raw !== this.initialRaw, issues: [] };
+        this.validationChange?.emit(this.validation);
+      }
+      cancelLookup() {
+        clearTimeout(this.lookupTimer);
+        this.lookup?.abort();
+        this.lookup = void 0;
+        this.loading = false;
+      }
+      close() {
+        this.expanded = false;
+        this.active = -1;
+        this.cancelLookup();
+        this.surface?.hide();
+        closeOverlay(this.overlayId);
+      }
+      open(reason = "input") {
+        if (this.disabled || this.readOnly)
+          return;
+        this.expanded = true;
+        if (this.popup && this.field)
+          this.popup.style.minWidth = `${this.field.getBoundingClientRect().width}px`;
+        this.surface?.show();
+        openOverlay({
+          id: this.overlayId,
+          element: this.popup,
+          relatedElements: [this.host],
+          modal: false,
+          requestClose: () => this.close()
+        });
+        this.search(reason);
+      }
+      search(reason) {
+        this.cancelLookup();
+        this.fullSet = reason === "disclosure";
+        this.active = -1;
+        this.lookupError = "";
+        const config = this.config;
+        const query = this.fullSet ? "" : this.raw;
+        const controller = new AbortController();
+        this.lookup = controller;
+        const apply = (options) => {
+          if (controller.signal.aborted || !this.alive)
+            return;
+          for (const option of options)
+            this.knownOptions.set(option.value, option);
+          const selectedOption = this.selected === null ? void 0 : this.knownOptions.get(this.selected);
+          if (this.query === void 0 && this.awaitingLabel === this.selected && selectedOption) {
+            this.raw = selectedOption.label;
+            this.display = this.raw;
+            this.awaitingLabel = null;
+            this.formattedRaw = void 0;
+            this.resetValidation();
+          }
+          const ids = /* @__PURE__ */ new Set();
+          this.rows = options.filter((option) => {
+            if (ids.has(option.id))
+              return false;
+            ids.add(option.id);
+            return this.fullSet || (config.filter ? config.filter(option, query, config.context) : config.provider ? true : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
+          });
+          const groups = /* @__PURE__ */ new Map();
+          for (const row of this.rows) {
+            const group = row.group ?? "";
+            if (!groups.has(group))
+              groups.set(group, []);
+            groups.get(group).push(row);
+          }
+          this.rows = [...groups.values()].flat();
+          this.loading = false;
+          this.optionsChange.emit(this.rows);
+        };
+        if (!config.provider) {
+          apply(config.options ?? []);
+          return;
+        }
+        this.rows = [];
+        this.loading = true;
+        this.lookupTimer = setTimeout(async () => {
+          try {
+            apply(await config.provider({ query, context: config.context, signal: controller.signal, reason }));
+          } catch (error) {
+            if (controller.signal.aborted || !this.alive)
+              return;
+            this.loading = false;
+            this.lookupError = error instanceof Error ? error.message : "Unable to load suggestions.";
+          }
+        }, reason === "disclosure" ? 0 : Math.max(0, config.debounce ?? 200));
+      }
+      get canCreate() {
+        return Boolean(this.config.allowCreate && this.raw.trim() && !this.loading && !this.lookupError && !this.rows.some((row) => row.label.toLocaleLowerCase() === this.raw.toLocaleLowerCase()));
+      }
+      format(timing) {
+        if ((this.config.formatOn ?? "blur") !== timing || !this.input)
+          return;
+        if (this.formattedRaw === this.raw && this.formattedWith === this.config.format)
+          return;
+        const result = formatEditingValue(this.raw, {
+          start: this.input.selectionStart ?? this.raw.length,
+          end: this.input.selectionEnd ?? this.raw.length,
+          direction: this.input.selectionDirection ?? "none"
+        }, this.config.format);
+        this.formattedRaw = this.raw;
+        this.formattedWith = this.config.format;
+        this.display = result.display;
+        if (this.input.value !== result.display) {
+          this.input.value = result.display;
+          this.input.setSelectionRange(result.selection.start, result.selection.end, result.selection.direction);
+        }
+      }
+      onInput = (event) => {
+        if (this.composing || event.isComposing)
+          return;
+        this.awaitingLabel = null;
+        this.formattedRaw = void 0;
+        this.raw = this.input.value;
+        this.display = this.raw;
+        this.resetValidation();
+        this.format("input");
+        this.queryChange.emit({ query: this.raw, display: this.display, trigger: "keyboard" });
+        if (this.selected !== null)
+          this.commit(null, this.raw, null, "clear", "keyboard");
+        this.open();
+        if (this.config.validateOn === "input")
+          void this.validate();
+        queueMicrotask(() => {
+          if (this.query !== void 0 && this.query !== this.raw)
+            this.syncQuery();
+        });
+      };
+      commit(value, query, option, kind, trigger) {
+        this.awaitingLabel = null;
+        const queryChanged = query !== this.raw;
+        if (this.value === void 0)
+          this.selected = value;
+        if (this.query === void 0 && queryChanged) {
+          this.raw = query;
+          this.display = query;
+          this.formattedRaw = void 0;
+        }
+        this.resetValidation();
+        const detail = { value, query, option, kind, trigger };
+        const proposal = { value, query };
+        this.proposedChange = proposal;
+        this.valueChange.emit(detail);
+        if (queryChanged)
+          this.queryChange.emit({ query, display: query, trigger });
+        if (kind === "create")
+          this.createEntry.emit(detail);
+        if (kind === "free-entry")
+          this.freeEntry.emit(detail);
+        if (kind === "invalidation")
+          this.dependencyInvalidate.emit(detail);
+        queueMicrotask(() => {
+          if (this.proposedChange !== proposal)
+            return;
+          if (this.value !== void 0 && this.value !== proposal.value)
+            this.syncValue();
+          if (this.query !== void 0 && this.query !== proposal.query) {
+            if (this.value === void 0) {
+              this.selected = null;
+              this.resetValidation();
+            }
+            this.syncQuery();
+          }
+          this.proposedChange = void 0;
+        });
+      }
+      choose(index, trigger) {
+        const option = this.rows[index];
+        if (option?.disabled)
+          return;
+        if (option)
+          this.commit(option.value, option.label, option, "selection", trigger);
+        else if (this.canCreate && index === this.rows.length)
+          this.commit(null, this.raw, null, "create", trigger);
+        else
+          return;
+        this.close();
+        this.input?.focus();
+        if (this.config.validateOn !== "submit")
+          queueMicrotask(() => void this.validate());
+      }
+      move(key) {
+        const indices = this.rows.flatMap((row, index) => row.disabled ? [] : [index]);
+        if (this.canCreate)
+          indices.push(this.rows.length);
+        if (!indices.length)
+          return;
+        const current = indices.indexOf(this.active);
+        const next = key === "Home" ? 0 : key === "End" ? indices.length - 1 : key === "ArrowDown" ? Math.min(current + 1, indices.length - 1) : current < 0 ? indices.length - 1 : Math.max(0, current - 1);
+        this.active = indices[next];
+        requestAnimationFrame(() => this.host.shadowRoot?.getElementById(`option-${this.active}`)?.scrollIntoView({ block: "nearest" }));
+      }
+      onKeydown = (event) => {
+        if (this.composing || event.isComposing || this.disabled || this.readOnly)
+          return;
+        if (event.key === "Escape" && this.expanded) {
+          event.preventDefault();
+          event.stopPropagation();
+          this.close();
+          return;
+        }
+        if (event.key === "Tab") {
+          this.close();
+          return;
+        }
+        if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
+          return;
+        if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+          event.preventDefault();
+          if (!this.expanded)
+            this.open("disclosure");
+          this.move(event.key);
+        } else if ((event.key === "Home" || event.key === "End") && this.expanded && this.active >= 0) {
+          event.preventDefault();
+          this.move(event.key);
+        } else if (event.key === "Enter" && this.expanded) {
+          if (this.active >= 0) {
+            event.preventDefault();
+            this.choose(this.active, "keyboard");
+          } else if (this.config.allowFreeText) {
+            event.preventDefault();
+            this.commit(null, this.raw, null, "free-entry", "keyboard");
+            this.close();
+          }
+        }
+      };
+      onFocusOut = (event) => {
+        if (event.relatedTarget instanceof Node && this.host.shadowRoot?.contains(event.relatedTarget))
+          return;
+        this.close();
+        this.format("blur");
+        this.validation = { ...this.validation, touched: true };
+        if (this.config.allowFreeText && this.selected === null)
+          this.commit(null, this.raw, null, "free-entry", "keyboard");
+        if ((this.config.validateOn ?? "blur") === "blur")
+          void this.validate();
+      };
+      setValidation(result, touched = this.validation.touched) {
+        const blocking = result.issues.some((issue) => issue.severity !== "warning");
+        this.validation = {
+          status: blocking ? "error" : result.issues.length ? "warning" : "valid",
+          touched,
+          dirty: this.raw !== this.initialRaw,
+          ...result
+        };
+        this.validationChange?.emit(this.validation);
+      }
+      /** Validate for submission. Caller submits only non-pending, non-error output. */
+      async validate() {
+        this.validationRun?.abort();
+        const run = new AbortController();
+        this.validationRun = run;
+        this.validation = { ...this.validation, status: "pending", output: void 0 };
+        this.validationChange.emit(this.validation);
+        try {
+          const result = await validateField({ raw: this.raw, value: this.selected, context: this.config.context, signal: run.signal }, this.config);
+          if (this.required && !this.raw.trim())
+            result.issues = [...result.issues, { message: "A value is required." }];
+          else if (this.raw && this.selected === null && !this.config.allowFreeText && !this.config.allowCreate)
+            result.issues = [...result.issues, { message: "Choose a suggestion." }];
+          if (result.issues.some((issue) => issue.severity !== "warning"))
+            result.output = void 0;
+          if (!run.signal.aborted && this.alive)
+            this.setValidation(result);
+        } catch {
+        }
+        return this.validation;
+      }
+      render() {
+        const description = [this.helpOpen ? "help-text" : "", this.validation.issues.length ? "validation" : ""].filter(Boolean).join(" ") || void 0;
+        const status = this.loading ? "Loading suggestions\u2026" : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : "");
+        const groups = [...new Set(this.rows.map((row) => row.group ?? ""))];
+        return h(Host, { key: "2378bfd8473852642fef21898f4a756eb3b092ba", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "7aba65aeb336d490ddeaf5db9bba9db8ab8b9dbb", htmlFor: "input", part: "label" }, this.label, this.required ? " *" : ""), h("div", { key: "ee87156259d0fe1e2e56c4b36667e8daf5e1e2c1", class: "field", part: "field", ref: (element) => this.field = element }, h("input", { key: "35c5b85ff9a4bcba9bddaf85ff1f118a94aa077b", id: "input", ref: (element) => this.input = element, role: "combobox", "aria-autocomplete": "list", "aria-expanded": String(this.expanded), "aria-controls": "listbox", "aria-activedescendant": this.expanded && this.active >= 0 ? `option-${this.active}` : void 0, "aria-describedby": description, "aria-invalid": String(this.validation.status === "error"), "aria-busy": String(this.validation.status === "pending"), value: this.display, placeholder: this.placeholder, name: this.name || void 0, disabled: this.disabled, readOnly: this.readOnly, required: this.required, autoComplete: "off", part: "input", onInput: this.onInput, onKeyDown: this.onKeydown, onCompositionstart: () => this.composing = true, onCompositionend: () => {
+          this.composing = false;
+          this.onInput(new InputEvent("input"));
+        } }), this.clearable && h("button", { key: "74e4f44836b751ab5e9f794a39b480602e0c106d", type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => {
+          this.commit(null, "", null, "clear", "pointer");
+          this.close();
+          this.input?.focus();
+        } }, "\xD7"), this.help && h("button", { key: "c870ced139fb22baa50a1795ab78f14c38647d34", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "ba3dc5128c1941b21b53a5ba78a27017b3df5ec8", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "eced588e3fa7958dd6185173faaef01219c30243", type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
+          if (this.expanded)
+            this.close();
+          else
+            this.open("disclosure");
+          this.input?.focus();
+        } }, h("span", { key: "7cb9f7f2bb15246dcdd2348ea0ca656d1d0c8c33", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "b1b5d42ca457f9b951758bb5e816c8dbbcd1087d", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "9eca2df66c72917e6bfda21205c2a4ef97dd91d5", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "641e1f137c9cfef5d08ec99f6178e59487a20bf1", id: "listbox", role: "listbox", "aria-label": `${this.label} suggestions`, "aria-busy": String(this.loading) }, groups.map((group) => h("div", { role: group ? "group" : "presentation", "aria-label": group || void 0 }, group && h("div", { class: "group", part: "group" }, group), this.rows.map((row, index) => (row.group ?? "") !== group ? null : h("div", { id: `option-${index}`, role: "option", "aria-selected": String(this.selected === row.value), "aria-disabled": String(Boolean(row.disabled)), "data-active": this.active === index ? "" : void 0, part: "option", class: "option", onPointerDown: (event) => event.preventDefault(), onClick: () => this.choose(index, "pointer") }, h("slot", { name: `option-${row.id}` }, h("span", { class: "primary", part: "option-primary" }, row.label), row.description && h("span", { class: "secondary", part: "option-secondary" }, row.description)))))), this.canCreate && h("div", { key: "38a3aa6b2ffae30e6f81e1f89d10c9966dd31b10", id: `option-${this.rows.length}`, role: "option", "aria-selected": "false", class: "option", part: "option", "data-active": this.active === this.rows.length ? "" : void 0, onPointerDown: (event) => event.preventDefault(), onClick: () => this.choose(this.rows.length, "pointer") }, h("slot", { key: "dd3e895ef363f6d30a0c25e4b5092a8feacc63e5", name: "create" }, "Create \u201C", this.raw, "\u201D"))), this.loading ? h("div", { class: "message" }, h("slot", { name: "loading" }, "Loading suggestions\u2026")) : this.lookupError ? h("div", { class: "message" }, h("slot", { name: "error" }, this.lookupError)) : !this.rows.length && !this.canCreate ? h("div", { class: "message" }, h("slot", { name: "empty" }, "No suggestions.")) : null), h("div", { key: "9cf12a8fde7d9cfb9e2d2a77669ac4708c7fded6", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "1c7b1d3f658e500cbf5f5004a76a39511cc79c49", class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, status, " ", this.validation.status === "pending" ? "Checking value\u2026" : this.validation.issues.map((issue) => issue.message).join(" ")));
+      }
+      static get watchers() {
+        return {
+          "value": [{
+            "syncValue": 0
+          }],
+          "query": [{
+            "syncQuery": 0
+          }],
+          "disabled": [{
+            "syncDisabled": 0
+          }],
+          "readOnly": [{
+            "syncDisabled": 0
+          }],
+          "config": [{
+            "syncConfig": 0
+          }]
+        };
+      }
+    };
+    UICombobox.style = uiComboboxCss();
+  }
+});
+
 // dist/esm/ui-context-menu.entry.js
 var ui_context_menu_entry_exports = {};
 __export(ui_context_menu_entry_exports, {
@@ -847,8 +1400,8 @@ __export(ui_context_menu_entry_exports, {
 var uiContextMenuCss, UIContextMenu;
 var init_ui_context_menu_entry = __esm({
   "dist/esm/ui-context-menu.entry.js"() {
-    init_index_CEeiinfk();
-    init_manager_PM9a74r7();
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
     init_events_JwSoedEO();
     init_positioning_Bu0dmLBE();
     uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
@@ -1060,7 +1613,7 @@ var init_ui_context_menu_entry = __esm({
         this.closeMenu("action", "pointer");
       };
       render() {
-        return h(Host, { key: "4db0d5b55ead41925aa682b1e383b5735b49bf56", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "462925d53db169c13e485789ae91e28b0abd3e40", name: "trigger" }), h("div", { key: "cac8f3b11c4872d38e976f210ce9a43fd854b335", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "ba50f74e11466da2240f7568479d5d10a614b394", open: this.internalOpen }, h("slot", { key: "1fcb45bf124e2377ac6c7fc236d2babf0d9e3bae" }))));
+        return h(Host, { key: "641dd3aba6120cf4187f4503c64029eaf307dc4f", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "3f550349f9537b951b50a8c291f1951dd5a3b723", name: "trigger" }), h("div", { key: "a612523f054986122638722340d8135c44a85399", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "0711879d09900183e938d8942abb8b9032812a5f", open: this.internalOpen }, h("slot", { key: "8e088dd20a48d8fb81126f2dd020abb886e86e22" }))));
       }
       static get watchers() {
         return {
@@ -1088,8 +1641,8 @@ __export(ui_dialog_entry_exports, {
 var uiDialogCss, UIDialog;
 var init_ui_dialog_entry = __esm({
   "dist/esm/ui-dialog.entry.js"() {
-    init_index_CEeiinfk();
-    init_manager_PM9a74r7();
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
     init_events_JwSoedEO();
     uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
     UIDialog = class {
@@ -1166,7 +1719,7 @@ var init_ui_dialog_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "c10f9063a1c2677caff3b8d1f26b37bf25978a77", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "a7111bd363cab94f394cca526bf34ea8081e5228", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.label }, h("slot", { key: "b0a9699fe0be09e331cfea81b6bbeaec11d48956" })));
+        return h(Host, { key: "6e88afd3a595ab0eed3d82a046ffb15e1e167cdb", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "420e4d8de66245a5818a1284adb23a536ebcd907", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.label }, h("slot", { key: "10604688504f013f79b7a6ed5f9ed36bc9c6b48b" })));
       }
       static get watchers() {
         return {
@@ -1203,7 +1756,7 @@ __export(ui_disclosure_entry_exports, {
 var uiDisclosureCss, UIDisclosure;
 var init_ui_disclosure_entry = __esm({
   "dist/esm/ui-disclosure.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_id_hgBUJRDa();
     init_events_JwSoedEO();
     uiDisclosureCss = () => `:host{display:block}::slotted([hidden]){display:none !important}`;
@@ -1293,7 +1846,7 @@ var init_ui_disclosure_entry = __esm({
         this.setOpen(!this.internalOpen, { reason: "action", trigger: "keyboard" });
       };
       render() {
-        return h(Host, { key: "7fbc83614f8e988a43d1baac0379a6dc8826b1d5" }, h("slot", { key: "6ef33ca7bce5c4d83ab65642f52a9d17febb794d" }));
+        return h(Host, { key: "3905d2d78a2d3d4ef36b582ba0f426be8e5e0f5e" }, h("slot", { key: "18547ff56457b73319264bba981f994fb947dffb" }));
       }
       static get watchers() {
         return {
@@ -1318,7 +1871,7 @@ __export(ui_floating_action_button_entry_exports, {
 var uiFloatingActionButtonCss, UIFloatingActionButton;
 var init_ui_floating_action_button_entry = __esm({
   "dist/esm/ui-floating-action-button.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiFloatingActionButtonCss = () => `:host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:max(     var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),     env(safe-area-inset-right)   );inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}`;
     UIFloatingActionButton = class {
       constructor(hostRef) {
@@ -1328,7 +1881,7 @@ var init_ui_floating_action_button_entry = __esm({
       mobileOnly = false;
       label = "";
       render() {
-        return h(Host, { key: "6f67f3967cf8883005f6c56747db515db5ebe1d0", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "deebb9261221c144b30bc3e41790158fc339cd14", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "3b045b69a4508c84dd5b7c8b3df0e6f3eded1c13" })));
+        return h(Host, { key: "c9a7d8c9b6d6608566b21621a73d939f372c830d", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "8eddccaf6be2f028bc02df967038843120045b84", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "0ea12efb9cb8ecec06238066827a734fb3b01e1e" })));
       }
     };
     UIFloatingActionButton.style = uiFloatingActionButtonCss();
@@ -1343,9 +1896,9 @@ __export(ui_form_field_entry_exports, {
 var uiFormFieldCss, UIFormField;
 var init_ui_form_field_entry = __esm({
   "dist/esm/ui-form-field.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_id_hgBUJRDa();
-    uiFormFieldCss = () => `:host{display:grid;gap:var(--ui-space-2);color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){color:var(--ui-text-muted);font-size:0.875rem}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}`;
+    uiFormFieldCss = () => `:host{display:grid;gap:var(--ui-space-2);min-inline-size:0;align-content:start;color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){min-block-size:var(--ui-form-field-help-min-block-size, 0);color:var(--ui-text-muted);font-size:0.875rem;line-height:var(--ui-line-height-md)}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}`;
     UIFormField = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1394,7 +1947,7 @@ var init_ui_form_field_entry = __esm({
         input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
       }
       render() {
-        return h(Host, { key: "c0a01ac28a7dd0e0b285e4b9f9763ef536a83a2e", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "b09be4482299d866a0651393e269299dedb0cbf4" }));
+        return h(Host, { key: "cdd06c6b16ac56f3547e64e7888d8766243392db", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "7d545673a3485f8beee01b13ab56185b98ba8856" }));
       }
     };
     UIFormField.style = uiFormFieldCss();
@@ -1409,7 +1962,7 @@ __export(ui_icon_button_entry_exports, {
 var uiIconButtonCss, UIIconButton;
 var init_ui_icon_button_entry = __esm({
   "dist/esm/ui-icon-button.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiIconButtonCss = () => `:host{display:inline-flex;color:var(--ui-text-secondary)}:host([anticipatory]){position:relative}:host([anticipatory])::before{content:'';position:absolute;inset:50% auto auto 50%;z-index:1;inline-size:var(--ui-affordance-guide-size, 0.25rem);block-size:var(--ui-affordance-guide-size, 0.25rem);border-radius:var(--ui-radius-round, 999px);background:var(--ui-affordance-guide-color, var(--ui-border-strong));opacity:var(--ui-affordance-guide-opacity, 0.42);transform:translate(-50%, -50%);transition:opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);pointer-events:none}:host([anticipatory]) button{opacity:0;transform:scale(0.72);pointer-events:none}:host([anticipatory][data-ui-proximity='near'])::before,:host([anticipatory]:focus-within)::before,:host([anticipatory]:hover)::before,:host([anticipatory][variant='solid'])::before{opacity:0}:host([anticipatory][data-ui-proximity='near']) button,:host([anticipatory]:focus-within) button,:host([anticipatory]:hover) button,:host([anticipatory][variant='solid']) button{opacity:1;transform:scale(1);pointer-events:auto}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease)}@media (hover: none), (pointer: coarse){:host([anticipatory])::before{opacity:0}:host([anticipatory]) button{opacity:1;transform:none;pointer-events:auto}}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var(     --ui-icon-button-solid-shadow,     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)   )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}`;
     UIIconButton = class {
       constructor(hostRef) {
@@ -1422,7 +1975,7 @@ var init_ui_icon_button_entry = __esm({
       /** Reveals this control through a surrounding ui-affordance-scope. */
       anticipatory = false;
       render() {
-        return h(Host, { key: "dd6149d96d534a641eedaf808df5348eef48f31f", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "3e1b83a3e01b724cb75ddb7243a1e85bd9eb3420", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "d280293841471ad37f556c73d86de3223e1f98e6" })));
+        return h(Host, { key: "8616d7e52a03a7a42738b11f4cabed3eb38c8640", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "fae1362a50a0d80e2fcb3ab41f63ff21cf5d939a", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "e548fc504e3b26e85263fe3fc8faac0887fee16b" })));
       }
     };
     UIIconButton.style = uiIconButtonCss();
@@ -1437,9 +1990,9 @@ __export(ui_input_entry_exports, {
 var uiInputCss, UIInput;
 var init_ui_input_entry = __esm({
   "dist/esm/ui-input.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    uiInputCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(input){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(input:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(input:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(input),::slotted(input[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(input:disabled){background:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(input:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
+    uiInputCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(input){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(input:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(input:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(input),::slotted(input[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(input:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
     UIInput = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1447,7 +2000,7 @@ var init_ui_input_entry = __esm({
       get host() {
         return getElement(this);
       }
-      value = "";
+      value;
       defaultValue = "";
       disabled = false;
       invalid = false;
@@ -1455,14 +2008,16 @@ var init_ui_input_entry = __esm({
       internalValue = "";
       slotRef;
       syncFromProp() {
-        this.internalValue = this.value;
+        if (this.value !== void 0)
+          this.internalValue = this.value;
       }
       syncToInput() {
         const input = this.getInput();
         if (!input)
           return;
         this.host.dataset.invalid = this.invalid ? "true" : "";
-        input.value = this.internalValue;
+        if (this.value !== void 0)
+          input.value = this.internalValue;
         input.defaultValue = this.defaultValue;
         input.disabled = this.disabled;
         input.readOnly = this.readOnly;
@@ -1510,7 +2065,7 @@ var init_ui_input_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "2b3b4f6862cf5c5e413aaefb349c53d4e66eb6d0", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "140dc656f13399b8ef05adb6cfa1d9a7e1373c2d", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "a2f2c108144a7acae0dfb1bef6ea1f38a4dcca9c", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "04284765a12089a8a1045056d72551a3494f00fc", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -1547,7 +2102,7 @@ __export(ui_menu_item_entry_exports, {
 var uiMenuItemCss, UIMenuItem;
 var init_ui_menu_item_entry = __esm({
   "dist/esm/ui-menu-item.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiMenuItemCss = () => `:host{display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}:host(:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}:host([aria-disabled='true']),:host([disabled]){opacity:0.6;cursor:not-allowed}`;
     UIMenuItem = class {
       constructor(hostRef) {
@@ -1556,7 +2111,7 @@ var init_ui_menu_item_entry = __esm({
       disabled = false;
       value = "";
       render() {
-        return h(Host, { key: "c0024d4bb84224019121b98a6fec36bfdad00864", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("slot", { key: "00eee7c496dfaf71e8ec158606ebc6641e2ef0d8" }));
+        return h(Host, { key: "ebd7c5aa5c8fdce2d2349aef7f1a4505b9190852", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("slot", { key: "7b55a8545034b055f8cbd047a0f16ea729af097e" }));
       }
     };
     UIMenuItem.style = uiMenuItemCss();
@@ -1571,9 +2126,9 @@ __export(ui_menu_entry_exports, {
 var uiMenuCss, UIMenu;
 var init_ui_menu_entry = __esm({
   "dist/esm/ui-menu.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    init_manager_PM9a74r7();
+    init_manager_C_0syqXZ();
     init_positioning_Bu0dmLBE();
     uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:auto;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}`;
     UIMenu = class {
@@ -1716,7 +2271,7 @@ var init_ui_menu_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "06ad0750df843cb874bd4f257d8567157c855493", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "50118ac749a2747ca06f4d483499c4cd20125a89" }));
+        return h(Host, { key: "25ae79e914820dfc470fa03d8c843646c3c060d9", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "b3a8b130e55610d948bc3e4603dede59dd560d05" }));
       }
       static get watchers() {
         return {
@@ -1747,8 +2302,8 @@ __export(ui_popover_entry_exports, {
 var uiPopoverCss, UIPopover;
 var init_ui_popover_entry = __esm({
   "dist/esm/ui-popover.entry.js"() {
-    init_index_CEeiinfk();
-    init_manager_PM9a74r7();
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
     init_events_JwSoedEO();
     init_positioning_Bu0dmLBE();
     uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
@@ -1855,7 +2410,7 @@ var init_ui_popover_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "8e45be54147ff8f76a0d5e7fd875c3f4cf5ac40a", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "3141729cd32c8dcdaec1fbd763eb034242563c8f" }));
+        return h(Host, { key: "cd957cb9fd5d1c05da7729a16d4cb229bc1deffa", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "d14960a1471948120f7173e18adae8d86e4fabb7" }));
       }
       static get watchers() {
         return {
@@ -1886,7 +2441,7 @@ __export(ui_radio_group_entry_exports, {
 var uiRadioGroupCss, UIRadioGroup;
 var init_ui_radio_group_entry = __esm({
   "dist/esm/ui-radio-group.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     uiRadioGroupCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2)}:host([data-orientation='vertical']){display:inline-grid;justify-items:start}`;
     UIRadioGroup = class {
@@ -1992,7 +2547,7 @@ var init_ui_radio_group_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "5410f4adb5d4ca888287150f57de38ab59cc791d", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "d3988acaf5456e89f26d449ccaadaf237c223bbd" }));
+        return h(Host, { key: "e80e01600d499d1b8e3410060433dac2bb8cf38a", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "e60dcfa1b174b1a4c9092567e6ec4d9f5bcd9ffe" }));
       }
       static get watchers() {
         return {
@@ -2026,7 +2581,7 @@ __export(ui_radio_entry_exports, {
 var uiRadioCss, UIRadio;
 var init_ui_radio_entry = __esm({
   "dist/esm/ui-radio.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     uiRadioCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([data-disabled='true']),:host([aria-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='radio']){accent-color:var(--ui-accent-solid);cursor:pointer}::slotted(input[type='radio']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
     UIRadio = class {
@@ -2047,7 +2602,7 @@ var init_ui_radio_entry = __esm({
         const input = this.getInput();
         if (!input)
           return;
-        this.host.dataset.disabled = this.disabled ? "true" : "";
+        this.host.toggleAttribute("data-disabled", this.disabled);
         input.checked = this.checked;
         input.disabled = this.disabled;
         input.name = this.name;
@@ -2086,7 +2641,7 @@ var init_ui_radio_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "e3025fa3ee89c684ab27e7780f11399e1e455eff", role: "radio", "aria-checked": String(this.checked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "279fd849b1ea8f2f84e34043a01da710008aba51", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "898869b84429366e43c075723e884f34da6fc6df", role: "radio", "aria-checked": String(this.checked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "3f3b881175f25d439807ec9f8f0dd59a1acd6a90", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2131,7 +2686,7 @@ function slotHasContent(slot) {
 var uiSearchResultRowCss, UISearchResultRow;
 var init_ui_search_result_row_entry = __esm({
   "dist/esm/ui-search-result-row.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiSearchResultRowCss = () => `:host{display:block}.search-result-row{appearance:none;inline-size:100%;min-block-size:var(--ui-search-result-row-min-height, 56px);margin:0;padding-block:var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));display:flex;align-items:flex-start;gap:var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));background:var(--ui-search-result-row-bg, transparent);border:none;border-block-end:1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));color:inherit;cursor:pointer;text-align:left;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}:host(:last-child) .search-result-row{border-block-end:none}.search-result-row:hover:enabled{background:var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))}:host([selected]) .search-result-row{background:var(     --ui-search-result-row-selected-bg,     var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))   )}.search-result-row:focus-visible{outline:2px solid var(--ui-focus-ring, #2563eb);outline-offset:-2px}.search-result-row:disabled,:host([disabled]) .search-result-row{opacity:0.6;cursor:not-allowed}.search-result-row__leading,.search-result-row__trailing{display:inline-flex;align-items:flex-start;flex-shrink:0}.search-result-row__content{min-inline-size:0;flex:1;display:flex;flex-direction:column}.search-result-row__title,.search-result-row__meta,.search-result-row__excerpt{display:block;min-inline-size:0}[hidden]{display:none}::slotted([slot='title']),::slotted([slot='meta']),::slotted([slot='excerpt']){display:block;margin:0}`;
     UISearchResultRow = class {
       constructor(hostRef) {
@@ -2157,7 +2712,7 @@ var init_ui_search_result_row_entry = __esm({
         this.hasTrailing = slotHasContent(this.trailingSlot);
       };
       render() {
-        return h(Host, { key: "4fb3b963d73890850b58d03f225f125066412350" }, h("button", { key: "55332d2d06d279e5c6d39d044cfb89256cffdf69", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "1c9178595fb6f54ffc4e55b3a7cb5fe7dea94b40", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "239d0a74e80e58f1b25d6b328293d9692a4483b6", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "f80e39d4002bfa1ae7665857e27d184004654c03", class: "search-result-row__content", part: "content" }, h("span", { key: "b1a1e7f378eee6db5a01949d8a299583556c79c1", class: "search-result-row__title", part: "title" }, h("slot", { key: "4d94ed22c472309e0ece5f7a2a744f400589c87e", name: "title" })), h("span", { key: "3dbc540f67e11cca515208597b7b6bb75e2772f5", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "3ed5c8fd300a19801ac332d2e9516aadb19f664e", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "8403a7e6adc3b1fae04d659bfbf7ff5676ac113a", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "f0b0b07df739f780320394dae9b318f6676e9a94", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "2ebdf8d2ed7fefd31118052495503659c957d317", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "60dfc20a47fff6aac28755bedb80e9a4b3fd93e0", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
+        return h(Host, { key: "8ef897782b50f1ecb129a51a25631d3d2bafe1e3" }, h("button", { key: "5b4fb4ac4968551a191e80bde7b991391d931220", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "5f5988d87bcf754d8a521e19e0e2a490dd868bd2", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "a7671c75c28d71ab843dcbb1fcdd9f4d0e0f7361", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "4ed60057e10ade9d7771812ad28aa25a017d34d8", class: "search-result-row__content", part: "content" }, h("span", { key: "37fa74ef4980ffd0b576ff824532d1267420461c", class: "search-result-row__title", part: "title" }, h("slot", { key: "187df950b39702723fa456b09e220e2b7587f00a", name: "title" })), h("span", { key: "6d2476c57d7c9c7530c3796a723f47f5f4859d71", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "d53329dd6865bbda005b0d25a2b9bc7b7a597452", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "8846c9669c0f65a739b770f41a93ddd4bef3f6bd", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "b63f70371538901aaff481a9e524bf817883cee6", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "1e8f94c3d83c3f649595c2843522b0973590a8d5", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "cfba9301ad97c1130a01f78c16052fc26e249f4b", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchResultRow.style = uiSearchResultRowCss();
@@ -2183,7 +2738,7 @@ function slotHasContent2(slot) {
 var uiSearchShellCss, UISearchShell;
 var init_ui_search_shell_entry = __esm({
   "dist/esm/ui-search-shell.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiSearchShellCss = () => `:host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min(     calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)),     var(--ui-search-shell-max-width, 640px)   );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;block-size:100vh;block-size:100dvh;max-block-size:none;border-radius:0;border-inline:none;border-block-start:none}}`;
     UISearchShell = class {
       constructor(hostRef) {
@@ -2201,7 +2756,7 @@ var init_ui_search_shell_entry = __esm({
         this.hasFooter = slotHasContent2(this.footerSlot);
       };
       render() {
-        return h("div", { key: "946e3575a3b48f83315a5299d144a10647c31189", class: "search-shell", part: "base" }, h("slot", { key: "6146d441648a9cafca12b764e94373252b3940be", name: "backdrop" }), h("div", { key: "e4389c8f39994209e1f8dc4dbf913e3728295545", class: "search-shell__panel", part: "panel" }, h("div", { key: "8c660767d3ac12e1d94086bb80bb459e2f45d173", class: "search-shell__search", part: "search" }, h("slot", { key: "c870a4266f689654c76a1fc9e2bc23bf690a931c", name: "search" })), h("div", { key: "b5a68d509a92fec24603008514e938ba27655f4d", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "bc3233c23289cb56ca8d4217c9b3c37df9570abc", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "291b357ed1c7949001952813c950fbaab24cd0fc", class: "search-shell__body", part: "body" }, h("slot", { key: "72ecf55e7267cef21e612c1aff840fef67442fb5", name: "body" })), h("div", { key: "e393d0cc4bd0bbbf349a135d9f352ec08bd523cb", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "2468bdafc67f01094a4461a1a1e2fd474a88ffcf", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
+        return h("div", { key: "2a09e1ee81d04c0af5420887a9fa0dfb8057040c", class: "search-shell", part: "base" }, h("slot", { key: "9124af2e3e73b686a73b11c7fe8c9d40986e98c1", name: "backdrop" }), h("div", { key: "cec39a8cbbfe99b7bbeb37ce32655a88cee2bec3", class: "search-shell__panel", part: "panel" }, h("div", { key: "8168eda720e031daf350800ac48dcf445be0c417", class: "search-shell__search", part: "search" }, h("slot", { key: "b220c9670a6a53cd93fa434dc97dc9d2582bec08", name: "search" })), h("div", { key: "24386da67dd8ab5e865519e5b0b70fe9c8924010", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "7a0dfada13aca3275961667dadc9623729fbf644", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "e06b7da6219c7a71d69662c5bdcc24e6baa52aa9", class: "search-shell__body", part: "body" }, h("slot", { key: "fabdea16cf443b57a826fc748b24342ff214b918", name: "body" })), h("div", { key: "d38662a77f19fd59315b1882cda0a55680cc5a0b", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "56eb386e22ae033939cdbdf3c6b6edf68594ceb5", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchShell.style = uiSearchShellCss();
@@ -2216,9 +2771,9 @@ __export(ui_select_entry_exports, {
 var uiSelectCss, UISelect;
 var init_ui_select_entry = __esm({
   "dist/esm/ui-select.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    uiSelectCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background-color:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),     linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),     calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(select:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}`;
+    uiSelectCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background-color:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),     linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),     calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(select:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}`;
     UISelect = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -2226,22 +2781,28 @@ var init_ui_select_entry = __esm({
       get host() {
         return getElement(this);
       }
-      value = "";
-      defaultValue = "";
+      value;
+      defaultValue;
       disabled = false;
       invalid = false;
       required = false;
       internalValue = "";
       slotRef;
+      initialized = false;
       syncFromProp() {
-        this.internalValue = this.value;
+        if (this.value !== void 0)
+          this.internalValue = this.value;
       }
       syncToSelect() {
         const select = this.getSelect();
         if (!select)
           return;
         this.host.dataset.invalid = this.invalid ? "true" : "";
-        select.value = this.internalValue || this.defaultValue;
+        if (this.value !== void 0)
+          select.value = this.internalValue;
+        else if (!this.initialized && this.defaultValue !== void 0)
+          select.value = this.defaultValue;
+        this.initialized = true;
         select.disabled = this.disabled;
         select.required = this.required;
         select.setAttribute("aria-invalid", this.invalid ? "true" : "false");
@@ -2288,7 +2849,7 @@ var init_ui_select_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "65420b700d6a80e3575efa25d72ccbf4b0398805", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "fa6b175770fcbf9ec904a528f0d41aa04f4e9c01", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "5ac54353f467b70e94fce0ae661dc86c305befe7", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "1386f3e4912720ab597f4567112e9c8b4166bcc6", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2325,7 +2886,7 @@ __export(ui_switch_entry_exports, {
 var uiSwitchCss, UISwitch;
 var init_ui_switch_entry = __esm({
   "dist/esm/ui-switch.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     uiSwitchCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}:host([role='switch']){cursor:pointer}:host input[type='checkbox']{appearance:none;-webkit-appearance:none;display:block;position:relative;width:2.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host input[type='checkbox']::after{content:'';position:absolute;top:2px;left:2px;width:0.875rem;height:0.875rem;border-radius:999px;background:var(--ui-surface-default);border:1px solid var(--ui-border-default);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}:host input[type='checkbox']:checked{background:var(--ui-accent-solid);border-color:var(--ui-accent-solid)}:host input[type='checkbox']:checked::after{transform:translateX(calc(2.25rem - 0.875rem - 4px));background:var(--ui-text-on-accent);border-color:var(--ui-text-on-accent)}:host input[type='checkbox']:focus-visible{outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
     UISwitch = class {
@@ -2370,14 +2931,14 @@ var init_ui_switch_entry = __esm({
         this.toggle("pointer");
       };
       render() {
-        return h(Host, { key: "7dccbc5d5b97f5659decd5feda31b37e42e6f83e", role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: "7841f4d20a50d1899c27ab232a9a34411a0c2d67", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
+        return h(Host, { key: "14205d2856f8fb49b72d69d40f10ac1473a80c04", role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: "974f8e487c8bf9196c05420e1817139dd6b4138c", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
           this.internalChecked = e.target.checked;
           dispatchDetail(this.host, "change", {
             checked: this.internalChecked,
             value: this.value,
             trigger: "pointer"
           });
-        } }), h("slot", { key: "f3c2f5758e73f2a81f4a7ea4da734de0cb9a61c6" }));
+        } }), h("slot", { key: "d1cd89aa2d5312cff8845364cdee64821977cb44" }));
       }
       static get watchers() {
         return {
@@ -2399,7 +2960,7 @@ __export(ui_tabs_entry_exports, {
 var uiTabsCss, UITabs;
 var init_ui_tabs_entry = __esm({
   "dist/esm/ui-tabs.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     uiTabsCss = () => `:host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}`;
     UITabs = class {
@@ -2493,7 +3054,7 @@ var init_ui_tabs_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "99cd907204f73b1cbb1c8f2a182743c6554d5b0a", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "a8158e593a3708e8819761d86356a58535a53e40" }));
+        return h(Host, { key: "ca8671f06914de2bd6b412caf11e385d67ae722b", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "49beb3783c8f6a330d25164c82933c2bf6345b1e" }));
       }
       static get watchers() {
         return {
@@ -2521,9 +3082,9 @@ __export(ui_textarea_entry_exports, {
 var uiTextareaCss, UITextarea;
 var init_ui_textarea_entry = __esm({
   "dist/esm/ui-textarea.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    uiTextareaCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(textarea:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
+    uiTextareaCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(textarea:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
     UITextarea = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -2531,7 +3092,7 @@ var init_ui_textarea_entry = __esm({
       get host() {
         return getElement(this);
       }
-      value = "";
+      value;
       defaultValue = "";
       disabled = false;
       invalid = false;
@@ -2540,14 +3101,16 @@ var init_ui_textarea_entry = __esm({
       internalValue = "";
       slotRef;
       syncFromProp() {
-        this.internalValue = this.value;
+        if (this.value !== void 0)
+          this.internalValue = this.value;
       }
       syncToTextarea() {
         const textarea = this.getTextarea();
         if (!textarea)
           return;
         this.host.dataset.invalid = this.invalid ? "true" : "";
-        textarea.value = this.internalValue;
+        if (this.value !== void 0)
+          textarea.value = this.internalValue;
         textarea.defaultValue = this.defaultValue;
         textarea.disabled = this.disabled;
         textarea.readOnly = this.readOnly;
@@ -2596,7 +3159,7 @@ var init_ui_textarea_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "697c98bf66c016b21b28c7805eee2223bb9d275a", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "bd95bd79b1fe4e4103510a3cb036419c55976611", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "9ccc0464bca55b3364645ea90df3890f9ed9d697", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "81c4df31064d4dcd2b2e27dfcf3141cc9f18f54e", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2636,7 +3199,7 @@ __export(ui_toast_region_entry_exports, {
 var uiToastRegionCss, UIToastRegion;
 var init_ui_toast_region_entry = __esm({
   "dist/esm/ui-toast-region.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     init_positioning_Bu0dmLBE();
     uiToastRegionCss = () => `:host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host([popover]){right:auto;bottom:auto;margin:0}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}`;
@@ -2702,7 +3265,7 @@ var init_ui_toast_region_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "693e24016ec0881a4d619a489f1b655feee41784", role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "e666b2a73a5d7eb8dd607df3d1c5135b78cf3775" }));
+        return h(Host, { key: "9ec1cc51ecc4e7a256be5d89a09a10788e46db53", role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "7b08656f3745a02f8e9f0935e47d6f2cffd88f9b" }));
       }
       static get watchers() {
         return {
@@ -2727,14 +3290,16 @@ __export(ui_tooltip_entry_exports, {
 var uiTooltipCss, UITooltip;
 var init_ui_tooltip_entry = __esm({
   "dist/esm/ui-tooltip.entry.js"() {
-    init_index_CEeiinfk();
-    init_manager_PM9a74r7();
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
     init_events_JwSoedEO();
     init_positioning_Bu0dmLBE();
     uiTooltipCss = () => `:host{position:fixed;inset:auto;margin:0;display:inline-block;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md);opacity:0;transform:translateY(4px);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host(:popover-open){opacity:1;transform:translateY(0)}@starting-style{:host(:popover-open){opacity:0;transform:translateY(4px)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;
     UITooltip = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.opened = createEvent(this, "open");
+        this.closed = createEvent(this, "close");
       }
       get host() {
         return getElement(this);
@@ -2747,6 +3312,12 @@ var init_ui_tooltip_entry = __esm({
       showDelay = 500;
       /** Pointer leave grace period in milliseconds. */
       hideDelay = 100;
+      /** Click or tap pins the description; activate again to dismiss. */
+      toggleOnClick = false;
+      pinned = false;
+      focused = false;
+      opened;
+      closed;
       internalOpen = false;
       overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
       trigger = null;
@@ -2779,11 +3350,14 @@ var init_ui_tooltip_entry = __esm({
         }
       }
       componentDidLoad() {
+        if (!this.host.id)
+          this.host.id = this.overlayId;
         this.syncFromProp();
         this.internalOpen = this.internalOpen || this.defaultOpen;
         this.syncTrigger();
         this.setupSurface();
-        this.host.addEventListener("keydown", this.onKeydown);
+        this.host.addEventListener("pointerenter", this.onSurfaceEnter);
+        this.host.addEventListener("pointerleave", this.onTriggerLeave);
         this.syncOverlay();
       }
       componentDidUpdate() {
@@ -2794,11 +3368,12 @@ var init_ui_tooltip_entry = __esm({
         this.detachTriggerListeners();
         this.surface?.destroy();
         this.surface = null;
-        this.host.removeEventListener("keydown", this.onKeydown);
+        this.host.removeEventListener("pointerenter", this.onSurfaceEnter);
+        this.host.removeEventListener("pointerleave", this.onTriggerLeave);
         closeOverlay(this.overlayId);
       }
       syncTrigger() {
-        const next = this.for ? this.host.ownerDocument.getElementById(this.for) : this.host.previousElementSibling;
+        const next = this.for ? this.host.getRootNode().getElementById(this.for) : this.host.previousElementSibling;
         if (next === this.trigger)
           return;
         this.detachTriggerListeners();
@@ -2817,6 +3392,11 @@ var init_ui_tooltip_entry = __esm({
         this.detachTriggerListeners();
         if (!this.trigger)
           return;
+        const ids = new Set((this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean));
+        ids.add(this.host.id);
+        this.trigger.setAttribute("aria-describedby", [...ids].join(" "));
+        this.trigger.addEventListener("click", this.onTriggerClick);
+        this.trigger.addEventListener("keydown", this.onTriggerKeydown);
         this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
         this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
         this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
@@ -2825,6 +3405,13 @@ var init_ui_tooltip_entry = __esm({
       detachTriggerListeners() {
         if (!this.trigger)
           return;
+        const ids = (this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter((id) => id && id !== this.host.id);
+        if (ids.length)
+          this.trigger.setAttribute("aria-describedby", ids.join(" "));
+        else
+          this.trigger.removeAttribute("aria-describedby");
+        this.trigger.removeEventListener("click", this.onTriggerClick);
+        this.trigger.removeEventListener("keydown", this.onTriggerKeydown);
         this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
         this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
         this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
@@ -2856,7 +3443,21 @@ var init_ui_tooltip_entry = __esm({
           trigger
         });
       }
-      onTriggerEnter = () => {
+      onSurfaceEnter = () => this.clearHideTimer();
+      onTriggerClick = (event) => {
+        if (!this.toggleOnClick)
+          return;
+        this.clearTimers();
+        this.pinned = !this.pinned;
+        this.setInteractionOpen(this.pinned, event.detail === 0 ? "keyboard" : "pointer");
+      };
+      onTriggerKeydown = (event) => {
+        if (event.key === "Escape")
+          this.clearTimers();
+      };
+      onTriggerEnter = (event) => {
+        if (event.pointerType === "touch")
+          return;
         this.clearHideTimer();
         if (this.internalOpen || this.showTimer !== null)
           return;
@@ -2867,7 +3468,7 @@ var init_ui_tooltip_entry = __esm({
       };
       onTriggerLeave = () => {
         this.clearShowTimer();
-        if (!this.internalOpen || this.hideTimer !== null)
+        if (this.focused || this.pinned || !this.internalOpen || this.hideTimer !== null)
           return;
         this.hideTimer = setTimeout(() => {
           this.hideTimer = null;
@@ -2875,6 +3476,7 @@ var init_ui_tooltip_entry = __esm({
         }, Math.max(0, this.hideDelay));
       };
       onTriggerFocusIn = () => {
+        this.focused = true;
         this.clearTimers();
         this.setInteractionOpen(true, "keyboard");
       };
@@ -2882,28 +3484,25 @@ var init_ui_tooltip_entry = __esm({
         const related = e.relatedTarget;
         if (related && this.host.contains(related))
           return;
+        this.focused = false;
+        this.pinned = false;
         this.clearTimers();
         this.setInteractionOpen(false, "keyboard");
       };
       handleRequestClose(reason, trigger) {
-        if (reason === "escape") {
+        if (reason === "escape" || reason === "light-dismiss" && this.toggleOnClick) {
+          this.pinned = false;
           this.clearTimers();
           this.internalOpen = false;
           dispatchDetail(this.host, "close", {
             open: false,
-            reason: "escape",
+            reason,
             trigger
           });
-          this.trigger?.focus();
         }
       }
-      onKeydown = (e) => {
-        if (e.key === "Escape") {
-          requestTopOverlayClose("escape", "keyboard");
-        }
-      };
       render() {
-        return h(Host, { key: "4c3890a7371508ede06a5b370d1cec32db25280f", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "2e3bcd0dc69b0c3e3376d73dc4efc82e4f4cfaaa" }));
+        return h(Host, { key: "b0199c23316a707ae3e1e7c361f2838872f62221", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "d0c7822f2f47848a509bf8e310806edbdb320f02" }));
       }
       static get watchers() {
         return {
@@ -2945,7 +3544,7 @@ function slotHasContent3(slot) {
 var uiTopBarCss, UITopBar;
 var init_ui_top_bar_entry = __esm({
   "dist/esm/ui-top-bar.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiTopBarCss = () => `:host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-block-start:env(safe-area-inset-top);padding-inline-start:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-left)   );padding-inline-end:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-right)   );background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}`;
     UITopBar = class {
       constructor(hostRef) {
@@ -2969,7 +3568,7 @@ var init_ui_top_bar_entry = __esm({
         this.hasActions = slotHasContent3(this.actionsSlot);
       };
       render() {
-        return h(Host, { key: "15c840c082724df0ec39ab6ad4e55f99192df5be" }, h("header", { key: "790afaeecdb3e598b8365391f57ee1e2d8ca69a2", class: "top-bar", part: "base" }, h("div", { key: "fab822f5875c7e3b8e267be42c075597d79374fa", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "0723013c4b674964e4029442b715daa9eb0036db", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "77fc006257b7fa6a191191d9969ea66445b8bc3e", class: "top-bar__title" }, h("slot", { key: "e8a07f1f767c1c0fa1244abcf3bb0e697e36a4fe" })), h("div", { key: "bde5cdf797ae898f68eddeab362b8395f89bdf28", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "8b059d6123e94f3b7e18c15c88828ee9c6436136", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "c262446cf29873903530ea3f840de4de9db3de82", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "f417dbc8cc0115a455a72ce0feb5f32b323ce68f", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
+        return h(Host, { key: "730e45232ab2b86c2ac99dba773f4ca15d7c3c51" }, h("header", { key: "f94f9b4f3f5930fda950895d2eec01d3ec175479", class: "top-bar", part: "base" }, h("div", { key: "038f6a404b0f159b4b826ada73d3c920266354c8", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "2d415368310c319eca3f3eb9b2c885ef79bb4107", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "dfd78b02066a91e9c610e4655a70da704ad65327", class: "top-bar__title" }, h("slot", { key: "499e24a864a31f6e400fd02aab4a3f960c87e572" })), h("div", { key: "5aa94952996487651dffecd2e351548631fa29b6", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "eddad95f8acf787ee0cead2a46e7961a06375d5c", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "dc69d492aa221a8beb888350bf101f8beeceede9", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "7cde7e062f487da8209738a32415636c7a6b72f0", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UITopBar.style = uiTopBarCss();
@@ -3003,7 +3602,7 @@ function loomaIconMarkup(name, className = "looma-icon") {
 var Bold, Braces, ChevronDown, ChevronLeft, CodeXml, Columns3, Ellipsis, Eraser, GripHorizontal, GripVertical, Heading1, Heading2, Heading3, Highlighter, Image, Italic, ListOrdered, ListTodo, List, Merge, Minus, PaintBucket, PanelBottom, PanelLeft, PanelRight, PanelTop, Pilcrow, Plus, Quote, Redo2, Rows3, Split, Strikethrough, Table2, TextAlignCenter, TextAlignEnd, TextAlignStart, Trash2, Underline, Undo2, LOOMA_ICONS, uiTreeItemCss, UITreeItem;
 var init_ui_tree_item_entry = __esm({
   "dist/esm/ui-tree-item.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     Bold = [
       ["path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" }]
@@ -3275,6 +3874,10 @@ var init_ui_tree_item_entry = __esm({
       label = "";
       /** One-based visual and semantic nesting level. */
       depth = 1;
+      /** Application hierarchy depth used for drop constraints. Defaults to visual depth. */
+      dropDepth;
+      /** Deepest descendant distance, used with the tree's max-depth drop constraint. */
+      subtreeDepth;
       /** Whether this item accepts children and exposes disclosure behavior. */
       container = false;
       /** Whether this item participates in pointer drag and drop. */
@@ -3336,10 +3939,10 @@ var init_ui_tree_item_entry = __esm({
         const level = Math.max(1, Math.floor(this.depth));
         const disclosureLabel = `${this.internalExpanded ? "Collapse" : "Expand"} ${this.label || "item"}`;
         const dragLabel = `Drag ${this.label || "item"} to reorder`;
-        return h(Host, { key: "ea8ed538aa3883c87257a25614a066965364693f", role: "treeitem", "aria-level": String(level), "aria-expanded": this.container ? String(this.internalExpanded) : void 0, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? "true" : void 0, "data-container": this.container ? "" : void 0, "data-selected": this.selected ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-drag-type": this.dragType || "item", "data-drop-scope": this.dropScope || void 0, "data-accepts": this.accepts || void 0, tabIndex: this.disabled ? -1 : 0, style: {
+        return h(Host, { key: "606f5fdac8a95489d0c62cd7d4918c6d5d0c759e", role: "treeitem", "aria-level": String(level), "aria-expanded": this.container ? String(this.internalExpanded) : void 0, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? "true" : void 0, "data-container": this.container ? "" : void 0, "data-selected": this.selected ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-drag-type": this.dragType || "item", "data-drop-scope": this.dropScope || void 0, "data-accepts": this.accepts || void 0, tabIndex: this.disabled ? -1 : 0, style: {
           "--ui-tree-item-depth": String(level - 1),
           "margin-inline-start": level > 1 ? "var(--ui-tree-indent, 16px)" : "0px"
-        } }, h("div", { key: "740b93aa47e65d8a1cb899d4b9c966d9ad1d456f", class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, h("span", { innerHTML: loomaIconMarkup("grip-vertical") })) : null, this.container ? h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(this.internalExpanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { "disclosure-icon": true, "disclosure-icon--expanded": this.internalExpanded }, innerHTML: loomaIconMarkup("chevron-down") })) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: "37e1b7f1cdddf623734becef465ffde83d8b86f2", class: "leading", part: "leading" }, h("slot", { key: "0ab3a60c98628f009918d0d720772154912d2709", name: "leading" })), h("span", { key: "defdd343f25a0f4354110e981f3889e1d09c27ee", class: "label", part: "label" }, h("slot", { key: "bde46ccacc1a620348062fc300503c4f1736316b" })), h("span", { key: "caff9ada38c41be90aeb6e331f4c54a51f31d26c", class: "actions", part: "actions" }, h("slot", { key: "e11704d6871445c91eaa29c99302d8b751be69d3", name: "actions" })), h("span", { key: "9efc0e95588f1dd4527dade2b7ff9f2774462c2e", class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? h("div", { class: "children", part: "children", role: "group", hidden: !this.internalExpanded }, h("slot", { name: "children" })) : null, h("span", { key: "8893ec2c4082bb8af942ef563055a2910d0d4201", class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" }));
+        } }, h("div", { key: "2b4bb03d4b24ef668f22b08e803f7f43c2d63ae5", class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, h("span", { innerHTML: loomaIconMarkup("grip-vertical") })) : null, this.container ? h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(this.internalExpanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { "disclosure-icon": true, "disclosure-icon--expanded": this.internalExpanded }, innerHTML: loomaIconMarkup("chevron-down") })) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: "e7b935158e35cdc6518bdd73d54c42dcfa211aee", class: "leading", part: "leading" }, h("slot", { key: "8448462349fd23b8be0fb673fc6e101bf94beaa7", name: "leading" })), h("span", { key: "e0b6338e1ec9ec043446e42c5f03724adf7e1862", class: "label", part: "label" }, h("slot", { key: "ed44e6f2ce3466c28d2b87fc7511399ecc339255" })), h("span", { key: "2aea78227904fe23cfc4b8e14852a4601e3cc34b", class: "actions", part: "actions" }, h("slot", { key: "7c6549008c2a54c3ea6fcdf9e0fdbe445d379922", name: "actions" })), h("span", { key: "05166ba04765bc518d6b95ca7ae5a67c4394d1bf", class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? h("div", { class: "children", part: "children", role: "group", hidden: !this.internalExpanded }, h("slot", { name: "children" })) : null, h("span", { key: "7381d6e9e2a8f94695f29e73194b1603d79cefb9", class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" }));
       }
       static get watchers() {
         return {
@@ -3404,7 +4007,7 @@ function createHoverIntent(delay, onIntent) {
 var uiTreeCss, UITree;
 var init_ui_tree_entry = __esm({
   "dist/esm/ui-tree.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     uiTreeCss = () => `:host{--ui-tree-indent:16px;display:block;min-inline-size:0;padding-inline-start:var(--ui-tree-gutter, 22px)}::slotted(ui-tree-item){--ui-tree-indent:inherit}`;
     UITree = class {
@@ -3416,13 +4019,19 @@ var init_ui_tree_entry = __esm({
       }
       label = "Tree";
       hoverExpandDelay = 700;
+      /** Maximum resulting item depth accepted by pointer reordering. Zero is unlimited. */
+      maxDepth = 0;
       source = null;
       target = null;
       position = null;
+      rejectedTarget = null;
+      rejectedPosition = null;
+      rejection = null;
       hoverIntent = null;
       componentDidLoad() {
         this.hoverIntent = createHoverIntent(this.hoverExpandDelay, this.expandTarget);
         this.host.addEventListener("dragstart", this.onDragStart);
+        this.host.addEventListener("drag", this.onDrag);
         this.host.addEventListener("dragenter", this.onDragOver);
         this.host.addEventListener("dragover", this.onDragOver);
         this.host.addEventListener("dragleave", this.onDragLeave);
@@ -3433,6 +4042,7 @@ var init_ui_tree_entry = __esm({
       disconnectedCallback() {
         this.hoverIntent?.destroy();
         this.host.removeEventListener("dragstart", this.onDragStart);
+        this.host.removeEventListener("drag", this.onDrag);
         this.host.removeEventListener("dragenter", this.onDragOver);
         this.host.removeEventListener("dragover", this.onDragOver);
         this.host.removeEventListener("dragleave", this.onDragLeave);
@@ -3480,15 +4090,37 @@ var init_ui_tree_entry = __esm({
           accepts: (item.getAttribute("data-accepts") || item.getAttribute("accepts") || "").split(",").map((value) => value.trim()).filter(Boolean)
         };
       }
-      permitsDrop(source, target, position) {
+      constraintDepth(item) {
+        if (item.dropDepth !== void 0)
+          return item.dropDepth;
+        const dropDepth = item.getAttribute("drop-depth");
+        if (dropDepth !== null)
+          return Number(dropDepth);
+        if (item.depth !== void 0)
+          return item.depth;
+        return Number(item.getAttribute("depth")) || 1;
+      }
+      dropRejection(source, target, position) {
         if (source.contains(target))
-          return false;
+          return { reason: "descendant" };
         const sourceMeta = this.itemMetadata(source);
         const targetMeta = this.itemMetadata(target);
         if (position === "inside") {
-          return this.acceptsChildren(target) && (targetMeta.accepts.length === 0 || targetMeta.accepts.includes(sourceMeta.type));
+          if (!this.acceptsChildren(target) || targetMeta.accepts.length > 0 && !targetMeta.accepts.includes(sourceMeta.type)) {
+            return { reason: "incompatible" };
+          }
+        } else if (sourceMeta.type !== targetMeta.type) {
+          return { reason: "incompatible" };
         }
-        return sourceMeta.type === targetMeta.type;
+        const maxDepth = Math.max(0, Math.floor(this.maxDepth));
+        if (maxDepth > 0 && source.subtreeDepth !== void 0) {
+          const targetDepth = Math.max(0, Math.floor(this.constraintDepth(target)));
+          const subtreeDepth = Math.max(0, Math.floor(source.subtreeDepth));
+          const resultingDepth = targetDepth + (position === "inside" ? 1 : 0) + subtreeDepth;
+          if (resultingDepth > maxDepth)
+            return { reason: "max-depth", maxDepth, resultingDepth };
+        }
+        return null;
       }
       clearTarget() {
         this.target?.removeAttribute("data-drop-position");
@@ -3496,10 +4128,16 @@ var init_ui_tree_entry = __esm({
         this.position = null;
         this.hoverIntent?.cancel();
       }
+      clearRejection() {
+        this.rejectedTarget = null;
+        this.rejectedPosition = null;
+        this.rejection = null;
+      }
       finishDrag() {
         this.source?.removeAttribute("data-dragging");
         this.source = null;
         this.clearTarget();
+        this.clearRejection();
       }
       expandTarget = (itemId) => {
         const item = Array.from(this.host.querySelectorAll("ui-tree-item")).find((candidate) => this.itemId(candidate) === itemId);
@@ -3530,27 +4168,35 @@ var init_ui_tree_entry = __esm({
         }
         setElementDragImage(event.dataTransfer, row);
       };
-      onDragOver = (event) => {
+      updateTarget(target, clientY, dataTransfer) {
         if (!this.source)
-          return;
-        const target = this.itemFromEvent(event);
+          return false;
         if (!target || target === this.source) {
           this.clearTarget();
-          return;
+          this.clearRejection();
+          return false;
         }
         const row = this.rowFor(target);
         if (!row)
-          return;
-        const position = classifyDropPosition(row.getBoundingClientRect(), event.clientY, this.acceptsChildren(target));
-        if (!this.permitsDrop(this.source, target, position)) {
-          if (event.dataTransfer)
-            event.dataTransfer.dropEffect = "none";
+          return false;
+        const position = classifyDropPosition(row.getBoundingClientRect(), clientY, this.acceptsChildren(target));
+        const rejection = this.dropRejection(this.source, target, position);
+        if (rejection) {
+          if (dataTransfer)
+            dataTransfer.dropEffect = "none";
           this.clearTarget();
-          return;
+          if (rejection.reason === "max-depth") {
+            this.rejectedTarget = target;
+            this.rejectedPosition = position;
+            this.rejection = rejection;
+          } else {
+            this.clearRejection();
+          }
+          return false;
         }
-        event.preventDefault();
-        if (event.dataTransfer)
-          event.dataTransfer.dropEffect = "move";
+        this.clearRejection();
+        if (dataTransfer)
+          dataTransfer.dropEffect = "move";
         if (this.target !== target || this.position !== position) {
           this.clearTarget();
           this.target = target;
@@ -3562,6 +4208,22 @@ var init_ui_tree_entry = __esm({
         } else {
           this.hoverIntent?.cancel();
         }
+        return true;
+      }
+      onDrag = (event) => {
+        if (!this.source || event.clientX === 0 && event.clientY === 0)
+          return;
+        const target = this.itemAtPoint(event.clientX, event.clientY);
+        if (target)
+          this.updateTarget(target, event.clientY, event.dataTransfer);
+      };
+      onDragOver = (event) => {
+        if (!this.source)
+          return;
+        const target = this.itemFromEvent(event);
+        if (this.updateTarget(target, event.clientY, event.dataTransfer)) {
+          event.preventDefault();
+        }
       };
       onDragLeave = (event) => {
         if (this.isWithinTree(event.relatedTarget))
@@ -3569,12 +4231,15 @@ var init_ui_tree_entry = __esm({
         if (this.itemAtPoint(event.clientX, event.clientY))
           return;
         this.clearTarget();
+        this.clearRejection();
       };
       dispatchReorder(source, target, position) {
         const sourceId = this.itemId(source);
         const targetId = this.itemId(target);
         if (!sourceId || !targetId)
           return;
+        if (position === "inside")
+          this.expandTarget(targetId);
         const sourceMeta = this.itemMetadata(source);
         const targetMeta = this.itemMetadata(target);
         dispatchDetail(this.host, "reorder", {
@@ -3588,6 +4253,21 @@ var init_ui_tree_entry = __esm({
           trigger: "pointer"
         });
       }
+      dispatchReorderRejected(source, target, position, rejection) {
+        const sourceId = this.itemId(source);
+        const targetId = this.itemId(target);
+        if (!sourceId || !targetId)
+          return;
+        dispatchDetail(this.host, "reorder-rejected", {
+          sourceId,
+          targetId,
+          position,
+          reason: "max-depth",
+          maxDepth: rejection.maxDepth,
+          resultingDepth: rejection.resultingDepth,
+          trigger: "pointer"
+        });
+      }
       onDrop = (event) => {
         if (!this.source || !this.target || !this.position)
           return;
@@ -3597,13 +4277,21 @@ var init_ui_tree_entry = __esm({
       };
       onDragEnd = (event) => {
         if (this.source) {
+          if (this.rejectedTarget && this.rejectedPosition && this.rejection) {
+            this.dispatchReorderRejected(this.source, this.rejectedTarget, this.rejectedPosition, this.rejection);
+            this.finishDrag();
+            return;
+          }
           const target = this.itemAtPoint(event.clientX, event.clientY);
           if (target && target !== this.source) {
             const row = this.rowFor(target);
             if (row) {
               const position = classifyDropPosition(row.getBoundingClientRect(), event.clientY, this.acceptsChildren(target));
-              if (this.permitsDrop(this.source, target, position)) {
+              const rejection = this.dropRejection(this.source, target, position);
+              if (!rejection) {
                 this.dispatchReorder(this.source, target, position);
+              } else if (rejection.reason === "max-depth") {
+                this.dispatchReorderRejected(this.source, target, position, rejection);
               }
             }
           }
@@ -3628,17 +4316,17 @@ var init_ui_tree_entry = __esm({
         next.focus();
       };
       render() {
-        return h(Host, { key: "b659635f6acdf09a3618c514f5bdd9bf173f9d98", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "0815f0eb0bfe766dd2f358385af1516fd4328e2e" }));
+        return h(Host, { key: "474c2154d2abe3c76eee9c36bf552390089df6e8", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "93aedd02f984dd33b5efc811fef417d1199917bd" }));
       }
     };
     UITree.style = uiTreeCss();
   }
 });
 
-// import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js
+// import("./**/*.entry.js") in dist/esm/index-8BGiMGQ0.js
 var globImport_entry_js;
 var init_ = __esm({
-  'import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js'() {
+  'import("./**/*.entry.js") in dist/esm/index-8BGiMGQ0.js'() {
     globImport_entry_js = __glob({
       "./ui-affordance-scope.entry.js": () => Promise.resolve().then(() => (init_ui_affordance_scope_entry(), ui_affordance_scope_entry_exports)),
       "./ui-avatar-group.entry.js": () => Promise.resolve().then(() => (init_ui_avatar_group_entry(), ui_avatar_group_entry_exports)),
@@ -3646,6 +4334,7 @@ var init_ = __esm({
       "./ui-badge.entry.js": () => Promise.resolve().then(() => (init_ui_badge_entry(), ui_badge_entry_exports)),
       "./ui-button.entry.js": () => Promise.resolve().then(() => (init_ui_button_entry(), ui_button_entry_exports)),
       "./ui-checkbox.entry.js": () => Promise.resolve().then(() => (init_ui_checkbox_entry(), ui_checkbox_entry_exports)),
+      "./ui-combobox.entry.js": () => Promise.resolve().then(() => (init_ui_combobox_entry(), ui_combobox_entry_exports)),
       "./ui-context-menu.entry.js": () => Promise.resolve().then(() => (init_ui_context_menu_entry(), ui_context_menu_entry_exports)),
       "./ui-dialog.entry.js": () => Promise.resolve().then(() => (init_ui_dialog_entry(), ui_dialog_entry_exports)),
       "./ui-disclosure.entry.js": () => Promise.resolve().then(() => (init_ui_disclosure_entry(), ui_disclosure_entry_exports)),
@@ -3673,7 +4362,7 @@ var init_ = __esm({
   }
 });
 
-// dist/esm/index-CEeiinfk.js
+// dist/esm/index-8BGiMGQ0.js
 function getPropertyDescriptor(obj, memberName, getOnly) {
   const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
   while (obj && obj !== stopAt) {
@@ -3715,9 +4404,9 @@ function sortedAttrNames(attrNames) {
 function transformTag(tag) {
   return tag;
 }
-var NAMESPACE, BUILD, reWireGetterSetter, getHostRef, registerInstance, registerHost, isMemberInElement, consoleError, cmpModules, loadModule, styles, HYDRATED_CSS, SLOT_FB_CSS, win, plt, promiseResolve, supportsConstructableStylesheets, supportsMutableAdoptedStyleSheets, queuePending, queueDomReads, queueDomWrites, queueTask, consume, flush, nextTick, writeTask, globalStyleSheet, createTime, uniqueTime, rootAppliedStyles, registerStyle, addStyle, attachStyles, getScopeId, isComplexType, h, newVNode, Host, isHost, parsePropertyValue, getElement, emitEvent, setAccessor, parseClassListRegex, parseClassList, CAPTURE_EVENT_SUFFIX, CAPTURE_EVENT_REGEX, updateElement, hostTagName, useNativeShadowDom, isSvgMode, refCallbacksToRemove, refCallbacksToAttach, createElm, relocateToHostRoot, addVnodes, removeVnodes, updateChildren, isSameVnode, patch, nullifyVNodeRefs, queueRefAttachment, flushQueuedRefCallbacks, insertBefore, renderVdom, attachToAncestor, scheduleUpdate, dispatchHooks, enqueue, isPromisey, updateComponent, callRender, postUpdateComponent, appDidLoad, safeCall, addHydratedFlag, getValue, setValue, proxyComponent, initializeComponent, fireConnectedCallback, connectedCallback, disconnectInstance, disconnectedCallback, bootstrapLazy;
-var init_index_CEeiinfk = __esm({
-  "dist/esm/index-CEeiinfk.js"() {
+var NAMESPACE, BUILD, reWireGetterSetter, getHostRef, registerInstance, registerHost, isMemberInElement, consoleError, cmpModules, loadModule, styles, HYDRATED_CSS, SLOT_FB_CSS, win, plt, promiseResolve, supportsConstructableStylesheets, supportsMutableAdoptedStyleSheets, queuePending, queueDomReads, queueDomWrites, queueTask, consume, flush, nextTick, writeTask, globalStyleSheet, createTime, uniqueTime, rootAppliedStyles, registerStyle, addStyle, attachStyles, getScopeId, isComplexType, h, newVNode, Host, isHost, parsePropertyValue, getElement, createEvent, emitEvent, setAccessor, parseClassListRegex, parseClassList, CAPTURE_EVENT_SUFFIX, CAPTURE_EVENT_REGEX, updateElement, hostTagName, useNativeShadowDom, isSvgMode, refCallbacksToRemove, refCallbacksToAttach, createElm, relocateToHostRoot, addVnodes, removeVnodes, updateChildren, isSameVnode, patch, nullifyVNodeRefs, queueRefAttachment, flushQueuedRefCallbacks, insertBefore, renderVdom, attachToAncestor, scheduleUpdate, dispatchHooks, enqueue, isPromisey, updateComponent, callRender, postUpdateComponent, appDidLoad, safeCall, addHydratedFlag, getValue, setValue, proxyComponent, initializeComponent, fireConnectedCallback, connectedCallback, disconnectInstance, disconnectedCallback, bootstrapLazy;
+var init_index_8BGiMGQ0 = __esm({
+  "dist/esm/index-8BGiMGQ0.js"() {
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
@@ -3776,6 +4465,9 @@ var init_index_CEeiinfk = __esm({
         $instanceValues$: /* @__PURE__ */ new Map(),
         $serializerValues$: /* @__PURE__ */ new Map()
       };
+      {
+        hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+      }
       {
         hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
         hostElement["s-p"] = [];
@@ -4102,6 +4794,19 @@ var init_index_CEeiinfk = __esm({
       var _a;
       return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$;
     };
+    createEvent = (ref, name, flags) => {
+      const elm = getElement(ref);
+      return {
+        emit: (detail) => {
+          return emitEvent(elm, name, {
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+            detail
+          });
+        }
+      };
+    };
     emitEvent = (elm, name, opts) => {
       const ev = plt.ce(name, opts);
       elm.dispatchEvent(ev);
@@ -4677,6 +5382,9 @@ var init_index_CEeiinfk = __esm({
         safeCall(instance, "componentDidUpdate", void 0, elm);
         endPostUpdate();
       }
+      {
+        hostRef.$onInstanceResolve$(elm);
+      }
       {
         if (hostRef.$onRenderResolve$) {
           hostRef.$onRenderResolve$();
@@ -4854,6 +5562,17 @@ var init_index_CEeiinfk = __esm({
                 }
               }
             });
+          } else if (flags & 1 && memberFlags & 64) {
+            Object.defineProperty(prototype, memberName, {
+              value(...args) {
+                var _a2;
+                const ref = getHostRef(this);
+                return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
+                  var _a3;
+                  return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
+                });
+              }
+            });
           }
         });
         if (flags & 1) {
@@ -5228,20 +5947,23 @@ __export(index_exports, {
   createProximityCoordinator: () => createProximityCoordinator2,
   createViewportSurface: () => createViewportSurface2,
   distanceFromPointToRect: () => distanceFromPointToRect2,
+  formatEditingValue: () => formatEditingValue2,
   getTopOverlay: () => getTopOverlay2,
   getVisualViewportRect: () => getVisualViewportRect2,
   initializeInputModality: () => initializeInputModality,
   isTopOverlay: () => isTopOverlay,
   loomaIconMarkup: () => loomaIconMarkup2,
+  mapComboboxOptions: () => mapComboboxOptions,
   openOverlay: () => openOverlay2,
   requestTopOverlayClose: () => requestTopOverlayClose2,
-  setElementDragImage: () => setElementDragImage2
+  setElementDragImage: () => setElementDragImage2,
+  validateField: () => validateField2
 });
 module.exports = __toCommonJS(index_exports);
 
 // dist/esm/loader.js
-init_index_CEeiinfk();
-init_index_CEeiinfk();
+init_index_8BGiMGQ0();
+init_index_8BGiMGQ0();
 
 // dist/esm/app-globals-DQuL1Twl.js
 var globalScripts = () => {
@@ -5251,7 +5973,7 @@ var globalScripts = () => {
 var defineCustomElements = async (win2, options) => {
   if (typeof window === "undefined") return void 0;
   await globalScripts();
-  return bootstrapLazy([["ui-context-menu", [[769, "ui-context-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "internalOpen": [32], "focusTrigger": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "syncTarget": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-affordance-scope", [[769, "ui-affordance-scope", { "nearRadius": [514, "near-radius"] }, null, { "nearRadius": [{ "connectCoordinator": 0 }] }]]], ["ui-avatar", [[513, "ui-avatar", { "src": [1], "alt": [1], "name": [1], "fallback": [1], "hasImage": [32] }, null, { "src": [{ "watchSrc": 0 }] }]]], ["ui-avatar-group", [[769, "ui-avatar-group", { "max": [2], "label": [1], "overflowCount": [32] }, null, { "max": [{ "syncOverflow": 0 }] }]]], ["ui-badge", [[769, "ui-badge", { "variant": [1], "tone": [1] }]]], ["ui-button", [[769, "ui-button", { "variant": [1], "size": [1], "disabled": [4] }, null, { "variant": [{ "syncToButton": 0 }], "size": [{ "syncToButton": 0 }], "disabled": [{ "syncToButton": 0 }] }]]], ["ui-checkbox", [[769, "ui-checkbox", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "indeterminate": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }], "internalChecked": [{ "syncToInput": 0 }], "indeterminate": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }] }]]], ["ui-dialog", [[769, "ui-dialog", { "open": [4], "defaultOpen": [4, "default-open"], "modal": [4], "dismissible": [4], "label": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOpen": 0 }] }]]], ["ui-disclosure", [[769, "ui-disclosure", { "open": [4], "defaultOpen": [4, "default-open"], "disabled": [4], "internalOpen": [32], "contentId": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncState": 0 }] }]]], ["ui-floating-action-button", [[769, "ui-floating-action-button", { "disabled": [516], "mobileOnly": [516, "mobile-only"], "label": [1] }]]], ["ui-form-field", [[769, "ui-form-field", { "invalid": [4], "disabled": [4], "required": [4] }]]], ["ui-icon-button", [[769, "ui-icon-button", { "disabled": [516], "label": [1], "size": [513], "variant": [513], "anticipatory": [516] }]]], ["ui-input", [[769, "ui-input", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToInput": 0 }], "defaultValue": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "invalid": [{ "syncToInput": 0 }], "readOnly": [{ "syncToInput": 0 }] }]]], ["ui-menu-item", [[769, "ui-menu-item", { "disabled": [516], "value": [1] }]]], ["ui-popover", [[769, "ui-popover", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }] }]]], ["ui-radio", [[769, "ui-radio", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "name": [1], "required": [4], "value": [1] }, null, { "checked": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "name": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }], "value": [{ "syncToInput": 0 }] }]]], ["ui-radio-group", [[769, "ui-radio-group", { "value": [1], "name": [1], "orientation": [1], "disabled": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToRadios": 0 }], "name": [{ "syncToRadios": 0 }], "orientation": [{ "syncToRadios": 0 }], "disabled": [{ "syncToRadios": 0 }] }]]], ["ui-search-result-row", [[769, "ui-search-result-row", { "disabled": [516], "selected": [516], "hasLeading": [32], "hasMeta": [32], "hasExcerpt": [32], "hasTrailing": [32] }]]], ["ui-search-shell", [[769, "ui-search-shell", { "hasStatus": [32], "hasFooter": [32] }]]], ["ui-select", [[769, "ui-select", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToSelect": 0 }], "defaultValue": [{ "syncToSelect": 0 }], "disabled": [{ "syncToSelect": 0 }], "invalid": [{ "syncToSelect": 0 }], "required": [{ "syncToSelect": 0 }] }]]], ["ui-switch", [[769, "ui-switch", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }] }]]], ["ui-tabs", [[769, "ui-tabs", { "value": [1], "defaultValue": [1, "default-value"], "orientation": [1], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncState": 0 }], "orientation": [{ "syncState": 0 }] }]]], ["ui-textarea", [[769, "ui-textarea", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "rows": [2], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToTextarea": 0 }], "defaultValue": [{ "syncToTextarea": 0 }], "disabled": [{ "syncToTextarea": 0 }], "invalid": [{ "syncToTextarea": 0 }], "readOnly": [{ "syncToTextarea": 0 }], "rows": [{ "syncToTextarea": 0 }] }]]], ["ui-toast-region", [[769, "ui-toast-region", { "open": [4], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncSurface": 0 }] }]]], ["ui-tooltip", [[769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "placement": [1], "showDelay": [2, "show-delay"], "hideDelay": [2, "hide-delay"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-top-bar", [[769, "ui-top-bar", { "hasLeading": [32], "hasSearch": [32], "hasActions": [32] }]]], ["ui-tree", [[769, "ui-tree", { "label": [1], "hoverExpandDelay": [2, "hover-expand-delay"] }]]], ["ui-tree-item", [[769, "ui-tree-item", { "itemId": [1, "item-id"], "label": [1], "depth": [2], "container": [4], "sortable": [4], "dragType": [1, "drag-type"], "dropScope": [1, "drop-scope"], "accepts": [1], "expanded": [4], "defaultExpanded": [4, "default-expanded"], "selected": [4], "disabled": [4], "internalExpanded": [32] }, null, { "expanded": [{ "syncExpandedFromProp": 0 }] }]]], ["ui-menu", [[769, "ui-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncSurface": 0 }] }]]]], options);
+  return bootstrapLazy([["ui-combobox", [[769, "ui-combobox", { "label": [1], "placeholder": [1], "name": [1], "value": [1], "defaultValue": [1, "default-value"], "query": [1], "defaultQuery": [1, "default-query"], "config": [16], "disabled": [4], "readOnly": [4, "readonly"], "required": [4], "size": [1], "disclosure": [4], "clearable": [4], "help": [1], "raw": [32], "display": [32], "selected": [32], "expanded": [32], "rows": [32], "active": [32], "loading": [32], "helpOpen": [32], "lookupError": [32], "validation": [32], "validate": [64] }, null, { "value": [{ "syncValue": 0 }], "query": [{ "syncQuery": 0 }], "disabled": [{ "syncDisabled": 0 }], "readOnly": [{ "syncDisabled": 0 }], "config": [{ "syncConfig": 0 }] }]]], ["ui-context-menu", [[769, "ui-context-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "internalOpen": [32], "focusTrigger": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "syncTarget": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-affordance-scope", [[769, "ui-affordance-scope", { "nearRadius": [514, "near-radius"] }, null, { "nearRadius": [{ "connectCoordinator": 0 }] }]]], ["ui-avatar", [[513, "ui-avatar", { "src": [1], "alt": [1], "name": [1], "fallback": [1], "hasImage": [32] }, null, { "src": [{ "watchSrc": 0 }] }]]], ["ui-avatar-group", [[769, "ui-avatar-group", { "max": [2], "label": [1], "overflowCount": [32] }, null, { "max": [{ "syncOverflow": 0 }] }]]], ["ui-badge", [[769, "ui-badge", { "variant": [1], "tone": [1] }]]], ["ui-button", [[769, "ui-button", { "variant": [1], "size": [1], "disabled": [4] }, null, { "variant": [{ "syncToButton": 0 }], "size": [{ "syncToButton": 0 }], "disabled": [{ "syncToButton": 0 }] }]]], ["ui-checkbox", [[769, "ui-checkbox", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "indeterminate": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }], "internalChecked": [{ "syncToInput": 0 }], "indeterminate": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }] }]]], ["ui-dialog", [[769, "ui-dialog", { "open": [4], "defaultOpen": [4, "default-open"], "modal": [4], "dismissible": [4], "label": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOpen": 0 }] }]]], ["ui-disclosure", [[769, "ui-disclosure", { "open": [4], "defaultOpen": [4, "default-open"], "disabled": [4], "internalOpen": [32], "contentId": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncState": 0 }] }]]], ["ui-floating-action-button", [[769, "ui-floating-action-button", { "disabled": [516], "mobileOnly": [516, "mobile-only"], "label": [1] }]]], ["ui-form-field", [[769, "ui-form-field", { "invalid": [4], "disabled": [4], "required": [4] }]]], ["ui-icon-button", [[769, "ui-icon-button", { "disabled": [516], "label": [1], "size": [513], "variant": [513], "anticipatory": [516] }]]], ["ui-input", [[769, "ui-input", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToInput": 0 }], "defaultValue": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "invalid": [{ "syncToInput": 0 }], "readOnly": [{ "syncToInput": 0 }] }]]], ["ui-menu-item", [[769, "ui-menu-item", { "disabled": [516], "value": [1] }]]], ["ui-popover", [[769, "ui-popover", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }] }]]], ["ui-radio", [[769, "ui-radio", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "name": [1], "required": [4], "value": [1] }, null, { "checked": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "name": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }], "value": [{ "syncToInput": 0 }] }]]], ["ui-radio-group", [[769, "ui-radio-group", { "value": [1], "name": [1], "orientation": [1], "disabled": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToRadios": 0 }], "name": [{ "syncToRadios": 0 }], "orientation": [{ "syncToRadios": 0 }], "disabled": [{ "syncToRadios": 0 }] }]]], ["ui-search-result-row", [[769, "ui-search-result-row", { "disabled": [516], "selected": [516], "hasLeading": [32], "hasMeta": [32], "hasExcerpt": [32], "hasTrailing": [32] }]]], ["ui-search-shell", [[769, "ui-search-shell", { "hasStatus": [32], "hasFooter": [32] }]]], ["ui-select", [[769, "ui-select", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToSelect": 0 }], "defaultValue": [{ "syncToSelect": 0 }], "disabled": [{ "syncToSelect": 0 }], "invalid": [{ "syncToSelect": 0 }], "required": [{ "syncToSelect": 0 }] }]]], ["ui-switch", [[769, "ui-switch", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }] }]]], ["ui-tabs", [[769, "ui-tabs", { "value": [1], "defaultValue": [1, "default-value"], "orientation": [1], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncState": 0 }], "orientation": [{ "syncState": 0 }] }]]], ["ui-textarea", [[769, "ui-textarea", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "rows": [2], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToTextarea": 0 }], "defaultValue": [{ "syncToTextarea": 0 }], "disabled": [{ "syncToTextarea": 0 }], "invalid": [{ "syncToTextarea": 0 }], "readOnly": [{ "syncToTextarea": 0 }], "rows": [{ "syncToTextarea": 0 }] }]]], ["ui-toast-region", [[769, "ui-toast-region", { "open": [4], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncSurface": 0 }] }]]], ["ui-top-bar", [[769, "ui-top-bar", { "hasLeading": [32], "hasSearch": [32], "hasActions": [32] }]]], ["ui-tree", [[769, "ui-tree", { "label": [1], "hoverExpandDelay": [2, "hover-expand-delay"], "maxDepth": [2, "max-depth"] }]]], ["ui-tree-item", [[769, "ui-tree-item", { "itemId": [1, "item-id"], "label": [1], "depth": [2], "dropDepth": [2, "drop-depth"], "subtreeDepth": [2, "subtree-depth"], "container": [4], "sortable": [4], "dragType": [1, "drag-type"], "dropScope": [1, "drop-scope"], "accepts": [1], "expanded": [4], "defaultExpanded": [4, "default-expanded"], "selected": [4], "disabled": [4], "internalExpanded": [32] }, null, { "expanded": [{ "syncExpandedFromProp": 0 }] }]]], ["ui-menu", [[769, "ui-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncSurface": 0 }] }]]], ["ui-tooltip", [[769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "placement": [1], "showDelay": [2, "show-delay"], "hideDelay": [2, "hide-delay"], "toggleOnClick": [4, "toggle-on-click"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]]], options);
 };
 
 // loader/index.js
@@ -5317,11 +6039,8 @@ function handleLightDismiss2(event) {
   if (!top || !getOverlayDismissible2(top)) {
     return;
   }
-  const target = event.target;
-  if (target instanceof Node) {
-    if (top.element.contains(target)) return;
-    if (top.relatedElements?.some((element) => element.contains(target))) return;
-  }
+  const boundary = [top.element, ...top.relatedElements ?? []];
+  if (event.composedPath().some((target) => target instanceof Node && boundary.some((element) => element.contains(target)))) return;
   requestTopOverlayClose2("light-dismiss", "pointer");
 }
 function ensureListeners2() {
@@ -5810,6 +6529,60 @@ function createHoverIntent2(delay, onIntent) {
   };
 }
 
+// src/field/combobox.ts
+function mapComboboxOptions(rows, map) {
+  return rows.map((row) => ({ ...map(row), metadata: row }));
+}
+
+// src/field/validation.ts
+function formatEditingValue2(raw, selection, format) {
+  const unchanged = { display: raw, selection };
+  if (!format) return unchanged;
+  let result;
+  try {
+    result = format(raw, selection);
+  } catch {
+    return unchanged;
+  }
+  if (!result) return unchanged;
+  const characters = Array.from(raw);
+  let cursor = 0;
+  for (const character of result.display) if (character === characters[cursor]) cursor += 1;
+  if (!Number.isInteger(result.selection.start) || !Number.isInteger(result.selection.end) || cursor !== characters.length || result.selection.start < 0 || result.selection.end < result.selection.start || result.selection.end > result.display.length) return unchanged;
+  return result;
+}
+async function validateField2(request, config) {
+  let output = request.raw;
+  let issues = [];
+  const check = () => request.signal.throwIfAborted();
+  try {
+    check();
+    if (config.parse) output = await config.parse(request.raw, request);
+    check();
+    if (config.schema) {
+      const result = await config.schema["~standard"].validate(output);
+      check();
+      if (result.issues) issues = result.issues;
+      else if ("value" in result) output = result.value;
+    }
+    if (!issues.some((issue) => issue.severity !== "warning")) {
+      if (config.normalize) output = await config.normalize(output, request);
+      check();
+      if (config.validator) {
+        const result = await config.validator(output, request);
+        check();
+        issues = [...issues, ...result.issues ?? []];
+        if ("output" in result) output = result.output;
+      }
+    }
+  } catch (error) {
+    check();
+    issues = [{ message: error instanceof Error ? error.message : "Unable to validate this value." }];
+  }
+  issues = [...issues, ...config.issues ?? []];
+  return { output: issues.some((issue) => issue.severity !== "warning") ? void 0 : output, issues };
+}
+
 // index.ts
 if (typeof document !== "undefined") initializeInputModality(document);
 defineCustomElements();
@@ -5825,14 +6598,17 @@ defineCustomElements();
   createProximityCoordinator,
   createViewportSurface,
   distanceFromPointToRect,
+  formatEditingValue,
   getTopOverlay,
   getVisualViewportRect,
   initializeInputModality,
   isTopOverlay,
   loomaIconMarkup,
+  mapComboboxOptions,
   openOverlay,
   requestTopOverlayClose,
-  setElementDragImage
+  setElementDragImage,
+  validateField
 });
 /**
  * @license lucide v0.554.0 - ISC