@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/components/Menu/MenuMobile.js

@@ -1,142 +0,0 @@
-import { ArrowLeftIcon } from "../../assets/icons/ArrowLeft.js";
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { menuDefinition, menuItemDefinition } from "./menu.cva.js";
-import { MenuItem as MenuItem$1 } from "./MenuItem.js";
-import { BottomSheet } from "../overlays/BottomSheet/BottomSheet.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { useRef, useState } from "react";
-import { Button, Menu } from "react-aria-components";
-//#region src/components/Menu/MenuMobile.tsx
-var MenuMobile = (t0) => {
-	const $ = c(23);
-	let bottomSheetProps;
-	let items;
-	let onAction;
-	let props;
-	let trigger;
-	if ($[0] !== t0) {
-		({trigger, items, onAction, bottomSheetProps, ...props} = t0);
-		$[0] = t0;
-		$[1] = bottomSheetProps;
-		$[2] = items;
-		$[3] = onAction;
-		$[4] = props;
-		$[5] = trigger;
-	} else {
-		bottomSheetProps = $[1];
-		items = $[2];
-		onAction = $[3];
-		props = $[4];
-		trigger = $[5];
-	}
-	const menuItemCva = UIOverrides.useCva("menu.itemCva", menuItemDefinition);
-	const menuCva = UIOverrides.useCva("menu.cva", menuDefinition);
-	const activeItemRef = useRef(null);
-	let t1;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[6] = t1;
-	} else t1 = $[6];
-	const activeItemParentsRef = useRef(t1);
-	const lastEventRef = useRef(null);
-	const [isOpen, setIsOpen] = useState(false);
-	const [activeItem, setActiveItem] = useState(null);
-	let t2;
-	if ($[7] !== onAction) {
-		t2 = (item) => {
-			if (!item.children) {
-				activeItemRef.current = null;
-				activeItemParentsRef.current = [];
-				setActiveItem(null);
-				setIsOpen(false);
-				item.onAction?.();
-				onAction?.(item.id, lastEventRef.current);
-				lastEventRef.current = null;
-				return;
-			}
-			if (activeItemRef.current) activeItemParentsRef.current.push(activeItemRef.current);
-			activeItemRef.current = item;
-			setActiveItem(activeItemRef.current);
-		};
-		$[7] = onAction;
-		$[8] = t2;
-	} else t2 = $[8];
-	const handleAction = t2;
-	let t3;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => {
-			if (activeItemRef.current) return;
-			setIsOpen(false);
-		};
-		$[9] = t3;
-	} else t3 = $[9];
-	const onClose = t3;
-	let t4;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = () => {
-			activeItemRef.current = activeItemParentsRef.current.pop() ?? null;
-			setActiveItem(activeItemRef.current);
-		};
-		$[10] = t4;
-	} else t4 = $[10];
-	const onBack = t4;
-	let t5;
-	if ($[11] !== activeItem || $[12] !== handleAction || $[13] !== items || $[14] !== menuCva || $[15] !== menuItemCva || $[16] !== props) {
-		t5 = () => /* @__PURE__ */ jsxs(Fragment, { children: [activeItem && /* @__PURE__ */ jsxs(Button, {
-			className: clsx(menuItemCva({
-				...props,
-				isMobile: true
-			})),
-			onPress: onBack,
-			children: [/* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-6" }), activeItem.label]
-		}), /* @__PURE__ */ jsx("div", {
-			onClickCapture: (e) => {
-				lastEventRef.current = e;
-			},
-			onKeyDownCapture: (e_0) => {
-				lastEventRef.current = e_0;
-			},
-			children: /* @__PURE__ */ jsx(Menu, {
-				autoFocus: true,
-				onClose,
-				className: menuCva({
-					...props,
-					isMobile: true
-				}),
-				children: (activeItem?.children ?? items).map((item_0, index) => /* @__PURE__ */ jsx(MenuItem$1, {
-					...item_0,
-					onAction: () => handleAction(item_0)
-				}, index))
-			})
-		})] });
-		$[11] = activeItem;
-		$[12] = handleAction;
-		$[13] = items;
-		$[14] = menuCva;
-		$[15] = menuItemCva;
-		$[16] = props;
-		$[17] = t5;
-	} else t5 = $[17];
-	let t6;
-	if ($[18] !== bottomSheetProps || $[19] !== isOpen || $[20] !== t5 || $[21] !== trigger) {
-		t6 = /* @__PURE__ */ jsx(BottomSheet, {
-			isDismissable: true,
-			hideHeader: true,
-			...bottomSheetProps,
-			isOpen,
-			onOpenChange: setIsOpen,
-			trigger,
-			children: t5
-		});
-		$[18] = bottomSheetProps;
-		$[19] = isOpen;
-		$[20] = t5;
-		$[21] = trigger;
-		$[22] = t6;
-	} else t6 = $[22];
-	return t6;
-};
-//#endregion
-export { MenuMobile };

package/dist/components/Menu/MenuPopover.d.ts

@@ -1,5 +0,0 @@
-import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
-import { MenuProps } from './Menu';
-export interface MenuPopoverProps extends Pick<MenuProps, "items" | "onAction">, AriaPopoverProps {
-}
-export declare const MenuPopover: ({ items, className, onAction, ...props }: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuPopover.js

@@ -1,121 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { menuDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./menu.cva.js";
-import { MenuItem as MenuItem$1 } from "./MenuItem.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
-//#region src/components/Menu/MenuPopover.tsx
-var MenuPopover = (t0) => {
-	const $ = c(28);
-	const { items, className, onAction, ...props } = t0;
-	const lastEventRef = useRef(null);
-	const menuPopoverCva = UIOverrides.useCva("menu.popoverCva", menuPopoverDefinition);
-	const menuPopoverWrapperCva = UIOverrides.useCva("menu.popoverWrapperCva", menuPopoverWrapperDefinition);
-	const menuCva = UIOverrides.useCva("menu.cva", menuDefinition);
-	const T0 = Popover;
-	const t1 = menuPopoverCva({
-		...props,
-		className
-	});
-	let t2;
-	if ($[0] !== menuPopoverWrapperCva) {
-		t2 = menuPopoverWrapperCva({});
-		$[0] = menuPopoverWrapperCva;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	let t4;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = (e) => {
-			lastEventRef.current = e;
-		};
-		t4 = (e_0) => {
-			lastEventRef.current = e_0;
-		};
-		$[2] = t3;
-		$[3] = t4;
-	} else {
-		t3 = $[2];
-		t4 = $[3];
-	}
-	const T1 = Menu;
-	let t5;
-	if ($[4] !== onAction) {
-		t5 = (key) => onAction?.(key, lastEventRef.current);
-		$[4] = onAction;
-		$[5] = t5;
-	} else t5 = $[5];
-	const t6 = menuCva({
-		...props,
-		isMobile: false
-	});
-	let t7;
-	if ($[6] !== items || $[7] !== onAction) {
-		let t8;
-		if ($[9] !== onAction) {
-			t8 = (item, index) => !item.children || item.children.length === 0 ? /* @__PURE__ */ jsx(MenuItem$1, { ...item }, index) : /* @__PURE__ */ jsxs(SubmenuTrigger, { children: [/* @__PURE__ */ jsx(MenuItem$1, { ...item }), /* @__PURE__ */ jsx(MenuPopover, {
-				offset: 0,
-				onAction,
-				items: item.children
-			})] }, index);
-			$[9] = onAction;
-			$[10] = t8;
-		} else t8 = $[10];
-		t7 = items.map(t8);
-		$[6] = items;
-		$[7] = onAction;
-		$[8] = t7;
-	} else t7 = $[8];
-	let t8;
-	if ($[11] !== T1 || $[12] !== t5 || $[13] !== t6 || $[14] !== t7) {
-		t8 = /* @__PURE__ */ jsx(T1, {
-			onAction: t5,
-			className: t6,
-			children: t7
-		});
-		$[11] = T1;
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== t3 || $[17] !== t4 || $[18] !== t8) {
-		t9 = /* @__PURE__ */ jsx("div", {
-			onClickCapture: t3,
-			onKeyDownCapture: t4,
-			children: t8
-		});
-		$[16] = t3;
-		$[17] = t4;
-		$[18] = t8;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== t2 || $[21] !== t9) {
-		t10 = /* @__PURE__ */ jsx("div", {
-			className: t2,
-			children: t9
-		});
-		$[20] = t2;
-		$[21] = t9;
-		$[22] = t10;
-	} else t10 = $[22];
-	let t11;
-	if ($[23] !== T0 || $[24] !== props || $[25] !== t1 || $[26] !== t10) {
-		t11 = /* @__PURE__ */ jsx(T0, {
-			...props,
-			className: t1,
-			children: t10
-		});
-		$[23] = T0;
-		$[24] = props;
-		$[25] = t1;
-		$[26] = t10;
-		$[27] = t11;
-	} else t11 = $[27];
-	return t11;
-};
-//#endregion
-export { MenuPopover };

package/dist/components/Menu/menu.cva.d.ts

@@ -1,39 +0,0 @@
-import { UIOverrides } from '../../config/uiOverrides.context';
-export declare const menuDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isMobile: {
-            readonly true: [];
-            readonly false: [];
-        };
-    }>;
-};
-export type MenuConfig = NonNullable<typeof menuDefinition.config>;
-export interface MenuCvaVariantProps extends UIOverrides.VariantProps<MenuConfig> {
-}
-export declare const menuItemDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isMobile: {
-            readonly true: ["justify-start! w-full font-labels-default"];
-            readonly false: [];
-        };
-    }>;
-};
-export type MenuItemConfig = NonNullable<typeof menuItemDefinition.config>;
-export interface MenuItemVariantProps extends UIOverrides.VariantProps<MenuItemConfig> {
-}
-export declare const menuPopoverDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
-};
-export type MenuPopoverConfig = NonNullable<typeof menuPopoverDefinition.config>;
-export interface MenuPopoverVariantProps extends UIOverrides.VariantProps<MenuPopoverConfig> {
-}
-export declare const menuPopoverWrapperDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
-};
-export type MenuPopoverWrapperConfig = NonNullable<typeof menuPopoverWrapperDefinition.config>;
-export interface MenuPopoverWrapperVariantProps extends UIOverrides.VariantProps<MenuPopoverWrapperConfig> {
-}

