@adgytec/adgytec-web-ui-components 2.0.0 → 2.1.0

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

@@ -1,11 +1,11 @@
-import { t as e } from "../../../chunks/Icon";
-import { t } from "../../../chunks/Loader";
-import { n, t as r } from "../../../chunks/useSplash";
-import { t as i } from "../../../chunks/tapTarget";
+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 { Button as _ } from "react-aria-components";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y } 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({
@@ -13,19 +13,19 @@ var b = ({ size: b, shape: x, color: S, tooltip: C, icon: w, children: T, onPres
 		shape: x,
 		color: S,
 		iconPlacement: D
-	}), { splashInfo: P, handlePress: F } = r(E), I = typeof T == "function", L = p({
+	}), { splashInfo: P, handlePress: F } = i(E), I = typeof T == "function", L = p({
 		shape: j,
 		size: M,
 		color: A
 	});
-	return m(/* @__PURE__ */ v(_, {
+	return m(/* @__PURE__ */ _(y, {
 		onPress: F,
-		className: (e) => g(c, i, o(M), h(A), typeof O == "function" ? O(e) : O),
+		className: (t) => g(c, e, o(M), h(A), typeof O == "function" ? O(t) : O),
 		...k,
 		...L,
 		"data-button": !0,
-		children: (r) => {
-			let { isPending: i, isDisabled: o, isFocusVisible: c, isFocused: d, isPressed: p, isHovered: m } = r, h = {
+		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,
@@ -33,17 +33,17 @@ var b = ({ size: b, shape: x, color: S, tooltip: C, icon: w, children: T, onPres
 				"data-focus-visible": c || void 0,
 				"data-pressed": p || void 0,
 				"data-visual-button": !0
-			}, _ = l[M], b = i ? /* @__PURE__ */ v(t, { size: _ }) : w && /* @__PURE__ */ v(e, {
+			}, y = l[M], b = i ? /* @__PURE__ */ _(n, { size: y }) : w && /* @__PURE__ */ _(t, {
 				icon: w,
-				size: _
+				size: y
 			});
-			return /* @__PURE__ */ y("span", {
+			return /* @__PURE__ */ v("span", {
 				className: g(s, u, f, a[M]),
 				...h,
 				children: [
-					P && /* @__PURE__ */ v(n, { ...P }),
+					P && /* @__PURE__ */ _(r, { ...P }),
 					N === "start" && b,
-					I ? T(r) : T,
+					I ? T(e) : T,
 					N === "end" && b
 				]
 			});

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

@@ -1,18 +1,18 @@
-import { t as e } from "../../../chunks/Icon";
-import { t } from "../../../chunks/Loader";
-import { n, t as r } from "../../../chunks/useSplash";
-import { t as i } from "../../../chunks/tapTarget";
+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 { 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, u as m } from "../../../chunks/core";
 import { clsx as h } from "clsx";
-import { Button as g } from "react-aria-components";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+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
 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,
 		shape: b,
 		color: x
-	}), { splashInfo: j, handlePress: M } = r(T), N = {
+	}), { splashInfo: j, handlePress: M } = i(T), N = {
 		...d({
 			shape: k,
 			size: A,
@@ -21,13 +21,13 @@ var y = ({ size: y, shape: b, color: x, width: S = "default", tooltip: C, icon:
 		"data-width": S,
 		"data-icon-button": !0
 	};
-	return p(/* @__PURE__ */ _(g, {
+	return p(/* @__PURE__ */ g(v, {
 		onPress: M,
-		className: (e) => h(s, i, a(A), m(O), typeof E == "function" ? E(e) : E),
+		className: (t) => h(s, e, a(A), m(O), typeof E == "function" ? E(t) : E),
 		...D,
 		...N,
 		"data-button": !0,
-		children: ({ isPending: r, isDisabled: i, isFocusVisible: a, isFocused: s, isPressed: l, isHovered: d }) => {
+		children: ({ isPending: e, isDisabled: i, isFocusVisible: a, isFocused: s, isPressed: l, isHovered: d }) => {
 			let p = {
 				...N,
 				"data-hovered": d || void 0,
@@ -37,10 +37,10 @@ var y = ({ size: y, shape: b, color: x, width: S = "default", tooltip: C, icon:
 				"data-pressed": l || void 0,
 				"data-visual-button": !0
 			}, m = f[A];
-			return /* @__PURE__ */ v("span", {
+			return /* @__PURE__ */ _("span", {
 				className: h(o, c, u),
 				...p,
-				children: [j && /* @__PURE__ */ _(n, { ...j }), r ? /* @__PURE__ */ _(t, { size: m }) : w && /* @__PURE__ */ _(e, {
+				children: [j && /* @__PURE__ */ g(r, { ...j }), e ? /* @__PURE__ */ g(n, { size: m }) : w && /* @__PURE__ */ g(t, {
 					icon: w,
 					size: m
 				})]

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

@@ -1,10 +1,10 @@
-import { t as e } from "../../../chunks/Icon";
-import { n as t, t as n } from "../../../chunks/useSplash";
-import { t as r } from "../../../chunks/tapTarget";
+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 { Link as g } from "react-aria-components";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Link as v } 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({
@@ -12,20 +12,20 @@ var y = ({ size: y, shape: b, color: x, tooltip: S, icon: C, children: w, onPres
 		shape: b,
 		color: x,
 		iconPlacement: D
-	}), { splashInfo: N, handlePress: P } = n(T), F = typeof w == "function", I = f({
+	}), { splashInfo: N, handlePress: P } = r(T), F = typeof w == "function", I = f({
 		shape: A,
 		size: j,
 		color: k
 	});
-	return p(/* @__PURE__ */ _(g, {
+	return p(/* @__PURE__ */ g(v, {
 		onPress: P,
-		className: (e) => h(s, r, a(j), m(k), typeof E == "function" ? E(e) : E),
+		className: (t) => h(s, e, a(j), m(k), typeof E == "function" ? E(t) : E),
 		...O,
 		...I,
 		"data-button": !0,
 		"data-link-button": !0,
-		children: (n) => {
-			let { isDisabled: r, isFocusVisible: a, isFocused: s, isPressed: u, isHovered: f } = n, p = {
+		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,
@@ -33,18 +33,18 @@ var y = ({ size: y, shape: b, color: x, tooltip: S, icon: C, children: w, onPres
 				"data-focus-visible": a || void 0,
 				"data-pressed": u || void 0,
 				"data-visual-button": !0
-			}, m = c[j], g = C && /* @__PURE__ */ _(e, {
+			}, m = c[j], v = C && /* @__PURE__ */ g(t, {
 				icon: C,
 				size: m
 			});
-			return /* @__PURE__ */ v("span", {
+			return /* @__PURE__ */ _("span", {
 				className: h(o, l, d, i[j]),
 				...p,
 				children: [
-					N && /* @__PURE__ */ _(t, { ...N }),
-					M === "start" && g,
-					F ? w(n) : w,
-					M === "end" && g
+					N && /* @__PURE__ */ g(n, { ...N }),
+					M === "start" && v,
+					F ? w(e) : w,
+					M === "end" && v
 				]
 			});
 		}

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

@@ -1,17 +1,17 @@
-import { t as e } from "../../../chunks/Icon";
-import { n as t, t as n } from "../../../chunks/useSplash";
-import { t as r } from "../../../chunks/tapTarget";
+import { t as e } from "../../../chunks/tapTarget";
+import { t } from "../../../chunks/Icon";
+import { n, t as r } from "../../../chunks/useSplash";
 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, u as p } from "../../../chunks/core";
 import { clsx as m } from "clsx";
-import { Link as h } from "react-aria-components";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+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
 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,
 		shape: y,
 		color: b
-	}), { splashInfo: A, handlePress: j } = n(w), M = {
+	}), { splashInfo: A, handlePress: j } = r(w), M = {
 		...u({
 			shape: O,
 			size: k,
@@ -20,27 +20,27 @@ var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, icon:
 		"data-width": x,
 		"data-icon-button": !0
 	};
-	return f(/* @__PURE__ */ g(h, {
+	return f(/* @__PURE__ */ h(_, {
 		onPress: j,
-		className: (e) => m(o, r, i(k), p(D), typeof T == "function" ? T(e) : T),
+		className: (t) => m(o, e, i(k), p(D), typeof T == "function" ? T(t) : T),
 		...E,
 		...M,
 		"data-button": !0,
 		"data-link-button": !0,
-		children: ({ isDisabled: n, isFocusVisible: r, isFocused: i, isPressed: o, isHovered: c }) => {
+		children: ({ isDisabled: e, isFocusVisible: r, isFocused: i, isPressed: o, isHovered: c }) => {
 			let u = {
 				...M,
 				"data-hovered": c || void 0,
-				"data-disabled": n || void 0,
+				"data-disabled": e || void 0,
 				"data-focused": i || void 0,
 				"data-focus-visible": r || void 0,
 				"data-pressed": o || void 0,
 				"data-visual-button": !0
 			}, f = d[k];
-			return /* @__PURE__ */ _("span", {
+			return /* @__PURE__ */ g("span", {
 				className: m(a, s, l),
 				...u,
-				children: [A && /* @__PURE__ */ g(t, { ...A }), C && /* @__PURE__ */ g(e, {
+				children: [A && /* @__PURE__ */ h(n, { ...A }), C && /* @__PURE__ */ h(t, {
 					icon: C,
 					size: f
 				})]

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

@@ -1,50 +1,50 @@
-import { t as e } from "../../../../chunks/Icon";
-import { t } from "../../../../chunks/Loader";
-import { n, t as r } from "../../../../chunks/useSplash";
-import { t as i } from "../../../../chunks/tapTarget";
-import { a, d as o, f as s, i as c, l, t as u } from "../../../../chunks/core";
-import { i as d, t as f } from "../../../../chunks/core2";
-import { useSplitButtonContext as p } from "../SplitButtonContext/index.js";
-import { clsx as m } from "clsx";
-import { Button as h } from "react-aria-components";
+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, d as o, f as s, i as c, l, t as u, u as d } from "../../../../chunks/core";
+import { i as f, t as p } from "../../../../chunks/core2";
+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
-var v = ({ tooltip: v, icon: y, children: b, onPress: x, isDisabled: S, isPending: C, className: w, iconPlacement: T = "start", ...E }) => {
-	let D = p(), { splashInfo: O, handlePress: k } = r(x), A = typeof b == "function", j = C || D.isPending;
-	return u(/* @__PURE__ */ g(h, {
-		onPress: k,
-		isDisabled: S || D.isDisabled,
-		isPending: j,
-		...E,
-		className: (e) => m(s, i, typeof w == "function" ? w(e) : w),
+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;
+	return u(/* @__PURE__ */ g(v, {
+		onPress: A,
+		isDisabled: C || O.isDisabled,
+		isPending: M,
+		...D,
+		className: (t) => h(s, e, p, d(O.color), typeof T == "function" ? T(t) : T),
 		"data-button": !0,
 		"data-split-button-primary": !0,
-		children: (r) => {
-			let { isDisabled: i, isFocusVisible: s, isFocused: u, isPressed: p, isHovered: h } = r, v = {
-				"data-hovered": h || void 0,
+		children: (e) => {
+			let { isDisabled: i, isFocusVisible: s, isFocused: u, isPressed: d, isHovered: p } = e, m = {
+				"data-hovered": p || void 0,
 				"data-disabled": i || void 0,
 				"data-focused": u || void 0,
 				"data-focus-visible": s || void 0,
-				"data-pressed": p || void 0,
+				"data-pressed": d || void 0,
 				"data-visual-button": !0
-			}, x = c[D.size], S = r.isPending ? /* @__PURE__ */ g(t, { size: x }) : y && /* @__PURE__ */ g(e, {
-				icon: y,
-				size: x
+			}, v = c[O.size], y = e.isPending ? /* @__PURE__ */ g(n, { size: v }) : b && /* @__PURE__ */ g(t, {
+				icon: b,
+				size: v
 			});
 			return /* @__PURE__ */ _("span", {
-				className: m(o, l, a[D.size], f, d),
-				...v,
+				className: h(o, l, f, a[O.size]),
+				...m,
 				children: [
-					O && /* @__PURE__ */ g(n, { ...O }),
-					T === "start" && S,
-					A ? b(r) : b,
-					T === "end" && S
+					k && /* @__PURE__ */ g(r, { ...k }),
+					E === "start" && y,
+					j ? x(e) : x,
+					E === "end" && y
 				]
 			});
 		}
-	}), v);
+	}), y);
 };
 //#endregion
-export { v as SplitButtonPrimary };
+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":[],"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    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                    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                            ButtonLabelTextMapping[splitButtonState.size],\n                            SplitButtonPrimaryBase,\n                            SplitButtonVariantBase\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":";;;;;;;;;;;AAmBA,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,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,EAAuB,EAAiB,OACxC,GACA,CACJ;IACA,GAAI;cARR;KAUK,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":[],"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"}

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

@@ -1,10 +1,10 @@
-import { t as e } from "../../../chunks/Icon";
-import { n as t, t as n } from "../../../chunks/useSplash";
-import { t as r } from "../../../chunks/tapTarget";
+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 { ToggleButton as g } from "react-aria-components";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ToggleButton as v } 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({
@@ -12,7 +12,7 @@ var y = ({ size: y, shape: b, color: x, tooltip: S, selectedIcon: C, icon: w, ch
 		shape: b,
 		color: x,
 		iconPlacement: O
-	}), { splashInfo: P, handlePress: F } = n(E), I = typeof T == "function", L = {
+	}), { splashInfo: P, handlePress: F } = r(E), I = typeof T == "function", L = {
 		...f({
 			shape: j,
 			size: M,
@@ -20,14 +20,14 @@ var y = ({ size: y, shape: b, color: x, tooltip: S, selectedIcon: C, icon: w, ch
 		}),
 		"data-toggle-button": !0
 	};
-	return p(/* @__PURE__ */ _(g, {
+	return p(/* @__PURE__ */ g(v, {
 		onPress: F,
-		className: (e) => h(s, r, a(M), m(A), typeof D == "function" ? D(e) : D),
+		className: (t) => h(s, e, a(M), m(A), typeof D == "function" ? D(t) : D),
 		...k,
 		...L,
 		"data-button": !0,
-		children: (n) => {
-			let { isSelected: r, isDisabled: a, isFocusVisible: s, isFocused: u, isPressed: f, isHovered: p } = n, m = {
+		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,
@@ -36,19 +36,19 @@ var y = ({ size: y, shape: b, color: x, tooltip: S, selectedIcon: C, icon: w, ch
 				"data-pressed": f || void 0,
 				"data-selected": r || void 0,
 				"data-visual-button": !0
-			}, g = w;
-			r && C && (g = C);
-			let y = c[M], b = g && /* @__PURE__ */ _(e, {
-				icon: g,
+			}, v = w;
+			r && C && (v = C);
+			let y = c[M], b = v && /* @__PURE__ */ g(t, {
+				icon: v,
 				size: y
 			});
-			return /* @__PURE__ */ v("span", {
+			return /* @__PURE__ */ _("span", {
 				className: h(o, l, d, i[M]),
 				...m,
 				children: [
-					P && /* @__PURE__ */ _(t, { ...P }),
+					P && /* @__PURE__ */ g(n, { ...P }),
 					N === "start" && b,
-					I ? T(n) : T,
+					I ? T(e) : T,
 					N === "end" && b
 				]
 			});

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

@@ -1,17 +1,17 @@
-import { t as e } from "../../../chunks/Icon";
-import { n as t, t as n } from "../../../chunks/useSplash";
-import { t as r } from "../../../chunks/tapTarget";
+import { t as e } from "../../../chunks/tapTarget";
+import { t } from "../../../chunks/Icon";
+import { n, t as r } from "../../../chunks/useSplash";
 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, u as p } from "../../../chunks/core";
 import { clsx as m } from "clsx";
-import { ToggleButton as h } from "react-aria-components";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ToggleButton as _ } from "react-aria-components";
 //#region src/components/Button/ToggleIconButton/ToggleIconButton.tsx
 var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, selectedIcon: C, icon: w, onPress: T, className: E, ...D }) => {
 	let { buttonColor: O, buttonShape: k, buttonSize: A } = c({
 		size: v,
 		shape: y,
 		color: b
-	}), { splashInfo: j, handlePress: M } = n(T), N = {
+	}), { splashInfo: j, handlePress: M } = r(T), N = {
 		...u({
 			shape: k,
 			size: A,
@@ -21,13 +21,13 @@ var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, select
 		"data-icon-button": !0,
 		"data-toggle-button": !0
 	};
-	return f(/* @__PURE__ */ g(h, {
+	return f(/* @__PURE__ */ h(_, {
 		onPress: M,
-		className: (e) => m(o, r, i(A), p(O), typeof E == "function" ? E(e) : E),
+		className: (t) => m(o, e, i(A), p(O), typeof E == "function" ? E(t) : E),
 		...D,
 		...N,
 		"data-button": !0,
-		children: ({ isSelected: n, isDisabled: r, isFocusVisible: i, isFocused: o, isPressed: c, isHovered: u }) => {
+		children: ({ isSelected: e, isDisabled: r, isFocusVisible: i, isFocused: o, isPressed: c, isHovered: u }) => {
 			let f = {
 				...N,
 				"data-hovered": u || void 0,
@@ -35,17 +35,17 @@ var v = ({ size: v, shape: y, color: b, width: x = "default", tooltip: S, select
 				"data-focused": o || void 0,
 				"data-focus-visible": i || void 0,
 				"data-pressed": c || void 0,
-				"data-selected": n || void 0,
+				"data-selected": e || void 0,
 				"data-visual-button": !0
 			}, p = w;
-			n && C && (p = C);
-			let h = d[A];
-			return /* @__PURE__ */ _("span", {
+			e && C && (p = C);
+			let _ = d[A];
+			return /* @__PURE__ */ g("span", {
 				className: m(a, s, l),
 				...f,
-				children: [j && /* @__PURE__ */ g(t, { ...j }), p && /* @__PURE__ */ g(e, {
+				children: [j && /* @__PURE__ */ h(n, { ...j }), p && /* @__PURE__ */ h(t, {
 					icon: p,
-					size: h
+					size: _
 				})]
 			});
 		}

package/dist/components/Calendar/Calendar/index.js

@@ -1,14 +1,14 @@
 import { r as e } from "../../../chunks/core3";
 import { t } from "../../../chunks/BaseCalendar";
 import n from "clsx";
-import { Calendar as r } from "react-aria-components";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { Calendar as i } from "react-aria-components";
 //#region src/components/Calendar/Calendar/Calendar.tsx
-var a = ({ weekdayStyle: a, className: o, ...s }) => /* @__PURE__ */ i(r, {
+var a = ({ weekdayStyle: a, className: o, ...s }) => /* @__PURE__ */ r(i, {
 	className: (t) => n(e, typeof o == "function" ? o(t) : o),
 	...s,
 	"data-calendar": !0,
-	children: /* @__PURE__ */ i(t, { weekdayStyle: a })
+	children: /* @__PURE__ */ r(t, { weekdayStyle: a })
 });
 //#endregion
 export { a as Calendar };

package/dist/components/Calendar/CalendarMonthMenu/index.js

@@ -1,15 +1,15 @@
 import { t as e } from "../../../chunks/Icon";
 import { t } from "../../../chunks/CalendarMenuItem";
 import { n } from "../../../chunks/core3";
-import { ListBox as r, ListLayout as i, SelectionIndicator as a, Virtualizer as o } from "react-aria-components";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ListBox as a, ListLayout as o, SelectionIndicator as s, Virtualizer as c } from "react-aria-components";
 import { Check as l } from "lucide-react";
 //#region src/components/Calendar/CalendarMonthMenu/CalendarMonthMenu.tsx
 var u = ({ onSelection: u, months: d }) => {
 	let f = n();
-	return /* @__PURE__ */ s(o, {
-		layout: i,
-		children: /* @__PURE__ */ s(r, {
+	return /* @__PURE__ */ r(c, {
+		layout: o,
+		children: /* @__PURE__ */ r(a, {
 			"aria-label": "month selection",
 			autoFocus: !0,
 			"data-menu": !0,
@@ -17,17 +17,17 @@ var u = ({ onSelection: u, months: d }) => {
 			selectionMode: "single",
 			selectedKeys: [f.focusedDate.month],
 			children: (n) => {
-				let r = f.focusedDate.set({
+				let a = f.focusedDate.set({
 					month: n.id,
 					day: 1
-				}), i = r.set({ day: r.calendar.getDaysInMonth(r) });
-				return /* @__PURE__ */ c(t, {
+				}), o = a.set({ day: a.calendar.getDaysInMonth(a) });
+				return /* @__PURE__ */ i(t, {
 					onPress: () => {
 						f.setFocusedDate(f.focusedDate.set({ month: n.id })), u();
 					},
-					isDisabled: (f.maxValue && r.compare(f.maxValue) > 0 || f.minValue && i.compare(f.minValue) < 0) ?? void 0,
+					isDisabled: (f.maxValue && a.compare(f.maxValue) > 0 || f.minValue && o.compare(f.minValue) < 0) ?? void 0,
 					textValue: n.formatted,
-					children: [/* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(e, {
+					children: [/* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(e, {
 						icon: l,
 						size: 24,
 						"data-selected-icon": !0

package/dist/components/Calendar/CalendarYearMenu/index.js

@@ -1,27 +1,27 @@
 import { t as e } from "../../../chunks/Icon";
 import { t } from "../../../chunks/CalendarMenuItem";
 import { n } from "../../../chunks/core3";
-import { ListBox as r, ListLayout as i, SelectionIndicator as a, Virtualizer as o } from "react-aria-components";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ListBox as a, ListLayout as o, SelectionIndicator as s, Virtualizer as c } from "react-aria-components";
 import { Check as l } from "lucide-react";
 //#region src/components/Calendar/CalendarYearMenu/CalendarYearMenu.tsx
 var u = ({ onSelection: u, years: d }) => {
 	let f = n();
-	return /* @__PURE__ */ s(o, {
-		layout: i,
-		children: /* @__PURE__ */ s(r, {
+	return /* @__PURE__ */ r(c, {
+		layout: o,
+		children: /* @__PURE__ */ r(a, {
 			"aria-label": "year selection",
 			autoFocus: !0,
 			"data-menu": !0,
 			items: d,
 			selectionMode: "single",
 			selectedKeys: [f.focusedDate.year],
-			children: (n) => /* @__PURE__ */ c(t, {
+			children: (n) => /* @__PURE__ */ i(t, {
 				onPress: () => {
 					f.setFocusedDate(f.focusedDate.set({ year: n.id })), u();
 				},
 				textValue: n.formatted,
-				children: [/* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(e, {
+				children: [/* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(e, {
 					icon: l,
 					size: 24,
 					"data-selected-icon": !0

package/dist/components/Calendar/RangeCalendar/index.js

@@ -1,15 +1,15 @@
 import { r as e } from "../../../chunks/core3";
 import { t } from "../../../chunks/BaseCalendar";
 import n from "clsx";
-import { RangeCalendar as r } from "react-aria-components";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { RangeCalendar as i } from "react-aria-components";
 //#region src/components/Calendar/RangeCalendar/RangeCalendar.tsx
-var a = ({ weekdayStyle: a, className: o, ...s }) => /* @__PURE__ */ i(r, {
+var a = ({ weekdayStyle: a, className: o, ...s }) => /* @__PURE__ */ r(i, {
 	className: (t) => n(e, typeof o == "function" ? o(t) : o),
 	...s,
 	"data-calendar": !0,
 	"data-range-calendar": !0,
-	children: /* @__PURE__ */ i(t, {
+	children: /* @__PURE__ */ r(t, {
 		weekdayStyle: a,
 		isRangeCalendar: !0
 	})