@antadesign/anta 0.3.29 → 0.3.30

package/dist/components/Breadcrumbs.d.ts

@@ -123,5 +123,5 @@ export type BreadcrumbsProps = BaseProps & {
  * />
  * ```
  */
-export declare const Breadcrumbs: ({ items, priority, size, separator, maxItems, itemsBeforeCollapse, moreLabel, underline, underlineOnHover, paddingless, className, style, "aria-label": ariaLabel, ...rest }: BreadcrumbsProps) => any;
+export declare const Breadcrumbs: ({ items, priority, size, separator, maxItems, itemsBeforeCollapse, moreLabel, underline, underlineOnHover, paddingless, className, style, 'aria-label': ariaLabel, ...rest }: BreadcrumbsProps) => any;
 export {};

package/dist/components/Button.d.ts

@@ -113,14 +113,14 @@ export type PriorityMode = {
     underline?: never;
     underlineOnHover?: never;
     paddingless?: never;
-} | UnderlineMode & {
+} | (UnderlineMode & {
     priority: 'tertiary';
     paddingless?: never;
-} | UnderlineMode & {
+}) | (UnderlineMode & {
     priority: 'quaternary';
     /** Drops outer padding to zero. */
     paddingless?: boolean;
-};
+});
 export type ButtonProps = BaseButtonProps & PriorityMode & ContentMode & SubmitMode & BaseProps;
 /**
  * Action button.

package/dist/components/ButtonCopy.d.ts

@@ -56,4 +56,4 @@ export type ButtonCopyProps = ButtonProps & {
  * <ButtonCopy copyUrl label="Copy link" />                      // copies location.href
  * ```
  */
-export declare const ButtonCopy: ({ icon, iconPlacement, copiedLabel, tone, onCopied, onCopyRequest, copy, copyNode, copyUrl, copyWithUrl, label, children, "aria-label": ariaLabel, ...rest }: ButtonCopyProps) => any;
+export declare const ButtonCopy: ({ icon, iconPlacement, copiedLabel, tone, onCopied, onCopyRequest, copy, copyNode, copyUrl, copyWithUrl, label, children, 'aria-label': ariaLabel, ...rest }: ButtonCopyProps) => any;

package/dist/elements/a-box.js

@@ -19,6 +19,8 @@ class BoxWindowStore {
     this.#queries = [this.#dark, this.#finePointer, this.#coarsePointer, this.#hover, this.#reducedMotion];
     this.#device = deviceSnapshot(view.navigator);
   }
+  view;
+  doc;
   #contextBoxes = /* @__PURE__ */ new Set();
   #observedBoxes = /* @__PURE__ */ new Set();
   #dark;

package/dist/elements/a-icon.shapes.d.ts

@@ -1,5 +1,5 @@
 import type { IconShapes } from '@antadesign/anta';
-export declare const ICON_SHAPES: readonly ["arrow-left-to-line", "arrow-left", "arrow-narrow-down", "arrow-narrow-up-down", "arrow-narrow-up", "arrow-right", "arrow-top-right", "asterisk", "blank", "book-open", "braces", "bug", "calendar-days", "calendar", "case-sensitive", "chat", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-right", "circle-check", "circle-dot", "circle-large", "circle-small-solid", "circle-user", "circle", "click", "clock", "cloud-upload", "columns-3-cog", "copy", "corner-down-right", "cube", "dollar-sign", "dots-vertical", "download", "edit", "external-link", "eye-closed", "eye", "file-down", "file", "filter-x", "filter", "folder-close", "folder-open", "folder-tree", "hat-glasses", "heart-handshake", "heart", "history-tree", "history", "home", "hourglass", "info", "link", "list-collapse", "maximize", "megaphone", "menu", "minimize", "minus", "moon", "more", "move-horizontal", "not-equal", "play", "plus", "pointer", "presentation", "refresh-ccw-dot", "refresh", "regex", "repeat", "rotate-ccw", "rss", "runs-history", "scroll-text", "search-check", "search", "send", "settings", "share", "sparkles", "square-check-big", "square-menu", "sun", "swatch-book", "table-2", "tag", "text-cursor-input", "text-initial", "timer", "toggle-right", "trash", "view", "warning-diamond", "warning-triangle", "webhook", "workflow", "x"];
+export declare const ICON_SHAPES: readonly ['arrow-left-to-line', 'arrow-left', 'arrow-narrow-down', 'arrow-narrow-up-down', 'arrow-narrow-up', 'arrow-right', 'arrow-top-right', 'asterisk', 'blank', 'book-open', 'braces', 'bug', 'calendar-days', 'calendar', 'case-sensitive', 'chat', 'check', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'chevrons-right', 'circle-check', 'circle-dot', 'circle-large', 'circle-small-solid', 'circle-user', 'circle', 'click', 'clock', 'cloud-upload', 'columns-3-cog', 'copy', 'corner-down-right', 'cube', 'dollar-sign', 'dots-vertical', 'download', 'edit', 'external-link', 'eye-closed', 'eye', 'file-down', 'file', 'filter-x', 'filter', 'folder-close', 'folder-open', 'folder-tree', 'hat-glasses', 'heart-handshake', 'heart', 'history-tree', 'history', 'home', 'hourglass', 'info', 'link', 'list-collapse', 'maximize', 'megaphone', 'menu', 'minimize', 'minus', 'moon', 'more', 'move-horizontal', 'not-equal', 'play', 'plus', 'pointer', 'presentation', 'refresh-ccw-dot', 'refresh', 'regex', 'repeat', 'rotate-ccw', 'rss', 'runs-history', 'scroll-text', 'search-check', 'search', 'send', 'settings', 'share', 'sparkles', 'square-check-big', 'square-menu', 'sun', 'swatch-book', 'table-2', 'tag', 'text-cursor-input', 'text-initial', 'timer', 'toggle-right', 'trash', 'view', 'warning-diamond', 'warning-triangle', 'webhook', 'workflow', 'x'];
 export declare const ICON_SYNONYMS: Readonly<Record<string, readonly string[]>>;
 declare module '@antadesign/anta' {
     interface IconShapes {

package/dist/elements/a-input-time.js

@@ -10,8 +10,8 @@ const INPUT_TIME_ARIA = [
   "aria-errormessage"
 ];
 const INPUT_TIME_ARIA_SET = new Set(INPUT_TIME_ARIA);
-const READ_DELEGATED_ARIA = Symbol("readDelegatedAria");
-const WRITE_DELEGATED_ARIA = Symbol("writeDelegatedAria");
+const READ_DELEGATED_ARIA = /* @__PURE__ */ Symbol("readDelegatedAria");
+const WRITE_DELEGATED_ARIA = /* @__PURE__ */ Symbol("writeDelegatedAria");
 const CLEAR_TRIGGER = "clearrequest";
 const CLEAR_INPUT_EVENT = "clearinput";
 const pad2 = (n) => String(n).padStart(2, "0");

package/dist/elements/a-input.js

@@ -184,8 +184,8 @@ const SHADOW_STYLE = `
     line-height: calc(var(--_lh) - 2px);
   }
 `;
-const READ_DELEGATED_ARIA = Symbol("readDelegatedAria");
-const WRITE_DELEGATED_ARIA = Symbol("writeDelegatedAria");
+const READ_DELEGATED_ARIA = /* @__PURE__ */ Symbol("readDelegatedAria");
+const WRITE_DELEGATED_ARIA = /* @__PURE__ */ Symbol("writeDelegatedAria");
 class AInputElement extends HTMLElementBase {
   static formAssociated = true;
   static observedAttributes = [

package/dist/elements/shadow-aria.d.ts

@@ -1,7 +1,7 @@
 /** Standard semantic attributes that a shadow-hosted control may consume from
  * its custom-element host. Keeping the public spelling standard lets raw HTML,
  * React, Preact, and custom JSX runtimes use the same API. */
-export declare const SHADOW_ARIA_ATTRIBUTES: readonly ["role", "aria-activedescendant", "aria-atomic", "aria-autocomplete", "aria-braillelabel", "aria-brailleroledescription", "aria-busy", "aria-checked", "aria-colcount", "aria-colindex", "aria-colspan", "aria-controls", "aria-current", "aria-description", "aria-describedby", "aria-details", "aria-disabled", "aria-dropeffect", "aria-errormessage", "aria-expanded", "aria-flowto", "aria-grabbed", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-level", "aria-live", "aria-modal", "aria-multiline", "aria-multiselectable", "aria-orientation", "aria-owns", "aria-placeholder", "aria-posinset", "aria-pressed", "aria-readonly", "aria-relevant", "aria-required", "aria-roledescription", "aria-rowcount", "aria-rowindex", "aria-rowspan", "aria-selected", "aria-setsize", "aria-sort", "aria-valuemax", "aria-valuemin", "aria-valuenow", "aria-valuetext"];
+export declare const SHADOW_ARIA_ATTRIBUTES: readonly ['role', 'aria-activedescendant', 'aria-atomic', 'aria-autocomplete', 'aria-braillelabel', 'aria-brailleroledescription', 'aria-busy', 'aria-checked', 'aria-colcount', 'aria-colindex', 'aria-colspan', 'aria-controls', 'aria-current', 'aria-description', 'aria-describedby', 'aria-details', 'aria-disabled', 'aria-dropeffect', 'aria-errormessage', 'aria-expanded', 'aria-flowto', 'aria-grabbed', 'aria-haspopup', 'aria-hidden', 'aria-invalid', 'aria-keyshortcuts', 'aria-label', 'aria-labelledby', 'aria-level', 'aria-live', 'aria-modal', 'aria-multiline', 'aria-multiselectable', 'aria-orientation', 'aria-owns', 'aria-placeholder', 'aria-posinset', 'aria-pressed', 'aria-readonly', 'aria-relevant', 'aria-required', 'aria-roledescription', 'aria-rowcount', 'aria-rowindex', 'aria-rowspan', 'aria-selected', 'aria-setsize', 'aria-sort', 'aria-valuemax', 'aria-valuemin', 'aria-valuenow', 'aria-valuetext'];
 export type ShadowAriaAttribute = (typeof SHADOW_ARIA_ATTRIBUTES)[number];
 export declare const SHADOW_ARIA_ATTRIBUTE_SET: Set<string>;
 export declare function ariaAttributeProperty(name: ShadowAriaAttribute): string;

package/dist/jsx-runtime.d.ts

@@ -8,6 +8,10 @@ type JsxFunction = {
 type UseState = <S>(initial: S | (() => S)) => [S, (next: S | ((prev: S) => S)) => void];
 type UseId = () => string;
 type UseMemo = <T>(factory: () => T, deps: unknown[]) => T;
+type UseRef = <T>(initial: T) => {
+    current: T;
+};
+type UseLayoutEffect = (effect: () => void | (() => void), deps?: unknown[]) => void;
 type UseSyncExternalStore = <T>(subscribe: (onChange: () => void) => () => void, getSnapshot: () => T, getServerSnapshot?: () => T) => T;
 declare let _Fragment: ComponentType;
 /**
@@ -33,6 +37,8 @@ export declare function configure(jsx: JsxFunction, Fragment?: ComponentType, ho
     useState?: UseState;
     useId?: UseId;
     useMemo?: UseMemo;
+    useRef?: UseRef;
+    useLayoutEffect?: UseLayoutEffect;
     useSyncExternalStore?: UseSyncExternalStore;
 }): void;
 /** Hooks indirection so wrappers depend on the configured renderer, not a hard
@@ -40,6 +46,10 @@ export declare function configure(jsx: JsxFunction, Fragment?: ComponentType, ho
 export declare function useState<S>(initial: S | (() => S)): [S, (next: S | ((prev: S) => S)) => void];
 export declare function useId(): string;
 export declare function useMemo<T>(factory: () => T, deps: unknown[]): T;
+export declare function useRef<T>(initial: T): {
+    current: T;
+};
+export declare function useLayoutEffect(effect: () => void | (() => void), deps?: unknown[]): void;
 export declare function useSyncExternalStore<T>(subscribe: (onChange: () => void) => () => void, getSnapshot: () => T, getServerSnapshot?: () => T): T;
 export declare function jsx(type: ComponentType, props: Record<string, unknown> | null, key?: string | number): unknown;
 export declare function jsxs(type: ComponentType, props: Record<string, unknown> | null, key?: string | number): unknown;

package/dist/jsx-runtime.js

@@ -4,6 +4,8 @@ let _Fragment = React.Fragment;
 let _useState = React.useState;
 let _useId = React.useId;
 let _useMemo = React.useMemo;
+let _useRef = React.useRef;
+let _useLayoutEffect = React.useLayoutEffect;
 let _useSyncExternalStore = React.useSyncExternalStore;
 function configure(jsx2, Fragment, hooks) {
   _jsx = jsx2;
@@ -11,6 +13,8 @@ function configure(jsx2, Fragment, hooks) {
   if (hooks?.useState) _useState = hooks.useState;
   if (hooks?.useId) _useId = hooks.useId;
   if (hooks?.useMemo) _useMemo = hooks.useMemo;
+  if (hooks?.useRef) _useRef = hooks.useRef;
+  if (hooks?.useLayoutEffect) _useLayoutEffect = hooks.useLayoutEffect;
   if (hooks?.useSyncExternalStore) _useSyncExternalStore = hooks.useSyncExternalStore;
 }
 function useState(initial) {
@@ -22,6 +26,12 @@ function useId() {
 function useMemo(factory, deps) {
   return _useMemo(factory, deps);
 }
+function useRef(initial) {
+  return _useRef(initial);
+}
+function useLayoutEffect(effect, deps) {
+  return _useLayoutEffect(effect, deps);
+}
 function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
   return _useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
@@ -47,7 +57,9 @@ export {
   jsx,
   jsxs,
   useId,
+  useLayoutEffect,
   useMemo,
+  useRef,
   useState,
   useSyncExternalStore
 };

package/dist/toaster.d.ts

@@ -23,7 +23,7 @@
 /** The placement zones, in the order their `<slot name>` appears in the toaster
  *  shadow. Single source of truth: `a-toaster` builds its zones from this list, so
  *  a placement can't drift between the type here and the element's slots. */
-export declare const TOAST_PLACEMENTS: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
+export declare const TOAST_PLACEMENTS: readonly ['top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right'];
 /** Where a toast is anchored in the viewport. */
 export type ToastPlacement = (typeof TOAST_PLACEMENTS)[number];
 /** What a toast's render function may return: a string / JSX (rendered through

package/docs/changelog.md

@@ -3,6 +3,13 @@
 This page tracks changes that ship in `@antadesign/anta`. Documentation-only
 changes are not listed.
 
+## 0.3.30 — September 17, 2026
+
+### Added
+
+- Export `useRef` and `useLayoutEffect` from the JSX runtime, with React defaults
+  and overrides through `configure()` for other renderers.
+
 ## 0.3.29 — September 15, 2026
 
 ### Added

package/docs/index.md

@@ -54,5 +54,6 @@ Anta is designed for a clean DOM. Prefer the props and attributes exposed by eac
 
 ## Packages
 
+- [Plot](./packages/plot.md)
 - [Table](./packages/table.md)
 - [Stickers](./packages/stickers.md)