@threadlabs/looma 0.1.0

package/dist/collection/components/ui-tooltip/ui-tooltip.js

@@ -0,0 +1,205 @@
+import { Host, h } from "@stencil/core";
+import { openOverlay, closeOverlay, requestTopOverlayClose } from "../../overlay/manager";
+import { dispatchDetail } from "../../utils/events";
+export class UITooltip {
+    host;
+    for = '';
+    open = false;
+    defaultOpen = false;
+    internalOpen = false;
+    overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
+    trigger = null;
+    syncFromProp() {
+        this.internalOpen = this.open;
+    }
+    syncOverlay() {
+        if (this.internalOpen) {
+            openOverlay({
+                id: this.overlayId,
+                modal: false,
+                element: this.host,
+                dismissible: true,
+                requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger),
+            });
+        }
+        else {
+            closeOverlay(this.overlayId);
+        }
+    }
+    componentDidLoad() {
+        this.syncFromProp();
+        this.internalOpen = this.internalOpen || this.defaultOpen;
+        this.resolveTrigger();
+        this.attachTriggerListeners();
+        this.host.addEventListener('keydown', this.onKeydown);
+        this.syncOverlay();
+    }
+    componentDidUpdate() {
+        this.resolveTrigger();
+        this.attachTriggerListeners();
+        this.syncOverlay();
+    }
+    disconnectedCallback() {
+        this.detachTriggerListeners();
+        this.host.removeEventListener('keydown', this.onKeydown);
+        closeOverlay(this.overlayId);
+    }
+    resolveTrigger() {
+        if (this.for) {
+            this.trigger = document.getElementById(this.for);
+        }
+        else {
+            this.trigger = this.host.previousElementSibling;
+        }
+    }
+    attachTriggerListeners() {
+        this.detachTriggerListeners();
+        if (!this.trigger)
+            return;
+        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;
+        this.trigger.removeEventListener('pointerenter', this.onTriggerEnter);
+        this.trigger.removeEventListener('pointerleave', this.onTriggerLeave);
+        this.trigger.removeEventListener('focusin', this.onTriggerFocusIn);
+        this.trigger.removeEventListener('focusout', this.onTriggerFocusOut);
+    }
+    onTriggerEnter = () => {
+        this.internalOpen = true;
+        dispatchDetail(this.host, 'open', { open: true, reason: 'action', trigger: 'pointer' });
+        this.syncOverlay();
+    };
+    onTriggerLeave = () => {
+        this.internalOpen = false;
+        dispatchDetail(this.host, 'close', { open: false, reason: 'action', trigger: 'pointer' });
+        this.syncOverlay();
+    };
+    onTriggerFocusIn = () => {
+        this.internalOpen = true;
+        dispatchDetail(this.host, 'open', { open: true, reason: 'action', trigger: 'keyboard' });
+        this.syncOverlay();
+    };
+    onTriggerFocusOut = (e) => {
+        const related = e.relatedTarget;
+        if (related && this.host.contains(related))
+            return;
+        this.internalOpen = false;
+        dispatchDetail(this.host, 'close', { open: false, reason: 'action', trigger: 'keyboard' });
+        this.syncOverlay();
+    };
+    handleRequestClose(reason, trigger) {
+        if (reason === 'escape') {
+            this.internalOpen = false;
+            dispatchDetail(this.host, 'close', {
+                open: false,
+                reason: 'escape',
+                trigger: trigger,
+            });
+            this.trigger?.focus();
+        }
+    }
+    onKeydown = (e) => {
+        if (e.key === 'Escape') {
+            requestTopOverlayClose('escape', 'keyboard');
+        }
+    };
+    render() {
+        return (h(Host, { key: '900ec6fc08ea7a7965195e8203fd779e70cfa6e6', role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: 'b384f779fa9a229cf635be5adb3476ca93270c24' })));
+    }
+    static get is() { return "ui-tooltip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-tooltip.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-tooltip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "for": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "for",
+                "defaultValue": "''"
+            },
+            "open": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "open",
+                "defaultValue": "false"
+            },
+            "defaultOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "default-open",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "internalOpen": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "open",
+                "methodName": "syncFromProp"
+            }, {
+                "propName": "internalOpen",
+                "methodName": "syncOverlay"
+            }];
+    }
+}

package/dist/collection/components/ui-top-bar/ui-top-bar.css

@@ -0,0 +1,43 @@
+:host {
+  position: sticky;
+  inset-block-start: 0;
+  z-index: var(--ui-top-bar-z-index, 100);
+  display: block;
+}
+
+.top-bar {
+  min-block-size: var(--ui-top-bar-height, 56px);
+  display: flex;
+  align-items: center;
+  gap: var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));
+  padding-inline: var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem));
+  background: var(--ui-top-bar-bg, var(--ui-surface, #ffffff));
+  border-block-end: 1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb));
+}
+
+.top-bar__leading,
+.top-bar__search,
+.top-bar__actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.top-bar__actions {
+  gap: var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem));
+}
+
+.top-bar__title {
+  min-inline-size: 0;
+  flex: 1;
+}
+
+[hidden] {
+  display: none;
+}
+
+@media (min-width: 768px) {
+  :host {
+    display: none;
+  }
+}

package/dist/collection/components/ui-top-bar/ui-top-bar.js

