@editora/ui-core 0.2.2 → 0.3.0

package/dist/field-error.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-DxbvhLJs.js"),u=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-CbUsP3D6.js"),u=`
   :host {
     --ui-field-error-color: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #c81e1e)));
     --ui-field-error-size: 12px;

package/dist/field-error.esm.js

@@ -1,4 +1,4 @@
-import { E as d } from "./ElementBase-BeZT54Hj.mjs";
+import { E as d } from "./ElementBase-D5QsC5Vw.mjs";
 const l = `
   :host {
     --ui-field-error-color: var(--ui-color-danger-text, var(--ui-color-danger, var(--ui-error, #c81e1e)));

package/dist/field.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./ElementBase-DxbvhLJs.js"),N=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./ElementBase-CbUsP3D6.js"),N=`
   :host {
     --ui-field-gap: 8px;
     --ui-field-label-width: 192px;
@@ -195,7 +195,7 @@
     --ui-field-description-color: #93a4bd;
     --ui-field-border-color: #334155;
     --ui-field-shell-border-color: #334155;
-    --ui-field-focus-ring: #93c5fd;
+    --ui-field-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-field-shadow:
       0 2px 8px rgba(2, 6, 23, 0.2),
       0 22px 44px rgba(2, 6, 23, 0.34);

package/dist/field.esm.js

@@ -1,4 +1,4 @@
-import { E as $ } from "./ElementBase-BeZT54Hj.mjs";
+import { E as $ } from "./ElementBase-D5QsC5Vw.mjs";
 const N = `
   :host {
     --ui-field-gap: 8px;
@@ -196,7 +196,7 @@ const N = `
     --ui-field-description-color: #93a4bd;
     --ui-field-border-color: #334155;
     --ui-field-shell-border-color: #334155;
-    --ui-field-focus-ring: #93c5fd;
+    --ui-field-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-field-shadow:
       0 2px 8px rgba(2, 6, 23, 0.2),
       0 22px 44px rgba(2, 6, 23, 0.34);

package/dist/fieldset.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("./ElementBase-DxbvhLJs.js"),A=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("./ElementBase-CbUsP3D6.js"),A=`
   :host {
     --ui-fieldset-gap: 10px;
     --ui-fieldset-radius: calc(var(--ui-radius, 6px) + 4px);

package/dist/fieldset.esm.js

@@ -1,4 +1,4 @@
-import { E as x } from "./ElementBase-BeZT54Hj.mjs";
+import { E as x } from "./ElementBase-D5QsC5Vw.mjs";
 const S = `
   :host {
     --ui-fieldset-gap: 10px;

package/dist/file-upload.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("./ElementBase-DxbvhLJs.js"),j=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("./ElementBase-CbUsP3D6.js"),j=`
   :host {
     --ui-file-upload-border-color: var(--ui-color-line, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent));
     --ui-file-upload-border: 1px solid var(--ui-file-upload-border-color);

package/dist/file-upload.esm.js

@@ -1,4 +1,4 @@
-import { E as I } from "./ElementBase-BeZT54Hj.mjs";
+import { E as I } from "./ElementBase-D5QsC5Vw.mjs";
 const M = `
   :host {
     --ui-file-upload-border-color: var(--ui-color-line, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent));

package/dist/flex.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-DxbvhLJs.js"),y={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},p=["display","direction","align","justify","wrap","gap","rowgap","columngap"],v={xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)"},b=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-CbUsP3D6.js"),y={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},p=["display","direction","align","justify","wrap","gap","rowgap","columngap"],v={xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)"},b=`
   :host {
     --ui-flex-display: flex;
     --ui-flex-direction: row;

package/dist/flex.esm.js

@@ -1,4 +1,4 @@
-import { E as g } from "./ElementBase-BeZT54Hj.mjs";
+import { E as g } from "./ElementBase-D5QsC5Vw.mjs";
 const h = {
   sm: "var(--ui-breakpoint-sm, 640px)",
   md: "var(--ui-breakpoint-md, 768px)",

package/dist/floating-toolbar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-DxbvhLJs.js"),d=require("./positioner-DZ1FW6A9.js"),c=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-CbUsP3D6.js"),d=require("./positioner-DZ1FW6A9.js"),c=`
   :host {
     position: fixed;
     inset: 0;
@@ -141,7 +141,7 @@
     --ui-floating-toolbar-color: #f8fafc;
     --ui-floating-toolbar-muted: #93a4bd;
     --ui-floating-toolbar-border-color: #334155;
-    --ui-floating-toolbar-focus-ring: #93c5fd;
+    --ui-floating-toolbar-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
   }
 
   :host([tone="success"]) {

package/dist/floating-toolbar.esm.js

@@ -1,4 +1,4 @@
-import { E as u } from "./ElementBase-BeZT54Hj.mjs";
+import { E as u } from "./ElementBase-D5QsC5Vw.mjs";
 import { e as h } from "./positioner-BE8Nbho2.mjs";
 const d = `
   :host {
@@ -143,7 +143,7 @@ const d = `
     --ui-floating-toolbar-color: #f8fafc;
     --ui-floating-toolbar-muted: #93a4bd;
     --ui-floating-toolbar-border-color: #334155;
-    --ui-floating-toolbar-focus-ring: #93c5fd;
+    --ui-floating-toolbar-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
   }
 
   :host([tone="success"]) {

package/dist/focus-scope-Dl0qk5GP.mjs

@@ -0,0 +1,177 @@
+const f = [], E = [
+  "a[href]",
+  "area[href]",
+  'input:not([type="hidden"])',
+  "select",
+  "textarea",
+  "button",
+  "iframe",
+  "[tabindex]",
+  '[contenteditable="true"]'
+].join(", ");
+function h() {
+  const e = f.filter((t) => !t.paused);
+  return e.length ? e[e.length - 1] : null;
+}
+function A(e) {
+  return !(e.hasAttribute("disabled") || e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden") || e.getAttribute("tabindex") === "-1");
+}
+function b(e) {
+  if (e instanceof HTMLSlotElement) {
+    const n = e.assignedElements({ flatten: !0 });
+    return n.length ? n : Array.from(e.children);
+  }
+  const t = e.shadowRoot;
+  return Array.from(t ? t.children : e.children);
+}
+function v(e) {
+  return typeof e.checkVisibility == "function" ? e.checkVisibility() : !0;
+}
+function a(e) {
+  const t = [], n = (r) => {
+    if (!(r instanceof HTMLElement)) {
+      b(r).forEach(n);
+      return;
+    }
+    r !== e && (r.hasAttribute("hidden") || r.hasAttribute("inert") || r.getAttribute("aria-hidden") === "true") || (r !== e && r.matches(E) && A(r) && v(r) && t.push(r), b(r).forEach(n));
+  };
+  return n(e), t;
+}
+function m() {
+  let e = typeof document < "u" ? document.activeElement : null;
+  for (; e?.shadowRoot?.activeElement; ) e = e.shadowRoot.activeElement;
+  return e;
+}
+function y(e, t) {
+  let n = t;
+  for (; n; ) {
+    if (n === e) return !0;
+    const r = n.assignedSlot;
+    if (r) {
+      n = r;
+      continue;
+    }
+    n = n.parentNode || (n.host ?? null);
+  }
+  return !1;
+}
+function d(e) {
+  e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1");
+}
+function F(e) {
+  return typeof e == "function" ? e() : e ?? null;
+}
+function u(e) {
+  if (!e || !e.isConnected) return !1;
+  try {
+    return e.focus(), !0;
+  } catch {
+    return !1;
+  }
+}
+function g(e) {
+  return e.querySelector(
+    '[aria-selected="true"], [data-selected="true"], [selected], [checked], [aria-current="true"]'
+  ) || null;
+}
+function w(e) {
+  if (!e.options.inertOthers || typeof document > "u" || !document.body) return;
+  const t = Array.from(document.body.children);
+  e.inerted = t.filter((n) => n !== e.options.node && !n.contains(e.options.node)).map((n) => {
+    const r = n.hasAttribute("inert");
+    return r || n.setAttribute("inert", ""), { element: n, hadInert: r };
+  });
+}
+function L(e) {
+  e.inerted.forEach(({ element: t, hadInert: n }) => {
+    n || t.removeAttribute("inert");
+  }), e.inerted = [];
+}
+function S(e) {
+  if (!(e.node instanceof HTMLElement))
+    throw new Error("createFocusScope requires a valid HTMLElement node");
+  const t = {
+    id: /* @__PURE__ */ Symbol("focus-scope"),
+    options: {
+      trapped: !0,
+      loop: !0,
+      restoreFocus: !0,
+      autoFocus: "first",
+      inertOthers: !1,
+      ...e
+    },
+    paused: !1,
+    previouslyFocused: m(),
+    inerted: [],
+    onKeyDown: () => {
+    },
+    onFocusIn: () => {
+    }
+  }, n = () => {
+    const o = a(t.options.node)[0] || null;
+    u(o) || (d(t.options.node), u(t.options.node));
+  }, r = () => {
+    const o = a(t.options.node), i = o.length ? o[o.length - 1] : null;
+    u(i) || (d(t.options.node), u(t.options.node));
+  }, c = () => {
+    const o = F(t.options.initialFocus);
+    if (u(o)) return;
+    const i = t.options.autoFocus;
+    if (i !== "none") {
+      if (i === "container") {
+        d(t.options.node), u(t.options.node);
+        return;
+      }
+      if (i === "selected") {
+        const s = g(t.options.node);
+        if (u(s)) return;
+      }
+      n();
+    }
+  };
+  return t.onKeyDown = (o) => {
+    if (t.paused || h()?.id !== t.id || !t.options.trapped || o.key !== "Tab") return;
+    const i = a(t.options.node);
+    if (!i.length) {
+      o.preventDefault(), c();
+      return;
+    }
+    const s = m();
+    if (!s || !y(t.options.node, s)) {
+      o.preventDefault(), c();
+      return;
+    }
+    const l = i[0], p = i[i.length - 1];
+    if (o.shiftKey) {
+      (s === l || s === t.options.node) && (o.preventDefault(), t.options.loop && u(p));
+      return;
+    }
+    s === p && (o.preventDefault(), t.options.loop && u(l));
+  }, t.onFocusIn = (o) => {
+    if (t.paused || h()?.id !== t.id || !t.options.trapped) return;
+    const i = o.target;
+    (typeof o.composedPath == "function" ? o.composedPath() : []).includes(t.options.node) || i instanceof Node && (y(t.options.node, i) || c());
+  }, f.push(t), w(t), document.addEventListener("keydown", t.onKeyDown, !0), document.addEventListener("focusin", t.onFocusIn, !0), c(), {
+    destroy() {
+      const o = f.findIndex((s) => s.id === t.id);
+      if (o >= 0 && f.splice(o, 1), document.removeEventListener("keydown", t.onKeyDown, !0), document.removeEventListener("focusin", t.onFocusIn, !0), L(t), !t.options.restoreFocus) return;
+      const i = F(t.options.finalFocus) || t.previouslyFocused;
+      u(i);
+    },
+    focusFirst: n,
+    focusLast: r,
+    focusInitial: c,
+    pause() {
+      t.paused = !0;
+    },
+    resume() {
+      t.paused = !1;
+    }
+  };
+}
+export {
+  S as a,
+  y as c,
+  m as d,
+  a as g
+};

package/dist/focus-scope-Doz0bnE1.js

@@ -0,0 +1 @@
+"use strict";const f=[],E=["a[href]","area[href]",'input:not([type="hidden"])',"select","textarea","button","iframe","[tabindex]",'[contenteditable="true"]'].join(", ");function m(){const e=f.filter(t=>!t.paused);return e.length?e[e.length-1]:null}function A(e){return!(e.hasAttribute("disabled")||e.getAttribute("aria-hidden")==="true"||e.hasAttribute("hidden")||e.getAttribute("tabindex")==="-1")}function y(e){if(e instanceof HTMLSlotElement){const n=e.assignedElements({flatten:!0});return n.length?n:Array.from(e.children)}const t=e.shadowRoot;return Array.from(t?t.children:e.children)}function v(e){return typeof e.checkVisibility=="function"?e.checkVisibility():!0}function a(e){const t=[],n=r=>{if(!(r instanceof HTMLElement)){y(r).forEach(n);return}r!==e&&(r.hasAttribute("hidden")||r.hasAttribute("inert")||r.getAttribute("aria-hidden")==="true")||(r!==e&&r.matches(E)&&A(r)&&v(r)&&t.push(r),y(r).forEach(n))};return n(e),t}function l(){let e=typeof document<"u"?document.activeElement:null;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e}function p(e,t){let n=t;for(;n;){if(n===e)return!0;const r=n.assignedSlot;if(r){n=r;continue}n=n.parentNode||(n.host??null)}return!1}function d(e){e.hasAttribute("tabindex")||e.setAttribute("tabindex","-1")}function F(e){return typeof e=="function"?e():e??null}function u(e){if(!e||!e.isConnected)return!1;try{return e.focus(),!0}catch{return!1}}function g(e){return e.querySelector('[aria-selected="true"], [data-selected="true"], [selected], [checked], [aria-current="true"]')||null}function w(e){if(!e.options.inertOthers||typeof document>"u"||!document.body)return;const t=Array.from(document.body.children);e.inerted=t.filter(n=>n!==e.options.node&&!n.contains(e.options.node)).map(n=>{const r=n.hasAttribute("inert");return r||n.setAttribute("inert",""),{element:n,hadInert:r}})}function L(e){e.inerted.forEach(({element:t,hadInert:n})=>{n||t.removeAttribute("inert")}),e.inerted=[]}function S(e){if(!(e.node instanceof HTMLElement))throw new Error("createFocusScope requires a valid HTMLElement node");const t={id:Symbol("focus-scope"),options:{trapped:!0,loop:!0,restoreFocus:!0,autoFocus:"first",inertOthers:!1,...e},paused:!1,previouslyFocused:l(),inerted:[],onKeyDown:()=>{},onFocusIn:()=>{}},n=()=>{const o=a(t.options.node)[0]||null;u(o)||(d(t.options.node),u(t.options.node))},r=()=>{const o=a(t.options.node),i=o.length?o[o.length-1]:null;u(i)||(d(t.options.node),u(t.options.node))},c=()=>{const o=F(t.options.initialFocus);if(u(o))return;const i=t.options.autoFocus;if(i!=="none"){if(i==="container"){d(t.options.node),u(t.options.node);return}if(i==="selected"){const s=g(t.options.node);if(u(s))return}n()}};return t.onKeyDown=o=>{if(t.paused||m()?.id!==t.id||!t.options.trapped||o.key!=="Tab")return;const i=a(t.options.node);if(!i.length){o.preventDefault(),c();return}const s=l();if(!s||!p(t.options.node,s)){o.preventDefault(),c();return}const h=i[0],b=i[i.length-1];if(o.shiftKey){(s===h||s===t.options.node)&&(o.preventDefault(),t.options.loop&&u(b));return}s===b&&(o.preventDefault(),t.options.loop&&u(h))},t.onFocusIn=o=>{if(t.paused||m()?.id!==t.id||!t.options.trapped)return;const i=o.target;(typeof o.composedPath=="function"?o.composedPath():[]).includes(t.options.node)||i instanceof Node&&(p(t.options.node,i)||c())},f.push(t),w(t),document.addEventListener("keydown",t.onKeyDown,!0),document.addEventListener("focusin",t.onFocusIn,!0),c(),{destroy(){const o=f.findIndex(s=>s.id===t.id);if(o>=0&&f.splice(o,1),document.removeEventListener("keydown",t.onKeyDown,!0),document.removeEventListener("focusin",t.onFocusIn,!0),L(t),!t.options.restoreFocus)return;const i=F(t.options.finalFocus)||t.previouslyFocused;u(i)},focusFirst:n,focusLast:r,focusInitial:c,pause(){t.paused=!0},resume(){t.paused=!1}}}exports.composedContains=p;exports.createFocusScope=S;exports.deepActiveElement=l;exports.getFocusable=a;

package/dist/focus-scope.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-DxbvhLJs.js"),n=require("./focus-scope-Bwug2gDv.js"),u=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-CbUsP3D6.js"),n=require("./focus-scope-Doz0bnE1.js"),u=`
   :host {
     display: contents;
     color-scheme: light dark;

package/dist/focus-scope.esm.js

@@ -1,5 +1,5 @@
-import { E as r } from "./ElementBase-BeZT54Hj.mjs";
-import { c as n } from "./focus-scope-CmEsG5UZ.mjs";
+import { E as r } from "./ElementBase-D5QsC5Vw.mjs";
+import { a as n } from "./focus-scope-Dl0qk5GP.mjs";
 const c = `
   :host {
     display: contents;

package/dist/form-control-B90_3kYN.js

@@ -0,0 +1 @@
+"use strict";class h{constructor(t,e){this.host=t,this.options=e,this._default=null,this._dirty=!1,this._restoring=!1,this._formDisabled=!1,this._observer=null,this._queued=!1;let s=null;try{s=typeof t.attachInternals=="function"?t.attachInternals():null}catch{s=null}this.internals=s,this._onUserChange=this._onUserChange.bind(this)}get form(){try{return this.internals?.form??null}catch{return null}}get disabledByForm(){return this._formDisabled}connect(){this._dirty||(this._default=this.host.getAttribute(this.options.defaultAttribute)),this.host.addEventListener("input",this._onUserChange),this.host.addEventListener("change",this._onUserChange),typeof MutationObserver<"u"&&!this._observer&&(this._observer=new MutationObserver(t=>{t.some(e=>e.attributeName===this.options.defaultAttribute)&&!this._dirty&&!this._restoring&&(this._default=this.host.getAttribute(this.options.defaultAttribute)),this.sync()}),this._observer.observe(this.host,{attributes:!0,attributeFilter:[this.options.defaultAttribute,"name","required","disabled",...this.options.observe||[]]})),this.sync()}disconnect(){this.host.removeEventListener("input",this._onUserChange),this.host.removeEventListener("change",this._onUserChange),this._observer?.disconnect(),this._observer=null}formResetCallback(){this._dirty=!1,this._restoring=!0;try{const t=this.options.defaultAttribute;this._default==null?this.host.removeAttribute(t):this.host.setAttribute(t,this._default)}finally{this._restoring=!1}this.sync()}formDisabledCallback(t){this._formDisabled!==t&&(this._formDisabled=t,this.options.onFormDisabled?.(t))}sync(){this._queued||(this._queued=!0,queueMicrotask(()=>{this._queued=!1,this.syncNow()}))}syncNow(){const t=this.internals;if(t)try{const e=this.options.getValue();if(Array.isArray(e)){const n=this.host.getAttribute("name")||"",o=new FormData;n&&e.forEach(a=>o.append(n,a)),t.setFormValue?.(e.length?o:null)}else t.setFormValue?.(e);if(typeof t.setValidity!="function")return;const s=this.options.getValidity?.()||{},i=s.control;i&&i.validity&&!i.validity.valid?t.setValidity(i.validity,i.validationMessage,i):!i&&s.valueMissing?t.setValidity({valueMissing:!0},s.message||"Please fill out this field.",s.anchor||void 0):t.setValidity({})}catch{}}_onUserChange(t){t.target===this.host&&(this._dirty=!0,this.sync())}}function l(r){const t=r.getAttribute("required");return t!=null&&t!=="false"}exports.FormControl=h;exports.isRequired=l;

package/dist/form-control-D9wWUMBl.mjs

@@ -0,0 +1,86 @@
+class h {
+  constructor(t, e) {
+    this.host = t, this.options = e, this._default = null, this._dirty = !1, this._restoring = !1, this._formDisabled = !1, this._observer = null, this._queued = !1;
+    let s = null;
+    try {
+      s = typeof t.attachInternals == "function" ? t.attachInternals() : null;
+    } catch {
+      s = null;
+    }
+    this.internals = s, this._onUserChange = this._onUserChange.bind(this);
+  }
+  get form() {
+    try {
+      return this.internals?.form ?? null;
+    } catch {
+      return null;
+    }
+  }
+  /** True while a disabled fieldset disables the element (its own `disabled` attribute aside). */
+  get disabledByForm() {
+    return this._formDisabled;
+  }
+  /** Call from connectedCallback. */
+  connect() {
+    this._dirty || (this._default = this.host.getAttribute(this.options.defaultAttribute)), this.host.addEventListener("input", this._onUserChange), this.host.addEventListener("change", this._onUserChange), typeof MutationObserver < "u" && !this._observer && (this._observer = new MutationObserver((t) => {
+      t.some((e) => e.attributeName === this.options.defaultAttribute) && !this._dirty && !this._restoring && (this._default = this.host.getAttribute(this.options.defaultAttribute)), this.sync();
+    }), this._observer.observe(this.host, {
+      attributes: !0,
+      attributeFilter: [this.options.defaultAttribute, "name", "required", "disabled", ...this.options.observe || []]
+    })), this.sync();
+  }
+  /** Call from disconnectedCallback. */
+  disconnect() {
+    this.host.removeEventListener("input", this._onUserChange), this.host.removeEventListener("change", this._onUserChange), this._observer?.disconnect(), this._observer = null;
+  }
+  formResetCallback() {
+    this._dirty = !1, this._restoring = !0;
+    try {
+      const t = this.options.defaultAttribute;
+      this._default == null ? this.host.removeAttribute(t) : this.host.setAttribute(t, this._default);
+    } finally {
+      this._restoring = !1;
+    }
+    this.sync();
+  }
+  formDisabledCallback(t) {
+    this._formDisabled !== t && (this._formDisabled = t, this.options.onFormDisabled?.(t));
+  }
+  /** Re-reads value and validity on the next microtask (several changes usually come together). */
+  sync() {
+    this._queued || (this._queued = !0, queueMicrotask(() => {
+      this._queued = !1, this.syncNow();
+    }));
+  }
+  syncNow() {
+    const t = this.internals;
+    if (t)
+      try {
+        const e = this.options.getValue();
+        if (Array.isArray(e)) {
+          const n = this.host.getAttribute("name") || "", o = new FormData();
+          n && e.forEach((a) => o.append(n, a)), t.setFormValue?.(e.length ? o : null);
+        } else
+          t.setFormValue?.(e);
+        if (typeof t.setValidity != "function") return;
+        const s = this.options.getValidity?.() || {}, i = s.control;
+        i && i.validity && !i.validity.valid ? t.setValidity(i.validity, i.validationMessage, i) : !i && s.valueMissing ? t.setValidity(
+          { valueMissing: !0 },
+          s.message || "Please fill out this field.",
+          s.anchor || void 0
+        ) : t.setValidity({});
+      } catch {
+      }
+  }
+  _onUserChange(t) {
+    t.target === this.host && (this._dirty = !0, this.sync());
+  }
+}
+function l(r) {
+  const t = r.getAttribute("required");
+  return t != null && t !== "false";
+}
+export {
+  h as F,
+  l as i
+};

package/dist/form.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-DxbvhLJs.js");class _{constructor(){this.fields=new Map}registerField(t,e){if(!t)throw new Error("Field must have a name to register with the form");return this.fields.set(t,e),()=>{this.fields.delete(t)}}getValues(){const t={};for(const[e,i]of this.fields)t[e]=i.getValue();return t}setValue(t,e){const i=this.fields.get(t);i&&typeof i.setValue=="function"&&i.setValue(e)}async validateField(t){const e=this.fields.get(t);if(!e)return{valid:!0};if(typeof e.validate=="function"){const i=await e.validate();return e.setError&&e.setError(i.valid?void 0:i.message),i}return{valid:!0}}async validateAll(){const t={};let e=!0;const i=Array.from(this.fields.entries());for(const[r,s]of i){const n=await this.validateField(r);n.valid||(e=!1,t[r]=n.message||"invalid")}return{valid:e,errors:t}}}const v=new Set(["heading","title","description","state-text","loading-text"]),y=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-CbUsP3D6.js");class _{constructor(){this.fields=new Map}registerField(t,e){if(!t)throw new Error("Field must have a name to register with the form");return this.fields.set(t,e),()=>{this.fields.delete(t)}}getValues(){const t={};for(const[e,i]of this.fields)t[e]=i.getValue();return t}setValue(t,e){const i=this.fields.get(t);i&&typeof i.setValue=="function"&&i.setValue(e)}async validateField(t){const e=this.fields.get(t);if(!e)return{valid:!0};if(typeof e.validate=="function"){const i=await e.validate();return e.setError&&e.setError(i.valid?void 0:i.message),i}return{valid:!0}}async validateAll(){const t={};let e=!0;const i=Array.from(this.fields.entries());for(const[r,s]of i){const n=await this.validateField(r);n.valid||(e=!1,t[r]=n.message||"invalid")}return{valid:e,errors:t}}}const v=new Set(["heading","title","description","state-text","loading-text"]),y=`
   :host {
     --ui-form-gap: 12px;
     --ui-form-radius: calc(var(--ui-radius, 6px) + 4px);
@@ -198,7 +198,7 @@
     --ui-form-muted: #93a4bd;
     --ui-form-border-color: #334155;
     --ui-form-padding: 16px;
-    --ui-form-focus-ring: #93c5fd;
+    --ui-form-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 

package/dist/form.esm.js

@@ -1,4 +1,4 @@
-import { E as p } from "./ElementBase-BeZT54Hj.mjs";
+import { E as p } from "./ElementBase-D5QsC5Vw.mjs";
 class g {
   constructor() {
     this.fields = /* @__PURE__ */ new Map();
@@ -239,7 +239,7 @@ const _ = /* @__PURE__ */ new Set(["heading", "title", "description", "state-tex
     --ui-form-muted: #93a4bd;
     --ui-form-border-color: #334155;
     --ui-form-padding: 16px;
-    --ui-form-focus-ring: #93c5fd;
+    --ui-form-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-form-shadow: var(--shadow-3, 0 4px 12px rgba(2, 6, 23, 0.1));
   }
 

package/dist/gantt.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Ee=require("./ElementBase-DxbvhLJs.js");function H(n,t){const e=new Date(n);return e.setDate(e.getDate()+t),e.setHours(0,0,0,0),e.getTime()}function wt(n,t){return Math.round((t-n)/864e5)}function le(n){const t=new Set(n.map(r=>r.id)),e=new Map;for(const r of n){if(!r.parent||!t.has(r.parent)||r.parent===r.id)continue;const i=e.get(r.parent)||[];i.push(r),e.set(r.parent,i)}return e}function de(n,t){const e=le(n),r=[],i=new Set([t]),a=[t];for(;a.length;)for(const s of e.get(a.shift())||[])i.has(s.id)||(i.add(s.id),r.push(s),a.push(s.id));return r}function Te(n){const t=le(n),e=new Map,r=new Set,i=a=>{const s=e.get(a.id);if(s)return s;const o={start:a.start,end:a.end,progress:a.progress},c=t.get(a.id);if(!c?.length||r.has(a.id))return o;r.add(a.id);let h=1/0,d=-1/0,g=0,u=0;for(const m of c){const p=i(m);if(h=Math.min(h,p.start),d=Math.max(d,p.end),p.progress!=null){const k=Math.max(1,wt(p.start,p.end));g+=k,u+=p.progress*k}}r.delete(a.id);const b={start:h,end:d,progress:g?u/g:void 0};return e.set(a.id,b),b};for(const a of n)i(a);return e}function Bt(n,t){const e=n.type==="e2s"||n.type==="e2e"?t.end:t.start;return{side:n.type==="e2s"||n.type==="s2s"?"start":"end",min:H(e,n.lag)}}function Ae(n,t,e){const r=Bt(n,t);return(r.side==="start"?e.start:e.end)>=r.min}function Le(n,t){const e=new Map(n.map(i=>[i.id,i])),r=new Set;for(const i of t){const a=e.get(i.source),s=e.get(i.target);a&&s&&!Ae(i,a,s)&&r.add(i.id)}return r}function Ie(n,t,e,r=!1){const i=new Map(n.map(u=>[u.id,{start:u.start,end:u.end}]));for(const[u,b]of e)i.has(u)&&i.set(u,{...b});const a=new Map(n.map(u=>[u.id,u])),s=new Map;for(const u of t){const b=s.get(u.source)||[];b.push(u),s.set(u.source,b)}const o=new Set,c=new Map,h=[...e.keys()],d=(u,b)=>{const m=i.get(u);m&&(i.set(u,{start:H(m.start,b),end:H(m.end,b)}),o.add(u))};for(;h.length;){const u=h.shift(),b=i.get(u);if(b)for(const m of s.get(u)||[]){const p=a.get(m.target),k=i.get(m.target);if(!p||!k||p.readonly)continue;const y=Bt(m,b),w=y.side==="start"?k.start:k.end;if(w>=y.min)continue;const x=(c.get(m.target)||0)+1;if(x>n.length)continue;c.set(m.target,x);const M=wt(w,y.min);if(d(m.target,M),h.push(m.target),r)for(const T of de(n,m.target))T.readonly||(d(T.id,M),h.push(T.id))}}const g=[];for(const u of o){const b=i.get(u),m=e.get(u);(!m||m.start!==b.start||m.end!==b.end)&&g.push({id:u,...b})}return g}function ze(n,t){const e=new Set(n.map(p=>p.parent).filter(p=>!!p)),r=new Map(n.filter(p=>!e.has(p.id)).map(p=>[p.id,p])),i=t.filter(p=>r.has(p.source)&&r.has(p.target)&&p.source!==p.target);if(!i.length)return new Set;const a=p=>wt(p.start,p.end),s=Math.max(...[...r.values()].map(p=>p.end)),o=new Map,c=new Map;for(const p of i)o.set(p.source,[...o.get(p.source)||[],p]),c.set(p.target,[...c.get(p.target)||[],p]);const h=new Map([...r.keys()].map(p=>[p,s])),d=new Map([...r.keys()].map(p=>[p,(o.get(p)||[]).length])),g=[...r.keys()].filter(p=>d.get(p)===0),u=new Set;for(;g.length;){const p=g.shift();u.add(p);const k=r.get(p),y=h.get(p),w=H(y,-a(k));for(const x of c.get(p)||[]){const M=r.get(x.source),T=-x.lag,z=x.type==="e2s"?H(w,T):x.type==="s2s"?H(H(w,T),a(M)):x.type==="e2e"?H(y,T):H(H(y,T),a(M));h.set(x.source,Math.min(h.get(x.source),z));const U=d.get(x.source)-1;d.set(x.source,U),U===0&&g.push(x.source)}}const b=new Set;for(const p of i){const k=r.get(p.source),y=r.get(p.target),w=Bt(p,k);(w.side==="start"?y.start:y.end)===w.min&&b.add(p.target)}const m=new Set;for(const p of u){const k=r.get(p),y=(o.get(p)||[]).length+(c.get(p)||[]).length>0,w=wt(k.end,h.get(p));y&&w<=0&&(!(c.get(p)||[]).length||b.has(p))&&m.add(p)}return m}const D=1440*60*1e3,S=42,N=62,Tt=376,ce="minmax(170px, 1fr) 82px 80px 44px",Ce=640,De=148,Fe=2,vt=28,Re=15,he=Re*Math.SQRT2/2,Jt={day:36,week:13,month:4.4,quarter:2.2,year:1.15},Gt=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Ee=require("./ElementBase-CbUsP3D6.js");function H(n,t){const e=new Date(n);return e.setDate(e.getDate()+t),e.setHours(0,0,0,0),e.getTime()}function wt(n,t){return Math.round((t-n)/864e5)}function le(n){const t=new Set(n.map(r=>r.id)),e=new Map;for(const r of n){if(!r.parent||!t.has(r.parent)||r.parent===r.id)continue;const i=e.get(r.parent)||[];i.push(r),e.set(r.parent,i)}return e}function de(n,t){const e=le(n),r=[],i=new Set([t]),a=[t];for(;a.length;)for(const s of e.get(a.shift())||[])i.has(s.id)||(i.add(s.id),r.push(s),a.push(s.id));return r}function Te(n){const t=le(n),e=new Map,r=new Set,i=a=>{const s=e.get(a.id);if(s)return s;const o={start:a.start,end:a.end,progress:a.progress},c=t.get(a.id);if(!c?.length||r.has(a.id))return o;r.add(a.id);let h=1/0,d=-1/0,g=0,u=0;for(const m of c){const p=i(m);if(h=Math.min(h,p.start),d=Math.max(d,p.end),p.progress!=null){const k=Math.max(1,wt(p.start,p.end));g+=k,u+=p.progress*k}}r.delete(a.id);const b={start:h,end:d,progress:g?u/g:void 0};return e.set(a.id,b),b};for(const a of n)i(a);return e}function Bt(n,t){const e=n.type==="e2s"||n.type==="e2e"?t.end:t.start;return{side:n.type==="e2s"||n.type==="s2s"?"start":"end",min:H(e,n.lag)}}function Ae(n,t,e){const r=Bt(n,t);return(r.side==="start"?e.start:e.end)>=r.min}function Le(n,t){const e=new Map(n.map(i=>[i.id,i])),r=new Set;for(const i of t){const a=e.get(i.source),s=e.get(i.target);a&&s&&!Ae(i,a,s)&&r.add(i.id)}return r}function Ie(n,t,e,r=!1){const i=new Map(n.map(u=>[u.id,{start:u.start,end:u.end}]));for(const[u,b]of e)i.has(u)&&i.set(u,{...b});const a=new Map(n.map(u=>[u.id,u])),s=new Map;for(const u of t){const b=s.get(u.source)||[];b.push(u),s.set(u.source,b)}const o=new Set,c=new Map,h=[...e.keys()],d=(u,b)=>{const m=i.get(u);m&&(i.set(u,{start:H(m.start,b),end:H(m.end,b)}),o.add(u))};for(;h.length;){const u=h.shift(),b=i.get(u);if(b)for(const m of s.get(u)||[]){const p=a.get(m.target),k=i.get(m.target);if(!p||!k||p.readonly)continue;const y=Bt(m,b),w=y.side==="start"?k.start:k.end;if(w>=y.min)continue;const x=(c.get(m.target)||0)+1;if(x>n.length)continue;c.set(m.target,x);const M=wt(w,y.min);if(d(m.target,M),h.push(m.target),r)for(const T of de(n,m.target))T.readonly||(d(T.id,M),h.push(T.id))}}const g=[];for(const u of o){const b=i.get(u),m=e.get(u);(!m||m.start!==b.start||m.end!==b.end)&&g.push({id:u,...b})}return g}function ze(n,t){const e=new Set(n.map(p=>p.parent).filter(p=>!!p)),r=new Map(n.filter(p=>!e.has(p.id)).map(p=>[p.id,p])),i=t.filter(p=>r.has(p.source)&&r.has(p.target)&&p.source!==p.target);if(!i.length)return new Set;const a=p=>wt(p.start,p.end),s=Math.max(...[...r.values()].map(p=>p.end)),o=new Map,c=new Map;for(const p of i)o.set(p.source,[...o.get(p.source)||[],p]),c.set(p.target,[...c.get(p.target)||[],p]);const h=new Map([...r.keys()].map(p=>[p,s])),d=new Map([...r.keys()].map(p=>[p,(o.get(p)||[]).length])),g=[...r.keys()].filter(p=>d.get(p)===0),u=new Set;for(;g.length;){const p=g.shift();u.add(p);const k=r.get(p),y=h.get(p),w=H(y,-a(k));for(const x of c.get(p)||[]){const M=r.get(x.source),T=-x.lag,z=x.type==="e2s"?H(w,T):x.type==="s2s"?H(H(w,T),a(M)):x.type==="e2e"?H(y,T):H(H(y,T),a(M));h.set(x.source,Math.min(h.get(x.source),z));const U=d.get(x.source)-1;d.set(x.source,U),U===0&&g.push(x.source)}}const b=new Set;for(const p of i){const k=r.get(p.source),y=r.get(p.target),w=Bt(p,k);(w.side==="start"?y.start:y.end)===w.min&&b.add(p.target)}const m=new Set;for(const p of u){const k=r.get(p),y=(o.get(p)||[]).length+(c.get(p)||[]).length>0,w=wt(k.end,h.get(p));y&&w<=0&&(!(c.get(p)||[]).length||b.has(p))&&m.add(p)}return m}const D=1440*60*1e3,S=42,N=62,Tt=376,ce="minmax(170px, 1fr) 82px 80px 44px",Ce=640,De=148,Fe=2,vt=28,Re=15,he=Re*Math.SQRT2/2,Jt={day:36,week:13,month:4.4,quarter:2.2,year:1.15},Gt=`
   :host {
     --ui-gantt-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-gantt-panel: var(--ui-color-surface, #ffffff);
@@ -992,7 +992,7 @@
     --ui-gantt-text: #e2e8f0;
     --ui-gantt-muted: #93a4bd;
     --ui-gantt-accent: #60a5fa;
-    --ui-gantt-accent-text: #93c5fd;
+    --ui-gantt-accent-text: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-gantt-selected: rgba(96, 165, 250, 0.13);
   }
 

package/dist/gantt.esm.js

@@ -1,4 +1,4 @@
-import { E as Se } from "./ElementBase-BeZT54Hj.mjs";
+import { E as Se } from "./ElementBase-D5QsC5Vw.mjs";
 function O(n, t) {
   const e = new Date(n);
   return e.setDate(e.getDate() + t), e.setHours(0, 0, 0, 0), e.getTime();
@@ -1126,7 +1126,7 @@ const D = 1440 * 60 * 1e3, S = 42, N = 62, Tt = 376, ce = "minmax(170px, 1fr) 82
     --ui-gantt-text: #e2e8f0;
     --ui-gantt-muted: #93a4bd;
     --ui-gantt-accent: #60a5fa;
-    --ui-gantt-accent-text: #93c5fd;
+    --ui-gantt-accent-text: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-gantt-selected: rgba(96, 165, 250, 0.13);
   }
 

package/dist/grid.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-DxbvhLJs.js"),w={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},g=["display","columns","rows","gap","rowgap","columngap","autoflow","autorows","autocolumns","align","justify","place","aligncontent","justifycontent","placecontent"],v={xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)"},b=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-CbUsP3D6.js"),w={sm:"var(--ui-breakpoint-sm, 640px)",md:"var(--ui-breakpoint-md, 768px)",lg:"var(--ui-breakpoint-lg, 1024px)",xl:"var(--ui-breakpoint-xl, 1280px)"},g=["display","columns","rows","gap","rowgap","columngap","autoflow","autorows","autocolumns","align","justify","place","aligncontent","justifycontent","placecontent"],v={xs:"var(--ui-space-xs, 4px)",sm:"var(--ui-space-sm, 8px)",md:"var(--ui-space-md, 12px)",lg:"var(--ui-space-lg, 20px)",xl:"var(--ui-space-xl, 28px)"},b=`
   :host {
     --ui-grid-display: grid;
     --ui-grid-columns: 1fr;

package/dist/grid.esm.js

@@ -1,4 +1,4 @@
-import { E as h } from "./ElementBase-BeZT54Hj.mjs";
+import { E as h } from "./ElementBase-D5QsC5Vw.mjs";
 const y = {
   sm: "var(--ui-breakpoint-sm, 640px)",
   md: "var(--ui-breakpoint-md, 768px)",

package/dist/hover-card.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-DxbvhLJs.js"),p=require("./positioner-DZ1FW6A9.js"),v=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-CbUsP3D6.js"),h=require("./number-attribute-C4Rrl7d3.js"),v=require("./positioner-DZ1FW6A9.js"),f=`
   :host {
     --ui-hover-card-z: 1700;
     --ui-hover-card-radius: var(--base-card-radius, calc(var(--ui-radius, 6px) + 2px));
@@ -145,7 +145,7 @@
     --ui-hover-card-bg: #0f172a;
     --ui-hover-card-color: #e2e8f0;
     --ui-hover-card-border-color: #334155;
-    --ui-hover-card-focus-ring: #93c5fd;
+    --ui-hover-card-focus-ring: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-hover-card-shadow:
       0 2px 8px rgba(2, 6, 23, 0.24),
       0 30px 62px rgba(2, 6, 23, 0.4);
@@ -262,8 +262,8 @@
       box-shadow: none;
     }
   }
-`;function f(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}class l extends u.ElementBase{constructor(){super(),this._openTimer=null,this._closeTimer=null,this._positionRaf=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._isOpen=!1,this._globalListenersBound=!1,this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","headless","delay","close-delay","placement","offset","variant","tone","density","shape","elevation"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"||e==="headless"){this._syncOpenState();return}this._isOpen&&(e==="placement"||e==="offset"||e==="density"||e==="shape")&&this._schedulePosition()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}get delay(){const e=Number(this.getAttribute("delay"));return Number.isFinite(e)&&e>=0?e:120}set delay(e){this.setAttribute("delay",String(e))}get closeDelay(){const e=Number(this.getAttribute("close-delay"));return Number.isFinite(e)&&e>=0?e:this.delay}set closeDelay(e){this.setAttribute("close-delay",String(e))}_onSlotChange(){this._isOpen&&this._schedulePosition()}_getPanel(){return this.root.querySelector(".panel")}_getAnchor(){const e=this.querySelector('[slot="trigger"]');return e||Array.from(this.children).find(r=>r instanceof HTMLElement?!r.hasAttribute("slot")||r.getAttribute("slot")==="trigger":!1)||this}_isNodeWithinComponent(e){return e?!!(e===this||this.contains(e)||this.root.contains(e)):!1}_clearTimers(){this._openTimer!=null&&(window.clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleOpen(e){this._clearTimers(),this._openTimer=window.setTimeout(()=>{this._openTimer=null,this.open=!0},Math.max(0,e))}_scheduleClose(e){this._clearTimers(),this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this.open=!1},Math.max(0,e))}_onPointerEnter(){if(!this.hasAttribute("headless")){if(this._isOpen){this._clearTimers();return}this._scheduleOpen(this.delay)}}_onPointerLeave(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onFocusIn(){this.hasAttribute("headless")||(this._clearTimers(),this.open=!0)}_onFocusOut(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onKeyDown(e){if(!this._isOpen||e.key!=="Escape")return;e.preventDefault(),this.open=!1;const t=this._getAnchor();try{t.focus()}catch{}}_onDocumentPointerDown(e){!this._isOpen||e.composedPath().includes(this)||(this.open=!1)}_onViewportChange(){this._isOpen&&this._schedulePosition()}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("headless");if(e===this._isOpen){this._syncPanelA11y(),e?(this._bindGlobalListeners(),this._schedulePosition()):this._unbindGlobalListeners();return}this._isOpen=e,this._syncPanelA11y();const t=this._getPanel();if(e){this._bindGlobalListeners(),t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),this._schedulePosition();return}this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}))}_syncPanelA11y(){const e=this._getPanel();if(!e)return;e.setAttribute("aria-hidden",this._isOpen?"false":"true"),this._isOpen||e.setAttribute("data-ready","false");const t=this.querySelector('[slot="trigger"]'),r=this.querySelector('[slot="card"] :is(h1, h2, h3, h4, h5, h6, strong)'),o=(this.getAttribute("aria-label")||this.getAttribute("label")||"").trim()||(t?.getAttribute("aria-label")||t?.textContent||"").trim()||(r?.textContent||"").trim()||"Details";e.setAttribute("aria-label",o)}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onViewportChange),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._globalListenersBound=!1)}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionPanel()}))}_positionPanel(){const e=this._getPanel();if(!e||!this._isOpen)return;const t=this._getAnchor();if(!t||!t.isConnected){this.open=!1;return}const r=t.getBoundingClientRect();if(r.width===0&&r.height===0){this.open=!1;return}const o=Number(this.getAttribute("offset")),s=Number.isFinite(o)?o:10,a=f(this.getAttribute("placement")),c=e.querySelector(".arrow");if(!this._positioner||this._positionerPlacement!==a||this._positionerOffset!==s){this._positioner?.destroy(),this._positioner=p.createPositioner({anchor:t,floating:e,placement:a,strategy:"fixed",offset:s,flip:!0,shift:!0,boundaryPadding:8,arrow:c,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:h=>{const d=h.placement.split("-")[0];e.setAttribute("data-placement",d);const n=h.middlewareData?.arrow;typeof n?.x=="number"&&e.style.setProperty("--ui-hover-card-arrow-x",`${Math.round(n.x)}px`),typeof n?.y=="number"&&e.style.setProperty("--ui-hover-card-arrow-y",`${Math.round(n.y)}px`),e.setAttribute("data-ready","true")}}),this._positionerPlacement=a,this._positionerOffset=s;return}this._positioner?.update()}render(){this.setContent(`
-      <style>${v}</style>
+`;function b(i){return i==="top"||i==="left"||i==="right"?i:"bottom"}class c extends p.ElementBase{constructor(){super(),this._openTimer=null,this._closeTimer=null,this._positionRaf=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._isOpen=!1,this._globalListenersBound=!1,this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onFocusIn=this._onFocusIn.bind(this),this._onFocusOut=this._onFocusOut.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["open","headless","delay","close-delay","placement","offset","variant","tone","density","shape","elevation"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerenter",this._onPointerEnter),this.addEventListener("pointerleave",this._onPointerLeave),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("focusout",this._onFocusOut),this.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("pointerenter",this._onPointerEnter),this.removeEventListener("pointerleave",this._onPointerLeave),this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("focusout",this._onFocusOut),this.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"||e==="headless"){this._syncOpenState();return}this._isOpen&&(e==="placement"||e==="offset"||e==="density"||e==="shape")&&this._schedulePosition()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}get delay(){const e=h.numberAttribute(this.getAttribute("delay"),120);return Number.isFinite(e)&&e>=0?e:120}set delay(e){this.setAttribute("delay",String(e))}get closeDelay(){const e=h.numberAttribute(this.getAttribute("close-delay"),Number.NaN);return Number.isFinite(e)&&e>=0?e:this.delay}set closeDelay(e){this.setAttribute("close-delay",String(e))}_onSlotChange(){this._isOpen&&this._schedulePosition()}_getPanel(){return this.root.querySelector(".panel")}_getAnchor(){const e=this.querySelector('[slot="trigger"]');return e||Array.from(this.children).find(r=>r instanceof HTMLElement?!r.hasAttribute("slot")||r.getAttribute("slot")==="trigger":!1)||this}_isNodeWithinComponent(e){return e?!!(e===this||this.contains(e)||this.root.contains(e)):!1}_clearTimers(){this._openTimer!=null&&(window.clearTimeout(this._openTimer),this._openTimer=null),this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleOpen(e){this._clearTimers(),this._openTimer=window.setTimeout(()=>{this._openTimer=null,this.open=!0},Math.max(0,e))}_scheduleClose(e){this._clearTimers(),this._closeTimer=window.setTimeout(()=>{this._closeTimer=null,this.open=!1},Math.max(0,e))}_onPointerEnter(){if(!this.hasAttribute("headless")){if(this._isOpen){this._clearTimers();return}this._scheduleOpen(this.delay)}}_onPointerLeave(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onFocusIn(){this.hasAttribute("headless")||(this._clearTimers(),this.open=!0)}_onFocusOut(e){const t=e.relatedTarget;this._isNodeWithinComponent(t)||this._scheduleClose(this.closeDelay)}_onKeyDown(e){if(!this._isOpen||e.key!=="Escape")return;e.preventDefault(),this.open=!1;const t=this._getAnchor();try{t.focus()}catch{}}_onDocumentPointerDown(e){!this._isOpen||e.composedPath().includes(this)||(this.open=!1)}_onViewportChange(){this._isOpen&&this._schedulePosition()}_syncOpenState(){const e=this.hasAttribute("open")&&!this.hasAttribute("headless");if(e===this._isOpen){this._syncPanelA11y(),e?(this._bindGlobalListeners(),this._schedulePosition()):this._unbindGlobalListeners();return}this._isOpen=e,this._syncPanelA11y();const t=this._getPanel();if(e){this._bindGlobalListeners(),t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("open",{bubbles:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!0}})),this._schedulePosition();return}this._unbindGlobalListeners(),this._clearTimers(),this._positionRaf!=null&&(cancelAnimationFrame(this._positionRaf),this._positionRaf=null),this._positioner?.destroy(),this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,t&&t.setAttribute("data-ready","false"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:{open:!1}}))}_syncPanelA11y(){const e=this._getPanel();if(!e)return;e.setAttribute("aria-hidden",this._isOpen?"false":"true"),this._isOpen||e.setAttribute("data-ready","false");const t=this.querySelector('[slot="trigger"]'),r=this.querySelector('[slot="card"] :is(h1, h2, h3, h4, h5, h6, strong)'),o=(this.getAttribute("aria-label")||this.getAttribute("label")||"").trim()||(t?.getAttribute("aria-label")||t?.textContent||"").trim()||(r?.textContent||"").trim()||"Details";e.setAttribute("aria-label",o)}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),window.addEventListener("resize",this._onViewportChange),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._globalListenersBound=!1)}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionPanel()}))}_positionPanel(){const e=this._getPanel();if(!e||!this._isOpen)return;const t=this._getAnchor();if(!t||!t.isConnected){this.open=!1;return}const r=t.getBoundingClientRect();if(r.width===0&&r.height===0){this.open=!1;return}const o=h.numberAttribute(this.getAttribute("offset"),10),s=Number.isFinite(o)?o:10,a=b(this.getAttribute("placement")),d=e.querySelector(".arrow");if(!this._positioner||this._positionerPlacement!==a||this._positionerOffset!==s){this._positioner?.destroy(),this._positioner=v.createPositioner({anchor:t,floating:e,placement:a,strategy:"fixed",offset:s,flip:!0,shift:!0,boundaryPadding:8,arrow:d,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,onUpdate:l=>{const u=l.placement.split("-")[0];e.setAttribute("data-placement",u);const n=l.middlewareData?.arrow;typeof n?.x=="number"&&e.style.setProperty("--ui-hover-card-arrow-x",`${Math.round(n.x)}px`),typeof n?.y=="number"&&e.style.setProperty("--ui-hover-card-arrow-y",`${Math.round(n.y)}px`),e.setAttribute("data-ready","true")}}),this._positionerPlacement=a,this._positionerOffset=s;return}this._positioner?.update()}render(){this.setContent(`
+      <style>${f}</style>
       <div class="anchor" part="anchor">
         <slot name="trigger"></slot>
         <slot></slot>
@@ -281,4 +281,4 @@
         <div class="arrow" part="arrow" aria-hidden="true"></div>
         <div class="panel-body" part="body"><slot name="card"></slot></div>
       </div>
-    `),this._syncPanelA11y(),this._isOpen&&this._schedulePosition()}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-hover-card")&&customElements.define("ui-hover-card",l);exports.UIHoverCard=l;
+    `),this._syncPanelA11y(),this._isOpen&&this._schedulePosition()}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-hover-card")&&customElements.define("ui-hover-card",c);exports.UIHoverCard=c;