@adgytec/adgytec-web-ui-components 2.3.0 → 2.4.0

package/dist/components/Button/ButtonGroups/ConnectedButtonGroup/types.d.ts

@@ -1,8 +1,32 @@
 import { ToggleButtonGroup } from 'react-aria-components';
 import { ButtonIconPlacement, ButtonShape, ButtonSize, ConnectedButtonGroupColor } from '../../core';
+/**
+ * Props for the {@link ConnectedButtonGroup} component.
+ * Extends React Aria's {@link ToggleButtonGroup} (excluding orientation) with connected button styling presets.
+ */
 export interface ConnectedButtonGroupProps extends Omit<React.ComponentPropsWithRef<typeof ToggleButtonGroup>, "orientation"> {
+    /**
+     * Size preset applied across all connected buttons in the group.
+     *
+     * @default "small"
+     */
     size?: ButtonSize;
+    /**
+     * Corner rounding shape for the outer boundaries of the connected group.
+     *
+     * @default "round"
+     */
     shape?: ButtonShape;
+    /**
+     * Visual color style variant applied to buttons in the connected group.
+     *
+     * @default "filled"
+     */
     color?: ConnectedButtonGroupColor;
+    /**
+     * Default icon placement relative to label for connected buttons.
+     *
+     * @default "start"
+     */
     iconPlacement?: ButtonIconPlacement;
 }

package/dist/components/Button/IconButton/IconButton.d.ts

@@ -1,2 +1,23 @@
 import { IconButtonProps } from './types';
+/**
+ * A compact, icon-only button implementing Material Design 3 Icon Buttons.
+ *
+ * Designed for space-constrained UI elements, actions, toolbars, and controls that can
+ * be clearly represented by an icon alone. Automatically swaps the icon with a `Loader`
+ * spinner when `isPending` is active.
+ *
+ * Extends React Aria's `Button`. Always provide an accessible `aria-label` or `aria-labelledby`
+ * attribute for screen reader accessibility.
+ *
+ * @example
+ * ```tsx
+ * <IconButton
+ *     icon={Settings}
+ *     color="tonal"
+ *     tooltip="Settings"
+ *     aria-label="Settings"
+ *     onPress={() => openSettings()}
+ * />
+ * ```
+ */
 export declare const IconButton: React.FC<IconButtonProps>;

package/dist/components/Button/IconButton/index.js

@@ -6,7 +6,7 @@ import { c as a, d as o, f as s, l as c, n as l, o as u, p as d, s as f, t as p,
 import { clsx as h } from "clsx";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Button as v } from "react-aria-components";
-//#region src/components/Button/IconButton/IconButton.tsx
+// src/components/Button/IconButton/IconButton.tsx
 var y = ({ size: y, shape: b, color: x, width: S = "default", tooltip: C, icon: w, onPress: T, className: E, ...D }) => {
 	let { buttonColor: O, buttonShape: k, buttonSize: A } = l({
 		size: y,
@@ -48,7 +48,6 @@ var y = ({ size: y, shape: b, color: x, width: S = "default", tooltip: C, icon:
 		}
 	}), C);
 };
-//#endregion
 export { y as IconButton };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Button/IconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Button/IconButton/IconButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Loader } from \"@/components/Loader\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonReset,\n    ButtonSizeBase,\n    buttonColorBase,\n    buttonColorConfig,\n    buttonSizeConfig,\n    IconButtonIconSizeMapping,\n    newButtonBaseDataAttrs,\n    useButtonConfig,\n    withTooltip,\n} from \"../core\";\nimport type { IconButtonProps } from \"./types\";\n\nexport const IconButton: React.FC<IconButtonProps> = ({\n    size,\n    shape,\n    color,\n    width = \"default\",\n    tooltip,\n    icon,\n    onPress,\n    className,\n    ...props\n}) => {\n    const { buttonColor, buttonShape, buttonSize } = useButtonConfig({\n        size,\n        shape,\n        color,\n    });\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    const baseButtonDataAttrs = newButtonBaseDataAttrs({\n        shape: buttonShape,\n        size: buttonSize,\n        color: buttonColor,\n    });\n\n    const iconButtonDataAttrs = {\n        ...baseButtonDataAttrs,\n        \"data-width\": width,\n        \"data-icon-button\": true,\n    };\n\n    return withTooltip(\n        <AriaButton\n            onPress={handlePress}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    buttonSizeConfig(buttonSize),\n                    buttonColorConfig(buttonColor),\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            {...iconButtonDataAttrs}\n            data-button\n        >\n            {({\n                isPending,\n                isDisabled,\n                isFocusVisible,\n                isFocused,\n                isPressed,\n                isHovered,\n            }) => {\n                const dataAttrs = {\n                    ...iconButtonDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                const iconSize = IconButtonIconSizeMapping[buttonSize];\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            ButtonSizeBase\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n                        {isPending ? (\n                            <Loader size={iconSize} />\n                        ) : (\n                            icon && <Icon icon={icon} size={iconSize} />\n                        )}\n                    </span>\n                );\n            }}\n        </AriaButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;;AAqBA,IAAa,KAAyC,EAClD,SACA,UACA,UACA,WAAQ,WACR,YACA,SACA,YACA,cACA,GAAG,QACD;CACF,IAAM,EAAE,gBAAa,gBAAa,kBAAe,EAAgB;EAC7D;EACA;EACA;CACJ,CAAC,GAEK,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAQ/C,IAAsB;EACxB,GAPwB,EAAuB;GAC/C,OAAO;GACP,MAAM;GACN,OAAO;EACX,CAGO;EACH,cAAc;EACd,oBAAoB;CACxB;CAEA,OAAO,EACH,kBAAC,GAAD;EACI,SAAS;EACT,YAAY,MACR,EACI,GACA,GACA,EAAiB,CAAU,GAC3B,EAAkB,CAAW,GAC7B,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,GAAI;EACJ,eAAA;aAEE,EACE,cACA,eACA,mBACA,cACA,cACA,mBACE;GACF,IAAM,IAAY;IACd,GAAG;IACH,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB;GAC1B,GAEM,IAAW,EAA0B;GAC3C,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,CACJ;IACA,GAAI;cANR,CAQK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAW,CAAA,GACrC,IACG,kBAAC,GAAD,EAAQ,MAAM,EAAS,CAAA,IAEvB,KAAQ,kBAAC,GAAD;KAAY;KAAM,MAAM;IAAS,CAAA,CAE3C;;EAEd;CACQ,CAAA,GACZ,CACJ;AACJ"}
