@adgytec/adgytec-web-ui-components 2.1.7 → 2.1.9

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

@@ -1,56 +1,69 @@
-import { t as e } from "../../../chunks/tapTarget";
-import { t } from "../../../chunks/Icon";
-import { t as n } from "../../../chunks/Loader";
-import { n as r, t as i } from "../../../chunks/useSplash";
-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 as h } from "../../../chunks/core";
-import { clsx as g } from "clsx";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y } from "react-aria-components";
+import { t as e } from "../../../chunks/compiler-runtime";
+import { t } from "../../../chunks/tapTarget";
+import { t as n } from "../../../chunks/Icon";
+import { t as r } from "../../../chunks/Loader";
+import { n as i, t as a } from "../../../chunks/useSplash";
+import { a as o, c as s, d as c, f as l, i as u, l as d, n as f, o as p, p as m, t as h, u as g } from "../../../chunks/core";
+import { clsx as _ } from "clsx";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b } from "react-aria-components";
 //#region src/components/Button/Button/Button.tsx
-var b = ({ size: b, shape: x, color: S, tooltip: C, icon: w, children: T, onPress: E, iconPlacement: D, className: O, ...k }) => {
-	let { buttonColor: A, buttonShape: j, buttonSize: M, buttonIconPlacement: N } = d({
-		size: b,
-		shape: x,
-		color: S,
+var x = e(), S = (e) => {
+	let S = (0, x.c)(41), C, w, T, E, D, O, k, A, j, M;
+	S[0] === e ? (C = S[1], w = S[2], T = S[3], E = S[4], D = S[5], O = S[6], k = S[7], A = S[8], j = S[9], M = S[10]) : ({size: j, shape: A, color: T, tooltip: M, icon: E, children: C, onPress: O, iconPlacement: D, className: w, ...k} = e, S[0] = e, S[1] = C, S[2] = w, S[3] = T, S[4] = E, S[5] = D, S[6] = O, S[7] = k, S[8] = A, S[9] = j, S[10] = M);
+	let N;
+	S[11] !== T || S[12] !== D || S[13] !== A || S[14] !== j ? (N = {
+		size: j,
+		shape: A,
+		color: T,
 		iconPlacement: D
-	}), { splashInfo: P, handlePress: F } = i(E), I = typeof T == "function", L = p({
-		shape: j,
-		size: M,
-		color: A
-	});
-	return m(/* @__PURE__ */ _(y, {
-		onPress: F,
-		className: (t) => g(c, e, o(M), h(A), typeof O == "function" ? O(t) : O),
+	}, S[11] = T, S[12] = D, S[13] = A, S[14] = j, S[15] = N) : N = S[15];
+	let { buttonColor: P, buttonShape: F, buttonSize: I, buttonIconPlacement: L } = f(N), { splashInfo: R, handlePress: z } = a(O), B = typeof C == "function", V;
+	S[16] !== P || S[17] !== F || S[18] !== I ? (V = m({
+		shape: F,
+		size: I,
+		color: P
+	}), S[16] = P, S[17] = F, S[18] = I, S[19] = V) : V = S[19];
+	let H = V, U;
+	S[20] !== P || S[21] !== I || S[22] !== w ? (U = (e) => _(l, t, s(I), g(P), typeof w == "function" ? w(e) : w), S[20] = P, S[21] = I, S[22] = w, S[23] = U) : U = S[23];
+	let W;
+	S[24] !== H || S[25] !== L || S[26] !== I || S[27] !== C || S[28] !== E || S[29] !== B || S[30] !== R ? (W = (e) => {
+		let { isPending: t, isDisabled: a, isFocusVisible: s, isFocused: l, isPressed: f, isHovered: m } = e, h = {
+			...H,
+			"data-hovered": m || void 0,
+			"data-disabled": a || void 0,
+			"data-focused": l || void 0,
+			"data-focus-visible": s || void 0,
+			"data-pressed": f || void 0,
+			"data-visual-button": !0
+		}, g = u[I], b = t ? /* @__PURE__ */ v(r, { size: g }) : E && /* @__PURE__ */ v(n, {
+			icon: E,
+			size: g
+		});
+		return /* @__PURE__ */ y("span", {
+			className: _(c, d, p, o[I]),
+			...h,
+			children: [
+				R && /* @__PURE__ */ v(i, { ...R }),
+				L === "start" && b,
+				B ? C(e) : C,
+				L === "end" && b
+			]
+		});
+	}, S[24] = H, S[25] = L, S[26] = I, S[27] = C, S[28] = E, S[29] = B, S[30] = R, S[31] = W) : W = S[31];
+	let G;
+	S[32] !== H || S[33] !== z || S[34] !== k || S[35] !== U || S[36] !== W ? (G = /* @__PURE__ */ v(b, {
+		onPress: z,
+		className: U,
 		...k,
-		...L,
+		...H,
 		"data-button": !0,
-		children: (e) => {
-			let { isPending: i, isDisabled: o, isFocusVisible: c, isFocused: d, isPressed: p, isHovered: m } = e, h = {
-				...L,
-				"data-hovered": m || void 0,
-				"data-disabled": o || void 0,
-				"data-focused": d || void 0,
-				"data-focus-visible": c || void 0,
-				"data-pressed": p || void 0,
-				"data-visual-button": !0
-			}, y = l[M], b = i ? /* @__PURE__ */ _(n, { size: y }) : w && /* @__PURE__ */ _(t, {
-				icon: w,
-				size: y
-			});
-			return /* @__PURE__ */ v("span", {
-				className: g(s, u, f, a[M]),
-				...h,
-				children: [
-					P && /* @__PURE__ */ _(r, { ...P }),
-					N === "start" && b,
-					I ? T(e) : T,
-					N === "end" && b
-				]
-			});
-		}
-	}), C);
+		children: W
+	}), S[32] = H, S[33] = z, S[34] = k, S[35] = U, S[36] = W, S[37] = G) : G = S[37];
+	let K;
+	return S[38] !== G || S[39] !== M ? (K = h(G, M), S[38] = G, S[39] = M, S[40] = K) : K = S[40], K;
 };
 //#endregion
-export { b as Button };
+export { S as Button };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Button/Button/Button.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    ButtonSizeBase,\n    buttonColorBase,\n    buttonColorConfig,\n    buttonSizeConfig,\n    newButtonBaseDataAttrs,\n    useButtonConfig,\n    withTooltip,\n} from \"../core\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button: React.FC<ButtonProps> = ({\n    size,\n    shape,\n    color,\n    tooltip,\n    icon,\n    children,\n    onPress,\n    iconPlacement,\n    className,\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        <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            {...baseButtonDataAttrs}\n            data-button\n        >\n            {(renderProps) => {\n                const {\n                    isPending,\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 = isPending ? (\n                    <Loader size={iconSize} />\n                ) : (\n                    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        </AriaButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;;AAsBA,IAAa,KAAiC,EAC1C,SACA,UACA,UACA,YACA,SACA,aACA,YACA,kBACA,cACA,GAAG,QACD;CACF,IAAM,EAAE,gBAAa,gBAAa,eAAY,2BAC1C,EAAgB;EACZ;EACA;EACA;EACA;CACJ,CAAC,GAEC,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAC/C,IAAc,OAAO,KAAa,YAElC,IAAsB,EAAuB;EAC/C,OAAO;EACP,MAAM;EACN,OAAO;CACX,CAAC;CAED,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,MAAgB;GACd,IAAM,EACF,cACA,eACA,mBACA,cACA,cACA,iBACA,GAEE,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,EAAsB,IACjC,IAAW,IACb,kBAAC,GAAD,EAAQ,MAAM,EAAW,CAAA,IAEzB,KAAQ,kBAAC,GAAD;IAAY;IAAM,MAAM;GAAW,CAAA;GAE/C,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,GACA,EAAuB,EAC3B;IACA,GAAI;cAPR;KASK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;KAEvC,MAAwB,WAAW;KAEnC,IAAc,EAAS,CAAW,IAAI;KAEtC,MAAwB,SAAS;IAChC;;EAEd;CACQ,CAAA,GACZ,CACJ;AACJ"}
+{"version":3,"file":"index.js","names":["renderProps","iconSize","icon","handlePress"],"sources":["../../../../src/components/Button/Button/Button.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    ButtonSizeBase,\n    buttonColorBase,\n    buttonColorConfig,\n    buttonSizeConfig,\n    newButtonBaseDataAttrs,\n    useButtonConfig,\n    withTooltip,\n} from \"../core\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button: React.FC<ButtonProps> = ({\n    size,\n    shape,\n    color,\n    tooltip,\n    icon,\n    children,\n    onPress,\n    iconPlacement,\n    className,\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        <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            {...baseButtonDataAttrs}\n            data-button\n        >\n            {(renderProps) => {\n                const {\n                    isPending,\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 = isPending ? (\n                    <Loader size={iconSize} />\n                ) : (\n                    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        </AriaButton>,\n        tooltip\n    );\n};\n"],"mappings":"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"}

