@threadlabs/looma 0.1.28 → 0.2.1

package/vue/index.d.ts

@@ -356,7 +356,7 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
         required: true;
     };
     modelValue: {
-        type: vue.PropType<string | null>;
+        type: vue.PropType<string | readonly _threadlabs_looma_core.MultiComboboxItem[] | null>;
         default: undefined;
     };
     query: {
@@ -385,6 +385,11 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
     disclosure: BooleanConstructor;
     clearable: BooleanConstructor;
     help: StringConstructor;
+    multiple: BooleanConstructor;
+    tokenSeparators: {
+        type: vue.PropType<readonly string[]>;
+        default: () => never[];
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -395,18 +400,22 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
         display: string;
         trigger: string;
     }) => true;
-    valueChange: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
+    valueChange: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.MultiComboboxItem[]) => true;
     freeEntry: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
     createEntry: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
     dependencyInvalidate: (_detail: _threadlabs_looma_core.ComboboxChange) => true;
     validationChange: (_detail: _threadlabs_looma_core.ComboboxValidationState) => true;
+    addItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
+    removeItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
+    createItem: (_detail: _threadlabs_looma_core.MultiComboboxCreate) => true;
+    optionsChange: (_detail: readonly _threadlabs_looma_core.ComboboxOption[]) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: true;
     };
     modelValue: {
-        type: vue.PropType<string | null>;
+        type: vue.PropType<string | readonly _threadlabs_looma_core.MultiComboboxItem[] | null>;
         default: undefined;
     };
     query: {
@@ -435,6 +444,11 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
     disclosure: BooleanConstructor;
     clearable: BooleanConstructor;
     help: StringConstructor;
+    multiple: BooleanConstructor;
+    tokenSeparators: {
+        type: vue.PropType<readonly string[]>;
+        default: () => never[];
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: (_value: string | null) => any;
     "onUpdate:query"?: (_query: string) => any;
@@ -443,133 +457,43 @@ declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
         display: string;
         trigger: string;
     }) => any;
-    onValueChange?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
+    onValueChange?: (_detail: _threadlabs_looma_core.ComboboxChange | readonly _threadlabs_looma_core.MultiComboboxItem[]) => any;
     onFreeEntry?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
     onCreateEntry?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
     onDependencyInvalidate?: (_detail: _threadlabs_looma_core.ComboboxChange) => any;
     onValidationChange?: (_detail: _threadlabs_looma_core.ComboboxValidationState) => any;
