@particle-academy/react-fancy 5.12.0 → 5.14.0

package/dist/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"accordion.js"}

package/dist/audio-viewer.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk3GRC5J2L_cjs = require('./chunk-3GRC5J2L.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "AudioViewer", {
+  enumerable: true,
+  get: function () { return chunk3GRC5J2L_cjs.AudioViewer; }
+});
+//# sourceMappingURL=audio-viewer.cjs.map
+//# sourceMappingURL=audio-viewer.cjs.map

package/dist/audio-viewer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"audio-viewer.cjs"}

package/dist/audio-viewer.d.cts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.cjs';
+
+/**
+ * A standalone audio viewer — a themed card wrapping the native audio player,
+ * with an optional title. Renders for audio sources inside `<MediaViewer>`.
+ *
+ * ```tsx
+ * <AudioViewer src="/track.mp3" title="track.mp3" />
+ * ```
+ */
+declare const AudioViewer: react.ForwardRefExoticComponent<AudioViewerProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AudioViewer, AudioViewerProps };

package/dist/audio-viewer.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.js';
+
+/**
+ * A standalone audio viewer — a themed card wrapping the native audio player,
+ * with an optional title. Renders for audio sources inside `<MediaViewer>`.
+ *
+ * ```tsx
+ * <AudioViewer src="/track.mp3" title="track.mp3" />
+ * ```
+ */
+declare const AudioViewer: react.ForwardRefExoticComponent<AudioViewerProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AudioViewer, AudioViewerProps };

package/dist/audio-viewer.js

@@ -0,0 +1,4 @@
+export { AudioViewer } from './chunk-EIBW5YLS.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=audio-viewer.js.map
+//# sourceMappingURL=audio-viewer.js.map

package/dist/audio-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"audio-viewer.js"}

package/dist/autocomplete.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkIF25CE6S_cjs = require('./chunk-IF25CE6S.cjs');
+require('./chunk-J2DI6RMR.cjs');
+require('./chunk-KJ22KE56.cjs');
+require('./chunk-L3V3BYVS.cjs');
+require('./chunk-NBZC6LOB.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Autocomplete", {
+  enumerable: true,
+  get: function () { return chunkIF25CE6S_cjs.Autocomplete; }
+});
+//# sourceMappingURL=autocomplete.cjs.map
+//# sourceMappingURL=autocomplete.cjs.map

package/dist/autocomplete.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"autocomplete.cjs"}

package/dist/autocomplete.d.cts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { F as FieldMode } from './inputs.types-CkWdvN-t.cjs';
+import './types-8Sv0rCjw.cjs';
+
+interface AutocompleteOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface AutocompleteProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (query: string) => void;
+    options: AutocompleteOption[];
+    placeholder?: string;
+    loading?: boolean;
+    emptyMessage?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    /** `"edit"` (default) renders the control; `"view"` renders the value as text. */
+    mode?: FieldMode;
+}
+
+declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Autocomplete, type AutocompleteOption, type AutocompleteProps };

package/dist/autocomplete.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { F as FieldMode } from './inputs.types-DERzxpe1.js';
+import './types-8Sv0rCjw.js';
+
+interface AutocompleteOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface AutocompleteProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (query: string) => void;
+    options: AutocompleteOption[];
+    placeholder?: string;
+    loading?: boolean;
+    emptyMessage?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    /** `"edit"` (default) renders the control; `"view"` renders the value as text. */
+    mode?: FieldMode;
+}
+
+declare const Autocomplete: react.ForwardRefExoticComponent<AutocompleteProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Autocomplete, type AutocompleteOption, type AutocompleteProps };

package/dist/autocomplete.js

@@ -0,0 +1,11 @@
+export { Autocomplete } from './chunk-RM4QWJS3.js';
+import './chunk-MQ6VGG62.js';
+import './chunk-OL53XYHF.js';
+import './chunk-NRXK42LO.js';
+import './chunk-WHEXTDPV.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=autocomplete.js.map
+//# sourceMappingURL=autocomplete.js.map

package/dist/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"autocomplete.js"}

package/dist/avatar.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk6OSHAP6L_cjs = require('./chunk-6OSHAP6L.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunk6OSHAP6L_cjs.Avatar; }
+});
+//# sourceMappingURL=avatar.cjs.map
+//# sourceMappingURL=avatar.cjs.map

package/dist/avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"avatar.cjs"}

package/dist/avatar.d.cts

@@ -0,0 +1,26 @@
+import * as react from 'react';
+
+interface AvatarProps {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** Fallback initials when no image is provided */
+    fallback?: string;
+    /** Avatar size */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** Online status indicator */
+    status?: "online" | "offline" | "busy" | "away";
+    /**
+     * Pulsing halo ring around the avatar. `true` = neutral (violet) glow;
+     * `"xp"` tints green, `"achievement"` tints amber. Pulse respects
+     * `prefers-reduced-motion` (the steady ring stays, the pulse drops).
+     */
+    glow?: boolean | "xp" | "achievement";
+    /** Additional CSS classes */
+    className?: string;
+}
+
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, type AvatarProps };

