@threadlabs/looma 0.2.4 → 0.2.6

package/dist/types/utils/controlled-state.d.ts

@@ -1,4 +0,0 @@
-/** A state prop is controlled only when the consumer supplies a value. */
-export declare const isControlled: <T>(value: T | undefined) => value is T;
-/** Defaults apply only when a corresponding controlled prop is omitted. */
-export declare const controlledOrDefault: <T>(value: T | undefined, defaultValue: T) => T;

package/dist/types/utils/drag-drop.d.ts

@@ -1,15 +0,0 @@
-export type DropPosition = 'before' | 'inside' | 'after';
-export interface HoverIntentController {
-    schedule(key: string): void;
-    cancel(): void;
-    destroy(): void;
-}
-/**
- * Classify the pointer against stable edge bands. Containers reserve their
- * middle half for containment; leaf rows split cleanly at their midpoint.
- */
-export declare function classifyDropPosition(rect: Pick<DOMRect, 'top' | 'bottom' | 'height'>, clientY: number, acceptsChildren: boolean): DropPosition;
-/** Use the rendered row—not the tiny handle—as the browser drag preview. */
-export declare function setElementDragImage(dataTransfer: DataTransfer | null, element: HTMLElement): void;
-/** A keyed, replaceable hover timer suitable for expansion and disclosure intent. */
-export declare function createHoverIntent(delay: number, onIntent: (key: string) => void): HoverIntentController;

package/dist/types/utils/events.d.ts

@@ -1,4 +0,0 @@
-export type OverlayTrigger = 'keyboard' | 'pointer' | 'programmatic';
-export declare function eventToTrigger(event: Event): OverlayTrigger;
-export declare function isActivationKey(event: KeyboardEvent): boolean;
-export declare function dispatchDetail<T>(el: HTMLElement, name: string, detail: T): void;

package/dist/types/utils/id.d.ts

@@ -1 +0,0 @@
-export declare function createId(prefix: string): string;

package/dist/types/utils/initials.d.ts

@@ -1 +0,0 @@
-export declare function toInitials(value: string): string;

package/dist/ui-affordance-scope.entry-L6TIXYOP.js

@@ -1,54 +0,0 @@
-import {
-  DEFAULT_AFFORDANCE_NEAR_RADIUS,
-  createProximityCoordinator
-} from "./chunk-D5WRORG6.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-affordance-scope.entry.js
-var uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
-var UIAffordanceScope = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  /** Distance outside each registered affordance that reveals its near state. */
-  nearRadius = DEFAULT_AFFORDANCE_NEAR_RADIUS;
-  coordinator = null;
-  componentDidLoad() {
-    this.connectCoordinator();
-  }
-  disconnectedCallback() {
-    this.coordinator?.destroy();
-    this.coordinator = null;
-  }
-  connectCoordinator() {
-    this.coordinator?.destroy();
-    this.coordinator = createProximityCoordinator(this.host, {
-      nearRadius: this.nearRadius
-    });
-  }
-  onSlotChange = () => {
-    this.coordinator?.refresh();
-  };
-  render() {
-    return h(Host, { key: "f500fa48554ed6224efd2dbe9632880bf0a15a19" }, h("slot", { key: "37c5c5b7925b260ff8f9edd411ee6c90a12a4909", onSlotchange: this.onSlotChange }));
-  }
-  static get watchers() {
-    return {
-      "nearRadius": [{
-        "connectCoordinator": 0
-      }]
-    };
-  }
-};
-UIAffordanceScope.style = uiAffordanceScopeCss();
-export {
-  UIAffordanceScope as ui_affordance_scope
-};

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