package/dist/components/Button/ButtonGroups/ButtonGroupContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/context.ts","../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/useButtonGroupContext.ts","../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/useConnectedButtonGroupContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type {\n    ButtonIconPlacement,\n    ButtonShape,\n    ButtonSize,\n    ConnectedButtonGroupColor,\n    CoreButtonColor,\n} from \"../../core\";\n\nexport type ButtonGroupContextValue = {\n    size?: ButtonSize;\n    shape?: ButtonShape;\n    color?: CoreButtonColor;\n    iconPlacement?: ButtonIconPlacement;\n};\n\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue>({});\n\nexport type ConnectedButtonGroupContextValue = {\n    size: ButtonSize;\n    shape: ButtonShape;\n    color: ConnectedButtonGroupColor;\n    iconPlacement?: ButtonIconPlacement;\n};\n\nexport const ConnectedButtonGroupContext =\n    createContext<ConnectedButtonGroupContextValue>({\n        size: \"small\",\n        shape: \"round\",\n        color: \"filled\",\n    });\n","import { useContext } from \"react\";\nimport { ButtonGroupContext } from \"./context\";\n\nexport function useButtonGroupContext() {\n    return useContext(ButtonGroupContext);\n}\n","import { useContext } from \"react\";\nimport { ConnectedButtonGroupContext } from \"./context\";\n\nexport function useConnectedButtonGroupContext() {\n    return useContext(ConnectedButtonGroupContext);\n}\n"],"mappings":";;AAgBA,IAAa,IAAqB,EAAuC,CAAC,CAAC,GAS9D,IACT,EAAgD;CAC5C,MAAM;CACN,OAAO;CACP,OAAO;AACX,CAAC;;;AC3BL,SAAgB,IAAwB;CACpC,OAAO,EAAW,CAAkB;AACxC;;;ACFA,SAAgB,IAAiC;CAC7C,OAAO,EAAW,CAA2B;AACjD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/context.ts","../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/useButtonGroupContext.ts","../../../../../src/components/Button/ButtonGroups/ButtonGroupContext/useConnectedButtonGroupContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type {\n    ButtonIconPlacement,\n    ButtonShape,\n    ButtonSize,\n    ConnectedButtonGroupColor,\n    CoreButtonColor,\n} from \"../../core\";\n\nexport type ButtonGroupContextValue = {\n    size?: ButtonSize;\n    shape?: ButtonShape;\n    color?: CoreButtonColor;\n    iconPlacement?: ButtonIconPlacement;\n};\n\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue>({});\n\nexport type ConnectedButtonGroupContextValue = {\n    size: ButtonSize;\n    shape: ButtonShape;\n    color: ConnectedButtonGroupColor;\n    iconPlacement?: ButtonIconPlacement;\n};\n\nexport const ConnectedButtonGroupContext =\n    createContext<ConnectedButtonGroupContextValue>({\n        size: \"small\",\n        shape: \"round\",\n        color: \"filled\",\n    });\n","import { useContext } from \"react\";\nimport { ButtonGroupContext } from \"./context\";\n\nexport function useButtonGroupContext() {\n    return useContext(ButtonGroupContext);\n}\n","import { useContext } from \"react\";\nimport { ConnectedButtonGroupContext } from \"./context\";\n\nexport function useConnectedButtonGroupContext() {\n    return useContext(ConnectedButtonGroupContext);\n}\n"],"mappings":";;AAgBA,IAAa,IAAqB,EAAuC,CAAC,CAAC,GAS9D,IACT,EAAgD;CAC5C,MAAM;CACN,OAAO;CACP,OAAO;AACX,CAAC;;;AC3BL,SAAO,IAAA;CAAA,OACI,EAAW,CAAkB;AAAC;;;ACDzC,SAAO,IAAA;CAAA,OACI,EAAW,CAA2B;AAAC"}

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,EAAa,CAAA,GACvC,IACG,kBAAC,GAAD,EAAQ,MAAM,EAAW,CAAA,IAEzB,KAAQ,kBAAC,GAAD;KAAY;KAAM,MAAM;IAAW,CAAA,CAE7C;;EAEd;CACQ,CAAA,GACZ,CACJ;AACJ"}
+{"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"}

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

