@threadlabs/looma 0.2.5 → 0.2.6

package/dist/ui-radio-group.entry-37MSYIH4.js

@@ -1,142 +0,0 @@
-import {
-  dispatchDetail,
-  eventToTrigger
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-radio-group.entry.js
-var uiRadioGroupCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2)}:host([data-orientation='vertical']){display:inline-grid;justify-items:start}`;
-var UIRadioGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  value = "";
-  name = "";
-  orientation = "horizontal";
-  disabled = false;
-  required = false;
-  internalValue = "";
-  syncFromProp() {
-    this.internalValue = this.value;
-  }
-  syncToRadios() {
-    const radios = this.getRadios();
-    radios.forEach((radio) => {
-      radio.checked = (radio.getAttribute("value") ?? "") === this.internalValue;
-      radio.name = this.name || this.groupId;
-      if (this.disabled) {
-        radio.setAttribute("aria-disabled", "true");
-        radio.setAttribute("data-disabled", "true");
-      } else {
-        radio.removeAttribute("aria-disabled");
-        radio.removeAttribute("data-disabled");
-      }
-    });
-    this.updateRovingTabindex();
-  }
-  groupId = `ui-radio-group-${Math.random().toString(36).slice(2, 9)}`;
-  componentDidLoad() {
-    this.syncFromProp();
-    this.syncToRadios();
-    this.host.addEventListener("change", this.onRadioChange);
-    this.host.addEventListener("keydown", this.onKeydown);
-  }
-  disconnectedCallback() {
-    this.host.removeEventListener("change", this.onRadioChange);
-    this.host.removeEventListener("keydown", this.onKeydown);
-  }
-  componentDidUpdate() {
-    this.syncToRadios();
-  }
-  getRadios() {
-    return Array.from(this.host.querySelectorAll("ui-radio"));
-  }
-  updateRovingTabindex() {
-    const radios = this.getRadios();
-    const currentIndex = radios.findIndex((r) => (r.getAttribute("value") ?? "") === this.internalValue);
-    radios.forEach((r, i) => {
-      const input = r.querySelector('input[type="radio"]');
-      if (input) {
-        input.tabIndex = i === (currentIndex >= 0 ? currentIndex : 0) ? 0 : -1;
-      }
-    });
-  }
-  setValue(newValue, trigger) {
-    const prev = this.internalValue;
-    this.internalValue = newValue;
-    this.syncToRadios();
-    dispatchDetail(this.host, "select", { value: newValue, previousValue: prev, trigger });
-    dispatchDetail(this.host, "change", {
-      checked: true,
-      value: newValue,
-      trigger
-    });
-  }
-  onRadioChange = (e) => {
-    const target = e.target.closest?.("ui-radio");
-    if (!target || target.getRootNode() !== this.host.getRootNode())
-      return;
-    const value = target.getAttribute("value") ?? "";
-    if (value && value !== this.internalValue) {
-      this.setValue(value, eventToTrigger(e));
-    }
-  };
-  onKeydown = (e) => {
-    const radios = this.getRadios();
-    if (radios.length === 0)
-      return;
-    const currentIndex = radios.findIndex((r) => (r.getAttribute("value") ?? "") === this.internalValue);
-    const axis = this.orientation === "vertical" ? "vertical" : "horizontal";
-    const isPrev = axis === "horizontal" ? e.key === "ArrowLeft" : e.key === "ArrowUp";
-    const isNext = axis === "horizontal" ? e.key === "ArrowRight" : e.key === "ArrowDown";
-    if (!isPrev && !isNext)
-      return;
-    e.preventDefault();
-    let nextIndex;
-    if (isNext) {
-      nextIndex = currentIndex < 0 ? 0 : Math.min(currentIndex + 1, radios.length - 1);
-    } else {
-      nextIndex = currentIndex <= 0 ? radios.length - 1 : currentIndex - 1;
-    }
-    const nextRadio = radios[nextIndex];
-    const nextValue = nextRadio?.getAttribute("value") ?? "";
-    if (nextValue) {
-      this.setValue(nextValue, "keyboard");
-      nextRadio?.querySelector('input[type="radio"]')?.focus();
-    }
-  };
-  render() {
-    return h(Host, { key: "9bdfe6b5209b5444cb27dde3226ec33866999c25", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "b81a2f1e4c49000cfb5357570b460564ced48d91" }));
-  }
-  static get watchers() {
-    return {
-      "value": [{
-        "syncFromProp": 0
-      }],
-      "internalValue": [{
-        "syncToRadios": 0
-      }],
-      "name": [{
-        "syncToRadios": 0
-      }],
-      "orientation": [{
-        "syncToRadios": 0
-      }],
-      "disabled": [{
-        "syncToRadios": 0
-      }]
-    };
-  }
-};
-UIRadioGroup.style = uiRadioGroupCss();
-export {
-  UIRadioGroup as ui_radio_group
-};

package/dist/ui-radio.entry-7YGCDHXT.js

@@ -1,108 +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-radio.entry.js
-var uiRadioCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([data-disabled='true']),:host([aria-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='radio']){accent-color:var(--ui-accent-solid);cursor:pointer}::slotted(input[type='radio']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
-var UIRadio = 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;
-  name = "";
-  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.toggleAttribute("data-disabled", this.disabled);
-    input.checked = this.internalChecked;
-    input.disabled = this.disabled;
-    input.name = this.name;
-    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 === "radio") ?? null;
-  }
-  onInputChange = (e) => {
-    const input = e.target;
-    if (!input || !input.checked)
-      return;
-    if (!isControlled(this.checked))
-      this.internalChecked = true;
-    else
-      this.syncToInput();
-    dispatchDetail(this.host, "change", {
-      checked: true,
-      value: this.value,
-      trigger: eventToTrigger(e)
-    });
-  };
-  render() {
-    return h(Host, { key: "32df72dff7253956875ef28f593462ddbbb90eef", role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "0c78f3e3bdf4d618547b267128c6fc0fdd651599", ref: (el) => this.slotRef = el }));
-  }
-  static get watchers() {
-    return {
-      "checked": [{
-        "syncFromProp": 0
-      }],
-      "disabled": [{
-        "syncToInput": 0
-      }],
-      "name": [{
-        "syncToInput": 0
-      }],
-      "required": [{
-        "syncToInput": 0
-      }],
-      "value": [{
-        "syncToInput": 0
-      }]
-    };
-  }
-};
-UIRadio.style = uiRadioCss();
-export {
-  UIRadio as ui_radio
-};

package/dist/ui-search-result-row.entry-6FCCLGAS.js

@@ -1,50 +0,0 @@
-import {
-  Host,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-search-result-row.entry.js
-var uiSearchResultRowCss = () => `:host{display:block}.search-result-row{appearance:none;inline-size:100%;min-block-size:var(--ui-search-result-row-min-height, 56px);margin:0;padding-block:var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));display:flex;align-items:flex-start;gap:var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));background:var(--ui-search-result-row-bg, transparent);border:none;border-block-end:1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));color:inherit;cursor:pointer;text-align:left;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}:host(:last-child) .search-result-row{border-block-end:none}.search-result-row:hover:enabled{background:var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))}:host([selected]) .search-result-row{background:var(     --ui-search-result-row-selected-bg,     var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))   )}.search-result-row:focus-visible{outline:2px solid var(--ui-focus-ring, #2563eb);outline-offset:-2px}.search-result-row:disabled,:host([disabled]) .search-result-row{opacity:0.6;cursor:not-allowed}.search-result-row__leading,.search-result-row__trailing{display:inline-flex;align-items:flex-start;flex-shrink:0}.search-result-row__content{min-inline-size:0;flex:1;display:flex;flex-direction:column}.search-result-row__title,.search-result-row__meta,.search-result-row__excerpt{display:block;min-inline-size:0}[hidden]{display:none}::slotted([slot='title']),::slotted([slot='meta']),::slotted([slot='excerpt']){display:block;margin:0}`;
-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;
-  });
-}
-var UISearchResultRow = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  disabled = false;
-  selected = false;
-  hasLeading = false;
-  hasMeta = false;
-  hasExcerpt = false;
-  hasTrailing = false;
-  leadingSlot;
-  metaSlot;
-  excerptSlot;
-  trailingSlot;
-  componentDidLoad() {
-    this.syncSlots();
-  }
-  syncSlots = () => {
-    this.hasLeading = slotHasContent(this.leadingSlot);
-    this.hasMeta = slotHasContent(this.metaSlot);
-    this.hasExcerpt = slotHasContent(this.excerptSlot);
-    this.hasTrailing = slotHasContent(this.trailingSlot);
-  };
-  render() {
-    return h(Host, { key: "923d7ac982594e39c06421b60f115acbb395f169" }, h("button", { key: "c97e45ba33297a8aeaa4a9726402c71e3ca73a7b", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "dea0781519760f5dc2b46902ef86f9e72ccfa6df", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "e10026c17caaa3a21e9dd34c7faabfe9b97f2f5b", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "e8bb06b45aff7ddbaa9a51cc7c53d797e68e8746", class: "search-result-row__content", part: "content" }, h("span", { key: "6e1c2d49029e1c1fdc2519f513ddedbe304ddb3e", class: "search-result-row__title", part: "title" }, h("slot", { key: "9653efc0b61c49d36034c4c75a3e9b3d7a6f837b", name: "title" })), h("span", { key: "b10885a7649c75f9e6903354f5804f459aa883b7", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "b3101183b0dfa0cc1ba8e62c1f8fc39ad865e1ae", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "430520c0e349344fc4c549cd36a0137d39fc8d24", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "4a90cefa9b1d2b2378d1a8aa166aa8fdebfbca42", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "769ed2f62ead7ce32b13cdad93a7bbb981b13b3c", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "86490f5fef29c6fa4d8ddf838de5f9aee8535db0", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
-  }
-};
-UISearchResultRow.style = uiSearchResultRowCss();
-export {
-  UISearchResultRow as ui_search_result_row
-};

package/dist/ui-search-shell.entry-HSBEXPER.js

@@ -1,41 +0,0 @@
-import {
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-search-shell.entry.js
-var uiSearchShellCss = () => `:host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min(     calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)),     var(--ui-search-shell-max-width, 640px)   );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;block-size:100vh;block-size:100dvh;max-block-size:none;border-radius:0;border-inline:none;border-block-start:none}}`;
-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;
-  });
-}
-var UISearchShell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  hasStatus = false;
-  hasFooter = false;
-  statusSlot;
-  footerSlot;
-  componentDidLoad() {
-    this.syncSlots();
-  }
-  syncSlots = () => {
-    this.hasStatus = slotHasContent(this.statusSlot);
-    this.hasFooter = slotHasContent(this.footerSlot);
-  };
-  render() {
-    return h("div", { key: "049a6451f10f1906881efc8fc2cdeba656e68733", class: "search-shell", part: "base" }, h("slot", { key: "e807b035ccb9ec9425651b59a0d137ebc54329aa", name: "backdrop" }), h("div", { key: "5d785a0d4dab1fed7f6750b82485b9e50edd62d9", class: "search-shell__panel", part: "panel" }, h("div", { key: "b41c40485d61d9436504483759a5f42d96e5aad2", class: "search-shell__search", part: "search" }, h("slot", { key: "b19058bca701cc26d286c8694c7cdc6306e100c4", name: "search" })), h("div", { key: "260164b95427e03329f28247e8dbda867506e672", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "1d7c1e8c96e588b7c9c906cfaad91ba1cf77bf7c", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "49963c82e54aee2b5c4c4809ce2b152f770b4468", class: "search-shell__body", part: "body" }, h("slot", { key: "ae32ec8c9ec89310ad1805f1c65bc8208ee12f29", name: "body" })), h("div", { key: "f5fc9f356035e277e4c9bb0e188d7b4be3642c27", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "dbf1022e49a054eee1c5e70b675c71d1cf3488bf", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
-  }
-};
-UISearchShell.style = uiSearchShellCss();
-export {
-  UISearchShell as ui_search_shell
-};

package/dist/ui-select.entry-GIDIAYRD.js

@@ -1,117 +0,0 @@
-import {
-  dispatchDetail,
-  eventToTrigger
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-select.entry.js
-var uiSelectCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background-color:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),     linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),     calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(select:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}`;
-var UISelect = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  value;
-  defaultValue;
-  disabled = false;
-  invalid = false;
-  required = false;
-  internalValue = "";
-  slotRef;
-  initialized = false;
-  syncFromProp() {
-    if (this.value !== void 0)
-      this.internalValue = this.value;
-  }
-  syncToSelect() {
-    const select = this.getSelect();
-    if (!select)
-      return;
-    this.host.dataset.invalid = this.invalid ? "true" : "";
-    if (this.value !== void 0)
-      select.value = this.internalValue;
-    else if (!this.initialized && this.defaultValue !== void 0)
-      select.value = this.defaultValue;
-    this.initialized = true;
-    select.disabled = this.disabled;
-    select.required = this.required;
-    select.setAttribute("aria-invalid", this.invalid ? "true" : "false");
-  }
-  componentDidLoad() {
-    this.syncFromProp();
-    this.slotRef?.addEventListener("slotchange", () => this.syncToSelect());
-    this.syncToSelect();
-    const select = this.getSelect();
-    select?.addEventListener("input", this.onInput);
-    select?.addEventListener("change", this.onChange);
-  }
-  disconnectedCallback() {
-    const select = this.getSelect();
-    select?.removeEventListener("input", this.onInput);
-    select?.removeEventListener("change", this.onChange);
-  }
-  componentDidUpdate() {
-    this.syncToSelect();
-  }
-  getSelect() {
-    const slot = this.host.shadowRoot?.querySelector("slot");
-    const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
-    return nodes.find((el) => el.tagName === "SELECT") ?? null;
-  }
-  onInput = (e) => {
-    const select = e.target;
-    if (!select)
-      return;
-    this.internalValue = select.value;
-    dispatchDetail(this.host, "input", {
-      value: this.internalValue,
-      trigger: eventToTrigger(e)
-    });
-  };
-  onChange = (e) => {
-    const select = this.getSelect();
-    if (!select)
-      return;
-    this.internalValue = select.value;
-    dispatchDetail(this.host, "change", {
-      value: this.internalValue,
-      trigger: eventToTrigger(e)
-    });
-  };
-  render() {
-    return h(Host, { key: "2b3348e1694cfd113163af3adf939fd64cb40654", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "40e627125a906cf4bf294eb085c172a5370f3a54", ref: (el) => this.slotRef = el }));
-  }
-  static get watchers() {
-    return {
-      "value": [{
-        "syncFromProp": 0
-      }],
-      "internalValue": [{
-        "syncToSelect": 0
-      }],
-      "defaultValue": [{
-        "syncToSelect": 0
-      }],
-      "disabled": [{
-        "syncToSelect": 0
-      }],
-      "invalid": [{
-        "syncToSelect": 0
-      }],
-      "required": [{
-        "syncToSelect": 0
-      }]
-    };
-  }
-};
-UISelect.style = uiSelectCss();
-export {
-  UISelect as ui_select
-};

package/dist/ui-switch.entry-MYAL6XPC.js

@@ -1,87 +0,0 @@
-import {
-  controlledOrDefault,
-  isControlled
-} from "./chunk-HNFCGIBP.js";
-import {
-  dispatchDetail
-} from "./chunk-UL7UIUJZ.js";
-import {
-  Host,
-  getElement,
-  h,
-  registerInstance
-} from "./chunk-24OTMNIU.js";
-
-// dist/esm/ui-switch.entry.js
-var uiSwitchCss = () => `: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}:host([role='switch']){cursor:pointer}:host input[type='checkbox']{appearance:none;-webkit-appearance:none;display:block;position:relative;width:2.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host input[type='checkbox']::after{content:'';position:absolute;top:2px;left:2px;width:0.875rem;height:0.875rem;border-radius:999px;background:var(--ui-surface-default);border:1px solid var(--ui-border-default);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}:host input[type='checkbox']:checked{background:var(--ui-accent-solid);border-color:var(--ui-accent-solid)}:host input[type='checkbox']:checked::after{transform:translateX(calc(2.25rem - 0.875rem - 4px));background:var(--ui-text-on-accent);border-color:var(--ui-text-on-accent)}:host input[type='checkbox']:focus-visible{outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
-var UISwitch = 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;
-  required = false;
-  value = "on";
-  internalChecked = false;
-  syncFromProp() {
-    if (isControlled(this.checked))
-      this.internalChecked = this.checked;
-  }
-  componentDidLoad() {
-    this.internalChecked = controlledOrDefault(this.checked, this.defaultChecked);
-  }
-  toggle = (trigger) => {
-    if (this.disabled)
-      return;
-    const checked = !this.internalChecked;
-    if (!isControlled(this.checked))
-      this.internalChecked = checked;
-    dispatchDetail(this.host, "change", {
-      checked,
-      value: this.value,
-      trigger
-    });
-  };
-  onKeydown = (e) => {
-    if (e.key !== " " || this.disabled)
-      return;
-    e.preventDefault();
-    this.toggle("keyboard");
-  };
-  onClick = (e) => {
-    if (e.target === this.host?.shadowRoot?.querySelector("input"))
-      return;
-    this.toggle("pointer");
-  };
-  render() {
-    return h(Host, { key: "eaee279bbc787c844f2ad265da03fca608d9c429", role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: "2ebfa684bf08735a4e89a06001f6758885c40ffb", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
-      const input = e.target;
-      const checked = input.checked;
-      if (!isControlled(this.checked))
-        this.internalChecked = checked;
-      dispatchDetail(this.host, "change", {
-        checked,
-        value: this.value,
-        trigger: "pointer"
-      });
-      if (isControlled(this.checked))
-        input.checked = this.internalChecked;
-    } }), h("slot", { key: "ff9975d4ccbffbed2b97060eabf347653d5f5110" }));
-  }
-  static get watchers() {
-    return {
-      "checked": [{
-        "syncFromProp": 0
-      }]
-    };
-  }
-};
-UISwitch.style = uiSwitchCss();
-export {
-  UISwitch as ui_switch
-};

package/dist/ui-tabs.entry-R4TEXQSD.js

@@ -1,128 +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-tabs.entry.js
-var uiTabsCss = () => `:host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}`;
-var UITabs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  get host() {
-    return getElement(this);
-  }
-  /** Controlled selected tab value. Omit it to use defaultValue and local interaction state. */
-  value;
-  defaultValue = "";
-  orientation = "horizontal";
-  internalValue = "";
-  syncFromProp() {
-    if (isControlled(this.value))
-      this.internalValue = this.value;
-  }
-  syncState() {
-    const tabs = this.getTabs();
-    if (tabs.length === 0)
-      return;
-    tabs.forEach((tab) => {
-      const tabId = tab.id ?? tab.getAttribute("aria-controls") ?? "";
-      const isSelected = tabId === this.internalValue;
-      tab.setAttribute("aria-selected", String(isSelected));
-      tab.tabIndex = isSelected ? 0 : -1;
-      const controlsId = tab.getAttribute("aria-controls");
-      if (controlsId) {
-        const panel = this.host.querySelector(`#${CSS.escape(controlsId)}`) ?? document.getElementById(controlsId);
-        if (panel) {
-          panel.hidden = !isSelected;
-        }
-      }
-    });
-  }
-  componentDidLoad() {
-    this.internalValue = controlledOrDefault(this.value, this.defaultValue);
-    if (!isControlled(this.value) && !this.internalValue) {
-      const tabs = this.getTabs();
-      if (tabs.length > 0) {
-        this.internalValue = tabs[0]?.id ?? tabs[0]?.getAttribute("aria-controls") ?? "";
-      }
-    }
-    this.syncState();
-    this.host.addEventListener("keydown", this.onKeydown);
-    this.host.addEventListener("click", this.onClick);
-  }
-  disconnectedCallback() {
-    this.host.removeEventListener("keydown", this.onKeydown);
-    this.host.removeEventListener("click", this.onClick);
-  }
-  componentDidUpdate() {
-    this.syncState();
-  }
-  getTabs() {
-    return Array.from(this.host.querySelectorAll('[role="tab"]'));
-  }
-  setValueFromTab(tab, trigger) {
-    const newValue = tab.id ?? tab.getAttribute("aria-controls") ?? "";
-    if (!newValue)
-      return;
-    const prev = this.internalValue;
-    if (!isControlled(this.value))
-      this.internalValue = newValue;
-    this.syncState();
-    dispatchDetail(this.host, "select", { value: newValue, previousValue: prev || void 0, trigger });
-  }
-  onClick = (e) => {
-    const tab = e.target.closest?.('[role="tab"]');
-    if (!tab || !this.host.contains(tab))
-      return;
-    this.setValueFromTab(tab, eventToTrigger(e));
-  };
-  onKeydown = (e) => {
-    const tab = e.target.closest?.('[role="tab"]');
-    if (!tab || !this.host.contains(tab))
-      return;
-    const tabs = this.getTabs();
-    if (tabs.length === 0)
-      return;
-    const currentIndex = tabs.indexOf(tab);
-    const isVertical = this.orientation === "vertical";
-    const prevKey = isVertical ? "ArrowUp" : "ArrowLeft";
-    const nextKey = isVertical ? "ArrowDown" : "ArrowRight";
-    if (e.key === nextKey || e.key === prevKey) {
-      e.preventDefault();
-      const nextIndex = e.key === nextKey ? Math.min(currentIndex + 1, tabs.length - 1) : currentIndex <= 0 ? tabs.length - 1 : currentIndex - 1;
-      this.setValueFromTab(tabs[nextIndex], "keyboard");
-      tabs[nextIndex].focus();
-    }
-  };
-  render() {
-    return h(Host, { key: "61044ac3f2fcb0f766d931416f42ff17ec94c00d", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "3260c95bdd24581045b1c4e4d1b8f4d08daf02b4" }));
-  }
-  static get watchers() {
-    return {
-      "value": [{
-        "syncFromProp": 0
-      }],
-      "internalValue": [{
-        "syncState": 0
-      }],
-      "orientation": [{
-        "syncState": 0
-      }]
-    };
-  }
-};
-UITabs.style = uiTabsCss();
-export {
-  UITabs as ui_tabs
-};