@yahoo/uds 3.151.0 → 3.152.1

package/dist/uds/generated/componentData.cjs

@@ -502,7 +502,10 @@ var componentData_default = {
 			"withIcon",
 			"uds-button-with-gap",
 			"animate-spin",
-			"truncate"
+			"truncate",
+			"flex",
+			"overflow-clip",
+			"uds-button-icon-container"
 		],
 		"internalComponents": [
 			"Icon",
@@ -553,10 +556,12 @@ var componentData_default = {
 			"uds-ring-within",
 			"transition-[background-color,border-color,box-shadow]",
 			"pointer-events-none",
+			"opacity-0",
+			"opacity-55",
+			"opacity-100",
 			"transition-opacity",
 			"cursor-[inherit]",
 			"absolute",
-			"opacity-0",
 			"top-1/2",
 			"left-1/2",
 			"w-[calc(100%+2px)]",
@@ -632,13 +637,19 @@ var componentData_default = {
 		],
 		"internalComponents": [
 			"Icon",
+			"AnimatePresence",
 			"SpringMotionConfig",
-			"AnimatePresence"
+			"MotionSlot"
 		],
 		"internalComponentProps": {
 			"Icon": { "color": ["current"] },
+			"AnimatePresence": { "mode": ["popLayout"] },
 			"SpringMotionConfig": { "layoutSpeed": ["3"] },
-			"AnimatePresence": { "mode": ["popLayout"] }
+			"MotionSlot": {
+				"initial": ["icon"],
+				"whileHover": ["hover"],
+				"whileTap": ["pressed"]
+			}
 		},
 		"propToVariantKeys": {
 			"size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
@@ -938,76 +949,79 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheet: {
-		"name": "BottomSheet",
-		"defaultProps": { "variant": "default" },
+	"Menu.Content": {
+		"name": "Menu.Content",
+		"defaultProps": {
+			"size": "default",
+			"variant": "default",
+			"gutter": "1"
+		},
 		"getStylesLiterals": {},
 		"cxLiterals": [
-			"fixed",
-			"overflow-hidden",
-			"inset-x-0",
-			"bottom-0",
-			"z-50",
-			"[will-change:transform]",
-			"touch-none",
-			"[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
-			"data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
-			"transition-transform",
-			"duration-500",
-			"ease-[cubic-bezier(0.32,0.72,0,1)]",
-			"motion-reduce:transition-none",
-			"top-[-4px]",
-			"z-[1]",
-			"touch-pan-y"
+			"uds-menu-content",
+			"transition-shadow",
+			"duration-200",
+			"ease-in-out",
+			"min-w-60",
+			"max-w-lg",
+			"max-h-96",
+			"overflow-auto",
+			"uds-ring",
+			"z-10",
+			"group"
 		],
 		"internalComponents": [
-			"Scrim",
-			"BottomSheetHandle",
-			"Dialog",
-			"Box",
-			"BottomSheetInternalContext.Provider"
+			"AriakitMenu",
+			"AnimatePresence",
+			"MotionVStack"
 		],
-		"internalComponentProps": {
-			"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
-			"Dialog": { "data-testid": ["bottom-sheet"] },
-			"Box": {
-				"display": ["block", "flex"],
-				"position": ["absolute"],
-				"flexDirection": ["column"],
-				"className": ["absolute inset-0 min-h-0 p-[inherit]"]
-			}
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"size": ["menucontentSizeRoot"],
+			"variant": ["menucontentVariantRoot"]
 		},
-		"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetContent: {
-		"name": "BottomSheetContent",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": ["min-h-0", "touch-pan-y"],
-		"internalComponents": ["Box", "VStack"],
-		"internalComponentProps": {
-			"Box": {
-				"display": ["block"],
-				"flex": ["1"]
-			},
-			"VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
+	"Menu.Divider": {
+		"name": "Menu.Divider",
+		"defaultProps": {
+			"role": "separator",
+			"contentPosition": "start",
+			"gap": "4"
+		},
+		"getStylesLiterals": {
+			"menuitemDividerVariantRoot": "default",
+			"menuitemDividerVariantText": "default",
+			"menuitemDividerVariantLine": "default"
 		},
+		"cxLiterals": [],
+		"internalComponents": ["Divider"],
+		"internalComponentProps": { "Divider": { "variant": ["inherit"] } },
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetDismiss: {
-		"name": "BottomSheetDismiss",
+	"Menu.Item": {
+		"name": "Menu.Item",
 		"defaultProps": {},
-		"getStylesLiterals": {},
+		"getStylesLiterals": {
+			"menuitemItemVariantRoot": "default",
+			"menuitemItemVariantActiveRoot": "on",
+			"menuitemItemVariantActiveRoot:1": "off",
+			"menuitemItemVariantText": "default",
+			"menuitemItemVariantActiveText": "on",
+			"menuitemItemVariantActiveText:1": "off",
+			"menuitemItemVariantIcon": "default",
+			"menuitemItemVariantActiveIcon": "on",
+			"menuitemItemVariantActiveIcon:1": "off"
+		},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogDismiss"],
+		"internalComponents": ["MenuItemBase"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1015,80 +1029,87 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetHandle: {
-		"name": "BottomSheetHandle",
-		"defaultProps": { "variant": "default" },
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"relative",
-			"h-5",
-			"w-16",
-			"outline-none",
-			"focus-visible:outline-none",
-			"[touch-action:pan-y]",
-			"absolute",
-			"left-1/2",
-			"top-1/2",
-			"-translate-x-1/2",
-			"-translate-y-1/2",
-			"h-1",
-			"w-8",
-			"rounded-full"
-		],
-		"internalComponents": ["Box"],
-		"internalComponentProps": { "Box": {
-			"display": ["block", "flex"],
-			"justifyContent": ["center"]
-		} },
-		"propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BottomSheetHeader: {
-		"name": "BottomSheetHeader",
-		"defaultProps": { "variant": "default" },
-		"getStylesLiterals": {},
+	"Menu.ItemBase": {
+		"name": "Menu.ItemBase",
+		"defaultProps": {
+			"spacing": "0",
+			"spacingHorizontal": "4",
+			"spacingVertical": "3.5",
+			"columnGap": "2",
+			"alignItems": "center",
+			"justifyContent": "space-between"
+		},
+		"getStylesLiterals": {
+			"textAlign": "start",
+			"menuitemSizeRoot": "default",
+			"flexDirection": "row",
+			"menuitemSizeStartIcon": "default",
+			"menuitemSizeEndIcon": "default"
+		},
 		"cxLiterals": [
-			"grid-cols-[40px_1fr_40px]",
-			"items-center",
-			"w-full",
-			"min-h-10",
-			"mt-2"
+			"uds-menu-item",
+			"flex",
+			"focus-visible:text-brand",
+			"focus-visible:bg-brand-secondary",
+			"focus-visible:z-10",
+			"uds-ring",
+			"!-outline-offset-2",
+			"[&:not([aria-checked])]:cursor-default",
+			"opacity-25",
+			"cursor-not-allowed",
+			"duration-20",
+			"transition-[font-variation-settings]",
+			"ease-in-out",
+			"z-0",
+			"truncate",
+			"uds-start-icon",
+			"uds-end-icon"
 		],
 		"internalComponents": [
-			"Box",
-			"Text",
-			"DialogHeading"
+			"Pressable",
+			"IconSlot",
+			"RootComponent",
+			"HStack",
+			"AnimatePresence"
 		],
 		"internalComponentProps": {
-			"Box": {
-				"className": ["h-10 w-10 opacity-0 pointer-events-none"],
-				"display": ["grid", "flex"],
-				"justifyContent": ["flex-start", "flex-end"]
-			},
-			"Text": {
-				"as": ["p"],
-				"variant": ["inherit"],
-				"color": ["inherit"],
-				"textAlign": ["center"],
-				"className": ["m-0 w-full"]
+			"HStack": {
+				"alignItems": ["center"],
+				"width": ["full"]
 			},
-			"DialogHeading": { "role": ["heading"] }
+			"AnimatePresence": { "mode": ["popLayout"] }
+		},
+		"propToVariantKeys": {
+			"startIconClassName": ["className"],
+			"endIconClassName": ["className"],
+			"startIcon": ["icon"],
+			"endIcon": ["icon"],
+			"columnGap": ["gap"]
 		},
-		"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetInternalContext: {
-		"name": "BottomSheetInternalContext",
+	"Menu.ItemCheckbox": {
+		"name": "Menu.ItemCheckbox",
 		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [],
+		"getStylesLiterals": {
+			"menuitemItemCheckboxVariantRoot": "default",
+			"menuitemItemCheckboxVariantActiveRoot": "on",
+			"menuitemItemCheckboxVariantActiveRoot:1": "off",
+			"menuitemItemCheckboxVariantText": "default",
+			"menuitemItemCheckboxVariantActiveText": "on",
+			"menuitemItemCheckboxVariantActiveText:1": "off",
+			"menuitemItemCheckboxVariantStartIcon": "default",
+			"menuitemItemCheckboxVariantActiveStartIcon": "on",
+			"menuitemItemCheckboxVariantActiveStartIcon:1": "off",
+			"menuitemItemCheckboxVariantEndIcon": "default",
+			"menuitemItemCheckboxVariantActiveEndIcon": "on",
+			"menuitemItemCheckboxVariantActiveEndIcon:1": "off"
+		},
+		"cxLiterals": ["uds-menu-item-checkbox"],
+		"internalComponents": ["MenuItemBase"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1096,25 +1117,38 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetProvider: {
-		"name": "BottomSheetProvider",
+	"Menu.Provider": {
+		"name": "Menu.Provider",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogProvider"],
+		"internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
+		"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
 	},
-	BottomSheetTrigger: {
-		"name": "BottomSheetTrigger",
+	"Menu.Trigger": {
+		"name": "Menu.Trigger",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": ["uds-menu-trigger"],
+		"internalComponents": ["AriakitMenuTrigger", "Box"],
+		"internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	"Menu.index": {
+		"name": "Menu.index",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogDisclosure"],
+		"internalComponents": [],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1122,12 +1156,12 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	UDSBottomSheetConfigProvider: {
-		"name": "UDSBottomSheetConfigProvider",
+	Menu: {
+		"name": "Menu",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["BottomSheetContext.Provider"],
+		"internalComponents": [],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1265,65 +1299,59 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ManagedModal: {
-		"name": "ManagedModal",
+	Popover: {
+		"name": "Popover",
 		"defaultProps": {},
 		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [
-			"Modal",
-			"ModalTitle",
-			"ModalDescription",
-			"ModalContent",
-			"ModalActions"
-		],
+		"cxLiterals": ["uds:popover-open"],
+		"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
+			"size": "popover.defaultSize",
+			"variant": "popover.defaultVariant"
 		},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Modal: {
-		"name": "Modal",
-		"defaultProps": {
-			"closeAriaLabel": "Close",
-			"maxWidth": "auto",
-			"maxHeight": "auto",
-			"scrollBehavior": "outside"
-		},
+	PopoverContent: {
+		"name": "PopoverContent",
+		"defaultProps": {},
 		"getStylesLiterals": {
-			"flexDirection": "row-reverse",
-			"justifyContent": "space-between",
-			"alignItems": "flex-end",
-			"alignItems:1": "flex-start",
-			"borderRadius": "full"
+			"popoverSizeRoot": "default",
+			"popoverVariantRoot": "default",
+			"display": "flex",
+			"position": "relative",
+			"display:1": "block",
+			"spacingTop": "0",
+			"spacingStart": "0",
+			"spacingBottom": "0",
+			"spacingEnd": "0",
+			"popoverSizeSvgBase": "default",
+			"popoverVariantSvgBase": "default",
+			"popoverSizeSvgBorder": "default",
+			"popoverVariantSvgBorder": "default",
+			"popoverVariantBlur": "default",
+			"position:1": "absolute",
+			"width": "full",
+			"height": "full",
+			"flexShrink": "0",
+			"borderRadius": "full",
+			"alignItems": "center",
+			"justifyContent": "center",
+			"popoverVariantCloseIcon": "default",
+			"popoverSizeCloseIcon": "default"
 		},
 		"cxLiterals": [
-			"fixed",
-			"inset-0",
-			"z-40",
-			"overflow-y-auto",
-			"overflow-hidden",
-			"transition-[opacity,visibility]",
-			"visible",
-			"opacity-100",
-			"invisible",
-			"opacity-0",
-			"pointer-events-none",
+			"z-[9999]",
+			"outline-none",
+			"focus-visible:outline-none",
+			"uds-bgBlurFillFallback",
 			"uds-bgBlurFallback",
-			"w-full",
-			"w-fit",
-			"h-full",
-			"h-fit",
-			"m-auto",
-			"pointer-events-auto",
-			"inside",
-			"max-h-full",
-			"transition-transform",
+			"top-0",
+			"left-0",
+			"z-[1]",
 			"duration-0",
 			"duration-120",
 			"transition-[background-color]",
@@ -1331,101 +1359,35 @@ var componentData_default = {
 			"hover:bg-carbon-15/10",
 			"active:bg-carbon-15/15",
 			"uds-ring",
-			"[translate:50%_-50%]"
+			"absolute",
+			"z-[4]"
 		],
 		"internalComponents": [
-			"Scrim",
-			"VStack",
-			"Pressable",
+			"PopoverDismiss",
 			"IconSlot",
+			"PopoverArrow",
+			"Popover",
+			"SvgFloatingOverlay",
 			"Box",
-			"Dialog",
-			"ModalContext.Provider",
-			"HStack",
-			"DialogDismiss",
-			"ModalTitle",
-			"ModalDescription",
-			"ModalContent",
-			"ModalActions"
+			"Pressable"
 		],
-		"internalComponentProps": { "Box": { "flexGrow": ["1"] } },
-		"propToVariantKeys": {
-			"gutter": ["spacing"],
-			"size": [
-				"modalSizeRoot",
-				"modalSizeSpacingHorizontal",
-				"modalSizeHeader",
-				"modalSizeTitleDescriptionWrapper",
-				"modalSizeCloseIconContainer",
-				"modalSizeCloseIcon"
-			],
-			"variant": ["modalVariantRoot", "modalVariantCloseIcon"],
-			"closeAriaLabel": ["aria-label"],
-			"closeIcon": ["icon"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"spacing": ["modal.gutter.${size}"],
-			"modalSizeRoot": ["modal.defaultSize"],
-			"modalVariantRoot": ["modal.defaultVariant"],
-			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
-			"modalSizeHeader": ["modal.defaultSize"],
-			"modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
-			"modalSizeCloseIconContainer": ["modal.defaultSize"],
-			"modalSizeCloseIcon": ["modal.defaultSize"],
-			"modalVariantCloseIcon": ["modal.defaultVariant"]
-		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalActions: {
-		"name": "ModalActions",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"flexDirection": "row-reverse",
-			"justifyContent": "space-between",
-			"alignItems": "center"
-		},
-		"cxLiterals": ["gap-[inherit]"],
-		"internalComponents": ["HStack"],
 		"internalComponentProps": {},
-		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
+		"propToVariantKeys": { "closeIcon": ["icon"] },
 		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
+			"size": "popover.defaultSize",
+			"variant": "popover.defaultVariant"
 		},
 		"runtimeConfigGetStyles": {
-			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
-			"modalSizeActions": ["modal.defaultSize"]
-		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalContent: {
-		"name": "ModalContent",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"overflowY": "auto",
-			"display": "block",
-			"flexGrow": "1"
-		},
-		"cxLiterals": [],
-		"internalComponents": ["Box"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
+			"spacingTop": ["popover.spacingVertical.${size}"],
+			"spacingStart": ["popover.spacingHorizontal.${size}"],
+			"spacingBottom": ["popover.spacingVertical.${size}"],
+			"spacingEnd": ["popover.spacingHorizontal.${size}"]
 		},
-		"runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
-		"runtimeConfigInternalComponentProps": {},
+		"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
 		"motionVarPrefixes": []
 	},
-	ModalContext: {
-		"name": "ModalContext",
+	PopoverContext: {
+		"name": "PopoverContext",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
@@ -1437,34 +1399,25 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ModalDescription: {
-		"name": "ModalDescription",
+	PopoverTrigger: {
+		"name": "PopoverTrigger",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["Text", "DialogDescription"],
-		"internalComponentProps": { "Text": { "as": ["span"] } },
-		"propToVariantKeys": {
-			"size": ["modalSizeDescription"],
-			"variant": ["modalVariantDescription"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"modalSizeDescription": ["modal.defaultSize"],
-			"modalVariantDescription": ["modal.defaultVariant"]
-		},
+		"internalComponents": ["PopoverDisclosure"],
+		"internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
+		"propToVariantKeys": { "children": ["render"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ModalPortal: {
-		"name": "ModalPortal",
+	UDSPopoverConfigProvider: {
+		"name": "UDSPopoverConfigProvider",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["ManagedModal"],
+		"internalComponents": ["PopoverContext.Provider"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1472,267 +1425,12 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ModalTitle: {
-		"name": "ModalTitle",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["Text", "DialogHeading"],
-		"internalComponentProps": { "Text": { "as": ["span"] } },
-		"propToVariantKeys": {
-			"size": ["modalSizeTitle"],
-			"variant": ["modalVariantTitle"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"modalSizeTitle": ["modal.defaultSize"],
-			"modalVariantTitle": ["modal.defaultVariant"]
-		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSModalConfigProvider: {
-		"name": "UDSModalConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ModalContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.Content": {
-		"name": "Menu.Content",
-		"defaultProps": {
-			"size": "default",
-			"variant": "default",
-			"gutter": "1"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"uds-menu-content",
-			"transition-shadow",
-			"duration-200",
-			"ease-in-out",
-			"min-w-60",
-			"max-w-lg",
-			"max-h-96",
-			"overflow-auto",
-			"uds-ring",
-			"z-10",
-			"group"
-		],
-		"internalComponents": [
-			"AriakitMenu",
-			"AnimatePresence",
-			"MotionVStack"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {
-			"size": ["menucontentSizeRoot"],
-			"variant": ["menucontentVariantRoot"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.Divider": {
-		"name": "Menu.Divider",
-		"defaultProps": {
-			"role": "separator",
-			"contentPosition": "start",
-			"gap": "4"
-		},
-		"getStylesLiterals": {
-			"menuitemDividerVariantRoot": "default",
-			"menuitemDividerVariantText": "default",
-			"menuitemDividerVariantLine": "default"
-		},
-		"cxLiterals": [],
-		"internalComponents": ["Divider"],
-		"internalComponentProps": { "Divider": { "variant": ["inherit"] } },
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.Item": {
-		"name": "Menu.Item",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"menuitemItemVariantRoot": "default",
-			"menuitemItemVariantActiveRoot": "on",
-			"menuitemItemVariantActiveRoot:1": "off",
-			"menuitemItemVariantText": "default",
-			"menuitemItemVariantActiveText": "on",
-			"menuitemItemVariantActiveText:1": "off",
-			"menuitemItemVariantIcon": "default",
-			"menuitemItemVariantActiveIcon": "on",
-			"menuitemItemVariantActiveIcon:1": "off"
-		},
-		"cxLiterals": [],
-		"internalComponents": ["MenuItemBase"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.ItemBase": {
-		"name": "Menu.ItemBase",
-		"defaultProps": {
-			"spacing": "0",
-			"spacingHorizontal": "4",
-			"spacingVertical": "3.5",
-			"columnGap": "2",
-			"alignItems": "center",
-			"justifyContent": "space-between"
-		},
-		"getStylesLiterals": {
-			"textAlign": "start",
-			"menuitemSizeRoot": "default",
-			"flexDirection": "row",
-			"menuitemSizeStartIcon": "default",
-			"menuitemSizeEndIcon": "default"
-		},
-		"cxLiterals": [
-			"uds-menu-item",
-			"flex",
-			"focus-visible:text-brand",
-			"focus-visible:bg-brand-secondary",
-			"focus-visible:z-10",
-			"uds-ring",
-			"!-outline-offset-2",
-			"[&:not([aria-checked])]:cursor-default",
-			"opacity-25",
-			"cursor-not-allowed",
-			"duration-20",
-			"transition-[font-variation-settings]",
-			"ease-in-out",
-			"z-0",
-			"truncate",
-			"uds-start-icon",
-			"uds-end-icon"
-		],
-		"internalComponents": [
-			"Pressable",
-			"IconSlot",
-			"RootComponent",
-			"HStack",
-			"AnimatePresence"
-		],
-		"internalComponentProps": {
-			"HStack": {
-				"alignItems": ["center"],
-				"width": ["full"]
-			},
-			"AnimatePresence": { "mode": ["popLayout"] }
-		},
-		"propToVariantKeys": {
-			"startIconClassName": ["className"],
-			"endIconClassName": ["className"],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"],
-			"columnGap": ["gap"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.ItemCheckbox": {
-		"name": "Menu.ItemCheckbox",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"menuitemItemCheckboxVariantRoot": "default",
-			"menuitemItemCheckboxVariantActiveRoot": "on",
-			"menuitemItemCheckboxVariantActiveRoot:1": "off",
-			"menuitemItemCheckboxVariantText": "default",
-			"menuitemItemCheckboxVariantActiveText": "on",
-			"menuitemItemCheckboxVariantActiveText:1": "off",
-			"menuitemItemCheckboxVariantStartIcon": "default",
-			"menuitemItemCheckboxVariantActiveStartIcon": "on",
-			"menuitemItemCheckboxVariantActiveStartIcon:1": "off",
-			"menuitemItemCheckboxVariantEndIcon": "default",
-			"menuitemItemCheckboxVariantActiveEndIcon": "on",
-			"menuitemItemCheckboxVariantActiveEndIcon:1": "off"
-		},
-		"cxLiterals": ["uds-menu-item-checkbox"],
-		"internalComponents": ["MenuItemBase"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.Provider": {
-		"name": "Menu.Provider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
-	},
-	"Menu.Trigger": {
-		"name": "Menu.Trigger",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": ["uds-menu-trigger"],
-		"internalComponents": ["AriakitMenuTrigger", "Box"],
-		"internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.index": {
-		"name": "Menu.index",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Menu: {
-		"name": "Menu",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Input: {
-		"name": "Input",
-		"defaultProps": {
-			"type": "text",
-			"size": "md",
-			"width": "full"
+	Input: {
+		"name": "Input",
+		"defaultProps": {
+			"type": "text",
+			"size": "md",
+			"width": "full"
 		},
 		"getStylesLiterals": {
 			"inputVariantRoot": "default",
@@ -1857,6 +1555,203 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
+	BottomSheet: {
+		"name": "BottomSheet",
+		"defaultProps": { "variant": "default" },
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"fixed",
+			"overflow-hidden",
+			"inset-x-0",
+			"bottom-0",
+			"z-50",
+			"[will-change:transform]",
+			"touch-none",
+			"[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
+			"data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
+			"transition-transform",
+			"duration-500",
+			"ease-[cubic-bezier(0.32,0.72,0,1)]",
+			"motion-reduce:transition-none",
+			"top-[-4px]",
+			"z-[1]",
+			"touch-pan-y"
+		],
+		"internalComponents": [
+			"Scrim",
+			"BottomSheetHandle",
+			"Dialog",
+			"Box",
+			"BottomSheetInternalContext.Provider"
+		],
+		"internalComponentProps": {
+			"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
+			"Dialog": { "data-testid": ["bottom-sheet"] },
+			"Box": {
+				"display": ["block", "flex"],
+				"position": ["absolute"],
+				"flexDirection": ["column"],
+				"className": ["absolute inset-0 min-h-0 p-[inherit]"]
+			}
+		},
+		"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetContent: {
+		"name": "BottomSheetContent",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": ["min-h-0", "touch-pan-y"],
+		"internalComponents": ["Box", "VStack"],
+		"internalComponentProps": {
+			"Box": {
+				"display": ["block"],
+				"flex": ["1"]
+			},
+			"VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
+		},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetDismiss: {
+		"name": "BottomSheetDismiss",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["AriakitDialogDismiss"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetHandle: {
+		"name": "BottomSheetHandle",
+		"defaultProps": { "variant": "default" },
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"relative",
+			"h-5",
+			"w-16",
+			"outline-none",
+			"focus-visible:outline-none",
+			"[touch-action:pan-y]",
+			"absolute",
+			"left-1/2",
+			"top-1/2",
+			"-translate-x-1/2",
+			"-translate-y-1/2",
+			"h-1",
+			"w-8",
+			"rounded-full"
+		],
+		"internalComponents": ["Box"],
+		"internalComponentProps": { "Box": {
+			"display": ["block", "flex"],
+			"justifyContent": ["center"]
+		} },
+		"propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetHeader: {
+		"name": "BottomSheetHeader",
+		"defaultProps": { "variant": "default" },
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"grid-cols-[40px_1fr_40px]",
+			"items-center",
+			"w-full",
+			"min-h-10",
+			"mt-2"
+		],
+		"internalComponents": [
+			"Box",
+			"Text",
+			"DialogHeading"
+		],
+		"internalComponentProps": {
+			"Box": {
+				"className": ["h-10 w-10 opacity-0 pointer-events-none"],
+				"display": ["grid", "flex"],
+				"justifyContent": ["flex-start", "flex-end"]
+			},
+			"Text": {
+				"as": ["p"],
+				"variant": ["inherit"],
+				"color": ["inherit"],
+				"textAlign": ["center"],
+				"className": ["m-0 w-full"]
+			},
+			"DialogHeading": { "role": ["heading"] }
+		},
+		"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetInternalContext: {
+		"name": "BottomSheetInternalContext",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetProvider: {
+		"name": "BottomSheetProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["AriakitDialogProvider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetTrigger: {
+		"name": "BottomSheetTrigger",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["AriakitDialogDisclosure"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSBottomSheetConfigProvider: {
+		"name": "UDSBottomSheetConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["BottomSheetContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
 	PaddleButton: {
 		"name": "PaddleButton",
 		"defaultProps": {},
@@ -1996,59 +1891,65 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Popover: {
-		"name": "Popover",
+	ManagedModal: {
+		"name": "ManagedModal",
 		"defaultProps": {},
 		"getStylesLiterals": {},
-		"cxLiterals": ["uds:popover-open"],
-		"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
+		"cxLiterals": [],
+		"internalComponents": [
+			"Modal",
+			"ModalTitle",
+			"ModalDescription",
+			"ModalContent",
+			"ModalActions"
+		],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {
-			"size": "popover.defaultSize",
-			"variant": "popover.defaultVariant"
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
 		},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PopoverContent: {
-		"name": "PopoverContent",
-		"defaultProps": {},
+	Modal: {
+		"name": "Modal",
+		"defaultProps": {
+			"closeAriaLabel": "Close",
+			"maxWidth": "auto",
+			"maxHeight": "auto",
+			"scrollBehavior": "outside"
+		},
 		"getStylesLiterals": {
-			"popoverSizeRoot": "default",
-			"popoverVariantRoot": "default",
-			"display": "flex",
-			"position": "relative",
-			"display:1": "block",
-			"spacingTop": "0",
-			"spacingStart": "0",
-			"spacingBottom": "0",
-			"spacingEnd": "0",
-			"popoverSizeSvgBase": "default",
-			"popoverVariantSvgBase": "default",
-			"popoverSizeSvgBorder": "default",
-			"popoverVariantSvgBorder": "default",
-			"popoverVariantBlur": "default",
-			"position:1": "absolute",
-			"width": "full",
-			"height": "full",
-			"flexShrink": "0",
-			"borderRadius": "full",
-			"alignItems": "center",
-			"justifyContent": "center",
-			"popoverVariantCloseIcon": "default",
-			"popoverSizeCloseIcon": "default"
+			"flexDirection": "row-reverse",
+			"justifyContent": "space-between",
+			"alignItems": "flex-end",
+			"alignItems:1": "flex-start",
+			"borderRadius": "full"
 		},
 		"cxLiterals": [
-			"z-[9999]",
-			"outline-none",
-			"focus-visible:outline-none",
-			"uds-bgBlurFillFallback",
+			"fixed",
+			"inset-0",
+			"z-40",
+			"overflow-y-auto",
+			"overflow-hidden",
+			"transition-[opacity,visibility]",
+			"visible",
+			"opacity-100",
+			"invisible",
+			"opacity-0",
+			"pointer-events-none",
 			"uds-bgBlurFallback",
-			"top-0",
-			"left-0",
-			"z-[1]",
+			"w-full",
+			"w-fit",
+			"h-full",
+			"h-fit",
+			"m-auto",
+			"pointer-events-auto",
+			"inside",
+			"max-h-full",
+			"transition-transform",
 			"duration-0",
 			"duration-120",
 			"transition-[background-color]",
@@ -2056,35 +1957,101 @@ var componentData_default = {
 			"hover:bg-carbon-15/10",
 			"active:bg-carbon-15/15",
 			"uds-ring",
-			"absolute",
-			"z-[4]"
+			"[translate:50%_-50%]"
 		],
 		"internalComponents": [
-			"PopoverDismiss",
+			"Scrim",
+			"VStack",
+			"Pressable",
 			"IconSlot",
-			"PopoverArrow",
-			"Popover",
-			"SvgFloatingOverlay",
 			"Box",
-			"Pressable"
+			"Dialog",
+			"ModalContext.Provider",
+			"HStack",
+			"DialogDismiss",
+			"ModalTitle",
+			"ModalDescription",
+			"ModalContent",
+			"ModalActions"
 		],
+		"internalComponentProps": { "Box": { "flexGrow": ["1"] } },
+		"propToVariantKeys": {
+			"gutter": ["spacing"],
+			"size": [
+				"modalSizeRoot",
+				"modalSizeSpacingHorizontal",
+				"modalSizeHeader",
+				"modalSizeTitleDescriptionWrapper",
+				"modalSizeCloseIconContainer",
+				"modalSizeCloseIcon"
+			],
+			"variant": ["modalVariantRoot", "modalVariantCloseIcon"],
+			"closeAriaLabel": ["aria-label"],
+			"closeIcon": ["icon"]
+		},
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"spacing": ["modal.gutter.${size}"],
+			"modalSizeRoot": ["modal.defaultSize"],
+			"modalVariantRoot": ["modal.defaultVariant"],
+			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
+			"modalSizeHeader": ["modal.defaultSize"],
+			"modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
+			"modalSizeCloseIconContainer": ["modal.defaultSize"],
+			"modalSizeCloseIcon": ["modal.defaultSize"],
+			"modalVariantCloseIcon": ["modal.defaultVariant"]
+		},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ModalActions: {
+		"name": "ModalActions",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"flexDirection": "row-reverse",
+			"justifyContent": "space-between",
+			"alignItems": "center"
+		},
+		"cxLiterals": ["gap-[inherit]"],
+		"internalComponents": ["HStack"],
 		"internalComponentProps": {},
-		"propToVariantKeys": { "closeIcon": ["icon"] },
+		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
 		"runtimeConfigDefaultProps": {
-			"size": "popover.defaultSize",
-			"variant": "popover.defaultVariant"
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
 		},
 		"runtimeConfigGetStyles": {
-			"spacingTop": ["popover.spacingVertical.${size}"],
-			"spacingStart": ["popover.spacingHorizontal.${size}"],
-			"spacingBottom": ["popover.spacingVertical.${size}"],
-			"spacingEnd": ["popover.spacingHorizontal.${size}"]
+			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
+			"modalSizeActions": ["modal.defaultSize"]
 		},
-		"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
+		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PopoverContext: {
-		"name": "PopoverContext",
+	ModalContent: {
+		"name": "ModalContent",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"overflowY": "auto",
+			"display": "block",
+			"flexGrow": "1"
+		},
+		"cxLiterals": [],
+		"internalComponents": ["Box"],
+		"internalComponentProps": {},
+		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ModalContext: {
+		"name": "ModalContext",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
@@ -2096,25 +2063,69 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PopoverTrigger: {
-		"name": "PopoverTrigger",
+	ModalDescription: {
+		"name": "ModalDescription",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["PopoverDisclosure"],
-		"internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
-		"propToVariantKeys": { "children": ["render"] },
+		"internalComponents": ["Text", "DialogDescription"],
+		"internalComponentProps": { "Text": { "as": ["span"] } },
+		"propToVariantKeys": {
+			"size": ["modalSizeDescription"],
+			"variant": ["modalVariantDescription"]
+		},
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"modalSizeDescription": ["modal.defaultSize"],
+			"modalVariantDescription": ["modal.defaultVariant"]
+		},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ModalPortal: {
+		"name": "ModalPortal",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["ManagedModal"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	UDSPopoverConfigProvider: {
-		"name": "UDSPopoverConfigProvider",
+	ModalTitle: {
+		"name": "ModalTitle",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["PopoverContext.Provider"],
+		"internalComponents": ["Text", "DialogHeading"],
+		"internalComponentProps": { "Text": { "as": ["span"] } },
+		"propToVariantKeys": {
+			"size": ["modalSizeTitle"],
+			"variant": ["modalVariantTitle"]
+		},
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"modalSizeTitle": ["modal.defaultSize"],
+			"modalVariantTitle": ["modal.defaultVariant"]
+		},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSModalConfigProvider: {
+		"name": "UDSModalConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["ModalContext.Provider"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -2154,10 +2165,12 @@ var componentData_default = {
 			"pointer-events-none",
 			"w-[8px]",
 			"h-[8px]",
+			"opacity-55",
+			"opacity-100",
+			"opacity-0",
 			"transition-opacity",
 			"cursor-[inherit]",
 			"absolute",
-			"opacity-0",
 			"top-1/2",
 			"left-1/2",
 			"w-[calc(100%+2px)]",