package/dist/avatar.d.ts

@@ -0,0 +1,26 @@
+import * as react from 'react';
+
+interface AvatarProps {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** Fallback initials when no image is provided */
+    fallback?: string;
+    /** Avatar size */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** Online status indicator */
+    status?: "online" | "offline" | "busy" | "away";
+    /**
+     * Pulsing halo ring around the avatar. `true` = neutral (violet) glow;
+     * `"xp"` tints green, `"achievement"` tints amber. Pulse respects
+     * `prefers-reduced-motion` (the steady ring stays, the pulse drops).
+     */
+    glow?: boolean | "xp" | "achievement";
+    /** Additional CSS classes */
+    className?: string;
+}
+
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, type AvatarProps };

package/dist/avatar.js

@@ -0,0 +1,4 @@
+export { Avatar } from './chunk-EVXDG2XN.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"avatar.js"}

package/dist/badge.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk2S7WRR5P_cjs = require('./chunk-2S7WRR5P.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunk2S7WRR5P_cjs.Badge; }
+});
+//# sourceMappingURL=badge.cjs.map
+//# sourceMappingURL=badge.cjs.map

package/dist/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"badge.cjs"}

package/dist/badge.d.cts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+import { C as Color } from './types-8Sv0rCjw.cjs';
+
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Badge color — any color in the Tailwind v4 palette. */
+    color?: Color;
+    /** Visual variant */
+    variant?: "solid" | "outline" | "soft";
+    /** Badge size */
+    size?: "sm" | "md" | "lg";
+    /** Show a small dot indicator before text */
+    dot?: boolean;
+}
+
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/badge.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+import { C as Color } from './types-8Sv0rCjw.js';
+
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Badge color — any color in the Tailwind v4 palette. */
+    color?: Color;
+    /** Visual variant */
+    variant?: "solid" | "outline" | "soft";
+    /** Badge size */
+    size?: "sm" | "md" | "lg";
+    /** Show a small dot indicator before text */
+    dot?: boolean;
+}
+
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/badge.js

@@ -0,0 +1,4 @@
+export { Badge } from './chunk-NPKE2IX6.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"badge.js"}

package/dist/brand.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkDWRMC2FN_cjs = require('./chunk-DWRMC2FN.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Brand", {
+  enumerable: true,
+  get: function () { return chunkDWRMC2FN_cjs.Brand; }
+});
+Object.defineProperty(exports, "BrandMark", {
+  enumerable: true,
+  get: function () { return chunkDWRMC2FN_cjs.BrandMark; }
+});
+//# sourceMappingURL=brand.cjs.map
+//# sourceMappingURL=brand.cjs.map

package/dist/brand.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"brand.cjs"}

package/dist/brand.d.cts

@@ -0,0 +1,43 @@
+import * as react from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
+
+interface BrandProps {
+    logo?: ReactNode;
+    name?: string;
+    tagline?: string;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+interface BrandMarkProps extends HTMLAttributes<HTMLSpanElement> {
+    /** What sits in the square — a letter, an initial, an icon. */
+    glyph?: ReactNode;
+    /**
+     * `"sm" | "md" | "lg"`, or an exact pixel size when a design calls for one
+     * the scale does not have.
+     */
+    size?: "sm" | "md" | "lg" | number;
+}
+
+declare const Brand: react.ForwardRefExoticComponent<BrandProps & react.RefAttributes<HTMLDivElement>> & {
+    Mark: react.ForwardRefExoticComponent<BrandMarkProps & react.RefAttributes<HTMLSpanElement>>;
+};
+
+/**
+ * The square logo tile — a glyph centred in a rounded, coloured square.
+ *
+ * `Brand` has always taken its mark as a caller-supplied `logo` node, which is
+ * exactly why every page that wanted one rebuilt the same square: fixed size,
+ * rounded, grid-centred, bold, white, and `shrink-0` so a flex row never
+ * squashes it. Four surfaces carried that block inline.
+ *
+ * ## It ships no brand colour, deliberately
+ *
+ * The default is a neutral zinc tile. A component library inventing your brand
+ * gradient would be wrong, and would be the first thing every consumer had to
+ * override — so the FILL is `className`'s job and only the geometry lives here.
+ * That is also what the duplicated code actually had in common: each copy
+ * already pulled its gradient from a token class and hand-rolled the box.
+ */
+declare const BrandMark: react.ForwardRefExoticComponent<BrandMarkProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Brand, BrandMark, type BrandMarkProps, type BrandProps };

