@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

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

@@ -1,40 +1,35 @@
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-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: "";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../text/Typography/typography.cva.js";
+//#region src/components/buttons/PillButton/pillButton.cva.d.ts
+declare const pillButtonDefinition: {
+  base: string[];
+  config: 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";
-        };
-    }>;
+type PillButtonConfig = NonNullable<typeof pillButtonDefinition.config>;
+interface PillButtonVariants extends UIOverrides.VariantProps<PillButtonConfig> {}
+declare const pillButtonContentDefinition: {
+  base: string[];
+  config: 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?: ({
-    readonly iconPosition?: "left" | "right" | "none" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const pillButtonIconSize: string;
-export declare const pillButtonTypography: (props: {
-    readonly color?: "error" | "primary" | "secondary" | "success" | "warning" | null | undefined;
-    readonly variant?: "contained" | "outlined" | "subtle" | null | undefined;
-}) => TypographyVariantProps | undefined;
+//#endregion
+export { PillButtonConfig, PillButtonVariants, pillButtonContentDefinition, pillButtonDefinition };

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

@@ -4,7 +4,7 @@ import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
 //#region src/components/buttons/PillButton/pillButton.cva.ts
-var pillButtonDefinition = UIOverrides.defineConfig({
+const pillButtonDefinition = UIOverrides.defineConfig({
 	base: [
 		uiOutlineClass,
 		"flex items-center justify-center",
@@ -243,7 +243,7 @@ var pillButtonDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var pillButtonContentDefinition = UIOverrides.defineConfig({
+const pillButtonContentDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { iconPosition: {
@@ -254,9 +254,9 @@ var pillButtonContentDefinition = UIOverrides.defineConfig({
 		defaultVariants: { iconPosition: "left" }
 	}
 });
-var pillButtonContent = cva(pillButtonContentDefinition.base, pillButtonContentDefinition.config);
-var pillButtonIconSize = clsx("h-6 w-6");
-var pillButtonTypography = compoundMapper({ default: {
+const pillButtonContent = cva(pillButtonContentDefinition.base, pillButtonContentDefinition.config);
+const pillButtonIconSize = clsx("h-6 w-6");
+const pillButtonTypography = compoundMapper({ default: {
 	size: "label-2",
 	variant: "prominent-1"
 } });

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

@@ -1,12 +1,15 @@
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { ButtonVariantProps } from '../Button/button.cva';
-import { MenuItem } from '../../Menu/Menu';
-import { LinkNavigationProps } from '../../text/Link/Link';
-export interface SplitButtonProps extends ButtonVariantProps, Omit<AriaButtonProps, "children"> {
-    label: string;
-    labelRight: string;
-    link?: LinkNavigationProps;
-    items: MenuItem[];
-    isLoading?: boolean;
+import { LinkNavigationProps } from "../../text/Link/Link.js";
+import { ButtonVariantProps } from "../Button/button.cva.js";
+import { MenuItem as MenuItem$1 } from "../../Menu/Menu.js";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/buttons/SplitButton/SplitButton.d.ts
+interface SplitButtonProps extends ButtonVariantProps, Omit<ButtonProps, "children"> {
+  label: string;
+  labelRight: string;
+  link?: LinkNavigationProps;
+  items: MenuItem$1[];
+  isLoading?: boolean;
 }
-export declare const SplitButton: ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const SplitButton: ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SplitButton, SplitButtonProps };

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

@@ -2,11 +2,11 @@ import { Button } from "../Button/Button.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Menu } from "../../Menu/Menu.js";
 import { ChevronDown } from "lucide-react";
-import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
+import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/buttons/SplitButton/SplitButton.tsx
-var SplitButton = (t0) => {
+const SplitButton = (t0) => {
 	const $ = c(36);
 	let className;
 	let color;

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

@@ -1,12 +1,15 @@
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { ReactNode } from 'react';
-import { ButtonIconProps } from '../Button/Button';
-import { ButtonVariantProps } from '../Button/button.cva';
-import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
-import { LinkNavigationProps } from '../../text/Link/Link';
-export type TextButtonProps = Omit<ButtonVariantProps, "variant"> & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<true | false> & {
-    children: ReactNode;
-    isLoading?: boolean;
-    link?: LinkNavigationProps;
+import { LinkNavigationProps } from "../../text/Link/Link.js";
+import { ButtonVariantProps } from "../Button/button.cva.js";
+import { ButtonContentVariantProps } from "../shared/buttonContent.cva.js";
+import { ButtonIconProps } from "../Button/Button.js";
+import { ReactNode } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/buttons/TextButton/TextButton.d.ts
+type TextButtonProps = Omit<ButtonVariantProps, "variant"> & ButtonContentVariantProps & ButtonProps & ButtonIconProps<true | false> & {
+  children: ReactNode;
+  isLoading?: boolean;
+  link?: LinkNavigationProps;
 };
-export declare const TextButton: ({ children, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextButton: ({ children, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { TextButton, TextButtonProps };

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

@@ -2,7 +2,7 @@ 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 TextButton = (t0) => {
 	const $ = c(7);
 	let children;
 	let props;

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

@@ -1,9 +1,12 @@
-import { ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
-import { ReactNode } from 'react';
-import { ButtonIconProps } from '../Button/Button';
-import { ButtonVariantProps } from '../Button/button.cva';
-import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
-export type ToggleButtonProps = ButtonVariantProps & ButtonContentVariantProps & AriaToggleButtonProps & ButtonIconProps<true | false> & {
-    children: ReactNode;
+import { ButtonVariantProps } from "../Button/button.cva.js";
+import { ButtonContentVariantProps } from "../shared/buttonContent.cva.js";
+import { ButtonIconProps } from "../Button/Button.js";
+import { ReactNode } from "react";
+import { ToggleButtonProps } from "react-aria-components";
+//#region src/components/buttons/ToggleButton/ToggleButton.d.ts
+type ToggleButtonProps$1 = ButtonVariantProps & ButtonContentVariantProps & ToggleButtonProps & ButtonIconProps<true | false> & {
+  children: ReactNode;
 };
-export declare const ToggleButton: ({ children, ...props }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ToggleButton$1: ({ children, ...props }: ToggleButtonProps$1) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ToggleButton$1 as ToggleButton, ToggleButtonProps$1 as ToggleButtonProps };

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

@@ -2,7 +2,7 @@ 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 ToggleButton = (t0) => {
 	const $ = c(6);
 	let children;
 	let props;

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

@@ -2,36 +2,94 @@ 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 { clsx } from "clsx";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/buttons/shared/ButtonContent.tsx
-var ButtonContent = ({ ref, content, isLoading, icon: Icon, iconClassName, hideText, iconPosition = "left", typography: typographyOverrides }) => {
+const 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;
 	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
 	let iconOrLoader = null;
-	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$1, { children: [
-		iconOrLoader && iconPosition === "left" && iconOrLoader,
-		/* @__PURE__ */ jsx("span", {
-			className: clsx(typographyCva({
-				...resolvedTypography,
-				sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
-			}), buttonContentLabel({
-				iconPosition: iconOrLoader ? iconPosition : "none",
-				hideText: !!hideText
-			})),
+	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,
 			ref,
 			children: content
-		}),
-		iconOrLoader && iconPosition === "right" && iconOrLoader
-	] });
+		});
+		$[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$1, { children: [
+			t3,
+			t4,
+			t5
+		] });
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 };
 //#endregion
 export { ButtonContent };

package/dist/components/buttons/shared/buttonContent.cva.d.ts

@@ -1,8 +1,6 @@
-import { ButtonContentConfig } from '../Button/button.cva';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const buttonContentLabel: (props?: ({
-    iconPosition?: "left" | "right" | "none" | null | undefined;
-    hideText?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {
-}
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import { ButtonContentConfig } from "../Button/button.cva.js";
+//#region src/components/buttons/shared/buttonContent.cva.d.ts
+interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {}
+//#endregion
+export { ButtonContentVariantProps };

package/dist/components/buttons/shared/buttonContent.cva.js

@@ -1,6 +1,6 @@
 import { cva } from "class-variance-authority";
 //#region src/components/buttons/shared/buttonContent.cva.ts
-var buttonContentLabel = cva("hyphens-auto md:truncate", {
+const buttonContentLabel = cva("hyphens-auto md:truncate", {
 	variants: {
 		iconPosition: {
 			left: "",

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

@@ -1,20 +1,23 @@
-import { ComponentType, ReactElement, Ref, SVGProps } from 'react';
-import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
-import { FieldValues } from '../shared/form.binding';
-import { CheckboxVariantProps } from './checkbox.cva';
-import { FormFieldErrorProps } from '../FormField/FormFieldError';
-import { ControlProps } from '../shared/form.types';
-export interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, Omit<AriaCheckboxProps, "className"> {
-    ref?: Ref<HTMLLabelElement>;
-    children: string | ReactElement;
-    hideLabel?: boolean;
-    hideError?: boolean;
-    selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
-    indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
-    isDirty?: boolean;
-    labelClassName?: string;
+import { FieldValues } from "../shared/form.binding.js";
+import { CheckboxVariantProps } from "./checkbox.cva.js";
+import { FormFieldErrorProps } from "../FormField/FormFieldError.js";
+import { ControlProps } from "../shared/form.types.js";
+import { ComponentType, ReactElement, Ref, SVGProps } from "react";
+import { CheckboxProps } from "react-aria-components";
+//#region src/components/inputs/Checkbox/Checkbox.d.ts
+interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, Omit<CheckboxProps, "className"> {
+  ref?: Ref<HTMLLabelElement>;
+  children: string | ReactElement;
+  hideLabel?: boolean;
+  hideError?: boolean;
+  selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+  indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+  isDirty?: boolean;
+  labelClassName?: string;
 }
-export declare const CheckboxBase: (props: CheckboxBaseProps) => import("react/jsx-runtime").JSX.Element;
-export type CheckboxProps = CheckboxBaseProps;
-export type ControlledCheckboxProps<TFieldValues extends FieldValues> = ControlProps<CheckboxProps, TFieldValues, "isSelected">;
-export declare const Checkbox: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+type CheckboxProps$1 = CheckboxBaseProps;
+type ControlledCheckboxProps<TFieldValues extends FieldValues> = ControlProps<CheckboxProps$1, TFieldValues, "isSelected">;
+declare const CheckboxComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox$1: typeof CheckboxComponent;
+//#endregion
+export { Checkbox$1 as Checkbox, CheckboxBaseProps, CheckboxProps$1 as CheckboxProps, ControlledCheckboxProps };