@@ -0,0 +1,52 @@
+import { Host, h } from "@stencil/core";
+function slotHasContent(slot) {
+    if (!slot) {
+        return false;
+    }
+    return slot.assignedNodes({ flatten: true }).some((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+            return Boolean(node.textContent?.trim());
+        }
+        return true;
+    });
+}
+export class UITopBar {
+    host;
+    hasLeading = false;
+    hasSearch = false;
+    hasActions = false;
+    leadingSlot;
+    searchSlot;
+    actionsSlot;
+    componentDidLoad() {
+        this.syncSlots();
+    }
+    syncSlots = () => {
+        this.hasLeading = slotHasContent(this.leadingSlot);
+        this.hasSearch = slotHasContent(this.searchSlot);
+        this.hasActions = slotHasContent(this.actionsSlot);
+    };
+    render() {
+        return (h(Host, { key: '23cbff2fdb06a40f0380dbf217d064cb1b9f7a9c' }, h("header", { key: '9472960f4445f8ed7d0800d71db3cbac020fca3f', class: "top-bar", part: "base" }, h("div", { key: 'd408be025d90fdcf1416213b9e76f3b780f47d97', class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: '3dc4db316a040ff10a8b8b218b42799d3e1a7b97', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '1b362f19f9a738600afb266e9641c0ee5c8870c9', class: "top-bar__title" }, h("slot", { key: 'bb93d34a3dea15c697dcd19dc0ecc3488ee390c8' })), h("div", { key: '3d61d781b654ee1d91a6ce5ba64db9732ee1f8ee', class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: '5731817be644f10ed745fdc0868b85b66a9c06d4', name: "search", ref: (el) => (this.searchSlot = el), onSlotchange: this.syncSlots })), h("div", { key: '2ee868b93f5195832830900382545b2131e78bb8', class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: '1d410fa60f112904cfb866cff5a3f2fb18021c93', name: "actions", ref: (el) => (this.actionsSlot = el), onSlotchange: this.syncSlots })))));
+    }
+    static get is() { return "ui-top-bar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-top-bar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-top-bar.css"]
+        };
+    }
+    static get states() {
+        return {
+            "hasLeading": {},
+            "hasSearch": {},
+            "hasActions": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+}

package/dist/collection/overlay/manager.js

@@ -0,0 +1,90 @@
+const stack = [];
+const scrollLockAttribute = "data-ui-scroll-lock";
+let modalCount = 0;
+let listenersAttached = false;
+function syncScrollLock() {
+    if (typeof document === "undefined") {
+        return;
+    }
+    const root = document.documentElement;
+    if (modalCount > 0) {
+        root.setAttribute(scrollLockAttribute, "true");
+        root.style.overflow = "hidden";
+        return;
+    }
+    root.removeAttribute(scrollLockAttribute);
+    root.style.removeProperty("overflow");
+}
+function getOverlayDismissible(record) {
+    return record.dismissible ?? true;
+}
+function handleEscape(event) {
+    if (event.key !== "Escape") {
+        return;
+    }
+    requestTopOverlayClose("escape", "keyboard");
+}
+function handleLightDismiss(event) {
+    const top = getTopOverlay();
+    if (!top || !getOverlayDismissible(top)) {
+        return;
+    }
+    const target = event.target;
+    if (target instanceof Node && top.element.contains(target)) {
+        return;
+    }
+    requestTopOverlayClose("light-dismiss", "pointer");
+}
+function ensureListeners() {
+    if (listenersAttached || typeof document === "undefined") {
+        return;
+    }
+    document.addEventListener("keydown", handleEscape);
+    document.addEventListener("pointerdown", handleLightDismiss, { capture: true });
+    listenersAttached = true;
+}
+function removeListenersIfIdle() {
+    if (!listenersAttached || stack.length > 0 || typeof document === "undefined") {
+        return;
+    }
+    document.removeEventListener("keydown", handleEscape);
+    document.removeEventListener("pointerdown", handleLightDismiss, { capture: true });
+    listenersAttached = false;
+}
+export function openOverlay(record) {
+    closeOverlay(record.id);
+    stack.push(record);
+    if (record.modal) {
+        modalCount += 1;
+        syncScrollLock();
+    }
+    ensureListeners();
+}
+export function closeOverlay(id) {
+    const index = stack.findIndex((record) => record.id === id);
+    if (index >= 0) {
+        const [record] = stack.splice(index, 1);
+        if (record?.modal) {
+            modalCount = Math.max(0, modalCount - 1);
+            syncScrollLock();
+        }
+    }
+    removeListenersIfIdle();
+}
+export function getTopOverlay() {
+    return stack.at(-1);
+}
+export function isTopOverlay(id) {
+    return getTopOverlay()?.id === id;
+}
+export function requestTopOverlayClose(reason, trigger) {
+    const top = getTopOverlay();
+    if (!top) {
+        return false;
+    }
+    if (!getOverlayDismissible(top) && (reason === "escape" || reason === "light-dismiss")) {
+        return false;
+    }
+    top.requestClose(reason, trigger);
+    return true;
+}

package/dist/collection/utils/events.js

@@ -0,0 +1,13 @@
+export function eventToTrigger(event) {
+    if (event instanceof KeyboardEvent)
+        return 'keyboard';
+    if (event instanceof PointerEvent || event instanceof MouseEvent)
+        return 'pointer';
+    return 'programmatic';
+}
+export function isActivationKey(event) {
+    return event.key === 'Enter' || event.key === ' ';
+}
+export function dispatchDetail(el, name, detail) {
+    el.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));
+}

package/dist/collection/utils/id.js

@@ -0,0 +1,5 @@
+let nextId = 0;
+export function createId(prefix) {
+    nextId += 1;
+    return `ui-core-${prefix}-${nextId}`;
+}

package/dist/collection/utils/initials.js

@@ -0,0 +1,11 @@
+export function toInitials(value) {
+    const tokens = value
+        .trim()
+        .split(/\s+/)
+        .filter((token) => token.length > 0);
+    if (tokens.length === 0)
+        return '?';
+    if (tokens.length === 1)
+        return tokens[0].slice(0, 2).toUpperCase();
+    return `${tokens[0][0] ?? ''}${tokens[1][0] ?? ''}`.toUpperCase();
+}