+    onAddItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
+    onRemoveItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
+    onCreateItem?: (_detail: _threadlabs_looma_core.MultiComboboxCreate) => any;
+    onOptionsChange?: (_detail: readonly _threadlabs_looma_core.ComboboxOption<unknown>[]) => any;
 }>, {
     disabled: boolean;
     readOnly: boolean;
     required: boolean;
     disclosure: boolean;
     clearable: boolean;
-    modelValue: string | null;
+    multiple: boolean;
+    modelValue: string | readonly _threadlabs_looma_core.MultiComboboxItem[] | null;
     query: string;
     config: _threadlabs_looma_core.ComboboxConfig;
     size: "sm" | "md";
     labelVisibility: "visible" | "sr-only";
+    tokenSeparators: readonly string[];
 }, vue.SlotsType<{
     option: {
         option: _threadlabs_looma_core.ComboboxOption;
     };
-    loading: Record<string, never>;
-    empty: Record<string, never>;
-    error: Record<string, never>;
-    create: Record<string, never>;
-    start: Record<string, never>;
-    footer: Record<string, never>;
-}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const MultiCombobox: vue.DefineComponent<vue.ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    items: {
-        type: vue.PropType<readonly _threadlabs_looma_core.MultiComboboxItem[]>;
-        default: () => never[];
-    };
-    config: {
-        type: vue.PropType<_threadlabs_looma_core.ComboboxConfig>;
-        default: () => {};
-    };
-    query: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultQuery: StringConstructor;
-    tokenSeparators: {
-        type: vue.PropType<readonly string[]>;
-        default: () => never[];
-    };
-    placeholder: StringConstructor;
-    name: StringConstructor;
-    disabled: BooleanConstructor;
-    readOnly: BooleanConstructor;
-    required: BooleanConstructor;
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:query': (_query: string) => true;
-    queryChange: (_detail: {
-        query: string;
-        display: string;
-        trigger: string;
-    }) => true;
-    addItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
-    removeItem: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => true;
-    createItem: (_detail: _threadlabs_looma_core.MultiComboboxCreate) => true;
-    optionsChange: (_detail: readonly _threadlabs_looma_core.ComboboxOption[]) => true;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    items: {
-        type: vue.PropType<readonly _threadlabs_looma_core.MultiComboboxItem[]>;
-        default: () => never[];
-    };
-    config: {
-        type: vue.PropType<_threadlabs_looma_core.ComboboxConfig>;
-        default: () => {};
-    };
-    query: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultQuery: StringConstructor;
-    tokenSeparators: {
-        type: vue.PropType<readonly string[]>;
-        default: () => never[];
-    };
-    placeholder: StringConstructor;
-    name: StringConstructor;
-    disabled: BooleanConstructor;
-    readOnly: BooleanConstructor;
-    required: BooleanConstructor;
-}>> & Readonly<{
-    "onUpdate:query"?: (_query: string) => any;
-    onQueryChange?: (_detail: {
-        query: string;
-        display: string;
-        trigger: string;
-    }) => any;
-    onAddItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
-    onRemoveItem?: (_detail: _threadlabs_looma_core.MultiComboboxItemChange) => any;
-    onCreateItem?: (_detail: _threadlabs_looma_core.MultiComboboxCreate) => any;
-    onOptionsChange?: (_detail: readonly _threadlabs_looma_core.ComboboxOption<unknown>[]) => any;
-}>, {
-    disabled: boolean;
-    readOnly: boolean;
-    required: boolean;
-    query: string;
-    config: _threadlabs_looma_core.ComboboxConfig;
-    items: readonly _threadlabs_looma_core.MultiComboboxItem[];
-    tokenSeparators: readonly string[];
-}, vue.SlotsType<{
     item: {
         item: _threadlabs_looma_core.MultiComboboxItem;
     };
-    option: {
-        option: _threadlabs_looma_core.ComboboxOption;
-    };
+    loading: Record<string, never>;
+    empty: Record<string, never>;
+    error: Record<string, never>;
     create: {
         query: string;
     };
+    start: Record<string, never>;
     footer: Record<string, never>;
-    loading: Record<string, never>;
-    empty: Record<string, never>;
-    error: Record<string, never>;
 }>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const Stack: vue.DefineComponent<StackProps>;
