@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/components/overlays/Tooltip/tooltip.cva.js

@@ -1,44 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/overlays/Tooltip/tooltip.cva.ts
-const tooltipDefinition = UIOverrides.defineConfig({
-	base: ["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"],
-	config: {
-		variants: { color: {
-			default: ["bg-interactive-contained-secondary-idle"],
-			error: ["w-max bg-elevation-fill-error-1"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
-	base: ["h-2-5 w-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180"],
-	config: {
-		variants: { color: {
-			default: ["text-interactive-contained-secondary-idle"],
-			error: ["text-elevation-fill-error-1"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
-	base: ["h-5 w-2-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180"],
-	config: {
-		variants: { color: {
-			default: ["text-interactive-contained-secondary-idle"],
-			error: ["text-elevation-fill-error-1"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipTextDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: { color: {
-			default: ["text-interactive-contained-secondary-on-idle"],
-			error: ["text-text-error-inverted-1"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-//#endregion
-export { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition };

package/dist/components/segment/SegmentItem.js

@@ -1,85 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { Typography } from "../text/Typography/Typography.js";
-import { segmentItemDefinition } from "./segment.cva.js";
-import { c } from "react/compiler-runtime";
-import { ToggleButton } from "react-aria-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/segment/SegmentItem.tsx
-const SegmentItem = (t0) => {
-	const $ = c(23);
-	let className;
-	let icon;
-	let id;
-	let isDisabled;
-	let label;
-	let props;
-	if ($[0] !== t0) {
-		({label, icon, id, isDisabled, className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = icon;
-		$[3] = id;
-		$[4] = isDisabled;
-		$[5] = label;
-		$[6] = props;
-	} else {
-		className = $[1];
-		icon = $[2];
-		id = $[3];
-		isDisabled = $[4];
-		label = $[5];
-		props = $[6];
-	}
-	const IconComponent = icon;
-	const iconOnly = !!(icon && !label);
-	const segmentItemCva = UIOverrides.useCva("segment.itemCva", segmentItemDefinition);
-	let t1;
-	if ($[7] !== className || $[8] !== iconOnly || $[9] !== segmentItemCva) {
-		t1 = segmentItemCva({
-			iconOnly,
-			className
-		});
-		$[7] = className;
-		$[8] = iconOnly;
-		$[9] = segmentItemCva;
-		$[10] = t1;
-	} else t1 = $[10];
-	let t2;
-	if ($[11] !== IconComponent || $[12] !== icon) {
-		t2 = icon && /* @__PURE__ */ jsx(IconComponent, { className: "size-6" });
-		$[11] = IconComponent;
-		$[12] = icon;
-		$[13] = t2;
-	} else t2 = $[13];
-	let t3;
-	if ($[14] !== label) {
-		t3 = label && /* @__PURE__ */ jsx(Typography, {
-			size: "label-2",
-			as: "span",
-			className: "overflow-hidden text-ellipsis text-center",
-			children: label
-		});
-		$[14] = label;
-		$[15] = t3;
-	} else t3 = $[15];
-	let t4;
-	if ($[16] !== id || $[17] !== isDisabled || $[18] !== props || $[19] !== t1 || $[20] !== t2 || $[21] !== t3) {
-		t4 = /* @__PURE__ */ jsxs(ToggleButton, {
-			...props,
-			id,
-			className: t1,
-			isDisabled,
-			children: [t2, t3]
-		});
-		$[16] = id;
-		$[17] = isDisabled;
-		$[18] = props;
-		$[19] = t1;
-		$[20] = t2;
-		$[21] = t3;
-		$[22] = t4;
-	} else t4 = $[22];
-	return t4;
-};
-//#endregion
-export { SegmentItem };

package/dist/components/segment/segment.cva.d.ts

@@ -1,22 +0,0 @@
-import { StyleMergeUtils } from "../../utils/style-merge.util.js";
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-//#region src/components/segment/segment.cva.d.ts
-declare const segmentDefinition: {
-  base: string[];
-  config?: StyleMergeUtils.Config<Record<never, never>>;
-};
-type SegmentConfig = NonNullable<typeof segmentDefinition.config>;
-interface SegmentVariantProps extends UIOverrides.VariantProps<SegmentConfig> {}
-declare const segmentItemDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly iconOnly: {
-      readonly true: "px-segmented-control-height-segment";
-      readonly false: "px-segmented-control-side-segment";
-    };
-  }>;
-};
-type SegmentItemConfig = NonNullable<typeof segmentItemDefinition.config>;
-interface SegmentItemVariantProps extends UIOverrides.VariantProps<SegmentItemConfig> {}
-//#endregion
-export { SegmentConfig, SegmentItemConfig, SegmentItemVariantProps, SegmentVariantProps, segmentDefinition, segmentItemDefinition };

package/dist/components/segment/segment.cva.js

@@ -1,30 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-//#region src/components/segment/segment.cva.ts
-const segmentDefinition = UIOverrides.defineConfig({ base: [
-	"group/segment grid w-fit items-center gap-segmented-control-side-segmented-control p-segmented-control-side-segmented-control",
-	"bg-elevation-fill-default-3",
-	"rounded-segmented-control-rounding-segmented-control"
-] });
-const segmentItemDefinition = UIOverrides.defineConfig({
-	base: [
-		"flex items-center justify-center gap-segmented-control-gap-content-icon-to-text transition-all duration-200",
-		"border border-support-transparent-outline",
-		"py-segmented-control-height-segment",
-		"rounded-segmented-control-rounding-segment",
-		"text-interactive-subtle-secondary-on-idle",
-		"hover:border-interactive-subtle-secondary-hover hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
-		"pressed:border-interactive-subtle-secondary-pressed pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
-		"disabled:border-support-transparent-outline disabled:text-interactive-subtle-secondary-on-disabled",
-		"selected:border-interactive-subtle-secondary-toggled-idle selected:bg-interactive-subtle-secondary-toggled-idle selected:text-interactive-subtle-secondary-on-toggled-idle",
-		"selected:disabled:border-interactive-subtle-secondary-toggled-disabled selected:disabled:bg-interactive-subtle-secondary-toggled-disabled selected:disabled:text-interactive-subtle-secondary-on-toggled-disabled"
-	],
-	config: {
-		variants: { iconOnly: {
-			true: "px-segmented-control-height-segment",
-			false: "px-segmented-control-side-segment"
-		} },
-		defaultVariants: { iconOnly: false }
-	}
-});
-//#endregion
-export { segmentDefinition, segmentItemDefinition };

package/dist/components/shared/pagination/minWidth.cva.js

@@ -1,11 +0,0 @@
-import { cva } from "class-variance-authority";
-//#region src/components/shared/pagination/minWidth.cva.ts
-const minWidth = cva("", { variants: { size: {
-	xxs: ["min-w-button-width-min-width-xxs"],
-	xs: ["min-w-button-width-min-width-xs"],
-	s: ["min-w-button-width-min-width-s"],
-	m: ["min-w-button-width-min-width-m"],
-	l: ["min-w-button-width-min-width-l"]
-} } });
-//#endregion
-export { minWidth };

package/dist/components/shared/popover.cva.d.ts

@@ -1,9 +0,0 @@
-import { StyleMergeUtils } from "../../utils/style-merge.util.js";
-import "../../config/uiOverrides.context.js";
-//#region src/components/shared/popover.cva.d.ts
-declare const popoverDefinition: {
-  base: string[];
-  config?: StyleMergeUtils.Config<Record<never, never>>;
-};
-//#endregion
-export { popoverDefinition };

package/dist/components/status/Alert/alert.cva.d.ts

@@ -1,22 +0,0 @@
-import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/status/Alert/alert.cva.d.ts
-declare const alertDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly variant: {
-      readonly outlined: "border bg-elevation-fill-default-1 text-text-default-1";
-      readonly contained: "text-text-inverted-1";
-    };
-    readonly color: {
-      readonly neutral: "";
-      readonly success: "";
-      readonly warning: "";
-      readonly error: "";
-    };
-  }>;
-};
-type AlertConfig = NonNullable<typeof alertDefinition.config>;
-interface AlertVariantProps extends UIOverrides.VariantProps<AlertConfig> {}
-//#endregion
-export { AlertConfig, AlertVariantProps, alertDefinition };

package/dist/components/status/Alert/alert.cva.js

@@ -1,67 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/status/Alert/alert.cva.ts
-const alertDefinition = UIOverrides.defineConfig({
-	base: ["min-h-0 overflow-hidden rounded-alert-rounding-default p-0"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "border bg-elevation-fill-default-1 text-text-default-1",
-				contained: "text-text-inverted-1"
-			},
-			color: {
-				neutral: "",
-				success: "",
-				warning: "",
-				error: ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: "outlined",
-				color: "neutral",
-				className: "border-elevation-outline-default-1"
-			},
-			{
-				variant: "outlined",
-				color: "success",
-				className: "border-elevation-outline-success-1"
-			},
-			{
-				variant: "outlined",
-				color: "warning",
-				className: "border-elevation-outline-warning-1"
-			},
-			{
-				variant: "outlined",
-				color: "error",
-				className: "border-elevation-outline-error-1"
-			},
-			{
-				variant: "contained",
-				color: "neutral",
-				className: "bg-elevation-fill-inverted-1"
-			},
-			{
-				variant: "contained",
-				color: "success",
-				className: "bg-elevation-fill-success-1"
-			},
-			{
-				variant: "contained",
-				color: "warning",
-				className: "bg-elevation-fill-warning-1"
-			},
-			{
-				variant: "contained",
-				color: "error",
-				className: "bg-elevation-fill-error-1"
-			}
-		],
-		defaultVariants: {
-			variant: "outlined",
-			color: "neutral"
-		}
-	}
-});
-//#endregion
-export { alertDefinition };

package/dist/components/status/Loader/loader.cva.js

@@ -1,27 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { cva } from "class-variance-authority";
-//#region src/components/status/Loader/loader.cva.ts
-const loaderWrapperDefinition = UIOverrides.defineConfig({
-	base: ["flex items-center justify-center"],
-	config: {
-		variants: { size: {
-			default: "size-6",
-			l: "size-16"
-		} },
-		defaultVariants: { size: "default" }
-	}
-});
-const loaderWrapper = cva(loaderWrapperDefinition.base, loaderWrapperDefinition.config);
-const loaderDefinition = UIOverrides.defineConfig({
-	base: ["animate-loader-spin"],
-	config: {
-		variants: { size: {
-			default: "size-3-5",
-			l: "size-8"
-		} },
-		defaultVariants: { size: "default" }
-	}
-});
-const loader = cva(loaderDefinition.base, loaderDefinition.config);
-//#endregion
-export { loader, loaderDefinition, loaderWrapper, loaderWrapperDefinition };

package/dist/components/status/Toast/Toast.d.ts

@@ -1,17 +0,0 @@
-import { ToastVariantProps } from "./toast.cva.js";
-import { FC, ReactNode, SVGProps } from "react";
-//#region src/components/status/Toast/Toast.d.ts
-interface ToastAction {
-  text: string;
-  onPress: () => void;
-}
-interface ToastProps extends ToastVariantProps {
-  text: ReactNode;
-  isLoading?: boolean;
-  icon?: FC<SVGProps<SVGSVGElement>>;
-  actions?: ToastAction[];
-}
-declare const Toast: ({ text, isLoading, actions, icon: Icon, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
-declare const ToastContainer: () => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { Toast, ToastAction, ToastContainer, ToastProps };

package/dist/components/status/Toast/Toast.js

@@ -1,82 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../../text/Typography/Typography.js";
-import { Loader } from "../../loader.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { Button } from "../../buttons/Button/Button.js";
-import { buttonColorVariant, statusIconDefinition, statusSeparatorDefinition, toastContainerDefinition, toastDefinition, toastWrapper } from "./toast.cva.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ToastContainer } from "react-toastify";
-//#region src/components/status/Toast/Toast.tsx
-const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
-	const uiConfig = UIConfig.useConfig();
-	const { variant = uiConfig.toast.variant, ...restProps } = props;
-	const toastCva = UIOverrides.useCva("toast.cva", toastDefinition);
-	const buttonColor = UIOverrides.useMapper("toast.buttonColor", buttonColorVariant);
-	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
-	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
-	const variantProps = {
-		variant,
-		...restProps
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: toastCva(variantProps),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-start gap-toast-gap-icon-to-text px-toast-side-default py-toast-height-content",
-			children: [
-				isLoading && /* @__PURE__ */ jsx(Loader, {
-					size: "default",
-					className: "shrink-0"
-				}),
-				!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva(variantProps) }),
-				/* @__PURE__ */ jsx(Typography, {
-					size: "label-2",
-					children: text
-				})
-			]
-		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
-			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-toast-side-default py-toast-height-actions-mobile md:w-auto md:justify-center md:py-toast-height-actions-desktop",
-			children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
-				onPress,
-				...buttonColor(variantProps),
-				variant: "text",
-				size: "none",
-				width: "hug",
-				children: buttonText
-			}, buttonText))
-		})] })]
-	});
-};
-const ToastContainer$1 = () => {
-	const $ = c(6);
-	const uiConfig = UIConfig.useConfig();
-	const containerCva = UIOverrides.useCva("toast.containerCva", toastContainerDefinition);
-	let t0;
-	if ($[0] !== containerCva || $[1] !== uiConfig.toast.position) {
-		t0 = (params) => containerCva({
-			position: params?.position ?? uiConfig.toast.position,
-			className: params?.defaultClassName
-		});
-		$[0] = containerCva;
-		$[1] = uiConfig.toast.position;
-		$[2] = t0;
-	} else t0 = $[2];
-	let t1;
-	if ($[3] !== t0 || $[4] !== uiConfig.toast.position) {
-		t1 = /* @__PURE__ */ jsx(ToastContainer, {
-			position: uiConfig.toast.position,
-			className: t0,
-			toastClassName: toastWrapper,
-			autoClose: 2500,
-			icon: false,
-			closeButton: false,
-			hideProgressBar: true
-		});
-		$[3] = t0;
-		$[4] = uiConfig.toast.position;
-		$[5] = t1;
-	} else t1 = $[5];
-	return t1;
-};
-//#endregion
-export { Toast, ToastContainer$1 as ToastContainer };

package/dist/components/status/Toast/toast.cva.js

@@ -1,211 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { compoundMapper } from "../../../utils/compoundMapper.js";
-import { clsx } from "clsx";
-//#region src/components/status/Toast/toast.cva.ts
-const toastContainerDefinition = UIOverrides.defineConfig({
-	base: ["m-toast-gap-margin-mobile w-auto gap-toast-gap-margin-mobile p-0 md:m-toast-gap-margin-desktop md:gap-toast-gap-margin-desktop"],
-	config: { variants: { position: {
-		"bottom-right": "right-0 bottom-0",
-		"bottom-left": "bottom-0 left-0",
-		"top-right": "top-0 right-0",
-		"top-left": "top-0 left-0",
-		"bottom-center": "bottom-0",
-		"top-center": "top-0"
-	} } }
-});
-const toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
-const toastDefinition = UIOverrides.defineConfig({
-	base: ["m-0 inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "border bg-elevation-fill-default-1 text-text-default-1",
-				contained: "text-text-inverted-1"
-			},
-			color: {
-				neutral: "",
-				success: "",
-				warning: "",
-				error: ""
-			},
-			position: {
-				"bottom-right": "",
-				"bottom-left": "",
-				"bottom-center": "",
-				"top-right": "",
-				"top-left": "",
-				"top-center": ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: "outlined",
-				color: "neutral",
-				className: "border-elevation-outline-default-1"
-			},
-			{
-				variant: "outlined",
-				color: "success",
-				className: "border-elevation-outline-success-1"
-			},
-			{
-				variant: "outlined",
-				color: "warning",
-				className: "border-elevation-outline-warning-1"
-			},
-			{
-				variant: "outlined",
-				color: "error",
-				className: "border-elevation-outline-error-1"
-			},
-			{
-				variant: "contained",
-				color: "neutral",
-				className: "bg-elevation-fill-inverted-1"
-			},
-			{
-				variant: "contained",
-				color: "success",
-				className: "bg-elevation-fill-success-1"
-			},
-			{
-				variant: "contained",
-				color: "warning",
-				className: "bg-elevation-fill-warning-1"
-			},
-			{
-				variant: "contained",
-				color: "error",
-				className: "bg-elevation-fill-error-1"
-			}
-		],
-		defaultVariants: {
-			variant: "outlined",
-			color: "neutral"
-		}
-	}
-});
-const buttonColorVariant = compoundMapper({
-	compoundVariants: [
-		{
-			variant: "outlined",
-			color: "neutral",
-			value: { color: "secondary" }
-		},
-		{
-			variant: "outlined",
-			color: "success",
-			value: { color: "success" }
-		},
-		{
-			variant: "outlined",
-			color: "warning",
-			value: { color: "warning" }
-		},
-		{
-			variant: "outlined",
-			color: "error",
-			value: { color: "error" }
-		},
-		{
-			variant: "contained",
-			color: "neutral",
-			value: {
-				color: "primary",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "success",
-			value: {
-				color: "success",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "warning",
-			value: {
-				color: "warning",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "error",
-			value: {
-				color: "error",
-				inverted: true
-			}
-		}
-	],
-	defaultVariants: {
-		variant: "outlined",
-		color: "neutral"
-	},
-	default: { color: "secondary" }
-});
-const statusIconDefinition = UIOverrides.defineConfig({
-	base: ["size-6 shrink-0"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "",
-				contained: "text-text-inverted-1"
-			},
-			color: {
-				neutral: "",
-				success: "",
-				warning: "",
-				error: ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: "outlined",
-				color: "neutral",
-				className: "text-text-default-2"
-			},
-			{
-				variant: "outlined",
-				color: "success",
-				className: "text-text-success-1"
-			},
-			{
-				variant: "outlined",
-				color: "warning",
-				className: "text-text-warning-1"
-			},
-			{
-				variant: "outlined",
-				color: "error",
-				className: "text-text-error-1"
-			}
-		],
-		defaultVariants: {
-			variant: "outlined",
-			color: "neutral"
-		}
-	}
-});
-const statusSeparatorDefinition = UIOverrides.defineConfig({
-	base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
-	config: {
-		variants: {
-			variant: {
-				outlined: "",
-				contained: "hidden"
-			},
-			color: {
-				neutral: "bg-elevation-outline-default-1",
-				success: "bg-elevation-outline-success-1",
-				warning: "bg-elevation-outline-warning-1",
-				error: "bg-elevation-outline-error-1"
-			}
-		},
-		defaultVariants: { color: "neutral" }
-	}
-});
-//#endregion
-export { buttonColorVariant, statusIconDefinition, statusSeparatorDefinition, toastContainerDefinition, toastDefinition, toastWrapper };

package/dist/components/status/shared/status.cva.d.ts

@@ -1,34 +0,0 @@
-import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
-//#region src/components/status/shared/status.cva.d.ts
-declare const statusIconDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly variant: {
-      readonly outlined: "";
-      readonly contained: "text-text-inverted-1";
-    };
-    readonly color: {
-      readonly neutral: "";
-      readonly success: "";
-      readonly warning: "";
-      readonly error: "";
-    };
-  }>;
-};
-declare const statusSeparatorDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly variant: {
-      readonly outlined: "";
-      readonly contained: "hidden";
-    };
-    readonly color: {
-      readonly neutral: "bg-elevation-outline-default-1";
-      readonly success: "bg-elevation-outline-success-1";
-      readonly warning: "bg-elevation-outline-warning-1";
-      readonly error: "bg-elevation-outline-error-1";
-    };
-  }>;
-};
-//#endregion
-export { statusIconDefinition, statusSeparatorDefinition };