@threadlabs/looma 0.2.5 → 0.2.7

package/dist/cjs/ui-form-field.cjs.entry.js

@@ -1,114 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var id = require('./id-CYbKpaYr.js');
-
-const 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}`;
-
-const UIFormField = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get host() { return index.getElement(this); }
-    invalid = false;
-    disabled = false;
-    required = false;
-    observer = null;
-    activeInput = null;
-    ownedDescriptionIds = new Set();
-    wireQueued = false;
-    componentDidLoad() {
-        this.observer = new MutationObserver(this.scheduleWire);
-        this.observer.observe(this.host, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeFilter: ['aria-describedby', 'data-slot', 'id', 'role'],
-        });
-        this.wire();
-    }
-    componentDidUpdate() {
-        this.scheduleWire();
-    }
-    disconnectedCallback() {
-        this.observer?.disconnect();
-        this.observer = null;
-        this.removeOwnedDescriptions(this.activeInput);
-        this.activeInput = null;
-        this.ownedDescriptionIds.clear();
-    }
-    descriptionIds(input) {
-        return Array.from(new Set((input.getAttribute('aria-describedby') ?? '').split(/\s+/).filter(Boolean)));
-    }
-    removeOwnedDescriptions(input) {
-        if (!input || this.ownedDescriptionIds.size === 0)
-            return;
-        const remaining = this.descriptionIds(input)
-            .filter(id => !this.ownedDescriptionIds.has(id));
-        if (remaining.length > 0)
-            input.setAttribute('aria-describedby', remaining.join(' '));
-        else
-            input.removeAttribute('aria-describedby');
-    }
-    scheduleWire = () => {
-        if (this.wireQueued)
-            return;
-        this.wireQueued = true;
-        queueMicrotask(() => {
-            this.wireQueued = false;
-            this.wire();
-        });
-    };
-    wire() {
-        const label = this.host.querySelector('label');
-        const input = this.host.querySelector('input, textarea, select');
-        const help = this.host.querySelector('[data-slot="help"]');
-        const error = this.host.querySelector('[data-slot="error"], [role="alert"]');
-        if (input !== this.activeInput) {
-            this.removeOwnedDescriptions(this.activeInput);
-            this.activeInput = input;
-            this.ownedDescriptionIds.clear();
-        }
-        if (!input)
-            return;
-        if (!input.id) {
-            input.id = id.createId('form-field-input');
-        }
-        if (label && !label.getAttribute('for')) {
-            label.setAttribute('for', input.id);
-        }
-        const previousOwnedIds = this.ownedDescriptionIds;
-        const externalIds = this.descriptionIds(input)
-            .filter(id => !previousOwnedIds.has(id));
-        const describedIds = [];
-        if (help) {
-            if (!help.id)
-                help.id = id.createId('form-field-help');
-            describedIds.push(help.id);
-        }
-        if (error) {
-            if (!error.id)
-                error.id = id.createId('form-field-error');
-            describedIds.push(error.id);
-        }
-        const nextOwnedIds = describedIds.filter(id => !externalIds.includes(id));
-        const nextDescribedIds = Array.from(new Set([...externalIds, ...describedIds]));
-        const nextDescribedBy = nextDescribedIds.join(' ');
-        if (input.getAttribute('aria-describedby') !== nextDescribedBy) {
-            if (nextDescribedBy)
-                input.setAttribute('aria-describedby', nextDescribedBy);
-            else
-                input.removeAttribute('aria-describedby');
-        }
-        this.ownedDescriptionIds = new Set(nextOwnedIds);
-        input.disabled = this.disabled;
-        input.required = this.required;
-        input.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
-    }
-    render() {
-        return (index.h(index.Host, { key: 'f052dbf0ba289bf187ea78c458260110fbfa059a', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, index.h("slot", { key: 'f26f48581b5781e8c3d7830ddd3707ea4fb04420', onSlotchange: this.scheduleWire })));
-    }
-};
-UIFormField.style = uiFormFieldCss();
-
-exports.ui_form_field = UIFormField;

package/dist/cjs/ui-icon-button.cjs.entry.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-
-const 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)}`;
-
-const UIIconButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    disabled = false;
-    label = '';
-    size = 'md';
-    variant = 'ghost';
-    /** Reveals this control through a surrounding ui-affordance-scope. */
-    anticipatory = false;
-    render() {
-        return (index.h(index.Host, { key: '8d0f84c9d3aaa69f47430369b511bb4160de5cc8', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, index.h("button", { key: 'b896cdb091e9733b2b8625463f1324819c23965c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '76ab5e5f4d34e3f0850287b4552dde060b3798e7' }))));
-    }
-};
-UIIconButton.style = uiIconButtonCss();
-
-exports.ui_icon_button = UIIconButton;

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

@@ -1,106 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var events = require('./events-TcQIzpNv.js');
-
-const 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}`;
-
-const UIInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get host() { return index.getElement(this); }
-    value;
-    defaultValue = '';
-    disabled = false;
-    invalid = false;
-    readOnly = false;
-    internalValue = '';
-    slotRef;
-    syncFromProp() {
-        if (this.value !== undefined)
-            this.internalValue = this.value;
-    }
-    syncToInput() {
-        const input = this.getInput();
-        if (!input)
-            return;
-        this.host.dataset.invalid = this.invalid ? 'true' : '';
-        // When the host has no value prop, the slotted native control is
-        // intentionally uncontrolled. Frameworks such as Vue can then own its
-        // value without Looma resetting it during hydration or unrelated updates.
-        if (this.value !== undefined)
-            input.value = this.internalValue;
-        input.defaultValue = this.defaultValue;
-        input.disabled = this.disabled;
-        input.readOnly = this.readOnly;
-        input.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
-    }
-    componentDidLoad() {
-        this.syncFromProp();
-        this.slotRef?.addEventListener('slotchange', () => this.syncToInput());
-        this.syncToInput();
-        const input = this.getInput();
-        input?.addEventListener('input', this.onInput);
-        input?.addEventListener('change', this.onChange);
-    }
-    disconnectedCallback() {
-        const input = this.getInput();
-        input?.removeEventListener('input', this.onInput);
-        input?.removeEventListener('change', this.onChange);
-    }
-    componentDidUpdate() {
-        this.syncToInput();
-    }
-    getInput() {
-        const slot = this.host.shadowRoot?.querySelector('slot');
-        const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
-        return nodes.find((el) => el.tagName === 'INPUT') ?? null;
-    }
-    onInput = (e) => {
-        const input = e.target;
-        if (!input)
-            return;
-        this.internalValue = input.value;
-        events.dispatchDetail(this.host, 'input', {
-            value: this.internalValue,
-            trigger: events.eventToTrigger(e),
-        });
-    };
-    onChange = (e) => {
-        const input = this.getInput();
-        if (!input)
-            return;
-        this.internalValue = input.value;
-        events.dispatchDetail(this.host, 'change', {
-            value: this.internalValue,
-            trigger: events.eventToTrigger(e),
-        });
-    };
-    render() {
-        return (index.h(index.Host, { key: '92505de6b1245569a6d4746418a70f8d7bc4eed9', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: 'd5743dc62037b5d7722cfbb64a582592327c75e5', ref: (el) => (this.slotRef = el) })));
-    }
-    static get watchers() { return {
-        "value": [{
-                "syncFromProp": 0
-            }],
-        "internalValue": [{
-                "syncToInput": 0
-            }],
-        "defaultValue": [{
-                "syncToInput": 0
-            }],
-        "disabled": [{
-                "syncToInput": 0
-            }],
-        "invalid": [{
-                "syncToInput": 0
-            }],
-        "readOnly": [{
-                "syncToInput": 0
-            }]
-    }; }
-};
-UIInput.style = uiInputCss();
-
-exports.ui_input = UIInput;

package/dist/cjs/ui-menu-item.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-
-const 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}`;
-
-const UIMenuItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    disabled = false;
-    value = '';
-    render() {
-        return (index.h(index.Host, { key: 'd0f0886b18ebd01c0c2e20a2c1b1ecfd57eeb3e3', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, index.h("span", { key: '7fc584fb670b5b8ce0bbd3be1fea08f87de4a298', class: "menu-item__surface" }, index.h("slot", { key: '066fb08bc22996d439f3216e401a93a084e3e299' }))));
-    }
-};
-UIMenuItem.style = uiMenuItemCss();
-
-exports.ui_menu_item = UIMenuItem;

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

@@ -1,182 +0,0 @@
-'use strict';
-
-var index = require('./index-BHG9Rpil.js');
-var events = require('./events-TcQIzpNv.js');
-var manager = require('./manager-Ce25WRtl.js');
-var controlledState = require('./controlled-state-BFya8rAX.js');
-var positioning = require('./positioning-CCR6ifPj.js');
-
-const 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%}`;
-
-const UIMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get host() { return index.getElement(this); }
-    /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
-    open;
-    defaultOpen = false;
-    /** Id of the control that anchors this menu in the top layer. */
-    for;
-    /** Preferred placement; Looma flips and shifts when space is constrained. */
-    placement = 'bottom-start';
-    internalOpen = false;
-    overlayId = `ui-menu-${Math.random().toString(36).slice(2, 11)}`;
-    anchor = null;
-    surface = null;
-    syncFromProp() {
-        if (controlledState.isControlled(this.open))
-            this.internalOpen = this.open;
-    }
-    resetSurface() {
-        this.setupSurface();
-        this.syncSurface();
-    }
-    syncSurface() {
-        this.syncAnchorState();
-        if (!this.surface)
-            return;
-        if (this.internalOpen) {
-            this.surface.show();
-            manager.openOverlay({
-                id: this.overlayId,
-                modal: false,
-                element: this.host,
-                relatedElements: this.anchor ? [this.anchor] : undefined,
-                dismissible: true,
-                requestClose: (reason, trigger) => this.closeMenu(reason, trigger),
-            });
-        }
-        else {
-            this.surface.hide();
-            manager.closeOverlay(this.overlayId);
-        }
-    }
-    componentDidLoad() {
-        this.internalOpen = controlledState.controlledOrDefault(this.open, this.defaultOpen);
-        this.host.addEventListener('click', this.onItemClick);
-        this.host.addEventListener('keydown', this.onKeydown);
-        this.setupSurface();
-        this.syncSurface();
-    }
-    disconnectedCallback() {
-        this.host.removeEventListener('click', this.onItemClick);
-        this.host.removeEventListener('keydown', this.onKeydown);
-        this.surface?.destroy();
-        this.surface = null;
-        manager.closeOverlay(this.overlayId);
-    }
-    setupSurface() {
-        this.surface?.destroy();
-        this.surface = null;
-        this.anchor = this.for ? this.host.ownerDocument.getElementById(this.for) : null;
-        if (!this.anchor)
-            return;
-        this.surface = positioning.createAnchoredSurface(this.host, {
-            anchor: this.anchor,
-            placement: this.placement,
-        });
-    }
-    syncAnchorState() {
-        if (!this.anchor)
-            return;
-        this.anchor.setAttribute('aria-haspopup', 'menu');
-        this.anchor.setAttribute('aria-expanded', this.internalOpen ? 'true' : 'false');
-    }
-    closeMenu(reason, trigger) {
-        if (!this.internalOpen)
-            return;
-        if (!controlledState.isControlled(this.open))
-            this.internalOpen = false;
-        events.dispatchDetail(this.host, 'close', {
-            open: false,
-            reason: reason,
-            trigger: trigger,
-        });
-        if (reason === 'escape')
-            this.anchor?.focus();
-    }
-    getItems() {
-        return Array.from(this.host.querySelectorAll('ui-menu-item'));
-    }
-    isItemDisabled(item) {
-        return (item.getAttribute('aria-disabled') === 'true' ||
-            item.hasAttribute('disabled') ||
-            item.getAttribute('disabled') === 'true' ||
-            item.disabled === true);
-    }
-    onItemClick = (e) => {
-        const item = e.target.closest?.('ui-menu-item');
-        if (!item || item.getRootNode() !== this.host.getRootNode())
-            return;
-        if (this.isItemDisabled(item))
-            return;
-        const value = item.getAttribute('value') ?? item.getAttribute('data-value') ?? '';
-        events.dispatchDetail(this.host, 'select', { value, trigger: events.eventToTrigger(e) });
-        events.dispatchDetail(this.host, 'close', {
-            open: false,
-            reason: 'action',
-            trigger: events.eventToTrigger(e),
-        });
-        if (!controlledState.isControlled(this.open))
-            this.internalOpen = false;
-    };
-    onKeydown = (e) => {
-        if (e.key === 'Escape') {
-            e.preventDefault();
-            manager.requestTopOverlayClose('escape', 'keyboard');
-            return;
-        }
-        const items = this.getItems().filter((i) => !this.isItemDisabled(i));
-        if (items.length === 0)
-            return;
-        const target = e.target.closest?.('ui-menu-item');
-        const currentIndex = target && target instanceof HTMLElement ? items.indexOf(target) : -1;
-        if (e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault();
-            if (target && currentIndex >= 0) {
-                const value = target.getAttribute('value') ?? target.getAttribute('data-value') ?? '';
-                events.dispatchDetail(this.host, 'select', { value, trigger: 'keyboard' });
-                events.dispatchDetail(this.host, 'close', {
-                    open: false,
-                    reason: 'action',
-                    trigger: 'keyboard',
-                });
-                if (!controlledState.isControlled(this.open))
-                    this.internalOpen = false;
-            }
-            return;
-        }
-        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
-            e.preventDefault();
-            const nextIndex = e.key === 'ArrowDown'
-                ? currentIndex < 0
-                    ? 0
-                    : Math.min(currentIndex + 1, items.length - 1)
-                : currentIndex <= 0
-                    ? items.length - 1
-                    : currentIndex - 1;
-            items[nextIndex].focus();
-        }
-    };
-    render() {
-        return (index.h(index.Host, { key: '5b64cc53ca56ea04a63013c8cb61231c9b1045cc', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: '6410a56cc5efcffd0673c9abdf8f8aa45295c516', class: "menu__surface" }, index.h("slot", { key: '7e7f9d3b19bbf3024d61ecf44cd8b103748ef966' }))));
-    }
-    static get watchers() { return {
-        "open": [{
-                "syncFromProp": 0
-            }],
-        "for": [{
-                "resetSurface": 0
-            }],
-        "placement": [{
-                "resetSurface": 0
-            }],
-        "internalOpen": [{
-                "syncSurface": 0
-            }]
-    }; }
-};
-UIMenu.style = uiMenuCss();
-
-exports.ui_menu = UIMenu;

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

@@ -1,135 +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-CCR6ifPj.js');
-
-const uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.popover__surface{box-sizing:border-box;max-inline-size:inherit;max-block-size:inherit;overflow:auto;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
-
-const UIPopover = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    get host() { return index.getElement(this); }
-    /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
-    open;
-    defaultOpen = false;
-    /** Optional id of the element this popover follows in the top layer. */
-    for;
-    placement = 'bottom-start';
-    internalOpen = false;
-    overlayId = `ui-popover-${Math.random().toString(36).slice(2, 11)}`;
-    anchor = null;
-    surface = null;
-    syncFromProp() {
-        if (controlledState.isControlled(this.open))
-            this.internalOpen = this.open;
-    }
-    onOpenChange() {
-        this.syncOverlay();
-        if (this.internalOpen) {
-            events.dispatchDetail(this.host, 'open', {
-                open: true,
-                reason: 'programmatic',
-                trigger: 'programmatic',
-            });
-        }
-        else {
-            events.dispatchDetail(this.host, 'close', {
-                open: false,
-                reason: 'programmatic',
-                trigger: 'programmatic',
-            });
-        }
-    }
-    resetSurface() {
-        this.setupSurface();
-        this.syncSurface();
-    }
-    setupSurface() {
-        this.surface?.destroy();
-        this.surface = null;
-        this.anchor = this.for ? this.host.ownerDocument.getElementById(this.for) : null;
-        if (!this.anchor)
-            return;
-        this.surface = positioning.createAnchoredSurface(this.host, {
-            anchor: this.anchor,
-            placement: this.placement,
-        });
-    }
-    syncSurface() {
-        if (!this.surface)
-            return;
-        if (this.internalOpen)
-            this.surface.show();
-        else
-            this.surface.hide();
-    }
-    syncOverlay() {
-        this.syncSurface();
-        if (this.internalOpen) {
-            manager.openOverlay({
-                id: this.overlayId,
-                modal: false,
-                element: this.host,
-                relatedElements: this.anchor ? [this.anchor] : undefined,
-                dismissible: true,
-                requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger),
-            });
-        }
-        else {
-            manager.closeOverlay(this.overlayId);
-        }
-    }
-    componentDidLoad() {
-        this.internalOpen = controlledState.controlledOrDefault(this.open, this.defaultOpen);
-        this.host.addEventListener('keydown', this.onKeydown);
-        this.setupSurface();
-        this.syncOverlay();
-    }
-    disconnectedCallback() {
-        this.host.removeEventListener('keydown', this.onKeydown);
-        this.surface?.destroy();
-        this.surface = null;
-        manager.closeOverlay(this.overlayId);
-    }
-    componentDidUpdate() {
-        this.syncOverlay();
-    }
-    handleRequestClose(reason, trigger) {
-        if (!controlledState.isControlled(this.open))
-            this.internalOpen = false;
-        events.dispatchDetail(this.host, 'close', {
-            open: false,
-            reason: reason,
-            trigger: trigger,
-        });
-    }
-    onKeydown = (e) => {
-        if (e.key === 'Escape') {
-            manager.requestTopOverlayClose('escape', 'keyboard');
-        }
-    };
-    render() {
-        return (index.h(index.Host, { key: '65a0927abc40450205989704bfde2cf7fd80d1f9', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("div", { key: '255acaf99e0fe70a92048351b24bdfde1a4ea45f', class: "popover__surface" }, index.h("slot", { key: '9d2f6c9d5a0f7a2766225aef0ec5b98b33ec9f07' }))));
-    }
-    static get watchers() { return {
-        "open": [{
-                "syncFromProp": 0
-            }],
-        "internalOpen": [{
-                "onOpenChange": 0
-            }],
-        "for": [{
-                "resetSurface": 0
-            }],
-        "placement": [{
-                "resetSurface": 0
-            }]
-    }; }
-};
-UIPopover.style = uiPopoverCss();
-
-exports.ui_popover = UIPopover;