@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

package/README.md

@@ -4,7 +4,7 @@ UI Components that match Povio's Atlas Design System.
 
 ## Installation
 
-`pnpm add @povio/ui`
+`bun add @povio/ui`
 
 ## Versioning
 

package/dist/assets/locales/en/{translation.json.js → translation.js}

@@ -1,3 +1,4 @@
+//#region src/assets/locales/en/translation.json
 var translation_default = {
 	ui: {
 		"openAlt": "Open",

package/dist/assets/locales/sl/{translation.json.js → translation.js}

@@ -1,3 +1,4 @@
+//#region src/assets/locales/sl/translation.json
 var translation_default = {
 	ui: {
 		"openAlt": "Odpri",

package/dist/components/Breadcrumbs/breadcrumbs.cva.d.ts

@@ -1,45 +1,44 @@
-import { UIOverrides } from '../../config/uiOverrides.context';
-export declare const breadcrumbsDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+import { StyleMergeUtils } from "../../utils/style-merge.util.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+//#region src/components/Breadcrumbs/breadcrumbs.cva.d.ts
+declare const breadcrumbsDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type BreadcrumbsConfig = NonNullable<typeof breadcrumbsDefinition.config>;
-export interface BreadcrumbsVariantProps extends UIOverrides.VariantProps<BreadcrumbsConfig> {
-}
-export declare const breadcrumbSegmentDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+type BreadcrumbsConfig = NonNullable<typeof breadcrumbsDefinition.config>;
+interface BreadcrumbsVariantProps extends UIOverrides.VariantProps<BreadcrumbsConfig> {}
+declare const breadcrumbSegmentDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type BreadcrumbSegmentConfig = NonNullable<typeof breadcrumbSegmentDefinition.config>;
-export interface BreadcrumbSegmentVariantProps extends UIOverrides.VariantProps<BreadcrumbSegmentConfig> {
-}
-export declare const breadcrumbChevronDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+type BreadcrumbSegmentConfig = NonNullable<typeof breadcrumbSegmentDefinition.config>;
+interface BreadcrumbSegmentVariantProps extends UIOverrides.VariantProps<BreadcrumbSegmentConfig> {}
+declare const breadcrumbChevronDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type BreadcrumbChevronConfig = NonNullable<typeof breadcrumbChevronDefinition.config>;
-export interface BreadcrumbChevronVariantProps extends UIOverrides.VariantProps<BreadcrumbChevronConfig> {
-}
-export declare const breadcrumbIconDefinition: {
-    base: string[];
-    config?: import("../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+type BreadcrumbChevronConfig = NonNullable<typeof breadcrumbChevronDefinition.config>;
+interface BreadcrumbChevronVariantProps extends UIOverrides.VariantProps<BreadcrumbChevronConfig> {}
+declare const breadcrumbIconDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type BreadcrumbIconConfig = NonNullable<typeof breadcrumbIconDefinition.config>;
-export interface BreadcrumbIconVariantProps extends UIOverrides.VariantProps<BreadcrumbIconConfig> {
-}
-export declare const breadcrumbItemDefinition: {
-    base: string[];
-    config: import("../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isCurrent: {
-            readonly true: "text-interactive-text-primary-idle";
-            readonly false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover";
-        };
-        readonly isEllipsis: {
-            readonly true: "hover:text-interactive-text-primary-hover!";
-            readonly false: "";
-        };
-    }>;
+type BreadcrumbIconConfig = NonNullable<typeof breadcrumbIconDefinition.config>;
+interface BreadcrumbIconVariantProps extends UIOverrides.VariantProps<BreadcrumbIconConfig> {}
+declare const breadcrumbItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isCurrent: {
+      readonly true: "text-interactive-text-primary-idle";
+      readonly false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover";
+    };
+    readonly isEllipsis: {
+      readonly true: "hover:text-interactive-text-primary-hover!";
+      readonly false: "";
+    };
+  }>;
 };
-export type BreadcrumbItemConfig = NonNullable<typeof breadcrumbItemDefinition.config>;
-export interface BreadcrumbItemVariantProps extends UIOverrides.VariantProps<BreadcrumbItemConfig> {
-}
+type BreadcrumbItemConfig = NonNullable<typeof breadcrumbItemDefinition.config>;
+interface BreadcrumbItemVariantProps extends UIOverrides.VariantProps<BreadcrumbItemConfig> {}
+//#endregion
+export { BreadcrumbChevronConfig, BreadcrumbChevronVariantProps, BreadcrumbIconConfig, BreadcrumbIconVariantProps, BreadcrumbItemConfig, BreadcrumbItemVariantProps, BreadcrumbSegmentConfig, BreadcrumbSegmentVariantProps, BreadcrumbsConfig, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition };

package/dist/components/Breadcrumbs/breadcrumbs.cva.js

@@ -1,10 +1,10 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 //#region src/components/Breadcrumbs/breadcrumbs.cva.ts
-var breadcrumbsDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
-var breadcrumbSegmentDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
-var breadcrumbChevronDefinition = UIOverrides.defineConfig({ base: ["size-6 shrink-0 text-interactive-text-secondary-idle"] });
-var breadcrumbIconDefinition = UIOverrides.defineConfig({ base: ["size-4 shrink-0"] });
-var breadcrumbItemDefinition = UIOverrides.defineConfig({
+const breadcrumbsDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+const breadcrumbSegmentDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+const breadcrumbChevronDefinition = UIOverrides.defineConfig({ base: ["size-6 shrink-0 text-interactive-text-secondary-idle"] });
+const breadcrumbIconDefinition = UIOverrides.defineConfig({ base: ["size-4 shrink-0"] });
+const breadcrumbItemDefinition = UIOverrides.defineConfig({
 	base: ["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-label-3 no-underline"],
 	config: {
 		variants: {

package/dist/components/Menu/MenuDesktop.js

@@ -1,9 +1,9 @@
 import { MenuPopover } from "./MenuPopover.js";
-import { MenuTrigger } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { MenuTrigger } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuDesktop.tsx
-var MenuDesktop = (t0) => {
+const MenuDesktop = (t0) => {
 	const $ = c(12);
 	let items;
 	let onAction;

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

@@ -1,3 +1,6 @@
-import { MenuItem as MenuItemType } from './Menu';
-export type MenuListItemProps = MenuItemType;
-export declare const MenuItem: ({ label, content, children, className, ...item }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;
+import { MenuItem as MenuItem$1 } from "../menu.js";
+//#region src/components/Menu/MenuItem.d.ts
+type MenuListItemProps = MenuItem$1;
+declare const MenuItem: ({ label, content, children, className, ...item }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { MenuItem, MenuListItemProps };

package/dist/components/Menu/MenuItem.js

@@ -1,12 +1,12 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuItemDefinition } from "./menu.cva.js";
 import { ArrowRight } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { MenuItem } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuItem.tsx
-var MenuItem$1 = (t0) => {
+const MenuItem$1 = (t0) => {
 	const $ = c(9);
 	const { label, content, children, className, ...item } = t0;
 	const hasSubmenu = !!children && children?.length > 0;

package/dist/components/Menu/MenuMobile.js

@@ -1,15 +1,15 @@
 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 { BottomSheet } from "../bottom-sheet.js";
 import { ArrowLeft } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button, Menu } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuMobile.tsx
-var MenuMobile = (t0) => {
+const MenuMobile = (t0) => {
 	const $ = c(23);
 	let bottomSheetProps;
 	let items;

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

@@ -1,5 +1,7 @@
-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;
+import { MenuProps } from "../menu.js";
+import { PopoverProps } from "react-aria-components";
+//#region src/components/Menu/MenuPopover.d.ts
+interface MenuPopoverProps extends Pick<MenuProps, "items" | "onAction">, PopoverProps {}
+declare const MenuPopover: ({ items, className, onAction, ...props }: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { MenuPopover, MenuPopoverProps };

package/dist/components/Menu/MenuPopover.js

@@ -1,12 +1,12 @@
 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 { useRef } from "react";
 import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Menu/MenuPopover.tsx
-var MenuPopover = (t0) => {
+const MenuPopover = (t0) => {
 	const $ = c(28);
 	const { items, className, onAction, ...props } = t0;
 	const lastEventRef = useRef(null);

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

@@ -1,39 +1,39 @@
-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: [];
-        };
-    }>;
+import { StyleMergeUtils } from "../../utils/style-merge.util.js";
+import { UIOverrides } from "../../config/uiOverrides.context.js";
+//#region src/components/Menu/menu.cva.d.ts
+declare const menuDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isMobile: {
+      true: [];
+      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: [];
-        };
-    }>;
+type MenuConfig = NonNullable<typeof menuDefinition.config>;
+interface MenuCvaVariantProps extends UIOverrides.VariantProps<MenuConfig> {}
+declare const menuItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isMobile: {
+      true: ["justify-start! w-full font-labels-default"];
+      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>>;
+type MenuItemConfig = NonNullable<typeof menuItemDefinition.config>;
+interface MenuItemVariantProps extends UIOverrides.VariantProps<MenuItemConfig> {}
+declare const menuPopoverDefinition: {
+  base: string[];
+  config?: 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>>;
+type MenuPopoverConfig = NonNullable<typeof menuPopoverDefinition.config>;
+interface MenuPopoverVariantProps extends UIOverrides.VariantProps<MenuPopoverConfig> {}
+declare const menuPopoverWrapperDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type MenuPopoverWrapperConfig = NonNullable<typeof menuPopoverWrapperDefinition.config>;
-export interface MenuPopoverWrapperVariantProps extends UIOverrides.VariantProps<MenuPopoverWrapperConfig> {
-}
+type MenuPopoverWrapperConfig = NonNullable<typeof menuPopoverWrapperDefinition.config>;
+interface MenuPopoverWrapperVariantProps extends UIOverrides.VariantProps<MenuPopoverWrapperConfig> {}
+//#endregion
+export { MenuConfig, MenuCvaVariantProps, MenuItemConfig, MenuItemVariantProps, MenuPopoverConfig, MenuPopoverVariantProps, MenuPopoverWrapperConfig, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition };

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

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 //#region src/components/Menu/menu.cva.ts
-var menuDefinition = UIOverrides.defineConfig({
+const menuDefinition = UIOverrides.defineConfig({
 	base: ["outline-none"],
 	config: {
 		variants: { isMobile: {
@@ -10,7 +10,7 @@ var menuDefinition = UIOverrides.defineConfig({
 		defaultVariants: { isMobile: false }
 	}
 });
-var menuItemDefinition = UIOverrides.defineConfig({
+const 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",
@@ -28,7 +28,7 @@ var menuItemDefinition = UIOverrides.defineConfig({
 		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"] });
+const menuPopoverDefinition = UIOverrides.defineConfig({ base: ["pt-2 outline-none"] });
+const 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/accordion.d.ts

@@ -0,0 +1,5 @@
+import { AccordionItemProps, AccordionProps } from "./navigation/Accordion/accordion.types.js";
+//#region src/components/navigation/Accordion/Accordion.d.ts
+declare const Accordion: ({ items, variant, actionPosition, allowsMultipleExpanded, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Accordion, type AccordionItemProps, type AccordionProps };

package/dist/components/accordion.js

@@ -0,0 +1,81 @@
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { accordionDefinition } from "./navigation/Accordion/accordion.cva.js";
+import { AccordionItem } from "./navigation/Accordion/AccordionItem.js";
+import { c } from "react/compiler-runtime";
+import { clsx } from "clsx";
+import { DisclosureGroup } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/navigation/Accordion/Accordion.tsx
+const Accordion = (t0) => {
+	const $ = c(23);
+	const { items, variant: t1, actionPosition: t2, allowsMultipleExpanded: t3, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled } = t0;
+	const variant = t1 === void 0 ? "filled" : t1;
+	const actionPosition = t2 === void 0 ? "right" : t2;
+	const allowsMultipleExpanded = t3 === void 0 ? false : t3;
+	const accordionCva = UIOverrides.useCva("accordion.cva", accordionDefinition);
+	const t4 = items.length === 1;
+	let t5;
+	if ($[0] !== accordionCva || $[1] !== className || $[2] !== t4 || $[3] !== variant) {
+		t5 = clsx(accordionCva({
+			className,
+			variant,
+			singleItem: t4
+		}));
+		$[0] = accordionCva;
+		$[1] = className;
+		$[2] = t4;
+		$[3] = variant;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== actionPosition || $[6] !== disabled || $[7] !== items || $[8] !== variant) {
+		let t7;
+		if ($[10] !== actionPosition || $[11] !== disabled || $[12] !== items.length || $[13] !== variant) {
+			t7 = (item) => /* @__PURE__ */ jsx(AccordionItem, {
+				id: item.id,
+				heading: item.heading,
+				subheading: item.subheading,
+				icon: item.icon,
+				variant,
+				actionPosition,
+				disabled: item.disabled || disabled,
+				isSingle: items.length === 1,
+				children: item.children
+			}, item.id);
+			$[10] = actionPosition;
+			$[11] = disabled;
+			$[12] = items.length;
+			$[13] = variant;
+			$[14] = t7;
+		} else t7 = $[14];
+		t6 = items.map(t7);
+		$[5] = actionPosition;
+		$[6] = disabled;
+		$[7] = items;
+		$[8] = variant;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[15] !== allowsMultipleExpanded || $[16] !== defaultExpandedKeys || $[17] !== disabled || $[18] !== expandedKeys || $[19] !== onExpandedChange || $[20] !== t5 || $[21] !== t6) {
+		t7 = /* @__PURE__ */ jsx(DisclosureGroup, {
+			allowsMultipleExpanded,
+			expandedKeys,
+			defaultExpandedKeys,
+			onExpandedChange,
+			className: t5,
+			isDisabled: disabled,
+			children: t6
+		});
+		$[15] = allowsMultipleExpanded;
+		$[16] = defaultExpandedKeys;
+		$[17] = disabled;
+		$[18] = expandedKeys;
+		$[19] = onExpandedChange;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+	} else t7 = $[22];
+	return t7;
+};
+//#endregion
+export { Accordion };

package/dist/components/action-modal.d.ts

@@ -0,0 +1,26 @@
+import { ButtonVariantProps } from "./buttons/Button/button.cva.js";
+import { ModalProps } from "./overlays/Modal/Modal.js";
+import { TypographyPropsCva } from "./typography.js";
+//#region src/components/overlays/ActionModal/ActionModal.d.ts
+interface ActionModalAction {
+  label: string;
+  onPress: () => void;
+  className?: string;
+  variant?: ButtonVariantProps["variant"];
+  color?: ButtonVariantProps["color"];
+}
+interface ActionModalProps extends ModalProps {
+  heading: string;
+  description: string;
+  primaryAction: ActionModalAction;
+  secondaryAction?: ActionModalAction;
+  buttonSize?: ButtonVariantProps["size"];
+  textAlign?: "left" | "center" | "right";
+  titleTypography?: TypographyPropsCva;
+  titleClassName?: string;
+  descriptionTypography?: TypographyPropsCva;
+  descriptionClassName?: string;
+}
+declare const ActionModal: ({ heading, description, primaryAction, secondaryAction, buttonSize, textAlign, modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }: ActionModalProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ActionModal, ActionModalProps };

package/dist/components/action-modal.js

@@ -0,0 +1,188 @@
+import { Typography } from "./typography.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { Button } from "./buttons/Button/Button.js";
+import { Modal } from "./overlays/Modal/Modal.js";
+import { c } from "react/compiler-runtime";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/overlays/ActionModal/ActionModal.tsx
+const textAlignClassMap = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+const ActionModal = (t0) => {
+	const $ = c(52);
+	let description;
+	let descriptionClassName;
+	let descriptionTypography;
+	let heading;
+	let modalClassName;
+	let modalProps;
+	let primaryAction;
+	let secondaryAction;
+	let t1;
+	let t2;
+	let titleClassName;
+	let titleTypography;
+	if ($[0] !== t0) {
+		({heading, description, primaryAction, secondaryAction, buttonSize: t1, textAlign: t2, modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps} = t0);
+		$[0] = t0;
+		$[1] = description;
+		$[2] = descriptionClassName;
+		$[3] = descriptionTypography;
+		$[4] = heading;
+		$[5] = modalClassName;
+		$[6] = modalProps;
+		$[7] = primaryAction;
+		$[8] = secondaryAction;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = titleClassName;
+		$[12] = titleTypography;
+	} else {
+		description = $[1];
+		descriptionClassName = $[2];
+		descriptionTypography = $[3];
+		heading = $[4];
+		modalClassName = $[5];
+		modalProps = $[6];
+		primaryAction = $[7];
+		secondaryAction = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		titleClassName = $[11];
+		titleTypography = $[12];
+	}
+	const buttonSize = t1 === void 0 ? "m" : t1;
+	const textAlign = t2 === void 0 ? "left" : t2;
+	const ui = UIConfig.useConfig();
+	const textAlignClass = textAlignClassMap[textAlign];
+	let t3;
+	if ($[13] !== modalClassName) {
+		t3 = clsx("w-modal", modalClassName);
+		$[13] = modalClassName;
+		$[14] = t3;
+	} else t3 = $[14];
+	const t4 = titleTypography ?? ui.actionModal.titleTypography;
+	let t5;
+	if ($[15] !== textAlignClass || $[16] !== titleClassName) {
+		t5 = clsx("text-text-default-1", textAlignClass, titleClassName);
+		$[15] = textAlignClass;
+		$[16] = titleClassName;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== heading || $[19] !== t4 || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			...t4,
+			as: "h2",
+			className: t5,
+			children: heading
+		});
+		$[18] = heading;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	const t7 = descriptionTypography ?? ui.actionModal.descriptionTypography;
+	let t8;
+	if ($[22] !== descriptionClassName || $[23] !== textAlignClass) {
+		t8 = clsx("text-text-default-1", textAlignClass, descriptionClassName);
+		$[22] = descriptionClassName;
+		$[23] = textAlignClass;
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[25] !== description || $[26] !== t7 || $[27] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Typography, {
+			...t7,
+			className: t8,
+			children: description
+		});
+		$[25] = description;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== t6 || $[30] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-modal-gap-text",
+			children: [t6, t9]
+		});
+		$[29] = t6;
+		$[30] = t9;
+		$[31] = t10;
+	} else t10 = $[31];
+	let t11;
+	if ($[32] !== buttonSize || $[33] !== secondaryAction) {
+		t11 = secondaryAction && /* @__PURE__ */ jsx(Button, {
+			variant: secondaryAction?.variant ?? "contained",
+			size: buttonSize,
+			color: secondaryAction?.color ?? "secondary",
+			width: "fill",
+			onPress: secondaryAction?.onPress,
+			className: clsx("min-w-40 flex-1 shrink-0", secondaryAction?.className),
+			children: secondaryAction?.label
+		});
+		$[32] = buttonSize;
+		$[33] = secondaryAction;
+		$[34] = t11;
+	} else t11 = $[34];
+	const t12 = primaryAction?.variant ?? "contained";
+	const t13 = primaryAction?.color ?? "primary";
+	const t14 = primaryAction.onPress;
+	const t15 = primaryAction?.className;
+	let t16;
+	if ($[35] !== t15) {
+		t16 = clsx("min-w-40 flex-1 shrink-0", t15);
+		$[35] = t15;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== buttonSize || $[38] !== primaryAction.label || $[39] !== primaryAction.onPress || $[40] !== t12 || $[41] !== t13 || $[42] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Button, {
+			variant: t12,
+			size: buttonSize,
+			color: t13,
+			width: "fill",
+			onPress: t14,
+			className: t16,
+			children: primaryAction.label
+		});
+		$[37] = buttonSize;
+		$[38] = primaryAction.label;
+		$[39] = primaryAction.onPress;
+		$[40] = t12;
+		$[41] = t13;
+		$[42] = t16;
+		$[43] = t17;
+	} else t17 = $[43];
+	let t18;
+	if ($[44] !== t11 || $[45] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-wrap gap-modal-gap-buttons pt-1",
+			children: [t11, t17]
+		});
+		$[44] = t11;
+		$[45] = t17;
+		$[46] = t18;
+	} else t18 = $[46];
+	let t19;
+	if ($[47] !== modalProps || $[48] !== t10 || $[49] !== t18 || $[50] !== t3) {
+		t19 = /* @__PURE__ */ jsxs(Modal, {
+			modalClassName: t3,
+			...modalProps,
+			children: [t10, t18]
+		});
+		$[47] = modalProps;
+		$[48] = t10;
+		$[49] = t18;
+		$[50] = t3;
+		$[51] = t19;
+	} else t19 = $[51];
+	return t19;
+};
+//#endregion
+export { ActionModal };

package/dist/components/alert.d.ts

@@ -0,0 +1,14 @@
+import { AlertVariantProps } from "./status/Alert/alert.cva.js";
+import { FC, ReactNode, SVGProps } from "react";
+//#region src/components/status/Alert/Alert.d.ts
+interface AlertProps extends AlertVariantProps {
+  text: string;
+  isLoading?: boolean;
+  icon?: FC<SVGProps<SVGSVGElement>>;
+  rightContent?: ReactNode;
+  hasSeparator?: boolean;
+  className?: string;
+}
+declare const Alert: ({ variant, color, text, isLoading, rightContent, hasSeparator, icon: Icon, className }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Alert, AlertProps };