package/dist/components/index.d.ts

@@ -0,0 +1,88 @@
+/* looma custom elements */
+export { UIAvatar as UiAvatar } from '../types/components/ui-avatar/ui-avatar';
+export { defineCustomElement as defineCustomElementUiAvatar } from './ui-avatar';
+export { UIAvatarGroup as UiAvatarGroup } from '../types/components/ui-avatar-group/ui-avatar-group';
+export { defineCustomElement as defineCustomElementUiAvatarGroup } from './ui-avatar-group';
+export { UIBadge as UiBadge } from '../types/components/ui-badge/ui-badge';
+export { defineCustomElement as defineCustomElementUiBadge } from './ui-badge';
+export { UIButton as UiButton } from '../types/components/ui-button/ui-button';
+export { defineCustomElement as defineCustomElementUiButton } from './ui-button';
+export { UICheckbox as UiCheckbox } from '../types/components/ui-checkbox/ui-checkbox';
+export { defineCustomElement as defineCustomElementUiCheckbox } from './ui-checkbox';
+export { UIContextMenu as UiContextMenu } from '../types/components/ui-context-menu/ui-context-menu';
+export { defineCustomElement as defineCustomElementUiContextMenu } from './ui-context-menu';
+export { UIDialog as UiDialog } from '../types/components/ui-dialog/ui-dialog';
+export { defineCustomElement as defineCustomElementUiDialog } from './ui-dialog';
+export { UIDisclosure as UiDisclosure } from '../types/components/ui-disclosure/ui-disclosure';
+export { defineCustomElement as defineCustomElementUiDisclosure } from './ui-disclosure';
+export { UIFloatingActionButton as UiFloatingActionButton } from '../types/components/ui-floating-action-button/ui-floating-action-button';
+export { defineCustomElement as defineCustomElementUiFloatingActionButton } from './ui-floating-action-button';
+export { UIFormField as UiFormField } from '../types/components/ui-form-field/ui-form-field';
+export { defineCustomElement as defineCustomElementUiFormField } from './ui-form-field';
+export { UIIconButton as UiIconButton } from '../types/components/ui-icon-button/ui-icon-button';
+export { defineCustomElement as defineCustomElementUiIconButton } from './ui-icon-button';
+export { UIInput as UiInput } from '../types/components/ui-input/ui-input';
+export { defineCustomElement as defineCustomElementUiInput } from './ui-input';
+export { UIMenu as UiMenu } from '../types/components/ui-menu/ui-menu';
+export { defineCustomElement as defineCustomElementUiMenu } from './ui-menu';
+export { UIMenuItem as UiMenuItem } from '../types/components/ui-menu-item/ui-menu-item';
+export { defineCustomElement as defineCustomElementUiMenuItem } from './ui-menu-item';
+export { UIPopover as UiPopover } from '../types/components/ui-popover/ui-popover';
+export { defineCustomElement as defineCustomElementUiPopover } from './ui-popover';
+export { UIRadio as UiRadio } from '../types/components/ui-radio/ui-radio';
+export { defineCustomElement as defineCustomElementUiRadio } from './ui-radio';
+export { UIRadioGroup as UiRadioGroup } from '../types/components/ui-radio-group/ui-radio-group';
+export { defineCustomElement as defineCustomElementUiRadioGroup } from './ui-radio-group';
+export { UISearchResultRow as UiSearchResultRow } from '../types/components/ui-search-result-row/ui-search-result-row';
+export { defineCustomElement as defineCustomElementUiSearchResultRow } from './ui-search-result-row';
+export { UISearchShell as UiSearchShell } from '../types/components/ui-search-shell/ui-search-shell';
+export { defineCustomElement as defineCustomElementUiSearchShell } from './ui-search-shell';
+export { UISelect as UiSelect } from '../types/components/ui-select/ui-select';
+export { defineCustomElement as defineCustomElementUiSelect } from './ui-select';
+export { UISwitch as UiSwitch } from '../types/components/ui-switch/ui-switch';
+export { defineCustomElement as defineCustomElementUiSwitch } from './ui-switch';
+export { UITabs as UiTabs } from '../types/components/ui-tabs/ui-tabs';
+export { defineCustomElement as defineCustomElementUiTabs } from './ui-tabs';
+export { UITextarea as UiTextarea } from '../types/components/ui-textarea/ui-textarea';
+export { defineCustomElement as defineCustomElementUiTextarea } from './ui-textarea';
+export { UIToastRegion as UiToastRegion } from '../types/components/ui-toast-region/ui-toast-region';
+export { defineCustomElement as defineCustomElementUiToastRegion } from './ui-toast-region';
+export { UITooltip as UiTooltip } from '../types/components/ui-tooltip/ui-tooltip';
+export { defineCustomElement as defineCustomElementUiTooltip } from './ui-tooltip';
+export { UITopBar as UiTopBar } from '../types/components/ui-top-bar/ui-top-bar';
+export { defineCustomElement as defineCustomElementUiTopBar } from './ui-top-bar';
+
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types/components';

package/dist/components/index.js

