@povio/ui 3.0.0-rc.3 → 3.1.0

package/dist/components/buttons/PillButton/PillButton.js

@@ -2,71 +2,33 @@ import { CloseIcon } from "../../../assets/icons/Close.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { pillButtonContent, pillButtonDefinition, pillButtonIconSize, pillButtonTypography } from "./pillButton.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button, ToggleButton } from "react-aria-components";
 //#region src/components/buttons/PillButton/PillButton.tsx
-var PillButton = (t0) => {
-	const $ = c(17);
-	const { children, dismissable, toggle, icon, iconPosition, contentRef, ...props } = t0;
+var PillButton = ({ children, dismissable, toggle, icon, iconPosition, contentRef, ...props }) => {
 	const pillButtonCva = UIOverrides.useCva("pillButton.cva", pillButtonDefinition);
 	const pillButtonTypographyMap = UIOverrides.useMapper("pillButton.typography", pillButtonTypography);
 	const Component = toggle ? ToggleButton : Button;
-	let t1;
-	if ($[0] !== dismissable || $[1] !== icon || $[2] !== iconPosition) {
-		t1 = () => {
-			if (dismissable) return "right";
-			return icon ? iconPosition : "none";
-		};
-		$[0] = dismissable;
-		$[1] = icon;
-		$[2] = iconPosition;
-		$[3] = t1;
-	} else t1 = $[3];
-	const getIconPosition = t1;
-	const t2 = clsx(pillButtonCva({
+	const getIconPosition = () => {
+		if (dismissable) return "right";
+		return icon ? iconPosition : "none";
+	};
+	return /* @__PURE__ */ jsx(Component, {
 		...props,
-		className: props.className
-	}), pillButtonContent({ iconPosition: getIconPosition() }));
-	const T0 = ButtonContent;
-	const t3 = dismissable ? CloseIcon : icon;
-	const t4 = dismissable ? "right" : iconPosition;
-	const t5 = pillButtonIconSize;
-	const t6 = pillButtonTypographyMap({ ...props });
-	let t7;
-	if ($[4] !== T0 || $[5] !== children || $[6] !== contentRef || $[7] !== t3 || $[8] !== t4 || $[9] !== t5 || $[10] !== t6) {
-		t7 = /* @__PURE__ */ jsx(T0, {
+		className: clsx(pillButtonCva({
+			...props,
+			className: props.className
+		}), pillButtonContent({ iconPosition: getIconPosition() })),
+		children: /* @__PURE__ */ jsx(ButtonContent, {
 			ref: contentRef,
 			content: children,
-			icon: t3,
-			iconPosition: t4,
-			iconClassName: t5,
-			typography: t6
-		});
-		$[4] = T0;
-		$[5] = children;
-		$[6] = contentRef;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-		$[10] = t6;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== Component || $[13] !== props || $[14] !== t2 || $[15] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Component, {
-			...props,
-			className: t2,
-			children: t7
-		});
-		$[12] = Component;
-		$[13] = props;
-		$[14] = t2;
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
-	return t8;
+			icon: dismissable ? CloseIcon : icon,
+			iconPosition: dismissable ? "right" : iconPosition,
+			iconClassName: pillButtonIconSize,
+			typography: pillButtonTypographyMap({ ...props })
+		})
+	});
 };
 //#endregion
 export { PillButton };

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -2,122 +2,37 @@ import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.js";
 import { Button } from "../Button/Button.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Menu } from "../../Menu/Menu.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/buttons/SplitButton/SplitButton.tsx
-var SplitButton = (t0) => {
-	const $ = c(36);
-	let className;
-	let color;
-	let isLoading;
-	let items;
-	let label;
-	let labelRight;
-	let link;
-	let props;
-	let size;
-	let variant;
-	let width;
-	if ($[0] !== t0) {
-		({variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = color;
-		$[3] = isLoading;
-		$[4] = items;
-		$[5] = label;
-		$[6] = labelRight;
-		$[7] = link;
-		$[8] = props;
-		$[9] = size;
-		$[10] = variant;
-		$[11] = width;
-	} else {
-		className = $[1];
-		color = $[2];
-		isLoading = $[3];
-		items = $[4];
-		label = $[5];
-		labelRight = $[6];
-		link = $[7];
-		props = $[8];
-		size = $[9];
-		variant = $[10];
-		width = $[11];
-	}
-	let t1;
-	if ($[12] !== className) {
-		t1 = clsx("rounded-r-none! border-r border-solid", className);
-		$[12] = className;
-		$[13] = t1;
-	} else t1 = $[13];
-	let t2;
-	if ($[14] !== color || $[15] !== isLoading || $[16] !== label || $[17] !== link || $[18] !== props || $[19] !== size || $[20] !== t1 || $[21] !== variant || $[22] !== width) {
-		t2 = /* @__PURE__ */ jsx(Button, {
+var SplitButton = ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group/split flex items-center",
+		"data-split": "",
+		children: [/* @__PURE__ */ jsx(Button, {
 			...props,
 			width,
 			size,
 			variant,
 			color,
 			link,
-			className: t1,
+			className: clsx("rounded-r-none! border-r border-solid", className),
 			"data-separator": "",
 			isLoading,
 			children: label
-		});
-		$[14] = color;
-		$[15] = isLoading;
-		$[16] = label;
-		$[17] = link;
-		$[18] = props;
-		$[19] = size;
-		$[20] = t1;
-		$[21] = variant;
-		$[22] = width;
-		$[23] = t2;
-	} else t2 = $[23];
-	const t3 = props.isDisabled || isLoading;
-	let t4;
-	if ($[24] !== color || $[25] !== labelRight || $[26] !== size || $[27] !== t3 || $[28] !== variant) {
-		t4 = /* @__PURE__ */ jsx(IconButton, {
-			size,
-			variant,
-			color,
-			label: labelRight,
-			icon: ChevronDownIcon,
-			className: "rounded-l-none! border-l-0!",
-			isDisabled: t3
-		});
-		$[24] = color;
-		$[25] = labelRight;
-		$[26] = size;
-		$[27] = t3;
-		$[28] = variant;
-		$[29] = t4;
-	} else t4 = $[29];
-	let t5;
-	if ($[30] !== items || $[31] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Menu, {
-			trigger: t4,
+		}), /* @__PURE__ */ jsx(Menu, {
+			trigger: /* @__PURE__ */ jsx(IconButton, {
+				size,
+				variant,
+				color,
+				label: labelRight,
+				icon: ChevronDownIcon,
+				className: "rounded-l-none! border-l-0!",
+				isDisabled: props.isDisabled || isLoading
+			}),
 			items
-		});
-		$[30] = items;
-		$[31] = t4;
-		$[32] = t5;
-	} else t5 = $[32];
-	let t6;
-	if ($[33] !== t2 || $[34] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "group/split flex items-center",
-			"data-split": "",
-			children: [t2, t5]
-		});
-		$[33] = t2;
-		$[34] = t5;
-		$[35] = t6;
-	} else t6 = $[35];
-	return t6;
+		})]
+	});
 };
 //#endregion
 export { SplitButton };