@@ -1,56 +1,69 @@
-import { t as e } from "../../../chunks/tapTarget";
-import { t } from "../../../chunks/Icon";
-import { n, t as r } from "../../../chunks/useSplash";
-import { a as i, c as a, d as o, f as s, i as c, l, n as u, o as d, p as f, t as p, u as m } from "../../../chunks/core";
-import { clsx as h } from "clsx";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Link as v } from "react-aria-components";
+import { t as e } from "../../../chunks/compiler-runtime";
+import { t } from "../../../chunks/tapTarget";
+import { t as n } from "../../../chunks/Icon";
+import { n as r, t as i } from "../../../chunks/useSplash";
+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 as h } from "../../../chunks/core";
+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
-var y = ({ size: y, shape: b, color: x, tooltip: S, icon: C, children: w, onPress: T, className: E, iconPlacement: D, ...O }) => {
-	let { buttonColor: k, buttonShape: A, buttonSize: j, buttonIconPlacement: M } = u({
-		size: y,
-		shape: b,
-		color: x,
-		iconPlacement: D
-	}), { splashInfo: N, handlePress: P } = r(T), F = typeof w == "function", I = f({
-		shape: A,
-		size: j,
-		color: k
-	});
-	return p(/* @__PURE__ */ g(v, {
-		onPress: P,
-		className: (t) => h(s, e, a(j), m(k), typeof E == "function" ? E(t) : E),
+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);
+	let M;
+	x[11] !== w || x[12] !== E || x[13] !== k || x[14] !== A ? (M = {
+		size: A,
+		shape: k,
+		color: w,
+		iconPlacement: E
+	}, x[11] = w, x[12] = E, x[13] = k, x[14] = A, x[15] = M) : M = x[15];
+	let { buttonColor: N, buttonShape: P, buttonSize: F, buttonIconPlacement: I } = d(M), { splashInfo: L, handlePress: R } = i(D), z = typeof S == "function", B;
+	x[16] !== N || x[17] !== P || x[18] !== F ? (B = p({
+		shape: P,
+		size: F,
+		color: N
+	}), x[16] = N, x[17] = P, x[18] = F, x[19] = B) : B = x[19];
+	let V = B, H;
+	x[20] !== N || x[21] !== F || x[22] !== C ? (H = (e) => g(c, t, o(F), h(N), typeof C == "function" ? C(e) : C), x[20] = N, x[21] = F, x[22] = C, x[23] = H) : H = x[23];
+	let U;
+	x[24] !== V || x[25] !== I || x[26] !== F || x[27] !== S || x[28] !== T || x[29] !== z || x[30] !== L ? (U = (e) => {
+		let { isDisabled: t, isFocusVisible: i, isFocused: o, isPressed: c, isHovered: d } = e, p = {
+			...V,
+			"data-hovered": d || void 0,
+			"data-disabled": t || void 0,
+			"data-focused": o || void 0,
+			"data-focus-visible": i || void 0,
+			"data-pressed": c || void 0,
+			"data-visual-button": !0
+		}, m = l[F], h = T && /* @__PURE__ */ _(n, {
+			icon: T,
+			size: m
+		});
+		return /* @__PURE__ */ v("span", {
+			className: g(s, u, f, a[F]),
+			...p,
+			children: [
+				L && /* @__PURE__ */ _(r, { ...L }),
+				I === "start" && h,
+				z ? S(e) : S,
+				I === "end" && h
+			]
+		});
+	}, x[24] = V, x[25] = I, x[26] = F, x[27] = S, x[28] = T, x[29] = z, x[30] = L, x[31] = U) : U = x[31];
+	let W;
+	x[32] !== V || x[33] !== R || x[34] !== O || x[35] !== H || x[36] !== U ? (W = /* @__PURE__ */ _(y, {
+		onPress: R,
+		className: H,
 		...O,
-		...I,
+		...V,
 		"data-button": !0,
 		"data-link-button": !0,
-		children: (e) => {
-			let { isDisabled: r, isFocusVisible: a, isFocused: s, isPressed: u, isHovered: f } = e, p = {
-				...I,
-				"data-hovered": f || void 0,
-				"data-disabled": r || void 0,
-				"data-focused": s || void 0,
-				"data-focus-visible": a || void 0,
-				"data-pressed": u || void 0,
-				"data-visual-button": !0
-			}, m = c[j], v = C && /* @__PURE__ */ g(t, {
-				icon: C,
-				size: m
-			});
-			return /* @__PURE__ */ _("span", {
-				className: h(o, l, d, i[j]),
-				...p,
-				children: [
-					N && /* @__PURE__ */ g(n, { ...N }),
-					M === "start" && v,
-					F ? w(e) : w,
-					M === "end" && v
-				]
-			});
-		}
-	}), S);
+		children: U
+	}), x[32] = V, x[33] = R, x[34] = O, x[35] = H, x[36] = U, x[37] = W) : W = x[37];
+	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 { y as LinkButton };
+export { x as LinkButton };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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":";;;;;;;;AAqBA,IAAa,KAAyC,EAClD,SACA,UACA,UACA,YACA,SACA,aACA,YACA,cACA,kBACA,GAAG,QACD;CACF,IAAM,EAAE,gBAAa,gBAAa,eAAY,2BAC1C,EAAgB;EACZ;EACA;EACA;EACA;CACJ,CAAC,GAEC,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAC/C,IAAc,OAAO,KAAa,YAElC,IAAsB,EAAuB;EAC/C,OAAO;EACP,MAAM;EACN,OAAO;CACX,CAAC;CAED,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,MAAgB;GACd,IAAM,EACF,eACA,mBACA,cACA,cACA,iBACA,GAEE,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,EAAsB,IACjC,IAAW,KAAQ,kBAAC,GAAD;IAAY;IAAM,MAAM;GAAW,CAAA;GAE5D,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,GACA,EAAuB,EAC3B;IACA,GAAI;cAPR;KASK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;KAEvC,MAAwB,WAAW;KAEnC,IAAc,EAAS,CAAW,IAAI;KAEtC,MAAwB,SAAS;IAChC;;EAEd;CACE,CAAA,GACN,CACJ;AACJ"}
+{"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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"}

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,EAAa,CAAA,GACvC,KAAQ,kBAAC,GAAD;KAAY;KAAM,MAAM;IAAW,CAAA,CAC1C;;EAEd;CACE,CAAA,GACN,CACJ;AACJ"}
+{"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"}

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,SAAgB,IAAwB;CACpC,OAAO,EAAW,CAAkB;AACxC"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"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;aAEE,MAAgB;GACd,IAAM,EACF,eACA,mBACA,cACA,cACA,iBACA,GAEE,IAAY;IACd,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,EAAsB,EAAiB,OAClD,IAAW,EAAY,YACzB,kBAAC,GAAD,EAAQ,MAAM,EAAW,CAAA,IAEzB,KAAQ,kBAAC,GAAD;IAAY;IAAM,MAAM;GAAW,CAAA;GAG/C,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,GACA,EAAuB,EAAiB,KAC5C;IACA,GAAI;cAPR;KASK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;KAEvC,MAAkB,WAAW;KAE7B,IAAc,EAAS,CAAW,IAAI;KAEtC,MAAkB,SAAS;IAC1B;;EAEd;CACQ,CAAA,GACZ,CACJ;AACJ"}
+{"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"}

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