@@ -0,0 +1 @@
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CIA4RyEp.js";export{UiAvatar,defineCustomElement as defineCustomElementUiAvatar}from"./ui-avatar.js";export{UiAvatarGroup,defineCustomElement as defineCustomElementUiAvatarGroup}from"./ui-avatar-group.js";export{UiBadge,defineCustomElement as defineCustomElementUiBadge}from"./ui-badge.js";export{UiButton,defineCustomElement as defineCustomElementUiButton}from"./ui-button.js";export{UiCheckbox,defineCustomElement as defineCustomElementUiCheckbox}from"./ui-checkbox.js";export{UiContextMenu,defineCustomElement as defineCustomElementUiContextMenu}from"./ui-context-menu.js";export{UiDialog,defineCustomElement as defineCustomElementUiDialog}from"./ui-dialog.js";export{UiDisclosure,defineCustomElement as defineCustomElementUiDisclosure}from"./ui-disclosure.js";export{UiFloatingActionButton,defineCustomElement as defineCustomElementUiFloatingActionButton}from"./ui-floating-action-button.js";export{UiFormField,defineCustomElement as defineCustomElementUiFormField}from"./ui-form-field.js";export{UiIconButton,defineCustomElement as defineCustomElementUiIconButton}from"./ui-icon-button.js";export{UiInput,defineCustomElement as defineCustomElementUiInput}from"./ui-input.js";export{UiMenu,defineCustomElement as defineCustomElementUiMenu}from"./ui-menu.js";export{UiMenuItem,defineCustomElement as defineCustomElementUiMenuItem}from"./ui-menu-item.js";export{UiPopover,defineCustomElement as defineCustomElementUiPopover}from"./ui-popover.js";export{UiRadio,defineCustomElement as defineCustomElementUiRadio}from"./ui-radio.js";export{UiRadioGroup,defineCustomElement as defineCustomElementUiRadioGroup}from"./ui-radio-group.js";export{UiSearchResultRow,defineCustomElement as defineCustomElementUiSearchResultRow}from"./ui-search-result-row.js";export{UiSearchShell,defineCustomElement as defineCustomElementUiSearchShell}from"./ui-search-shell.js";export{UiSelect,defineCustomElement as defineCustomElementUiSelect}from"./ui-select.js";export{UiSwitch,defineCustomElement as defineCustomElementUiSwitch}from"./ui-switch.js";export{UiTabs,defineCustomElement as defineCustomElementUiTabs}from"./ui-tabs.js";export{UiTextarea,defineCustomElement as defineCustomElementUiTextarea}from"./ui-textarea.js";export{UiToastRegion,defineCustomElement as defineCustomElementUiToastRegion}from"./ui-toast-region.js";export{UiTooltip,defineCustomElement as defineCustomElementUiTooltip}from"./ui-tooltip.js";export{UiTopBar,defineCustomElement as defineCustomElementUiTopBar}from"./ui-top-bar.js";

package/dist/components/p-CIA4RyEp.js

