@yahoo/uds 3.150.1-beta.1 → 3.152.0

package/dist/components/index.cjs

@@ -41,12 +41,14 @@ const require_components_client_IconButton = require("./client/IconButton.cjs");
 const require_components_client_Input_Input = require("./client/Input/Input.cjs");
 const require_components_client_Input_InputHelpText = require("./client/Input/InputHelpText.cjs");
 const require_components_client_Menu_Menu_index = require("./client/Menu/Menu.index.cjs");
+const require_components_client_Modal_createModal = require("./client/Modal/createModal.cjs");
 const require_components_client_Modal_UDSModalConfigProvider = require("./client/Modal/UDSModalConfigProvider.cjs");
 const require_components_client_Modal_ModalActions = require("./client/Modal/ModalActions.cjs");
 const require_components_client_Modal_ModalContent = require("./client/Modal/ModalContent.cjs");
 const require_components_client_Modal_ModalDescription = require("./client/Modal/ModalDescription.cjs");
 const require_components_client_Modal_ModalTitle = require("./client/Modal/ModalTitle.cjs");
 const require_components_client_Modal_Modal = require("./client/Modal/Modal.cjs");
+const require_components_client_Modal_ModalPortal = require("./client/Modal/ModalPortal.cjs");
 const require_components_client_PaddleNav_PaddleButtonNext = require("./client/PaddleNav/PaddleButtonNext.cjs");
 const require_components_client_PaddleNav_PaddleButtonPrevious = require("./client/PaddleNav/PaddleButtonPrevious.cjs");
 const require_components_client_PaddleNav_PaddleNavContent = require("./client/PaddleNav/PaddleNavContent.cjs");
@@ -117,6 +119,7 @@ exports.Modal = require_components_client_Modal_Modal.Modal;
 exports.ModalActions = require_components_client_Modal_ModalActions.ModalActions;
 exports.ModalContent = require_components_client_Modal_ModalContent.ModalContent;
 exports.ModalDescription = require_components_client_Modal_ModalDescription.ModalDescription;
+exports.ModalPortal = require_components_client_Modal_ModalPortal.ModalPortal;
 exports.ModalTitle = require_components_client_Modal_ModalTitle.ModalTitle;
 exports.PaddleButtonNext = require_components_client_PaddleNav_PaddleButtonNext.PaddleButtonNext;
 exports.PaddleButtonPrevious = require_components_client_PaddleNav_PaddleButtonPrevious.PaddleButtonPrevious;
@@ -149,6 +152,7 @@ exports.UDSPopoverConfigProvider = require_components_client_Popover_UDSPopoverC
 exports.UDSToastConfigProvider = require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider;
 exports.UDSTooltipConfigProvider = require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider;
 exports.VStack = require_components_VStack.VStack;
+exports.createModal = require_components_client_Modal_createModal.createModal;
 exports.createToast = require_components_client_Toast_createToast.createToast;
 exports.useBottomSheetStore = require_components_client_BottomSheet_useBottomSheetStore.useBottomSheetStore;
 exports.useBreakpointsConfig = require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig;

package/dist/components/index.d.cts

@@ -47,9 +47,11 @@ import { MenuItemCheckboxProps } from "./client/Menu/Menu.ItemCheckbox.cjs";
 import { MenuPlacement, MenuProviderProps } from "./client/Menu/Menu.Provider.cjs";
 import { MenuTriggerProps } from "./client/Menu/Menu.Trigger.cjs";
 import { Menu_index_d_exports } from "./client/Menu/Menu.index.cjs";
+import { ModalAPI, createModal } from "./client/Modal/createModal.cjs";
 import { ModalActions, ModalActionsProps } from "./client/Modal/ModalActions.cjs";
 import { ModalContent, ModalContentProps } from "./client/Modal/ModalContent.cjs";
 import { ModalDescription, ModalDescriptionProps } from "./client/Modal/ModalDescription.cjs";
+import { ModalPortal } from "./client/Modal/ModalPortal.cjs";
 import { ModalTitle, ModalTitleProps } from "./client/Modal/ModalTitle.cjs";
 import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./client/Modal/UDSModalConfigProvider.cjs";
 import { PaddleButtonNext, PaddleButtonNextProps } from "./client/PaddleNav/PaddleButtonNext.cjs";
@@ -80,4 +82,4 @@ import { TooltipContent } from "./client/Tooltip/TooltipContent.cjs";
 import { TooltipTrigger } from "./client/Tooltip/TooltipTrigger.cjs";
 import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./client/Tooltip/UDSTooltipConfigProvider.cjs";
 import { Modal, ModalProps } from "./client/Modal/Modal.cjs";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Banner, BannerContent, type BannerContentProps, BannerDescription, type BannerDescriptionProps, type BannerProps, BannerTitle, type BannerTitleProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, Divider, DividerLabel, type DividerLabelProps, DividerLine, type DividerLineProps, type DividerProps, FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Link, type LinkProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps, PaddleButtonNext, type PaddleButtonNextProps, PaddleButtonPrevious, type PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, type PaddleNavContentProps, type PaddleNavProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, Scrim, type ScrimProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Text, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, VStack, type VStackProps, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Banner, BannerContent, type BannerContentProps, BannerDescription, type BannerDescriptionProps, type BannerProps, BannerTitle, type BannerTitleProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, Divider, DividerLabel, type DividerLabelProps, DividerLine, type DividerLineProps, type DividerProps, FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Link, type LinkProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Modal, type ModalAPI, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalPortal, type ModalProps, ModalTitle, type ModalTitleProps, PaddleButtonNext, type PaddleButtonNextProps, PaddleButtonPrevious, type PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, type PaddleNavContentProps, type PaddleNavProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, Scrim, type ScrimProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Text, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, VStack, type VStackProps, createModal, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };

package/dist/components/index.d.ts

@@ -47,9 +47,11 @@ import { MenuItemCheckboxProps } from "./client/Menu/Menu.ItemCheckbox.js";
 import { MenuPlacement, MenuProviderProps } from "./client/Menu/Menu.Provider.js";
 import { MenuTriggerProps } from "./client/Menu/Menu.Trigger.js";
 import { Menu_index_d_exports } from "./client/Menu/Menu.index.js";