@@ -1,61 +1,76 @@
-import { t as e } from "../../../chunks/tapTarget";
-import { t } from "../../../chunks/Icon";
-import { n, t as r } from "../../../chunks/useSplash";
-import { a as i, c as a, d as o, f as s, i as c, l, n as u, o as d, p as f, t as p, u as m } from "../../../chunks/core";
-import { clsx as h } from "clsx";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { ToggleButton as v } from "react-aria-components";
+import { t as e } from "../../../chunks/compiler-runtime";
+import { t } from "../../../chunks/tapTarget";
+import { t as n } from "../../../chunks/Icon";
+import { n as r, t as i } from "../../../chunks/useSplash";
+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 as h } from "../../../chunks/core";
+import { clsx as g } from "clsx";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { ToggleButton as y } from "react-aria-components";
 //#region src/components/Button/ToggleButton/ToggleButton.tsx
-var y = ({ size: y, shape: b, color: x, tooltip: S, selectedIcon: C, icon: w, children: T, onPress: E, className: D, iconPlacement: O, ...k }) => {
-	let { buttonColor: A, buttonShape: j, buttonSize: M, buttonIconPlacement: N } = u({
-		size: y,
-		shape: b,
-		color: x,
-		iconPlacement: O
-	}), { splashInfo: P, handlePress: F } = r(E), I = typeof T == "function", L = {
-		...f({
-			shape: j,
-			size: M,
-			color: A
-		}),
+var b = e(), x = (e) => {
+	let x = (0, b.c)(45), S, C, w, T, E, D, O, k, A, j, M;
+	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], M = x[11]) : ({size: j, shape: A, color: w, tooltip: M, selectedIcon: k, 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, x[11] = M);
+	let N;
+	x[12] !== w || x[13] !== E || x[14] !== A || x[15] !== j ? (N = {
+		size: j,
+		shape: A,
+		color: w,
+		iconPlacement: E
+	}, x[12] = w, x[13] = E, x[14] = A, x[15] = j, x[16] = N) : N = x[16];
+	let { buttonColor: P, buttonShape: F, buttonSize: I, buttonIconPlacement: L } = d(N), { splashInfo: R, handlePress: z } = i(D), B = typeof S == "function", V;
+	x[17] !== P || x[18] !== F || x[19] !== I ? (V = p({
+		shape: F,
+		size: I,
+		color: P
+	}), x[17] = P, x[18] = F, x[19] = I, x[20] = V) : V = x[20];
+	let H = V, U;
+	x[21] === H ? U = x[22] : (U = {
+		...H,
 		"data-toggle-button": !0
-	};
-	return p(/* @__PURE__ */ g(v, {
-		onPress: F,
-		className: (t) => h(s, e, a(M), m(A), typeof D == "function" ? D(t) : D),
-		...k,
-		...L,
+	}, x[21] = H, x[22] = U);
+	let W = U, G;
+	x[23] !== P || x[24] !== I || x[25] !== C ? (G = (e) => g(c, t, o(I), h(P), typeof C == "function" ? C(e) : C), x[23] = P, x[24] = I, x[25] = C, x[26] = G) : G = x[26];
+	let K;
+	x[27] !== L || x[28] !== I || x[29] !== S || x[30] !== T || x[31] !== B || x[32] !== k || x[33] !== R || x[34] !== W ? (K = (e) => {
+		let { isSelected: t, isDisabled: i, isFocusVisible: o, isFocused: c, isPressed: d, isHovered: p } = e, m = {
+			...W,
+			"data-hovered": p || void 0,
+			"data-disabled": i || void 0,
+			"data-focused": c || void 0,
+			"data-focus-visible": o || void 0,
+			"data-pressed": d || void 0,
+			"data-selected": t || void 0,
+			"data-visual-button": !0
+		}, h = T;
+		t && k && (h = k);
+		let y = l[I], b = h && /* @__PURE__ */ _(n, {
+			icon: h,
+			size: y
+		});
+		return /* @__PURE__ */ v("span", {
+			className: g(s, u, f, a[I]),
+			...m,
+			children: [
+				R && /* @__PURE__ */ _(r, { ...R }),
+				L === "start" && b,
+				B ? S(e) : S,
+				L === "end" && b
+			]
+		});
+	}, x[27] = L, x[28] = I, x[29] = S, x[30] = T, x[31] = B, x[32] = k, x[33] = R, x[34] = W, x[35] = K) : K = x[35];
+	let q;
+	x[36] !== z || x[37] !== O || x[38] !== G || x[39] !== K || x[40] !== W ? (q = /* @__PURE__ */ _(y, {
+		onPress: z,
+		className: G,
+		...O,
+		...W,
 		"data-button": !0,
-		children: (e) => {
-			let { isSelected: r, isDisabled: a, isFocusVisible: s, isFocused: u, isPressed: f, isHovered: p } = e, m = {
-				...L,
-				"data-hovered": p || void 0,
-				"data-disabled": a || void 0,
-				"data-focused": u || void 0,
-				"data-focus-visible": s || void 0,
-				"data-pressed": f || void 0,
-				"data-selected": r || void 0,
-				"data-visual-button": !0
-			}, v = w;
-			r && C && (v = C);
-			let y = c[M], b = v && /* @__PURE__ */ g(t, {
-				icon: v,
-				size: y
-			});
-			return /* @__PURE__ */ _("span", {
-				className: h(o, l, d, i[M]),
-				...m,
-				children: [
-					P && /* @__PURE__ */ g(n, { ...P }),
-					N === "start" && b,
-					I ? T(e) : T,
-					N === "end" && b
-				]
-			});
-		}
-	}), S);
+		children: K
+	}), x[36] = z, x[37] = O, x[38] = G, x[39] = K, x[40] = W, x[41] = q) : q = x[41];
+	let J;
+	return x[42] !== q || x[43] !== M ? (J = m(q, M), x[42] = q, x[43] = M, x[44] = J) : J = x[44], J;
 };
 //#endregion