@@ -0,0 +1 @@
+function t(t,e,n){const l="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==l;){const l=Object.getOwnPropertyDescriptor(t,e);if(l&&(!n||l.get))return l;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var l;Object.entries(null!=(l=n.l.t)?l:{}).map((([l,[o]])=>{if(31&o||32&o){const o=e[l],s=t(Object.getPrototypeOf(e),l,!0)||Object.getOwnPropertyDescriptor(e,l);s&&Object.defineProperty(e,l,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.o.has(l)?e[l]=n.o.get(l):void 0!==o&&(e[l]=o)}}))},l=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r="undefined"!=typeof window?window:{},c=r.HTMLElement||class{},u={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},f=(()=>{try{return!!r.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),a=!!f&&(()=>!!r.document&&Object.getOwnPropertyDescriptor(r.document.adoptedStyleSheets,"length").writable)(),d=!1,p=[],h=[],m=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&u.i?$(b):u.raf(b))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},b=()=>{y(p),y(h),(d=p.length>0)&&u.raf(b)},$=t=>Promise.resolve(undefined).then(t),v=m(h,!0),w=t=>{const e=new URL(t,u.u);return e.origin!==r.location.origin?e.href:e.pathname},g=t=>u.u=t;function j(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(a?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}var O,S=new WeakMap,M=t=>"sc-"+t.p,k=t=>"object"==(t=typeof t)||"function"===t,E=(t,e,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!k(l))&&(l=String(l)),s&&i?r[r.length-1].h+=l:r.push(s?A(null,l):l),i=s)};if(c(n),e){e.key&&(o=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=A(t,null);return u.m=e,r.length>0&&(u.$=r),u.v=o,u},A=(t,e)=>({i:0,j:t,h:null!=e?e:null,O:null,$:null,m:null,v:null}),C={},x=(t,e)=>null==t||k(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?String(t):t,L=(t,e,n,s,i,c)=>{if(n===s)return;let f=o(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,l=_(n);let o=_(s);e.remove(...l.filter((t=>t&&!o.includes(t)))),e.add(...o.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)s&&null!=s[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in s)n&&s[e]===n[e]||(e.includes("-")?t.style.setProperty(e,s[e]):t.style[e]=s[e])}else if("key"===e);else if("ref"===e)s&&G(s,t);else if(t.__lookupSetter__(e)||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let o;{const e=l(t);if(e&&e.l&&e.l.t){const t=e.l.t[n];t&&t[1]&&(o=t[1])}}return o||(o=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==s||!1===s?!1===s&&""!==t.getAttribute(o)||t.removeAttribute(o):t.setAttribute(o,!0===s?"":s))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=s}catch(t){}return}{const l=k(s);if((f||l&&null!==s)&&!i)try{if(t.tagName.includes("-"))t[e]!==s&&(t[e]=s);else{const l=null==s?"":s;"list"===e?f=!1:null!=n&&t[e]===l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==s||!1===s?!1===s&&""!==t.getAttribute(e)||t.removeAttribute(e):(!f||4&c||i)&&!l&&1===t.nodeType&&t.setAttribute(e,s=!0===s?"":s)}}else if(e="-"===e[2]?e.slice(3):o(r,a)?a.slice(2):a[2]+e.slice(3),n||s){const l=e.endsWith(D);e=e.replace(H,""),n&&u.rel(t,e,n,l),s&&u.ael(t,e,s,l)}},N=/\s/,_=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(N):[]),D="Capture",H=new RegExp(D+"$"),P=(t,e,n)=>{const l=11===e.O.nodeType&&e.O.host?e.O.host:e.O,o=t&&t.m||{},s=e.m||{};for(const t of R(Object.keys(o)))t in s||L(l,t,o[t],void 0,n,e.i);for(const t of R(Object.keys(s)))L(l,t,o[t],s[t],n,e.i)};function R(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var U=!1,W=!1,F=[],V=[],q=(t,e,n)=>{const l=e.$[n];let o,s,i=0;if(null!=l.h)o=l.O=r.document.createTextNode(l.h);else{if(!r.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=l.O=r.document.createElement(l.j),P(null,l,W),l.$){const e="template"===l.j?o.content:o;for(i=0;i<l.$.length;++i)s=q(t,l,i),s&&e.appendChild(s)}}return o["s-hn"]=O,o},z=(t,e,n,l,o,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===O&&(r=r.shadowRoot),"template"===n.j&&(r=r.content);o<=s;++o)l[o]&&(i=q(null,n,o),i&&(l[o].O=i,I(r,i,e)))},T=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.O;B(e),t&&t.remove()}}},Y=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.v&&e.v&&(t.v=e.v),!0):t.v===e.v),Z=(t,e,n=!1)=>{const l=e.O=t.O,o=t.$,s=e.$,i=e.h;null==i?("slot"!==e.j||U||t.S!==e.S&&(e.O["s-sn"]=e.S||"",(t=>{u.i|=1;const e=t.closest(O.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),l=Array.from(t.__childNodes||t.childNodes);for(const t of n?l.reverse():l)null!=t["s-sh"]&&(I(e,t,null!=n?n:null),t["s-sh"]=void 0)}u.i&=-2})(e.O.parentElement)),P(t,e,W),null!==o&&null!==s?((t,e,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],p=e[a],h=l.length-1,m=l[0],y=l[h];const b="template"===n.j?t.content:t;for(;r<=a&&c<=h;)if(null==d)d=e[++r];else if(null==p)p=e[--a];else if(null==m)m=l[++c];else if(null==y)y=l[--h];else if(Y(d,m,o))Z(d,m,o),d=e[++r],m=l[++c];else if(Y(p,y,o))Z(p,y,o),p=e[--a],y=l[--h];else if(Y(d,y,o))Z(d,y,o),I(b,d.O,p.O.nextSibling),d=e[++r],y=l[--h];else if(Y(p,m,o))Z(p,m,o),I(b,p.O,d.O),p=e[--a],m=l[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].v&&e[f].v===m.v){u=f;break}u>=0?(i=e[u],i.j!==m.j?s=q(e&&e[c],n,u):(Z(i,m,o),e[u]=void 0,s=i.O),m=l[++c]):(s=q(e&&e[c],n,c),m=l[++c]),s&&I(d.O.parentNode,s,d.O)}r>a?z(t,null==l[h+1]?null:l[h+1].O,n,l,c,h):c>h&&T(e,r,a)})(l,o,e,s,n):null!==s?(null!==t.h&&(l.textContent=""),z(l,null,e,s,0,s.length-1)):!n&&null!==o&&T(o,0,o.length-1)):t.h!==i&&(l.data=i)},B=t=>{t.m&&t.m.ref&&F.push((()=>t.m.ref(null))),t.$&&t.$.map(B)},G=(t,e)=>{V.push((()=>t(e)))},I=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),J=(t,e,n=!1)=>{const l=t.$hostElement$,o=t.l,s=t.M||A(null,null);var i;const r=(i=e)&&i.j===C?e:E(null,null,e);if(O=l.tagName,o.k&&(r.m=r.m||{},o.k.forEach((([t,e])=>{r.m[e]=l[t]}))),n&&r.m)for(const t of Object.keys(r.m))l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(r.m[t]=l[t]);r.j=null,r.i|=4,t.M=r,r.O=s.O=l.shadowRoot||l,U=!(!(1&o.i)||128&o.i),Z(s,r,n),F.forEach((t=>t())),F.length=0,V.forEach((t=>t())),V.length=0},K=(t,e)=>{if(e&&!t.A&&e["s-p"]){const n=e["s-p"].push(new Promise((l=>t.A=()=>{e["s-p"].splice(n-1,1),l()})))}},Q=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);K(t,t.C);const n=()=>X(t,e);if(!e)return v(n);queueMicrotask((()=>{n()}))},X=(t,e)=>{const n=t.$hostElement$,l=n;if(!l)throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=it(l,e?"componentWillLoad":"componentWillUpdate",void 0,n),o=tt(o,(()=>it(l,"componentWillRender",void 0,n))),tt(o,(()=>nt(t,l,e)))},tt=(t,e)=>et(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),et=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,nt=async(t,e,n)=>{var l;const o=t.$hostElement$,s=o["s-rc"];n&&(t=>{const e=t.l,n=t.$hostElement$,l=e.i,o=((t,e)=>{var n,l,o;const s=M(e),c=i.get(s);if(!r.document)return s;if(t=11===t.nodeType?t:r.document,c)if("string"==typeof c){let o,i=S.get(t=t.head||t);if(i||S.set(t,i=new Set),!i.has(s)){o=r.document.createElement("style"),o.textContent=c;const d=null!=(n=u.L)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=r.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&o.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(f){const e=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(c),a?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=c+e.textContent:t.prepend(o)}else t.append(o);1&e.i&&t.insertBefore(o,null),4&e.i&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let e=S.get(t);if(e||S.set(t,e=new Set),!e.has(s)){const n=null!=(o=t.defaultView)?o:t.ownerDocument.defaultView;let l;if(c.constructor===n.CSSStyleSheet)l=c;else{l=new n.CSSStyleSheet;for(let t=0;t<c.cssRules.length;t++)l.insertRule(c.cssRules[t].cssText,t)}a?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],e.add(s)}}return s})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(t);lt(t,e,o,n),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const e=null!=(l=o["s-p"])?l:[],n=()=>ot(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.i|=4,e.length=0)}},lt=(t,e,n,l)=>{try{e=e.render(),t.i&=-17,t.i|=2,J(t,e,l)}catch(e){s(e,t.$hostElement$)}return null},ot=t=>{const e=t.$hostElement$,n=e,l=t.C;it(n,"componentDidRender",void 0,e),64&t.i?it(n,"componentDidUpdate",void 0,e):(t.i|=64,rt(e),it(n,"componentDidLoad",void 0,e),t.N(e),l||st()),t.A&&(t.A(),t.A=void 0),512&t.i&&$((()=>Q(t,!1))),t.i&=-517},st=()=>{$((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"looma"}});return t.dispatchEvent(e),e})(r)))},it=(t,e,n,l)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,l)}},rt=t=>t.classList.add("hydrated"),ct=(t,e,n,o)=>{const i=l(t);if(!i)return;const r=t,c=i.o.get(e),u=i.i,f=r;n=x(n,o.t[e][0]);const a=Number.isNaN(c)&&Number.isNaN(n);if(n!==c&&!a){if(i.o.set(e,n),o._){const t=o._[e];t&&t.map((t=>{try{const[[l,o]]=Object.entries(t);(128&u||1&o)&&(f?f[l](n,c,e):i.D.push((()=>{i.H[l](n,c,e)})))}catch(t){s(t,r)}}))}if(2&u){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(n,c,e)&&!(16&u))return;16&u||Q(i,!1)}}},ut=(e,n)=>{var o,s;const i=e.prototype;{e.watchers&&!n._&&(n._=e.watchers),e.deserializers&&!n.P&&(n.P=e.deserializers),e.serializers&&!n.R&&(n.R=e.serializers);const r=Object.entries(null!=(o=n.t)?o:{});r.map((([e,[o]])=>{if(31&o||32&o){const{get:s,set:r}=t(i,e)||{};s&&(n.t[e][0]|=2048),r&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return s?s.apply(this):(t=e,l(this).o.get(t));var t},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(t){const s=l(this);if(s){if(r)return void 0===(32&o?this[e]:s.$hostElement$[e])&&s.o.get(e)&&(t=s.o.get(e)),r.apply(this,[x(t,o)]),void ct(this,e,t=32&o?this[e]:s.$hostElement$[e],n);ct(this,e,t,n)}}})}}));{const t=new Map;i.attributeChangedCallback=function(e,o,s){u.jmp((()=>{var c;const u=t.get(e),f=l(this);if(this.hasOwnProperty(u),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const t=null==f?void 0:f.i;if(f&&t&&!(8&t)&&s!==o){const l=this,i=null==(c=n._)?void 0:c[e];null==i||i.forEach((n=>{const[[i,r]]=Object.entries(n);null!=l[i]&&(128&t||1&r)&&l[i].call(l,s,o,e)}))}return}const a=r.find((([t])=>t===u));a&&4&a[1][0]&&(s=null!==s&&"false"!==s);const d=Object.getOwnPropertyDescriptor(i,u);s==this[u]||d.get&&!d.set||(this[u]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n._)?s:{}),...r.filter((([t,e])=>31&e[0])).map((([e,l])=>{var o;const s=l[1]||e;return t.set(s,e),512&l[0]&&(null==(o=n.k)||o.push([e,s])),s}))]))}}return e},ft=(t,e)=>{const o={i:e[0],p:e[1]};try{o.t=e[2],o._=t._,o.P=t.P,o.R=t.R,o.k=[];const r=t.prototype.connectedCallback,c=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const l={i:0,$hostElement$:t,l:e,o:new Map,U:new Map};l.W=new Promise((t=>l.N=t)),t["s-p"]=[],t["s-rc"]=[];const o=l;t.__stencil__getHostRef=()=>o,512&e.i&&n(t,l)})(this,o)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!l(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&u.i)){const e=l(t);if(!e)return;const n=e.l,o=()=>{};if(1&e.i)(null==e?void 0:e.H)||(null==e?void 0:e.W)&&e.W.then((()=>{}));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(e,e.C=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let l;try{if(!(32&e.i)&&(e.i|=32,l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),l&&l.style)){let t;"string"==typeof l.style&&(t=l.style);const e=M(n);if(!i.has(e)){const l=()=>{};((t,e,n)=>{let l=i.get(t);f&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,i.set(t,l)})(e,t,!!(1&n.i)),l()}}const o=e.C,s=()=>Q(e,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()}catch(n){s(n,t),e.A&&(e.A(),e.A=void 0),e.N&&e.N(t)}})(t,e,n)}o()}})(this),r&&r.call(this)},disconnectedCallback(){(async t=>{1&u.i||l(t),S.has(t)&&S.delete(t),t.shadowRoot&&S.has(t.shadowRoot)&&S.delete(t.shadowRoot)})(this),c&&c.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${o.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(this,o)}}),Object.defineProperty(t,"is",{value:o.p,configurable:!0}),ut(t,o)}catch(e){return s(e),t}},at=t=>u.L=t,dt=t=>Object.assign(u,t);function pt(t,e){J({l:{i:0,p:e.tagName},$hostElement$:e},t)}function ht(t){return t}export{c as H,at as a,dt as b,C as c,w as g,E as h,ft as p,pt as r,g as s,ht as t}

package/dist/components/p-CR7f2MQC.js

@@ -0,0 +1 @@
+const n=[],t="data-ui-scroll-lock";let e=0,o=!1;function c(){if("undefined"==typeof document)return;const n=document.documentElement;if(e>0)return n.setAttribute(t,"true"),void(n.style.overflow="hidden");n.removeAttribute(t),n.style.removeProperty("overflow")}function u(n){return n.dismissible??!0}function i(n){"Escape"===n.key&&a("escape","keyboard")}function d(n){const t=f();if(!t||!u(t))return;const e=n.target;e instanceof Node&&t.element.contains(e)||a("light-dismiss","pointer")}function r(t){s(t.id),n.push(t),t.modal&&(e+=1,c()),o||"undefined"==typeof document||(document.addEventListener("keydown",i),document.addEventListener("pointerdown",d,{capture:!0}),o=!0)}function s(t){const u=n.findIndex((n=>n.id===t));if(u>=0){const[t]=n.splice(u,1);t?.modal&&(e=Math.max(0,e-1),c())}!o||n.length>0||"undefined"==typeof document||(document.removeEventListener("keydown",i),document.removeEventListener("pointerdown",d,{capture:!0}),o=!1)}function f(){return n.at(-1)}function a(n,t){const e=f();return!!e&&!!(u(e)||"escape"!==n&&"light-dismiss"!==n)&&(e.requestClose(n,t),!0)}export{s as c,r as o,a as r}

package/dist/components/p-JwSoedEO.js

@@ -0,0 +1 @@
+function n(n){return n instanceof KeyboardEvent?"keyboard":n instanceof PointerEvent||n instanceof MouseEvent?"pointer":"programmatic"}function e(n){return"Enter"===n.key||" "===n.key}function t(n,e,t){n.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}export{t as d,n as e,e as i}

package/dist/components/p-WvL4iAhX.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as i,c as r,t as o}from"./p-CIA4RyEp.js";import{d as s,e as a}from"./p-JwSoedEO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;internalOpen=!1;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("click",this.onItemClick),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("click",this.onItemClick),this.host.removeEventListener("keydown",this.onKeydown)}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item"))}isItemDisabled(e){return"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||"true"===e.getAttribute("disabled")||!0===e.disabled}onItemClick=e=>{const t=e.target.closest?.("ui-menu-item");if(!t||t.getRootNode()!==this.host.getRootNode())return;if(this.isItemDisabled(t))return;const i=t.getAttribute("value")??t.getAttribute("data-value")??"";s(this.host,"select",{value:i,trigger:a(e)}),s(this.host,"close",{open:!1,reason:"action",trigger:a(e)}),this.internalOpen=!1};onKeydown=e=>{const i=this.getItems().filter((e=>!this.isItemDisabled(e)));if(0===i.length)return;const r=e.target.closest?.("ui-menu-item"),o=r&&r instanceof t?i.indexOf(r):-1;if("Enter"!==e.key&&" "!==e.key)"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),i["ArrowDown"===e.key?o<0?0:Math.min(o+1,i.length-1):o<=0?i.length-1:o-1].focus());else if(e.preventDefault(),r&&o>=0){const e=r.getAttribute("value")??r.getAttribute("data-value")??"";s(this.host,"select",{value:e,trigger:"keyboard"}),s(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.internalOpen=!1}};render(){return i(r,{key:"f06ad0f8c09060495757ced2da095817409720b7",role:"menu","aria-orientation":"vertical","data-open":this.internalOpen?"":void 0},i("slot",{key:"d504fd3c33894d0e464b957ce67c75fe8a24899c"}))}static get watchers(){return{open:[{syncFromProp:0}]}}static get style(){return":host{display:flex;flex-direction:column;min-width:12rem;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)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}"}},[769,"ui-menu",{open:[4],defaultOpen:[4,"default-open"],internalOpen:[32]},void 0,{open:[{syncFromProp:0}]}]);function u(){"undefined"!=typeof customElements&&["ui-menu"].forEach((e=>{"ui-menu"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))}export{n as U,u as d}

package/dist/components/p-hgBUJRDa.js

@@ -0,0 +1 @@
+let e=0;function r(r){return e+=1,`ui-core-${r}-${e}`}export{r as c}

package/dist/components/ui-avatar-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiAvatarGroup extends Components.UiAvatarGroup, HTMLElement {}
+export const UiAvatarGroup: {
+    prototype: UiAvatarGroup;
+    new (): UiAvatarGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-avatar-group.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as r,c as a,t as o}from"./p-CIA4RyEp.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}max=5;label="People";overflowCount=0;slotRef;syncOverflow(){this.updateOverflow()}componentDidLoad(){this.slotRef?.addEventListener("slotchange",(()=>this.updateOverflow())),this.updateOverflow()}componentDidUpdate(){this.updateOverflow()}updateOverflow(){const e=this.host.shadowRoot?.querySelector("slot"),t=(e?.assignedElements()??Array.from(this.host.children)).filter((e=>!e.hasAttribute("data-ui-avatar-group-overflow"))),r=t.length,a=Math.min(this.max,r),o=r>this.max?r-this.max:0;t.forEach(((e,t)=>{e.hidden=t>=a,e.setAttribute("aria-hidden",(t>=a)+"")})),this.overflowCount=o}render(){return r(a,{key:"9c8fbeb6e8c87ef4d86778a70a52f48b62717728",role:"list","aria-label":this.label||void 0},r("slot",{key:"432877b335f2a75f6b17a14b4be768c68ba04bfa"}),this.overflowCount>0&&r("span",{key:"ccf8007947e5d97edcdf42b7f4740db33560956b",class:"overflow",role:"listitem","aria-label":this.overflowCount+" more","data-ui-avatar-group-overflow":!0},"+",this.overflowCount))}static get watchers(){return{max:[{syncOverflow:0}]}}static get style(){return":host{display:flex;align-items:center;flex-direction:row-reverse;gap:0}::slotted(*:not([data-ui-avatar-group-overflow])){margin-inline-end:-0.5rem;flex-shrink:0}::slotted(*:last-of-type:not([data-ui-avatar-group-overflow])){margin-inline-end:0}.overflow{margin-inline-end:-0.5rem;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.75rem;font-weight:600;flex-shrink:0}"}},[769,"ui-avatar-group",{max:[2],label:[1],overflowCount:[32]},void 0,{max:[{syncOverflow:0}]}]),s=i,n=function(){"undefined"!=typeof customElements&&["ui-avatar-group"].forEach((e=>{"ui-avatar-group"===e&&(customElements.get(o(e))||customElements.define(o(e),i))}))};export{s as UiAvatarGroup,n as defineCustomElement}

package/dist/components/ui-avatar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiAvatar extends Components.UiAvatar, HTMLElement {}
+export const UiAvatar: {
+    prototype: UiAvatar;
+    new (): UiAvatar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-avatar.js

@@ -0,0 +1 @@
+import{p as a,t as e,H as t,h as i,c as s}from"./p-CIA4RyEp.js";const r=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}src="";alt="";name="";fallback="";hasImage=!1;watchSrc(){this.hasImage=!1}onImageLoad=()=>{this.hasImage=!0};onImageError=()=>{this.hasImage=!1};render(){const a=this.fallback||function(a){const e=a.trim().split(/\s+/).filter((a=>a.length>0));return 0===e.length?"?":1===e.length?e[0].slice(0,2).toUpperCase():`${e[0][0]??""}${e[1][0]??""}`.toUpperCase()}(this.name||this.alt),e=this.alt||this.name||"Avatar";return i(s,{key:"f61c3a4e5556be947b9f573591d4db0687fd01fd",role:"img","aria-label":e,"data-has-image":this.hasImage?"":void 0},i("div",{key:"03d4a3d1c86bb1d1779ad007ba12407230478dac",class:"avatar"},i("img",{key:"512015d68f9118bf8b8181b5b5118c133e783baf",src:this.src,alt:e,onLoad:this.onImageLoad,onError:this.onImageError,hidden:!this.hasImage,"aria-hidden":this.hasImage?"false":"true"}),i("span",{key:"48b0f1f81a6465c6021d4c867af67a559b9b8a67",class:"fallback",hidden:this.hasImage,"aria-hidden":this.hasImage?"true":"false"},a)))}static get watchers(){return{src:[{watchSrc:0}]}}static get style(){return":host{display:inline-grid;place-items:center;overflow:hidden;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.875rem;font-weight:600;text-transform:uppercase}.avatar{display:contents}.avatar img{grid-area:1 / 1;inline-size:100%;block-size:100%;object-fit:cover}.avatar .fallback{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}"}},[513,"ui-avatar",{src:[1],alt:[1],name:[1],fallback:[1],hasImage:[32]},void 0,{src:[{watchSrc:0}]}]),n=r,c=function(){"undefined"!=typeof customElements&&["ui-avatar"].forEach((a=>{"ui-avatar"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))};export{n as UiAvatar,c as defineCustomElement}

package/dist/components/ui-badge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiBadge extends Components.UiBadge, HTMLElement {}
+export const UiBadge: {
+    prototype: UiBadge;
+    new (): UiBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ui-badge.js

@@ -0,0 +1 @@
+import{p as a,H as o,h as r,c as t,t as e}from"./p-CIA4RyEp.js";const n=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}variant;tone;render(){return r(t,{key:"53eba0640816bc09ae198de29f9a1ac97c1d5f1d","data-variant":this.variant||void 0,"data-tone":this.tone||void 0},r("slot",{key:"abc8a9e09c2001f222f9aa8f164da76ff8343e01"}))}static get style(){return":host{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.75rem;line-height:1;padding:0.25em 0.6em;white-space:nowrap}:host([data-tone='accent']){background:var(--ui-accent-solid);border-color:var(--ui-accent-solid);color:var(--ui-text-on-accent)}:host([data-tone='danger']){background:var(--ui-danger-solid);border-color:var(--ui-danger-solid);color:var(--ui-text-on-accent)}:host([data-tone='success']){background:var(--ui-success-solid);border-color:var(--ui-success-solid);color:var(--ui-text-on-accent)}:host([data-tone='warning']){background:var(--ui-warning-solid);border-color:var(--ui-warning-solid);color:var(--ui-text-primary)}:host([data-tone='info']){background:var(--ui-info-solid);border-color:var(--ui-info-solid);color:var(--ui-text-on-accent)}:host([data-variant='subtle'][data-tone='accent']){background:var(--ui-accent-soft);border-color:var(--ui-accent-soft);color:var(--ui-accent-solid)}:host([data-variant='subtle'][data-tone='danger']){background:var(--ui-danger-soft);border-color:var(--ui-danger-soft);color:var(--ui-danger-solid)}:host([data-variant='subtle'][data-tone='success']){background:var(--ui-success-soft);border-color:var(--ui-success-soft);color:var(--ui-success-solid)}:host([data-variant='subtle'][data-tone='warning']){background:var(--ui-warning-soft);border-color:var(--ui-warning-soft);color:var(--ui-warning-solid)}:host([data-variant='subtle'][data-tone='info']){background:var(--ui-info-soft);border-color:var(--ui-info-soft);color:var(--ui-info-solid)}"}},[769,"ui-badge",{variant:[1],tone:[1]}]),i=n,s=function(){"undefined"!=typeof customElements&&["ui-badge"].forEach((a=>{"ui-badge"===a&&(customElements.get(e(a))||customElements.define(e(a),n))}))};export{i as UiBadge,s as defineCustomElement}