package/dist/brand.d.ts

@@ -0,0 +1,43 @@
+import * as react from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
+
+interface BrandProps {
+    logo?: ReactNode;
+    name?: string;
+    tagline?: string;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+interface BrandMarkProps extends HTMLAttributes<HTMLSpanElement> {
+    /** What sits in the square — a letter, an initial, an icon. */
+    glyph?: ReactNode;
+    /**
+     * `"sm" | "md" | "lg"`, or an exact pixel size when a design calls for one
+     * the scale does not have.
+     */
+    size?: "sm" | "md" | "lg" | number;
+}
+
+declare const Brand: react.ForwardRefExoticComponent<BrandProps & react.RefAttributes<HTMLDivElement>> & {
+    Mark: react.ForwardRefExoticComponent<BrandMarkProps & react.RefAttributes<HTMLSpanElement>>;
+};
+
+/**
+ * The square logo tile — a glyph centred in a rounded, coloured square.
+ *
+ * `Brand` has always taken its mark as a caller-supplied `logo` node, which is
+ * exactly why every page that wanted one rebuilt the same square: fixed size,
+ * rounded, grid-centred, bold, white, and `shrink-0` so a flex row never
+ * squashes it. Four surfaces carried that block inline.
+ *
+ * ## It ships no brand colour, deliberately
+ *
+ * The default is a neutral zinc tile. A component library inventing your brand
+ * gradient would be wrong, and would be the first thing every consumer had to
+ * override — so the FILL is `className`'s job and only the geometry lives here.
+ * That is also what the duplicated code actually had in common: each copy
+ * already pulled its gradient from a token class and hand-rolled the box.
+ */
+declare const BrandMark: react.ForwardRefExoticComponent<BrandMarkProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Brand, BrandMark, type BrandMarkProps, type BrandProps };

package/dist/brand.js

@@ -0,0 +1,4 @@
+export { Brand, BrandMark } from './chunk-XMBOZ73D.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=brand.js.map
+//# sourceMappingURL=brand.js.map

package/dist/brand.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"brand.js"}

package/dist/breadcrumbs.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunk6GC5DMOK_cjs = require('./chunk-6GC5DMOK.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () { return chunk6GC5DMOK_cjs.Breadcrumbs; }
+});
+//# sourceMappingURL=breadcrumbs.cjs.map
+//# sourceMappingURL=breadcrumbs.cjs.map

package/dist/breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"breadcrumbs.cjs"}

package/dist/breadcrumbs.d.cts

@@ -0,0 +1,36 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { N as NavigableProps } from './types-8Sv0rCjw.cjs';
+
+interface BreadcrumbsProps {
+    children: ReactNode;
+    separator?: ReactNode;
+    shrink?: boolean;
+    className?: string;
+}
+interface BreadcrumbsItemProps extends NavigableProps {
+    children: ReactNode;
+    active?: boolean;
+    /**
+     * Navigate by callback instead of by URL, for a crumb with no href.
+     *
+     * Controlled components own their own navigation — a repository browser
+     * walking directories, a wizard stepping back — and have no address to link
+     * to. Renders the crumb as a `<button>`. Ignored when `active`, since the
+     * current crumb is not a destination, and `href` wins if both are given.
+     */
+    onClick?: () => void;
+    className?: string;
+}
+
+declare function BreadcrumbsItem({ children, href, as: As, active, onClick, className, ...rest }: BreadcrumbsItemProps): react.JSX.Element;
+declare namespace BreadcrumbsItem {
+    var displayName: string;
+}
+
+declare function BreadcrumbsRoot({ children, separator, shrink, className, }: BreadcrumbsProps): react.JSX.Element;
+declare const Breadcrumbs: typeof BreadcrumbsRoot & {
+    Item: typeof BreadcrumbsItem;
+};
+
+export { Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps };

package/dist/breadcrumbs.d.ts

@@ -0,0 +1,36 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { N as NavigableProps } from './types-8Sv0rCjw.js';
+
+interface BreadcrumbsProps {
+    children: ReactNode;
+    separator?: ReactNode;
+    shrink?: boolean;
+    className?: string;
+}
+interface BreadcrumbsItemProps extends NavigableProps {
+    children: ReactNode;
+    active?: boolean;
+    /**
+     * Navigate by callback instead of by URL, for a crumb with no href.
+     *
+     * Controlled components own their own navigation — a repository browser
+     * walking directories, a wizard stepping back — and have no address to link
+     * to. Renders the crumb as a `<button>`. Ignored when `active`, since the
+     * current crumb is not a destination, and `href` wins if both are given.
+     */
+    onClick?: () => void;
+    className?: string;
+}
+
+declare function BreadcrumbsItem({ children, href, as: As, active, onClick, className, ...rest }: BreadcrumbsItemProps): react.JSX.Element;
+declare namespace BreadcrumbsItem {
+    var displayName: string;
+}
+
+declare function BreadcrumbsRoot({ children, separator, shrink, className, }: BreadcrumbsProps): react.JSX.Element;
+declare const Breadcrumbs: typeof BreadcrumbsRoot & {
+    Item: typeof BreadcrumbsItem;
+};
+
+export { Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps };

package/dist/breadcrumbs.js

@@ -0,0 +1,6 @@
+export { Breadcrumbs } from './chunk-RES2GOQQ.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=breadcrumbs.js.map
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"breadcrumbs.js"}

package/dist/button.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkXZYKPGSK_cjs = require('./chunk-XZYKPGSK.cjs');
+require('./chunk-XCZZVRBY.cjs');
+require('./chunk-JXIBUIEY.cjs');
+require('./chunk-BFKCVSNK.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Action", {
+  enumerable: true,
+  get: function () { return chunkXZYKPGSK_cjs.Action; }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkXZYKPGSK_cjs.Button; }
+});
+//# sourceMappingURL=button.cjs.map
+//# sourceMappingURL=button.cjs.map

package/dist/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"button.cjs"}

package/dist/button.d.cts

@@ -0,0 +1,84 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes } from 'react';
+import { B as ButtonColor, S as Size } from './types-8Sv0rCjw.cjs';
+
+interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    /** Shape/fill variant */
+    variant?: "default" | "circle" | "ghost";
+    /** Standalone color (overrides state colors) */
+    color?: ButtonColor;
+    size?: Size;
+    /** Behavioral states */
+    active?: boolean;
+    checked?: boolean;
+    warn?: boolean;
+    alert?: boolean;
+    /** Leading icon slug (resolved via Icon component, e.g. "pencil", "chevron-right") */
+    icon?: string;
+    /** Trailing icon slug (convenience for right-side icon) */
+    iconTrailing?: string;
+    /** Icon placement direction */
+    iconPlace?: "left" | "right" | "top" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right" | "left top" | "left bottom" | "right top" | "right bottom";
+    /** Pulsing alert icon slug */
+    alertIcon?: string;
+    /** Position alert icon on trailing side */
+    alertIconTrailing?: boolean;
+    /** Emoji slug (resolved via emoji-utils) */
+    emoji?: string;
+    /** Trailing emoji slug */
+    emojiTrailing?: string;
+    /** Avatar image URL */
+    avatar?: string;
+    /** Position avatar on trailing side */
+    avatarTrailing?: boolean;
+    /** Badge text */
+    badge?: string;
+    /** Position badge on trailing side */
+    badgeTrailing?: boolean;
+    /** Sort order of decorative elements: e=emoji, i=icon, a=avatar, b=badge */
+    sort?: string;
+    /** Show loading spinner */
+    loading?: boolean;
+    disabled?: boolean;
+    /** Render as anchor tag */
+    href?: string;
+    /**
+     * Anchor-mode element override — the component to render INSTEAD of the
+     * plain `<a>` when `href` is set, e.g. a router's `<Link>` (Inertia, React
+     * Router, Next) so the button navigates client-side. Receives `href`,
+     * `className`, and the forwarded rest props. Ignored without `href` or when
+     * `disabled` (the plain `<button>` renders as always).
+     */
+    as?: ElementType;
+    /** Anchor `target` — only applies in `href` (anchor) mode. */
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    /** Anchor `rel` — only applies in `href` (anchor) mode. */
+    rel?: AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+    /** Anchor `download` — only applies in `href` (anchor) mode. */
+    download?: AnchorHTMLAttributes<HTMLAnchorElement>["download"];
+    /**
+     * Collapse to icon-only when squeezed — injects the minimal Tailwind classes
+     * (`sr-only sm:not-sr-only`) onto the label so it stays screen-reader
+     * accessible but visually hidden on small screens. The label is also directly
+     * targetable via `data-react-fancy-button-label` for a custom breakpoint, e.g.
+     * `className="[&_[data-react-fancy-button-label]]:hidden md:[&_[data-react-fancy-button-label]]:inline"`.
+     */
+    responsive?: boolean;
+    /** Extra classes for the label wrapper — alignment, responsive hiding, etc. */
+    labelClassName?: string;
+}
+/**
+ * @deprecated Renamed to {@link ButtonProps}. `ActionProps` remains as an alias
+ * for backward compatibility and will be removed in a future major version.
+ */
+type ActionProps = ButtonProps;
+
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * @deprecated Renamed to {@link Button}. `Action` remains as an alias for
+ * backward compatibility and will be removed in a future major version.
+ * Prefer importing `Button` from "@particle-academy/react-fancy".
+ */
+declare const Action: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Action, type ActionProps, Button, type ButtonProps };