package/dist/components/buttons/TextButton/TextButton.js

@@ -1,36 +1,14 @@
 import { Button } from "../Button/Button.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/TextButton/TextButton.tsx
-var TextButton = (t0) => {
-	const $ = c(7);
-	let children;
-	let props;
-	if ($[0] !== t0) {
-		({children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = props;
-	} else {
-		children = $[1];
-		props = $[2];
-	}
-	const t1 = props.width ?? "hug";
-	let t2;
-	if ($[3] !== children || $[4] !== props || $[5] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Button, {
-			...props,
-			variant: "text",
-			size: "none",
-			width: t1,
-			children
-		});
-		$[3] = children;
-		$[4] = props;
-		$[5] = t1;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+var TextButton = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		variant: "text",
+		size: "none",
+		width: props.width ?? "hug",
+		children
+	});
 };
 //#endregion
 export { TextButton };

package/dist/components/buttons/ToggleButton/ToggleButton.js

@@ -1,34 +1,14 @@
 import { Button } from "../Button/Button.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx
-var ToggleButton = (t0) => {
-	const $ = c(6);
-	let children;
-	let props;
-	if ($[0] !== t0) {
-		({children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = props;
-	} else {
-		children = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== children || $[4] !== props) {
-		t1 = /* @__PURE__ */ jsx(Button, {
-			...props,
-			toggle: true,
-			variant: "outlined",
-			color: "primary",
-			children
-		});
-		$[3] = children;
-		$[4] = props;
-		$[5] = t1;
-	} else t1 = $[5];
-	return t1;
+var ToggleButton = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		toggle: true,
+		variant: "outlined",
+		color: "primary",
+		children
+	});
 };
 //#endregion
 export { ToggleButton };