package/dist/components/Menu/menu.cva.js

@@ -1,34 +0,0 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-//#region src/components/Menu/menu.cva.ts
-var menuDefinition = UIOverrides.defineConfig({
-	base: ["outline-none"],
-	config: {
-		variants: { isMobile: {
-			true: [],
-			false: []
-		} },
-		defaultVariants: { isMobile: false }
-	}
-});
-var menuItemDefinition = UIOverrides.defineConfig({
-	base: [
-		"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
-		"border-b border-b-elevation-outline-default-1 outline-none last:border-b-0",
-		"bg-elevation-fill-default-1 text-interactive-text-secondary-idle",
-		"disabled:cursor-default disabled:text-interactive-text-secondary-disabled",
-		"hover:bg-elevation-fill-default-2 hover:text-interactive-text-secondary-hover",
-		"open:cursor-default open:bg-interactive-contained-primary-idle! open:text-interactive-contained-primary-on-idle!",
-		"focus-visible:bg-elevation-fill-default-2 focus-visible:text-interactive-text-secondary-hover"
-	],
-	config: {
-		variants: { isMobile: {
-			true: ["justify-start! w-full font-labels-default"],
-			false: []
-		} },
-		defaultVariants: { isMobile: false }
-	}
-});
-var menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-2 outline-none"] });
-var menuPopoverWrapperDefinition = UIOverrides.defineConfig({ base: ["overflow-hidden rounded-list-rounding-dropdown border border-elevation-outline-default-1 shadow-5 outline-none"] });
-//#endregion
-export { menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition };

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

