@threadlabs/looma 0.1.28 → 0.2.1

package/dist/{ui-chip_2.entry-JCPHPXAG.js → ui-combobox.entry-NTCOCZOH.js}

@@ -4,30 +4,16 @@ import {
 } from "./chunk-TL4FIE7X.js";
 import {
   createAnchoredSurface
-} from "./chunk-M7FPK6GN.js";
+} from "./chunk-Z4W5W53T.js";
 import {
   Host,
   createEvent,
   getElement,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
-// dist/esm/ui-chip_2.entry.js
-var uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;min-width:0;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;box-sizing:border-box;min-width:0;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important}.chip__label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
-var UIChip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  /** `tag` has a square leading edge and an angled trailing edge; `pill` is fully rounded. */
-  appearance = "tag";
-  /** Compact typography size. */
-  size = "xs";
-  render() {
-    return h(Host, { key: "970cb48cf8d70c47feaab90fe428c09f0d052a03", "data-appearance": this.appearance, "data-size": this.size }, h("span", { key: "6d8c6104d2869520097a2a61bd2a887b363b4912", class: "chip__surface" }, h("span", { key: "638fb68ff5dffa629576c9e1079bb3169f2adb4f", class: "chip__label" }, h("slot", { key: "8b31f2130e202e18d7717aee6add6bc6e7f119b5" }))));
-  }
-};
-UIChip.style = uiChipCss();
+// dist/esm/ui-combobox.entry.js
 function formatEditingValue(raw, selection, format) {
   const unchanged = { display: raw, selection };
   if (!format)
@@ -85,7 +71,7 @@ async function validateField(request, config) {
   issues = [...issues, ...config.issues ?? []];
   return { output: issues.some((issue) => issue.severity !== "warning") ? void 0 : output, issues };
 }
-var 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}}`;
+var 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}}:host([multiple]) .field{flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-multi-combobox-min-block-size, 2.5rem);padding:var(--ui-space-1)}:host([multiple]) input{flex:1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);width:auto;min-block-size:1.75rem;padding:var(--ui-space-0-5) var(--ui-space-1)}.items{display:contents}.item{appearance:none;display:inline-flex;min-inline-size:0;max-inline-size:min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));overflow:hidden;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item>slot{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden}.item>slot::slotted(*){min-inline-size:0;max-inline-size:100%}.item:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:1px}.item:disabled{opacity:.6}`;
 var UICombobox = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -96,6 +82,9 @@ var UICombobox = class {
     this.dependencyInvalidate = createEvent(this, "dependency-invalidate");
     this.validationChange = createEvent(this, "validation-change");
     this.optionsChange = createEvent(this, "options-change");
+    this.addItem = createEvent(this, "add-item");
+    this.removeItem = createEvent(this, "remove-item");
+    this.createItem = createEvent(this, "create-item");
   }
   get host() {
     return getElement(this);
@@ -104,9 +93,16 @@ var UICombobox = class {
   label = "";
   placeholder = "";
   name = "";
-  /** Controlled canonical value. Undefined selects uncontrolled mode; null means no selection. */
+  /**
+   * Controlled canonical value. Undefined selects uncontrolled mode; null means no selection.
+   * With `multiple`, this is the controlled list of selected items instead.
+   */
   value;
   defaultValue;
+  /** Render selected values as removable chips before the cursor. `value` becomes the item list. */
+  multiple = false;
+  /** Characters that commit the current query and leave the input ready for the next item (multiple only). */
+  tokenSeparators = [];
   /** Controlled raw editing text; independent of canonical selection. */
   query;
   defaultQuery = "";
@@ -123,6 +119,7 @@ var UICombobox = class {
   /** Optional description shown by the connected question-mark button. */
   help = "";
   queryChange;
+  /** Single mode: the ComboboxChange. Multiple mode: the full current item list on any change. */
   valueChange;
   freeEntry;
   createEntry;
@@ -130,6 +127,12 @@ var UICombobox = class {
   validationChange;
   /** Supplies the current result rows for framework-owned rich slots. */
   optionsChange;
+  /** Multiple mode: a suggestion or exact-match token was committed as a new item. */
+  addItem;
+  /** Multiple mode: a selected item was removed via chip keyboard controls. */
+  removeItem;
+  /** Multiple mode: an unmatched query was submitted for creation. */
+  createItem;
   raw = "";
   display = "";
   selected = null;
@@ -157,7 +160,22 @@ var UICombobox = class {
   proposedChange;
   formattedRaw;
   formattedWith;
+  /** Multiple mode: the controlled selected items (from `value`). Empty otherwise. */
+  get items() {
+    return this.multiple && Array.isArray(this.value) ? this.value : [];
+  }
+  get selectedValues() {
+    return new Set(this.items.map((item) => item.value));
+  }
   componentWillLoad() {
+    if (this.multiple) {
+      this.selected = null;
+      this.raw = this.query ?? this.defaultQuery;
+      this.display = this.raw;
+      this.initialRaw = this.raw;
+      this.applyServerIssues();
+      return;
+    }
     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) {
@@ -194,7 +212,7 @@ var UICombobox = class {
       this.surface = createAnchoredSurface(this.popup, { anchor: this.field, placement: "bottom-start" });
   }
   syncValue() {
-    if (this.value === void 0)
+    if (this.multiple || this.value === void 0)
       return;
     this.selected = this.value;
     if (this.query === void 0) {
@@ -236,9 +254,14 @@ var UICombobox = class {
     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");
+      if (this.multiple) {
+        if (policy === "clear")
+          this.setMultiQuery("", "programmatic");
+      } else {
+        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();
@@ -309,11 +332,16 @@ var UICombobox = class {
         this.resetValidation();
       }
       const ids = /* @__PURE__ */ new Set();
+      const selected = this.multiple ? this.selectedValues : void 0;
       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()));
+        if (this.fullSet)
+          return true;
+        if (selected)
+          return !selected.has(option.value) && (config.filter ? config.filter(option, query, config.context) : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
+        return 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) {
@@ -427,6 +455,18 @@ var UICombobox = class {
     const option = this.rows[index];
     if (option?.disabled)
       return;
+    if (this.multiple) {
+      if (option)
+        this.addSelectedItem(option, trigger);
+      else if (this.canCreate && index === this.rows.length)
+        this.createSelectedItem(this.raw.trim(), trigger);
+      else
+        return;
+      this.setMultiQuery("", trigger);
+      this.close();
+      this.input?.focus();
+      return;
+    }
     if (option)
       this.commit(option.value, option.label, option, "selection", trigger);
     else if (this.canCreate && index === this.rows.length)
@@ -438,6 +478,104 @@ var UICombobox = class {
     if (this.config.validateOn !== "submit")
       queueMicrotask(() => void this.validate());
   }
+  // --- Multiple-mode helpers ---------------------------------------------
+  emitItems(items) {
+    this.valueChange.emit(items);
+  }
+  setMultiQuery(query, trigger) {
+    if (this.query === void 0) {
+      this.raw = query;
+      this.display = query;
+      this.formattedRaw = void 0;
+    }
+    if (this.input)
+      this.input.value = query;
+    this.queryChange.emit({ query, display: query, trigger });
+  }
+  addSelectedItem(option, trigger) {
+    this.addItem.emit({ item: option, index: this.items.length, trigger });
+    this.emitItems([...this.items, option]);
+  }
+  createSelectedItem(query, trigger) {
+    if (!query)
+      return;
+    this.createItem.emit({ query, trigger });
+  }
+  commitQuery(trigger) {
+    const query = this.raw.trim();
+    if (!query)
+      return;
+    const normalized = query.toLocaleLowerCase();
+    const option = this.rows.find((row) => row.label.trim().toLocaleLowerCase() === normalized);
+    if (option) {
+      this.setMultiQuery("", trigger);
+      this.addSelectedItem(option, trigger);
+    } else if (this.config.allowCreate) {
+      this.setMultiQuery("", trigger);
+      this.createSelectedItem(query, trigger);
+    }
+  }
+  removeItemAt(index, trigger) {
+    const item = this.items[index];
+    if (!item || item.disabled || this.disabled || this.readOnly)
+      return;
+    this.removeItem.emit({ item, index, trigger });
+    this.emitItems(this.items.filter((_, position) => position !== index));
+    requestAnimationFrame(() => {
+      const buttons = this.host.shadowRoot?.querySelectorAll('[part="item"]') ?? [];
+      const next = buttons[Math.min(index, buttons.length - 1)] ?? buttons[index - 1];
+      if (next && next.dataset.value !== item.value)
+        next.focus();
+      else
+        void this.focusInput();
+    });
+  }
+  focusItem(index) {
+    this.host.shadowRoot?.querySelectorAll('[part="item"]')[index]?.focus();
+  }
+  onItemKeyDown = (event, index) => {
+    if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
+      return;
+    if (event.key === "ArrowLeft") {
+      event.preventDefault();
+      event.stopPropagation();
+      this.focusItem(Math.max(0, index - 1));
+    } else if (event.key === "ArrowRight") {
+      event.preventDefault();
+      event.stopPropagation();
+      if (index === this.items.length - 1)
+        void this.focusInput();
+      else
+        this.focusItem(index + 1);
+    } else if (event.key === "Backspace" || event.key === "Delete") {
+      event.preventDefault();
+      event.stopPropagation();
+      this.removeItemAt(index, "keyboard");
+    }
+  };
+  handleMultipleKeydown(event) {
+    if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
+      return false;
+    if (this.tokenSeparators.includes(event.key)) {
+      event.preventDefault();
+      event.stopPropagation();
+      this.commitQuery("keyboard");
+      return true;
+    }
+    if (this.raw || (this.input?.selectionStart ?? 0) > 0)
+      return false;
+    if (event.key === "ArrowLeft" && this.items.length) {
+      event.preventDefault();
+      this.focusItem(this.items.length - 1);
+      return true;
+    }
+    if (event.key === "Backspace" && this.items.length) {
+      event.preventDefault();
+      this.removeItemAt(this.items.length - 1, "keyboard");
+      return true;
+    }
+    return false;
+  }
   move(key) {
     const indices = this.rows.flatMap((row, index) => row.disabled ? [] : [index]);
     if (this.canCreate)
@@ -452,6 +590,8 @@ var UICombobox = class {
   onKeydown = (event) => {
     if (this.composing || event.isComposing || this.disabled || this.readOnly)
       return;
+    if (this.multiple && this.handleMultipleKeydown(event))
+      return;
     if (event.key === "Escape" && this.expanded) {
       event.preventDefault();
       event.stopPropagation();
@@ -489,7 +629,7 @@ var UICombobox = class {
     this.close();
     this.format("blur");
     this.validation = { ...this.validation, touched: true };
-    if (this.config.allowFreeText && this.selected === null)
+    if (!this.multiple && this.config.allowFreeText && this.selected === null)
       this.commit(null, this.raw, null, "free-entry", "keyboard");
     if ((this.config.validateOn ?? "blur") === "blur")
       void this.validate();
@@ -533,23 +673,23 @@ var UICombobox = class {
     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: "1f00d9a83729d9c2147ced7e5006b928d1b5e51d", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "10353b147cc68ef1d67be0988849af1527fcf9ba", htmlFor: "input", part: "label", class: this.labelVisibility === "sr-only" ? "sr-only" : void 0 }, this.label, this.required ? " *" : ""), h("div", { key: "74bb53137d9343add37c22f3ac503eccf41807a9", class: "field", part: "field", ref: (element) => this.field = element, onClick: (event) => {
+    return h(Host, { key: "fc4c0192d3be88d8c0199ae1bcca44232bd22351", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "bdd0d244c6ef448978fa77aac3a2d3b71d713553", htmlFor: "input", part: "label", class: this.labelVisibility === "sr-only" ? "sr-only" : void 0 }, this.label, this.required ? " *" : ""), h("div", { key: "afb3972aab52171a3b25ede863c31059e56f5d91", class: "field", part: "field", ref: (element) => this.field = element, onClick: (event) => {
       if (!event.composedPath().some((node) => node instanceof HTMLButtonElement))
         this.input?.focus();
-    } }, h("slot", { key: "24c26916365013faa4a78bd4fe0d01f6c129c703", name: "start" }), h("input", { key: "835d19e66ec4a24c1a83f43bbc256fa2a9e3332f", 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: () => {
+    } }, h("slot", { key: "65e4e201d6c11cd2638e392e1298662de7ba4d57", name: "start" }), this.multiple && h("div", { key: "b80b5b85fa0540139b9756fcc494aef9df245c15", class: "items", role: "group", "aria-label": `Selected ${this.label}` }, this.items.map((item, index) => h("button", { type: "button", part: "item", class: "item", "data-value": item.value, tabIndex: -1, disabled: this.disabled || this.readOnly || item.disabled, "aria-label": `${item.label}, press Delete or Backspace to remove`, onKeyDown: (event) => this.onItemKeyDown(event, index) }, h("slot", { name: `item-${item.id}` }, h("ui-chip", { appearance: "pill" }, item.label))))), h("input", { key: "64f76055ae412cc87119270eec10c69000a72563", 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: "326c1e24d3c417c3a72acd8234a53937b388ba79", type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => {
+    } }), this.clearable && h("button", { key: "eac4c18dadcea92065af4ecd871d925ef1248d47", 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: "6aeb62dc2935eb95670caa1d2028c0931dc362b2", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "9317be0fbb0c1bbb91061be69f38037a97a4c36b", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "1cd2a0ea92df1144ff2297fcf64df7b3d0f4713a", type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
+    } }, "\xD7"), this.help && h("button", { key: "9a559d49a495ead3dbf159f170c594e0aaa0d0d0", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "73940e568b976f85399d5baa5e247a4a606d0039", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "30dd6746ffb121888a4c4fb6df54720906badf78", 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: "0188b2d0e8cc7b7ff4d1a2175a0ff0b47d9c7d98", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "e09fd35274c3e1fa6e408850d72f7a07c2bb4baf", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "ddf83a5944dd03fc7eb580b81fcf291e06c03601", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "1d73de1dabb6eaa95af12f2af88dac74e3f163ea", 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: "a0aaafa2f4ff79efa954ed780f3a7bd81d4b2ecd", 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: "53a6706fc2c26097948b08cf0a7ee6040e37fe57", 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("slot", { key: "7997a0233a3c1a560b820c846645405ec4ceec1d", name: "footer" })), h("div", { key: "9143eb79141f5f3660a63f7a2471d1eecd8e9332", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "21f310613b058f528f8c4df329864fd8a2a94b55", 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(" ")));
+    } }, h("span", { key: "7d3b10a765ee0a6c40d7b0b49e98c676a5837944", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "efff00f45dc281b727789eb2aa84ff772bb5c925", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "770bc12b873026b571bd3ae2a80416e8af52b8d4", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "ed48c8dd8b672a577d567ca5e795b8a53fde2761", 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: "43215f449bbccde407ef818cee473f69870f6f8c", 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: "3ff70ff3ab8e24afc369a26e8474e7d1220ed6eb", 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("slot", { key: "8b1fbd4f5c372393d294d8c218ae1785e6b0334f", name: "footer" })), h("div", { key: "18e68687f04e35535edee363683523ce6bbb0291", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "e4a7db06abcfaf08b8ac592107531a13ef3a5897", 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 {
@@ -573,6 +713,5 @@ var UICombobox = class {
 };
 UICombobox.style = uiComboboxCss();
 export {
-  UIChip as ui_chip,
   UICombobox as ui_combobox
 };

package/dist/{ui-context-menu.entry-24YOHF7L.js → ui-context-menu.entry-7GSDWHTP.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-TL4FIE7X.js";
 import {
   createAnchoredSurface
-} from "./chunk-M7FPK6GN.js";
+} from "./chunk-Z4W5W53T.js";
 import {
   dispatchDetail
 } from "./chunk-UL7UIUJZ.js";
@@ -14,7 +14,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-context-menu.entry.js
 var 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}}`;
@@ -226,7 +226,7 @@ var UIContextMenu = class {
     this.closeMenu("action", "pointer");
   };
   render() {
-    return h(Host, { key: "292937da8010dc741e3e845b6f7fd0fef6b8bda3", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "4f08876237d1919803200226d956e67de35fffab", name: "trigger" }), h("div", { key: "c2cc0218165d02cc4c7fd11bdc52a51d39897546", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "1c2c6e62c86f3a38f014976843f3354d312d0744", open: this.internalOpen }, h("slot", { key: "baeca960ac6d2277a60dc567f6e4110904d67b5e" }))));
+    return h(Host, { key: "aaf9f27402b0c88cede3847ee9c8f61ac844f889", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "d801d564ec2ee073e517cb991c26efc61d3e499d", name: "trigger" }), h("div", { key: "4febcc5d76c79c2e5361db7b203e971582197fd2", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "7aace2479a8014a20da35f69bd3ed57b402f9ef2", open: this.internalOpen }, h("slot", { key: "a31d703c437cf5d9ab82e5f7793caa093a312dfd" }))));
   }
   static get watchers() {
     return {

package/dist/{ui-dialog.entry-XKNYDWOQ.js → ui-dialog.entry-F53O6FBQ.js}

@@ -15,7 +15,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-dialog.entry.js
 var 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;box-sizing:border-box;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}}`;
@@ -124,7 +124,7 @@ var UIDialog = class {
       this.accessibleLabel = nextLabel;
   };
   render() {
-    return h(Host, { key: "f5b4441f54505e40851dd239d12cf8ed09daabfe", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "6896de6166cc085d9bd581dc053705fbce6328d8", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: "07515a7b8da25ccbd18bcde226129a569c999af7" })));
+    return h(Host, { key: "b606ef8c95728b5538047a7134030455fedf69e4", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "85531d82c36e79230cbb22c105ff3821f1f35f58", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: "8216096bc94e8261680664398691b8ea877daa0f" })));
   }
   static get watchers() {
     return {

package/dist/{ui-disclosure.entry-2AWCGZ4C.js → ui-disclosure.entry-YWJA42GQ.js}

@@ -15,7 +15,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-disclosure.entry.js
 var uiDisclosureCss = () => `:host{display:block}::slotted([hidden]){display:none !important}`;
@@ -107,7 +107,7 @@ var UIDisclosure = class {
     this.setOpen(!this.internalOpen, { reason: "action", trigger: "keyboard" });
   };
   render() {
-    return h(Host, { key: "5c49c41703850437e8b3a1476f3333da83a4f133" }, h("slot", { key: "9a4856ad2ab237331b8485f6c3a423a43ddceb8d" }));
+    return h(Host, { key: "91d1df53268f18c8c15192fb66b67baa7053fe93" }, h("slot", { key: "578c99f8fd09415c5e63e9f6a860fe204471da2f" }));
   }
   static get watchers() {
     return {

package/dist/{ui-editable.entry-HLEWO7BN.js → ui-editable.entry-3QPCWDPM.js}

@@ -8,7 +8,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-editable.entry.js
 var uiEditableCss = () => `:host{display:block;min-inline-size:0}[hidden]{display:none !important}`;
@@ -53,7 +53,7 @@ var UIEditable = class {
   }
   focusEditor() {
     const editRoot = this.host.querySelector('[slot="edit"]');
-    const candidate = editRoot?.matches("input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox") ? editRoot : editRoot?.querySelector("input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox");
+    const candidate = editRoot?.matches("input, textarea, select, button, [tabindex], ui-combobox") ? editRoot : editRoot?.querySelector("input, textarea, select, button, [tabindex], ui-combobox");
     const focusInput = candidate?.focusInput;
     if (typeof focusInput === "function")
       void focusInput.call(candidate);
@@ -94,7 +94,7 @@ var UIEditable = class {
     this.requestEdit(false, "light-dismiss", "pointer");
   };
   render() {
-    return h(Host, { key: "7f0c77aa06281c94407af1f060f5f2b2c34af394", "data-edit": this.internalEdit ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: "4dc13c26dc4080ed0ad972aa677d9e844a0e7597", part: "preview", hidden: this.internalEdit }, h("slot", { key: "8332efed99f05173030d379088e8e97746f32ce6", name: "preview" })), h("div", { key: "ec3e11ec9218077da5f17a0c724cfab17d56fb17", part: "edit", hidden: !this.internalEdit }, h("slot", { key: "46a4618614c6e55c0015d97e687a0f28e05eef38", name: "edit" })));
+    return h(Host, { key: "c11babe81053ecc0fb6390507f74d5094c551f48", "data-edit": this.internalEdit ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: "fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6", part: "preview", hidden: this.internalEdit }, h("slot", { key: "29537eed3c19da07a61b0236a563912eec332572", name: "preview" })), h("div", { key: "a8cdb53c61041361ff97762bdf1e8e6992706751", part: "edit", hidden: !this.internalEdit }, h("slot", { key: "466c6bf07d44ab07ccab1fd138412e43a291dcca", name: "edit" })));
   }
   static get watchers() {
     return {

package/dist/{ui-floating-action-button.entry-2NJDB4YN.js → ui-floating-action-button.entry-L4UC6RFM.js}

@@ -2,7 +2,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-floating-action-button.entry.js
 var 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}}`;
@@ -14,7 +14,7 @@ var UIFloatingActionButton = class {
   mobileOnly = false;
   label = "";
   render() {
-    return h(Host, { key: "86f7c100efe7fdf900de7abbcc1a01c475b0da1d", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "91398faeb693dcbe11d58e59a183391ce6e4876c", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "d11b6f638b045d6835279f3381442983b40472d9" })));
+    return h(Host, { key: "54f6284109397d15e2b3ef92f68e9bd4cf91fbae", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "222c6807ae4639eb20dc25be08fe5f4e91c638de" })));
   }
 };
 UIFloatingActionButton.style = uiFloatingActionButtonCss();

package/dist/{ui-form-field.entry-FJ5HYCTN.js → ui-form-field.entry-2VCITLQA.js}

@@ -6,7 +6,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-form-field.entry.js
 var 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}`;
@@ -111,7 +111,7 @@ var UIFormField = class {
     input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
   }
   render() {
-    return h(Host, { key: "3d331f3506c3853d751395569e87614c52ce0076", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "1b582b4961a767230b19efa314943f8a5426270e", onSlotchange: this.scheduleWire }));
+    return h(Host, { key: "f052dbf0ba289bf187ea78c458260110fbfa059a", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "f26f48581b5781e8c3d7830ddd3707ea4fb04420", onSlotchange: this.scheduleWire }));
   }
 };
 UIFormField.style = uiFormFieldCss();

package/dist/{ui-icon-button.entry-YZHJQ5YR.js → ui-icon-button.entry-MRRA6NVP.js}

@@ -2,7 +2,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-icon-button.entry.js
 var 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)}`;
@@ -17,7 +17,7 @@ var UIIconButton = class {
   /** Reveals this control through a surrounding ui-affordance-scope. */
   anticipatory = false;
   render() {
-    return h(Host, { key: "9e8ee3ff8c9f9ab5113a7635e49755e0eb998898", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "7f6dd5ae40b595634ba91834c2bb113687ee5cb8", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "c7a94d7fb54fbff44e372bf4f67bb29a40bfc45b" })));
+    return h(Host, { key: "8d0f84c9d3aaa69f47430369b511bb4160de5cc8", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "b896cdb091e9733b2b8625463f1324819c23965c", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "76ab5e5f4d34e3f0850287b4552dde060b3798e7" })));
   }
 };
 UIIconButton.style = uiIconButtonCss();

package/dist/{ui-input.entry-JMBLMNP6.js → ui-input.entry-7LYLUJNT.js}

@@ -7,7 +7,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-input.entry.js
 var 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}`;
@@ -83,7 +83,7 @@ var UIInput = class {
     });
   };
   render() {
-    return h(Host, { key: "90597a900e0504f0e729990dd8cbc84c35d8162f", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "1c8ac0ad7e4d3a5a9b913c2687021ef7037ccfa7", ref: (el) => this.slotRef = el }));
+    return h(Host, { key: "92505de6b1245569a6d4746418a70f8d7bc4eed9", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "d5743dc62037b5d7722cfbb64a582592327c75e5", ref: (el) => this.slotRef = el }));
   }
   static get watchers() {
     return {

package/dist/{ui-menu-item.entry-VBGXM66D.js → ui-menu-item.entry-YHSIKO5W.js}

@@ -2,7 +2,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-menu-item.entry.js
 var uiMenuItemCss = () => `:host{display:block;width:100%}.menu-item__surface{display:block;box-sizing:border-box;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])) .menu-item__surface{background:var(--ui-surface-subtle)}:host([aria-disabled='true']) .menu-item__surface,:host([disabled]) .menu-item__surface{opacity:0.6;cursor:not-allowed}`;
@@ -13,7 +13,7 @@ var UIMenuItem = class {
   disabled = false;
   value = "";
   render() {
-    return h(Host, { key: "856cf07264b2eb8e3e51305408855156e11d9a8b", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("span", { key: "a56401f9b910175eb5683d1748f323dce0d55a9c", class: "menu-item__surface" }, h("slot", { key: "4ee22fd4cdb10ec822e4485e48ed8000a10512ae" })));
+    return h(Host, { key: "d0f0886b18ebd01c0c2e20a2c1b1ecfd57eeb3e3", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("span", { key: "7fc584fb670b5b8ce0bbd3be1fea08f87de4a298", class: "menu-item__surface" }, h("slot", { key: "066fb08bc22996d439f3216e401a93a084e3e299" })));
   }
 };
 UIMenuItem.style = uiMenuItemCss();

package/dist/{ui-menu.entry-I2N5H3YC.js → ui-menu.entry-ZQBF7B4T.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-TL4FIE7X.js";
 import {
   createAnchoredSurface
-} from "./chunk-M7FPK6GN.js";
+} from "./chunk-Z4W5W53T.js";
 import {
   controlledOrDefault,
   isControlled
@@ -19,7 +19,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-G5AWV77V.js";
+} from "./chunk-WW7Y67EW.js";
 
 // dist/esm/ui-menu.entry.js
 var uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;box-sizing:border-box;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:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;max-inline-size:inherit;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);max-block-size:inherit;overflow:auto}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:visible;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%}`;
@@ -167,7 +167,7 @@ var UIMenu = class {
     }
   };
   render() {
-    return h(Host, { key: "22689ca1b0514bb27a76bfb9a702c0d4ce49d136", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "cff891a33348f077631f1b92f1167285aafd25f1", class: "menu__surface" }, h("slot", { key: "3a0e9ff4f36b1afbe5f879e0e51ff4943279b5b5" })));
+    return h(Host, { key: "5b64cc53ca56ea04a63013c8cb61231c9b1045cc", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "6410a56cc5efcffd0673c9abdf8f8aa45295c516", class: "menu__surface" }, h("slot", { key: "7e7f9d3b19bbf3024d61ecf44cd8b103748ef966" })));
   }
   static get watchers() {
     return {