@threadlabs/looma 0.1.0

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var index = require('./index-D07f6BOw.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["ui-context-menu.cjs",[[769,"ui-context-menu",{"open":[4],"defaultOpen":[4,"default-open"],"for":[1],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"for":[{"syncTarget":0}],"internalOpen":[{"syncOverlay":0}]}]]],["ui-avatar.cjs",[[513,"ui-avatar",{"src":[1],"alt":[1],"name":[1],"fallback":[1],"hasImage":[32]},null,{"src":[{"watchSrc":0}]}]]],["ui-avatar-group.cjs",[[769,"ui-avatar-group",{"max":[2],"label":[1],"overflowCount":[32]},null,{"max":[{"syncOverflow":0}]}]]],["ui-badge.cjs",[[769,"ui-badge",{"variant":[1],"tone":[1]}]]],["ui-button.cjs",[[769,"ui-button",{"variant":[1],"size":[1],"disabled":[4]},null,{"variant":[{"syncToButton":0}],"size":[{"syncToButton":0}],"disabled":[{"syncToButton":0}]}]]],["ui-checkbox.cjs",[[769,"ui-checkbox",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"indeterminate":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}],"internalChecked":[{"syncToInput":0}],"indeterminate":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"required":[{"syncToInput":0}]}]]],["ui-dialog.cjs",[[769,"ui-dialog",{"open":[4],"defaultOpen":[4,"default-open"],"modal":[4],"dismissible":[4],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncOpen":0}]}]]],["ui-disclosure.cjs",[[769,"ui-disclosure",{"open":[4],"defaultOpen":[4,"default-open"],"disabled":[4],"internalOpen":[32],"contentId":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncState":0}]}]]],["ui-floating-action-button.cjs",[[769,"ui-floating-action-button",{"disabled":[516],"mobileOnly":[516,"mobile-only"],"label":[1]}]]],["ui-form-field.cjs",[[769,"ui-form-field",{"invalid":[4],"disabled":[4],"required":[4]}]]],["ui-icon-button.cjs",[[769,"ui-icon-button",{"disabled":[516],"label":[1],"size":[513],"variant":[513]}]]],["ui-input.cjs",[[769,"ui-input",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"readOnly":[4,"readonly"],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToInput":0}],"defaultValue":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"invalid":[{"syncToInput":0}],"readOnly":[{"syncToInput":0}]}]]],["ui-menu-item.cjs",[[769,"ui-menu-item",{"disabled":[516],"value":[1]}]]],["ui-popover.cjs",[[769,"ui-popover",{"open":[4],"defaultOpen":[4,"default-open"],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"onOpenChange":0}]}]]],["ui-radio.cjs",[[769,"ui-radio",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"name":[1],"required":[4],"value":[1]},null,{"checked":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"name":[{"syncToInput":0}],"required":[{"syncToInput":0}],"value":[{"syncToInput":0}]}]]],["ui-radio-group.cjs",[[769,"ui-radio-group",{"value":[1],"name":[1],"orientation":[1],"disabled":[4],"required":[4],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToRadios":0}],"name":[{"syncToRadios":0}],"orientation":[{"syncToRadios":0}],"disabled":[{"syncToRadios":0}]}]]],["ui-search-result-row.cjs",[[769,"ui-search-result-row",{"disabled":[516],"selected":[516],"hasLeading":[32],"hasMeta":[32],"hasExcerpt":[32],"hasTrailing":[32]}]]],["ui-search-shell.cjs",[[769,"ui-search-shell",{"hasStatus":[32],"hasFooter":[32]}]]],["ui-select.cjs",[[769,"ui-select",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"required":[4],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToSelect":0}],"defaultValue":[{"syncToSelect":0}],"disabled":[{"syncToSelect":0}],"invalid":[{"syncToSelect":0}],"required":[{"syncToSelect":0}]}]]],["ui-switch.cjs",[[769,"ui-switch",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}]}]]],["ui-tabs.cjs",[[769,"ui-tabs",{"value":[1],"defaultValue":[1,"default-value"],"orientation":[1],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncState":0}],"orientation":[{"syncState":0}]}]]],["ui-textarea.cjs",[[769,"ui-textarea",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"readOnly":[4,"readonly"],"rows":[2],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToTextarea":0}],"defaultValue":[{"syncToTextarea":0}],"disabled":[{"syncToTextarea":0}],"invalid":[{"syncToTextarea":0}],"readOnly":[{"syncToTextarea":0}],"rows":[{"syncToTextarea":0}]}]]],["ui-toast-region.cjs",[[769,"ui-toast-region",{"open":[4],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}]}]]],["ui-tooltip.cjs",[[769,"ui-tooltip",{"for":[1],"open":[4],"defaultOpen":[4,"default-open"],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncOverlay":0}]}]]],["ui-top-bar.cjs",[[769,"ui-top-bar",{"hasLeading":[32],"hasSearch":[32],"hasActions":[32]}]]],["ui-menu.cjs",[[769,"ui-menu",{"open":[4],"defaultOpen":[4,"default-open"],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/looma.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-D07f6BOw.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('looma.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["ui-context-menu.cjs",[[769,"ui-context-menu",{"open":[4],"defaultOpen":[4,"default-open"],"for":[1],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"for":[{"syncTarget":0}],"internalOpen":[{"syncOverlay":0}]}]]],["ui-avatar.cjs",[[513,"ui-avatar",{"src":[1],"alt":[1],"name":[1],"fallback":[1],"hasImage":[32]},null,{"src":[{"watchSrc":0}]}]]],["ui-avatar-group.cjs",[[769,"ui-avatar-group",{"max":[2],"label":[1],"overflowCount":[32]},null,{"max":[{"syncOverflow":0}]}]]],["ui-badge.cjs",[[769,"ui-badge",{"variant":[1],"tone":[1]}]]],["ui-button.cjs",[[769,"ui-button",{"variant":[1],"size":[1],"disabled":[4]},null,{"variant":[{"syncToButton":0}],"size":[{"syncToButton":0}],"disabled":[{"syncToButton":0}]}]]],["ui-checkbox.cjs",[[769,"ui-checkbox",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"indeterminate":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}],"internalChecked":[{"syncToInput":0}],"indeterminate":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"required":[{"syncToInput":0}]}]]],["ui-dialog.cjs",[[769,"ui-dialog",{"open":[4],"defaultOpen":[4,"default-open"],"modal":[4],"dismissible":[4],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncOpen":0}]}]]],["ui-disclosure.cjs",[[769,"ui-disclosure",{"open":[4],"defaultOpen":[4,"default-open"],"disabled":[4],"internalOpen":[32],"contentId":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncState":0}]}]]],["ui-floating-action-button.cjs",[[769,"ui-floating-action-button",{"disabled":[516],"mobileOnly":[516,"mobile-only"],"label":[1]}]]],["ui-form-field.cjs",[[769,"ui-form-field",{"invalid":[4],"disabled":[4],"required":[4]}]]],["ui-icon-button.cjs",[[769,"ui-icon-button",{"disabled":[516],"label":[1],"size":[513],"variant":[513]}]]],["ui-input.cjs",[[769,"ui-input",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"readOnly":[4,"readonly"],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToInput":0}],"defaultValue":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"invalid":[{"syncToInput":0}],"readOnly":[{"syncToInput":0}]}]]],["ui-menu-item.cjs",[[769,"ui-menu-item",{"disabled":[516],"value":[1]}]]],["ui-popover.cjs",[[769,"ui-popover",{"open":[4],"defaultOpen":[4,"default-open"],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"onOpenChange":0}]}]]],["ui-radio.cjs",[[769,"ui-radio",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"name":[1],"required":[4],"value":[1]},null,{"checked":[{"syncToInput":0}],"disabled":[{"syncToInput":0}],"name":[{"syncToInput":0}],"required":[{"syncToInput":0}],"value":[{"syncToInput":0}]}]]],["ui-radio-group.cjs",[[769,"ui-radio-group",{"value":[1],"name":[1],"orientation":[1],"disabled":[4],"required":[4],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToRadios":0}],"name":[{"syncToRadios":0}],"orientation":[{"syncToRadios":0}],"disabled":[{"syncToRadios":0}]}]]],["ui-search-result-row.cjs",[[769,"ui-search-result-row",{"disabled":[516],"selected":[516],"hasLeading":[32],"hasMeta":[32],"hasExcerpt":[32],"hasTrailing":[32]}]]],["ui-search-shell.cjs",[[769,"ui-search-shell",{"hasStatus":[32],"hasFooter":[32]}]]],["ui-select.cjs",[[769,"ui-select",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"required":[4],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToSelect":0}],"defaultValue":[{"syncToSelect":0}],"disabled":[{"syncToSelect":0}],"invalid":[{"syncToSelect":0}],"required":[{"syncToSelect":0}]}]]],["ui-switch.cjs",[[769,"ui-switch",{"checked":[4],"defaultChecked":[4,"default-checked"],"disabled":[4],"required":[4],"value":[1],"internalChecked":[32]},null,{"checked":[{"syncFromProp":0}]}]]],["ui-tabs.cjs",[[769,"ui-tabs",{"value":[1],"defaultValue":[1,"default-value"],"orientation":[1],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncState":0}],"orientation":[{"syncState":0}]}]]],["ui-textarea.cjs",[[769,"ui-textarea",{"value":[1],"defaultValue":[1,"default-value"],"disabled":[4],"invalid":[4],"readOnly":[4,"readonly"],"rows":[2],"internalValue":[32]},null,{"value":[{"syncFromProp":0}],"internalValue":[{"syncToTextarea":0}],"defaultValue":[{"syncToTextarea":0}],"disabled":[{"syncToTextarea":0}],"invalid":[{"syncToTextarea":0}],"readOnly":[{"syncToTextarea":0}],"rows":[{"syncToTextarea":0}]}]]],["ui-toast-region.cjs",[[769,"ui-toast-region",{"open":[4],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}]}]]],["ui-tooltip.cjs",[[769,"ui-tooltip",{"for":[1],"open":[4],"defaultOpen":[4,"default-open"],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}],"internalOpen":[{"syncOverlay":0}]}]]],["ui-top-bar.cjs",[[769,"ui-top-bar",{"hasLeading":[32],"hasSearch":[32],"hasActions":[32]}]]],["ui-menu.cjs",[[769,"ui-menu",{"open":[4],"defaultOpen":[4,"default-open"],"internalOpen":[32]},null,{"open":[{"syncFromProp":0}]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/cjs/manager-BOpVXb92.js

@@ -0,0 +1,93 @@
+'use strict';
+
+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;
+}
+function openOverlay(record) {
+    closeOverlay(record.id);
+    stack.push(record);
+    if (record.modal) {
+        modalCount += 1;
+        syncScrollLock();
+    }
+    ensureListeners();
+}
+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();
+}
+function getTopOverlay() {
+    return stack.at(-1);
+}
+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;
+}
+
+exports.closeOverlay = closeOverlay;
+exports.openOverlay = openOverlay;
+exports.requestTopOverlayClose = requestTopOverlayClose;

package/dist/cjs/ui-avatar-group.cjs.entry.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var index = require('./index-D07f6BOw.js');
+
+const uiAvatarGroupCss = () => `: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}`;
+
+const OVERFLOW_ATTR = 'data-ui-avatar-group-overflow';
+const UIAvatarGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get host() { return index.getElement(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 slot = this.host.shadowRoot?.querySelector('slot');
+        const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
+        const children = nodes.filter((el) => !el.hasAttribute(OVERFLOW_ATTR));
+        const total = children.length;
+        const visibleCount = Math.min(this.max, total);
+        const overflowCount = total > this.max ? total - this.max : 0;
+        children.forEach((el, i) => {
+            el.hidden = i >= visibleCount;
+            el.setAttribute('aria-hidden', String(i >= visibleCount));
+        });
+        this.overflowCount = overflowCount;
+    }
+    render() {
+        return (index.h(index.Host, { key: '9c8fbeb6e8c87ef4d86778a70a52f48b62717728', role: "list", "aria-label": this.label || undefined }, index.h("slot", { key: '432877b335f2a75f6b17a14b4be768c68ba04bfa' }), this.overflowCount > 0 && (index.h("span", { key: 'ccf8007947e5d97edcdf42b7f4740db33560956b', class: "overflow", role: "listitem", "aria-label": `${this.overflowCount} more`, "data-ui-avatar-group-overflow": true }, "+", this.overflowCount))));
+    }
+    static get watchers() { return {
+        "max": [{
+                "syncOverflow": 0
+            }]
+    }; }
+};
+UIAvatarGroup.style = uiAvatarGroupCss();
+
+exports.ui_avatar_group = UIAvatarGroup;

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

@@ -0,0 +1,50 @@
+'use strict';
+
+var index = require('./index-D07f6BOw.js');
+
+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();
+}
+
+const uiAvatarCss = () => `: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%}`;
+
+const UIAvatar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    src = '';
+    alt = '';
+    name = '';
+    fallback = '';
+    hasImage = false;
+    watchSrc() {
+        this.hasImage = false;
+    }
+    onImageLoad = () => {
+        this.hasImage = true;
+    };
+    onImageError = () => {
+        this.hasImage = false;
+    };
+    render() {
+        const fallbackText = this.fallback || toInitials(this.name || this.alt);
+        const label = this.alt || this.name || 'Avatar';
+        return (index.h(index.Host, { key: 'f61c3a4e5556be947b9f573591d4db0687fd01fd', role: "img", "aria-label": label, "data-has-image": this.hasImage ? '' : undefined }, index.h("div", { key: '03d4a3d1c86bb1d1779ad007ba12407230478dac', class: "avatar" }, index.h("img", { key: '512015d68f9118bf8b8181b5b5118c133e783baf', src: this.src, alt: label, onLoad: this.onImageLoad, onError: this.onImageError, hidden: !this.hasImage, "aria-hidden": this.hasImage ? 'false' : 'true' }), index.h("span", { key: '48b0f1f81a6465c6021d4c867af67a559b9b8a67', class: "fallback", hidden: this.hasImage, "aria-hidden": this.hasImage ? 'true' : 'false' }, fallbackText))));
+    }
+    static get watchers() { return {
+        "src": [{
+                "watchSrc": 0
+            }]
+    }; }
+};
+UIAvatar.style = uiAvatarCss();
+
+exports.ui_avatar = UIAvatar;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-D07f6BOw.js');
+
+const uiBadgeCss = () => `: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)}`;
+
+const UIBadge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    variant;
+    tone;
+    render() {
+        return (index.h(index.Host, { key: '53eba0640816bc09ae198de29f9a1ac97c1d5f1d', "data-variant": this.variant || undefined, "data-tone": this.tone || undefined }, index.h("slot", { key: 'abc8a9e09c2001f222f9aa8f164da76ff8343e01' })));
+    }
+};
+UIBadge.style = uiBadgeCss();
+
+exports.ui_badge = UIBadge;

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

