@editora/ui-core 0.2.1 → 0.3.0

package/dist/sortable.esm.js

@@ -1,4 +1,4 @@
-import { E as dt } from "./ElementBase-BeZT54Hj.mjs";
+import { E as dt } from "./ElementBase-D5QsC5Vw.mjs";
 function K(u, t, e, i = 56, r = 18) {
   if (!Number.isFinite(u) || !(e > t)) return 0;
   const s = Math.min(i, (e - t) / 2);
@@ -999,7 +999,7 @@ function H(u, t) {
 function ft(u) {
   return u === "item" ? "item" : "handle";
 }
-function A(u) {
+function z(u) {
   return { ...u };
 }
 function B(u) {
@@ -1024,15 +1024,15 @@ function j(u, t, e, i, r, s) {
     !S || d.has(m) || (d.add(m), o.push(m), (a.get(w(S.listId, m)) || []).forEach(c));
   };
   i.forEach(c);
-  const l = u.map(A), p = l.filter((m) => d.has(m.id)), g = r ? l.map(A) : l.filter((m) => !d.has(m.id)), b = r ? p.map((m) => s(m, o)) : p.map(A), y = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
+  const l = u.map(z), p = l.filter((m) => d.has(m.id)), g = r ? l.map(z) : l.filter((m) => !d.has(m.id)), b = r ? p.map((m) => s(m, o)) : p.map(z), y = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
   r && p.forEach((m, S) => {
     y.set(m.id, b[S].id), h.set(b[S].id, m.id);
   }), b.forEach((m) => {
     const S = r ? h.get(m.id) : m.id, L = S ? n.get(S) : null;
     L && (r && (m.parentId = L.parentId && y.has(L.parentId) && y.get(L.parentId) || null), m.listId = e.listId);
   });
-  const f = i.map((m) => y.get(m) || m), x = [...g, ...b], D = M(g), C = w(e.listId, e.parentId), z = [...D.get(C) || []], E = e.beforeId ? z.indexOf(e.beforeId) : z.length, F = E >= 0 ? E : z.length;
-  z.splice(F, 0, ...f), D.set(C, z), M(b).forEach((m, S) => {
+  const f = i.map((m) => y.get(m) || m), x = [...g, ...b], D = M(g), C = w(e.listId, e.parentId), A = [...D.get(C) || []], E = e.beforeId ? A.indexOf(e.beforeId) : A.length, F = E >= 0 ? E : A.length;
+  A.splice(F, 0, ...f), D.set(C, A), M(b).forEach((m, S) => {
     const [, L] = S.split("::");
     (L || "") !== "__root__" && D.set(S, [...m]);
   });
@@ -1050,7 +1050,7 @@ function j(u, t, e, i, r, s) {
   return t.forEach((m) => R(m.id, null)), x.forEach((m) => {
     k.has(m.id) || (m.parentId = null, P.push(m));
   }), {
-    items: P.map(A),
+    items: P.map(z),
     insertedRootIds: f
   };
 }
@@ -1129,7 +1129,7 @@ function U(u, t) {
   };
   return u.forEach((o) => d(o.id, null)), i.forEach((o) => {
     a.has(o.id) || (o.parentId = null, n.push(o));
-  }), n.map(A);
+  }), n.map(z);
 }
 function bt(u) {
   return JSON.stringify(u.map((t) => ({
@@ -1403,7 +1403,7 @@ const $ = class $ extends dt {
   }
   render() {
     this._syncStateFromAttributes();
-    const t = this._measureItemShellRects(), e = new Set(this._draggingIds()), i = new Set(this._selection), s = !!this._dragState?.keyboard ? this._projectedMoveResult() : null, n = s?.items || this._items, a = new Set(s?.insertedRootIds || []), d = !!this._dragState && !this._dragState.keyboard && !!this._dragState.dropTarget, o = nt(n, i, e, this.filterQuery, this.sort), c = this._resolvedFocusedId(o), l = this._isDragLocked(), p = this._selection.length, g = this.getAttribute("allow-nesting") !== "false", b = this.getAttribute("drop-indicator-visibility") === "always" ? "always" : "active", y = this._dropzoneStyle(), h = this.getAttribute("show-selection-badge") !== "false", f = this._dragHandleMode(), x = this._usesCustomHandleSelector(), D = l ? this.sort === "label" ? this._t("hintPausedSort") : this.filterQuery && !this.hasAttribute("allow-filtered-drag") ? this._t("hintPausedFilter") : this._t("hintDisabled") : this._dragState?.keyboard ? this._t("hintKeyboard") : f === "item" ? this._t("hintItem") : x ? this._t("hintCustom") : this._t("hintHandle"), C = this.hasAttribute("hide-toolbar"), z = g && !l && !this._dragState?.keyboard ? this._t(this._nestTrigger() === "area" ? "hintNestArea" : this._nestTrigger() === "modifier" ? "hintNestModifier" : "hintNestGutter") : "", E = `
+    const t = this._measureItemShellRects(), e = new Set(this._draggingIds()), i = new Set(this._selection), s = !!this._dragState?.keyboard ? this._projectedMoveResult() : null, n = s?.items || this._items, a = new Set(s?.insertedRootIds || []), d = !!this._dragState && !this._dragState.keyboard && !!this._dragState.dropTarget, o = nt(n, i, e, this.filterQuery, this.sort), c = this._resolvedFocusedId(o), l = this._isDragLocked(), p = this._selection.length, g = this.getAttribute("allow-nesting") !== "false", b = this.getAttribute("drop-indicator-visibility") === "always" ? "always" : "active", y = this._dropzoneStyle(), h = this.getAttribute("show-selection-badge") !== "false", f = this._dragHandleMode(), x = this._usesCustomHandleSelector(), D = l ? this.sort === "label" ? this._t("hintPausedSort") : this.filterQuery && !this.hasAttribute("allow-filtered-drag") ? this._t("hintPausedFilter") : this._t("hintDisabled") : this._dragState?.keyboard ? this._t("hintKeyboard") : f === "item" ? this._t("hintItem") : x ? this._t("hintCustom") : this._t("hintHandle"), C = this.hasAttribute("hide-toolbar"), A = g && !l && !this._dragState?.keyboard ? this._t(this._nestTrigger() === "area" ? "hintNestArea" : this._nestTrigger() === "modifier" ? "hintNestModifier" : "hintNestGutter") : "", E = `
       <style>${gt}</style>
       <div
         class="root"
@@ -1414,7 +1414,7 @@ const $ = class $ extends dt {
         data-dropzone-style="${y}"
       >
         <div class="toolbar" part="toolbar"${C ? ' data-hidden="true"' : ""}>
-          <div class="helper" id="ui-sortable-helper">${v(z ? `${D} ${z}` : D)}</div>
+          <div class="helper" id="ui-sortable-helper">${v(A ? `${D} ${A}` : D)}</div>
           <div class="helper selection-summary" data-count="${p}">
             <span class="selection-pill" part="selection-count">${p}</span>
             <span class="selection-text">${v(p === 1 ? this._t("selectedOne") : this._t("selectedMany"))}</span>
@@ -1462,7 +1462,7 @@ const $ = class $ extends dt {
     `, F = this._captureScroll();
     this._focusWasInside = !!this.root.activeElement, this.setContent(E), this._restoreScroll(F), this._fillCustomTargets(), queueMicrotask(() => {
       this._restorePendingFocus(), this._dragState?.keyboard && this.root.querySelector(".item-placeholder")?.scrollIntoView?.({ block: "nearest", inline: "nearest" }), this._applyCurrentDropTargetVisualState(), this._applyLiveMessage(), this._animateItemShellReflow(t);
-    });
+    }), this._syncScrollTabStops();
   }
   _syncStateFromAttributes() {
     const t = this.getAttribute("lists");
@@ -1655,6 +1655,14 @@ const $ = class $ extends dt {
     const e = new Set(this._items.map((i) => i.id));
     this._selection = V(t).filter((i) => e.has(i)), !this._selection.length && this._focusedId && !e.has(this._focusedId) && (this._focusedId = null);
   }
+  // A scrolling list with no item that is the tab stop (the single roving stop is in another
+  // list) could not be reached, and so not scrolled, from the keyboard: the list itself is then
+  // the tab stop.
+  _syncScrollTabStops() {
+    this.root.querySelectorAll('.items[data-scroll="true"]').forEach((t) => {
+      t.querySelector('.item[tabindex="0"]') ? t.removeAttribute("tabindex") : t.setAttribute("tabindex", "0");
+    });
+  }
   _syncSelectionVisualState() {
     const t = new Set(this._selection), e = this.getAttribute("show-selection-badge") !== "false", i = /* @__PURE__ */ new Set();
     this.root.querySelectorAll(".item[data-id]").forEach((n) => {
@@ -1669,7 +1677,7 @@ const $ = class $ extends dt {
         const l = d && e;
         c.hidden = !l, c.textContent = l ? this._t("badgeSelected") : "";
       }
-    }), i.size && this._renderItemFn && this._fillCustomTargets({ itemIds: i }), this.root.querySelector(".selection-summary")?.setAttribute("data-count", String(this._selection.length));
+    }), this._syncScrollTabStops(), i.size && this._renderItemFn && this._fillCustomTargets({ itemIds: i }), this.root.querySelector(".selection-summary")?.setAttribute("data-count", String(this._selection.length));
     const r = this.root.querySelector(".selection-pill");
     r && (r.textContent = String(this._selection.length));
     const s = this.root.querySelector(".selection-text");
@@ -1869,15 +1877,15 @@ const $ = class $ extends dt {
   _renderChildBranch(t, e, i, r, s, n, a) {
     const d = v(t.id), o = n.has(t.id), c = o ? "" : r(t.id), l = st(c), p = o ? !1 : this._selection.includes(t.id), g = o ? !1 : i.has(t.id), b = t.disabled, y = b || t.dragDisabled || this._isDragLocked(), h = this._dragState?.dropTarget?.mode === "inside" && this._dragState.dropTarget.parentId === t.id, f = this._t(this._dragState?.clone ? "copyPreview" : "dropPreview"), x = this._t(
       this._dragState?.clone ? "releaseCopy" : this._dragState && this._dragState.movedRootIds.length > 1 ? "releaseMoveMany" : "releaseMove"
-    ), D = this._dragHandleMode(), C = this._usesCustomHandleSelector(), z = C ? "custom" : D, E = !C && D === "handle";
+    ), D = this._dragHandleMode(), C = this._usesCustomHandleSelector(), A = C ? "custom" : D, E = !C && D === "handle";
     return `
       <div class="item-shell" data-item-shell="${d}">
         <div
           class="item${o ? " item-placeholder" : ""}"
           part="item"
           data-id="${d}"
-          data-drag-handle-mode="${z}"
-          ${!o && z === "item" ? 'data-drag-trigger="item"' : ""}
+          data-drag-handle-mode="${A}"
+          ${!o && A === "item" ? 'data-drag-trigger="item"' : ""}
           data-selected="${p}"
           data-focused="${o ? "false" : e === t.id}"
           data-dragging="${g}"
@@ -2019,7 +2027,7 @@ const $ = class $ extends dt {
         if (!l.length) return;
         const p = this._itemClonesOnDrag(i);
         this._dragState = {
-          snapshot: this._items.map(A),
+          snapshot: this._items.map(z),
           movedRootIds: l,
           originId: i,
           clone: p,
@@ -2142,7 +2150,7 @@ const $ = class $ extends dt {
     if (i && i.clone === e && i.rootIds.join() === t.join()) return i;
     const r = T(this._items), s = M(this._items), n = /* @__PURE__ */ new Set(), a = [], d = (c) => {
       const l = r.get(c);
-      !l || n.has(c) || (n.add(c), a.push(A(l)), (s.get(w(l.listId, c)) || []).forEach(d));
+      !l || n.has(c) || (n.add(c), a.push(z(l)), (s.get(w(l.listId, c)) || []).forEach(d));
     };
     t.forEach(d);
     const o = {
@@ -2174,7 +2182,7 @@ const $ = class $ extends dt {
     const c = a.items.map((h) => {
       const f = a.rootIds.indexOf(h.id);
       return {
-        ...A(h),
+        ...z(h),
         id: o.get(h.id) || h.id,
         parentId: h.parentId && o.has(h.parentId) && o.get(h.parentId) || null,
         listId: e.listId,
@@ -2202,7 +2210,7 @@ const $ = class $ extends dt {
     if (!r) {
       const h = new Set(a.items.map((f) => f.id));
       y = {
-        items: U(this._lists, this._items.filter((f) => !h.has(f.id)).map(A)),
+        items: U(this._lists, this._items.filter((f) => !h.has(f.id)).map(z)),
         movedIds: [...a.rootIds],
         nextSelection: this._selection.filter((f) => !h.has(f)),
         operation: "transfer",
@@ -2282,7 +2290,7 @@ const $ = class $ extends dt {
     if (!this._pointerGesture || this._dragState) return;
     const i = this._items.find((r) => r.id === this._pointerGesture?.originId);
     i && (this._dragState = {
-      snapshot: this._items.map(A),
+      snapshot: this._items.map(z),
       movedRootIds: [...this._pointerGesture.movedRootIds],
       originId: this._pointerGesture.originId,
       clone: this._pointerGesture.clone,
@@ -2583,7 +2591,7 @@ const $ = class $ extends dt {
   // events and the announcement.
   _applyPlan(t) {
     const e = [...this._selection];
-    this._dragState && (this._dragState.committed = !0), this._items = t.items.map(A), this._clearPointerDragPreview(), this._dragState = null, this._removeDragImage(), this._selection = [...t.nextSelection], this._focusedId = t.nextSelection[0] || null, this._pendingFocusId = this._focusedId, this._syncAttributesFromState();
+    this._dragState && (this._dragState.committed = !0), this._items = t.items.map(z), this._clearPointerDragPreview(), this._dragState = null, this._removeDragImage(), this._selection = [...t.nextSelection], this._focusedId = t.nextSelection[0] || null, this._pendingFocusId = this._focusedId, this._syncAttributesFromState();
     const i = J(this._items);
     this._persistSnapshot(i);
     const r = {
@@ -2644,7 +2652,7 @@ const $ = class $ extends dt {
     this._liveMessage = t, this._applyLiveMessage();
   }
   _cancelDrag(t) {
-    this._stopAutoScroll(), this._dragState && (this._setDraggingVisualState(this._draggingIds(), !1), this._pendingDropTarget = null, this._setExternal(null), this._setDropTargetVisualState(this._dragState.dropTarget, !1), this._clearPointerDragPreview(), this._items = this._dragState.snapshot.map(A), this._dragState = null, this._clearHoldTimer(), this._pointerGesture = null, this._removeDragImage(), t && this._announce(this._t("announceCancelled")), this._syncAttributesFromState(), this.requestRender());
+    this._stopAutoScroll(), this._dragState && (this._setDraggingVisualState(this._draggingIds(), !1), this._pendingDropTarget = null, this._setExternal(null), this._setDropTargetVisualState(this._dragState.dropTarget, !1), this._clearPointerDragPreview(), this._items = this._dragState.snapshot.map(z), this._dragState = null, this._clearHoldTimer(), this._pointerGesture = null, this._removeDragImage(), t && this._announce(this._t("announceCancelled")), this._syncAttributesFromState(), this.requestRender());
   }
   _removeDragImage() {
     this._dragImage?.remove(), this._dragImage = null;

package/dist/spinning-text.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./ElementBase-DxbvhLJs.js"),D="14s",I=" • ",h="linear",N=4,L=1,O=12,F=new Set(["clockwise","counterclockwise"]),Q=new Set(["default","surface","soft","solid","glass","contrast","minimal"]),U=new Set(["brand","neutral","info","success","warning","danger"]),B=new Set(["sm","md","lg","xl","1","2","3","4"]),j=new Set(["none","low","high"]),r={sm:{fontSize:"12px",fontSizePx:12,radius:"56px",radiusPx:56,padding:"12px",letterSpacing:"0.16em",letterSpacingPx:1.92,surfaceRadius:"24px"},md:{fontSize:"14px",fontSizePx:14,radius:"78px",radiusPx:78,padding:"16px",letterSpacing:"0.16em",letterSpacingPx:2.24,surfaceRadius:"28px"},lg:{fontSize:"16px",fontSizePx:16,radius:"96px",radiusPx:96,padding:"20px",letterSpacing:"0.18em",letterSpacingPx:2.88,surfaceRadius:"32px"},xl:{fontSize:"20px",fontSizePx:20,radius:"122px",radiusPx:122,padding:"24px",letterSpacing:"0.2em",letterSpacingPx:4,surfaceRadius:"36px"}},q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("./ElementBase-CbUsP3D6.js"),D="14s",I=" • ",h="linear",N=4,L=1,O=12,F=new Set(["clockwise","counterclockwise"]),Q=new Set(["default","surface","soft","solid","glass","contrast","minimal"]),U=new Set(["brand","neutral","info","success","warning","danger"]),B=new Set(["sm","md","lg","xl","1","2","3","4"]),j=new Set(["none","low","high"]),r={sm:{fontSize:"12px",fontSizePx:12,radius:"56px",radiusPx:56,padding:"12px",letterSpacing:"0.16em",letterSpacingPx:1.92,surfaceRadius:"24px"},md:{fontSize:"14px",fontSizePx:14,radius:"78px",radiusPx:78,padding:"16px",letterSpacing:"0.16em",letterSpacingPx:2.24,surfaceRadius:"28px"},lg:{fontSize:"16px",fontSizePx:16,radius:"96px",radiusPx:96,padding:"20px",letterSpacing:"0.18em",letterSpacingPx:2.88,surfaceRadius:"32px"},xl:{fontSize:"20px",fontSizePx:20,radius:"122px",radiusPx:122,padding:"24px",letterSpacing:"0.2em",letterSpacingPx:4,surfaceRadius:"36px"}},q=`
   :host {
     --ui-spinning-text-duration: ${D};
     --ui-spinning-text-easing: ${h};

package/dist/spinning-text.esm.js

@@ -1,4 +1,4 @@
-import { E as k } from "./ElementBase-BeZT54Hj.mjs";
+import { E as k } from "./ElementBase-D5QsC5Vw.mjs";
 const C = "14s", D = " • ", h = "linear", N = 4, I = 1, L = 12, O = /* @__PURE__ */ new Set(["clockwise", "counterclockwise"]), F = /* @__PURE__ */ new Set(["default", "surface", "soft", "solid", "glass", "contrast", "minimal"]), Q = /* @__PURE__ */ new Set(["brand", "neutral", "info", "success", "warning", "danger"]), U = /* @__PURE__ */ new Set(["sm", "md", "lg", "xl", "1", "2", "3", "4"]), B = /* @__PURE__ */ new Set(["none", "low", "high"]), r = {
   sm: {
     fontSize: "12px",

package/dist/split-button.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-DxbvhLJs.js"),f=require("./portal-XbYR3m_q.js"),g=require("./dismissable-layer-DNfrKA20.js"),h=require("./positioner-DZ1FW6A9.js"),x=require("./overlay-motion-B56x1GoY.js");require("./listbox-CTpRpuF7.js");const l=160,v=["--ui-split-button-menu-bg","--ui-split-button-menu-color","--ui-split-button-menu-border","--ui-split-button-menu-radius","--ui-split-button-menu-shadow","--ui-split-button-menu-accent","--ui-split-button-menu-accent-strong","--ui-split-button-menu-shortcut","--ui-split-button-menu-separator","--ui-split-button-menu-muted","--ui-split-button-menu-danger","--ui-split-button-menu-option-border","--ui-split-button-menu-option-border-strong","--ui-split-button-menu-option-shadow","--ui-split-button-menu-affordance-bg","--ui-split-button-menu-affordance-border","--ui-split-button-menu-affordance-size","--ui-split-button-menu-list-gap","--ui-split-button-menu-list-padding-top","--ui-split-button-menu-item-min-height","--ui-split-button-menu-item-radius","--ui-split-button-menu-item-padding"],_=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-CbUsP3D6.js"),f=require("./portal-XbYR3m_q.js"),g=require("./dismissable-layer-DNfrKA20.js"),h=require("./positioner-DZ1FW6A9.js"),x=require("./overlay-motion-B56x1GoY.js");require("./listbox-CTpRpuF7.js");const l=160,v=["--ui-split-button-menu-bg","--ui-split-button-menu-color","--ui-split-button-menu-border","--ui-split-button-menu-radius","--ui-split-button-menu-shadow","--ui-split-button-menu-accent","--ui-split-button-menu-accent-strong","--ui-split-button-menu-shortcut","--ui-split-button-menu-separator","--ui-split-button-menu-muted","--ui-split-button-menu-danger","--ui-split-button-menu-option-border","--ui-split-button-menu-option-border-strong","--ui-split-button-menu-option-shadow","--ui-split-button-menu-affordance-bg","--ui-split-button-menu-affordance-border","--ui-split-button-menu-affordance-size","--ui-split-button-menu-list-gap","--ui-split-button-menu-list-padding-top","--ui-split-button-menu-item-min-height","--ui-split-button-menu-item-radius","--ui-split-button-menu-item-padding"],_=`
   :host {
     --ui-split-button-radius: 12px;
     --ui-split-button-border: 1px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);

package/dist/split-button.esm.js

@@ -1,4 +1,4 @@
-import { E as c } from "./ElementBase-BeZT54Hj.mjs";
+import { E as c } from "./ElementBase-D5QsC5Vw.mjs";
 import { b } from "./portal-DeaM1tYY.mjs";
 import { c as f } from "./dismissable-layer-BmPIoK80.mjs";
 import { e as g } from "./positioner-BE8Nbho2.mjs";

package/dist/splitter.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-DxbvhLJs.js"),l=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-CbUsP3D6.js"),l=`
   :host {
     --ui-splitter-size: 10px;
     --ui-splitter-hit-area: 10px;

package/dist/splitter.esm.js

@@ -1,4 +1,4 @@
-import { E as s } from "./ElementBase-BeZT54Hj.mjs";
+import { E as s } from "./ElementBase-D5QsC5Vw.mjs";
 const r = `
   :host {
     --ui-splitter-size: 10px;

package/dist/standalone/add-icons.d.ts

@@ -0,0 +1,2 @@
+export { addIcons } from '../add-icons';
+//# sourceMappingURL=add-icons.d.ts.map

package/dist/standalone/add-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-icons.d.ts","sourceRoot":"","sources":["../../src/standalone/add-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/dist/standalone/preload.d.ts

@@ -0,0 +1,2 @@
+export { PRELOAD_CSS } from '../preload';
+//# sourceMappingURL=preload.d.ts.map

package/dist/standalone/preload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preload.d.ts","sourceRoot":"","sources":["../../src/standalone/preload.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/stepper.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-DxbvhLJs.js"),b=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-CbUsP3D6.js"),b=`
   :host {
     --ui-stepper-gap: 8px;
     --ui-stepper-radius: calc(var(--ui-radius, 6px) + 2px);
@@ -153,8 +153,8 @@
     --ui-stepper-border: #334155;
     --ui-stepper-text: #e2e8f0;
     --ui-stepper-muted: #93a4bd;
-    --ui-stepper-accent: #93c5fd;
-    --ui-stepper-focus: #93c5fd;
+    --ui-stepper-accent: var(--ui-color-accent-on-dark, #93c5fd);
+    --ui-stepper-focus: var(--ui-color-accent-on-dark, #93c5fd);
   }
 
   :host([variant="minimal"]) .frame {

package/dist/stepper.esm.js

@@ -1,4 +1,4 @@
-import { E as d } from "./ElementBase-BeZT54Hj.mjs";
+import { E as d } from "./ElementBase-D5QsC5Vw.mjs";
 const g = `
   :host {
     --ui-stepper-gap: 8px;
@@ -154,8 +154,8 @@ const g = `
     --ui-stepper-border: #334155;
     --ui-stepper-text: #e2e8f0;
     --ui-stepper-muted: #93a4bd;
-    --ui-stepper-accent: #93c5fd;
-    --ui-stepper-focus: #93c5fd;
+    --ui-stepper-accent: var(--ui-color-accent-on-dark, #93c5fd);
+    --ui-stepper-focus: var(--ui-color-accent-on-dark, #93c5fd);
   }
 
   :host([variant="minimal"]) .frame {

package/dist/switch.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./ElementBase-DxbvhLJs.js"),g=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./ElementBase-CbUsP3D6.js"),d=require("./form-control-B90_3kYN.js"),m=`
   :host {
     --ui-switch-width: 36px;
     --ui-switch-height: 20px;
@@ -297,10 +297,10 @@
     --ui-switch-thumb-color: #334155;
     --ui-switch-label: #e2e8f0;
     --ui-switch-description: #9ca3af;
-    --ui-switch-accent: #93c5fd;
+    --ui-switch-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-switch-accent-hover: #60a5fa;
     --ui-switch-accent-contrast: #0f172a;
-    --ui-switch-focus: #93c5fd;
+    --ui-switch-focus: var(--ui-color-accent-on-dark, #93c5fd);
   }
 
   :host([tone="success"]) {
@@ -370,8 +370,8 @@
       background: HighlightText;
     }
   }
-`,l=new Set(["label","description"]);function u(s){if(s==null)return!1;const t=String(s).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function d(s){return String(s).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function f(s){for(const t of s)if(t instanceof HTMLElement&&t.matches('a,button,input,select,textarea,[contenteditable="true"],[data-ui-switch-no-toggle]'))return!0;return!1}class b extends w.ElementBase{constructor(){super(),this._control=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["checked","disabled","headless","loading","size","variant","tone","shape","elevation","label","description","name","value","required","tabindex","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncAria()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),super.disconnectedCallback()}attributeChangedCallback(t,i,e){if(i!==e){if(l.has(t)){super.attributeChangedCallback(t,i,e);return}this._syncAria()}}get checked(){return this.hasAttribute("checked")}set checked(t){t?this.setAttribute("checked",""):this.removeAttribute("checked")}get disabled(){return this.hasAttribute("disabled")||this.hasAttribute("loading")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}toggle(t){if(this.disabled)return;const i=typeof t=="boolean"?t:!this.checked;if(i===this.checked){this._syncAria();return}this.checked=i,this._syncAria();const e={checked:i,value:this.getAttribute("value")||"on",name:this.getAttribute("name")||"",required:u(this.getAttribute("required"))};this.dispatchEvent(new CustomEvent("input",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}_syncAria(){const t=this.checked,i=this.disabled,e=this.hasAttribute("loading"),r=u(this.getAttribute("required"));this.setAttribute("role","switch"),this.setAttribute("aria-checked",t?"true":"false"),this.setAttribute("aria-disabled",i?"true":"false"),this.setAttribute("aria-busy",e?"true":"false"),r?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required");const o=this.getAttribute("data-ui-switch-tabindex");i?(o==null&&this.setAttribute("data-ui-switch-tabindex",this.getAttribute("tabindex")||""),this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1")):o!=null?(o?this.setAttribute("tabindex",o):this.removeAttribute("tabindex"),this.removeAttribute("data-ui-switch-tabindex")):this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this._control&&this._control.toggleAttribute("data-disabled",i)}_onClick(t){if(this.disabled)return;const i=t.composedPath();if(!i.some(a=>a instanceof HTMLElement&&a.classList.contains("control"))&&f(i))return;const r=t.target;r instanceof HTMLElement&&r.closest(".shell")&&(this.toggle(),this.focus({preventScroll:!0}))}_onKeyDown(t){if(this.disabled||t.defaultPrevented)return;const i=t.target;if(i instanceof HTMLElement&&i!==this&&!i.closest(".control"))return;const e=getComputedStyle(this).direction==="rtl";if(t.key===" "||t.key==="Enter"){t.preventDefault(),this.toggle();return}if(t.key==="ArrowLeft"){t.preventDefault(),this.toggle(e);return}if(t.key==="ArrowRight"){t.preventDefault(),this.toggle(!e);return}if(t.key==="Home"){t.preventDefault(),this.toggle(!1);return}t.key==="End"&&(t.preventDefault(),this.toggle(!0))}_onSlotChange(){this.requestRender()}render(){const t=this.checked,i=this.disabled,e=(this.getAttribute("label")||"").trim(),r=(this.getAttribute("description")||"").trim(),o=Array.from(this.childNodes).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType!==Node.ELEMENT_NODE?!1:!n.getAttribute("slot")),a=!!this.querySelector('[slot="description"]'),c=!!e||o,h=!!r||a,p=c||h;this.setContent(`
-      <style>${g}</style>
+`,b=new Set(["label","description"]);function p(o){if(o==null)return!1;const t=String(o).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function w(o){return String(o).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function v(o){for(const t of o)if(t instanceof HTMLElement&&t.matches('a,button,input,select,textarea,[contenteditable="true"],[data-ui-switch-no-toggle]'))return!0;return!1}const h=class h extends g.ElementBase{constructor(){super(),this._formControl=new d.FormControl(this,{getValue:()=>this.checked?this.getAttribute("value")??"on":null,getValidity:()=>({valueMissing:d.isRequired(this)&&!this.checked,message:"Please turn this on if you want to proceed."}),defaultAttribute:"checked",onFormDisabled:()=>this.requestRender()}),this._control=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this)}static get observedAttributes(){return["checked","disabled","headless","loading","size","variant","tone","shape","elevation","label","description","name","value","required","tabindex","aria-label"]}formResetCallback(){this._formControl.formResetCallback()}formDisabledCallback(t){this._formControl.formDisabledCallback(t)}get form(){return this._formControl.form}connectedCallback(){super.connectedCallback(),this._formControl.connect(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("slotchange",this._onSlotChange),this._syncAria()}disconnectedCallback(){this._formControl.disconnect(),this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("slotchange",this._onSlotChange),super.disconnectedCallback()}attributeChangedCallback(t,i,e){if(i!==e){if(b.has(t)){super.attributeChangedCallback(t,i,e);return}this._syncAria()}}get checked(){return this.hasAttribute("checked")}set checked(t){t?this.setAttribute("checked",""):this.removeAttribute("checked")}get disabled(){return this.hasAttribute("disabled")||this.hasAttribute("loading")||!!this._formControl?.disabledByForm}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}toggle(t){if(this.disabled)return;const i=typeof t=="boolean"?t:!this.checked;if(i===this.checked){this._syncAria();return}this.checked=i,this._syncAria();const e={checked:i,value:this.getAttribute("value")||"on",name:this.getAttribute("name")||"",required:p(this.getAttribute("required"))};this.dispatchEvent(new CustomEvent("input",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}_syncAria(){const t=this.checked,i=this.disabled,e=this.hasAttribute("loading"),s=p(this.getAttribute("required"));this.setAttribute("role","switch"),this.setAttribute("aria-checked",t?"true":"false"),this.setAttribute("aria-disabled",i?"true":"false"),this.setAttribute("aria-busy",e?"true":"false"),s?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required");const r=this.getAttribute("data-ui-switch-tabindex");i?(r==null&&this.setAttribute("data-ui-switch-tabindex",this.getAttribute("tabindex")||""),this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1")):r!=null?(r?this.setAttribute("tabindex",r):this.removeAttribute("tabindex"),this.removeAttribute("data-ui-switch-tabindex")):this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this._control&&this._control.toggleAttribute("data-disabled",i)}_onClick(t){if(this.disabled)return;const i=t.composedPath();if(!i.some(a=>a instanceof HTMLElement&&a.classList.contains("control"))&&v(i))return;const s=t.target;s instanceof HTMLElement&&s.closest(".shell")&&(this.toggle(),this.focus({preventScroll:!0}))}_onKeyDown(t){if(this.disabled||t.defaultPrevented)return;const i=t.target;if(i instanceof HTMLElement&&i!==this&&!i.closest(".control"))return;const e=getComputedStyle(this).direction==="rtl";if(t.key===" "||t.key==="Enter"){t.preventDefault(),this.toggle();return}if(t.key==="ArrowLeft"){t.preventDefault(),this.toggle(e);return}if(t.key==="ArrowRight"){t.preventDefault(),this.toggle(!e);return}if(t.key==="Home"){t.preventDefault(),this.toggle(!1);return}t.key==="End"&&(t.preventDefault(),this.toggle(!0))}_onSlotChange(){this.requestRender()}render(){const t=this.checked,i=this.disabled,e=(this.getAttribute("label")||"").trim(),s=(this.getAttribute("description")||"").trim(),r=Array.from(this.childNodes).some(n=>n.nodeType===Node.TEXT_NODE?!!n.textContent?.trim():n.nodeType!==Node.ELEMENT_NODE?!1:!n.getAttribute("slot")),a=!!this.querySelector('[slot="description"]'),l=!!e||r,u=!!s||a,f=l||u;this.setContent(`
+      <style>${m}</style>
       <span class="shell" part="shell">
         <span
           class="control"
@@ -385,9 +385,9 @@
             <span class="thumb-icon icon-off" aria-hidden="true">•</span>
           </span>
         </span>
-        <span class="label-wrap" part="label-wrap" ${p?"":"hidden"}>
-          <span class="label" part="label" ${c?"":"hidden"}><slot>${d(e)}</slot></span>
-          <span class="description" part="description" ${h?"":"hidden"}><slot name="description">${d(r)}</slot></span>
+        <span class="label-wrap" part="label-wrap" ${f?"":"hidden"}>
+          <span class="label" part="label" ${l?"":"hidden"}><slot>${w(e)}</slot></span>
+          <span class="description" part="description" ${u?"":"hidden"}><slot name="description">${w(s)}</slot></span>
         </span>
       </span>
-    `),this._control=this.root.querySelector(".control"),this._syncAria(),this.setAttribute("aria-checked",t?"true":"false")}shouldRenderOnAttributeChange(t,i,e){return l.has(t)}}typeof customElements<"u"&&!customElements.get("ui-switch")&&customElements.define("ui-switch",b);exports.UISwitch=b;
+    `),this._control=this.root.querySelector(".control"),this._syncAria(),this.setAttribute("aria-checked",t?"true":"false")}shouldRenderOnAttributeChange(t,i,e){return b.has(t)}};h.formAssociated=!0;let c=h;typeof customElements<"u"&&!customElements.get("ui-switch")&&customElements.define("ui-switch",c);exports.UISwitch=c;

package/dist/switch.esm.js

@@ -1,5 +1,6 @@
-import { E as p } from "./ElementBase-BeZT54Hj.mjs";
-const w = `
+import { E as w } from "./ElementBase-D5QsC5Vw.mjs";
+import { F as g, i as m } from "./form-control-D9wWUMBl.mjs";
+const v = `
   :host {
     --ui-switch-width: 36px;
     --ui-switch-height: 20px;
@@ -298,10 +299,10 @@ const w = `
     --ui-switch-thumb-color: #334155;
     --ui-switch-label: #e2e8f0;
     --ui-switch-description: #9ca3af;
-    --ui-switch-accent: #93c5fd;
+    --ui-switch-accent: var(--ui-color-accent-on-dark, #93c5fd);
     --ui-switch-accent-hover: #60a5fa;
     --ui-switch-accent-contrast: #0f172a;
-    --ui-switch-focus: #93c5fd;
+    --ui-switch-focus: var(--ui-color-accent-on-dark, #93c5fd);
   }
 
   :host([tone="success"]) {
@@ -371,26 +372,34 @@ const w = `
       background: HighlightText;
     }
   }
-`, l = /* @__PURE__ */ new Set(["label", "description"]);
-function u(s) {
-  if (s == null) return !1;
-  const t = String(s).toLowerCase();
+`, d = /* @__PURE__ */ new Set(["label", "description"]);
+function b(o) {
+  if (o == null) return !1;
+  const t = String(o).toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
 }
-function d(s) {
-  return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function p(o) {
+  return String(o).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function g(s) {
-  for (const t of s)
+function k(o) {
+  for (const t of o)
     if (t instanceof HTMLElement && t.matches(
       'a,button,input,select,textarea,[contenteditable="true"],[data-ui-switch-no-toggle]'
     ))
       return !0;
   return !1;
 }
-class f extends p {
+const h = class h extends w {
   constructor() {
-    super(), this._control = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onSlotChange = this._onSlotChange.bind(this);
+    super(), this._formControl = new g(this, {
+      getValue: () => this.checked ? this.getAttribute("value") ?? "on" : null,
+      getValidity: () => ({
+        valueMissing: m(this) && !this.checked,
+        message: "Please turn this on if you want to proceed."
+      }),
+      defaultAttribute: "checked",
+      onFormDisabled: () => this.requestRender()
+    }), this._control = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onSlotChange = this._onSlotChange.bind(this);
   }
   static get observedAttributes() {
     return [
@@ -412,15 +421,25 @@ class f extends p {
       "aria-label"
     ];
   }
+  formResetCallback() {
+    this._formControl.formResetCallback();
+  }
+  formDisabledCallback(t) {
+    this._formControl.formDisabledCallback(t);
+  }
+  /** The `<form>` this field belongs to, if any. */
+  get form() {
+    return this._formControl.form;
+  }
   connectedCallback() {
-    super.connectedCallback(), this.root.addEventListener("click", this._onClick), this.root.addEventListener("keydown", this._onKeyDown), this.root.addEventListener("slotchange", this._onSlotChange), this._syncAria();
+    super.connectedCallback(), this._formControl.connect(), this.root.addEventListener("click", this._onClick), this.root.addEventListener("keydown", this._onKeyDown), this.root.addEventListener("slotchange", this._onSlotChange), this._syncAria();
   }
   disconnectedCallback() {
-    this.root.removeEventListener("click", this._onClick), this.root.removeEventListener("keydown", this._onKeyDown), this.root.removeEventListener("slotchange", this._onSlotChange), super.disconnectedCallback();
+    this._formControl.disconnect(), this.root.removeEventListener("click", this._onClick), this.root.removeEventListener("keydown", this._onKeyDown), this.root.removeEventListener("slotchange", this._onSlotChange), super.disconnectedCallback();
   }
   attributeChangedCallback(t, i, e) {
     if (i !== e) {
-      if (l.has(t)) {
+      if (d.has(t)) {
         super.attributeChangedCallback(t, i, e);
         return;
       }
@@ -434,7 +453,7 @@ class f extends p {
     t ? this.setAttribute("checked", "") : this.removeAttribute("checked");
   }
   get disabled() {
-    return this.hasAttribute("disabled") || this.hasAttribute("loading");
+    return this.hasAttribute("disabled") || this.hasAttribute("loading") || !!this._formControl?.disabledByForm;
   }
   set disabled(t) {
     t ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
@@ -451,24 +470,24 @@ class f extends p {
       checked: i,
       value: this.getAttribute("value") || "on",
       name: this.getAttribute("name") || "",
-      required: u(this.getAttribute("required"))
+      required: b(this.getAttribute("required"))
     };
     this.dispatchEvent(new CustomEvent("input", { detail: e, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: e, bubbles: !0, composed: !0 }));
   }
   _syncAria() {
-    const t = this.checked, i = this.disabled, e = this.hasAttribute("loading"), r = u(this.getAttribute("required"));
-    this.setAttribute("role", "switch"), this.setAttribute("aria-checked", t ? "true" : "false"), this.setAttribute("aria-disabled", i ? "true" : "false"), this.setAttribute("aria-busy", e ? "true" : "false"), r ? this.setAttribute("aria-required", "true") : this.removeAttribute("aria-required");
-    const o = this.getAttribute("data-ui-switch-tabindex");
-    i ? (o == null && this.setAttribute("data-ui-switch-tabindex", this.getAttribute("tabindex") || ""), this.getAttribute("tabindex") !== "-1" && this.setAttribute("tabindex", "-1")) : o != null ? (o ? this.setAttribute("tabindex", o) : this.removeAttribute("tabindex"), this.removeAttribute("data-ui-switch-tabindex")) : this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this._control && this._control.toggleAttribute("data-disabled", i);
+    const t = this.checked, i = this.disabled, e = this.hasAttribute("loading"), s = b(this.getAttribute("required"));
+    this.setAttribute("role", "switch"), this.setAttribute("aria-checked", t ? "true" : "false"), this.setAttribute("aria-disabled", i ? "true" : "false"), this.setAttribute("aria-busy", e ? "true" : "false"), s ? this.setAttribute("aria-required", "true") : this.removeAttribute("aria-required");
+    const r = this.getAttribute("data-ui-switch-tabindex");
+    i ? (r == null && this.setAttribute("data-ui-switch-tabindex", this.getAttribute("tabindex") || ""), this.getAttribute("tabindex") !== "-1" && this.setAttribute("tabindex", "-1")) : r != null ? (r ? this.setAttribute("tabindex", r) : this.removeAttribute("tabindex"), this.removeAttribute("data-ui-switch-tabindex")) : this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this._control && this._control.toggleAttribute("data-disabled", i);
   }
   _onClick(t) {
     if (this.disabled) return;
     const i = t.composedPath();
     if (!i.some(
       (a) => a instanceof HTMLElement && a.classList.contains("control")
-    ) && g(i)) return;
-    const r = t.target;
-    r instanceof HTMLElement && r.closest(".shell") && (this.toggle(), this.focus({ preventScroll: !0 }));
+    ) && k(i)) return;
+    const s = t.target;
+    s instanceof HTMLElement && s.closest(".shell") && (this.toggle(), this.focus({ preventScroll: !0 }));
   }
   _onKeyDown(t) {
     if (this.disabled || t.defaultPrevented) return;
@@ -498,9 +517,9 @@ class f extends p {
     this.requestRender();
   }
   render() {
-    const t = this.checked, i = this.disabled, e = (this.getAttribute("label") || "").trim(), r = (this.getAttribute("description") || "").trim(), o = Array.from(this.childNodes).some((n) => n.nodeType === Node.TEXT_NODE ? !!n.textContent?.trim() : n.nodeType !== Node.ELEMENT_NODE ? !1 : !n.getAttribute("slot")), a = !!this.querySelector('[slot="description"]'), c = !!e || o, h = !!r || a, b = c || h;
+    const t = this.checked, i = this.disabled, e = (this.getAttribute("label") || "").trim(), s = (this.getAttribute("description") || "").trim(), r = Array.from(this.childNodes).some((n) => n.nodeType === Node.TEXT_NODE ? !!n.textContent?.trim() : n.nodeType !== Node.ELEMENT_NODE ? !1 : !n.getAttribute("slot")), a = !!this.querySelector('[slot="description"]'), l = !!e || r, u = !!s || a, f = l || u;
     this.setContent(`
-      <style>${w}</style>
+      <style>${v}</style>
       <span class="shell" part="shell">
         <span
           class="control"
@@ -514,18 +533,20 @@ class f extends p {
             <span class="thumb-icon icon-off" aria-hidden="true">•</span>
           </span>
         </span>
-        <span class="label-wrap" part="label-wrap" ${b ? "" : "hidden"}>
-          <span class="label" part="label" ${c ? "" : "hidden"}><slot>${d(e)}</slot></span>
-          <span class="description" part="description" ${h ? "" : "hidden"}><slot name="description">${d(r)}</slot></span>
+        <span class="label-wrap" part="label-wrap" ${f ? "" : "hidden"}>
+          <span class="label" part="label" ${l ? "" : "hidden"}><slot>${p(e)}</slot></span>
+          <span class="description" part="description" ${u ? "" : "hidden"}><slot name="description">${p(s)}</slot></span>
         </span>
       </span>
     `), this._control = this.root.querySelector(".control"), this._syncAria(), this.setAttribute("aria-checked", t ? "true" : "false");
   }
   shouldRenderOnAttributeChange(t, i, e) {
-    return l.has(t);
+    return d.has(t);
   }
-}
-typeof customElements < "u" && !customElements.get("ui-switch") && customElements.define("ui-switch", f);
+};
+h.formAssociated = !0;
+let c = h;
+typeof customElements < "u" && !customElements.get("ui-switch") && customElements.define("ui-switch", c);
 export {
-  f as UISwitch
+  c as UISwitch
 };

package/dist/table.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-DxbvhLJs.js"),y=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-CbUsP3D6.js"),y=`
   :host {
     display: block;
     /* A wide table scrolls inside its own frame. Without this a grid or flex parent grows to the table's width. */

package/dist/table.esm.js

@@ -1,4 +1,4 @@
-import { E as m } from "./ElementBase-BeZT54Hj.mjs";
+import { E as m } from "./ElementBase-D5QsC5Vw.mjs";
 const p = `
   :host {
     display: block;