@@ -615,7 +539,6 @@ declare const Tree: vue.DefineComponent<TreeProps>;
 declare const TreeItem: vue.DefineComponent<TreeItemProps>;
 declare const ADAPTER_COMPONENT_TAG_MAP: {
     readonly Combobox: "ui-combobox";
-    readonly MultiCombobox: "ui-multi-combobox";
     readonly Stack: "ui-stack";
     readonly Inline: "ui-inline";
     readonly Cluster: "ui-cluster";
@@ -660,4 +583,4 @@ declare const ADAPTER_COMPONENT_TAG_MAP: {
 };
 declare const VUE_ADAPTER_NOTE = "Thin adapter only: attrs and slots pass through to custom elements and DOM events map to typed callbacks.";
 
-export { ADAPTER_COMPONENT_TAG_MAP, type AdapterBaseProps, type AdapterComponentProps, AffordanceScope, type AffordanceScopeProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Callout, type CalloutProps, Center, type CenterProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Cluster, type ClusterProps, Combobox, ContextMenu, type ContextMenuProps, Dialog, type DialogProps, Disclosure, type DisclosureProps, Editable, type EditableProps, FloatingActionButton, type FloatingActionButtonProps, FormField, type FormFieldProps, Grid, type GridProps, IconButton, type IconButtonProps, Inline, type InlineProps, Input, type InputProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MultiCombobox, Popover, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Reel, type ReelProps, SearchResultRow, type SearchResultRowProps, SearchShell, type SearchShellProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarProps, Stack, type StackProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tabs, type TabsProps, Textarea, type TextareaProps, ToastRegion, type ToastRegionProps, Tooltip, type TooltipProps, TopBar, type TopBarProps, Tree, TreeItem, type TreeItemProps, type TreeProps, VUE_ADAPTER_NOTE, type VueAdapterEventMap };
+export { ADAPTER_COMPONENT_TAG_MAP, type AdapterBaseProps, type AdapterComponentProps, AffordanceScope, type AffordanceScopeProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Callout, type CalloutProps, Center, type CenterProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Cluster, type ClusterProps, Combobox, ContextMenu, type ContextMenuProps, Dialog, type DialogProps, Disclosure, type DisclosureProps, Editable, type EditableProps, FloatingActionButton, type FloatingActionButtonProps, FormField, type FormFieldProps, Grid, type GridProps, IconButton, type IconButtonProps, Inline, type InlineProps, Input, type InputProps, Menu, MenuItem, type MenuItemProps, type MenuProps, Popover, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Reel, type ReelProps, SearchResultRow, type SearchResultRowProps, SearchShell, type SearchShellProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarProps, Stack, type StackProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tabs, type TabsProps, Textarea, type TextareaProps, ToastRegion, type ToastRegionProps, Tooltip, type TooltipProps, TopBar, type TopBarProps, Tree, TreeItem, type TreeItemProps, type TreeProps, VUE_ADAPTER_NOTE, type VueAdapterEventMap };

package/vue/index.js

@@ -23,7 +23,6 @@ import {
   Input,
   Menu,
   MenuItem,
-  MultiCombobox,
   Popover,
   Radio,
   RadioGroup,
@@ -44,7 +43,7 @@ import {
   Tree,
   TreeItem,
   VUE_ADAPTER_NOTE
-} from "./chunk-2DDIBSFD.js";
+} from "./chunk-ROMBQS2L.js";
 export {
   ADAPTER_COMPONENT_TAG_MAP,
   AffordanceScope,
@@ -70,7 +69,6 @@ export {
   Input,
   Menu,
   MenuItem,
-  MultiCombobox,
   Popover,
   Radio,
   RadioGroup,

package/dist/cjs/ui-multi-combobox.cjs.entry.js

@@ -1,190 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-
-const uiMultiComboboxCss = () => `:host{display:block;min-inline-size:0;color:var(--ui-text-primary);font:inherit}ui-combobox::part(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)}ui-combobox::part(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}`;
-
-const UIMultiCombobox = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.queryChange = index.createEvent(this, "query-change");
-        this.addItem = index.createEvent(this, "add-item");
-        this.removeItem = index.createEvent(this, "remove-item");
-        this.createItem = index.createEvent(this, "create-item");
-        this.optionsChange = index.createEvent(this, "options-change");
-    }
-    get host() { return index.getElement(this); }
-    label = '';
-    placeholder = '';
-    items = [];
-    config = {};
-    query;
-    defaultQuery = '';
-    /** Characters that commit the current query and leave the input ready for the next item. */
-    tokenSeparators = [];
-    disabled = false;
-    readOnly = false;
-    required = false;
-    name = '';
-    queryChange;
-    addItem;
-    removeItem;
-    createItem;
-    optionsChange;
-    raw = '';
-    rows = [];
-    combobox;
-    filteredConfig;
-    filteredConfigSource;
-    filteredSelection = '';
-    componentWillLoad() { this.raw = this.query ?? this.defaultQuery; }
-    syncQuery() {
-        if (this.query !== undefined)
-            this.raw = this.query;
-    }
-    get selectedValues() { return new Set(this.items.map(item => item.value)); }
-    get comboboxConfig() {
-        const selectionKey = this.items.map(item => item.value).join('\u0000');
-        if (this.filteredConfig && this.filteredConfigSource === this.config && this.filteredSelection === selectionKey) {
-            return this.filteredConfig;
-        }
-        const ownerFilter = this.config.filter;
-        const selected = this.selectedValues;
-        this.filteredConfigSource = this.config;
-        this.filteredSelection = selectionKey;
-        this.filteredConfig = {
-            ...this.config,
-            filter: (option, query, context) => !selected.has(option.value)
-                && (ownerFilter ? ownerFilter(option, query, context) : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase())),
-        };
-        return this.filteredConfig;
-    }
-    setQuery(query, trigger) {
-        if (this.query === undefined)
-            this.raw = query;
-        this.queryChange.emit({ query, display: query, trigger });
-    }
-    clearCommittedQuery(input, trigger) {
-        // Clear the native control before another key can arrive. Controlled adapters
-        // still receive query-change, but do not need to round-trip before typing resumes.
-        input.value = '';
-        this.raw = '';
-        this.setQuery('', trigger);
-    }
-    onQueryChange = (event) => {
-        event.stopPropagation();
-        this.setQuery(event.detail.query, event.detail.trigger);
-    };
-    onOptionsChange = (event) => {
-        event.stopPropagation();
-        this.rows = event.detail;
-        this.optionsChange.emit(event.detail);
-    };
-    onValueChange = (event) => {
-        event.stopPropagation();
-        if (event.detail.kind !== 'selection' || !event.detail.option)
-            return;
-        const item = event.detail.option;
-        this.addItem.emit({ item, index: this.items.length, trigger: event.detail.trigger });
-        // ui-combobox emits its selection value before the matching label query.
-        // Clear after both owner notifications so the stale label cannot win.
-        queueMicrotask(() => this.setQuery('', event.detail.trigger));
-    };
-    onCreateEntry = (event) => {
-        event.stopPropagation();
-        const query = event.detail.query.trim();
-        if (!query)
-            return;
-        this.setQuery('', event.detail.trigger);
-        this.createItem.emit({ query, trigger: event.detail.trigger });
-    };
-    commitQuery(input, trigger) {
-        const query = this.raw.trim();
-        if (!query)
-            return;
-        const normalizedQuery = query.toLocaleLowerCase();
-        const option = this.rows.find(row => row.label.trim().toLocaleLowerCase() === normalizedQuery);
-        if (option) {
-            this.clearCommittedQuery(input, trigger);
-            this.addItem.emit({ item: option, index: this.items.length, trigger });
-        }
-        else if (this.config.allowCreate) {
-            this.clearCommittedQuery(input, trigger);
-            this.createItem.emit({ query, trigger });
-        }
-    }
-    remove(index, trigger) {
-        const item = this.items[index];
-        if (!item || item.disabled || this.disabled || this.readOnly)
-            return;
-        this.removeItem.emit({ item, index, trigger });
-        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.remove(index, 'keyboard');
-        }
-    };
-    onKeyDown = (event) => {
-        if (event.defaultPrevented || event.isComposing || this.disabled || this.readOnly || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
-            return;
-        const input = event.composedPath().find(node => node instanceof HTMLInputElement);
-        if (!input)
-            return;
-        if (this.tokenSeparators.includes(event.key)) {
-            event.preventDefault();
-            event.stopPropagation();
-            this.commitQuery(input, 'keyboard');
-            return;
-        }
-        if (this.raw || (input.selectionStart ?? 0) > 0)
-            return;
-        if (event.key === 'ArrowLeft' && this.items.length) {
-            event.preventDefault();
-            this.focusItem(this.items.length - 1);
-        }
-        else if (event.key === 'Backspace' && this.items.length) {
-            event.preventDefault();
-            this.remove(this.items.length - 1, 'keyboard');
-        }
-    };
-    async focusInput() { await this.combobox?.focusInput(); }
-    render() {
-        return index.h(index.Host, { key: 'ba4db0fdca6cae344fe6b0bf06c933a9a90d2d3f', onKeyDown: this.onKeyDown }, index.h("ui-combobox", { key: 'f5901b0b078b479425114d998618828cc458e7dd', ref: element => this.combobox = element, label: this.label, "label-visibility": "sr-only", placeholder: this.placeholder, name: this.name, value: null, query: this.raw, config: this.comboboxConfig, size: "sm", disabled: this.disabled, readOnly: this.readOnly, required: this.required, "onQuery-change": this.onQueryChange, "onValue-change": this.onValueChange, "onCreate-entry": this.onCreateEntry, "onOptions-change": this.onOptionsChange }, index.h("div", { key: '374c80862302d5c36f4849f42e5ed13222addd1c', slot: "start", class: "items", role: "group", "aria-label": `Selected ${this.label}` }, this.items.map((item, index$1) => 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$1) }, index.h("slot", { name: `item-${item.id}` }, index.h("ui-chip", { appearance: "pill" }, item.label))))), this.rows.map(option => index.h("span", { slot: `option-${option.id}` }, index.h("slot", { name: `option-${option.id}` }, option.label))), index.h("span", { key: 'a23781c153e154cdff7066868c2da956e26b7d52', slot: "create" }, index.h("slot", { key: 'e3bde0d1e549e785fff877a1a7aac10df308f7a3', name: "create" }, "Create \u201C", this.raw, "\u201D")), index.h("span", { key: '5837c4cde35d5984aaf1d364f1b850b9d63ff8ca', slot: "loading" }, index.h("slot", { key: '1bdfa30849bea752bc5c93268b3427c964d1b5d3', name: "loading" }, "Loading suggestions\u2026")), index.h("span", { key: '519d7b1a7f28f9d19cd441598a690c8b4fdacf5b', slot: "empty" }, index.h("slot", { key: '3163150e0f1edebb50509a5dacd576e4568eaaae', name: "empty" }, "No suggestions.")), index.h("span", { key: '655e4f85d70eb97f0f0ecb2bac7b4228f5cf580f', slot: "error" }, index.h("slot", { key: 'a22667db30ee30003855ee69774eff3a4aab8566', name: "error" }, "Unable to load suggestions.")), index.h("div", { key: 'b01b74f3fc7136a3bf1875c81b9f3a662f3e993c', slot: "footer" }, index.h("slot", { key: '7565ee0798072eebc6d1c458f89ce6c7941577dd', name: "footer" }))));
-    }
-    static get watchers() { return {
-        "query": [{
-                "syncQuery": 0
-            }]
-    }; }
-};
-UIMultiCombobox.style = uiMultiComboboxCss();
-
-exports.ui_multi_combobox = UIMultiCombobox;