+{"version":3,"file":"index.js","names":["AriaButton","TapTarget","Loader","Splash","useSplash","buttonSizeConfig","ButtonCore","ButtonReset","buttonColorBase","useButtonConfig","ButtonSizeBase","newButtonBaseDataAttrs","IconButtonIconSizeMapping","withTooltip","buttonColorConfig","IconButton","props","onPress","iconButtonDataAttrs","buttonShape","buttonSize","buttonColor","width","Button","handlePress","clsx","className","renderProps","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","iconSize","splashInfo","isPending","icon","Icon","tooltip"],"sources":["../../../../src/components/Button/IconButton/IconButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Loader } from \"@/components/Loader\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonReset,\n    ButtonSizeBase,\n    buttonColorBase,\n    buttonColorConfig,\n    buttonSizeConfig,\n    IconButtonIconSizeMapping,\n    newButtonBaseDataAttrs,\n    useButtonConfig,\n    withTooltip,\n} from \"../core\";\nimport type { IconButtonProps } from \"./types\";\n\n/**\n * A compact, icon-only button implementing Material Design 3 Icon Buttons.\n *\n * Designed for space-constrained UI elements, actions, toolbars, and controls that can\n * be clearly represented by an icon alone. Automatically swaps the icon with a `Loader`\n * spinner when `isPending` is active.\n *\n * Extends React Aria's `Button`. Always provide an accessible `aria-label` or `aria-labelledby`\n * attribute for screen reader accessibility.\n *\n * @example\n * ```tsx\n * <IconButton\n *     icon={Settings}\n *     color=\"tonal\"\n *     tooltip=\"Settings\"\n *     aria-label=\"Settings\"\n *     onPress={() => openSettings()}\n * />\n * ```\n */\nexport const IconButton: React.FC<IconButtonProps> = ({\n    size,\n    shape,\n    color,\n    width = \"default\",\n    tooltip,\n    icon,\n    onPress,\n    className,\n    ...props\n}) => {\n    const { buttonColor, buttonShape, buttonSize } = useButtonConfig({\n        size,\n        shape,\n        color,\n    });\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    const baseButtonDataAttrs = newButtonBaseDataAttrs({\n        shape: buttonShape,\n        size: buttonSize,\n        color: buttonColor,\n    });\n\n    const iconButtonDataAttrs = {\n        ...baseButtonDataAttrs,\n        \"data-width\": width,\n        \"data-icon-button\": true,\n    };\n\n    return withTooltip(\n        <AriaButton\n            onPress={handlePress}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    buttonSizeConfig(buttonSize),\n                    buttonColorConfig(buttonColor),\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            {...iconButtonDataAttrs}\n            data-button\n        >\n            {({\n                isPending,\n                isDisabled,\n                isFocusVisible,\n                isFocused,\n                isPressed,\n                isHovered,\n            }) => {\n                const dataAttrs = {\n                    ...iconButtonDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                const iconSize = IconButtonIconSizeMapping[buttonSize];\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            ButtonSizeBase\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n                        {isPending ? (\n                            <Loader size={iconSize} />\n                        ) : (\n                            icon && <Icon icon={icon} size={iconSize} />\n                        )}\n                    </span>\n                );\n            }}\n        </AriaButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;;AA0CA,IAAae,KAAyC,EAClD,SACA,UACA,UACA,WAAQ,WACR,YACA,SACA,YACA,cACA,GAAGC,QACD;CACF,IAAM,EAAE,gBAAa,gBAAa,kBAAeP,EAAgB;EAC7D;EACA;EACA;CACJ,CAAC,GAEK,EAAE,eAAY,mBAAgBL,EAAUa,CAAO,GAQ/CC,IAAsB;EACxB,GAPwBP,EAAuB;GAC/C,OAAOQ;GACP,MAAMC;GACN,OAAOC;EACX,CAGO;EACH,cAAcC;EACd,oBAAoB;CACxB;CAEA,OAAOT,EACH,kBAACb,GAAD;EACI,SAASwB;EACT,YAAY,MACRC,EACIlB,GACAN,GACAI,EAAiBe,CAAU,GAC3BN,EAAkBO,CAAW,GAC7B,OAAOK,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,GAAIV;EACJ,GAAIE;EACJ,eAAA;EAEE,WAAA,EACE,cACA,eACA,mBACA,cACA,cACA,mBACE;GACF,IAAMU,IAAY;IACd,GAAGV;IACH,gBAAgBW,KAAa,KAAA;IAC7B,iBAAiBC,KAAc,KAAA;IAC/B,gBAAgBC,KAAa,KAAA;IAC7B,sBAAsBC,KAAkB,KAAA;IACxC,gBAAgBC,KAAa,KAAA;IAC7B,sBAAsB;GAC1B,GAEMC,IAAWtB,EAA0BQ;GAC3C,OACI,kBAAC,QAAD;IACI,WAAWK,EACPnB,GACAE,GACAE,CACJ;IACA,GAAIkB;IANR,UAAA,CAQKO,KAAc,kBAAChC,GAAD,EAAQ,GAAIgC,EAAW,CAAA,GACrCC,IACG,kBAAClC,GAAD,EAAQ,MAAMgC,EAAS,CAAA,IAEvBG,KAAQ,kBAACC,GAAD;KAAY;KAAM,MAAMJ;IAAS,CAAA,CAE3C;;EAEd;CACQ,CAAA,GACZK,CACJ;AACJ"}

package/dist/components/Button/IconButton/types.d.ts

@@ -1,4 +1,8 @@
 import { Button } from 'react-aria-components';
 import { IconButtonBaseProps } from '../core';
+/**
+ * Props for the {@link IconButton} component.
+ * Combines React Aria's {@link Button} props (omitting `children`) with {@link IconButtonBaseProps}.
+ */
 export interface IconButtonProps extends Omit<React.ComponentPropsWithRef<typeof Button>, "children">, IconButtonBaseProps {
 }

package/dist/components/Button/LinkButton/LinkButton.d.ts

@@ -1,2 +1,17 @@
 import { LinkButtonProps } from './types';
+/**
+ * A link component styled to look and behave like a Material Design 3 button.
+ *
+ * Used for navigation actions that should visually appear as standard buttons.
+ * Renders an accessible anchor element underneath via React Aria's `Link`,
+ * supporting native link behaviors (`href`, `target`, `rel`), keyboard activation,
+ * ripple splash animations, icons, and tooltips.
+ *
+ * @example
+ * ```tsx
+ * <LinkButton href="https://example.com" target="_blank" icon={ExternalLink} iconPlacement="end">
+ *     Visit Website
+ * </LinkButton>
+ * ```
+ */
 export declare const LinkButton: React.FC<LinkButtonProps>;

package/dist/components/Button/LinkButton/index.js

@@ -6,7 +6,7 @@ import { a, c as o, d as s, f as c, i as l, l as u, n as d, o as f, p, t as m, u
 import { clsx as g } from "clsx";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Link as y } from "react-aria-components";
-//#region src/components/Button/LinkButton/LinkButton.tsx
+// src/components/Button/LinkButton/LinkButton.tsx
 var b = e(), x = (e) => {
 	let x = (0, b.c)(41), S, C, w, T, E, D, O, k, A, j;
 	x[0] === e ? (S = x[1], C = x[2], w = x[3], T = x[4], E = x[5], D = x[6], O = x[7], k = x[8], A = x[9], j = x[10]) : ({size: A, shape: k, color: w, tooltip: j, icon: T, children: S, onPress: D, className: C, iconPlacement: E, ...O} = e, x[0] = e, x[1] = S, x[2] = C, x[3] = w, x[4] = T, x[5] = E, x[6] = D, x[7] = O, x[8] = k, x[9] = A, x[10] = j);
@@ -63,7 +63,6 @@ var b = e(), x = (e) => {
 	let G;
 	return x[38] !== W || x[39] !== j ? (G = m(W, j), x[38] = W, x[39] = j, x[40] = G) : G = x[40], G;
 };
-//#endregion
 export { x as LinkButton };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Button/LinkButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["renderProps","icon","iconSize","handlePress"],"sources":["../../../../src/components/Button/LinkButton/LinkButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Link } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonIconSizeMapping,\n    ButtonLabelTextMapping,\n    ButtonReset,\n    ButtonSizeBase,\n    buttonColorBase,\n    buttonColorConfig,\n    buttonSizeConfig,\n    newButtonBaseDataAttrs,\n    useButtonConfig,\n    withTooltip,\n} from \"../core\";\nimport type { LinkButtonProps } from \"./types\";\n\nexport const LinkButton: React.FC<LinkButtonProps> = ({\n    size,\n    shape,\n    color,\n    tooltip,\n    icon,\n    children,\n    onPress,\n    className,\n    iconPlacement,\n    ...props\n}) => {\n    const { buttonColor, buttonShape, buttonSize, buttonIconPlacement } =\n        useButtonConfig({\n            size,\n            shape,\n            color,\n            iconPlacement,\n        });\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n    const isChildFunc = typeof children === \"function\";\n\n    const baseButtonDataAttrs = newButtonBaseDataAttrs({\n        shape: buttonShape,\n        size: buttonSize,\n        color: buttonColor,\n    });\n\n    return withTooltip(\n        <Link\n            onPress={handlePress}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    buttonSizeConfig(buttonSize),\n                    buttonColorConfig(buttonColor),\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            {...baseButtonDataAttrs}\n            data-button\n            data-link-button\n        >\n            {(renderProps) => {\n                const {\n                    isDisabled,\n                    isFocusVisible,\n                    isFocused,\n                    isPressed,\n                    isHovered,\n                } = renderProps;\n\n                const dataAttrs = {\n                    ...baseButtonDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                const iconSize = ButtonIconSizeMapping[buttonSize];\n                const iconComp = icon && <Icon icon={icon} size={iconSize} />;\n\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            ButtonSizeBase,\n                            ButtonLabelTextMapping[buttonSize]\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n\n                        {buttonIconPlacement === \"start\" && iconComp}\n\n                        {isChildFunc ? children(renderProps) : children}\n\n                        {buttonIconPlacement === \"end\" && iconComp}\n                    </span>\n                );\n            }}\n        </Link>,\n        tooltip\n    );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["renderProps","icon","iconSize","handlePress","_c","require_compiler_runtime","Icon","Splash","useSplash","buttonSizeConfig","ButtonCore","ButtonReset","ButtonIconSizeMapping","buttonColorBase","useButtonConfig","ButtonSizeBase","withTooltip","buttonColorConfig","import_compiler_runtime","LinkButton","$","children","className","color","icon","iconPlacement","onPress","props","shape","size","tooltip","t0","t1","isChildFunc","t2","buttonColor","buttonShape","buttonSize","newButtonBaseDataAttrs","baseButtonDataAttrs","t3","clsx","TapTarget","renderProps","t4","buttonIconPlacement","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","iconSize","iconComp","ButtonLabelTextMapping","t5","handlePress","Link","t6"],"sources":["../../../../src/components/Button/LinkButton/LinkButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Link } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonIconSizeMapping,\n    ButtonLabelTextMapping,\n    ButtonReset,\n    ButtonSizeBase,\n    buttonColorBase,\n    buttonColorConfig,\n    buttonSizeConfig,\n    newButtonBaseDataAttrs,\n    useButtonConfig,\n    withTooltip,\n} from \"../core\";\nimport type { LinkButtonProps } from \"./types\";\n\n/**\n * A link component styled to look and behave like a Material Design 3 button.\n *\n * Used for navigation actions that should visually appear as standard buttons.\n * Renders an accessible anchor element underneath via React Aria's `Link`,\n * supporting native link behaviors (`href`, `target`, `rel`), keyboard activation,\n * ripple splash animations, icons, and tooltips.\n *\n * @example\n * ```tsx\n * <LinkButton href=\"https://example.com\" target=\"_blank\" icon={ExternalLink} iconPlacement=\"end\">\n *     Visit Website\n * </LinkButton>\n * ```\n */\nexport const LinkButton: React.FC<LinkButtonProps> = ({\n    size,\n    shape,\n    color,\n    tooltip,\n    icon,\n    children,\n    onPress,\n    className,\n    iconPlacement,\n    ...props\n}) => {\n    const { buttonColor, buttonShape, buttonSize, buttonIconPlacement } =\n        useButtonConfig({\n            size,\n            shape,\n            color,\n            iconPlacement,\n        });\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n    const isChildFunc = typeof children === \"function\";\n\n    const baseButtonDataAttrs = newButtonBaseDataAttrs({\n        shape: buttonShape,\n        size: buttonSize,\n        color: buttonColor,\n    });\n\n    return withTooltip(\n        <Link\n            onPress={handlePress}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    buttonSizeConfig(buttonSize),\n                    buttonColorConfig(buttonColor),\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            {...baseButtonDataAttrs}\n            data-button\n            data-link-button\n        >\n            {(renderProps) => {\n                const {\n                    isDisabled,\n                    isFocusVisible,\n                    isFocused,\n                    isPressed,\n                    isHovered,\n                } = renderProps;\n\n                const dataAttrs = {\n                    ...baseButtonDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                const iconSize = ButtonIconSizeMapping[buttonSize];\n                const iconComp = icon && <Icon icon={icon} size={iconSize} />;\n\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            ButtonSizeBase,\n                            ButtonLabelTextMapping[buttonSize]\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n\n                        {buttonIconPlacement === \"start\" && iconComp}\n\n                        {isChildFunc ? children(renderProps) : children}\n\n                        {buttonIconPlacement === \"end\" && iconComp}\n                    </span>\n                );\n            }}\n        </Link>,\n        tooltip\n    );\n};\n"],"mappings":"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"}

