@antadesign/anta 0.3.34 → 0.3.35

package/dist/elements/a-tooltip.js

@@ -10,7 +10,6 @@ const GRACE_MS = 300;
 const CLOSE_DELAY = 120;
 const PROX_NEAR = 10;
 const PROX_FAR = 100;
-const PROX_FADE_MS = 60;
 const ENTER_TOUCH_DELAY = 500;
 const TRUNCATING_PARTS = "a-tab-label, a-button-label, a-step-hint";
 function reportsTruncation(el) {
@@ -19,43 +18,49 @@ function reportsTruncation(el) {
 const AUTOMATIC_TEXT_TOOLTIP = "data-anta-text-tooltip";
 const LEAVE_TOUCH_DELAY = 1500;
 const TOUCH_SLOP = 10;
-let currentOpen = null;
-let graceTimer;
-let graceFollows = false;
-function graceActive() {
-  return graceTimer !== void 0;
+const COORDINATION = /* @__PURE__ */ Symbol.for("anta.tooltip-coordination");
+function coordination(doc) {
+  const owner = doc;
+  return owner[COORDINATION] ??= {
+    currentOpen: null,
+    graceFollows: false,
+    anchors: /* @__PURE__ */ new WeakMap(),
+    anchorCount: 0
+  };
 }
 function isHot(next) {
   if (!next.hasAttribute("follow")) return false;
-  if (currentOpen) return currentOpen.hasAttribute("follow");
-  return graceActive() && graceFollows;
+  const state = coordination(next.ownerDocument);
+  if (state.currentOpen) return state.currentOpen.hasAttribute("follow");
+  return state.graceTimer !== void 0 && state.graceFollows;
 }
-function clearGrace() {
-  if (graceTimer !== void 0) {
-    clearTimeout(graceTimer);
-    graceTimer = void 0;
-  }
-  graceFollows = false;
+function clearGrace(state) {
+  if (state.graceTimer !== void 0) clearTimeout(state.graceTimer);
+  state.graceTimer = void 0;
+  state.graceFollows = false;
 }
 function claimOpen(el) {
-  if (currentOpen && currentOpen !== el) {
-    if (currentOpen.isConnected) currentOpen.hide();
-    else currentOpen.cleanup();
-  }
-  currentOpen = el;
-  clearGrace();
+  const state = coordination(el.ownerDocument);
+  const previous = state.currentOpen;
+  if (previous && previous !== el) {
+    if (previous.isConnected) previous.hide();
+    else previous.cleanup();
+  }
+  state.currentOpen = el;
+  clearGrace(state);
 }
-function releaseOpen(el) {
-  if (currentOpen !== el) return;
-  currentOpen = null;
-  clearGrace();
-  graceFollows = el.hasAttribute("follow");
-  graceTimer = setTimeout(() => {
-    graceTimer = void 0;
-    graceFollows = false;
+function releaseOpen(el, doc, grace = true) {
+  const state = coordination(doc);
+  if (state.currentOpen !== el) return;
+  state.currentOpen = null;
+  clearGrace(state);
+  if (!grace) return;
+  state.graceFollows = el.hasAttribute("follow");
+  state.graceTimer = setTimeout(() => {
+    state.graceTimer = void 0;
+    state.graceFollows = false;
   }, GRACE_MS);
 }
-const anchorToTooltips = /* @__PURE__ */ new WeakMap();
 function preferredTooltip(registry) {
   let automatic;
   let explicit;
@@ -65,30 +70,39 @@ function preferredTooltip(registry) {
   }
   return explicit ?? automatic;
 }
-function syncAnchorListeners(anchor, registry) {
+function syncAnchorListeners(anchor, registry, doc) {
   const preferred = preferredTooltip(registry);
   for (const tooltip of registry.tooltips) {
-    if (tooltip !== preferred) tooltip.teardownListeners();
+    if (tooltip !== preferred) tooltip.cleanup();
   }
-  if (!preferred || !registry.intersecting) {
-    preferred?.teardownListeners();
+  const view = doc.defaultView;
+  if (registry.frame !== void 0) view?.cancelAnimationFrame(registry.frame);
+  registry.frame = void 0;
+  if (!preferred || !registry.intersecting || !view) {
+    preferred?.cleanup();
     return;
   }
-  requestAnimationFrame(() => {
-    const current = anchorToTooltips.get(anchor);
+  registry.frame = view.requestAnimationFrame(() => {
+    registry.frame = void 0;
+    const current = coordination(doc).anchors.get(anchor);
     if (current !== registry || !current.intersecting || preferredTooltip(current) !== preferred) return;
     preferred.setupListeners();
   });
 }
-function handleIntersection(entries) {
-  for (const entry of entries) {
-    const registry = anchorToTooltips.get(entry.target);
-    if (!registry) continue;
-    registry.intersecting = entry.isIntersecting;
-    syncAnchorListeners(entry.target, registry);
+function observeAnchor(anchor, doc, state) {
+  const Observer = doc.defaultView?.IntersectionObserver;
+  if (!state.observer && Observer) {
+    state.observer = new Observer((entries) => {
+      for (const entry of entries) {
+        const registry = state.anchors.get(entry.target);
+        if (!registry) continue;
+        registry.intersecting = entry.isIntersecting;
+        syncAnchorListeners(entry.target, registry, doc);
+      }
+    }, { root: null, rootMargin: "0px", threshold: 0 });
   }
+  state.observer?.observe(anchor);
 }
-const lazyObserver = typeof IntersectionObserver !== "undefined" ? new IntersectionObserver(handleIntersection, { root: null, rootMargin: "0px", threshold: 0 }) : null;
 class ATooltipElement extends HTMLElementBase {
   // Observe `delay` so changing it at runtime — e.g. the docs playground
   // patches the attribute on the live element — rebuilds the show debounce
@@ -103,6 +117,10 @@ class ATooltipElement extends HTMLElementBase {
    *  container's enter/exit/cross-fade opacity. */
   bubble;
   anchor = null;
+  #connectedDocument;
+  #globalDocument;
+  #positionView;
+  #internals;
   listening = false;
   shown = false;
   /** True while the current open was triggered by a touch long-press. Such a
@@ -122,77 +140,13 @@ class ATooltipElement extends HTMLElementBase {
   constructor() {
     super();
     const shadow = this.attachShadow({ mode: "open" });
-    const style = document.createElement("style");
-    style.textContent = `
-      :host { display: contents; }
-
-      .container {
-        --_dur: ${FADE_MS}ms;
-        position: fixed;
-        left: 0;
-        top: 0;
-        margin: 0;
-        padding: 0;
-        border: 0;
-        background: transparent;
-        color: inherit;
-        overflow: visible;
-        box-sizing: border-box;
-        width: fit-content;
-        pointer-events: none;
-        opacity: 0;
-        transition:
-          opacity var(--_dur) ease,
-          overlay var(--_dur) ease allow-discrete,
-          display var(--_dur) ease allow-discrete;
-      }
-
-      .container:popover-open { opacity: 1; }
-
-      @starting-style {
-        .container:popover-open { opacity: 0; }
-      }
-
-      .bubble {
-        display: block;
-        box-sizing: border-box;
-        width: fit-content;
-        max-width: var(--tooltip-max-width, min(calc(100vw - 20px), 80ch));
-        max-height: calc(100vh - 20px);
-        overflow: clip;
-        text-align: left;
-        background: var(--tooltip-bg, Canvas);
-        color: var(--text-2, CanvasText);
-        box-shadow: var(--tooltip-shadow, 0 1px 8px rgba(0, 0, 0, 0.2));
-        -webkit-backdrop-filter: var(--tooltip-backdrop-filter, blur(8px));
-        backdrop-filter: var(--tooltip-backdrop-filter, blur(8px));
-        padding: var(--tooltip-padding, 4px 8px);
-        border: var(--tooltip-border, none);
-        border-radius: var(--tooltip-radius, 3px);
-        outline: none;
-        font-family: var(--sans-serif, system-ui, sans-serif);
-        font-size: 14px;
-        font-weight: 400;
-        font-style: normal;
-        font-stretch: normal;
-        line-height: 1.5;
-        letter-spacing: var(--_tooltip-letter-spacing, 0.025ch);
-        word-spacing: normal;
-        text-transform: none;
-        white-space: break-spaces;
-        word-break: break-word;
-        overflow-wrap: break-word;
-        opacity: 1;
-        transition: opacity ${PROX_FADE_MS}ms linear;
-      }
-
-      :host([interactive]) .container { pointer-events: auto; }
-    `;
-    this.container = document.createElement("div");
+    this.#internals = this.attachInternals();
+    this.container = this.doc.createElement("div");
     this.container.className = "container";
+    this.container.setAttribute("part", "container");
     this.container.setAttribute("popover", "manual");
     this.container.setAttribute("role", "tooltip");
-    this.bubble = document.createElement("slot");
+    this.bubble = this.doc.createElement("slot");
     this.bubble.className = "bubble";
     this.bubble.setAttribute("part", "bubble");
     this.container.append(this.bubble);
@@ -202,35 +156,53 @@ class ATooltipElement extends HTMLElementBase {
     this.container.addEventListener("mouseleave", () => {
       if (this.#isInteractive && this.shown) this.scheduleHide();
     });
-    shadow.append(style, this.container);
+    this.container.addEventListener("focusin", () => {
+      if (this.#isInteractive) this.cancelHide();
+    });
+    this.container.addEventListener("focusout", () => {
+      if (this.#isInteractive && this.shown) this.scheduleHide();
+    });
+    shadow.append(this.container);
   }
   connectedCallback() {
     const parent = this.parentElement;
     if (!parent) return;
     this.anchor = parent;
-    let registry = anchorToTooltips.get(parent);
+    const doc = this.#connectedDocument = this.doc;
+    const state = coordination(doc);
+    let registry = state.anchors.get(parent);
     if (!registry) {
-      registry = { tooltips: /* @__PURE__ */ new Set(), intersecting: false };
-      anchorToTooltips.set(parent, registry);
-      lazyObserver?.observe(parent);
+      registry = { tooltips: /* @__PURE__ */ new Set(), intersecting: !doc.defaultView?.IntersectionObserver };
+      state.anchors.set(parent, registry);
+      state.anchorCount++;
+      observeAnchor(parent, doc, state);
     }
     registry.tooltips.add(this);
-    syncAnchorListeners(parent, registry);
+    syncAnchorListeners(parent, registry, doc);
   }
   disconnectedCallback() {
     this.cleanup();
-    if (this.anchor) {
+    const doc = this.#connectedDocument;
+    if (this.anchor && doc) {
       const anchor = this.anchor;
-      const registry = anchorToTooltips.get(anchor);
+      const state = coordination(doc);
+      const registry = state.anchors.get(anchor);
       registry?.tooltips.delete(this);
       if (registry && registry.tooltips.size === 0) {
-        anchorToTooltips.delete(anchor);
-        lazyObserver?.unobserve(this.anchor);
+        if (registry.frame !== void 0) doc.defaultView?.cancelAnimationFrame(registry.frame);
+        state.anchors.delete(anchor);
+        state.observer?.unobserve(anchor);
+        if (--state.anchorCount === 0) {
+          state.observer?.disconnect();
+          state.observer = void 0;
+          clearGrace(state);
+        }
       } else if (registry) {
-        syncAnchorListeners(anchor, registry);
+        syncAnchorListeners(anchor, registry, doc);
       }
-      this.anchor = null;
     }
+    this.anchor = null;
+    this.#connectedDocument = void 0;
   }
   attributeChangedCallback(name) {
     if (name === "delay" && this.listening) this.makeDebouncedShow();
@@ -357,10 +329,11 @@ class ATooltipElement extends HTMLElementBase {
   observeContent() {
     if (typeof MutationObserver === "undefined") return;
     if (!this.contentObserver) {
-      this.contentObserver = new MutationObserver(() => {
+      this.contentObserver = new this.view.MutationObserver(() => {
         if (!this.shown) return;
         this.syncAutomaticTextContent();
         if (this.isEmpty()) this.hide();
+        else this.position(this.lastMouse);
       });
     }
     this.contentObserver.observe(this.#isAutomaticTextTooltip ? this.anchor ?? this : this, {
@@ -378,7 +351,8 @@ class ATooltipElement extends HTMLElementBase {
   schedulePosition(compute) {
     this.pendingPosition = compute;
     if (this.positionFrame != null) return;
-    this.positionFrame = this.view.requestAnimationFrame(() => {
+    this.#positionView = this.view;
+    this.positionFrame = this.#positionView.requestAnimationFrame(() => {
       this.positionFrame = void 0;
       const run = this.pendingPosition;
       this.pendingPosition = void 0;
@@ -454,25 +428,28 @@ class ATooltipElement extends HTMLElementBase {
   // --- show / hide ---
   show = (e) => {
     if (!this.anchor) return;
-    if (isMenuOpen() && !isInsideOpenMenu(this.anchor)) return;
+    if (isMenuOpen(this.doc) && !isInsideOpenMenu(this.anchor)) return;
     if (this.hasExplicitTextTooltip()) return;
     if (this.isEmpty()) return;
     if (this.#truncatedOnly && !this.isTargetTruncated()) return;
     this.syncAutomaticTextContent();
     this.cancelHide();
-    if (currentOpen && currentOpen !== this && this.anchor.contains(currentOpen.anchor)) {
+    const currentOpen = coordination(this.doc).currentOpen;
+    if (currentOpen && currentOpen !== this && currentOpen.anchor && this.anchor.contains(currentOpen.anchor)) {
       return;
     }
     claimOpen(this);
     if (!this.shown) {
       this.shown = true;
       this.fading = false;
+      this.#internals.states.delete("proximity-hidden");
       this.bubble.style.opacity = "1";
       if (this.fadeTimer !== void 0) {
         clearTimeout(this.fadeTimer);
         this.fadeTimer = void 0;
       }
       this.container.showPopover();
+      this.#globalDocument = this.doc;
       this.view.addEventListener("scroll", this.hide, { capture: true, passive: true });
       this.doc.addEventListener("keydown", this.onKeyDown, true);
       if (!this.docMoveBound) {
@@ -482,6 +459,13 @@ class ATooltipElement extends HTMLElementBase {
       this.observeContent();
     }
     this.position(e);
+    const initialPosition = this.pendingPosition;
+    if (initialPosition) {
+      if (this.positionFrame !== void 0) this.#positionView?.cancelAnimationFrame(this.positionFrame);
+      this.positionFrame = void 0;
+      this.pendingPosition = void 0;
+      initialPosition();
+    }
   };
   hide = () => {
     this.cancelHide();
@@ -493,7 +477,7 @@ class ATooltipElement extends HTMLElementBase {
     this.fading = true;
     if (this.fadeTimer !== void 0) clearTimeout(this.fadeTimer);
     this.fadeTimer = setTimeout(() => this.detachGlobals(), FADE_MS);
-    releaseOpen(this);
+    releaseOpen(this, this.#connectedDocument ?? this.doc);
   };
   /** Remove every document / window listener this element binds and stop the
    *  fade timer. Used by hide() (after the exit fade) and by cleanup()
@@ -504,12 +488,14 @@ class ATooltipElement extends HTMLElementBase {
       this.fadeTimer = void 0;
     }
     this.fading = false;
-    this.view.removeEventListener("scroll", this.hide, { capture: true });
-    this.doc.removeEventListener("keydown", this.onKeyDown, true);
+    const doc = this.#globalDocument;
+    doc?.defaultView?.removeEventListener("scroll", this.hide, { capture: true });
+    doc?.removeEventListener("keydown", this.onKeyDown, true);
     if (this.docMoveBound) {
-      this.doc.removeEventListener("mousemove", this.onDocMove);
+      doc?.removeEventListener("mousemove", this.onDocMove);
       this.docMoveBound = false;
     }
+    this.#globalDocument = void 0;
   }
   /** Full, immediate teardown: close the popover now (no fade), detach every
    *  listener, clear all timers, release the coordinator slot, reset state.
@@ -519,6 +505,11 @@ class ATooltipElement extends HTMLElementBase {
    *  calls it. */
   cleanup() {
     this.cancelHide();
+    if (this.positionFrame !== void 0) this.#positionView?.cancelAnimationFrame(this.positionFrame);
+    this.positionFrame = void 0;
+    this.#positionView = void 0;
+    this.pendingPosition = void 0;
+    this.lastMouse = void 0;
     this.contentObserver?.disconnect();
     if (this.shown) {
       this.shown = false;
@@ -527,7 +518,9 @@ class ATooltipElement extends HTMLElementBase {
     }
     this.detachGlobals();
     this.teardownListeners();
-    releaseOpen(this);
+    releaseOpen(this, this.#connectedDocument ?? this.doc, false);
+    this.touchOpen = false;
+    this.#internals.states.delete("proximity-hidden");
     this.bubble.style.opacity = "";
   }
   /** While shown, track the cursor even after it has left the anchor (during
@@ -542,13 +535,13 @@ class ATooltipElement extends HTMLElementBase {
     this.lastMouse = e;
     const o = this.proximityOpacity(e);
     if (o === 0) {
-      this.bubble.style.transition = "none";
+      this.#internals.states.add("proximity-hidden");
       this.bubble.style.opacity = "0";
       if (this.shown) this.hide();
       return;
     }
     this.positionToMouse(e);
-    this.bubble.style.transition = "";
+    this.#internals.states.delete("proximity-hidden");
     this.bubble.style.opacity = String(o);
   };
   /** Hide after CLOSE_DELAY unless something cancels it first (re-enter, or
@@ -558,6 +551,7 @@ class ATooltipElement extends HTMLElementBase {
     this.cancelHide();
     this.closeTimer = setTimeout(() => {
       this.closeTimer = void 0;
+      if (this.#isInteractive && this.matches(":focus-within")) return;
       this.hide();
     }, delay);
   };
@@ -608,6 +602,7 @@ class ATooltipElement extends HTMLElementBase {
       anchor.removeEventListener("pointerleave", onLeave);
       anchor.removeEventListener("blur", onLeave);
       view.removeEventListener("pagehide", onLeave);
+      view.removeEventListener("scroll", onLeave, true);
       doc.removeEventListener("visibilitychange", onLeave);
       this.scheduleHide();
     };
@@ -617,13 +612,16 @@ class ATooltipElement extends HTMLElementBase {
       anchor.addEventListener("pointermove", onPointerMove);
       anchor.addEventListener("pointerleave", onLeave);
       view.addEventListener("pagehide", onLeave);
+      view.addEventListener("scroll", onLeave, { capture: true, passive: true });
       doc.addEventListener("visibilitychange", onLeave);
       this.trigger(e);
     };
     const onFocus = () => {
-      if (!anchor.matches(":focus-visible")) return;
+      const focused = anchor.shadowRoot?.activeElement ?? this.doc.activeElement;
+      if (!focused?.matches(":focus-visible")) return;
       anchor.addEventListener("blur", onLeave);
       view.addEventListener("pagehide", onLeave);
+      view.addEventListener("scroll", onLeave, { capture: true, passive: true });
       doc.addEventListener("visibilitychange", onLeave);
       this.trigger();
     };
@@ -652,6 +650,11 @@ class ATooltipElement extends HTMLElementBase {
       anchor.removeEventListener("pointerup", onPressEnd);
       anchor.removeEventListener("pointercancel", onPressEnd);
       anchor.removeEventListener("contextmenu", preventContext);
+      view.removeEventListener("scroll", cancelPress, true);
+    };
+    const cancelPress = () => {
+      clearPressTimer();
+      detachPress();
     };
     const onPointerDown = (e) => {
       if (e.pointerType === "mouse") return;
@@ -661,14 +664,16 @@ class ATooltipElement extends HTMLElementBase {
       anchor.addEventListener("pointerup", onPressEnd);
       anchor.addEventListener("pointercancel", onPressEnd);
       anchor.addEventListener("contextmenu", preventContext);
+      view.addEventListener("scroll", cancelPress, { capture: true, passive: true });
       pressTimer = setTimeout(() => {
         pressTimer = void 0;
         this.touchOpen = true;
         this.show();
+        if (!this.shown) this.touchOpen = false;
       }, ENTER_TOUCH_DELAY);
     };
     anchor.addEventListener("pointerenter", onEnter);
-    anchor.addEventListener("focus", onFocus);
+    anchor.addEventListener("focusin", onFocus);
     anchor.addEventListener("pointerdown", onPointerDown);
     this.teardown = () => {
       this.debouncedShow?.cancel();
@@ -677,10 +682,11 @@ class ATooltipElement extends HTMLElementBase {
       anchor.removeEventListener("pointermove", onPointerMove);
       anchor.removeEventListener("pointerenter", onEnter);
       anchor.removeEventListener("pointerleave", onLeave);
-      anchor.removeEventListener("focus", onFocus);
+      anchor.removeEventListener("focusin", onFocus);
       anchor.removeEventListener("blur", onLeave);
       anchor.removeEventListener("pointerdown", onPointerDown);
       view.removeEventListener("pagehide", onLeave);
+      view.removeEventListener("scroll", onLeave, true);
       doc.removeEventListener("visibilitychange", onLeave);
       this.listening = false;
     };

package/dist/elements/copy-behavior.d.ts

@@ -49,4 +49,4 @@ export declare function emitCopyRequest(el: HTMLElement): void;
  * `true` if the element is a copy control (so the caller knows the copy path
  * ran); `false` for a plain, non-copy element.
  */
-export declare function runCopy(el: HTMLElement): boolean;
+export declare function runCopy(el: HTMLElement, complete: (ok: boolean) => void): boolean;

package/dist/elements/copy-behavior.js

@@ -1,27 +1,27 @@
-async function writeText(text) {
+async function writeText(text, view) {
   try {
-    await navigator.clipboard.writeText(text);
+    await view.navigator.clipboard.writeText(text);
     return true;
   } catch {
     return false;
   }
 }
-async function writeNode(node) {
+async function writeNode(node, view) {
   const clone = node.cloneNode(true);
   clone.querySelectorAll("[data-copy-node-button]").forEach((n) => n.remove());
   const html = clone.outerHTML;
   const text = clone.textContent ?? "";
   try {
-    if (typeof ClipboardItem !== "undefined" && navigator.clipboard?.write) {
-      await navigator.clipboard.write([
-        new ClipboardItem({
-          "text/html": new Blob([html], { type: "text/html" }),
-          "text/plain": new Blob([text], { type: "text/plain" })
+    if (typeof view.ClipboardItem !== "undefined" && view.navigator.clipboard?.write) {
+      await view.navigator.clipboard.write([
+        new view.ClipboardItem({
+          "text/html": new view.Blob([html], { type: "text/html" }),
+          "text/plain": new view.Blob([text], { type: "text/plain" })
         })
       ]);
       return true;
     }
-    await navigator.clipboard.writeText(text);
+    await view.navigator.clipboard.writeText(text);
     return true;
   } catch {
     return false;
@@ -32,18 +32,16 @@ function resolveNodeTarget(el) {
   if (sel == null) return null;
   return el.closest(sel === "" ? "[data-copy-source]" : sel);
 }
-function run(el, work) {
-  void work.then((ok) => {
-    el.dispatchEvent(new CustomEvent("copydone", { bubbles: false, detail: { ok } }));
-  });
+function run(work, complete) {
+  void work.then(complete);
 }
-function currentUrl() {
-  return typeof location !== "undefined" ? location.href : "";
+function currentUrl(el) {
+  return el.ownerDocument.defaultView?.location.href ?? "";
 }
 function resolveText(el) {
-  if (el.hasAttribute("copy-url")) return currentUrl();
+  if (el.hasAttribute("copy-url")) return currentUrl(el);
   const base = el.getAttribute("copy") ?? "";
-  if (el.hasAttribute("copy-with-url")) return `// URL: ${currentUrl()}
+  if (el.hasAttribute("copy-with-url")) return `// URL: ${currentUrl(el)}
 ${base}`;
   return base;
 }
@@ -52,16 +50,18 @@ function isTextCopy(el) {
 }
 function emitCopyRequest(el) {
   if (!el.hasAttribute("copy")) return;
-  el.dispatchEvent(new CustomEvent("copyrequest", { bubbles: false }));
+  const view = el.ownerDocument.defaultView ?? globalThis;
+  el.dispatchEvent(new view.CustomEvent("copyrequest", { bubbles: false }));
 }
-function runCopy(el) {
+function runCopy(el, complete) {
+  const view = el.ownerDocument.defaultView ?? globalThis;
   if (el.hasAttribute("copy-node")) {
     const target = resolveNodeTarget(el);
-    run(el, target ? writeNode(target) : Promise.resolve(false));
+    run(target ? writeNode(target, view) : Promise.resolve(false), complete);
     return true;
   }
   if (!isTextCopy(el)) return false;
-  run(el, writeText(resolveText(el)));
+  run(writeText(resolveText(el), view), complete);
   return true;
 }
 export {

package/dist/elements/index.d.ts

@@ -16,7 +16,7 @@
  * `customElements` (SSR), but there's no reason to load it server-side.
  */
 export { AAvatarElement, register_a_avatar } from './a-avatar';
-export { AProgressElement, register_a_progress } from './a-progress';
+import './a-progress.css';
 export { ALoaderElement, register_a_loader } from './a-loader';
 export { ATextElement, register_a_text } from './a-text';
 export { ABoxElement, register_a_box } from './a-box';
@@ -43,7 +43,7 @@ export { ATabElement, register_a_tab } from './a-tab';
 export { ATabsElement, register_a_tabs } from './a-tabs';
 export { ATabPanelElement, register_a_tabpanel } from './a-tabpanel';
 export { ADialogElement, register_a_dialog } from './a-dialog';
-export { ACardElement, register_a_card } from './a-card';
+import './a-card.css';
 export { ABannerElement, register_a_banner } from './a-banner';
 export { AToasterElement, register_a_toaster } from './a-toaster';
 export { AToastElement, register_a_toast } from './a-toast';
@@ -51,5 +51,5 @@ import './a-title.css';
 import './a-tag.css';
 import '../components/Breadcrumbs.css';
 import '../components/InputDate.css';
-import '../components/select-parts.css';
+import '../components/Select.css';
 import '../components/Steps.css';

package/dist/elements/index.js

@@ -1,5 +1,5 @@
 import { AAvatarElement, register_a_avatar } from "./a-avatar";
-import { AProgressElement, register_a_progress } from "./a-progress";
+import "./a-progress.css";
 import { ALoaderElement, register_a_loader } from "./a-loader";
 import { ATextElement, register_a_text } from "./a-text";
 import { ABoxElement, register_a_box } from "./a-box";
@@ -26,7 +26,7 @@ import { ATabElement, register_a_tab } from "./a-tab";
 import { ATabsElement, register_a_tabs } from "./a-tabs";
 import { ATabPanelElement, register_a_tabpanel } from "./a-tabpanel";
 import { ADialogElement, register_a_dialog } from "./a-dialog";
-import { ACardElement, register_a_card } from "./a-card";
+import "./a-card.css";
 import { ABannerElement, register_a_banner } from "./a-banner";
 import { AToasterElement, register_a_toaster } from "./a-toaster";
 import { AToastElement, register_a_toast } from "./a-toast";
@@ -34,7 +34,7 @@ import "./a-title.css";
 import "./a-tag.css";
 import "../components/Breadcrumbs.css";
 import "../components/InputDate.css";
-import "../components/select-parts.css";
+import "../components/Select.css";
 import "../components/Steps.css";
 export {
   AAvatarElement,
@@ -43,7 +43,6 @@ export {
   AButtonElement,
   ACalendarElement,
   ACaptureElement,
-  ACardElement,
   ACheckboxElement,
   ACopyElement,
   ADialogElement,
@@ -57,7 +56,6 @@ export {
   AMenuItemElement,
   AMenuSeparatorElement,
   APanelElement,
-  AProgressElement,
   ARadioElement,
   ARadioGroupElement,
   ASliderElement,
@@ -75,7 +73,6 @@ export {
   register_a_button,
   register_a_calendar,
   register_a_capture,
-  register_a_card,
   register_a_checkbox,
   register_a_copy,
   register_a_dialog,
@@ -89,7 +86,6 @@ export {
   register_a_menu_item,
   register_a_menu_separator,
   register_a_panel,
-  register_a_progress,
   register_a_radio,
   register_a_radio_group,
   register_a_slider,