package/dist/cjs/ui-tooltip.cjs.entry.js

@@ -1,241 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var manager = require('./manager-Ce25WRtl.js');
-var events = require('./events-TcQIzpNv.js');
-var controlledState = require('./controlled-state-BFya8rAX.js');
-var positioning = require('./positioning-D5q9DM-0.js');
-
-const 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}}`;
-
-const UITooltip = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.opened = index.createEvent(this, "open");
-        this.closed = index.createEvent(this, "close");
-    }
-    get host() { return index.getElement(this); }
-    for = '';
-    /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
-    open;
-    defaultOpen = false;
-    placement = 'top-start';
-    /** Pointer hover intent delay in milliseconds. Keyboard focus is immediate. */
-    showDelay = 500;
-    /** Pointer leave grace period in milliseconds. */
-    hideDelay = 100;
-    /** Click or tap pins the description; activate again to dismiss. */
-    toggleOnClick = false;
-    pinned = false;
-    focused = false;
-    opened;
-    closed;
-    internalOpen = false;
-    overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
-    trigger = null;
-    surface = null;
-    showTimer = null;
-    hideTimer = null;
-    syncFromProp() {
-        this.clearTimers();
-        if (controlledState.isControlled(this.open))
-            this.internalOpen = this.open;
-    }
-    resetSurface() {
-        this.syncTrigger();
-        this.setupSurface();
-        this.syncOverlay();
-    }
-    syncOverlay() {
-        if (this.internalOpen) {
-            this.surface?.show();
-            manager.openOverlay({
-                id: this.overlayId,
-                modal: false,
-                element: this.host,
-                relatedElements: this.trigger ? [this.trigger] : undefined,
-                dismissible: true,
-                requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger),
-            });
-        }
-        else {
-            this.surface?.hide();
-            manager.closeOverlay(this.overlayId);
-        }
-    }
-    componentDidLoad() {
-        if (!this.host.id)
-            this.host.id = this.overlayId;
-        this.internalOpen = controlledState.controlledOrDefault(this.open, this.defaultOpen);
-        this.syncTrigger();
-        this.setupSurface();
-        this.host.addEventListener('pointerenter', this.onSurfaceEnter);
-        this.host.addEventListener('pointerleave', this.onTriggerLeave);
-        this.syncOverlay();
-    }
-    componentDidUpdate() {
-        this.syncTrigger();
-    }
-    disconnectedCallback() {
-        this.clearTimers();
-        this.detachTriggerListeners();
-        this.surface?.destroy();
-        this.surface = null;
-        this.host.removeEventListener('pointerenter', this.onSurfaceEnter);
-        this.host.removeEventListener('pointerleave', this.onTriggerLeave);
-        manager.closeOverlay(this.overlayId);
-    }
-    syncTrigger() {
-        const next = this.for
-            ? this.host.getRootNode().getElementById(this.for)
-            : this.host.previousElementSibling;
-        if (next === this.trigger)
-            return;
-        this.detachTriggerListeners();
-        this.trigger = next;
-        this.attachTriggerListeners();
-        this.surface?.setAnchor(next);
-    }
-    setupSurface() {
-        this.surface?.destroy();
-        this.surface = positioning.createAnchoredSurface(this.host, {
-            anchor: this.trigger,
-            placement: this.placement,
-        });
-    }
-    attachTriggerListeners() {
-        this.detachTriggerListeners();
-        if (!this.trigger)
-            return;
-        const ids = new Set((this.trigger.getAttribute('aria-describedby') || '').split(/\s+/).filter(Boolean));
-        ids.add(this.host.id);
-        this.trigger.setAttribute('aria-describedby', [...ids].join(' '));
-        this.trigger.addEventListener('click', this.onTriggerClick);
-        this.trigger.addEventListener('keydown', this.onTriggerKeydown);
-        this.trigger.addEventListener('pointerenter', this.onTriggerEnter);
-        this.trigger.addEventListener('pointerleave', this.onTriggerLeave);
-        this.trigger.addEventListener('focusin', this.onTriggerFocusIn);
-        this.trigger.addEventListener('focusout', this.onTriggerFocusOut);
-    }
-    detachTriggerListeners() {
-        if (!this.trigger)
-            return;
-        const ids = (this.trigger.getAttribute('aria-describedby') || '').split(/\s+/).filter(id => id && id !== this.host.id);
-        if (ids.length)
-            this.trigger.setAttribute('aria-describedby', ids.join(' '));
-        else
-            this.trigger.removeAttribute('aria-describedby');
-        this.trigger.removeEventListener('click', this.onTriggerClick);
-        this.trigger.removeEventListener('keydown', this.onTriggerKeydown);
-        this.trigger.removeEventListener('pointerenter', this.onTriggerEnter);
-        this.trigger.removeEventListener('pointerleave', this.onTriggerLeave);
-        this.trigger.removeEventListener('focusin', this.onTriggerFocusIn);
-        this.trigger.removeEventListener('focusout', this.onTriggerFocusOut);
-    }
-    clearShowTimer() {
-        if (this.showTimer === null)
-            return;
-        clearTimeout(this.showTimer);
-        this.showTimer = null;
-    }
-    clearHideTimer() {
-        if (this.hideTimer === null)
-            return;
-        clearTimeout(this.hideTimer);
-        this.hideTimer = null;
-    }
-    clearTimers() {
-        this.clearShowTimer();
-        this.clearHideTimer();
-    }
-    setInteractionOpen(nextOpen, trigger) {
-        if (this.internalOpen === nextOpen)
-            return;
-        if (!controlledState.isControlled(this.open))
-            this.internalOpen = nextOpen;
-        events.dispatchDetail(this.host, nextOpen ? 'open' : 'close', {
-            open: nextOpen,
-            reason: 'action',
-            trigger,
-        });
-    }
-    onSurfaceEnter = () => this.clearHideTimer();
-    onTriggerClick = (event) => {
-        if (!this.toggleOnClick)
-            return;
-        this.clearTimers();
-        this.pinned = !this.pinned;
-        this.setInteractionOpen(this.pinned, event.detail === 0 ? 'keyboard' : 'pointer');
-    };
-    onTriggerKeydown = (event) => {
-        if (event.key === 'Escape')
-            this.clearTimers();
-    };
-    onTriggerEnter = (event) => {
-        if (event.pointerType === 'touch')
-            return;
-        this.clearHideTimer();
-        if (this.internalOpen || this.showTimer !== null)
-            return;
-        this.showTimer = setTimeout(() => {
-            this.showTimer = null;
-            this.setInteractionOpen(true, 'pointer');
-        }, Math.max(0, this.showDelay));
-    };
-    onTriggerLeave = () => {
-        this.clearShowTimer();
-        if (this.focused || this.pinned || !this.internalOpen || this.hideTimer !== null)
-            return;
-        this.hideTimer = setTimeout(() => {
-            this.hideTimer = null;
-            this.setInteractionOpen(false, 'pointer');
-        }, Math.max(0, this.hideDelay));
-    };
-    onTriggerFocusIn = () => {
-        this.focused = true;
-        this.clearTimers();
-        this.setInteractionOpen(true, 'keyboard');
-    };
-    onTriggerFocusOut = (e) => {
-        const related = e.relatedTarget;
-        if (related && this.host.contains(related))
-            return;
-        this.focused = false;
-        this.pinned = false;
-        this.clearTimers();
-        this.setInteractionOpen(false, 'keyboard');
-    };
-    handleRequestClose(reason, trigger) {
-        if (reason === 'escape' || (reason === 'light-dismiss' && this.toggleOnClick)) {
-            this.pinned = false;
-            this.clearTimers();
-            if (!controlledState.isControlled(this.open))
-                this.internalOpen = false;
-            events.dispatchDetail(this.host, 'close', {
-                open: false,
-                reason,
-                trigger: trigger,
-            });
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: '2216e8f56c408e775140200881c9bfd99b45f381', role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: 'a547e43fb5f6c3c2f62cf7f1fb9198dc0024a28d', class: "tooltip__surface" }, index.h("slot", { key: 'dc8863505e8140565588c57ea200b7f548fb5df3' }))));
-    }
-    static get watchers() { return {
-        "open": [{
-                "syncFromProp": 0
-            }],
-        "for": [{
-                "resetSurface": 0
-            }],
-        "placement": [{
-                "resetSurface": 0
-            }],
-        "internalOpen": [{
-                "syncOverlay": 0
-            }]
-    }; }
-};
-UITooltip.style = uiTooltipCss();
-
-exports.ui_tooltip = UITooltip;