@@ -1,51 +0,0 @@
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-avatar-group.entry.js
-var uiAvatarGroupCss = () => `:host{display:flex;align-items:center;flex-direction:row-reverse;gap:0}::slotted(*){margin-inline-end:-0.5rem;flex-shrink:0}::slotted(*:last-of-type){margin-inline-end:0}.overflow{margin-inline-end:-0.5rem;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.75rem;font-weight:600;flex-shrink:0}`;
-var UIAvatarGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  max = 5;
-  label = "People";
-  overflowCount = 0;
-  syncOverflow() {
-    this.updateOverflow();
-  }
-  componentDidLoad() {
-    this.updateOverflow();
-  }
-  visibleLimit() {
-    return Number.isFinite(this.max) ? Math.max(0, Math.floor(this.max)) : 0;
-  }
-  updateOverflow() {
-    const children = Array.from(this.host.children);
-    const total = children.length;
-    const visibleLimit = this.visibleLimit();
-    const overflowCount = total > visibleLimit ? total - visibleLimit : 0;
-    if (this.overflowCount !== overflowCount)
-      this.overflowCount = overflowCount;
-  }
-  render() {
-    return h(Host, { key: "9ba6693cabc379bbbe6f5698160481f27fe02f31", role: "group", "aria-label": this.label || void 0 }, h("style", { key: "ed231fe96c16a3cdd5a66d4828664c75c6959a9e" }, `::slotted(:nth-child(n + ${this.visibleLimit() + 1})) { display: none !important; }`), h("slot", { key: "463005a7f3c498c80c768151ab32c873ff1abf86", onSlotchange: () => this.updateOverflow() }), this.overflowCount > 0 && h("span", { key: "dc1ba88fd97ca461e6518d223f00a93416e6d0f0", class: "overflow", role: "img", "aria-label": `${this.overflowCount} more ${this.overflowCount === 1 ? "person" : "people"}`, "data-ui-avatar-group-overflow": true }, "+", this.overflowCount));
-  }
-  static get watchers() {
-    return {
-      "max": [{
-        "syncOverflow": 0
-      }]
-    };
-  }
-};
-UIAvatarGroup.style = uiAvatarGroupCss();
-export {
-  UIAvatarGroup as ui_avatar_group
-};

package/dist/ui-avatar.entry-52DQ7VXA.js

@@ -1,51 +0,0 @@
-import {
-  Host,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-avatar.entry.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();
-}
-var uiAvatarCss = () => `:host{display:inline-flex}.avatar{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 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%}`;
-var UIAvatar = class {
-  constructor(hostRef) {
-    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 h(Host, { key: "bbe6c3a775702022a19d819a6cc9d81d798cb3e1", role: "img", "aria-label": label, "data-has-image": this.hasImage ? "" : void 0 }, h("div", { key: "63402327ba5bde122bf5deaea09baf965ee9b047", class: "avatar" }, h("img", { key: "e52b86773684b80d76efa459cb03ae40881f959b", src: this.src, alt: label, onLoad: this.onImageLoad, onError: this.onImageError, hidden: !this.hasImage, "aria-hidden": this.hasImage ? "false" : "true" }), h("span", { key: "82a6d8f0d0c69ca52f81d092a2292fc80238265b", class: "fallback", hidden: this.hasImage, "aria-hidden": this.hasImage ? "true" : "false" }, fallbackText)));
-  }
-  static get watchers() {
-    return {
-      "src": [{
-        "watchSrc": 0
-      }]
-    };
-  }
-};
-UIAvatar.style = uiAvatarCss();
-export {
-  UIAvatar as ui_avatar
-};

package/dist/ui-badge.entry-2XCAA6LL.js

