@yahoo/uds 3.173.0 → 3.174.0

package/dist/uds/generated/componentData.cjs

@@ -1205,6 +1205,50 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
 	},
+	UDSConfigProvider: {
+		"name": "UDSConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [
+			"UDSBreakpointsConfigProvider",
+			"UDSAvatarConfigProvider",
+			"UDSBadgeConfigProvider",
+			"UDSBottomSheetConfigProvider",
+			"UDSButtonConfigProvider",
+			"UDSChipConfigProvider",
+			"UDSIconButtonConfigProvider",
+			"UDSInputConfigProvider",
+			"UDSMenuItemConfigProvider",
+			"UDSPaddleNavConfigProvider",
+			"UDSPaginationConfigProvider",
+			"UDSSelectItemConfigProvider",
+			"UDSTabConfigProvider",
+			"UDSToastConfigProvider",
+			"UDSTooltipConfigProvider",
+			"UDSPopoverConfigProvider",
+			"UDSModalConfigProvider"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSBreakpointsConfigProvider: {
+		"name": "UDSBreakpointsConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["UDSBreakpointsConfigContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
 	"Menu.Trigger": {
 		"name": "Menu.Trigger",
 		"defaultProps": {},
@@ -1439,50 +1483,6 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
 	},
-	UDSConfigProvider: {
-		"name": "UDSConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [
-			"UDSBreakpointsConfigProvider",
-			"UDSAvatarConfigProvider",
-			"UDSBadgeConfigProvider",
-			"UDSBottomSheetConfigProvider",
-			"UDSButtonConfigProvider",
-			"UDSChipConfigProvider",
-			"UDSIconButtonConfigProvider",
-			"UDSInputConfigProvider",
-			"UDSMenuItemConfigProvider",
-			"UDSPaddleNavConfigProvider",
-			"UDSPaginationConfigProvider",
-			"UDSSelectItemConfigProvider",
-			"UDSTabConfigProvider",
-			"UDSToastConfigProvider",
-			"UDSTooltipConfigProvider",
-			"UDSPopoverConfigProvider",
-			"UDSModalConfigProvider"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSBreakpointsConfigProvider: {
-		"name": "UDSBreakpointsConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["UDSBreakpointsConfigContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
 	PaginationNext: {
 		"name": "PaginationNext",
 		"defaultProps": { "label": "Next" },
@@ -1956,8 +1956,102 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
 	},
-	RadioGroupStore: {
-		"name": "RadioGroupStore",
+	Modal: {
+		"name": "Modal",
+		"defaultProps": {
+			"closeAriaLabel": "Close",
+			"maxWidth": "auto",
+			"maxHeight": "auto",
+			"scrollBehavior": "outside"
+		},
+		"getStylesLiterals": {
+			"flexDirection": "row-reverse",
+			"justifyContent": "space-between",
+			"alignItems": "flex-end",
+			"alignItems:1": "flex-start",
+			"borderRadius": "full"
+		},
+		"cxLiterals": [
+			"fixed",
+			"inset-0",
+			"z-40",
+			"overflow-y-auto",
+			"overflow-hidden",
+			"transition-[opacity,visibility]",
+			"visible",
+			"opacity-100",
+			"invisible",
+			"opacity-0",
+			"pointer-events-none",
+			"uds-bgBlurFallback",
+			"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]",
+			"bg-carbon-15/0",
+			"hover:bg-carbon-15/10",
+			"active:bg-carbon-15/15",
+			"uds-ring",
+			"[translate:50%_-50%]"
+		],
+		"internalComponents": [
+			"Scrim",
+			"VStack",
+			"Pressable",
+			"IconSlot",
+			"Box",
+			"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": []
+	},
+	ModalContext: {
+		"name": "ModalContext",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
@@ -1969,72 +2063,220 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	RadioBase: {
-		"name": "RadioBase",
-		"defaultProps": {
-			"labelPosition": "start",
-			"variant": "primary",
-			"size": "md",
-			"value": ""
-		},
-		"getStylesLiterals": {
-			"radioVariantValueRoot": "checked",
-			"radioVariantValueRoot:1": "unchecked",
-			"display": "flex",
-			"flexDirection": "row",
-			"flexDirection:1": "row-reverse",
-			"alignItems": "center"
-		},
-		"cxLiterals": [
-			"cursor-pointer",
-			"cursor-default",
-			"opacity-50",
-			"cursor-[inherit]",
-			"absolute",
-			"opacity-0",
-			"top-[-1px]",
-			"left-[-1px]",
-			"w-[calc(100%+2px)]",
-			"h-[calc(100%+2px)]",
-			"text-start",
-			"text-end"
-		],
-		"internalComponents": ["FormLabel"],
-		"internalComponentProps": { "FormLabel": {
-			"as": ["div"],
-			"variant": ["inherit"],
-			"color": ["inherit"]
-		} },
-		"propToVariantKeys": {
-			"size": ["radioSizeRoot"],
-			"variant": ["radioVariantRoot"]
-		},
+	UDSModalConfigProvider: {
+		"name": "UDSModalConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["ModalContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Radio: {
-		"name": "Radio",
+	ManagedModal: {
+		"name": "ManagedModal",
 		"defaultProps": {},
-		"getStylesLiterals": {
-			"radioVariantValueRadio": "checked",
-			"radioVariantValueRadio:1": "unchecked",
-			"radioVariantValueRadioCircle": "checked",
-			"radioVariantValueRadioCircle:1": "unchecked"
-		},
-		"cxLiterals": [
-			"opacity-55",
-			"opacity-100",
-			"opacity-0",
-			"border",
-			"uds-ring",
-			"uds-ring-within",
-			"transition-[background-color,border-color]",
-			"transition-shadow",
-			"pointer-events-none",
-			"w-[8px]",
-			"h-[8px]",
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [
+			"Modal",
+			"ModalTitle",
+			"ModalDescription",
+			"ModalContent",
+			"ModalActions"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ModalPortal: {
+		"name": "ModalPortal",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["ManagedModal"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"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"] },
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
+			"modalSizeActions": ["modal.defaultSize"]
+		},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ModalDescription: {
+		"name": "ModalDescription",
+		"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"]
+		},
+		"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": []
+	},
+	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": []
+	},
+	RadioGroupStore: {
+		"name": "RadioGroupStore",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	RadioBase: {
+		"name": "RadioBase",
+		"defaultProps": {
+			"labelPosition": "start",
+			"variant": "primary",
+			"size": "md",
+			"value": ""
+		},
+		"getStylesLiterals": {
+			"radioVariantValueRoot": "checked",
+			"radioVariantValueRoot:1": "unchecked",
+			"display": "flex",
+			"flexDirection": "row",
+			"flexDirection:1": "row-reverse",
+			"alignItems": "center"
+		},
+		"cxLiterals": [
+			"cursor-pointer",
+			"cursor-default",
+			"opacity-50",
+			"cursor-[inherit]",
+			"absolute",
+			"opacity-0",
+			"top-[-1px]",
+			"left-[-1px]",
+			"w-[calc(100%+2px)]",
+			"h-[calc(100%+2px)]",
+			"text-start",
+			"text-end"
+		],
+		"internalComponents": ["FormLabel"],
+		"internalComponentProps": { "FormLabel": {
+			"as": ["div"],
+			"variant": ["inherit"],
+			"color": ["inherit"]
+		} },
+		"propToVariantKeys": {
+			"size": ["radioSizeRoot"],
+			"variant": ["radioVariantRoot"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	Radio: {
+		"name": "Radio",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"radioVariantValueRadio": "checked",
+			"radioVariantValueRadio:1": "unchecked",
+			"radioVariantValueRadioCircle": "checked",
+			"radioVariantValueRadioCircle:1": "unchecked"
+		},
+		"cxLiterals": [
+			"opacity-55",
+			"opacity-100",
+			"opacity-0",
+			"border",
+			"uds-ring",
+			"uds-ring-within",
+			"transition-[background-color,border-color]",
+			"transition-shadow",
+			"pointer-events-none",
+			"w-[8px]",
+			"h-[8px]",
 			"transition-opacity",
 			"group",
 			"group-hover:scale-110",
@@ -2493,264 +2735,22 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Modal: {
-		"name": "Modal",
+	AvatarIcon: {
+		"name": "AvatarIcon",
 		"defaultProps": {
-			"closeAriaLabel": "Close",
-			"maxWidth": "auto",
-			"maxHeight": "auto",
-			"scrollBehavior": "outside"
-		},
-		"getStylesLiterals": {
-			"flexDirection": "row-reverse",
-			"justifyContent": "space-between",
-			"alignItems": "flex-end",
-			"alignItems:1": "flex-start",
-			"borderRadius": "full"
+			"size": "md",
+			"variant": "primary"
 		},
+		"getStylesLiterals": {},
 		"cxLiterals": [
-			"fixed",
-			"inset-0",
-			"z-40",
-			"overflow-y-auto",
 			"overflow-hidden",
-			"transition-[opacity,visibility]",
-			"visible",
-			"opacity-100",
-			"invisible",
-			"opacity-0",
-			"pointer-events-none",
-			"uds-bgBlurFallback",
 			"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]",
-			"bg-carbon-15/0",
-			"hover:bg-carbon-15/10",
-			"active:bg-carbon-15/15",
-			"uds-ring",
-			"[translate:50%_-50%]"
-		],
-		"internalComponents": [
-			"Scrim",
-			"VStack",
-			"Pressable",
-			"IconSlot",
-			"Box",
-			"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": []
-	},
-	ModalContext: {
-		"name": "ModalContext",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSModalConfigProvider: {
-		"name": "UDSModalConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ModalContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ManagedModal: {
-		"name": "ManagedModal",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [
-			"Modal",
-			"ModalTitle",
-			"ModalDescription",
-			"ModalContent",
-			"ModalActions"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalPortal: {
-		"name": "ModalPortal",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ManagedModal"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"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"] },
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
-			"modalSizeActions": ["modal.defaultSize"]
-		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalDescription: {
-		"name": "ModalDescription",
-		"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"]
-		},
-		"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": []
-	},
-	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": []
-	},
-	AvatarIcon: {
-		"name": "AvatarIcon",
-		"defaultProps": {
-			"size": "md",
-			"variant": "primary"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"overflow-hidden",
-			"w-full",
-			"h-full",
-			"shrink-0",
-			"text-center",
-			"inline-flex",
-			"justify-center",
-			"items-center"
+			"shrink-0",
+			"text-center",
+			"inline-flex",
+			"justify-center",
+			"items-center"
 		],
 		"internalComponents": ["IconSlot", "Box"],
 		"internalComponentProps": {},
@@ -3396,6 +3396,137 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": { "Icon": { "size": ["paddleNav.iconSize.${size}"] } },
 		"motionVarPrefixes": []
 	},
+	UDSToastConfigProvider: {
+		"name": "UDSToastConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["ToastContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ToastContainer: {
+		"name": "ToastContainer",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"position": "relative",
+			"alignItems": "center",
+			"display": "flex",
+			"className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
+		},
+		"cxLiterals": ["w-full"],
+		"internalComponents": ["HStack"],
+		"internalComponentProps": { "HStack": {
+			"alignItems": ["center"],
+			"justifyContent": ["space-between"],
+			"overflow": ["hidden"],
+			"position": ["relative"]
+		} },
+		"propToVariantKeys": {
+			"variant": ["toastVariantRoot"],
+			"size": ["toastSizeRoot"]
+		},
+		"runtimeConfigDefaultProps": {
+			"size": "toast.defaultSize",
+			"variant": "toast.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"toastVariantRoot": ["toast.defaultVariant"],
+			"toastSizeRoot": ["toast.defaultSize"]
+		},
+		"runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
+		"motionVarPrefixes": []
+	},
+	ToastPortal: {
+		"name": "ToastPortal",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["ReactToastifyToastContainer"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {
+			"size": "toast.defaultSize",
+			"variant": "toast.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
+		"motionVarPrefixes": []
+	},
+	Toast: {
+		"name": "Toast",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"className": "animate-spin",
+			"className:1": "flex-none",
+			"spacing": "2",
+			"borderRadius": "full"
+		},
+		"cxLiterals": [
+			"duration-0",
+			"duration-120",
+			"transition-[background-color]",
+			"bg-carbon-15/0",
+			"hover:bg-carbon-15/10",
+			"active:bg-carbon-15/15",
+			"uds-ring"
+		],
+		"internalComponents": [
+			"IconSlot",
+			"ToastContainer",
+			"Text",
+			"Button",
+			"Pressable"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"size": [
+				"toastSizeLabel",
+				"toastSizeIcon",
+				"toastSizeActionButton",
+				"toastSizeCloseIcon"
+			],
+			"variant": [
+				"toastVariantIcon",
+				"toastVariantActionButton",
+				"toastVariantCloseIcon"
+			],
+			"closeIcon": ["icon"],
+			"onClickActionButton": ["onClick"]
+		},
+		"runtimeConfigDefaultProps": {
+			"size": "toast.defaultSize",
+			"variant": "toast.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"toastSizeLabel": ["toast.defaultSize"],
+			"toastVariantIcon": ["toast.defaultVariant"],
+			"toastSizeIcon": ["toast.defaultSize"],
+			"toastSizeActionButton": ["toast.defaultSize"],
+			"toastVariantActionButton": ["toast.defaultVariant"],
+			"toastVariantCloseIcon": ["toast.defaultVariant"],
+			"toastSizeCloseIcon": ["toast.defaultSize"]
+		},
+		"runtimeConfigInternalComponentProps": {
+			"ToastContainer": {
+				"size": ["toast.defaultSize"],
+				"variant": ["toast.defaultVariant"]
+			},
+			"Text": {
+				"variant": ["toast.textVariant.${size}"],
+				"color": ["toast.textColor.${variant}"]
+			},
+			"Button": {
+				"size": ["toast.buttonSize.${size}"],
+				"variant": ["toast.buttonVariant.${variant}"]
+			}
+		},
+		"motionVarPrefixes": []
+	},
 	TabList: {
 		"name": "TabList",
 		"defaultProps": { "variant": "primary" },
@@ -3549,137 +3680,6 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	UDSToastConfigProvider: {
-		"name": "UDSToastConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ToastContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ToastContainer: {
-		"name": "ToastContainer",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"position": "relative",
-			"alignItems": "center",
-			"display": "flex",
-			"className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
-		},
-		"cxLiterals": ["w-full"],
-		"internalComponents": ["HStack"],
-		"internalComponentProps": { "HStack": {
-			"alignItems": ["center"],
-			"justifyContent": ["space-between"],
-			"overflow": ["hidden"],
-			"position": ["relative"]
-		} },
-		"propToVariantKeys": {
-			"variant": ["toastVariantRoot"],
-			"size": ["toastSizeRoot"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "toast.defaultSize",
-			"variant": "toast.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"toastVariantRoot": ["toast.defaultVariant"],
-			"toastSizeRoot": ["toast.defaultSize"]
-		},
-		"runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
-		"motionVarPrefixes": []
-	},
-	ToastPortal: {
-		"name": "ToastPortal",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ReactToastifyToastContainer"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {
-			"size": "toast.defaultSize",
-			"variant": "toast.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
-		"motionVarPrefixes": []
-	},
-	Toast: {
-		"name": "Toast",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"className": "animate-spin",
-			"className:1": "flex-none",
-			"spacing": "2",
-			"borderRadius": "full"
-		},
-		"cxLiterals": [
-			"duration-0",
-			"duration-120",
-			"transition-[background-color]",
-			"bg-carbon-15/0",
-			"hover:bg-carbon-15/10",
-			"active:bg-carbon-15/15",
-			"uds-ring"
-		],
-		"internalComponents": [
-			"IconSlot",
-			"ToastContainer",
-			"Text",
-			"Button",
-			"Pressable"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {
-			"size": [
-				"toastSizeLabel",
-				"toastSizeIcon",
-				"toastSizeActionButton",
-				"toastSizeCloseIcon"
-			],
-			"variant": [
-				"toastVariantIcon",
-				"toastVariantActionButton",
-				"toastVariantCloseIcon"
-			],
-			"closeIcon": ["icon"],
-			"onClickActionButton": ["onClick"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "toast.defaultSize",
-			"variant": "toast.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"toastSizeLabel": ["toast.defaultSize"],
-			"toastVariantIcon": ["toast.defaultVariant"],
-			"toastSizeIcon": ["toast.defaultSize"],
-			"toastSizeActionButton": ["toast.defaultSize"],
-			"toastVariantActionButton": ["toast.defaultVariant"],
-			"toastVariantCloseIcon": ["toast.defaultVariant"],
-			"toastSizeCloseIcon": ["toast.defaultSize"]
-		},
-		"runtimeConfigInternalComponentProps": {
-			"ToastContainer": {
-				"size": ["toast.defaultSize"],
-				"variant": ["toast.defaultVariant"]
-			},
-			"Text": {
-				"variant": ["toast.textVariant.${size}"],
-				"color": ["toast.textColor.${variant}"]
-			},
-			"Button": {
-				"size": ["toast.buttonSize.${size}"],
-				"variant": ["toast.buttonVariant.${variant}"]
-			}
-		},
-		"motionVarPrefixes": []
-	},
 	Checkbox: {
 		"name": "Checkbox",
 		"defaultProps": {},