@@ -1,28 +0,0 @@
-import { FC, ReactElement, ReactNode, Ref, SVGProps } from 'react';
-import { ButtonProps as AriaButtonProps, ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
-import { ButtonContentVariantProps } from '../shared/buttonContent.cva';
-import { LinkNavigationProps } from '../../text/Link/Link';
-import { ButtonVariantProps } from './button.cva';
-export type ButtonIconProps<IconOnly extends boolean = false> = {
-    iconOnly?: IconOnly;
-} & (IconOnly extends true ? {
-    icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
-} : {
-    icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
-});
-type ToggleButtonProps = {
-    toggle?: false;
-} | ({
-    toggle: true;
-    isSelected?: boolean;
-} & AriaToggleButtonProps);
-export type ButtonProps<IconOnly extends boolean = false> = ButtonVariantProps & ButtonContentVariantProps & AriaButtonProps & ButtonIconProps<IconOnly> & ToggleButtonProps & {
-    children: ReactNode;
-    isLoading?: boolean;
-    link?: LinkNavigationProps;
-    noDisableWhenLoading?: boolean;
-    iconClassName?: string;
-    contentRef?: Ref<HTMLElement>;
-};
-export declare const Button: <IconOnly extends boolean = false>({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }: ButtonProps<IconOnly>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/buttons/Button/Button.js

@@ -1,66 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { LinkContext } from "../../../config/link.context.js";
-import { ButtonContent } from "../shared/ButtonContent.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, buttonTypography } from "./button.cva.js";
-import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { Button, Link, ToggleButton } from "react-aria-components";
-//#region src/components/buttons/Button/Button.tsx
-var Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
-	const linkContext = LinkContext.useLinkContext();
-	const uiConfig = UIConfig.useConfig();
-	const { variant = uiConfig.button.variant, size = uiConfig.button.size } = props;
-	const buttonCva = UIOverrides.useCva("button.cva", buttonDefinition);
-	const buttonSizeCva = UIOverrides.useCva("button.sizeCva", buttonSizeDefinition);
-	const buttonContentCva = UIOverrides.useCva("button.contentCva", buttonContentDefinition);
-	const buttonIconSizeCva = UIOverrides.useCva("button.iconSize", buttonIconSizeDefinition);
-	const typographyMap = UIOverrides.useMapper("button.typography", buttonTypography);
-	const Component = (() => {
-		if (link) return linkContext?.LinkComponent ?? Link;
-		if (props.toggle != null) return ToggleButton;
-		return Button;
-	})();
-	if (link && !link.to && link.href) link.to = link.href;
-	return /* @__PURE__ */ jsx(Component, {
-		...props,
-		...link,
-		isDisabled: props.isDisabled || isLoading && !noDisableWhenLoading,
-		className: clsx(buttonCva({
-			...props,
-			variant,
-			size,
-			className
-		}), buttonSizeCva({
-			...props,
-			variant,
-			size
-		}), buttonContentCva({
-			...props,
-			variant,
-			size,
-			iconPosition: !Icon ? "none" : iconPosition
-		})),
-		children: /* @__PURE__ */ jsx(ButtonContent, {
-			ref: contentRef,
-			isLoading,
-			icon: Icon,
-			content: children,
-			hideText: props.iconOnly,
-			iconPosition,
-			iconClassName: buttonIconSizeCva({
-				...props,
-				variant,
-				size,
-				className: iconClassName
-			}),
-			typography: typographyMap({
-				...props,
-				variant,
-				size
-			})
-		})
-	});
-};
-//#endregion
-export { Button$1 as Button };

package/dist/components/buttons/Button/button.cva.d.ts

@@ -1,99 +0,0 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-export declare const buttonDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly width: {
-            readonly fill: "w-full";
-            readonly hug: "w-auto";
-        };
-        readonly size: {
-            readonly none: "";
-            readonly xs: "";
-            readonly s: "";
-            readonly m: "";
-            readonly l: "";
-        };
-        readonly color: {
-            readonly primary: "";
-            readonly secondary: "";
-            readonly success: "";
-            readonly warning: "";
-            readonly error: "";
-            readonly dual: "";
-        };
-        readonly variant: {
-            readonly contained: "";
-            readonly outlined: "";
-            readonly subtle: "";
-            readonly text: "group-data-[split]/split:data-[separator]:after:hidden";
-            readonly ghost: "";
-        };
-        readonly inverted: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
-};
-export type ButtonConfig = NonNullable<typeof buttonDefinition.config>;
-export interface ButtonVariantProps extends UIOverrides.VariantProps<ButtonConfig> {
-}
-export declare const buttonSizeDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "rounded-button-rounding-s p-0";
-            readonly xs: "rounded-button-rounding-s";
-            readonly s: "rounded-button-rounding-s";
-            readonly m: "rounded-button-rounding-m";
-            readonly l: "rounded-button-rounding-l";
-        };
-        readonly iconOnly: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
-};
-export type ButtonSizeConfig = NonNullable<typeof buttonSizeDefinition.config>;
-export declare const buttonContentDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "gap-button-gap-icon-to-label";
-            readonly xs: "gap-button-gap-icon-to-label";
-            readonly s: "gap-button-gap-icon-to-label";
-            readonly m: "gap-button-gap-icon-to-label";
-            readonly l: "gap-button-gap-icon-to-label";
-        };
-        readonly iconPosition: {
-            readonly left: "";
-            readonly right: "";
-            readonly none: "";
-        };
-        readonly iconOnly: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
-};
-export type ButtonContentConfig = NonNullable<typeof buttonContentDefinition.config>;
-export declare const buttonIconSizeDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly none: "h-6 w-6";
-            readonly xs: "h-6 w-6";
-            readonly s: "h-6 w-6";
-            readonly m: "h-6 w-6";
-            readonly l: "h-6 w-6";
-        };
-    }>;
-};
-export type ButtonIconSizeConfig = NonNullable<typeof buttonIconSizeDefinition.config>;
-export declare const buttonTypography: (props: {
-    readonly width?: "fill" | "hug" | null | undefined;
-    readonly size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
-    readonly color?: "error" | "primary" | "dual" | "secondary" | "success" | "warning" | null | undefined;
-    readonly variant?: "text" | "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
-    readonly inverted?: boolean | null | undefined;
-}) => TypographyVariantProps | undefined;