-export { y as ToggleButton };
+export { x as ToggleButton };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Button/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ToggleButton as AriaToggleButton } 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 { ToggleButtonProps } from \"./types\";\n\nexport const ToggleButton: React.FC<ToggleButtonProps> = ({\n    size,\n    shape,\n    color,\n    tooltip,\n    selectedIcon,\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    const toggleButtonDataAttrs = {\n        ...baseButtonDataAttrs,\n        \"data-toggle-button\": true,\n    };\n\n    return withTooltip(\n        <AriaToggleButton\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            {...toggleButtonDataAttrs}\n            data-button\n        >\n            {(renderProps) => {\n                const {\n                    isSelected,\n                    isDisabled,\n                    isFocusVisible,\n                    isFocused,\n                    isPressed,\n                    isHovered,\n                } = renderProps;\n\n                const dataAttrs = {\n                    ...toggleButtonDataAttrs,\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-selected\": isSelected || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                let iconToRender = icon;\n                if (isSelected && selectedIcon) iconToRender = selectedIcon;\n\n                const iconSize = ButtonIconSizeMapping[buttonSize];\n\n                const iconComp = iconToRender && (\n                    <Icon icon={iconToRender} size={iconSize} />\n                );\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        </AriaToggleButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;AAqBA,IAAa,KAA6C,EACtD,SACA,UACA,UACA,YACA,iBACA,SACA,aACA,YACA,cACA,kBACA,GAAG,QACD;CACF,IAAM,EAAE,gBAAa,gBAAa,eAAY,2BAC1C,EAAgB;EACZ;EACA;EACA;EACA;CACJ,CAAC,GAEC,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAC/C,IAAc,OAAO,KAAa,YAQlC,IAAwB;EAC1B,GAPwB,EAAuB;GAC/C,OAAO;GACP,MAAM;GACN,OAAO;EACX,CAGO;EACH,sBAAsB;CAC1B;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,MAAgB;GACd,IAAM,EACF,eACA,eACA,mBACA,cACA,cACA,iBACA,GAEE,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,iBAAiB,KAAc,KAAA;IAC/B,sBAAsB;GAC1B,GAEI,IAAe;GACnB,AAAI,KAAc,MAAc,IAAe;GAE/C,IAAM,IAAW,EAAsB,IAEjC,IAAW,KACb,kBAAC,GAAD;IAAM,MAAM;IAAc,MAAM;GAAW,CAAA;GAG/C,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,GACA,EAAuB,EAC3B;IACA,GAAI;cAPR;KASK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;KAEvC,MAAwB,WAAW;KAEnC,IAAc,EAAS,CAAW,IAAI;KAEtC,MAAwB,SAAS;IAChC;;EAEd;CACc,CAAA,GAClB,CACJ;AACJ"}
+{"version":3,"file":"index.js","names":["renderProps","iconToRender","iconSize","handlePress"],"sources":["../../../../src/components/Button/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ToggleButton as AriaToggleButton } 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 { ToggleButtonProps } from \"./types\";\n\nexport const ToggleButton: React.FC<ToggleButtonProps> = ({\n    size,\n    shape,\n    color,\n    tooltip,\n    selectedIcon,\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    const toggleButtonDataAttrs = {\n        ...baseButtonDataAttrs,\n        \"data-toggle-button\": true,\n    };\n\n    return withTooltip(\n        <AriaToggleButton\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            {...toggleButtonDataAttrs}\n            data-button\n        >\n            {(renderProps) => {\n                const {\n                    isSelected,\n                    isDisabled,\n                    isFocusVisible,\n                    isFocused,\n                    isPressed,\n                    isHovered,\n                } = renderProps;\n\n                const dataAttrs = {\n                    ...toggleButtonDataAttrs,\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-selected\": isSelected || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                let iconToRender = icon;\n                if (isSelected && selectedIcon) iconToRender = selectedIcon;\n\n                const iconSize = ButtonIconSizeMapping[buttonSize];\n\n                const iconComp = iconToRender && (\n                    <Icon icon={iconToRender} size={iconSize} />\n                );\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        </AriaToggleButton>,\n        tooltip\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Button/ToggleIconButton/ToggleIconButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ToggleButton as AriaToggleButton } 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 { ToggleIconButtonProps } from \"./types\";\n\nexport const ToggleIconButton: React.FC<ToggleIconButtonProps> = ({\n    size,\n    shape,\n    color,\n    width = \"default\",\n    tooltip,\n    selectedIcon,\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        \"data-toggle-button\": true,\n    };\n\n    return withTooltip(\n        <AriaToggleButton\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                isSelected,\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-selected\": isSelected || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                let iconToRender = icon;\n                if (isSelected && selectedIcon) iconToRender = selectedIcon;\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\n                        {iconToRender && (\n                            <Icon icon={iconToRender} size={iconSize} />\n                        )}\n                    </span>\n                );\n            }}\n        </AriaToggleButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;AAoBA,IAAa,KAAqD,EAC9D,SACA,UACA,UACA,WAAQ,WACR,YACA,iBACA,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;EACpB,sBAAsB;CAC1B;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,eACA,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,iBAAiB,KAAc,KAAA;IAC/B,sBAAsB;GAC1B,GAEI,IAAe;GACnB,AAAI,KAAc,MAAc,IAAe;GAE/C,IAAM,IAAW,EAA0B;GAC3C,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,CACJ;IACA,GAAI;cANR,CAQK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA,GAEvC,KACG,kBAAC,GAAD;KAAM,MAAM;KAAc,MAAM;IAAW,CAAA,CAE7C;;EAEd;CACc,CAAA,GAClB,CACJ;AACJ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Button/ToggleIconButton/ToggleIconButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ToggleButton as AriaToggleButton } 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 { ToggleIconButtonProps } from \"./types\";\n\nexport const ToggleIconButton: React.FC<ToggleIconButtonProps> = ({\n    size,\n    shape,\n    color,\n    width = \"default\",\n    tooltip,\n    selectedIcon,\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        \"data-toggle-button\": true,\n    };\n\n    return withTooltip(\n        <AriaToggleButton\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                isSelected,\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-selected\": isSelected || undefined,\n                    \"data-visual-button\": true,\n                };\n\n                let iconToRender = icon;\n                if (isSelected && selectedIcon) iconToRender = selectedIcon;\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\n                        {iconToRender && (\n                            <Icon icon={iconToRender} size={iconSize} />\n                        )}\n                    </span>\n                );\n            }}\n        </AriaToggleButton>,\n        tooltip\n    );\n};\n"],"mappings":";;;;;;;;AAoBA,IAAa,KAAqD,EAC9D,SACA,UACA,UACA,WAAQ,WACR,YACA,iBACA,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;EACpB,sBAAsB;CAC1B;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,eACA,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,iBAAiB,KAAc,KAAA;IAC/B,sBAAsB;GAC1B,GAEI,IAAe;GACnB,AAAI,KAAc,MAAc,IAAe;GAE/C,IAAM,IAAW,EAA0B;GAC3C,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,CACJ;IACA,GAAI;cANR,CAQK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAW,CAAA,GAErC,KACG,kBAAC,GAAD;KAAM,MAAM;KAAc,MAAM;IAAS,CAAA,CAE3C;;EAEd;CACc,CAAA,GAClB,CACJ;AACJ"}