package/dist/components/Button/LinkButton/types.d.ts

@@ -1,4 +1,8 @@
 import { Link } from 'react-aria-components';
 import { ButtonBaseProps } from '../core';
+/**
+ * Props for the {@link LinkButton} component.
+ * Combines React Aria's {@link Link} props with shared {@link ButtonBaseProps}.
+ */
 export interface LinkButtonProps extends React.ComponentPropsWithRef<typeof Link>, ButtonBaseProps {
 }

package/dist/components/Button/LinkIconButton/LinkIconButton.d.ts

@@ -1,2 +1,21 @@
 import { LinkIconButtonProps } from './types';
+/**
+ * A link component styled as a compact Material Design 3 icon button.
+ *
+ * Used for icon-only navigation actions (such as external social links, repository links,
+ * or compact icon navigation). Built on top of React Aria's `Link`.
+ *
+ * Always provide an accessible `aria-label` or `aria-labelledby` attribute for screen reader accessibility.
+ *
+ * @example
+ * ```tsx
+ * <LinkIconButton
+ *     href="https://github.com"
+ *     target="_blank"
+ *     icon={Github}
+ *     tooltip="GitHub Profile"
+ *     aria-label="GitHub Profile"
+ * />
+ * ```
+ */
 export declare const LinkIconButton: React.FC<LinkIconButtonProps>;