package/dist/components/buttons/shared/ButtonContent.js

@@ -2,94 +2,36 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import { buttonContentLabel } from "./buttonContent.cva.js";
 import { Loader } from "../../status/Loader/Loader.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
 //#region src/components/buttons/shared/ButtonContent.tsx
-var ButtonContent = (t0) => {
-	const $ = c(21);
-	const { ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition: t1, typography: typographyOverrides } = t0;
-	const iconPosition = t1 === void 0 ? "left" : t1;
+var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
 	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
 	let iconOrLoader = null;
-	if (isLoading) {
-		let t2;
-		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
-			$[0] = t2;
-		} else t2 = $[0];
-		iconOrLoader = t2;
-	} else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
-	else {
-		let t2;
-		if ($[1] !== iconClassName) {
-			t2 = clsx("shrink-0", iconClassName);
-			$[1] = iconClassName;
-			$[2] = t2;
-		} else t2 = $[2];
-		let t3;
-		if ($[3] !== Icon || $[4] !== t2) {
-			t3 = /* @__PURE__ */ jsx(Icon, { className: t2 });
-			$[3] = Icon;
-			$[4] = t2;
-			$[5] = t3;
-		} else t3 = $[5];
-		iconOrLoader = t3;
-	}
-	let t2;
-	let t3;
-	if ($[6] !== hideText || $[7] !== iconOrLoader || $[8] !== iconPosition || $[9] !== typographyCva || $[10] !== typographyOverrides) {
-		const resolvedTypography = {
-			size: "label-2",
-			variant: "prominent-1",
-			...typographyOverrides
-		};
-		t3 = iconOrLoader && iconPosition === "left" && iconOrLoader;
-		t2 = clsx(typographyCva({
-			...resolvedTypography,
-			sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
-		}), buttonContentLabel({
-			iconPosition: iconOrLoader ? iconPosition : "none",
-			hideText: !!hideText
-		}));
-		$[6] = hideText;
-		$[7] = iconOrLoader;
-		$[8] = iconPosition;
-		$[9] = typographyCva;
-		$[10] = typographyOverrides;
-		$[11] = t2;
-		$[12] = t3;
-	} else {
-		t2 = $[11];
-		t3 = $[12];
-	}
-	let t4;
-	if ($[13] !== content || $[14] !== ref || $[15] !== t2) {
-		t4 = /* @__PURE__ */ jsx("span", {
-			className: t2,
+	if (isLoading) iconOrLoader = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
+	else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
+	else iconOrLoader = /* @__PURE__ */ jsx(Icon, { className: clsx("shrink-0", iconClassName) });
+	const resolvedTypography = {
+		size: "label-2",
+		variant: "prominent-1",
+		...typographyOverrides
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		iconOrLoader && iconPosition === "left" && iconOrLoader,
+		/* @__PURE__ */ jsx("span", {
+			className: clsx(typographyCva({
+				...resolvedTypography,
+				sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
+			}), buttonContentLabel({
+				iconPosition: iconOrLoader ? iconPosition : "none",
+				hideText: !!hideText
+			})),
 			ref,
 			children: content
-		});
-		$[13] = content;
-		$[14] = ref;
-		$[15] = t2;
-		$[16] = t4;
-	} else t4 = $[16];
-	const t5 = iconOrLoader && iconPosition === "right" && iconOrLoader;
-	let t6;
-	if ($[17] !== t3 || $[18] !== t4 || $[19] !== t5) {
-		t6 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t3,
-			t4,
-			t5
-		] });
-		$[17] = t3;
-		$[18] = t4;
-		$[19] = t5;
-		$[20] = t6;
-	} else t6 = $[20];
-	return t6;
+		}),
+		iconOrLoader && iconPosition === "right" && iconOrLoader
+	] });
 };
 //#endregion
 export { ButtonContent };

package/dist/components/inputs/Checkbox/Checkbox.d.ts

@@ -8,7 +8,6 @@ interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, O
     ref?: Ref<HTMLLabelElement>;
     children: string | ReactElement;
     hideLabel?: boolean;
-    fireBlurOnChange?: boolean;
     selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
     indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
     isDirty?: boolean;