+import { ModalAPI, createModal } from "./client/Modal/createModal.js";
 import { ModalActions, ModalActionsProps } from "./client/Modal/ModalActions.js";
 import { ModalContent, ModalContentProps } from "./client/Modal/ModalContent.js";
 import { ModalDescription, ModalDescriptionProps } from "./client/Modal/ModalDescription.js";
+import { ModalPortal } from "./client/Modal/ModalPortal.js";
 import { ModalTitle, ModalTitleProps } from "./client/Modal/ModalTitle.js";
 import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./client/Modal/UDSModalConfigProvider.js";
 import { PaddleButtonNext, PaddleButtonNextProps } from "./client/PaddleNav/PaddleButtonNext.js";
@@ -80,4 +82,4 @@ import { TooltipContent } from "./client/Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./client/Tooltip/TooltipTrigger.js";
 import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./client/Tooltip/UDSTooltipConfigProvider.js";
 import { Modal, ModalProps } from "./client/Modal/Modal.js";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Banner, BannerContent, type BannerContentProps, BannerDescription, type BannerDescriptionProps, type BannerProps, BannerTitle, type BannerTitleProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, Divider, DividerLabel, type DividerLabelProps, DividerLine, type DividerLineProps, type DividerProps, FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Link, type LinkProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Modal, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, type ModalProps, ModalTitle, type ModalTitleProps, PaddleButtonNext, type PaddleButtonNextProps, PaddleButtonPrevious, type PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, type PaddleNavContentProps, type PaddleNavProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, Scrim, type ScrimProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Text, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, VStack, type VStackProps, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Banner, BannerContent, type BannerContentProps, BannerDescription, type BannerDescriptionProps, type BannerProps, BannerTitle, type BannerTitleProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, Divider, DividerLabel, type DividerLabelProps, DividerLine, type DividerLineProps, type DividerProps, FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Link, type LinkProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Modal, type ModalAPI, ModalActions, type ModalActionsProps, ModalContent, type ModalContentProps, ModalDescription, type ModalDescriptionProps, ModalPortal, type ModalProps, ModalTitle, type ModalTitleProps, PaddleButtonNext, type PaddleButtonNextProps, PaddleButtonPrevious, type PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, type PaddleNavContentProps, type PaddleNavProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, Scrim, type ScrimProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, type TabsVariant, Text, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSModalConfigProvider, type UDSModalConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, VStack, type VStackProps, createModal, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };

package/dist/components/index.js

@@ -40,12 +40,14 @@ import { IconButton } from "./client/IconButton.js";
 import { Input } from "./client/Input/Input.js";
 import { InputHelpText } from "./client/Input/InputHelpText.js";
 import { Menu_index_exports } from "./client/Menu/Menu.index.js";
+import { createModal } from "./client/Modal/createModal.js";
 import { UDSModalConfigProvider, useModalConfig } from "./client/Modal/UDSModalConfigProvider.js";
 import { ModalActions } from "./client/Modal/ModalActions.js";
 import { ModalContent } from "./client/Modal/ModalContent.js";
 import { ModalDescription } from "./client/Modal/ModalDescription.js";
 import { ModalTitle } from "./client/Modal/ModalTitle.js";
 import { Modal } from "./client/Modal/Modal.js";
+import { ModalPortal } from "./client/Modal/ModalPortal.js";
 import { PaddleButtonNext } from "./client/PaddleNav/PaddleButtonNext.js";
 import { PaddleButtonPrevious } from "./client/PaddleNav/PaddleButtonPrevious.js";
 import { PaddleNavContent } from "./client/PaddleNav/PaddleNavContent.js";
@@ -72,4 +74,4 @@ import { ToastPortal } from "./client/Toast/ToastPortal.js";
 import { Tooltip } from "./client/Tooltip/Tooltip.js";
 import { TooltipContent } from "./client/Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./client/Tooltip/TooltipTrigger.js";
-export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerLabel, DividerLine, FormLabel, HStack, Icon, IconButton, Image, Input, InputHelpText, Link, Menu_index_exports as Menu, Modal, ModalActions, ModalContent, ModalDescription, ModalTitle, PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavContent, Popover, PopoverContent, PopoverTrigger, Pressable, Radio, RadioGroupProvider, Scrim, SpringMotionConfig, Switch, Tab, TabList, TabPanel, Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };
+export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerLabel, DividerLine, FormLabel, HStack, Icon, IconButton, Image, Input, InputHelpText, Link, Menu_index_exports as Menu, Modal, ModalActions, ModalContent, ModalDescription, ModalPortal, ModalTitle, PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavContent, Popover, PopoverContent, PopoverTrigger, Pressable, Radio, RadioGroupProvider, Scrim, SpringMotionConfig, Switch, Tab, TabList, TabPanel, Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, createModal, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };

package/dist/css/dist/purger/optimized/purgeFromCode.cjs

