@antadesign/anta 0.3.9 → 0.3.11

package/dist/anta_helpers.d.ts

@@ -1,3 +1,4 @@
+import type { IconShape } from "./elements/a-icon.shapes";
 export declare function hasChildren(children: React.ReactNode): boolean;
 /**
  * Normalize a wrapper's label content the way `Button` / `Tabs` do: a bare string
@@ -74,6 +75,23 @@ export declare function roundStyle(round: boolean | number | string | undefined,
  * `false` / `undefined` / `''`). Mirrors what `roundStyle` emits a variable for.
  */
 export declare function roundAttr(round: boolean | number | string | undefined): '' | undefined;
+/**
+ * Copy-feedback state for `ButtonCopy` / `MenuItemCopy` (and any future copy
+ * preset). The `<a-button>` / `<a-menu-item>` element performs the clipboard
+ * write and fires a `copydone` event; this hook holds the transient result and
+ * maps it to the icon + tone the wrapper renders: a `check` / `success` on
+ * success, an `x` / `critical` on failure, otherwise the caller's own values.
+ * Returns the `handleCopied` listener the wrapper wires to `onCopied`.
+ *
+ * Kept here (not duplicated per preset) so the timing, glyph choice, and timer
+ * cleanup live in one place. Hooks come through the `jsx-runtime` indirection, so
+ * a custom non-React runtime supplies its own via `configure()`.
+ */
+export declare function useCopyFeedback(icon: IconShape | undefined, tone: string | undefined, onCopied?: (ok: boolean) => void): {
+    shownIcon: IconShape | undefined;
+    shownTone: string | undefined;
+    handleCopied: (ok: boolean) => void;
+};
 /**
  * The rect a floating-element anchor advertises for positioning. Any element may
  * implement `getAnchorRect(): DOMRect` to point positioners (`a-menu`,

package/dist/anta_helpers.js

@@ -1,4 +1,4 @@
-import { jsx } from "./jsx-runtime";
+import { jsx, useState, useMemo } from "./jsx-runtime";
 function hasChildren(children) {
   return Array.isArray(children) ? children.length > 0 : children != null;
 }
@@ -40,6 +40,20 @@ function roundStyle(round, varName, base) {
 function roundAttr(round) {
   return round || round === 0 ? "" : void 0;
 }
+const COPY_FEEDBACK_MS = 2e3;
+function useCopyFeedback(icon, tone, onCopied) {
+  const [status, setStatus] = useState("idle");
+  const box = useMemo(() => ({ timer: void 0 }), []);
+  const handleCopied = (ok) => {
+    clearTimeout(box.timer);
+    setStatus(ok ? "ok" : "fail");
+    box.timer = setTimeout(() => setStatus("idle"), COPY_FEEDBACK_MS);
+    onCopied?.(ok);
+  };
+  const shownIcon = status === "ok" ? "check" : status === "fail" ? "x" : icon;
+  const shownTone = status === "ok" ? "success" : status === "fail" ? "critical" : tone;
+  return { shownIcon, shownTone, handleCopied };
+}
 function anchorRect(el) {
   const fn = el.getAnchorRect;
   return typeof fn === "function" ? fn.call(el) : el.getBoundingClientRect();
@@ -127,5 +141,6 @@ export {
   roundStyle,
   setMenuPresence,
   toneStyle,
+  useCopyFeedback,
   wrapLabel
 };

package/dist/components/Button.d.ts

@@ -55,7 +55,10 @@ export type ContentMode = {
     iconTrailing?: IconShape;
 };
 /** Submit axis — anchors (href) don't carry form-submission props; buttons
- *  don't carry anchor props. */
+ *  don't carry anchor props. A link (`href`) also can't be a copy control, so the
+ *  copy props live only on the non-link branch (via `CopyMode`) and are `never`
+ *  on the link branch — a `<ButtonCopy href=…>` or `<Button href=… copy=…>` is a
+ *  type error, not a silently-ignored attribute. */
 export type SubmitMode = {
     /** Renders as `<a role="button">` instead of `<a-button>`. */
     href: string;
@@ -69,7 +72,13 @@ export type SubmitMode = {
     ping?: string;
     type?: never;
     form?: never;
-} | {
+    copy?: never;
+    copyNode?: never;
+    copyUrl?: never;
+    copyWithUrl?: never;
+    onCopyRequest?: never;
+    onCopied?: never;
+} | ({
     href?: never;
     target?: never;
     rel?: never;
@@ -79,7 +88,7 @@ export type SubmitMode = {
     type?: 'button' | 'submit' | 'reset';
     /** Form id when the button isn't a descendant of its form. */
     form?: string;
-};
+} & CopyMode);
 /** Priority axis — `underline` only on `tertiary` / `quaternary`,
  *  `paddingless` only on `quaternary`. */
 export type PriorityMode = {
@@ -100,6 +109,55 @@ export type PriorityMode = {
     /** Drops outer padding to zero. */
     paddingless?: boolean;
 };
+/** Copy axis — turns the button into a copy control that writes to the clipboard
+ *  on click and flashes a success / failure state (see `<a-button>`'s copy
+ *  behavior). **Exactly one** of `copy`, `copyNode`, or `copyUrl` may be set;
+ *  the union makes the others `never` in each mode. For the batteries-included
+ *  preset, use `ButtonCopy`. */
+export type CopyMode = {
+    copy?: never;
+    copyNode?: never;
+    copyUrl?: never;
+    copyWithUrl?: never;
+    onCopied?: never;
+    onCopyRequest?: never;
+} | {
+    /** Text copied to the clipboard on click. */
+    copy: string;
+    /** Prefix the copied text with `// URL: <current page URL>`. */
+    copyWithUrl?: boolean;
+    /** Compute the copy content lazily. Fires on **pointerdown**; update `copy`
+     *  (a state change) here and the click copies the latest value. The
+     *  pointerdown→click gap lets the update land even when this handler runs
+     *  off the UI thread (a worker-rendered app) — only the serializable `copy`
+     *  string crosses, via the normal re-render. */
+    onCopyRequest?: () => void;
+    copyNode?: never;
+    copyUrl?: never;
+    /** Fires after the copy attempt with whether it succeeded. */
+    onCopied?: (ok: boolean) => void;
+} | {
+    /** Copy a DOM node as rich text instead of a string. `true` copies the
+     *  nearest ancestor marked `data-copy-source`; a string is a CSS selector
+     *  for an ancestor region (`closest`). The copy control is stripped from
+     *  the copied output. */
+    copyNode: boolean | string;
+    copy?: never;
+    copyUrl?: never;
+    copyWithUrl?: never;
+    onCopyRequest?: never;
+    /** Fires after the copy attempt with whether it succeeded. */
+    onCopied?: (ok: boolean) => void;
+} | {
+    /** Copy the current page URL (`location.href`). */
+    copyUrl: true;
+    copy?: never;
+    copyNode?: never;
+    copyWithUrl?: never;
+    onCopyRequest?: never;
+    /** Fires after the copy attempt with whether it succeeded. */
+    onCopied?: (ok: boolean) => void;
+};
 export type ButtonProps = BaseButtonProps & PriorityMode & ContentMode & SubmitMode & BaseProps;
 /**
  * Action button.
@@ -121,4 +179,4 @@ export type ButtonProps = BaseButtonProps & PriorityMode & ContentMode & SubmitM
  * <Button href="/docs" target="_blank" label="Read the docs" />
  * ```
  */
-export declare const Button: ({ priority, tone, underline, icon, iconTrailing, paddingless, label, size, loading, disabled, selected, round, href, type, form, className, style, children, ...rest }: ButtonProps) => any;
+export declare const Button: ({ priority, tone, underline, icon, iconTrailing, paddingless, label, size, loading, disabled, selected, round, href, type, form, copy, copyNode, copyUrl, copyWithUrl, onCopied, onCopyRequest, className, style, children, ...rest }: ButtonProps) => any;

package/dist/components/Button.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "@antadesign/anta/jsx-runtime";
-import { toneStyle, roundStyle, roundAttr, wrapLabel } from "../anta_helpers";
+import { toneStyle, roundStyle, roundAttr, wrapLabel, nativeStateChange } from "../anta_helpers";
 const Button = ({
   priority,
   tone,
@@ -16,14 +16,22 @@ const Button = ({
   href,
   type,
   form,
+  copy,
+  copyNode,
+  copyUrl,
+  copyWithUrl,
+  onCopied,
+  onCopyRequest,
   className,
   style,
   children,
   ...rest
 }) => {
+  const isCopy = copy != null || copyNode != null || copyUrl === true;
   const toneAttr = tone || void 0;
   const computedStyle = roundStyle(round, "--button-round", toneStyle(toneAttr, "--button-tone-source", style));
-  const isIconOnly = icon != null && label == null && children == null && iconTrailing == null;
+  const leadingIcon = icon ?? (isCopy ? "copy" : void 0);
+  const isIconOnly = leadingIcon != null && label == null && children == null && iconTrailing == null;
   const sharedAttrs = {
     // `<a-button>` is a custom element with no implicit ARIA role, so AT would
     // announce it as a generic clickable — and `aria-pressed` below is only
@@ -53,14 +61,27 @@ const Button = ({
     "aria-disabled": disabled || loading ? "true" : void 0,
     "aria-busy": loading ? "true" : void 0,
     "aria-pressed": selected ? "true" : void 0,
-    // Icon-only buttons get an accessible name from the icon shape;
-    // consumer's own `aria-label` (via ...rest) wins by spread order.
-    "aria-label": isIconOnly ? icon : void 0,
+    // Icon-only buttons get an accessible name: "Copy" for a copy control (its
+    // glyph carries no text), else the icon shape. Consumer's own `aria-label`
+    // (via ...rest) wins by spread order.
+    "aria-label": isIconOnly ? isCopy ? "Copy" : icon : void 0,
+    // Copy behavior — the element reads these and performs the write itself.
+    copy: copy != null ? copy : void 0,
+    "copy-node": copyNode === true ? "" : typeof copyNode === "string" ? copyNode : void 0,
+    "copy-url": copyUrl ? "" : void 0,
+    "copy-with-url": copyWithUrl ? "" : void 0,
+    // Marks the control so `copy-node` serialization strips it from the copied
+    // node (a copy button inside the copied region shouldn't paste itself).
+    "data-copy-node-button": copyNode != null && copyNode !== false ? "" : void 0,
+    oncopydone: onCopied ? (e) => onCopied(nativeStateChange(e).detail?.ok ?? false) : void 0,
+    // Fired on pointerdown for a lazy copy — the consumer updates `copy` here
+    // (a state change) and the click copies the latest value. No payload crosses.
+    oncopyrequest: onCopyRequest ? () => onCopyRequest() : void 0,
     class: className,
     style: computedStyle
   };
   const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx("a-icon", { shape: icon, "aria-hidden": "true" }),
+    leadingIcon && /* @__PURE__ */ jsx("a-icon", { shape: leadingIcon, "aria-hidden": "true" }),
     label != null && /* @__PURE__ */ jsx("a-button-label", { children: label }),
     wrapLabel(children, "a-button-label"),
     iconTrailing && /* @__PURE__ */ jsx("a-icon", { shape: iconTrailing, "aria-hidden": "true" })

package/dist/components/ButtonCopy.d.ts

@@ -0,0 +1,38 @@
+import { type ButtonProps } from './Button';
+/** `ButtonProps` narrowed so a copy target is required — a copy button must copy
+ *  something. Intersecting with the target union drops the "no copy prop" member
+ *  of `CopyMode` (its `copy?: never` makes each combination `never`). */
+export type ButtonCopyProps = ButtonProps & ({
+    copy: string;
+} | {
+    copyNode: boolean | string;
+} | {
+    copyUrl: true;
+});
+/**
+ * Copy button — a `Button` preset for copy-to-clipboard. Set `copy` for a literal
+ * string, `copyNode` to copy a DOM region, or `copyUrl` to copy the current page
+ * URL. For content computed on demand, keep `copy` reactive and refresh it in
+ * `onCopyRequest` (fired on pointerdown). The `<a-button>` element performs the
+ * write and reports the result; this wrapper flips the leading icon to a check
+ * (success) or ✕ (failure) and retones to `success` / `critical` for ~2s — a JSX
+ * re-render, no element state (see `useCopyFeedback`).
+ *
+ * With a `label` it's a labeled button; without one it's an icon-only copy button.
+ * Everything else is a normal `Button` prop — `tone`, `priority`, `size`, `icon`
+ * (the resting glyph), `onCopied`.
+ *
+ * @example
+ * ```tsx
+ * <ButtonCopy copy="npm i @antadesign/anta" label="Copy install" />
+ * <ButtonCopy copy="https://anta.design" />          // icon-only
+ * <ButtonCopy copyNode=".snippet" label="Copy block" priority="tertiary" />
+ * <ButtonCopy copyUrl label="Copy link" />           // copies location.href
+ * <ButtonCopy copy={code} copyWithUrl label="Copy snippet" />  // code + source URL
+ *
+ * // Lazy: compute on pointerdown, copied on the click that follows.
+ * const [report, setReport] = useState('')
+ * <ButtonCopy copy={report} onCopyRequest={() => setReport(buildReport())} label="Copy report" />
+ * ```
+ */
+export declare const ButtonCopy: ({ icon, tone, onCopied, ...rest }: ButtonCopyProps) => any;

package/dist/components/ButtonCopy.js

@@ -0,0 +1,10 @@
+import { jsx } from "@antadesign/anta/jsx-runtime";
+import { Button } from "./Button";
+import { useCopyFeedback } from "../anta_helpers";
+const ButtonCopy = ({ icon, tone, onCopied, ...rest }) => {
+  const { shownIcon, shownTone, handleCopied } = useCopyFeedback(icon, tone, onCopied);
+  return /* @__PURE__ */ jsx(Button, { icon: shownIcon, tone: shownTone, onCopied: handleCopied, ...rest });
+};
+export {
+  ButtonCopy
+};

package/dist/components/MenuItem.d.ts

@@ -1,5 +1,6 @@
 import type { BaseProps } from '../general_types';
 import type { IconShape } from '../elements/a-icon.shapes';
+import type { CopyMode } from './Button';
 /** Props shared by every menu item, link or not. */
 export interface MenuItemCommonProps extends BaseProps {
     /** Leading icon shape. */
@@ -83,6 +84,12 @@ export type MenuItemLinkMode = {
     selectionIndicator?: never;
     indeterminate?: never;
     indicator?: never;
+    copy?: never;
+    copyNode?: never;
+    copyUrl?: never;
+    copyWithUrl?: never;
+    onCopied?: never;
+    onCopyRequest?: never;
 };
 export type MenuItemActionMode = {
     href?: never;
@@ -114,7 +121,7 @@ export type MenuItemActionMode = {
      *  passive (aria-hidden, no pointer events) so the row owns the click. */
     indicator?: React.ReactNode;
 };
-export type MenuItemProps = MenuItemCommonProps & (MenuItemLinkMode | MenuItemActionMode);
+export type MenuItemProps = MenuItemCommonProps & (MenuItemLinkMode | (MenuItemActionMode & CopyMode));
 /**
  * MenuItem — a single selectable row inside a `Menu`. Composes a leading
  * `icon`, a `label` (or `children`), an optional trailing `kbd` hint, and an
@@ -135,4 +142,4 @@ export type MenuItemProps = MenuItemCommonProps & (MenuItemLinkMode | MenuItemAc
  * </MenuItem>
  * ```
  */
-export declare const MenuItem: ({ icon, label, hint, kbd, iconTrailing, disabled, selected, selectionIndicator, indeterminate, indicator, tone, toneSelected, submenu, value, onSelect, href, target, rel, download, ping, role: roleOverride, className, style, children, ...rest }: MenuItemProps) => any;
+export declare const MenuItem: ({ icon, label, hint, kbd, iconTrailing, disabled, selected, selectionIndicator, indeterminate, indicator, tone, toneSelected, submenu, value, onSelect, href, target, rel, download, ping, copy, copyNode, copyUrl, copyWithUrl, onCopied, onCopyRequest, role: roleOverride, className, style, children, ...rest }: MenuItemProps) => any;

package/dist/components/MenuItem.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "@antadesign/anta/jsx-runtime";
-import { toneStyle } from "../anta_helpers";
+import { toneStyle, nativeStateChange } from "../anta_helpers";
 const MenuItem = ({
   icon,
   label,
@@ -21,12 +21,20 @@ const MenuItem = ({
   rel,
   download,
   ping,
+  copy,
+  copyNode,
+  copyUrl,
+  copyWithUrl,
+  onCopied,
+  onCopyRequest,
   role: roleOverride,
   className,
   style,
   children,
   ...rest
 }) => {
+  const isCopy = copy != null || copyNode != null || copyUrl === true;
+  const leadingIcon = icon ?? (isCopy ? "copy" : void 0);
   const checkable = selectionIndicator === "checkbox" || selectionIndicator === "radio" || selectionIndicator === "check";
   const role = selectionIndicator === "checkbox" ? "menuitemcheckbox" : selectionIndicator === "radio" || selectionIndicator === "check" ? "menuitemradio" : "menuitem";
   const ariaChecked = !checkable ? void 0 : selectionIndicator === "checkbox" && indeterminate ? "mixed" : selected ? "true" : "false";
@@ -76,6 +84,13 @@ const MenuItem = ({
       "aria-haspopup": submenu ? "menu" : void 0,
       "aria-disabled": disabled ? "true" : void 0,
       onmenuselect: onSelect ? (e) => onSelect(e, { value, label }) : void 0,
+      copy: copy != null ? copy : void 0,
+      "copy-node": copyNode === true ? "" : typeof copyNode === "string" ? copyNode : void 0,
+      "copy-url": copyUrl ? "" : void 0,
+      "copy-with-url": copyWithUrl ? "" : void 0,
+      "data-copy-node-button": copyNode != null && copyNode !== false ? "" : void 0,
+      oncopydone: onCopied ? (e) => onCopied(nativeStateChange(e).detail?.ok ?? false) : void 0,
+      oncopyrequest: onCopyRequest ? () => onCopyRequest() : void 0,
       class: className,
       ...rest,
       children: [
@@ -116,7 +131,7 @@ const MenuItem = ({
             }
           )
         ) : null,
-        icon && /* @__PURE__ */ jsx("a-icon", { shape: icon, "aria-hidden": "true" }),
+        leadingIcon && /* @__PURE__ */ jsx("a-icon", { shape: leadingIcon, "aria-hidden": "true" }),
         labelNode,
         children,
         kbd && /* @__PURE__ */ jsx("kbd", { children: kbd }),

package/dist/components/MenuItemCopy.d.ts

@@ -0,0 +1,34 @@
+import { type MenuItemCommonProps, type MenuItemActionMode } from './MenuItem';
+import type { CopyMode } from './Button';
+/** The action-mode menu-item props plus a required copy target (a copying row
+ *  must copy something). The target intersection drops `CopyMode`'s "no copy
+ *  prop" member. */
+export type MenuItemCopyProps = MenuItemCommonProps & MenuItemActionMode & CopyMode & ({
+    copy: string;
+} | {
+    copyNode: boolean | string;
+} | {
+    copyUrl: true;
+});
+/**
+ * Copying menu item — a `MenuItem` preset for copy-to-clipboard rows inside a
+ * `Menu`. Set `copy` for a literal string, `copyNode` to copy a DOM region, or
+ * `copyUrl` to copy the current page URL. For content computed on demand, keep
+ * `copy` reactive and refresh it in `onCopyRequest` (fired on pointerdown). The
+ * `<a-menu-item>` element performs the write when the row is chosen; this wrapper
+ * flips the leading icon to a check / ✕ and retones for ~2s (see `useCopyFeedback`).
+ *
+ * The menu closes on select by default, so the feedback shows only when the row
+ * is kept open (`data-menu-open`). Defaults `label` to "Copy" and the leading
+ * `icon` to `copy`; override either. Other props pass through — `tone`, `kbd`,
+ * `onCopied`.
+ *
+ * @example
+ * ```tsx
+ * <Menu>
+ *   <MenuItemCopy copy={shareUrl} label="Copy link" kbd="⌘C" />
+ *   <MenuItemCopy copyNode=".invoice" label="Copy invoice" data-menu-open />
+ * </Menu>
+ * ```
+ */
+export declare const MenuItemCopy: ({ label, icon, tone, onCopied, ...rest }: MenuItemCopyProps) => any;

package/dist/components/MenuItemCopy.js

@@ -0,0 +1,10 @@
+import { jsx } from "@antadesign/anta/jsx-runtime";
+import { MenuItem } from "./MenuItem";
+import { useCopyFeedback } from "../anta_helpers";
+const MenuItemCopy = ({ label = "Copy", icon = "copy", tone, onCopied, ...rest }) => {
+  const { shownIcon, shownTone, handleCopied } = useCopyFeedback(icon, tone, onCopied);
+  return /* @__PURE__ */ jsx(MenuItem, { label, icon: shownIcon, tone: shownTone, onCopied: handleCopied, ...rest });
+};
+export {
+  MenuItemCopy
+};

package/dist/components/Select.d.ts

@@ -1,5 +1,6 @@
 import type { BaseProps } from '../general_types';
 import type { IconShape } from '../elements/a-icon.shapes';
+import { type MenuProps } from './Menu';
 /** One option in a `<Select>`. Pass a bare string as shorthand for
  *  `{ value: s, label: s }`. Carries an index signature so you can attach
  *  arbitrary fields (a `ranAt` date, a `status`, …) and read them back in
@@ -131,6 +132,13 @@ export interface SelectCommonProps extends Omit<BaseProps, 'children'> {
      *  logical pick (both rows toggle together; the trigger resolves to the last). Dev
      *  builds `console.warn` on a duplicate. */
     options: SelectItem[];
+    /** Preferred placement of the options menu relative to the trigger. The menu
+     *  auto-flips vertically and clamps horizontally when needed.
+     *  @defaultValue bottom-start */
+    placement?: MenuProps['placement'];
+    /** Gap in pixels between the trigger and the options menu.
+     *  @defaultValue 4 */
+    offset?: number;
     /** The per-row mark for **single**-select: `'none'` (a tint-only highlight),
      *  `'check'` (a trailing checkmark on the selected row, keeping the tint — the
      *  canonical Select look), or `'radio'` (a leading radio on every row).

package/dist/components/Select.js

@@ -37,6 +37,8 @@ function optionsWithSelection(options, values) {
 const Select = (props) => {
   const {
     options,
+    placement,
+    offset,
     selection,
     indicator,
     value,
@@ -274,6 +276,8 @@ const Select = (props) => {
     /* @__PURE__ */ jsxs(
       Menu,
       {
+        placement,
+        offset,
         onStateChange: (_e, { next }) => {
           setOpen(next);
           if (!next) {

package/dist/components/SelectFaceted.d.ts

@@ -1,6 +1,7 @@
 import type { BaseProps } from '../general_types';
 import type { IconShape } from '../elements/a-icon.shapes';
 import type { SelectItem, SelectOption } from './Select';
+import { type MenuProps } from './Menu';
 interface FacetBase {
     /** The facet's namespace — the key its value is stored under in the value
      *  record, and what `onValueChange`'s `attrs.facet` reports. Unique across
@@ -108,6 +109,13 @@ export interface SelectFacetedTriggerState {
 export interface SelectFacetedProps extends Omit<BaseProps, 'children'> {
     /** The facets (dimensions) to filter across, each with its own editor kind. */
     facets: SelectFacet[];
+    /** Preferred placement of the root filter menu relative to its trigger. The
+     *  menu auto-flips vertically and clamps horizontally when needed.
+     *  @defaultValue bottom-start */
+    placement?: MenuProps['placement'];
+    /** Gap in pixels between the trigger and the filter menu.
+     *  @defaultValue 4 */
+    offset?: number;
     /** Controlled value — the facet-keyed record. When provided, the consumer
      *  owns state: a pick only *requests* a change via `onValueChange` (reject by
      *  not updating). Leave undefined for uncontrolled. */

package/dist/components/SelectFaceted.js

@@ -27,6 +27,8 @@ const defaultMatch = (o, query) => matchesQuery(o, matchQueryRegex(query));
 const SelectFaceted = (props) => {
   const {
     facets,
+    placement,
+    offset,
     value,
     defaultValue,
     onValueChange,
@@ -284,6 +286,8 @@ const SelectFaceted = (props) => {
     /* @__PURE__ */ jsxs(
       Menu,
       {
+        placement,
+        offset,
         open,
         onStateChange: (_e, { next }) => {
           setOpen(next);

package/dist/components/Title.d.ts

@@ -24,18 +24,22 @@ export interface TitleProps extends BaseProps {
  * — so there are no `icon` / `iconTrailing` props; just compose
  * inside.
  *
- * Raw `<h1>`-`<h6>` get the same visual styling via `src/reset.css`,
- * so use a real heading tag if SEO matters and you don't need the
- * `tone` / `priority` props.
+ * `<Title>` carries no vertical margins: it's a spacing-neutral atom
+ * that drops into any container, and the parent owns spacing (a `gap`
+ * or padding). Raw `<h1>`-`<h6>` do keep per-level top/bottom margins
+ * (via `src/reset.css`) for document prose rhythm — so use a real
+ * heading tag if SEO matters or you want that built-in rhythm and don't
+ * need the `tone` / `priority` props.
  *
  * Styling notes (`a-title.css` ships comment-free): `<a-title>` is
  * intentionally CSS-only — no JS, no shadow DOM, not even
  * `customElements.define`; the browser treats it as a generic unknown
  * element and the CSS gives it block layout, the demi-bold variable-font
- * weight, and the per-level type scale + vertical rhythm. The matching
- * `h1`–`h6` rules in `src/reset.css` are kept in lockstep so raw markup
- * looks the same as `<Title level={n}>`. The tone × priority color matrix
- * has the same shape as `a-text`'s.
+ * weight, and the per-level type scale. The matching `h1`–`h6` rules in
+ * `src/reset.css` share that type scale and weight, so raw markup reads
+ * the same as `<Title level={n}>` — they diverge only on margins: raw
+ * headings carry the document vertical rhythm, `<a-title>` is margin-free.
+ * The tone × priority color matrix has the same shape as `a-text`'s.
  *
  * Requires `@antadesign/anta/elements` to be imported (client-side only)
  * so the CSS ships with the page.

package/dist/elements/a-button.d.ts

@@ -63,5 +63,12 @@ declare global {
  */
 export declare class AButtonElement extends HTMLElementBase {
     connectedCallback(): void;
+    /** Perform a copy if this button is a copy control (`copy` / `copy-node` /
+     *  `copy-url`). Called from the delegated click handler on activation. The
+     *  outcome is announced via a `copydone` event the wrapper reflects. */
+    performCopy(): boolean;
+    /** Ask a lazy consumer to refresh the `copy` value on pointerdown (fires a
+     *  `copyrequest` event); the click then copies whatever `copy` holds. */
+    requestCopy(): void;
 }
 export declare function register_a_button(): void;

package/dist/elements/a-button.js

@@ -1,8 +1,17 @@
 import { HTMLElementBase } from "../anta_helpers";
+import { emitCopyRequest, runCopy } from "./copy-behavior";
+import { installKeyActivation } from "./key-activation";
 import "./a-button.css";
 function installDocumentHandlers(doc) {
   if (!doc || doc.hasKeyListenerForAButton) return;
-  doc.addEventListener("keydown", handleKeyDown, true);
+  installKeyActivation(doc, {
+    keys: ["Enter", " "],
+    resolve: (t) => t?.closest?.("a-button"),
+    blocked: (el) => el.hasAttribute("disabled") || el.hasAttribute("loading"),
+    preflight: (el) => el.requestCopy(),
+    activate: (el) => el.click()
+  });
+  doc.addEventListener("pointerdown", handlePointerDown, true);
   doc.addEventListener("click", handleClick, true);
   doc.hasKeyListenerForAButton = true;
 }
@@ -10,6 +19,17 @@ class AButtonElement extends HTMLElementBase {
   connectedCallback() {
     installDocumentHandlers(this.doc);
   }
+  /** Perform a copy if this button is a copy control (`copy` / `copy-node` /
+   *  `copy-url`). Called from the delegated click handler on activation. The
+   *  outcome is announced via a `copydone` event the wrapper reflects. */
+  performCopy() {
+    return runCopy(this);
+  }
+  /** Ask a lazy consumer to refresh the `copy` value on pointerdown (fires a
+   *  `copyrequest` event); the click then copies whatever `copy` holds. */
+  requestCopy() {
+    emitCopyRequest(this);
+  }
 }
 function findForm(el) {
   const formId = el.getAttribute("form");
@@ -18,16 +38,13 @@ function findForm(el) {
   }
   return el.closest("form");
 }
-function handleKeyDown(e) {
-  if (e.key !== "Enter" && e.key !== " ") return;
-  if (e.repeat) return;
+function handlePointerDown(e) {
   const el = e.target.closest(
     "a-button"
   );
   if (!el) return;
   if (el.hasAttribute("disabled") || el.hasAttribute("loading")) return;
-  e.preventDefault();
-  el.click();
+  el.requestCopy();
 }
 function handleClick(e) {
   const el = e.target.closest(
@@ -41,6 +58,7 @@ function handleClick(e) {
       new CustomEvent(customEvent, { bubbles: true, cancelable: true })
     );
   }
+  el.performCopy();
   const type = el.getAttribute("type") || "button";
   const form = findForm(el);
   if (!form) return;

package/dist/elements/a-expander.js

@@ -1,6 +1,12 @@
 import { HTMLElementBase, parseOpenState } from "../anta_helpers";
 import "./a-expander.css";
 const ANIM_MS = 200;
+const INTERACTIVE_SELECTOR = 'a-button,a-checkbox,a-radio,a-radio-group,a-input,a-input-time,a-calendar,a-menu-item,a-tab,[data-anta][role="button"],button,a[href],input,select,textarea,label,[contenteditable=""],[contenteditable="true"]';
+const DISABLED_SELECTOR = ':disabled,[disabled],[aria-disabled="true"]';
+function ignoresToggle(el) {
+  if (el.matches("[data-expander-ignore]")) return true;
+  return el.matches(INTERACTIVE_SELECTOR) && !el.matches(DISABLED_SELECTOR);
+}
 const SUMMARY_TYPE_SCALE = {
   "1": [28, 32],
   "2": [24, 28],
@@ -266,11 +272,24 @@ class AExpanderElement extends HTMLElementBase {
     } catch {
     }
   }
+  /** Refuse to toggle when the click landed on a control inside the projected
+   *  title — walk the composed path up to (not including) the summary button and
+   *  test each element with `ignoresToggle` (enabled interactive control or the
+   *  opt-out marker). Synchronous and read here in the element, so it stands in
+   *  off-UI-thread runtimes. Suppressing before the dispatch also keeps a
+   *  *controlled* consumer from toggling (no `statechange` fires). */
+  #clickIgnoresToggle(e) {
+    const path = e.composedPath();
+    const end = path.indexOf(this.summary);
+    const scope = end === -1 ? path : path.slice(0, end);
+    return scope.some((n) => n instanceof Element && ignoresToggle(n));
+  }
   /** Compute the requested next state, announce it (cancelable, *before*
    *  applying), then — uncontrolled only, and only if not vetoed — apply it.
    *  Controlled: never self-apply; the consumer answers via the `state`
    *  attribute. See STATEFUL-COMPONENTS.md. */
-  onSummaryClick = () => {
+  onSummaryClick = (e) => {
+    if (this.#clickIgnoresToggle(e)) return;
     const prev = this.#current;
     const next = prev === "open" ? "closed" : "open";
     const ok = this.dispatchEvent(

package/dist/elements/a-menu-item.d.ts

@@ -67,6 +67,13 @@ export declare function isMenuItemEl(el: EventTarget | null | undefined): el is
 /** Install the one-per-document Enter/Space activation listener. Called from
  *  both `AMenuItemElement` and `AMenuElement` on connect, so a menu built only
  *  from link items (no `<a-menu-item>` ever upgrades) still gets keyboard
- *  activation. Idempotent per document. */
+ *  activation. Idempotent per document.
+ *
+ *  Shares `installKeyActivation` with `<a-button>`: activation is on keyup, with
+ *  a keydown pre-request (`emitCopyRequest`) so a lazy copy row can refresh its
+ *  `copy` during the hold. `.click()` on a link item navigates natively (honoring
+ *  download / target); on the custom element it routes through the menu's click
+ *  delegation — one path for both. (The combobox-filter Enter is a separate path
+ *  handled by `a-menu`, which uses the same keyup pre-request.) */
 export declare function ensureMenuItemKeyListener(doc: Document): void;
 export declare function register_a_menu_item(): void;

package/dist/elements/a-menu-item.js

@@ -1,10 +1,14 @@
 import { HTMLElementBase } from "../anta_helpers";
+import { emitCopyRequest, runCopy } from "./copy-behavior";
+import { installKeyActivation } from "./key-activation";
 import "./a-menu-item.css";
 class AMenuItemElement extends HTMLElementBase {
   internals;
   constructor() {
     super();
     this.internals = this.attachInternals?.();
+    this.addEventListener("menuselect", () => runCopy(this));
+    this.addEventListener("pointerdown", () => emitCopyRequest(this));
   }
   /** The active (combobox) cursor. `a-menu` sets this **property** (never an
    *  attribute — no DOM mutation, same rule as `a-radio.selected`) as ArrowUp/Down
@@ -28,17 +32,15 @@ function isMenuItemEl(el) {
 }
 function ensureMenuItemKeyListener(doc) {
   if (doc.hasKeyListenerForAMenuItem) return;
-  doc.addEventListener("keydown", handleKeyDown, true);
+  installKeyActivation(doc, {
+    keys: ["Enter", " "],
+    resolve: (t) => t?.closest?.(MENU_ITEM_SELECTOR),
+    blocked: (el) => el.hasAttribute("disabled"),
+    preflight: (el) => emitCopyRequest(el),
+    activate: (el) => el.click()
+  });
   doc.hasKeyListenerForAMenuItem = true;
 }
-function handleKeyDown(e) {
-  if (e.key !== "Enter" && e.key !== " ") return;
-  const el = e.target?.closest?.(MENU_ITEM_SELECTOR);
-  if (!el) return;
-  e.preventDefault();
-  if (el.hasAttribute("disabled")) return;
-  el.click();
-}
 function register_a_menu_item() {
   if (typeof customElements === "undefined") return;
   if (!customElements.get("a-menu-item")) {

package/dist/elements/a-menu.d.ts

@@ -122,6 +122,9 @@ export declare class AMenuElement extends HTMLElementBase {
      *  (line start/end); PageUp / PageDown jump the option list to first / last
      *  instead. Any other key falls through to the input (typing). */
     private handleComboKey;
+    /** Combobox keyup: activate the item a filter-field Enter armed. Paired with the
+     *  keydown pre-request in `handleComboKey` so lazy content resolves in the gap. */
+    handleKeyUp(e: KeyboardEvent): void;
     /** Public imperative API. Routes through the same intent path as the
      *  triggers, so it emits `statechange` and respects controlled mode. */
     open(opts?: {
@@ -212,8 +215,9 @@ export declare class AMenuElement extends HTMLElementBase {
     /** Close the whole open menu system from the root down. */
     private closeSystem;
     /** Called by the coordinator on the topmost open menu. Handles navigation;
-     *  Enter / Space activation is handled by a-menu-item's own global keydown
-     *  (which synthesizes a click → routed through onSurfaceClick). */
+     *  roving Enter / Space activation is `<a-menu-item>`'s own delegated keyup
+     *  (synthesizes a click → routed through onSurfaceClick). Combobox Enter (focus
+     *  in the filter field) is handled here via handleComboKey / handleKeyUp. */
     handleKey(e: KeyboardEvent): void;
     private submenuOf;
     private typeahead;

package/dist/elements/a-menu.js

@@ -1,5 +1,6 @@
 import { HTMLElementBase, anchorRect, setMenuPresence } from "../anta_helpers";
 import { AMenuItemElement, isMenuItemEl, ensureMenuItemKeyListener } from "./a-menu-item";
+import { emitCopyRequest } from "./copy-behavior";
 import "./a-menu.css";
 const MARGIN = 4;
 const MIN_HEIGHT = 96;
@@ -18,6 +19,7 @@ function bindDocListeners(doc, view) {
   if (docBound) return;
   doc.addEventListener("pointerdown", onDocPointerDown, true);
   doc.addEventListener("keydown", onDocKeyDown, true);
+  doc.addEventListener("keyup", onDocKeyUp, true);
   doc.addEventListener("contextmenu", onDocContextMenu, true);
   view.addEventListener("resize", onResize);
   boundDoc = doc;
@@ -28,6 +30,7 @@ function unbindDocListeners() {
   if (!docBound) return;
   boundDoc?.removeEventListener("pointerdown", onDocPointerDown, true);
   boundDoc?.removeEventListener("keydown", onDocKeyDown, true);
+  boundDoc?.removeEventListener("keyup", onDocKeyUp, true);
   boundDoc?.removeEventListener("contextmenu", onDocContextMenu, true);
   boundView?.removeEventListener("resize", onResize);
   removePosTracker?.();
@@ -66,6 +69,14 @@ function pathHitsMenus(e, primaryClick = false) {
   }
   return false;
 }
+function pathCrossesTopLayerBeforeAnchor(e, anchor) {
+  for (const node of e.composedPath()) {
+    if (node === anchor) return false;
+    if (node instanceof HTMLDialogElement && node.matches(":modal") || node instanceof HTMLElement && node.matches(":popover-open"))
+      return true;
+  }
+  return false;
+}
 function nodeHitsMenus(node) {
   for (const m of openStack) {
     if (m.contains(node) || m.surface.contains(node)) return true;
@@ -95,6 +106,11 @@ function onDocKeyDown(e) {
   if (!menu) return;
   menu.handleKey(e);
 }
+function onDocKeyUp(e) {
+  const menu = openStack[openStack.length - 1];
+  if (!menu) return;
+  menu.handleKeyUp(e);
+}
 function dismiss(originEvent) {
   openStack[0]?.requestClose(originEvent);
 }
@@ -535,13 +551,26 @@ class AMenuElement extends HTMLElementBase {
       case "Enter":
         if (this.activeItem) {
           e.preventDefault();
-          this.activeItem.click();
+          emitCopyRequest(this.activeItem);
+          this.#pendingComboActivate = this.activeItem;
         }
         return true;
       default:
         return false;
     }
   }
+  /** The combobox cursor armed by an Enter keydown in the filter field, consumed
+   *  on the matching keyup. Only the combobox path arms this — the roving Enter/
+   *  Space activation is `<a-menu-item>`'s (also keyup, via key-activation). */
+  #pendingComboActivate = null;
+  /** Combobox keyup: activate the item a filter-field Enter armed. Paired with the
+   *  keydown pre-request in `handleComboKey` so lazy content resolves in the gap. */
+  handleKeyUp(e) {
+    if (e.key !== "Enter") return;
+    const el = this.#pendingComboActivate;
+    this.#pendingComboActivate = null;
+    el?.click();
+  }
   /* ============================ open / close ============================ */
   /** Public imperative API. Routes through the same intent path as the
    *  triggers, so it emits `statechange` and respects controlled mode. */
@@ -863,8 +892,9 @@ class AMenuElement extends HTMLElementBase {
   }
   /* ============================ keyboard ============================ */
   /** Called by the coordinator on the topmost open menu. Handles navigation;
-   *  Enter / Space activation is handled by a-menu-item's own global keydown
-   *  (which synthesizes a click → routed through onSurfaceClick). */
+   *  roving Enter / Space activation is `<a-menu-item>`'s own delegated keyup
+   *  (synthesizes a click → routed through onSurfaceClick). Combobox Enter (focus
+   *  in the filter field) is handled here via handleComboKey / handleKeyUp. */
   handleKey(e) {
     const active = this.doc.activeElement;
     if (e.key === "Escape") {
@@ -998,6 +1028,7 @@ class AMenuElement extends HTMLElementBase {
       };
     } else if (this.#isContext) {
       const onContext = (e) => {
+        if (pathCrossesTopLayerBeforeAnchor(e, anchor)) return;
         e.preventDefault();
         this.requestOpen({ coord: [e.clientX, e.clientY], originEvent: e });
       };

package/dist/elements/a-text.css

@@ -1 +1 @@
-@layer anta{a-text{--text-color: var(--text-2);--text-link-color: var(--link-color);--text-link-hover: var(--link-color-hover);display:block;color:var(--text-color);font-size:15px;line-height:20px;text-wrap:pretty;font-feature-settings:"ss02","ss05","tnum"}a-text[size=small]{font-size:13px;line-height:16px}a-text[size=medium]{font-size:15px;line-height:20px}a-text[size=large]{font-size:17px;line-height:24px}a-text[inline]{display:inline-block}a-text[truncate]{min-width:0}a-text[priority=primary]{--text-color: var(--text-1)}a-text[priority=tertiary]{--text-color: var(--text-3);--text-link-color: currentColor;--text-link-hover: var(--text-2)}a-text[priority=quaternary]{--text-color: var(--text-4);--text-link-color: currentColor;--text-link-hover: var(--text-3)}a-text[priority=quinary]{--text-color: var(--text-5);--text-link-color: currentColor;--text-link-hover: var(--text-4)}a-text[tone=brand]{--text-color: var(--text-2-brand);--text-link-color: currentColor;--text-link-hover: var(--text-1-brand)}a-text[tone=brand][priority=primary]{--text-color: var(--text-1-brand)}a-text[tone=brand][priority=tertiary]{--text-color: var(--text-3-brand);--text-link-hover: var(--text-2-brand)}a-text[tone=brand][priority=quaternary]{--text-color: var(--text-4-brand);--text-link-hover: var(--text-3-brand)}a-text[tone=brand][priority=quinary]{--text-color: var(--text-5-brand);--text-link-hover: var(--text-4-brand)}a-text[tone=success]{--text-color: var(--text-2-success);--text-link-color: currentColor;--text-link-hover: var(--text-1-success)}a-text[tone=success][priority=primary]{--text-color: var(--text-1-success)}a-text[tone=success][priority=tertiary]{--text-color: var(--text-3-success);--text-link-hover: var(--text-2-success)}a-text[tone=success][priority=quaternary]{--text-color: var(--text-4-success);--text-link-hover: var(--text-3-success)}a-text[tone=success][priority=quinary]{--text-color: var(--text-5-success);--text-link-hover: var(--text-4-success)}a-text[tone=critical]{--text-color: var(--text-2-critical);--text-link-color: currentColor;--text-link-hover: var(--text-1-critical)}a-text[tone=critical][priority=primary]{--text-color: var(--text-1-critical)}a-text[tone=critical][priority=tertiary]{--text-color: var(--text-3-critical);--text-link-hover: var(--text-2-critical)}a-text[tone=critical][priority=quaternary]{--text-color: var(--text-4-critical);--text-link-hover: var(--text-3-critical)}a-text[tone=critical][priority=quinary]{--text-color: var(--text-5-critical);--text-link-hover: var(--text-4-critical)}a-text[tone=warning]{--text-color: var(--text-2-warning);--text-link-color: currentColor;--text-link-hover: var(--text-1-warning)}a-text[tone=warning][priority=primary]{--text-color: var(--text-1-warning)}a-text[tone=warning][priority=tertiary]{--text-color: var(--text-3-warning);--text-link-hover: var(--text-2-warning)}a-text[tone=warning][priority=quaternary]{--text-color: var(--text-4-warning);--text-link-hover: var(--text-3-warning)}a-text[tone=warning][priority=quinary]{--text-color: var(--text-5-warning);--text-link-hover: var(--text-4-warning)}a-text[tone=info]{--text-color: var(--text-2-info);--text-link-color: currentColor;--text-link-hover: var(--text-1-info)}a-text[tone=info][priority=primary]{--text-color: var(--text-1-info)}a-text[tone=info][priority=tertiary]{--text-color: var(--text-3-info);--text-link-hover: var(--text-2-info)}a-text[tone=info][priority=quaternary]{--text-color: var(--text-4-info);--text-link-hover: var(--text-3-info)}a-text[tone=info][priority=quinary]{--text-color: var(--text-5-info);--text-link-hover: var(--text-4-info)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--text-tone-source: attr(tone type(<color>), currentColor);--_text-tone: oklch(from var(--text-tone-source) .41 .15 h);--text-color: var(--_text-tone);--text-link-color: currentColor;--text-link-hover: oklch(from var(--text-tone-source) .33 .15 h)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=primary]{--text-color: oklch(from var(--text-tone-source) .33 .15 h)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=tertiary]{--text-color: color-mix(in oklch, var(--_text-tone) 80%, transparent);--text-link-hover: var(--_text-tone)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=quaternary]{--text-color: color-mix(in oklch, var(--_text-tone) 60%, transparent)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=quinary]{--text-color: color-mix(in oklch, var(--_text-tone) 40%, transparent)}.dark a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--_text-tone: oklch(from var(--text-tone-source) .75 .11 h);--text-link-hover: oklch(from var(--text-tone-source) .82 .1 h)}.dark a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=primary]{--text-color: oklch(from var(--text-tone-source) .82 .1 h)}a-text a,a-text a:link,a-text a:visited{color:var(--text-link-color)}@media(hover:hover)and (pointer:fine){a-text a:hover{color:var(--text-link-hover);text-decoration-color:var(--text-link-hover)}}}
+@layer anta{a-text{--text-color: var(--text-2);--text-link-color: var(--link-color);--text-link-hover: var(--link-color-hover);display:block;font-family:var(--sans-serif);color:var(--text-color);font-size:15px;line-height:20px;text-wrap:pretty;font-feature-settings:"ss02","ss05","tnum"}a-text[size=small]{font-size:13px;line-height:16px}a-text[size=medium]{font-size:15px;line-height:20px}a-text[size=large]{font-size:17px;line-height:24px}a-text[inline]{display:inline-block}a-text[truncate]{min-width:0}a-text[priority=primary]{--text-color: var(--text-1)}a-text[priority=tertiary]{--text-color: var(--text-3);--text-link-color: currentColor;--text-link-hover: var(--text-2)}a-text[priority=quaternary]{--text-color: var(--text-4);--text-link-color: currentColor;--text-link-hover: var(--text-3)}a-text[priority=quinary]{--text-color: var(--text-5);--text-link-color: currentColor;--text-link-hover: var(--text-4)}a-text[tone=brand]{--text-color: var(--text-2-brand);--text-link-color: currentColor;--text-link-hover: var(--text-1-brand)}a-text[tone=brand][priority=primary]{--text-color: var(--text-1-brand)}a-text[tone=brand][priority=tertiary]{--text-color: var(--text-3-brand);--text-link-hover: var(--text-2-brand)}a-text[tone=brand][priority=quaternary]{--text-color: var(--text-4-brand);--text-link-hover: var(--text-3-brand)}a-text[tone=brand][priority=quinary]{--text-color: var(--text-5-brand);--text-link-hover: var(--text-4-brand)}a-text[tone=success]{--text-color: var(--text-2-success);--text-link-color: currentColor;--text-link-hover: var(--text-1-success)}a-text[tone=success][priority=primary]{--text-color: var(--text-1-success)}a-text[tone=success][priority=tertiary]{--text-color: var(--text-3-success);--text-link-hover: var(--text-2-success)}a-text[tone=success][priority=quaternary]{--text-color: var(--text-4-success);--text-link-hover: var(--text-3-success)}a-text[tone=success][priority=quinary]{--text-color: var(--text-5-success);--text-link-hover: var(--text-4-success)}a-text[tone=critical]{--text-color: var(--text-2-critical);--text-link-color: currentColor;--text-link-hover: var(--text-1-critical)}a-text[tone=critical][priority=primary]{--text-color: var(--text-1-critical)}a-text[tone=critical][priority=tertiary]{--text-color: var(--text-3-critical);--text-link-hover: var(--text-2-critical)}a-text[tone=critical][priority=quaternary]{--text-color: var(--text-4-critical);--text-link-hover: var(--text-3-critical)}a-text[tone=critical][priority=quinary]{--text-color: var(--text-5-critical);--text-link-hover: var(--text-4-critical)}a-text[tone=warning]{--text-color: var(--text-2-warning);--text-link-color: currentColor;--text-link-hover: var(--text-1-warning)}a-text[tone=warning][priority=primary]{--text-color: var(--text-1-warning)}a-text[tone=warning][priority=tertiary]{--text-color: var(--text-3-warning);--text-link-hover: var(--text-2-warning)}a-text[tone=warning][priority=quaternary]{--text-color: var(--text-4-warning);--text-link-hover: var(--text-3-warning)}a-text[tone=warning][priority=quinary]{--text-color: var(--text-5-warning);--text-link-hover: var(--text-4-warning)}a-text[tone=info]{--text-color: var(--text-2-info);--text-link-color: currentColor;--text-link-hover: var(--text-1-info)}a-text[tone=info][priority=primary]{--text-color: var(--text-1-info)}a-text[tone=info][priority=tertiary]{--text-color: var(--text-3-info);--text-link-hover: var(--text-2-info)}a-text[tone=info][priority=quaternary]{--text-color: var(--text-4-info);--text-link-hover: var(--text-3-info)}a-text[tone=info][priority=quinary]{--text-color: var(--text-5-info);--text-link-hover: var(--text-4-info)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--text-tone-source: attr(tone type(<color>), currentColor);--_text-tone: oklch(from var(--text-tone-source) .41 .15 h);--text-color: var(--_text-tone);--text-link-color: currentColor;--text-link-hover: oklch(from var(--text-tone-source) .33 .15 h)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=primary]{--text-color: oklch(from var(--text-tone-source) .33 .15 h)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=tertiary]{--text-color: color-mix(in oklch, var(--_text-tone) 80%, transparent);--text-link-hover: var(--_text-tone)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=quaternary]{--text-color: color-mix(in oklch, var(--_text-tone) 60%, transparent)}a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=quinary]{--text-color: color-mix(in oklch, var(--_text-tone) 40%, transparent)}.dark a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--_text-tone: oklch(from var(--text-tone-source) .75 .11 h);--text-link-hover: oklch(from var(--text-tone-source) .82 .1 h)}.dark a-text[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=primary]{--text-color: oklch(from var(--text-tone-source) .82 .1 h)}a-text a,a-text a:link,a-text a:visited{color:var(--text-link-color)}@media(hover:hover)and (pointer:fine){a-text a:hover{color:var(--text-link-hover);text-decoration-color:var(--text-link-hover)}}}

package/dist/elements/a-title.css

@@ -1 +1 @@
-@layer anta{a-title{display:block;color:var(--text-1);font-weight:584.62;letter-spacing:0;text-wrap:balance;font-feature-settings:"ss02","ss05","tnum"}a-title a-icon{transform:translateY(-.05em)}a-title[level="1"]{font-size:28px;line-height:32px;margin-block-start:0;margin-block-end:16px}a-title[level="2"]{font-size:24px;line-height:28px;margin-block-start:32px;margin-block-end:12px}a-title[level="3"]{font-size:20px;line-height:24px;margin-block-start:24px;margin-block-end:12px}a-title[level="4"]{font-size:17px;line-height:20px;margin-block-start:20px;margin-block-end:8px}a-title[level="5"]{font-size:15px;line-height:20px;margin-block-start:16px;margin-block-end:8px}a-title[level="6"]{font-size:13px;line-height:16px;margin-block-start:16px;margin-block-end:4px}a-title[priority=secondary]{color:var(--text-2)}a-title[priority=tertiary]{color:var(--text-3)}a-title[priority=quaternary]{color:var(--text-4)}a-title[priority=quinary]{color:var(--text-5)}a-title[tone=brand]{color:var(--text-1-brand)}a-title[tone=brand][priority=secondary]{color:var(--text-2-brand)}a-title[tone=brand][priority=tertiary]{color:var(--text-3-brand)}a-title[tone=brand][priority=quaternary]{color:var(--text-4-brand)}a-title[tone=brand][priority=quinary]{color:var(--text-5-brand)}a-title[tone=success]{color:var(--text-1-success)}a-title[tone=success][priority=secondary]{color:var(--text-2-success)}a-title[tone=success][priority=tertiary]{color:var(--text-3-success)}a-title[tone=success][priority=quaternary]{color:var(--text-4-success)}a-title[tone=success][priority=quinary]{color:var(--text-5-success)}a-title[tone=critical]{color:var(--text-1-critical)}a-title[tone=critical][priority=secondary]{color:var(--text-2-critical)}a-title[tone=critical][priority=tertiary]{color:var(--text-3-critical)}a-title[tone=critical][priority=quaternary]{color:var(--text-4-critical)}a-title[tone=critical][priority=quinary]{color:var(--text-5-critical)}a-title[tone=warning]{color:var(--text-1-warning)}a-title[tone=warning][priority=secondary]{color:var(--text-2-warning)}a-title[tone=warning][priority=tertiary]{color:var(--text-3-warning)}a-title[tone=warning][priority=quaternary]{color:var(--text-4-warning)}a-title[tone=warning][priority=quinary]{color:var(--text-5-warning)}a-title[tone=info]{color:var(--text-1-info)}a-title[tone=info][priority=secondary]{color:var(--text-2-info)}a-title[tone=info][priority=tertiary]{color:var(--text-3-info)}a-title[tone=info][priority=quaternary]{color:var(--text-4-info)}a-title[tone=info][priority=quinary]{color:var(--text-5-info)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--title-tone-source: attr(tone type(<color>), currentColor);--_title-tone: oklch(from var(--title-tone-source) .41 .15 h);color:oklch(from var(--title-tone-source) .33 .15 h)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=secondary]{color:var(--_title-tone)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=tertiary]{color:color-mix(in oklch,var(--_title-tone) 80%,transparent)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=quaternary]{color:color-mix(in oklch,var(--_title-tone) 60%,transparent)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=quinary]{color:color-mix(in oklch,var(--_title-tone) 40%,transparent)}.dark a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--_title-tone: oklch(from var(--title-tone-source) .75 .11 h);color:oklch(from var(--title-tone-source) .82 .1 h)}}
+@layer anta{a-title{display:block;font-family:var(--sans-serif);color:var(--text-1);font-weight:584.62;letter-spacing:0;text-wrap:balance;font-feature-settings:"ss02","ss05","tnum"}a-title a-icon{transform:translateY(-.05em)}a-title[level="1"]{font-size:28px;line-height:32px}a-title[level="2"]{font-size:24px;line-height:28px}a-title[level="3"]{font-size:20px;line-height:24px}a-title[level="4"]{font-size:17px;line-height:20px}a-title[level="5"]{font-size:15px;line-height:20px}a-title[level="6"]{font-size:13px;line-height:16px}a-title[priority=secondary]{color:var(--text-2)}a-title[priority=tertiary]{color:var(--text-3)}a-title[priority=quaternary]{color:var(--text-4)}a-title[priority=quinary]{color:var(--text-5)}a-title[tone=brand]{color:var(--text-1-brand)}a-title[tone=brand][priority=secondary]{color:var(--text-2-brand)}a-title[tone=brand][priority=tertiary]{color:var(--text-3-brand)}a-title[tone=brand][priority=quaternary]{color:var(--text-4-brand)}a-title[tone=brand][priority=quinary]{color:var(--text-5-brand)}a-title[tone=success]{color:var(--text-1-success)}a-title[tone=success][priority=secondary]{color:var(--text-2-success)}a-title[tone=success][priority=tertiary]{color:var(--text-3-success)}a-title[tone=success][priority=quaternary]{color:var(--text-4-success)}a-title[tone=success][priority=quinary]{color:var(--text-5-success)}a-title[tone=critical]{color:var(--text-1-critical)}a-title[tone=critical][priority=secondary]{color:var(--text-2-critical)}a-title[tone=critical][priority=tertiary]{color:var(--text-3-critical)}a-title[tone=critical][priority=quaternary]{color:var(--text-4-critical)}a-title[tone=critical][priority=quinary]{color:var(--text-5-critical)}a-title[tone=warning]{color:var(--text-1-warning)}a-title[tone=warning][priority=secondary]{color:var(--text-2-warning)}a-title[tone=warning][priority=tertiary]{color:var(--text-3-warning)}a-title[tone=warning][priority=quaternary]{color:var(--text-4-warning)}a-title[tone=warning][priority=quinary]{color:var(--text-5-warning)}a-title[tone=info]{color:var(--text-1-info)}a-title[tone=info][priority=secondary]{color:var(--text-2-info)}a-title[tone=info][priority=tertiary]{color:var(--text-3-info)}a-title[tone=info][priority=quaternary]{color:var(--text-4-info)}a-title[tone=info][priority=quinary]{color:var(--text-5-info)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--title-tone-source: attr(tone type(<color>), currentColor);--_title-tone: oklch(from var(--title-tone-source) .41 .15 h);color:oklch(from var(--title-tone-source) .33 .15 h)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=secondary]{color:var(--_title-tone)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=tertiary]{color:color-mix(in oklch,var(--_title-tone) 80%,transparent)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=quaternary]{color:color-mix(in oklch,var(--_title-tone) 60%,transparent)}a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical])[priority=quinary]{color:color-mix(in oklch,var(--_title-tone) 40%,transparent)}.dark a-title[tone]:not([tone=neutral],[tone=brand],[tone=info],[tone=success],[tone=warning],[tone=critical]){--_title-tone: oklch(from var(--title-tone-source) .75 .11 h);color:oklch(from var(--title-tone-source) .82 .1 h)}}

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

@@ -0,0 +1,53 @@
+/**
+ * Shared copy-to-clipboard behavior for `<a-button>` and `<a-menu-item>` — the
+ * write half of the productized "copy button" / "copying menu item". The element
+ * performs the clipboard write itself (rather than a UI-thread callback) and
+ * reports the outcome with a `copydone` event; the JSX wrapper listens and
+ * orchestrates the visual feedback (icon + tone swap). Nothing here touches the
+ * DOM — no light-DOM mutation, no host attributes, no ElementInternals.
+ *
+ * Events are dispatched non-bubbling (`bubbles: false`): the wrapper binds on the
+ * host itself, so it catches them in the target phase, and not bubbling keeps a
+ * nested copy row's `copydone` from flipping an ancestor copy row's feedback
+ * (the same point-to-point rule Anta's `statechange` follows).
+ *
+ * Modes, chosen by attribute:
+ * - `copy="<text>"` — copy the literal string on activation.
+ * - `copy-url` — copy the current page URL (`location.href`); no `copy` needed.
+ * - `copy-with-url` — prefix the copied `copy` string with `// URL: <href>`.
+ * - `copy-node` / `copy-node="<selector>"` — copy a DOM node as rich text
+ *   (`text/html`) + plain text. Bare `copy-node` copies the nearest ancestor
+ *   marked `[data-copy-source]`; a value is a selector resolved with `closest()`
+ *   (an ancestor region). The copy control is stripped from the serialized
+ *   output (`[data-copy-node-button]`).
+ *
+ * ## Lazy content (off-UI-thread safe)
+ *
+ * When the content isn't known ahead of time, the element emits a `copyrequest`
+ * event on **pointerdown** (`emitCopyRequest`, fired whenever a `copy` attribute
+ * is present). The consumer answers by setting the `copy` attribute to the
+ * freshly-computed value; the **click** then reads that value and writes it. The
+ * pointerdown→click gap absorbs the round-trip, so this works even when the
+ * consumer's handler runs off the UI thread (e.g. a worker-rendered app): only a
+ * serializable string crosses the boundary via the normal reconcile — no
+ * callback, and the write stays inside the click's transient activation. This is
+ * why there is no `provide`-function handoff and no `copy-lazy` marker.
+ *
+ * Precedence when several are set (the discriminated-union prop types make this
+ * unreachable from the wrappers, but hand-authored markup can): node → url →
+ * literal `copy` (with the optional URL prefix).
+ */
+/**
+ * Ask a lazy consumer to refresh the copy content, on pointerdown — dispatch a
+ * non-bubbling, payload-free `copyrequest`. The consumer answers by setting the
+ * `copy` attribute to the freshly-computed value before the click reads it (see
+ * the "Lazy content" note above). Fires only for string-copy controls; node/url
+ * modes resolve themselves at click time and need no request. No-op otherwise.
+ */
+export declare function emitCopyRequest(el: HTMLElement): void;
+/**
+ * Perform a copy on activation (click / Enter / Space / menu select). Returns
+ * `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;

package/dist/elements/copy-behavior.js

@@ -0,0 +1,70 @@
+async function writeText(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function writeNode(node) {
+  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" })
+        })
+      ]);
+      return true;
+    }
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function resolveNodeTarget(el) {
+  const sel = el.getAttribute("copy-node");
+  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 currentUrl() {
+  return typeof location !== "undefined" ? location.href : "";
+}
+function resolveText(el) {
+  if (el.hasAttribute("copy-url")) return currentUrl();
+  const base = el.getAttribute("copy") ?? "";
+  if (el.hasAttribute("copy-with-url")) return `// URL: ${currentUrl()}
+${base}`;
+  return base;
+}
+function isTextCopy(el) {
+  return el.hasAttribute("copy") || el.hasAttribute("copy-url");
+}
+function emitCopyRequest(el) {
+  if (!el.hasAttribute("copy")) return;
+  el.dispatchEvent(new CustomEvent("copyrequest", { bubbles: false }));
+}
+function runCopy(el) {
+  if (el.hasAttribute("copy-node")) {
+    const target = resolveNodeTarget(el);
+    run(el, target ? writeNode(target) : Promise.resolve(false));
+    return true;
+  }
+  if (!isTextCopy(el)) return false;
+  run(el, writeText(resolveText(el)));
+  return true;
+}
+export {
+  emitCopyRequest,
+  runCopy
+};

package/dist/elements/key-activation.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Shared "activate on key release" for Enter / Space, used by `<a-button>` and
+ * `<a-menu-item>` (via one delegated keydown/keyup pair per document).
+ *
+ * Activation fires on **keyup**, not keydown. This matches the native `<button>`
+ * (Space already activates on release), makes activation **cancelable** (move
+ * focus between press and release → no fire), and — the reason it's uniform
+ * across Enter and Space here — opens a **keydown→keyup gap** so a lazy copy
+ * control can refresh its `copy` value between press and release before the write
+ * (the keyboard analog of the pointerdown→click gap; see copy-behavior's "Lazy
+ * content" note).
+ *
+ * keydown: `preventDefault()` (stop Space scrolling the page and a link's own
+ * native Enter→click), run `preflight(el)` — the copy pre-request — and arm the
+ * release. keyup: `activate(el)` only if the same element is still armed.
+ *
+ * Idempotency is the caller's job (each guards with its own per-document flag);
+ * this just wires one keydown/keyup pair.
+ */
+export interface KeyActivation {
+    /** Keys that activate — `['Enter', ' ']` for buttons/menu items. */
+    keys: readonly string[];
+    /** Resolve the activatable element from the event target (e.g. `closest`). */
+    resolve(target: EventTarget | null): HTMLElement | null;
+    /** Blocked (disabled / loading) — swallow the key without activating. */
+    blocked?(el: HTMLElement): boolean;
+    /** Runs on keydown, before the release: the lazy copy pre-request. */
+    preflight?(el: HTMLElement): void;
+    /** Runs on keyup: the actual activation (a synthesized `click()`). */
+    activate(el: HTMLElement): void;
+}
+export declare function installKeyActivation(doc: Document, config: KeyActivation): void;

package/dist/elements/key-activation.js

@@ -0,0 +1,33 @@
+function installKeyActivation(doc, config) {
+  let armed = null;
+  doc.addEventListener(
+    "keydown",
+    (e) => {
+      if (e.repeat || !config.keys.includes(e.key)) return;
+      const el = config.resolve(e.target);
+      if (!el) return;
+      e.preventDefault();
+      armed = config.blocked?.(el) ? null : el;
+      if (armed) config.preflight?.(armed);
+    },
+    true
+  );
+  doc.addEventListener(
+    "keyup",
+    (e) => {
+      if (!config.keys.includes(e.key)) return;
+      const el = config.resolve(e.target);
+      if (!el || el !== armed) {
+        armed = null;
+        return;
+      }
+      armed = null;
+      if (config.blocked?.(el)) return;
+      config.activate(el);
+    },
+    true
+  );
+}
+export {
+  installKeyActivation
+};

package/dist/general_types.d.ts

@@ -727,6 +727,28 @@ export interface AMenuItemAttributes extends BaseAttributes {
      *  a `MouseEvent`, carrying the modifier keys (e.g. `altKey`). All-lowercase so
      *  React/Preact bind it to the CustomEvent. */
     onmenuselect?: (e: MouseEvent) => void;
+    /** Text copied to the clipboard when the row is chosen (a "copying menu item").
+     *  The element performs the write itself on `menuselect`. */
+    copy?: string;
+    /** Copy a DOM node instead of a string (rich `text/html` + plain text). Bare
+     *  `copy-node` copies the nearest ancestor marked `[data-copy-source]`; a value
+     *  is a CSS selector resolved with `closest()`. Presence-based for the boolean
+     *  form. */
+    'copy-node'?: boolean | string;
+    /** Copy the current page URL (`location.href`) instead of a `copy` string.
+     *  Presence-based. */
+    'copy-url'?: boolean | '';
+    /** Prefix the copied `copy` string with `// URL: <href>`. Presence-based. */
+    'copy-with-url'?: boolean | '';
+    /** Fired after a copy attempt (bubbling `copydone`, `detail: { ok }`).
+     *  All-lowercase so it binds in React *and* Preact. */
+    oncopydone?: (e: CustomEvent<{
+        ok: boolean;
+    }>) => void;
+    /** Fired on **pointerdown** for a string-copy row (`copyrequest`, non-bubbling).
+     *  Answer by setting the `copy` attribute to the freshly-computed value; the
+     *  chosen row copies it. All-lowercase. */
+    oncopyrequest?: (e: CustomEvent) => void;
 }
 /**
  * Attributes for the `<a-menu-group>` styled element. For the typed JSX
@@ -770,6 +792,30 @@ export interface AButtonAttributes extends BaseAttributes {
     form?: string;
     /** Custom event name dispatched (bubbling) on click. */
     'data-custom-event'?: string;
+    /** Text copied to the clipboard on activation (the "copy button"). The element
+     *  performs the write itself and flashes a success / failure state. */
+    copy?: string;
+    /** Copy a DOM node instead of a string (rich `text/html` + plain text). Bare
+     *  `copy-node` copies the nearest ancestor marked `[data-copy-source]`; a value
+     *  is a CSS selector resolved with `closest()` (an ancestor region). Presence-
+     *  based for the boolean form. */
+    'copy-node'?: boolean | string;
+    /** Copy the current page URL (`location.href`) instead of a `copy` string; no
+     *  `copy` needed. Presence-based. */
+    'copy-url'?: boolean | '';
+    /** Prefix the copied `copy` string with `// URL: <href>`. Presence-based. */
+    'copy-with-url'?: boolean | '';
+    /** Fired after a copy attempt (`copydone`, `detail: { ok }`, non-bubbling so a
+     *  nested copy row can't flip an ancestor's feedback). All-lowercase so it
+     *  binds in React *and* Preact. */
+    oncopydone?: (e: CustomEvent<{
+        ok: boolean;
+    }>) => void;
+    /** Fired on **pointerdown** for a string-copy button (`copyrequest`,
+     *  non-bubbling). Answer by setting the `copy` attribute to the freshly-computed
+     *  value; the click then copies it. The pointerdown→click gap lets an
+     *  off-UI-thread handler set `copy` in time. All-lowercase. */
+    oncopyrequest?: (e: CustomEvent) => void;
     'aria-disabled'?: 'true' | 'false' | boolean;
     'aria-busy'?: 'true' | 'false' | boolean;
 }

package/dist/index.d.ts

@@ -27,7 +27,9 @@ export type { TagProps } from './components/Tag';
 export { Icon } from './components/Icon';
 export type { IconProps } from './components/Icon';
 export { Button } from './components/Button';
-export type { ButtonProps, BaseButtonProps, ContentMode, SubmitMode, PriorityMode, } from './components/Button';
+export type { ButtonProps, BaseButtonProps, ContentMode, SubmitMode, PriorityMode, CopyMode, } from './components/Button';
+export { ButtonCopy } from './components/ButtonCopy';
+export type { ButtonCopyProps } from './components/ButtonCopy';
 export { ICON_SHAPES, ICON_SYNONYMS } from './elements/a-icon.shapes';
 export { Tooltip } from './components/Tooltip';
 export type { TooltipProps } from './components/Tooltip';
@@ -37,6 +39,8 @@ export { Menu } from './components/Menu';
 export type { MenuProps } from './components/Menu';
 export { MenuItem } from './components/MenuItem';
 export type { MenuItemProps } from './components/MenuItem';
+export { MenuItemCopy } from './components/MenuItemCopy';
+export type { MenuItemCopyProps } from './components/MenuItemCopy';
 export { MenuSeparator } from './components/MenuSeparator';
 export type { MenuSeparatorProps } from './components/MenuSeparator';
 export { MenuGroup } from './components/MenuGroup';

package/dist/index.js

@@ -4,11 +4,13 @@ import { Title } from "./components/Title";
 import { Tag } from "./components/Tag";
 import { Icon } from "./components/Icon";
 import { Button } from "./components/Button";
+import { ButtonCopy } from "./components/ButtonCopy";
 import { ICON_SHAPES, ICON_SYNONYMS } from "./elements/a-icon.shapes";
 import { Tooltip } from "./components/Tooltip";
 import { Checkbox } from "./components/Checkbox";
 import { Menu } from "./components/Menu";
 import { MenuItem } from "./components/MenuItem";
+import { MenuItemCopy } from "./components/MenuItemCopy";
 import { MenuSeparator } from "./components/MenuSeparator";
 import { MenuGroup } from "./components/MenuGroup";
 import { Expander } from "./components/Expander";
@@ -43,6 +45,7 @@ import { Card } from "./components/Card";
 import { configure } from "./jsx-runtime";
 export {
   Button,
+  ButtonCopy,
   Calendar,
   Card,
   Checkbox,
@@ -58,6 +61,7 @@ export {
   Menu,
   MenuGroup,
   MenuItem,
+  MenuItemCopy,
   MenuSeparator,
   Progress,
   RadioGroup,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antadesign/anta",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",