package/dist/components/Button/LinkIconButton/index.js

@@ -5,7 +5,7 @@ import { c as i, d as a, f as o, l as s, n as c, o as l, p as u, s as d, t as f,
 import { clsx as m } from "clsx";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Link as _ } from "react-aria-components";
-//#region src/components/Button/LinkIconButton/LinkIconButton.tsx
+// src/components/Button/LinkIconButton/LinkIconButton.tsx
 var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, icon: C, onPress: w, className: T, ...E }) => {
 	let { buttonColor: D, buttonShape: O, buttonSize: k } = c({
 		size: v,
@@ -48,7 +48,6 @@ var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, icon:
 		}
 	}), S);
 };
-//#endregion
 export { v as LinkIconButton };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Button/LinkIconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Button/LinkIconButton/LinkIconButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Link } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonReset,\n    ButtonSizeBase,\n    buttonColorBase,\n    buttonColorConfig,\n    buttonSizeConfig,\n    IconButtonIconSizeMapping,\n    newButtonBaseDataAttrs,\n    useButtonConfig,\n    withTooltip,\n} from \"../core\";\nimport type { LinkIconButtonProps } from \"./types\";\n\nexport const LinkIconButton: React.FC<LinkIconButtonProps> = ({\n    size,\n    shape,\n    color,\n    width = \"default\",\n    tooltip,\n    icon,\n    onPress,\n    className,\n    ...props\n}) => {\n    const { buttonColor, buttonShape, buttonSize } = useButtonConfig({\n        size,\n        shape,\n        color,\n    });\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    const baseButtonDataAttrs = newButtonBaseDataAttrs({\n        shape: buttonShape,\n        size: buttonSize,\n        color: buttonColor,\n    });\n\n    const iconButtonDataAttrs = {\n        ...baseButtonDataAttrs,\n        \"data-width\": width,\n        \"data-icon-button\": true,\n    };\n\n    return withTooltip(\n        <Link\n            onPress={handlePress}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    buttonSizeConfig(buttonSize),\n                    buttonColorConfig(buttonColor),\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            {...iconButtonDataAttrs}\n            data-button\n            data-link-button\n        >\n            {({\n                isDisabled,\n                isFocusVisible,\n                isFocused,\n                isPressed,\n                isHovered,\n            }) => {\n                const dataAttrs = {\n                    ...iconButtonDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                const iconSize = IconButtonIconSizeMapping[buttonSize];\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            ButtonSizeBase\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n                        {icon && <Icon icon={icon} size={iconSize} />}\n                    </span>\n                );\n            }}\n        </Link>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;AAoBA,IAAa,KAAiD,EAC1D,SACA,UACA,UACA,WAAQ,WACR,YACA,SACA,YACA,cACA,GAAG,QACD;CACF,IAAM,EAAE,gBAAa,gBAAa,kBAAe,EAAgB;EAC7D;EACA;EACA;CACJ,CAAC,GAEK,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAQ/C,IAAsB;EACxB,GAPwB,EAAuB;GAC/C,OAAO;GACP,MAAM;GACN,OAAO;EACX,CAGO;EACH,cAAc;EACd,oBAAoB;CACxB;CAEA,OAAO,EACH,kBAAC,GAAD;EACI,SAAS;EACT,YAAY,MACR,EACI,GACA,GACA,EAAiB,CAAU,GAC3B,EAAkB,CAAW,GAC7B,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,GAAI;EACJ,eAAA;EACA,oBAAA;aAEE,EACE,eACA,mBACA,cACA,cACA,mBACE;GACF,IAAM,IAAY;IACd,GAAG;IACH,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB;GAC1B,GAEM,IAAW,EAA0B;GAC3C,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,CACJ;IACA,GAAI;cANR,CAQK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAW,CAAA,GACrC,KAAQ,kBAAC,GAAD;KAAY;KAAM,MAAM;IAAS,CAAA,CACxC;;EAEd;CACE,CAAA,GACN,CACJ;AACJ"}