@@ -62,13 +62,11 @@ const isUdsComponentModule = (moduleSpecifier) => {
 	return cleaned === "@yahoo/uds" || cleaned.startsWith("@yahoo/uds/");
 };
 /**
-* Normalize component name to match autoVariants keys (fully lowercase, no
-* punctuation). autoVariants keys lowercase the entire component label (e.g.
-* `menucontentSizeRoot`), so full lowercasing keeps the normalized prefix
-* aligned with those keys and makes namespace/flat aliases resolve consistently.
+* Normalize component name to match autoVariants keys (lower camel, no punctuation).
 */
 const normalizeComponentName = (name) => {
-	return name.replace(/\W/g, "").toLowerCase();
+	const cleaned = name.replace(/\W/g, "");
+	return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
 };
 /**
 * Fallback: infer prop -> variant key mapping from autoVariants when the

package/dist/css/dist/purger/optimized/purgeFromCode.js

@@ -61,13 +61,11 @@ const isUdsComponentModule = (moduleSpecifier) => {
 	return cleaned === "@yahoo/uds" || cleaned.startsWith("@yahoo/uds/");
 };
 /**
-* Normalize component name to match autoVariants keys (fully lowercase, no
-* punctuation). autoVariants keys lowercase the entire component label (e.g.
-* `menucontentSizeRoot`), so full lowercasing keeps the normalized prefix
-* aligned with those keys and makes namespace/flat aliases resolve consistently.
+* Normalize component name to match autoVariants keys (lower camel, no punctuation).
 */
 const normalizeComponentName = (name) => {
-	return name.replace(/\W/g, "").toLowerCase();
+	const cleaned = name.replace(/\W/g, "");
+	return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
 };
 /**
 * Fallback: infer prop -> variant key mapping from autoVariants when the

package/dist/index.cjs

@@ -61,12 +61,14 @@ const require_components_client_IconButton = require("./components/client/IconBu
 const require_components_client_Input_Input = require("./components/client/Input/Input.cjs");
 const require_components_client_Input_InputHelpText = require("./components/client/Input/InputHelpText.cjs");
 const require_components_client_Menu_Menu_index = require("./components/client/Menu/Menu.index.cjs");
+const require_components_client_Modal_createModal = require("./components/client/Modal/createModal.cjs");
 const require_components_client_Modal_UDSModalConfigProvider = require("./components/client/Modal/UDSModalConfigProvider.cjs");
 const require_components_client_Modal_ModalActions = require("./components/client/Modal/ModalActions.cjs");
 const require_components_client_Modal_ModalContent = require("./components/client/Modal/ModalContent.cjs");
 const require_components_client_Modal_ModalDescription = require("./components/client/Modal/ModalDescription.cjs");
 const require_components_client_Modal_ModalTitle = require("./components/client/Modal/ModalTitle.cjs");
 const require_components_client_Modal_Modal = require("./components/client/Modal/Modal.cjs");
+const require_components_client_Modal_ModalPortal = require("./components/client/Modal/ModalPortal.cjs");
 const require_components_client_PaddleNav_PaddleButtonNext = require("./components/client/PaddleNav/PaddleButtonNext.cjs");
 const require_components_client_PaddleNav_PaddleButtonPrevious = require("./components/client/PaddleNav/PaddleButtonPrevious.cjs");
 const require_components_client_PaddleNav_PaddleNavContent = require("./components/client/PaddleNav/PaddleNavContent.cjs");
@@ -205,6 +207,7 @@ exports.ModalActions = require_components_client_Modal_ModalActions.ModalActions
 exports.ModalConfig = require_generatedConfigs.ModalConfig;
 exports.ModalContent = require_components_client_Modal_ModalContent.ModalContent;
 exports.ModalDescription = require_components_client_Modal_ModalDescription.ModalDescription;
+exports.ModalPortal = require_components_client_Modal_ModalPortal.ModalPortal;
 exports.ModalTitle = require_components_client_Modal_ModalTitle.ModalTitle;
 exports.OUTLINE_PREFIX = require_index$1.OUTLINE_PREFIX;
 exports.PSEUDO_STYLE_SELECTOR_MAP = require_index$1.PSEUDO_STYLE_SELECTOR_MAP;
@@ -273,6 +276,7 @@ exports.configToUDSConfigContext = require_runtime_udsConfig.configToUDSConfigCo
 exports.createComponentStates = require_index$2.createComponentStates;
 exports.createConfigurableProperty = require_index$2.createConfigurableProperty;
 exports.createLayerConfig = require_index$2.createLayerConfig;
+exports.createModal = require_components_client_Modal_createModal.createModal;
 exports.createSubComponentConfig = require_index$2.createSubComponentConfig;
 exports.createToast = require_components_client_Toast_createToast.createToast;
 exports.createVariantConfig = require_index$2.createVariantConfig;

package/dist/index.d.cts

@@ -81,9 +81,11 @@ import { MenuItemCheckboxProps } from "./components/client/Menu/Menu.ItemCheckbo
 import { MenuPlacement, MenuProviderProps } from "./components/client/Menu/Menu.Provider.cjs";
 import { MenuTriggerProps } from "./components/client/Menu/Menu.Trigger.cjs";
 import { Menu_index_d_exports } from "./components/client/Menu/Menu.index.cjs";
+import { ModalAPI, createModal } from "./components/client/Modal/createModal.cjs";
 import { ModalActions, ModalActionsProps } from "./components/client/Modal/ModalActions.cjs";
 import { ModalContent, ModalContentProps } from "./components/client/Modal/ModalContent.cjs";
 import { ModalDescription, ModalDescriptionProps } from "./components/client/Modal/ModalDescription.cjs";
+import { ModalPortal } from "./components/client/Modal/ModalPortal.cjs";
 import { ModalTitle, ModalTitleProps } from "./components/client/Modal/ModalTitle.cjs";
 import { UDSModalConfigContextType, configToModalConfigContext } from "./runtime/modalConfig.cjs";
 import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./components/client/Modal/UDSModalConfigProvider.cjs";
@@ -122,4 +124,4 @@ import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./compo
 import { SetState } from "./types.cjs";
 import { UDSThemeConfig, UDSThemeConfigInput, UDSThemeContext, defineTheme } from "./css/dist/css/theme.cjs";
 import { Modal, ModalProps } from "./components/client/Modal/Modal.cjs";
-export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, Banner, BannerConfig, BannerContent, BannerContentProps, BannerDescription, BannerDescriptionProps, BannerInnerShadowOption, BannerProps, BannerSize, BannerTitle, BannerTitleProps, BannerVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, BottomSheet, BottomSheetConfig, BottomSheetContent, BottomSheetContentProps, BottomSheetController, BottomSheetDismiss, BottomSheetDismissProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetHeight, BottomSheetProps, BottomSheetProvider, BottomSheetProviderProps, BottomSheetSnapPoints, BottomSheetTrigger, BottomSheetTriggerProps, BottomSheetVariant, Box, BoxProps, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentSchema, ComponentStateConfig, ConfigurableComponentName, ConfigurablePropertiesName, CssStyleObject, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, Divider, DividerConfig, DividerLabel, DividerLabelProps, DividerLine, DividerLineProps, DividerProps, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomInsetShadows, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FocusRingColor, FocusRingConfig, FocusRingModeConfig, FocusRingOffset, FocusRingWidth, FontAlias, FontAxisConfig, FontConfig, FontCssVar, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontUrlConfig, FontUrlMap, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GenericIconComponent, GetMotionVarParams, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPixelSize, IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImageProps, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, LinkTextVariant, LinkVariant, LinkableValue, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MaxLengthArray, Menu_index_d_exports as Menu, MenuContentConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemConfig, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modal, ModalActions, ModalActionsProps, ModalConfig, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalProps, ModalSize, ModalTitle, ModalTitleProps, ModalVariant, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OUTLINE_PREFIX, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, PaddleButtonNext, PaddleButtonNextProps, PaddleButtonPrevious, PaddleButtonPreviousProps, PaddleNav, PaddleNavConfig, PaddleNavContent, PaddleNavContentProps, PaddleNavOrientation, PaddleNavProps, PaddleNavSize, PaddleNavVariant, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Popover, PopoverConfig, PopoverContent, UniversalPopoverContentProps as PopoverContentProps, PopoverPlacement, UniversalPopoverProps as PopoverProps, PopoverSize, PopoverTrigger, UniversalPopoverTriggerProps as PopoverTriggerProps, PopoverVariant, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ResolvedTokensConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SVGElementProps, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, Scrim, ScrimConfig, ScrimProps, SelectedConfigurableProperty, SetState, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumRGB, SpectrumValue, SpectrumValueEntry, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Tab, TabConfig, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsConfig, TabsProps, TabsVariant, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, Toast, ToastConfig, ToastContainer, ToastContainerProps, ToastLoadingPromise, ToastPortal, ToastPortalProps, ToastPosition, ToastProps, ToastSize, ToastVariant, Tooltip, TooltipConfig, TooltipContent, UniversalTooltipContentProps as TooltipContentProps, TooltipPlacement, UniversalTooltipProps as TooltipProps, TooltipSize, TooltipTrigger, UniversalTooltipTriggerProps as TooltipTriggerProps, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDSBottomSheetConfigContextType, UDSBreakpointsConfigContextType, UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, UDSConfigContextType, UDSConfigProvider, UDSConfigProviderProps, UDSModalConfigContextType, UDSModalConfigProvider, UDSModalConfigProviderProps, UDSPopoverConfigContextType, UDSPopoverConfigProvider, UDSPopoverConfigProviderProps, type UDSThemeConfig, type UDSThemeConfigInput, type UDSThemeContext, UDSToastConfigContextType, UDSToastConfigProvider, UDSToastConfigProviderProps, UDSTooltipConfigContextType, UDSTooltipConfigProvider, UDSTooltipConfigProviderProps, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBannerProps, UniversalBottomSheetContentProps, UniversalBottomSheetHeaderProps, UniversalBottomSheetProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalModalActionsProps, UniversalModalContentProps, UniversalModalDescriptionProps, UniversalModalProps, UniversalModalTitleProps, UniversalPaddleButtonProps, UniversalPaddleNavContentProps, UniversalPaddleNavProps, UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTabListProps, UniversalTabPanelProps, UniversalTabProps, UniversalTabsProps, UniversalTabsVariant, UniversalTextProps, UniversalToastProps, UniversalTokensConfig, UniversalTokensConfigAuto, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToModalConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, defineTheme, deprecatedAlwaysPalette, entries, findFixtureType, findFixtureTypeForValue, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, Banner, BannerConfig, BannerContent, BannerContentProps, BannerDescription, BannerDescriptionProps, BannerInnerShadowOption, BannerProps, BannerSize, BannerTitle, BannerTitleProps, BannerVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, BottomSheet, BottomSheetConfig, BottomSheetContent, BottomSheetContentProps, BottomSheetController, BottomSheetDismiss, BottomSheetDismissProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetHeight, BottomSheetProps, BottomSheetProvider, BottomSheetProviderProps, BottomSheetSnapPoints, BottomSheetTrigger, BottomSheetTriggerProps, BottomSheetVariant, Box, BoxProps, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentSchema, ComponentStateConfig, ConfigurableComponentName, ConfigurablePropertiesName, CssStyleObject, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, Divider, DividerConfig, DividerLabel, DividerLabelProps, DividerLine, DividerLineProps, DividerProps, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomInsetShadows, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FocusRingColor, FocusRingConfig, FocusRingModeConfig, FocusRingOffset, FocusRingWidth, FontAlias, FontAxisConfig, FontConfig, FontCssVar, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontUrlConfig, FontUrlMap, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GenericIconComponent, GetMotionVarParams, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPixelSize, IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImageProps, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, LinkTextVariant, LinkVariant, LinkableValue, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MaxLengthArray, Menu_index_d_exports as Menu, MenuContentConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemConfig, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modal, ModalAPI, ModalActions, ModalActionsProps, ModalConfig, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalPortal, ModalProps, ModalSize, ModalTitle, ModalTitleProps, ModalVariant, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OUTLINE_PREFIX, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, PaddleButtonNext, PaddleButtonNextProps, PaddleButtonPrevious, PaddleButtonPreviousProps, PaddleNav, PaddleNavConfig, PaddleNavContent, PaddleNavContentProps, PaddleNavOrientation, PaddleNavProps, PaddleNavSize, PaddleNavVariant, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Popover, PopoverConfig, PopoverContent, UniversalPopoverContentProps as PopoverContentProps, PopoverPlacement, UniversalPopoverProps as PopoverProps, PopoverSize, PopoverTrigger, UniversalPopoverTriggerProps as PopoverTriggerProps, PopoverVariant, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ResolvedTokensConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SVGElementProps, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, Scrim, ScrimConfig, ScrimProps, SelectedConfigurableProperty, SetState, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumRGB, SpectrumValue, SpectrumValueEntry, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Tab, TabConfig, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsConfig, TabsProps, TabsVariant, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, Toast, ToastConfig, ToastContainer, ToastContainerProps, ToastLoadingPromise, ToastPortal, ToastPortalProps, ToastPosition, ToastProps, ToastSize, ToastVariant, Tooltip, TooltipConfig, TooltipContent, UniversalTooltipContentProps as TooltipContentProps, TooltipPlacement, UniversalTooltipProps as TooltipProps, TooltipSize, TooltipTrigger, UniversalTooltipTriggerProps as TooltipTriggerProps, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDSBottomSheetConfigContextType, UDSBreakpointsConfigContextType, UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, UDSConfigContextType, UDSConfigProvider, UDSConfigProviderProps, UDSModalConfigContextType, UDSModalConfigProvider, UDSModalConfigProviderProps, UDSPopoverConfigContextType, UDSPopoverConfigProvider, UDSPopoverConfigProviderProps, type UDSThemeConfig, type UDSThemeConfigInput, type UDSThemeContext, UDSToastConfigContextType, UDSToastConfigProvider, UDSToastConfigProviderProps, UDSTooltipConfigContextType, UDSTooltipConfigProvider, UDSTooltipConfigProviderProps, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBannerProps, UniversalBottomSheetContentProps, UniversalBottomSheetHeaderProps, UniversalBottomSheetProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalModalActionsProps, UniversalModalContentProps, UniversalModalDescriptionProps, UniversalModalProps, UniversalModalTitleProps, UniversalPaddleButtonProps, UniversalPaddleNavContentProps, UniversalPaddleNavProps, UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTabListProps, UniversalTabPanelProps, UniversalTabProps, UniversalTabsProps, UniversalTabsVariant, UniversalTextProps, UniversalToastProps, UniversalTokensConfig, UniversalTokensConfigAuto, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToModalConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createModal, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, defineTheme, deprecatedAlwaysPalette, entries, findFixtureType, findFixtureTypeForValue, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig, variants };

package/dist/index.d.ts

@@ -81,9 +81,11 @@ import { MenuItemCheckboxProps } from "./components/client/Menu/Menu.ItemCheckbo
 import { MenuPlacement, MenuProviderProps } from "./components/client/Menu/Menu.Provider.js";
 import { MenuTriggerProps } from "./components/client/Menu/Menu.Trigger.js";
 import { Menu_index_d_exports } from "./components/client/Menu/Menu.index.js";
+import { ModalAPI, createModal } from "./components/client/Modal/createModal.js";
 import { ModalActions, ModalActionsProps } from "./components/client/Modal/ModalActions.js";
 import { ModalContent, ModalContentProps } from "./components/client/Modal/ModalContent.js";
 import { ModalDescription, ModalDescriptionProps } from "./components/client/Modal/ModalDescription.js";
+import { ModalPortal } from "./components/client/Modal/ModalPortal.js";
 import { ModalTitle, ModalTitleProps } from "./components/client/Modal/ModalTitle.js";
 import { UDSModalConfigContextType, configToModalConfigContext } from "./runtime/modalConfig.js";
 import { UDSModalConfigProvider, UDSModalConfigProviderProps, useModalConfig } from "./components/client/Modal/UDSModalConfigProvider.js";
@@ -122,4 +124,4 @@ import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./compo
 import { SetState } from "./types.js";
 import { UDSThemeConfig, UDSThemeConfigInput, UDSThemeContext, defineTheme } from "./css/dist/css/theme.js";
 import { Modal, ModalProps } from "./components/client/Modal/Modal.js";
-export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, Banner, BannerConfig, BannerContent, BannerContentProps, BannerDescription, BannerDescriptionProps, BannerInnerShadowOption, BannerProps, BannerSize, BannerTitle, BannerTitleProps, BannerVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, BottomSheet, BottomSheetConfig, BottomSheetContent, BottomSheetContentProps, BottomSheetController, BottomSheetDismiss, BottomSheetDismissProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetHeight, BottomSheetProps, BottomSheetProvider, BottomSheetProviderProps, BottomSheetSnapPoints, BottomSheetTrigger, BottomSheetTriggerProps, BottomSheetVariant, Box, BoxProps, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentSchema, ComponentStateConfig, ConfigurableComponentName, ConfigurablePropertiesName, CssStyleObject, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, Divider, DividerConfig, DividerLabel, DividerLabelProps, DividerLine, DividerLineProps, DividerProps, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomInsetShadows, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FocusRingColor, FocusRingConfig, FocusRingModeConfig, FocusRingOffset, FocusRingWidth, FontAlias, FontAxisConfig, FontConfig, FontCssVar, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontUrlConfig, FontUrlMap, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GenericIconComponent, GetMotionVarParams, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPixelSize, IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImageProps, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, LinkTextVariant, LinkVariant, LinkableValue, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MaxLengthArray, Menu_index_d_exports as Menu, MenuContentConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemConfig, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modal, ModalActions, ModalActionsProps, ModalConfig, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalProps, ModalSize, ModalTitle, ModalTitleProps, ModalVariant, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OUTLINE_PREFIX, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, PaddleButtonNext, PaddleButtonNextProps, PaddleButtonPrevious, PaddleButtonPreviousProps, PaddleNav, PaddleNavConfig, PaddleNavContent, PaddleNavContentProps, PaddleNavOrientation, PaddleNavProps, PaddleNavSize, PaddleNavVariant, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Popover, PopoverConfig, PopoverContent, UniversalPopoverContentProps as PopoverContentProps, PopoverPlacement, UniversalPopoverProps as PopoverProps, PopoverSize, PopoverTrigger, UniversalPopoverTriggerProps as PopoverTriggerProps, PopoverVariant, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ResolvedTokensConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SVGElementProps, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, Scrim, ScrimConfig, ScrimProps, SelectedConfigurableProperty, SetState, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumRGB, SpectrumValue, SpectrumValueEntry, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Tab, TabConfig, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsConfig, TabsProps, TabsVariant, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, Toast, ToastConfig, ToastContainer, ToastContainerProps, ToastLoadingPromise, ToastPortal, ToastPortalProps, ToastPosition, ToastProps, ToastSize, ToastVariant, Tooltip, TooltipConfig, TooltipContent, UniversalTooltipContentProps as TooltipContentProps, TooltipPlacement, UniversalTooltipProps as TooltipProps, TooltipSize, TooltipTrigger, UniversalTooltipTriggerProps as TooltipTriggerProps, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDSBottomSheetConfigContextType, UDSBreakpointsConfigContextType, UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, UDSConfigContextType, UDSConfigProvider, UDSConfigProviderProps, UDSModalConfigContextType, UDSModalConfigProvider, UDSModalConfigProviderProps, UDSPopoverConfigContextType, UDSPopoverConfigProvider, UDSPopoverConfigProviderProps, type UDSThemeConfig, type UDSThemeConfigInput, type UDSThemeContext, UDSToastConfigContextType, UDSToastConfigProvider, UDSToastConfigProviderProps, UDSTooltipConfigContextType, UDSTooltipConfigProvider, UDSTooltipConfigProviderProps, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBannerProps, UniversalBottomSheetContentProps, UniversalBottomSheetHeaderProps, UniversalBottomSheetProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalModalActionsProps, UniversalModalContentProps, UniversalModalDescriptionProps, UniversalModalProps, UniversalModalTitleProps, UniversalPaddleButtonProps, UniversalPaddleNavContentProps, UniversalPaddleNavProps, UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTabListProps, UniversalTabPanelProps, UniversalTabProps, UniversalTabsProps, UniversalTabsVariant, UniversalTextProps, UniversalToastProps, UniversalTokensConfig, UniversalTokensConfigAuto, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToModalConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, defineTheme, deprecatedAlwaysPalette, entries, findFixtureType, findFixtureTypeForValue, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, AllPossibleProperties, AllSelectors, AllVariantKeys, AlwaysPaletteAlias, AlwaysPaletteAliasWithPrefix, AlwaysPaletteColor, Animation, AriaAttribute, AutoComponentName, Avatar, AvatarAbbreviationStrategy, AvatarConfig, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarShape, AvatarSize, AvatarSizeConfig, AvatarText, AvatarTextProps, AvatarVariant, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, BackgroundColor, BackgroundPalette, BackgroundPaletteAlias, BackgroundStyleProps, BackwardsCompatibleReactElement, Badge, BadgeConfig, BadgeProps, BadgeSize, BadgeVariant, Banner, BannerConfig, BannerContent, BannerContentProps, BannerDescription, BannerDescriptionProps, BannerInnerShadowOption, BannerProps, BannerSize, BannerTitle, BannerTitleProps, BannerVariant, BaseSelector, BorderRadius, BorderRadiusConfig, BorderStyleProps, BorderWidth, BorderWidthConfig, BorderWidthWithElevation, BottomSheet, BottomSheetConfig, BottomSheetContent, BottomSheetContentProps, BottomSheetController, BottomSheetDismiss, BottomSheetDismissProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetHeight, BottomSheetProps, BottomSheetProvider, BottomSheetProviderProps, BottomSheetSnapPoints, BottomSheetTrigger, BottomSheetTriggerProps, BottomSheetVariant, Box, BoxProps, Breakpoint, BreakpointValue, BreakpointWithBase, BreakpointsConfig, Button, ButtonConfig, ButtonPalette, ButtonPaletteColor, ButtonProps, ButtonSize, ButtonSpectrumColor, ButtonVariant, ButtonVariantFlat, Checkbox, CheckboxConfig, CheckboxProps, CheckboxSize, CheckboxValue, CheckboxVariant, Chip, ChipButton, ChipButtonProps, ChipConfig, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipSize, ChipToggle, ChipToggleProps, ChipVariant, ColorMode, ColorModeConfig, ColorModeForApp, ColorsConfig, ComponentConfig, ComponentSchema, ComponentStateConfig, ConfigurableComponentName, ConfigurablePropertiesName, CssStyleObject, CustomSizingStyleProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, DataAttribute, DeprecatedAlwaysPaletteAlias, Display, Divider, DividerConfig, DividerLabel, DividerLabelProps, DividerLine, DividerLineProps, DividerProps, DividerVariant, ElevationAlias, ElevationBackgroundFillColor, ElevationBorderColor, ElevationConfig, ElevationCustomInsetShadows, ElevationCustomShadows, ElevationGlobalRampConfig, ElevationGlobalRampSettings, ElevationLevel, ElevationPreset, ElevationSurfaceColor, ExtractUrlFromFontFaceRule, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, Flex, FlexAlignContent, FlexAlignItems, FlexAlignSelf, FlexBasis, FlexDirection, FlexGrow, FlexJustifyContent, FlexShrink, FlexStyleProps, FlexWrap, FocusRingColor, FocusRingConfig, FocusRingModeConfig, FocusRingOffset, FocusRingWidth, FontAlias, FontAxisConfig, FontConfig, FontCssVar, FontDeclarationConfig, FontDeclarationItemConfig, FontDeclarationMap, FontFamilyCDNUrl, FontFamilyConfig, FontID, FontSize, FontSizeConfig, FontSlantConfig, FontType, FontUrlConfig, FontUrlMap, FontWeightConfig, FontWeightDescriptive, FontWeightForFont, FontWeightNumeric, FontWidthConfig, ForegroundColor, ForegroundPalette, ForegroundPaletteAlias, FormLabel, FormLabelProps, GenericIconComponent, GetMotionVarParams, GlobalDefaultsConfig, HStack, HStackProps, HighContrastMode, Hue, HueStep, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, IconButtonProps, IconButtonSize, IconPixelSize, IconProps, IconPropsWithSVGProps, IconSize, IconSizeConfig, IconSlotRenderProps, IconVariant, Image, ImageProps, ImagePropsWithImgProps, ImageStyleProps, ImgElementProps, Input, InputConfig, InputHelpText, InputHelpTextProps, InputProps, InputSize, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, LayerConfig, LayoutStyleProps, LineClampAlias, LineColor, LineHeight, LineHeightConfig, LinePalette, LinePaletteAlias, Link, LinkConfig, LinkProps, LinkTextVariant, LinkVariant, LinkableValue, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, MaxLengthArray, Menu_index_d_exports as Menu, MenuContentConfig, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemConfig, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Modal, ModalAPI, ModalActions, ModalActionsProps, ModalConfig, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalPortal, ModalProps, ModalSize, ModalTitle, ModalTitleProps, ModalVariant, Modes, MotionConfig, MotionCssVar, MotionSpringConfig, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, MotionVariantValues, NestedBorderRadiusStyleProps, OUTLINE_PREFIX, OpacityStep, Overflow, PSEUDO_STYLE_SELECTOR_MAP, PaddleButtonNext, PaddleButtonNextProps, PaddleButtonPrevious, PaddleButtonPreviousProps, PaddleNav, PaddleNavConfig, PaddleNavContent, PaddleNavContentProps, PaddleNavOrientation, PaddleNavProps, PaddleNavSize, PaddleNavVariant, Palette, PaletteConfig, PaletteType, PaletteValue, ParentVariantSelector, Percentage, PercentageUnit, PixelsUnit, PlatformMode, Popover, PopoverConfig, PopoverContent, UniversalPopoverContentProps as PopoverContentProps, PopoverPlacement, UniversalPopoverProps as PopoverProps, PopoverSize, PopoverTrigger, UniversalPopoverTriggerProps as PopoverTriggerProps, PopoverVariant, Position, PossibleStates, PossibleStatesWithRest, Pressable, PressableProps, PropertyToPaletteAliasMap, RGBAUnit, RGBColorValue, RGBUnit, Radio, RadioConfig, RadioGroupProvider, RadioGroupProviderProps, RadioProps, RadioSize, RadioValue, RadioVariant, RegionMode, RemsUnit, ResolvedTokensConfig, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SVGElementProps, SYSTEM_COLOR_MODE_CLASSNAME, ScaleConfig, ScaleEffect, ScaleMode, ScaleModeConfig, ScaleModeForApp, Scrim, ScrimConfig, ScrimProps, SelectedConfigurableProperty, SetState, ShadowAlwaysColor, ShadowColor, ShadowColorConfig, ShadowConfig, ShadowOffset, ShadowOpacity, ShadowPalette, ShadowPaletteAlias, ShadowPaletteColor, ShadowPreset, ShadowSpectrumColor, ShadowSpreadRadius, ShadowStyleProps, ShadowType, ShadowTypeConfig, ShadowVariant, ShadowVariantConfig, ShadowVariantInvert, ShadowVariantWithElevation, ShadowVariantWithInvert, SharedPaletteAlias, SizeStyleProps, SpacingAlias, SpacingConfig, SpacingStyleProps, SpectrumColor, SpectrumConfig, SpectrumRGB, SpectrumValue, SpectrumValueEntry, SpringMotionConfig, SpringMotionConfigProps, StateStyleProps, StyleProps, SubComponentConfig, Switch, SwitchConfig, SwitchProps, SwitchSize, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, TShirtSize, TShirtSizeCommon, Tab, TabConfig, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsConfig, TabsProps, TabsVariant, Text, TextDecorationLine, TextProperty, TextProps, TextStyleProps, TextTransform, TextTransformConfig, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, Toast, ToastConfig, ToastContainer, ToastContainerProps, ToastLoadingPromise, ToastPortal, ToastPortalProps, ToastPosition, ToastProps, ToastSize, ToastVariant, Tooltip, TooltipConfig, TooltipContent, UniversalTooltipContentProps as TooltipContentProps, TooltipPlacement, UniversalTooltipProps as TooltipProps, TooltipSize, TooltipTrigger, UniversalTooltipTriggerProps as TooltipTriggerProps, TooltipVariant, TransitionDelay, TransitionDuration, TransitionTiming, TypographyConfig, TypographyResponsiveProperty, TypographyStyle, TypographyStyleProperty, TypographyUnitValue, UDSBottomSheetConfigContextType, UDSBreakpointsConfigContextType, UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, UDSConfigContextType, UDSConfigProvider, UDSConfigProviderProps, UDSModalConfigContextType, UDSModalConfigProvider, UDSModalConfigProviderProps, UDSPopoverConfigContextType, UDSPopoverConfigProvider, UDSPopoverConfigProviderProps, type UDSThemeConfig, type UDSThemeConfigInput, type UDSThemeContext, UDSToastConfigContextType, UDSToastConfigProvider, UDSToastConfigProviderProps, UDSTooltipConfigContextType, UDSTooltipConfigProvider, UDSTooltipConfigProviderProps, UDS_PREFIX, UdsCssVar, UnitlessUnit, UniversalAvatarBaseProps, UniversalAvatarIconProps, UniversalAvatarImageProps, UniversalAvatarProps, UniversalAvatarTextProps, UniversalBadgeProps, UniversalBannerProps, UniversalBottomSheetContentProps, UniversalBottomSheetHeaderProps, UniversalBottomSheetProps, UniversalBoxProps, UniversalButtonProps, UniversalCheckboxProps, UniversalChipBaseProps, UniversalChipButtonProps, UniversalChipDismissibleProps, UniversalChipLinkProps, UniversalChipProps, UniversalChipToggleProps, UniversalDividerProps, UniversalFormLabelProps, UniversalIconButtonProps, UniversalIconProps, UniversalIconSlot, UniversalImageProps, UniversalInputProps, UniversalLinkProps, UniversalMenuItemProps, UniversalModalActionsProps, UniversalModalContentProps, UniversalModalDescriptionProps, UniversalModalProps, UniversalModalTitleProps, UniversalPaddleButtonProps, UniversalPaddleNavContentProps, UniversalPaddleNavProps, UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalPressableProps, UniversalRadioGroupProps, UniversalRadioProps, UniversalStackProps, UniversalSwitchProps, UniversalTabListProps, UniversalTabPanelProps, UniversalTabProps, UniversalTabsProps, UniversalTabsVariant, UniversalTextProps, UniversalToastProps, UniversalTokensConfig, UniversalTokensConfigAuto, UniversalTokensConfigAutoBase, UniversalTokensConfigBase, UniversalTokensConfigGeneric, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps, VStack, VStackProps, VariantConfig, VariantConfigWithComponentStates, VariantConfigWithProperties, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToModalConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createModal, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, defineTheme, deprecatedAlwaysPalette, entries, findFixtureType, findFixtureTypeForValue, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig, variants };

package/dist/index.js

@@ -60,12 +60,14 @@ import { IconButton } from "./components/client/IconButton.js";
 import { Input } from "./components/client/Input/Input.js";
 import { InputHelpText } from "./components/client/Input/InputHelpText.js";
 import { Menu_index_exports } from "./components/client/Menu/Menu.index.js";
+import { createModal } from "./components/client/Modal/createModal.js";
 import { UDSModalConfigProvider, useModalConfig } from "./components/client/Modal/UDSModalConfigProvider.js";
 import { ModalActions } from "./components/client/Modal/ModalActions.js";
 import { ModalContent } from "./components/client/Modal/ModalContent.js";
 import { ModalDescription } from "./components/client/Modal/ModalDescription.js";
 import { ModalTitle } from "./components/client/Modal/ModalTitle.js";
 import { Modal } from "./components/client/Modal/Modal.js";
+import { ModalPortal } from "./components/client/Modal/ModalPortal.js";
 import { PaddleButtonNext } from "./components/client/PaddleNav/PaddleButtonNext.js";
 import { PaddleButtonPrevious } from "./components/client/PaddleNav/PaddleButtonPrevious.js";
 import { PaddleNavContent } from "./components/client/PaddleNav/PaddleNavContent.js";
@@ -107,4 +109,4 @@ import { configToToastConfigContext } from "./runtime/toastConfig.js";
 import { configToTooltipConfigContext } from "./runtime/tooltipConfig.js";
 import { configToUDSConfigContext } from "./runtime/udsConfig.js";
 import { defineTheme } from "./css/dist/css/theme.js";
-export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, Avatar, AvatarConfig, AvatarIcon, AvatarImage, AvatarText, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, Badge, BadgeConfig, Banner, BannerConfig, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetConfig, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, ButtonConfig, Checkbox, CheckboxConfig, Chip, ChipButton, ChipConfig, ChipDismissible, ChipLink, ChipToggle, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, Divider, DividerConfig, DividerLabel, DividerLine, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, FormLabel, HStack, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, Image, Input, InputConfig, InputHelpText, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, Link, LinkConfig, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_exports as Menu, MenuContentConfig, MenuItemConfig, Modal, ModalActions, ModalConfig, ModalContent, ModalDescription, ModalTitle, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavConfig, PaddleNavContent, Popover, PopoverConfig, PopoverContent, PopoverTrigger, Pressable, Radio, RadioConfig, RadioGroupProvider, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, Scrim, ScrimConfig, SpringMotionConfig, Switch, SwitchConfig, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, Tab, TabConfig, TabList, TabPanel, Tabs, TabsConfig, Text, Toast, ToastConfig, ToastContainer, ToastPortal, Tooltip, TooltipConfig, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, UDS_PREFIX, VStack, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToModalConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, defineTheme, deprecatedAlwaysPalette, entries, findFixtureType, findFixtureTypeForValue, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig, variants };
+export { ALWAYS_PREFIX, AVATAR_SIZE_PREFIX, Avatar, AvatarConfig, AvatarIcon, AvatarImage, AvatarText, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, Badge, BadgeConfig, Banner, BannerConfig, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetConfig, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, ButtonConfig, Checkbox, CheckboxConfig, Chip, ChipButton, ChipConfig, ChipDismissible, ChipLink, ChipToggle, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, DROP_SHADOW_PREFIX, Divider, DividerConfig, DividerLabel, DividerLine, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, FormLabel, HStack, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, Icon, IconButton, IconButtonConfig, Image, Input, InputConfig, InputHelpText, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, Link, LinkConfig, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, Menu_index_exports as Menu, MenuContentConfig, MenuItemConfig, Modal, ModalActions, ModalConfig, ModalContent, ModalDescription, ModalPortal, ModalTitle, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavConfig, PaddleNavContent, Popover, PopoverConfig, PopoverContent, PopoverTrigger, Pressable, Radio, RadioConfig, RadioGroupProvider, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, Scrim, ScrimConfig, SpringMotionConfig, Switch, SwitchConfig, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, Tab, TabConfig, TabList, TabPanel, Tabs, TabsConfig, Text, Toast, ToastConfig, ToastContainer, ToastPortal, Tooltip, TooltipConfig, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, UDS_PREFIX, VStack, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, buildConfigSchema, cartesianProduct, coalesceConfigVariant, configToBottomSheetConfigContext, configToBreakpointsConfigContext, configToModalConfigContext, configToPopoverConfigContext, configToToastConfigContext, configToTooltipConfigContext, configToUDSConfigContext, createComponentStates, createConfigurableProperty, createLayerConfig, createModal, createSubComponentConfig, createToast, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, cva, cx, defineTheme, deprecatedAlwaysPalette, entries, findFixtureType, findFixtureTypeForValue, fontUrls, fromEntries, generateClassName, generateConfigStyles, generateDeclaration, generateDefaultClassName, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getFontUrls, getFontUrlsByIds, getMotionVar, getShadowLayerValue, getStyles, getStylesCacheKeySymbol, isConfigDefaultValue, mapValues, newAlwaysPalette, parseButtonVariantFlat, shadow, spectrumRgbToString, statePseudoMapDocsMode, textVariantsSafe, toRgbChannel, toSpectrumValueEntry, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig, variants };

package/dist/styles/styler.d.cts

@@ -33,8 +33,8 @@ declare const getStylesInternal: (props?: ({
   bottomsheetVariantRoot?: "default" | undefined;
   buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
   buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
-  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
-  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
+  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
   checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
   checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -197,7 +197,7 @@ declare const getStylesInternal: (props?: ({
   fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "center" | "justify" | "start" | "end" | undefined;
+  textAlign?: "center" | "start" | "end" | "justify" | undefined;
   textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;

package/dist/styles/styler.d.ts

@@ -33,8 +33,8 @@ declare const getStylesInternal: (props?: ({
   bottomsheetVariantRoot?: "default" | undefined;
   buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
   buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "default" | undefined;
-  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
-  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "default" | "alert-tertiary" | "brand-tertiary" | "contrast-high" | "contrast-low" | "contrast-medium" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
+  buttonVariantRoot?: "primary" | "secondary" | "brand" | "alert" | "positive" | "warning" | "info" | "brand-secondary" | "alert-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "tertiary" | "contrast-high" | "contrast-medium" | "contrast-low" | "brand-tertiary" | "alert-tertiary" | "positive-tertiary" | "warning-tertiary" | "info-tertiary" | "default" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | "default" | undefined;
   checkboxSizeRoot?: "sm" | "md" | "default" | undefined;
   checkboxVariantCheckbox?: "primary" | "secondary" | "alert" | "alert-secondary" | "default" | undefined;
@@ -197,7 +197,7 @@ declare const getStylesInternal: (props?: ({
   fontWeight?: "black" | "thin" | "medium" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "center" | "justify" | "start" | "end" | undefined;
+  textAlign?: "center" | "start" | "end" | "justify" | undefined;
   textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;

package/dist/types/dist/index.d.cts

@@ -515,6 +515,8 @@ interface UniversalIconButtonProps<Icon = GenericIconComponent> {
   loading?: boolean;
   /** Disable motion effects (scale on press, icon animations). @default false */
   disableEffects?: boolean;
+  /** Merge props onto the immediate child element instead of rendering a wrapper. @default false */
+  asChild?: boolean;
 }
 interface UniversalButtonProps<IconSlotType = UniversalIconSlot> extends Pick<SizeStyleProps, 'width'> {
   /** The visual style variant of the button. */

package/dist/types/dist/index.d.ts

@@ -515,6 +515,8 @@ interface UniversalIconButtonProps<Icon = GenericIconComponent> {
   loading?: boolean;
   /** Disable motion effects (scale on press, icon animations). @default false */
   disableEffects?: boolean;
+  /** Merge props onto the immediate child element instead of rendering a wrapper. @default false */
+  asChild?: boolean;
 }
 interface UniversalButtonProps<IconSlotType = UniversalIconSlot> extends Pick<SizeStyleProps, 'width'> {
   /** The visual style variant of the button. */