@@ -1,22 +0,0 @@
-import {
-  Host,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-badge.entry.js
-var uiBadgeCss = () => `:host{--ui-badge-surface:var(--ui-surface-muted);--ui-badge-text:var(--ui-text-secondary);--ui-badge-border:var(--ui-border-default);--ui-badge-font-size:var(--ui-font-size-xs);--ui-badge-font-weight:var(--ui-font-normal);--ui-badge-line-height:var(--ui-line-height-tight);--ui-badge-padding-block:var(--ui-space-0-5);--ui-badge-padding-inline:var(--ui-space-2);display:inline-flex;max-width:100%}.badge__surface{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:var(--ui-badge-padding-block) var(--ui-badge-padding-inline);border:1px solid var(--ui-badge-border);border-radius:var(--ui-radius-round);background:var(--ui-badge-surface);color:var(--ui-badge-text);font-family:var(--ui-font-family-sans);font-size:var(--ui-badge-font-size);font-weight:var(--ui-badge-font-weight);line-height:var(--ui-badge-line-height);white-space:nowrap}:host([data-tone='accent']) .badge__surface{--ui-badge-surface:var(--ui-accent-solid);--ui-badge-border:var(--ui-accent-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='danger']) .badge__surface{--ui-badge-surface:var(--ui-danger-solid);--ui-badge-border:var(--ui-danger-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='success']) .badge__surface{--ui-badge-surface:var(--ui-success-solid);--ui-badge-border:var(--ui-success-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='warning']) .badge__surface{--ui-badge-surface:var(--ui-warning-solid);--ui-badge-border:var(--ui-warning-solid);--ui-badge-text:var(--ui-text-primary)}:host([data-tone='info']) .badge__surface{--ui-badge-surface:var(--ui-info-solid);--ui-badge-border:var(--ui-info-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-variant='subtle'][data-tone='accent']) .badge__surface{--ui-badge-surface:var(--ui-accent-soft);--ui-badge-border:var(--ui-accent-soft);--ui-badge-text:var(--ui-accent-solid)}:host([data-variant='subtle'][data-tone='danger']) .badge__surface{--ui-badge-surface:var(--ui-danger-soft);--ui-badge-border:var(--ui-danger-soft);--ui-badge-text:var(--ui-danger-solid)}:host([data-variant='subtle'][data-tone='success']) .badge__surface{--ui-badge-surface:var(--ui-success-soft);--ui-badge-border:var(--ui-success-soft);--ui-badge-text:var(--ui-success-solid)}:host([data-variant='subtle'][data-tone='warning']) .badge__surface{--ui-badge-surface:var(--ui-warning-soft);--ui-badge-border:var(--ui-warning-soft);--ui-badge-text:var(--ui-warning-solid)}:host([data-variant='subtle'][data-tone='info']) .badge__surface{--ui-badge-surface:var(--ui-info-soft);--ui-badge-border:var(--ui-info-soft);--ui-badge-text:var(--ui-info-solid)}`;
-var UIBadge = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  variant;
-  tone;
-  render() {
-    return h(Host, { key: "ba96ade6d037a7ed9958e7eed540e62782f846f0", "data-variant": this.variant || void 0, "data-tone": this.tone || void 0 }, h("span", { key: "a1e9587f59de479c19b9ea7aec8c8e932b998369", class: "badge__surface" }, h("slot", { key: "5835ddcea5cda472e700557528fd3cbc9d572616" })));
-  }
-};
-UIBadge.style = uiBadgeCss();
-export {
-  UIBadge as ui_badge
-};

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