+{"version":3,"file":"index.js","names":["TapTarget","useSplash","buttonSizeConfig","ButtonCore","ButtonReset","buttonColorBase","useButtonConfig","ButtonSizeBase","newButtonBaseDataAttrs","IconButtonIconSizeMapping","withTooltip","buttonColorConfig","LinkIconButton","props","onPress","iconButtonDataAttrs","buttonShape","buttonSize","buttonColor","width","Link","handlePress","clsx","className","renderProps","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","iconSize","splashInfo","Splash","icon","Icon","tooltip"],"sources":["../../../../src/components/Button/LinkIconButton/LinkIconButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Link } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonReset,\n    ButtonSizeBase,\n    buttonColorBase,\n    buttonColorConfig,\n    buttonSizeConfig,\n    IconButtonIconSizeMapping,\n    newButtonBaseDataAttrs,\n    useButtonConfig,\n    withTooltip,\n} from \"../core\";\nimport type { LinkIconButtonProps } from \"./types\";\n\n/**\n * A link component styled as a compact Material Design 3 icon button.\n *\n * Used for icon-only navigation actions (such as external social links, repository links,\n * or compact icon navigation). Built on top of React Aria's `Link`.\n *\n * Always provide an accessible `aria-label` or `aria-labelledby` attribute for screen reader accessibility.\n *\n * @example\n * ```tsx\n * <LinkIconButton\n *     href=\"https://github.com\"\n *     target=\"_blank\"\n *     icon={Github}\n *     tooltip=\"GitHub Profile\"\n *     aria-label=\"GitHub Profile\"\n * />\n * ```\n */\nexport const LinkIconButton: React.FC<LinkIconButtonProps> = ({\n    size,\n    shape,\n    color,\n    width = \"default\",\n    tooltip,\n    icon,\n    onPress,\n    className,\n    ...props\n}) => {\n    const { buttonColor, buttonShape, buttonSize } = useButtonConfig({\n        size,\n        shape,\n        color,\n    });\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n\n    const baseButtonDataAttrs = newButtonBaseDataAttrs({\n        shape: buttonShape,\n        size: buttonSize,\n        color: buttonColor,\n    });\n\n    const iconButtonDataAttrs = {\n        ...baseButtonDataAttrs,\n        \"data-width\": width,\n        \"data-icon-button\": true,\n    };\n\n    return withTooltip(\n        <Link\n            onPress={handlePress}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    buttonSizeConfig(buttonSize),\n                    buttonColorConfig(buttonColor),\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n            {...iconButtonDataAttrs}\n            data-button\n            data-link-button\n        >\n            {({\n                isDisabled,\n                isFocusVisible,\n                isFocused,\n                isPressed,\n                isHovered,\n            }) => {\n                const dataAttrs = {\n                    ...iconButtonDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                const iconSize = IconButtonIconSizeMapping[buttonSize];\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            ButtonSizeBase\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n                        {icon && <Icon icon={icon} size={iconSize} />}\n                    </span>\n                );\n            }}\n        </Link>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;AAuCA,IAAaY,KAAiD,EAC1D,SACA,UACA,UACA,WAAQ,WACR,YACA,SACA,YACA,cACA,GAAGC,QACD;CACF,IAAM,EAAE,gBAAa,gBAAa,kBAAeP,EAAgB;EAC7D;EACA;EACA;CACJ,CAAC,GAEK,EAAE,eAAY,mBAAgBL,EAAUa,CAAO,GAQ/CC,IAAsB;EACxB,GAPwBP,EAAuB;GAC/C,OAAOQ;GACP,MAAMC;GACN,OAAOC;EACX,CAGO;EACH,cAAcC;EACd,oBAAoB;CACxB;CAEA,OAAOT,EACH,kBAACU,GAAD;EACI,SAASC;EACT,YAAY,MACRC,EACIlB,GACAJ,GACAE,EAAiBe,CAAU,GAC3BN,EAAkBO,CAAW,GAC7B,OAAOK,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,GAAIV;EACJ,GAAIE;EACJ,eAAA;EACA,oBAAA;EAEE,WAAA,EACE,eACA,mBACA,cACA,cACA,mBACE;GACF,IAAMU,IAAY;IACd,GAAGV;IACH,gBAAgBW,KAAa,KAAA;IAC7B,iBAAiBC,KAAc,KAAA;IAC/B,gBAAgBC,KAAa,KAAA;IAC7B,sBAAsBC,KAAkB,KAAA;IACxC,gBAAgBC,KAAa,KAAA;IAC7B,sBAAsB;GAC1B,GAEMC,IAAWtB,EAA0BQ;GAC3C,OACI,kBAAC,QAAD;IACI,WAAWK,EACPnB,GACAE,GACAE,CACJ;IACA,GAAIkB;IANR,UAAA,CAQKO,KAAc,kBAACC,GAAD,EAAQ,GAAID,EAAW,CAAA,GACrCE,KAAQ,kBAACC,GAAD;KAAY;KAAM,MAAMJ;IAAS,CAAA,CACxC;;EAEd;CACE,CAAA,GACNK,CACJ;AACJ"}

package/dist/components/Button/LinkIconButton/types.d.ts

@@ -1,4 +1,8 @@
 import { Link } from 'react-aria-components';
 import { IconButtonBaseProps } from '../core';
+/**
+ * Props for the {@link LinkIconButton} component.
+ * Combines React Aria's {@link Link} props (omitting `children`) with {@link IconButtonBaseProps}.
+ */
 export interface LinkIconButtonProps extends Omit<React.ComponentPropsWithRef<typeof Link>, "children">, IconButtonBaseProps {
 }

package/dist/components/Button/SplitButton/SplitButton/SplitButton.d.ts

@@ -1,2 +1,26 @@
 import { SplitButtonProps } from './types';
+/**
+ * A composite button container implementing Material Design 3 Split Buttons.
+ *
+ * Couples a primary action button ({@link SplitButtonPrimary}) with an adjacent dropdown menu trigger
+ * ({@link SplitButtonTrigger}) inside an accessible React Aria `Toolbar`.
+ * Synchronizes size, color variant, disabled, and pending states across both button parts via context.
+ *
+ * @example
+ * ```tsx
+ * <SplitButton color="tonal">
+ *     <SplitButtonPrimary icon={Save} onPress={handleSave}>
+ *         Save
+ *     </SplitButtonPrimary>
+ *     <MenuTrigger>
+ *         <SplitButtonTrigger aria-label="More save options" />
+ *         <MenuPopover>
+ *             <Menu>
+ *                 <MenuItem label="Save as draft" />
+ *             </Menu>
+ *         </MenuPopover>
+ *     </MenuTrigger>
+ * </SplitButton>
+ * ```
+ */
 export declare const SplitButton: React.FC<SplitButtonProps>;

package/dist/components/Button/SplitButton/SplitButton/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SplitButton";
-export { e as SplitButton };
+export { t as SplitButton } from "../../../../chunks/SplitButton";

package/dist/components/Button/SplitButton/SplitButton/types.d.ts

@@ -1,12 +1,35 @@
 import { CSSProperties, ReactNode } from 'react';
 import { Toolbar } from 'react-aria-components';
 import { ButtonSize, SplitButtonColor } from '../../core';
+/**
+ * Props for the {@link SplitButton} container component.
+ * Extends React Aria's {@link Toolbar} props with split button styling and shared state.
+ */
 export interface SplitButtonProps extends Omit<React.ComponentPropsWithRef<typeof Toolbar>, "orientation" | "children" | "className" | "style"> {
+    /**
+     * Visual color style variant applied to both primary and trigger buttons.
+     *
+     * @default "filled"
+     */
     color?: SplitButtonColor;
+    /**
+     * Size preset applied to both primary and trigger buttons.
+     *
+     * @default "small"
+     */
     size?: ButtonSize;
+    /**
+     * Global loading state applied to both primary and trigger buttons.
+     */
     isPending?: boolean;
+    /**
+     * Global disabled state applied to both primary and trigger buttons.
+     */
     isDisabled?: boolean;
+    /** Primary button and menu trigger components. */
     children?: ReactNode;
+    /** Optional CSS class name for the container element. */
     className?: string;
+    /** Optional inline styles for the container element. */
     style?: CSSProperties;
 }

package/dist/components/Button/SplitButton/SplitButtonContext/context.d.ts

@@ -1,8 +1,19 @@
 import { ButtonSize, SplitButtonColor } from '../../core';
+/**
+ * Context state shared across all components of a {@link SplitButton}.
+ */
 export type SplitButtonState = {
+    /** Whether both primary action and trigger buttons are currently in a pending state. */
     isPending?: boolean;
+    /** Whether both primary action and trigger buttons are currently disabled. */
     isDisabled?: boolean;
+    /** Uniform size preset for the split button pair. */
     size: ButtonSize;
+    /** Visual color style variant applied to both split button parts. */
     color: SplitButtonColor;
 };
+/**
+ * React Context providing size, color, pending, and disabled state from
+ * a parent `SplitButton` container to `SplitButtonPrimary` and `SplitButtonTrigger`.
+ */
 export declare const SplitButtonContext: import('react').Context<SplitButtonState>;

package/dist/components/Button/SplitButton/SplitButtonContext/index.js

@@ -1,15 +1,13 @@
 import { createContext as e, useContext as t } from "react";
-//#region src/components/Button/SplitButton/SplitButtonContext/context.ts
+// src/components/Button/SplitButton/SplitButtonContext/context.ts
 var n = e({
 	size: "small",
 	color: "filled"
 });
-//#endregion
-//#region src/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.ts
+// src/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.ts
 function r() {
 	return t(n);
 }
-//#endregion
 export { n as SplitButtonContext, r as useSplitButtonContext };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Button/SplitButton/SplitButtonContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Button/SplitButton/SplitButtonContext/context.ts","../../../../../src/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ButtonSize, SplitButtonColor } from \"../../core\";\n\nexport type SplitButtonState = {\n    isPending?: boolean;\n    isDisabled?: boolean;\n\n    size: ButtonSize;\n    color: SplitButtonColor;\n};\n\nexport const SplitButtonContext = createContext<SplitButtonState>({\n    size: \"small\",\n    color: \"filled\",\n});\n","import { useContext } from \"react\";\nimport { SplitButtonContext } from \"./context\";\n\nexport function useSplitButtonContext() {\n    return useContext(SplitButtonContext);\n}\n"],"mappings":";;AAWA,IAAa,IAAqB,EAAgC;CAC9D,MAAM;CACN,OAAO;AACX,CAAC;;;ACXD,SAAO,IAAA;CAAA,OACI,EAAW,CAAkB;AAAC"}