@@ -0,0 +1,62 @@
+'use strict';
+
+var index = require('./index-D07f6BOw.js');
+var events = require('./events-TcQIzpNv.js');
+
+const uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([data-variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none}:host([data-variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([data-variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([data-variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}`;
+
+const UIButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get host() { return index.getElement(this); }
+    variant;
+    size;
+    disabled = false;
+    slotRef;
+    syncToButton() {
+        const btn = this.getButton();
+        if (!btn)
+            return;
+        this.host.dataset.variant = this.variant || '';
+        this.host.dataset.size = this.size || '';
+        this.host.dataset.disabled = this.disabled ? 'true' : '';
+        btn.disabled = this.disabled;
+    }
+    componentDidLoad() {
+        this.slotRef?.addEventListener('slotchange', () => this.syncToButton());
+        this.syncToButton();
+    }
+    componentDidUpdate() {
+        this.syncToButton();
+    }
+    getButton() {
+        const slot = this.host.shadowRoot?.querySelector('slot');
+        const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
+        return nodes.find((el) => el.tagName === 'BUTTON') ?? null;
+    }
+    onKeydown = (e) => {
+        const btn = this.getButton();
+        if (btn || this.disabled || !events.isActivationKey(e))
+            return;
+        e.preventDefault();
+        this.host.click();
+    };
+    render() {
+        return (index.h(index.Host, { key: '01011aa13228b9e8d10ed11b99c95ef1df91326d', "data-variant": this.variant || undefined, "data-size": this.size || undefined, "data-disabled": this.disabled ? '' : undefined, onKeyDown: this.onKeydown }, index.h("slot", { key: '2bf0274d2732ea46fdf016a46d85bbe6e0d96bba', ref: (el) => (this.slotRef = el) })));
+    }
+    static get watchers() { return {
+        "variant": [{
+                "syncToButton": 0
+            }],
+        "size": [{
+                "syncToButton": 0
+            }],
+        "disabled": [{
+                "syncToButton": 0
+            }]
+    }; }
+};
+UIButton.style = uiButtonCss();
+
+exports.ui_button = UIButton;

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

@@ -0,0 +1,91 @@
+'use strict';
+
+var index = require('./index-D07f6BOw.js');
+var events = require('./events-TcQIzpNv.js');
+
+const uiCheckboxCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='checkbox']){accent-color:var(--ui-accent-solid);width:1.125em;height:1.125em;cursor:pointer}::slotted(input[type='checkbox']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
+
+const UICheckbox = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get host() { return index.getElement(this); }
+    checked = false;
+    defaultChecked = false;
+    disabled = false;
+    indeterminate = false;
+    required = false;
+    value = 'on';
+    internalChecked = false;
+    slotRef;
+    syncFromProp() {
+        this.internalChecked = this.checked;
+    }
+    syncToInput() {
+        const input = this.getInput();
+        if (!input)
+            return;
+        this.host.dataset.disabled = this.disabled ? 'true' : '';
+        this.host.setAttribute('aria-disabled', String(this.disabled));
+        input.checked = this.internalChecked;
+        input.indeterminate = this.indeterminate;
+        input.disabled = this.disabled;
+        input.required = this.required;
+        input.value = this.value;
+    }
+    componentDidLoad() {
+        this.syncFromProp();
+        this.internalChecked = this.internalChecked || this.defaultChecked;
+        this.slotRef?.addEventListener('slotchange', () => this.syncToInput());
+        this.syncToInput();
+        const input = this.getInput();
+        input?.addEventListener('change', this.onInputChange);
+    }
+    disconnectedCallback() {
+        const input = this.getInput();
+        input?.removeEventListener('change', this.onInputChange);
+    }
+    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 instanceof HTMLInputElement && el.type === 'checkbox') ?? null;
+    }
+    onInputChange = (e) => {
+        const input = e.target;
+        if (!input)
+            return;
+        this.internalChecked = input.checked;
+        this.indeterminate = input.indeterminate;
+        events.dispatchDetail(this.host, 'change', {
+            checked: this.internalChecked,
+            value: this.value,
+            trigger: events.eventToTrigger(e),
+        });
+    };
+    render() {
+        return (index.h(index.Host, { key: 'c125eb000960f63f48ae8a96e8f001c843f8baa7', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '8eade76069c56e00d160488c5d91dae7b46ccc99', ref: (el) => (this.slotRef = el) })));
+    }
+    static get watchers() { return {
+        "checked": [{
+                "syncFromProp": 0
+            }],
+        "internalChecked": [{
+                "syncToInput": 0
+            }],
+        "indeterminate": [{
+                "syncToInput": 0
+            }],
+        "disabled": [{
+                "syncToInput": 0
+            }],
+        "required": [{
+                "syncToInput": 0
+            }]
+    }; }
+};
+UICheckbox.style = uiCheckboxCss();
+
+exports.ui_checkbox = UICheckbox;

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

@@ -0,0 +1,201 @@
+'use strict';
+
+var index = require('./index-D07f6BOw.js');
+var manager = require('./manager-BOpVXb92.js');
+var events = require('./events-TcQIzpNv.js');
+
+const uiContextMenuCss = () => `:host{display:contents}.menu{position:fixed;z-index:var(--ui-z-overlay, 1000);min-width:12rem}.menu[data-open]{display:block}.menu:not([data-open]){display:none !important}`;
+
+const UIContextMenu = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get host() { return index.getElement(this); }
+    /** Controls the menu when the consumer owns open state. */
+    open = false;
+    /** Opens the menu on first client render. */
+    defaultOpen = false;
+    /** Optional id of the region that should also respond to a context-menu gesture. */
+    for;
+    internalOpen = false;
+    overlayId = `ui-context-menu-${Math.random().toString(36).slice(2, 11)}`;
+    trigger = null;
+    contextTarget = null;
+    pointerX = 0;
+    pointerY = 0;
+    syncFromProp() {
+        this.internalOpen = this.open;
+    }
+    syncTarget() {
+        this.resolveTargets();
+        this.attachTargetListeners();
+    }
+    syncOverlay() {
+        this.syncTriggerState();
+        if (this.internalOpen) {
+            manager.openOverlay({
+                id: this.overlayId,
+                modal: false,
+                element: this.host,
+                dismissible: true,
+                requestClose: (reason, trigger) => this.closeMenu(reason, trigger),
+            });
+        }
+        else {
+            manager.closeOverlay(this.overlayId);
+        }
+    }
+    componentDidLoad() {
+        this.syncFromProp();
+        this.internalOpen = this.internalOpen || this.defaultOpen;
+        this.resolveTargets();
+        this.attachTargetListeners();
+        this.syncTriggerState();
+        this.syncOverlay();
+    }
+    componentDidUpdate() {
+        this.resolveTargets();
+        this.attachTargetListeners();
+        this.syncTriggerState();
+    }
+    disconnectedCallback() {
+        this.detachTargetListeners();
+        manager.closeOverlay(this.overlayId);
+    }
+    resolveTargets() {
+        const previousTrigger = this.trigger;
+        const previousContextTarget = this.contextTarget;
+        const explicitTrigger = this.host.querySelector('[slot="trigger"]');
+        const referencedTarget = this.for ? document.getElementById(this.for) : null;
+        this.trigger = explicitTrigger;
+        this.contextTarget = referencedTarget ?? explicitTrigger ?? this.host.parentElement;
+        if (previousTrigger !== this.trigger || previousContextTarget !== this.contextTarget) {
+            previousTrigger?.removeEventListener('click', this.onTriggerClick);
+            previousTrigger?.removeEventListener('keydown', this.onTriggerKeydown);
+            previousContextTarget?.removeEventListener('contextmenu', this.onContextMenu);
+        }
+    }
+    attachTargetListeners() {
+        this.detachTargetListeners();
+        this.trigger?.addEventListener('click', this.onTriggerClick);
+        this.trigger?.addEventListener('keydown', this.onTriggerKeydown);
+        this.contextTarget?.addEventListener('contextmenu', this.onContextMenu);
+    }
+    detachTargetListeners() {
+        this.trigger?.removeEventListener('click', this.onTriggerClick);
+        this.trigger?.removeEventListener('keydown', this.onTriggerKeydown);
+        this.contextTarget?.removeEventListener('contextmenu', this.onContextMenu);
+    }
+    syncTriggerState() {
+        if (!this.trigger)
+            return;
+        this.trigger.setAttribute('aria-haspopup', 'menu');
+        this.trigger.setAttribute('aria-expanded', this.internalOpen ? 'true' : 'false');
+    }
+    getItems() {
+        return Array.from(this.host.querySelectorAll('ui-menu-item')).filter((item) => !this.isItemDisabled(item));
+    }
+    focusFirstItem() {
+        requestAnimationFrame(() => this.getItems()[0]?.focus());
+    }
+    openMenu(x, y, trigger) {
+        this.pointerX = x;
+        this.pointerY = y;
+        this.internalOpen = true;
+        events.dispatchDetail(this.host, 'open', {
+            open: true,
+            reason: 'action',
+            trigger,
+        });
+        this.focusFirstItem();
+    }
+    openFromTrigger(trigger) {
+        if (!this.trigger)
+            return;
+        const rect = this.trigger.getBoundingClientRect();
+        this.openMenu(rect.left, rect.bottom, trigger);
+    }
+    closeMenu(reason, trigger, returnFocus = true) {
+        if (!this.internalOpen)
+            return;
+        this.internalOpen = false;
+        events.dispatchDetail(this.host, 'close', {
+            open: false,
+            reason: reason,
+            trigger: trigger,
+        });
+        if (returnFocus) {
+            this.trigger?.focus();
+        }
+    }
+    onTriggerClick = (event) => {
+        if (this.internalOpen) {
+            this.closeMenu('action', event.detail === 0 ? 'keyboard' : 'pointer');
+            return;
+        }
+        this.openFromTrigger(event.detail === 0 ? 'keyboard' : 'pointer');
+    };
+    onTriggerKeydown = (event) => {
+        if (event.key !== 'Enter' && event.key !== ' ' && event.key !== 'ArrowDown')
+            return;
+        event.preventDefault();
+        if (!this.internalOpen) {
+            this.openFromTrigger('keyboard');
+            return;
+        }
+        this.focusFirstItem();
+    };
+    onContextMenu = (event) => {
+        event.preventDefault();
+        this.openMenu(event.clientX, event.clientY, 'pointer');
+    };
+    isItemDisabled(item) {
+        return (item.getAttribute('aria-disabled') === 'true' ||
+            item.hasAttribute('disabled') ||
+            item.getAttribute('disabled') === 'true' ||
+            item.disabled === true);
+    }
+    onKeydown = (event) => {
+        if (!this.internalOpen)
+            return;
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            manager.requestTopOverlayClose('escape', 'keyboard');
+            return;
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+            const target = event.target.closest?.('ui-menu-item');
+            if (!target || this.isItemDisabled(target))
+                return;
+            event.preventDefault();
+            const value = target.getAttribute('value') ?? target.getAttribute('data-value') ?? '';
+            events.dispatchDetail(this.host, 'select', { value, trigger: 'keyboard' });
+            this.closeMenu('action', 'keyboard');
+        }
+    };
+    onItemClick = (event) => {
+        const item = event.target.closest?.('ui-menu-item');
+        if (!item || this.isItemDisabled(item))
+            return;
+        const value = item.getAttribute('value') ?? item.getAttribute('data-value') ?? '';
+        events.dispatchDetail(this.host, 'select', { value, trigger: 'pointer' });
+        this.closeMenu('action', 'pointer');
+    };
+    render() {
+        return (index.h(index.Host, { key: 'c57c08724714d1de8c22a4a1e86e3a790f45fa20', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: '4048abb040de1125b8eb02358480914c97ea6b06', name: "trigger" }), index.h("div", { key: '6ce80f67142319260093903d289456070d49bfcc', class: "menu", "data-open": this.internalOpen ? '' : undefined, style: { left: `${this.pointerX}px`, top: `${this.pointerY}px` } }, index.h("ui-menu", { key: '2a2c22f0a797ca3a70a1399de41de2b18257abf8', open: this.internalOpen }, index.h("slot", { key: '252cc6e973704cd561301b5bf96f98481c6c74ff' })))));
+    }
+    static get watchers() { return {
+        "open": [{
+                "syncFromProp": 0
+            }],
+        "for": [{
+                "syncTarget": 0
+            }],
+        "internalOpen": [{
+                "syncOverlay": 0
+            }]
+    }; }
+};
+UIContextMenu.style = uiContextMenuCss();
+
+exports.ui_context_menu = UIContextMenu;