@@ -1,83 +0,0 @@
-import {
-  isActivationKey
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-button.entry.js
-var uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-action-secondary-text, var(--ui-text-primary))}:host([data-variant='solid']){color:var(--ui-action-primary-text, var(--ui-text-on-accent))}:host([data-variant='outline']) ::slotted(button),::slotted(button){appearance:none;min-block-size:var(--ui-button-min-block-size, 2.5rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-button-radius, var(--ui-radius-2));background:var(--ui-action-secondary-surface, var(--ui-surface-default));color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm']) ::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg']) ::slotted(button){min-block-size:var(--ui-control-min-block-size, 2.75rem);padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-action-secondary-surface-hover, var(--ui-surface-muted));border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([data-variant='solid']) ::slotted(button){border-color:var(--ui-action-primary-surface, var(--ui-accent-solid));background:var(--ui-action-primary-surface, var(--ui-accent-solid));color:var(--ui-action-primary-text, var(--ui-text-on-accent));box-shadow:var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs))}:host([data-variant='solid']) ::slotted(button:hover:enabled){background:var(--ui-action-primary-surface-hover, var(--ui-accent-hover));border-color:var(--ui-action-primary-surface-hover, var(--ui-accent-hover));box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([data-variant='solid']) ::slotted(button:active:enabled){background:var(--ui-action-primary-surface-active, var(--ui-accent-active));border-color:var(--ui-action-primary-surface-active, var(--ui-accent-active));box-shadow:none;transform:translateY(0)}:host([data-variant='destructive']) ::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs))}:host([data-variant='destructive']) ::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([data-variant='destructive']) ::slotted(button:active:enabled){box-shadow:none;transform:translateY(0)}:host([data-variant='ghost']) ::slotted(button){border-color:transparent;background:transparent}:host([data-variant='ghost']) ::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([data-variant='ghost']) ::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}:host([data-disabled='true']),:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(button:disabled){cursor:not-allowed}`;
-var UIButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  variant = "outline";
-  size;
-  // Reflect so the attribute always tracks the property (as ui-icon-button does).
-  // Without reflection a `disabled` attribute rendered at SSR outlives the enabled
-  // state after hydration flips the prop, leaving working buttons styled disabled.
-  disabled = false;
-  slotRef;
-  syncToButton() {
-    const btn = this.getButton();
-    if (!btn)
-      return;
-    if (this.size) {
-      this.host.dataset.size = this.size;
-    } else {
-      delete this.host.dataset.size;
-    }
-    if (this.disabled) {
-      this.host.dataset.disabled = "true";
-    } else {
-      delete this.host.dataset.disabled;
-    }
-    this.host.dataset.variant = this.variant;
-    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 || !isActivationKey(e))
-      return;
-    e.preventDefault();
-    this.host.click();
-  };
-  render() {
-    return h(Host, { key: "27af76cb5db1d0385b6450d2bb12c3bbea5822d2", "data-size": this.size || void 0, "data-variant": this.variant, "data-disabled": this.disabled ? "true" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "daeaa9a8c4e4e87e264bb1e09f1ab6bd1d53830c", ref: (el) => this.slotRef = el }));
-  }
-  static get watchers() {
-    return {
-      "variant": [{
-        "syncToButton": 0
-      }],
-      "size": [{
-        "syncToButton": 0
-      }],
-      "disabled": [{
-        "syncToButton": 0
-      }]
-    };
-  }
-};
-UIButton.style = uiButtonCss();
-export {
-  UIButton as ui_button
-};

package/dist/ui-callout.entry-SSHT5TH2.js

@@ -1,32 +0,0 @@
-import {
-  loomaIconMarkup
-} from "./chunk-NB6DBRXQ.js";
-import {
-  Host,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-callout.entry.js
-var uiCalloutCss = () => `:host{--ui-callout-surface:var(--ui-info-soft);--ui-callout-text:var(--ui-text-primary);--ui-callout-border:var(--ui-info-solid);--ui-callout-icon:var(--ui-info-solid);--ui-callout-padding-block:var(--ui-space-2);--ui-callout-padding-inline:var(--ui-space-3);--ui-callout-icon-column:1rem;--ui-callout-gap:var(--ui-space-2);--ui-callout-icon-size:1rem;--ui-callout-border-width:1px;--ui-callout-leading-border-width:4px;display:block;max-width:100%}.callout__surface{display:grid;grid-template-columns:var(--ui-callout-icon-column) minmax(0, 1fr);gap:var(--ui-callout-gap);align-items:start;padding:var(--ui-callout-padding-block) var(--ui-callout-padding-inline);border:var(--ui-callout-border-width) solid color-mix(in srgb, var(--ui-callout-border) 35%, transparent);border-inline-start:var(--ui-callout-leading-border-width) solid var(--ui-callout-border);border-radius:var(--ui-radius-2);background:var(--ui-callout-surface);color:var(--ui-callout-text);font-family:var(--ui-font-family-sans);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-normal);line-height:var(--ui-line-height-md)}.icon{display:grid;place-items:center;inline-size:var(--ui-callout-icon-column);block-size:var(--ui-callout-icon-column);color:var(--ui-callout-icon)}.icon svg{inline-size:var(--ui-callout-icon-size);block-size:var(--ui-callout-icon-size)}.content{min-inline-size:0}:host([data-tone='note']){--ui-callout-surface:var(--ui-surface-muted);--ui-callout-border:var(--ui-border-strong);--ui-callout-icon:var(--ui-text-secondary)}:host([data-tone='warning']){--ui-callout-surface:var(--ui-warning-soft);--ui-callout-border:var(--ui-warning-solid);--ui-callout-icon:var(--ui-warning-solid)}:host([data-tone='success']){--ui-callout-surface:var(--ui-success-soft);--ui-callout-border:var(--ui-success-solid);--ui-callout-icon:var(--ui-success-solid)}:host([data-tone='error']){--ui-callout-surface:var(--ui-danger-soft);--ui-callout-border:var(--ui-danger-solid);--ui-callout-icon:var(--ui-danger-solid)}`;
-var toneIcons = {
-  info: "info",
-  note: "notebook-pen",
-  warning: "triangle-alert",
-  success: "circle-check",
-  error: "circle-x"
-};
-var UICallout = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  tone = "info";
-  render() {
-    const icon = toneIcons[this.tone] ?? toneIcons.info;
-    return h(Host, { key: "94bae6fbb688e5c8da979a3bebc12c51b8689c8a", role: "note", "data-tone": this.tone }, h("div", { key: "8fe1a3dae5b7cd3679d187cef018fa0cd810fb76", class: "callout__surface" }, h("span", { key: "ed62ad8e29c30489e075631d83f1732d7a53a378", class: "icon", "aria-hidden": "true", innerHTML: loomaIconMarkup(icon) }), h("div", { key: "97638d28e3979f71913c17b2501a90e3a9251f0f", class: "content" }, h("slot", { key: "6a91a0d3f189eae28aabbe278924ba7f89015f34" }))));
-  }
-};
-UICallout.style = uiCalloutCss();
-export {
-  UICallout as ui_callout
-};

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

@@ -1,111 +0,0 @@
-import {
-  controlledOrDefault,
-  isControlled
-} from "./chunk-HNFCGIBP.js";
-import {
-  dispatchDetail,
-  eventToTrigger
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-checkbox.entry.js
-var uiCheckboxCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='checkbox']){accent-color:var(--ui-accent-solid);width:1.125em;height:1.125em;cursor:pointer}::slotted(input[type='checkbox']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
-var UICheckbox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  /** Controlled checked state. Omit it to use defaultChecked and local interaction state. */
-  checked;
-  defaultChecked = false;
-  disabled = false;
-  indeterminate = false;
-  required = false;
-  value = "on";
-  internalChecked = false;
-  slotRef;
-  syncFromProp() {
-    if (isControlled(this.checked))
-      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.internalChecked = controlledOrDefault(this.checked, 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;
-    const checked = input.checked;
-    if (!isControlled(this.checked))
-      this.internalChecked = checked;
-    else
-      this.syncToInput();
-    this.indeterminate = input.indeterminate;
-    dispatchDetail(this.host, "change", {
-      checked,
-      value: this.value,
-      trigger: eventToTrigger(e)
-    });
-  };
-  render() {
-    return h(Host, { key: "eb46eb41a5ab871058960bd2aa1163a03144bc0f", role: "checkbox", "aria-checked": this.indeterminate ? "mixed" : String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "ce18b1f1b63efebf048cd67b87064641cf4d915c", 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();
-export {
-  UICheckbox as ui_checkbox
-};