+{"version":3,"file":"index.js","names":["SplitButtonContext","createContext","useSplitButtonContext","useContext"],"sources":["../../../../../src/components/Button/SplitButton/SplitButtonContext/context.ts","../../../../../src/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ButtonSize, SplitButtonColor } from \"../../core\";\n\n/**\n * Context state shared across all components of a {@link SplitButton}.\n */\nexport type SplitButtonState = {\n    /** Whether both primary action and trigger buttons are currently in a pending state. */\n    isPending?: boolean;\n    /** Whether both primary action and trigger buttons are currently disabled. */\n    isDisabled?: boolean;\n\n    /** Uniform size preset for the split button pair. */\n    size: ButtonSize;\n    /** Visual color style variant applied to both split button parts. */\n    color: SplitButtonColor;\n};\n\n/**\n * React Context providing size, color, pending, and disabled state from\n * a parent `SplitButton` container to `SplitButtonPrimary` and `SplitButtonTrigger`.\n */\nexport const SplitButtonContext = createContext<SplitButtonState>({\n    size: \"small\",\n    color: \"filled\",\n});\n","import { useContext } from \"react\";\nimport { SplitButtonContext } from \"./context\";\n\n/**\n * Accesses the enclosing {@link SplitButtonContext} state.\n *\n * @returns The configuration and state provided by the nearest parent `SplitButton`. Defaults to small/filled if unnested.\n */\nexport function useSplitButtonContext() {\n    return useContext(SplitButtonContext);\n}\n"],"mappings":";;AAsBA,IAAaA,IAAqBC,EAAgC;CAC9D,MAAM;CACN,OAAO;AACX,CAAC;;ACjBD,SAAOC,IAAA;CAAA,OACIC,EAAWH,CAAkB;AAAC"}

package/dist/components/Button/SplitButton/SplitButtonContext/useSplitButtonContext.d.ts

@@ -1 +1,6 @@
+/**
+ * Accesses the enclosing {@link SplitButtonContext} state.
+ *
+ * @returns The configuration and state provided by the nearest parent `SplitButton`. Defaults to small/filled if unnested.
+ */
 export declare function useSplitButtonContext(): import('./context').SplitButtonState;

package/dist/components/Button/SplitButton/SplitButtonPrimary/SplitButtonPrimary.d.ts

@@ -1,2 +1,17 @@
 import { SplitButtonPrimaryProps } from './types';
+/**
+ * The primary action button within a {@link SplitButton}.
+ *
+ * Inherits visual styling (size and color) and states (disabled, pending)
+ * from the parent `SplitButtonContext`.
+ * Extends React Aria's `Button` and supports ripple splash animations, icons,
+ * loading spinner substitution when pending, and tooltips.
+ *
+ * @example
+ * ```tsx
+ * <SplitButtonPrimary icon={Save} onPress={() => handleSave()}>
+ *     Save
+ * </SplitButtonPrimary>
+ * ```
+ */
 export declare const SplitButtonPrimary: React.FC<SplitButtonPrimaryProps>;

package/dist/components/Button/SplitButton/SplitButtonPrimary/index.js

@@ -8,12 +8,12 @@ import { useSplitButtonContext as m } from "../SplitButtonContext/index.js";
 import { clsx as h } from "clsx";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Button as v } from "react-aria-components";
