@threadlabs/looma 0.1.27 → 0.2.0

package/dist/types/components.d.ts

@@ -6,15 +6,15 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { CalloutTone } from "./components/ui-callout/ui-callout";
+import { MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from "./field/multi-combobox";
 import { ComboboxChange, ComboboxConfig, ComboboxOption, ComboboxValidationState } from "./field/combobox";
 import { EditableChange } from "./field/editable";
 import { AnchoredPlacement } from "./overlay/positioning";
-import { MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from "./field/multi-combobox";
 export { CalloutTone } from "./components/ui-callout/ui-callout";
+export { MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from "./field/multi-combobox";
 export { ComboboxChange, ComboboxConfig, ComboboxOption, ComboboxValidationState } from "./field/combobox";
 export { EditableChange } from "./field/editable";
 export { AnchoredPlacement } from "./overlay/positioning";
-export { MultiComboboxCreate, MultiComboboxItem, MultiComboboxItemChange } from "./field/multi-combobox";
 export namespace Components {
     interface UiAffordanceScope {
         /**
@@ -118,6 +118,8 @@ export namespace Components {
     }
     /**
      * A single editable field with contextual suggestions, optional help and field validation.
+     * With `multiple`, it becomes a multi-value tag field: `value` holds the selected
+     * items, chips render before the cursor, and add/remove/create item events fire.
      */
     interface UiCombobox {
         /**
@@ -161,6 +163,11 @@ export namespace Components {
           * @default 'visible'
          */
         "labelVisibility": 'visible' | 'sr-only';
+        /**
+          * Render selected values as removable chips before the cursor. `value` becomes the item list.
+          * @default false
+         */
+        "multiple": boolean;
         /**
           * @default ''
          */
@@ -185,14 +192,19 @@ export namespace Components {
           * @default 'md'
          */
         "size": 'sm' | 'md';
+        /**
+          * Characters that commit the current query and leave the input ready for the next item (multiple only).
+          * @default []
+         */
+        "tokenSeparators": readonly string[];
         /**
           * Validate for submission. Caller submits only non-pending, non-error output.
          */
         "validate": () => Promise<ComboboxValidationState>;
         /**
-          * 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"?: string | null;
+        "value"?: string | null | readonly MultiComboboxItem[];
     }
     interface UiContextMenu {
         /**
@@ -362,54 +374,6 @@ export namespace Components {
          */
         "value": string;
     }
-    /**
-     * A multi-value combobox with removable, customizable selected items.
-     */
-    interface UiMultiCombobox {
-        /**
-          * @default {}
-         */
-        "config": ComboboxConfig;
-        /**
-          * @default ''
-         */
-        "defaultQuery": string;
-        /**
-          * @default false
-         */
-        "disabled": boolean;
-        "focusInput": () => Promise<void>;
-        /**
-          * @default []
-         */
-        "items": readonly MultiComboboxItem[];
-        /**
-          * @default ''
-         */
-        "label": string;
-        /**
-          * @default ''
-         */
-        "name": string;
-        /**
-          * @default ''
-         */
-        "placeholder": string;
-        "query"?: string;
-        /**
-          * @default false
-         */
-        "readOnly": boolean;
-        /**
-          * @default false
-         */
-        "required": boolean;
-        /**
-          * Characters that commit the current query and leave the input ready for the next item.
-          * @default []
-         */
-        "tokenSeparators": readonly string[];
-    }
     interface UiPopover {
         /**
           * @default false
@@ -690,10 +654,6 @@ export interface UiEditableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiEditableElement;
 }
-export interface UiMultiComboboxCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLUiMultiComboboxElement;
-}
 export interface UiTooltipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUiTooltipElement;
@@ -755,15 +715,20 @@ declare global {
     };
     interface HTMLUiComboboxElementEventMap {
         "query-change": { query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' };
-        "value-change": ComboboxChange;
+        "value-change": ComboboxChange | readonly MultiComboboxItem[];
         "free-entry": ComboboxChange;
         "create-entry": ComboboxChange;
         "dependency-invalidate": ComboboxChange;
         "validation-change": ComboboxValidationState;
         "options-change": readonly ComboboxOption[];
+        "add-item": MultiComboboxItemChange;
+        "remove-item": MultiComboboxItemChange;
+        "create-item": MultiComboboxCreate;
     }
     /**
      * A single editable field with contextual suggestions, optional help and field validation.
+     * With `multiple`, it becomes a multi-value tag field: `value` holds the selected
+     * items, chips render before the cursor, and add/remove/create item events fire.
      */
     interface HTMLUiComboboxElement extends Components.UiCombobox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLUiComboboxElementEventMap>(type: K, listener: (this: HTMLUiComboboxElement, ev: UiComboboxCustomEvent<HTMLUiComboboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -853,30 +818,6 @@ declare global {
         prototype: HTMLUiMenuItemElement;
         new (): HTMLUiMenuItemElement;
     };
-    interface HTMLUiMultiComboboxElementEventMap {
-        "query-change": { query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' };
-        "add-item": MultiComboboxItemChange;
-        "remove-item": MultiComboboxItemChange;
-        "create-item": MultiComboboxCreate;
-        "options-change": readonly ComboboxOption[];
-    }
-    /**
-     * A multi-value combobox with removable, customizable selected items.
-     */
-    interface HTMLUiMultiComboboxElement extends Components.UiMultiCombobox, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLUiMultiComboboxElementEventMap>(type: K, listener: (this: HTMLUiMultiComboboxElement, ev: UiMultiComboboxCustomEvent<HTMLUiMultiComboboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLUiMultiComboboxElementEventMap>(type: K, listener: (this: HTMLUiMultiComboboxElement, ev: UiMultiComboboxCustomEvent<HTMLUiMultiComboboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLUiMultiComboboxElement: {
-        prototype: HTMLUiMultiComboboxElement;
-        new (): HTMLUiMultiComboboxElement;
-    };
     interface HTMLUiPopoverElement extends Components.UiPopover, HTMLStencilElement {
     }
     var HTMLUiPopoverElement: {
@@ -993,7 +934,6 @@ declare global {
         "ui-input": HTMLUiInputElement;
         "ui-menu": HTMLUiMenuElement;
         "ui-menu-item": HTMLUiMenuItemElement;
-        "ui-multi-combobox": HTMLUiMultiComboboxElement;
         "ui-popover": HTMLUiPopoverElement;
         "ui-radio": HTMLUiRadioElement;
         "ui-radio-group": HTMLUiRadioGroupElement;
@@ -1113,6 +1053,8 @@ declare namespace LocalJSX {
     }
     /**
      * A single editable field with contextual suggestions, optional help and field validation.
+     * With `multiple`, it becomes a multi-value tag field: `value` holds the selected
+     * items, chips render before the cursor, and add/remove/create item events fire.
      */
     interface UiCombobox {
         /**
@@ -1152,11 +1094,24 @@ declare namespace LocalJSX {
           * @default 'visible'
          */
         "labelVisibility"?: 'visible' | 'sr-only';
+        /**
+          * Render selected values as removable chips before the cursor. `value` becomes the item list.
+          * @default false
+         */
+        "multiple"?: boolean;
         /**
           * @default ''
          */
         "name"?: string;
+        /**
+          * Multiple mode: a suggestion or exact-match token was committed as a new item.
+         */
+        "onAdd-item"?: (event: UiComboboxCustomEvent<MultiComboboxItemChange>) => void;
         "onCreate-entry"?: (event: UiComboboxCustomEvent<ComboboxChange>) => void;
+        /**
+          * Multiple mode: an unmatched query was submitted for creation.
+         */
+        "onCreate-item"?: (event: UiComboboxCustomEvent<MultiComboboxCreate>) => void;
         "onDependency-invalidate"?: (event: UiComboboxCustomEvent<ComboboxChange>) => void;
         "onFree-entry"?: (event: UiComboboxCustomEvent<ComboboxChange>) => void;
         /**
@@ -1164,8 +1119,15 @@ declare namespace LocalJSX {
          */
         "onOptions-change"?: (event: UiComboboxCustomEvent<readonly ComboboxOption[]>) => void;
         "onQuery-change"?: (event: UiComboboxCustomEvent<{ query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' }>) => void;
+        /**
+          * Multiple mode: a selected item was removed via chip keyboard controls.
+         */
+        "onRemove-item"?: (event: UiComboboxCustomEvent<MultiComboboxItemChange>) => void;
         "onValidation-change"?: (event: UiComboboxCustomEvent<ComboboxValidationState>) => void;
-        "onValue-change"?: (event: UiComboboxCustomEvent<ComboboxChange>) => void;
+        /**
+          * Single mode: the ComboboxChange. Multiple mode: the full current item list on any change.
+         */
+        "onValue-change"?: (event: UiComboboxCustomEvent<ComboboxChange | readonly MultiComboboxItem[]>) => void;
         /**
           * @default ''
          */
@@ -1187,9 +1149,14 @@ declare namespace LocalJSX {
          */
         "size"?: 'sm' | 'md';
         /**
-          * Controlled canonical value. Undefined selects uncontrolled mode; null means no selection.
+          * Characters that commit the current query and leave the input ready for the next item (multiple only).
+          * @default []
+         */
+        "tokenSeparators"?: readonly string[];
+        /**
+          * Controlled canonical value. Undefined selects uncontrolled mode; null means no selection. With `multiple`, this is the controlled list of selected items instead.
          */
-        "value"?: string | null;
+        "value"?: string | null | readonly MultiComboboxItem[];
     }
     interface UiContextMenu {
         /**
@@ -1360,58 +1327,6 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
-    /**
-     * A multi-value combobox with removable, customizable selected items.
-     */
-    interface UiMultiCombobox {
-        /**
-          * @default {}
-         */
-        "config"?: ComboboxConfig;
-        /**
-          * @default ''
-         */
-        "defaultQuery"?: string;
-        /**
-          * @default false
-         */
-        "disabled"?: boolean;
-        /**
-          * @default []
-         */
-        "items"?: readonly MultiComboboxItem[];
-        /**
-          * @default ''
-         */
-        "label"?: string;
-        /**
-          * @default ''
-         */
-        "name"?: string;
-        "onAdd-item"?: (event: UiMultiComboboxCustomEvent<MultiComboboxItemChange>) => void;
-        "onCreate-item"?: (event: UiMultiComboboxCustomEvent<MultiComboboxCreate>) => void;
-        "onOptions-change"?: (event: UiMultiComboboxCustomEvent<readonly ComboboxOption[]>) => void;
-        "onQuery-change"?: (event: UiMultiComboboxCustomEvent<{ query: string; display: string; trigger: 'keyboard' | 'pointer' | 'programmatic' }>) => void;
-        "onRemove-item"?: (event: UiMultiComboboxCustomEvent<MultiComboboxItemChange>) => void;
-        /**
-          * @default ''
-         */
-        "placeholder"?: string;
-        "query"?: string;
-        /**
-          * @default false
-         */
-        "readOnly"?: boolean;
-        /**
-          * @default false
-         */
-        "required"?: boolean;
-        /**
-          * Characters that commit the current query and leave the input ready for the next item.
-          * @default []
-         */
-        "tokenSeparators"?: readonly string[];
-    }
     interface UiPopover {
         /**
           * @default false
@@ -1727,8 +1642,9 @@ declare namespace LocalJSX {
         "label": string;
         "placeholder": string;
         "name": string;
-        "value": string | null;
+        "value": string | null | readonly MultiComboboxItem[];
         "defaultValue": string;
+        "multiple": boolean;
         "query": string;
         "defaultQuery": string;
         "disabled": boolean;
@@ -1796,16 +1712,6 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "value": string;
     }
-    interface UiMultiComboboxAttributes {
-        "label": string;
-        "placeholder": string;
-        "query": string;
-        "defaultQuery": string;
-        "disabled": boolean;
-        "readOnly": boolean;
-        "required": boolean;
-        "name": string;
-    }
     interface UiPopoverAttributes {
         "open": boolean;
         "defaultOpen": boolean;
@@ -1911,7 +1817,6 @@ declare namespace LocalJSX {
         "ui-input": Omit<UiInput, keyof UiInputAttributes> & { [K in keyof UiInput & keyof UiInputAttributes]?: UiInput[K] } & { [K in keyof UiInput & keyof UiInputAttributes as `attr:${K}`]?: UiInputAttributes[K] } & { [K in keyof UiInput & keyof UiInputAttributes as `prop:${K}`]?: UiInput[K] };
         "ui-menu": Omit<UiMenu, keyof UiMenuAttributes> & { [K in keyof UiMenu & keyof UiMenuAttributes]?: UiMenu[K] } & { [K in keyof UiMenu & keyof UiMenuAttributes as `attr:${K}`]?: UiMenuAttributes[K] } & { [K in keyof UiMenu & keyof UiMenuAttributes as `prop:${K}`]?: UiMenu[K] };
         "ui-menu-item": Omit<UiMenuItem, keyof UiMenuItemAttributes> & { [K in keyof UiMenuItem & keyof UiMenuItemAttributes]?: UiMenuItem[K] } & { [K in keyof UiMenuItem & keyof UiMenuItemAttributes as `attr:${K}`]?: UiMenuItemAttributes[K] } & { [K in keyof UiMenuItem & keyof UiMenuItemAttributes as `prop:${K}`]?: UiMenuItem[K] };
-        "ui-multi-combobox": Omit<UiMultiCombobox, keyof UiMultiComboboxAttributes> & { [K in keyof UiMultiCombobox & keyof UiMultiComboboxAttributes]?: UiMultiCombobox[K] } & { [K in keyof UiMultiCombobox & keyof UiMultiComboboxAttributes as `attr:${K}`]?: UiMultiComboboxAttributes[K] } & { [K in keyof UiMultiCombobox & keyof UiMultiComboboxAttributes as `prop:${K}`]?: UiMultiCombobox[K] };
         "ui-popover": Omit<UiPopover, keyof UiPopoverAttributes> & { [K in keyof UiPopover & keyof UiPopoverAttributes]?: UiPopover[K] } & { [K in keyof UiPopover & keyof UiPopoverAttributes as `attr:${K}`]?: UiPopoverAttributes[K] } & { [K in keyof UiPopover & keyof UiPopoverAttributes as `prop:${K}`]?: UiPopover[K] };
         "ui-radio": Omit<UiRadio, keyof UiRadioAttributes> & { [K in keyof UiRadio & keyof UiRadioAttributes]?: UiRadio[K] } & { [K in keyof UiRadio & keyof UiRadioAttributes as `attr:${K}`]?: UiRadioAttributes[K] } & { [K in keyof UiRadio & keyof UiRadioAttributes as `prop:${K}`]?: UiRadio[K] };
         "ui-radio-group": Omit<UiRadioGroup, keyof UiRadioGroupAttributes> & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes]?: UiRadioGroup[K] } & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes as `attr:${K}`]?: UiRadioGroupAttributes[K] } & { [K in keyof UiRadioGroup & keyof UiRadioGroupAttributes as `prop:${K}`]?: UiRadioGroup[K] };
@@ -1948,6 +1853,8 @@ declare module "@stencil/core" {
             "ui-chip": LocalJSX.IntrinsicElements["ui-chip"] & JSXBase.HTMLAttributes<HTMLUiChipElement>;
             /**
              * A single editable field with contextual suggestions, optional help and field validation.
+             * With `multiple`, it becomes a multi-value tag field: `value` holds the selected
+             * items, chips render before the cursor, and add/remove/create item events fire.
              */
             "ui-combobox": LocalJSX.IntrinsicElements["ui-combobox"] & JSXBase.HTMLAttributes<HTMLUiComboboxElement>;
             "ui-context-menu": LocalJSX.IntrinsicElements["ui-context-menu"] & JSXBase.HTMLAttributes<HTMLUiContextMenuElement>;
@@ -1963,10 +1870,6 @@ declare module "@stencil/core" {
             "ui-input": LocalJSX.IntrinsicElements["ui-input"] & JSXBase.HTMLAttributes<HTMLUiInputElement>;
             "ui-menu": LocalJSX.IntrinsicElements["ui-menu"] & JSXBase.HTMLAttributes<HTMLUiMenuElement>;
             "ui-menu-item": LocalJSX.IntrinsicElements["ui-menu-item"] & JSXBase.HTMLAttributes<HTMLUiMenuItemElement>;
-            /**
-             * A multi-value combobox with removable, customizable selected items.
-             */
-            "ui-multi-combobox": LocalJSX.IntrinsicElements["ui-multi-combobox"] & JSXBase.HTMLAttributes<HTMLUiMultiComboboxElement>;
             "ui-popover": LocalJSX.IntrinsicElements["ui-popover"] & JSXBase.HTMLAttributes<HTMLUiPopoverElement>;
             "ui-radio": LocalJSX.IntrinsicElements["ui-radio"] & JSXBase.HTMLAttributes<HTMLUiRadioElement>;
             "ui-radio-group": LocalJSX.IntrinsicElements["ui-radio-group"] & JSXBase.HTMLAttributes<HTMLUiRadioGroupElement>;

package/dist/{ui-affordance-scope.entry-7H6GIQEK.js → ui-affordance-scope.entry-VR7FLAWG.js}

@@ -1,13 +1,13 @@
 import {
   DEFAULT_AFFORDANCE_NEAR_RADIUS,
   createProximityCoordinator
-} from "./chunk-YHXJC5M5.js";
+} from "./chunk-M7FPK6GN.js";
 import {
   Host,
   getElement,
   h,
   registerInstance
-} from "./chunk-RLELJVBL.js";
+} from "./chunk-JXSHRMYW.js";
 
 // dist/esm/ui-affordance-scope.entry.js
 var uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;

package/dist/{ui-avatar-group.entry-QB25IUWA.js → ui-avatar-group.entry-L3UKOY3U.js}

@@ -3,7 +3,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-RLELJVBL.js";
+} from "./chunk-JXSHRMYW.js";
 
 // dist/esm/ui-avatar-group.entry.js
 var uiAvatarGroupCss = () => `:host{display:flex;align-items:center;flex-direction:row-reverse;gap:0}::slotted(*){margin-inline-end:-0.5rem;flex-shrink:0}::slotted(*:last-of-type){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}`;

package/dist/{ui-avatar.entry-L377CWPR.js → ui-avatar.entry-VM5OHEFQ.js}

@@ -2,7 +2,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-RLELJVBL.js";
+} from "./chunk-JXSHRMYW.js";
 
 // dist/esm/ui-avatar.entry.js
 function toInitials(value) {

package/dist/{ui-badge.entry-QHC3KI5S.js → ui-badge.entry-ZTM4OPUD.js}

@@ -2,7 +2,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-RLELJVBL.js";
+} from "./chunk-JXSHRMYW.js";
 
 // dist/esm/ui-badge.entry.js
 var uiBadgeCss = () => `:host{--ui-badge-surface:var(--ui-surface-muted);--ui-badge-text:var(--ui-text-secondary);--ui-badge-border:var(--ui-border-default);--ui-badge-font-size:var(--ui-font-size-xs);--ui-badge-font-weight:var(--ui-font-normal);--ui-badge-line-height:var(--ui-line-height-tight);--ui-badge-padding-block:var(--ui-space-0-5);--ui-badge-padding-inline:var(--ui-space-2);display:inline-flex;max-width:100%}.badge__surface{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:var(--ui-badge-padding-block) var(--ui-badge-padding-inline);border:1px solid var(--ui-badge-border);border-radius:var(--ui-radius-round);background:var(--ui-badge-surface);color:var(--ui-badge-text);font-family:var(--ui-font-family-sans);font-size:var(--ui-badge-font-size);font-weight:var(--ui-badge-font-weight);line-height:var(--ui-badge-line-height);white-space:nowrap}:host([data-tone='accent']) .badge__surface{--ui-badge-surface:var(--ui-accent-solid);--ui-badge-border:var(--ui-accent-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='danger']) .badge__surface{--ui-badge-surface:var(--ui-danger-solid);--ui-badge-border:var(--ui-danger-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='success']) .badge__surface{--ui-badge-surface:var(--ui-success-solid);--ui-badge-border:var(--ui-success-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='warning']) .badge__surface{--ui-badge-surface:var(--ui-warning-solid);--ui-badge-border:var(--ui-warning-solid);--ui-badge-text:var(--ui-text-primary)}:host([data-tone='info']) .badge__surface{--ui-badge-surface:var(--ui-info-solid);--ui-badge-border:var(--ui-info-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-variant='subtle'][data-tone='accent']) .badge__surface{--ui-badge-surface:var(--ui-accent-soft);--ui-badge-border:var(--ui-accent-soft);--ui-badge-text:var(--ui-accent-solid)}:host([data-variant='subtle'][data-tone='danger']) .badge__surface{--ui-badge-surface:var(--ui-danger-soft);--ui-badge-border:var(--ui-danger-soft);--ui-badge-text:var(--ui-danger-solid)}:host([data-variant='subtle'][data-tone='success']) .badge__surface{--ui-badge-surface:var(--ui-success-soft);--ui-badge-border:var(--ui-success-soft);--ui-badge-text:var(--ui-success-solid)}:host([data-variant='subtle'][data-tone='warning']) .badge__surface{--ui-badge-surface:var(--ui-warning-soft);--ui-badge-border:var(--ui-warning-soft);--ui-badge-text:var(--ui-warning-solid)}:host([data-variant='subtle'][data-tone='info']) .badge__surface{--ui-badge-surface:var(--ui-info-soft);--ui-badge-border:var(--ui-info-soft);--ui-badge-text:var(--ui-info-solid)}`;

package/dist/{ui-button.entry-MZGTPU22.js → ui-button.entry-CIPUSV5B.js}

@@ -6,7 +6,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-RLELJVBL.js";
+} from "./chunk-JXSHRMYW.js";
 
 // dist/esm/ui-button.entry.js
 var 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}`;

package/dist/{ui-callout.entry-2D4LO74K.js → ui-callout.entry-OBFCI2O7.js}

@@ -5,7 +5,7 @@ import {
   Host,
   h,
   registerInstance
-} from "./chunk-RLELJVBL.js";
+} from "./chunk-JXSHRMYW.js";
 
 // dist/esm/ui-callout.entry.js
 var uiCalloutCss = () => `:host{--ui-callout-surface:var(--ui-info-soft);--ui-callout-text:var(--ui-text-primary);--ui-callout-border:var(--ui-info-solid);--ui-callout-icon:var(--ui-info-solid);--ui-callout-padding-block:var(--ui-space-2);--ui-callout-padding-inline:var(--ui-space-3);--ui-callout-icon-column:1rem;--ui-callout-gap:var(--ui-space-2);--ui-callout-icon-size:1rem;--ui-callout-border-width:1px;--ui-callout-leading-border-width:4px;display:block;max-width:100%}.callout__surface{display:grid;grid-template-columns:var(--ui-callout-icon-column) minmax(0, 1fr);gap:var(--ui-callout-gap);align-items:start;padding:var(--ui-callout-padding-block) var(--ui-callout-padding-inline);border:var(--ui-callout-border-width) solid color-mix(in srgb, var(--ui-callout-border) 35%, transparent);border-inline-start:var(--ui-callout-leading-border-width) solid var(--ui-callout-border);border-radius:var(--ui-radius-2);background:var(--ui-callout-surface);color:var(--ui-callout-text);font-family:var(--ui-font-family-sans);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-normal);line-height:var(--ui-line-height-md)}.icon{display:grid;place-items:center;inline-size:var(--ui-callout-icon-column);block-size:var(--ui-callout-icon-column);color:var(--ui-callout-icon)}.icon svg{inline-size:var(--ui-callout-icon-size);block-size:var(--ui-callout-icon-size)}.content{min-inline-size:0}:host([data-tone='note']){--ui-callout-surface:var(--ui-surface-muted);--ui-callout-border:var(--ui-border-strong);--ui-callout-icon:var(--ui-text-secondary)}:host([data-tone='warning']){--ui-callout-surface:var(--ui-warning-soft);--ui-callout-border:var(--ui-warning-solid);--ui-callout-icon:var(--ui-warning-solid)}:host([data-tone='success']){--ui-callout-surface:var(--ui-success-soft);--ui-callout-border:var(--ui-success-solid);--ui-callout-icon:var(--ui-success-solid)}:host([data-tone='error']){--ui-callout-surface:var(--ui-danger-soft);--ui-callout-border:var(--ui-danger-solid);--ui-callout-icon:var(--ui-danger-solid)}`;

package/dist/{ui-checkbox.entry-B2O5DREC.js → ui-checkbox.entry-XT6ET56H.js}

@@ -11,7 +11,7 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-RLELJVBL.js";
+} from "./chunk-JXSHRMYW.js";
 
 // dist/esm/ui-checkbox.entry.js
 var 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}`;

package/dist/{ui-tooltip.entry-VG4AWEBD.js → ui-chip_2.entry-32SHCLV6.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-TL4FIE7X.js";
 import {
   createAnchoredSurface
-} from "./chunk-YHXJC5M5.js";
+} from "./chunk-M7FPK6GN.js";
 import {
   controlledOrDefault,
   isControlled
@@ -18,9 +18,23 @@ import {
   getElement,
   h,
   registerInstance
-} from "./chunk-RLELJVBL.js";
+} from "./chunk-JXSHRMYW.js";
 
-// dist/esm/ui-tooltip.entry.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();
 var uiTooltipCss = () => `:host{position:fixed;inset:auto;margin:0;display:inline-block;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;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}.tooltip__surface{box-sizing:border-box;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)}: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}}`;
 var UITooltip = class {
   constructor(hostRef) {
@@ -232,7 +246,7 @@ var UITooltip = class {
     }
   }
   render() {
-    return h(Host, { key: "2216e8f56c408e775140200881c9bfd99b45f381", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "a547e43fb5f6c3c2f62cf7f1fb9198dc0024a28d", class: "tooltip__surface" }, h("slot", { key: "dc8863505e8140565588c57ea200b7f548fb5df3" })));
+    return h(Host, { key: "fd4d81febd147b846aca66e94f25d56f14b171dc", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "d31ac8c0e087becd7e60459f2cd894a9b15e95fa", class: "tooltip__surface" }, h("slot", { key: "06e7aac9b6992a9cf0f92c9d356b97d18fb2da8b" })));
   }
   static get watchers() {
     return {
@@ -253,5 +267,6 @@ var UITooltip = class {
 };
 UITooltip.style = uiTooltipCss();
 export {
+  UIChip as ui_chip,
   UITooltip as ui_tooltip
 };