@povio/ui 2.3.3 → 3.0.0-rc.2

package/dist/components/buttons/IconButton/IconButton.js

@@ -1,19 +1,51 @@
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { Button } from "../Button/Button.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/IconButton/IconButton.tsx
-var IconButton = ({ label, disableTooltip, ...props }) => {
-	return /* @__PURE__ */ jsx(Tooltip, {
-		text: label,
-		placement: "bottom",
-		hidden: !label || disableTooltip,
-		children: /* @__PURE__ */ jsx(Button, {
+var IconButton = (t0) => {
+	const $ = c(11);
+	let disableTooltip;
+	let label;
+	let props;
+	if ($[0] !== t0) {
+		({label, disableTooltip, ...props} = t0);
+		$[0] = t0;
+		$[1] = disableTooltip;
+		$[2] = label;
+		$[3] = props;
+	} else {
+		disableTooltip = $[1];
+		label = $[2];
+		props = $[3];
+	}
+	const t1 = !label || disableTooltip;
+	let t2;
+	if ($[4] !== label || $[5] !== props) {
+		t2 = /* @__PURE__ */ jsx(Button, {
 			...props,
 			iconOnly: true,
 			width: "hug",
 			children: label
-		})
-	});
+		});
+		$[4] = label;
+		$[5] = props;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== label || $[8] !== t1 || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Tooltip, {
+			text: label,
+			placement: "bottom",
+			hidden: t1,
+			children: t2
+		});
+		$[7] = label;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
 };
 //#endregion
 export { IconButton };

package/dist/components/buttons/InlineIconButton/InlineIconButton.d.ts

@@ -8,5 +8,6 @@ export interface InlineIconButtonProps extends Omit<AriaButtonProps, "children">
     link?: LinkNavigationProps;
     ref?: RefObject<HTMLButtonElement | HTMLAnchorElement | null>;
     disableTooltip?: boolean;
+    staticRender?: boolean;
 }
-export declare const InlineIconButton: ({ label, ...props }: InlineIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InlineIconButton: ({ label, size, ...props }: InlineIconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/InlineIconButton/InlineIconButton.js

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

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

@@ -1,34 +1,72 @@
 import { CloseIcon } from "../../../assets/icons/Close.js";
-import { UIStyle } from "../../../config/uiStyle.context.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { ButtonContent } from "../shared/ButtonContent.js";
-import { pillButton, pillButtonContent, pillButtonIconSize, pillButtonTypography } from "./pillButton.cva.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 = ({ children, dismissable, toggle, icon, iconPosition, contentRef, ...props }) => {
-	const pillButtonCva = UIStyle.useCva("pillButton.cva", pillButton);
-	const pillButtonTypographyMap = UIStyle.useMapper("pillButton.typography", pillButtonTypography);
+var PillButton = (t0) => {
+	const $ = c(17);
+	const { children, dismissable, toggle, icon, iconPosition, contentRef, ...props } = t0;
+	const pillButtonCva = UIOverrides.useCva("pillButton.cva", pillButtonDefinition);
+	const pillButtonTypographyMap = UIOverrides.useMapper("pillButton.typography", pillButtonTypography);
 	const Component = toggle ? ToggleButton : Button;
-	const getIconPosition = () => {
-		if (dismissable) return "right";
-		return icon ? iconPosition : "none";
-	};
-	return /* @__PURE__ */ jsx(Component, {
+	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({
 		...props,
-		className: clsx(pillButtonCva({
-			...props,
-			className: props.className
-		}), pillButtonContent({ iconPosition: getIconPosition() })),
-		children: /* @__PURE__ */ jsx(ButtonContent, {
+		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, {
 			ref: contentRef,
 			content: children,
-			icon: dismissable ? CloseIcon : icon,
-			iconPosition: dismissable ? "right" : iconPosition,
-			iconClassName: pillButtonIconSize,
-			typography: pillButtonTypographyMap({ ...props })
-		})
-	});
+			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;
 };
 //#endregion
 export { PillButton };

package/dist/components/buttons/PillButton/pillButton.cva.d.ts

@@ -1,16 +1,40 @@
-import { VariantProps } from 'class-variance-authority';
 import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-export declare const pillButton: (props?: ({
-    color?: "primary" | "secondary" | "success" | "warning" | "error" | null | undefined;
-    variant?: "contained" | "outlined" | "subtle" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface PillButtonVariants extends VariantProps<typeof pillButton> {
+import { UIOverrides } from '../../../config/uiOverrides.context';
+export declare const pillButtonDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly color: {
+            readonly primary: "";
+            readonly secondary: "";
+            readonly success: "";
+            readonly warning: "";
+            readonly error: "";
+        };
+        readonly variant: {
+            readonly contained: "";
+            readonly outlined: "";
+            readonly subtle: "";
+        };
+    }>;
+};
+export type PillButtonConfig = NonNullable<typeof pillButtonDefinition.config>;
+export interface PillButtonVariants extends UIOverrides.VariantProps<PillButtonConfig> {
 }
+export declare const pillButtonContentDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly iconPosition: {
+            readonly left: "gap-button-gap-icon-to-label";
+            readonly right: "gap-button-gap-icon-to-label";
+            readonly none: "gap-button-gap-icon-to-label";
+        };
+    }>;
+};
 export declare const pillButtonContent: (props?: ({
-    iconPosition?: "none" | "left" | "right" | null | undefined;
+    readonly iconPosition?: "none" | "left" | "right" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const pillButtonIconSize: string;
 export declare const pillButtonTypography: (props: {
-    color?: "primary" | "secondary" | "success" | "warning" | "error" | null | undefined;
-    variant?: "contained" | "outlined" | "subtle" | null | undefined;
+    readonly color?: "primary" | "secondary" | "success" | "warning" | "error" | null | undefined;
+    readonly variant?: "contained" | "outlined" | "subtle" | null | undefined;
 }) => TypographyVariantProps | undefined;