-//#region src/components/Button/SplitButton/SplitButtonPrimary/SplitButtonPrimary.tsx
+// src/components/Button/SplitButton/SplitButtonPrimary/SplitButtonPrimary.tsx
 var y = ({ tooltip: y, icon: b, children: x, onPress: S, isDisabled: C, isPending: w, className: T, iconPlacement: E = "start", ...D }) => {
-	let O = m(), { splashInfo: k, handlePress: A } = i(S), j = typeof x == "function", M = w || O.isPending;
+	let O = m(), { splashInfo: k, handlePress: A } = i(S), j = typeof x == "function", M = w || O.isPending, N = C || O.isDisabled;
 	return u(/* @__PURE__ */ g(v, {
 		onPress: A,
-		isDisabled: C || O.isDisabled,
+		isDisabled: N,
 		isPending: M,
 		...D,
 		className: (t) => h(s, e, p, d(O.color), typeof T == "function" ? T(t) : T),
@@ -44,7 +44,6 @@ var y = ({ tooltip: y, icon: b, children: x, onPress: S, isDisabled: C, isPendin
 		}
 	}), y);
 };
-//#endregion
 export { y as SplitButtonPrimary };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Button/SplitButton/SplitButtonPrimary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["renderProps","isDisabled"],"sources":["../../../../../src/components/Button/SplitButton/SplitButtonPrimary/SplitButtonPrimary.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Loader } from \"@/components/Loader\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonIconSizeMapping,\n    ButtonLabelTextMapping,\n    ButtonReset,\n    buttonColorBase,\n    buttonColorConfig,\n    withTooltip,\n} from \"../../core\";\nimport { SplitButtonPrimaryBase, SplitButtonVariantBase } from \"../core\";\nimport { useSplitButtonContext } from \"../SplitButtonContext\";\nimport type { SplitButtonPrimaryProps } from \"./types\";\n\nexport const SplitButtonPrimary: React.FC<SplitButtonPrimaryProps> = ({\n    tooltip,\n    icon,\n    children,\n    onPress,\n    isDisabled,\n    isPending,\n    className,\n    iconPlacement = \"start\",\n    ...props\n}) => {\n    const splitButtonState = useSplitButtonContext();\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n    const isChildFunc = typeof children === \"function\";\n\n    const pending = isPending || splitButtonState.isPending;\n    const disabled = isDisabled || splitButtonState.isDisabled;\n\n    return withTooltip(\n        <AriaButton\n            onPress={handlePress}\n            isDisabled={disabled}\n            isPending={pending}\n            {...props}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    SplitButtonPrimaryBase,\n                    buttonColorConfig(splitButtonState.color),\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            data-button\n            data-split-button-primary\n        >\n            {(renderProps) => {\n                const {\n                    isDisabled,\n                    isFocusVisible,\n                    isFocused,\n                    isPressed,\n                    isHovered,\n                } = renderProps;\n\n                const dataAttrs = {\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                const iconSize = ButtonIconSizeMapping[splitButtonState.size];\n                const iconComp = renderProps.isPending ? (\n                    <Loader size={iconSize} />\n                ) : (\n                    icon && <Icon icon={icon} size={iconSize} />\n                );\n\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            SplitButtonVariantBase,\n                            ButtonLabelTextMapping[splitButtonState.size]\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n\n                        {iconPlacement === \"start\" && iconComp}\n\n                        {isChildFunc ? children(renderProps) : children}\n\n                        {iconPlacement === \"end\" && iconComp}\n                    </span>\n                );\n            }}\n        </AriaButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;;;;AAoBA,IAAa,KAAyD,EAClE,YACA,SACA,aACA,YACA,eACA,cACA,cACA,mBAAgB,SAChB,GAAG,QACD;CACF,IAAM,IAAmB,EAAsB,GAEzC,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAC/C,IAAc,OAAO,KAAa,YAElC,IAAU,KAAa,EAAiB;CAG9C,OAAO,EACH,kBAAC,GAAD;EACI,SAAS;EACT,YALS,KAAc,EAAiB;EAMxC,WAAW;EACX,GAAI;EACJ,YAAY,MACR,EACI,GACA,GACA,GACA,EAAkB,EAAiB,KAAK,GACxC,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,eAAA;EACA,6BAAA;aAEEA,MAAgB;GACd,IAAM,EACF,YAAAC,GACA,mBACA,cACA,cACA,iBACAD,GAEE,IAAY;IACd,gBAAgB,KAAa,KAAA;IAC7B,iBAAiBC,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB;GAC1B,GAEM,IAAW,EAAsB,EAAiB,OAClD,IAAWD,EAAY,YACzB,kBAAC,GAAD,EAAQ,MAAM,EAAS,CAAA,IAEvB,KAAQ,kBAAC,GAAD;IAAY;IAAM,MAAM;GAAS,CAAA;GAG7C,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,GACA,EAAuB,EAAiB,KAC5C;IACA,GAAI;cAPR;KASK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAW,CAAA;KAErC,MAAkB,WAAW;KAE7B,IAAc,EAASA,CAAW,IAAI;KAEtC,MAAkB,SAAS;IAC1B;;EAEd;CACQ,CAAA,GACZ,CACJ;AACJ"}
+{"version":3,"file":"index.js","names":["renderProps","isDisabled","AriaButton","TapTarget","Loader","Splash","useSplash","ButtonCore","ButtonReset","ButtonIconSizeMapping","withTooltip","buttonColorConfig","SplitButtonVariantBase","SplitButtonPrimaryBase","SplitButtonPrimary","props","splitButtonState","useSplitButtonContext","onPress","isChildFunc","children","pending","isPending","disabled","isDisabled","Button","handlePress","clsx","className","renderProps","isDisabled_0","renderProps_0","dataAttrs","isHovered","isFocused","isFocusVisible","isPressed","iconSize","iconComp","icon","Icon","buttonColorBase","ButtonLabelTextMapping","splashInfo","iconPlacement","tooltip"],"sources":["../../../../../src/components/Button/SplitButton/SplitButtonPrimary/SplitButtonPrimary.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Button as AriaButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Loader } from \"@/components/Loader\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n    ButtonCore,\n    ButtonIconSizeMapping,\n    ButtonLabelTextMapping,\n    ButtonReset,\n    buttonColorBase,\n    buttonColorConfig,\n    withTooltip,\n} from \"../../core\";\nimport { SplitButtonPrimaryBase, SplitButtonVariantBase } from \"../core\";\nimport { useSplitButtonContext } from \"../SplitButtonContext\";\nimport type { SplitButtonPrimaryProps } from \"./types\";\n\n/**\n * The primary action button within a {@link SplitButton}.\n *\n * Inherits visual styling (size and color) and states (disabled, pending)\n * from the parent `SplitButtonContext`.\n * Extends React Aria's `Button` and supports ripple splash animations, icons,\n * loading spinner substitution when pending, and tooltips.\n *\n * @example\n * ```tsx\n * <SplitButtonPrimary icon={Save} onPress={() => handleSave()}>\n *     Save\n * </SplitButtonPrimary>\n * ```\n */\nexport const SplitButtonPrimary: React.FC<SplitButtonPrimaryProps> = ({\n    tooltip,\n    icon,\n    children,\n    onPress,\n    isDisabled,\n    isPending,\n    className,\n    iconPlacement = \"start\",\n    ...props\n}) => {\n    const splitButtonState = useSplitButtonContext();\n\n    const { splashInfo, handlePress } = useSplash(onPress);\n    const isChildFunc = typeof children === \"function\";\n\n    const pending = isPending || splitButtonState.isPending;\n    const disabled = isDisabled || splitButtonState.isDisabled;\n\n    return withTooltip(\n        <AriaButton\n            onPress={handlePress}\n            isDisabled={disabled}\n            isPending={pending}\n            {...props}\n            className={(renderProps) =>\n                clsx(\n                    ButtonReset,\n                    TapTarget,\n                    SplitButtonPrimaryBase,\n                    buttonColorConfig(splitButtonState.color),\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            data-button\n            data-split-button-primary\n        >\n            {(renderProps) => {\n                const {\n                    isDisabled,\n                    isFocusVisible,\n                    isFocused,\n                    isPressed,\n                    isHovered,\n                } = renderProps;\n\n                const dataAttrs = {\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-pressed\": isPressed || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                const iconSize = ButtonIconSizeMapping[splitButtonState.size];\n                const iconComp = renderProps.isPending ? (\n                    <Loader size={iconSize} />\n                ) : (\n                    icon && <Icon icon={icon} size={iconSize} />\n                );\n\n                return (\n                    <span\n                        className={clsx(\n                            ButtonCore,\n                            buttonColorBase,\n                            SplitButtonVariantBase,\n                            ButtonLabelTextMapping[splitButtonState.size]\n                        )}\n                        {...dataAttrs}\n                    >\n                        {splashInfo && <Splash {...splashInfo} />}\n\n                        {iconPlacement === \"start\" && iconComp}\n\n                        {isChildFunc ? children(renderProps) : children}\n\n                        {iconPlacement === \"end\" && iconComp}\n                    </span>\n                );\n            }}\n        </AriaButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;;;;AAmCA,IAAac,KAAyD,EAClE,YACA,SACA,aACA,YACA,eACA,cACA,cACA,mBAAgB,SAChB,GAAGC,QACD;CACF,IAAMC,IAAmBC,EAAsB,GAEzC,EAAE,eAAY,mBAAgBX,EAAUY,CAAO,GAC/CC,IAAc,OAAOC,KAAa,YAElCC,IAAUC,KAAaN,EAAiB,WACxCO,IAAWC,KAAcR,EAAiB;CAEhD,OAAON,EACH,kBAACR,GAAD;EACI,SAASwB;EACT,YAAYH;EACZ,WAAWF;EACX,GAAIN;EACJ,YAAY,MACRY,EACInB,GACAL,GACAU,GACAF,EAAkBK,EAAiB,KAAK,GACxC,OAAOY,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;EAEJ,eAAA;EACA,6BAAA;EAEE5B,WAAAA,MAAgB;GACd,IAAM,EACF,YAAAC,GACA,mBACA,cACA,cACA,iBACAD,GAEEgC,IAAY;IACd,gBAAgBC,KAAa,KAAA;IAC7B,iBAAiBhC,KAAc,KAAA;IAC/B,gBAAgBiC,KAAa,KAAA;IAC7B,sBAAsBC,KAAkB,KAAA;IACxC,gBAAgBC,KAAa,KAAA;IAC7B,sBAAsB;GAC1B,GAEMC,IAAW5B,EAAsBO,EAAiB,OAClDsB,IAAWtC,EAAY,YACzB,kBAACI,GAAD,EAAQ,MAAMiC,EAAS,CAAA,IAEvBE,KAAQ,kBAACC,GAAD;IAAY;IAAM,MAAMH;GAAS,CAAA;GAG7C,OACI,kBAAC,QAAD;IACI,WAAWV,EACPpB,GACAkC,GACA7B,GACA8B,EAAuB1B,EAAiB,KAC5C;IACA,GAAIgB;IAPR,UAAA;KASKW,KAAc,kBAACtC,GAAD,EAAQ,GAAIsC,EAAW,CAAA;KAErCC,MAAkB,WAAWN;KAE7BnB,IAAcC,EAASpB,CAAW,IAAIoB;KAEtCwB,MAAkB,SAASN;IAC1B;;EAEd;CACQ,CAAA,GACZO,CACJ;AACJ"}

package/dist/components/Button/SplitButton/SplitButtonPrimary/types.d.ts

@@ -1,7 +1,18 @@
 import { LucideIcon } from 'lucide-react';
 import { Button } from 'react-aria-components';
+/**
+ * Props for the {@link SplitButtonPrimary} component.
+ * Extends React Aria's {@link Button} props with tooltip, icon, and icon placement.
+ */
 export interface SplitButtonPrimaryProps extends React.ComponentPropsWithRef<typeof Button> {
+    /** Optional tooltip text displayed on hover. */
     tooltip?: string;
+    /** An optional icon to display within the button. */
     icon?: LucideIcon;
+    /**
+     * The position of the icon relative to the text.
+     *
+     * @default "start"
+     */
     iconPlacement?: "start" | "end";
 }

package/dist/components/Button/SplitButton/SplitButtonTrigger/SplitButtonTrigger.d.ts

@@ -1,2 +1,21 @@
 import { SplitButtonTriggerProps } from './types';
+/**
+ * The dropdown menu trigger button within a {@link SplitButton}.
+ *
+ * Renders a chevron icon indicating that more actions are available in an adjacent menu.
+ * Inherits visual styling (size and color) and states (disabled, pending) from the parent `SplitButtonContext`.
+ * Typically wrapped inside a `MenuTrigger` component alongside a `MenuPopover`.
+ *
+ * @example
+ * ```tsx
+ * <MenuTrigger>
+ *     <SplitButtonTrigger aria-label="More options" />
+ *     <MenuPopover>
+ *         <Menu>
+ *             <MenuItem label="Export" />
+ *         </Menu>
+ *     </MenuPopover>
+ * </MenuTrigger>
+ * ```
+ */
 export declare const SplitButtonTrigger: React.FC<SplitButtonTriggerProps>;

package/dist/components/Button/SplitButton/SplitButtonTrigger/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SplitButtonTrigger";
-export { e as SplitButtonTrigger };
+export { t as SplitButtonTrigger } from "../../../../chunks/SplitButtonTrigger";

package/dist/components/Button/SplitButton/SplitButtonTrigger/types.d.ts

@@ -1,4 +1,9 @@
 import { Button } from 'react-aria-components';
+/**
+ * Props for the {@link SplitButtonTrigger} component.
+ * Extends React Aria's {@link Button} props (omitting `children`) with tooltip support.
+ */
 export interface SplitButtonTriggerProps extends Omit<React.ComponentPropsWithRef<typeof Button>, "children"> {
+    /** Optional tooltip text displayed on hover. */
     tooltip?: string;
 }

package/dist/components/Button/SplitButton/core/index.js

@@ -1,2 +1 @@
-import { a as e, i as t, n, r, t as i } from "../../../../chunks/core2";
-export { i as SplitButtonPrimaryBase, n as SplitButtonTriggerBase, r as SplitButtonTriggerIconSize, t as SplitButtonVariantBase, e as splitButtonSizeConfig };
+export { t as SplitButtonPrimaryBase, n as SplitButtonTriggerBase, r as SplitButtonTriggerIconSize, i as SplitButtonVariantBase, a as splitButtonSizeConfig } from "../../../../chunks/core2";

package/dist/components/Button/SplitButton/core/size.d.ts

@@ -1,6 +1,19 @@
 import { ButtonSize } from '../../core';
+/**
+ * Maps each {@link ButtonSize} preset to its corresponding chevron icon size in pixels
+ * for {@link SplitButtonTrigger}.
+ */
 export declare const SplitButtonTriggerIconSize: Record<ButtonSize, number>;
+/**
+ * Resolves the CSS module class name for a given split button size preset.
+ *
+ * @param size - The button size preset.
+ * @returns The CSS module class name for the split button container size.
+ */
 export declare const splitButtonSizeConfig: (size: ButtonSize) => string;
+/** Base CSS module class name for split button container sizing. */
 export declare const SplitButtonVariantBase: string;
+/** Base CSS module class name for the primary action button part of a split button. */
 export declare const SplitButtonPrimaryBase: string;
+/** Base CSS module class name for the menu trigger button part of a split button. */
 export declare const SplitButtonTriggerBase: string;

package/dist/components/Button/ToggleButton/ToggleButton.d.ts

@@ -1,2 +1,23 @@
 import { ToggleButtonProps } from './types';
+/**
+ * A two-state toggle button implementing Material Design 3 Toggle Button guidelines.
+ *
+ * Allows users to toggle between active/selected and inactive/unselected states.
+ * Supports swapping between `icon` and `selectedIcon` based on current selection state,
+ * flexible sizing, shapes, and Material 3 toggle button color variants.
+ *
+ * Built on top of React Aria's `ToggleButton`.
+ *
+ * @example
+ * ```tsx
+ * <ToggleButton
+ *     icon={Bookmark}
+ *     selectedIcon={BookmarkCheck}
+ *     isSelected={isBookmarked}
+ *     onChange={setIsBookmarked}
+ * >
+ *     Bookmark
+ * </ToggleButton>
+ * ```
+ */
 export declare const ToggleButton: React.FC<ToggleButtonProps>;