@yahoo/uds 3.147.0-beta.1 → 3.148.0

package/dist/uds/generated/componentData.js

@@ -236,197 +236,6 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Banner: {
-		"name": "Banner",
-		"defaultProps": {
-			"variant": "primary",
-			"size": "default",
-			"dismissAriaLabel": "Dismiss"
-		},
-		"getStylesLiterals": {
-			"className": "truncate",
-			"className:1": "line-clamp-3",
-			"spacing": "2",
-			"borderRadius": "full",
-			"color": "primary"
-		},
-		"cxLiterals": [
-			"uds-banner",
-			"flex",
-			"flex-row",
-			"items-center",
-			"items-start",
-			"min-w-[300px]",
-			"transition-[background-color]",
-			"motion-safe:duration-120",
-			"bg-carbon-15/0",
-			"hover:bg-carbon-15/10",
-			"active:bg-carbon-15/15",
-			"uds-ring",
-			"shrink-0",
-			"self-start",
-			"flex-1",
-			"min-w-0",
-			"flex-col",
-			"gap-[inherit]",
-			"uds-sm:flex-row",
-			"uds-sm:items-center",
-			"self-stretch",
-			"gap-0.5",
-			"w-full",
-			"truncate",
-			"leading-none",
-			"line-clamp-3",
-			"gap-1.5",
-			"uds-sm:self-center",
-			"uds-sm:shrink-0"
-		],
-		"internalComponents": [
-			"IconSlot",
-			"Text",
-			"Pressable"
-		],
-		"internalComponentProps": {
-			"IconSlot": { "data-testid": ["banner-start-icon"] },
-			"Text": { "data-testid": ["banner-title", "banner-description"] },
-			"Pressable": { "data-testid": ["banner-dismiss"] }
-		},
-		"propToVariantKeys": {
-			"variant": [
-				"bannerVariantRoot",
-				"bannerVariantIcon",
-				"bannerVariantTitle",
-				"bannerVariantDescription"
-			],
-			"size": [
-				"bannerSizeRoot",
-				"bannerSizeIcon",
-				"bannerSizeTitle",
-				"bannerSizeDescription",
-				"bannerSizeClose"
-			],
-			"startIcon": ["icon"],
-			"dismissAriaLabel": ["aria-label"],
-			"onDismiss": ["onClick"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BannerContent: {
-		"name": "BannerContent",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"flex",
-			"flex-col",
-			"items-start",
-			"self-stretch",
-			"flex-1",
-			"min-w-0"
-		],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BannerDescription: {
-		"name": "BannerDescription",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"bannerSizeDescription": "default",
-			"className": "w-full line-clamp-3"
-		},
-		"cxLiterals": [],
-		"internalComponents": ["Text"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BannerTitle: {
-		"name": "BannerTitle",
-		"defaultProps": {},
-		"getStylesLiterals": { "bannerSizeTitle": "default" },
-		"cxLiterals": ["w-full", "truncate"],
-		"internalComponents": ["Text"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Divider: {
-		"name": "Divider",
-		"defaultProps": {
-			"variant": "primary",
-			"contentPosition": "center"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": [
-			"DividerLine",
-			"DividerLabel",
-			"InternalComponent",
-			"Box"
-		],
-		"internalComponentProps": {
-			"InternalComponent": {
-				"alignItems": ["center"],
-				"flex": ["1"]
-			},
-			"Box": {
-				"display": ["flex"],
-				"flex": ["none"]
-			}
-		},
-		"propToVariantKeys": { "variant": ["dividerVariantRoot"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	DividerLabel: {
-		"name": "DividerLabel",
-		"defaultProps": {
-			"variant": "primary",
-			"textVariant": "inherit",
-			"color": "inherit",
-			"as": "span"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": ["Text"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {
-			"variant": ["dividerVariantLabel"],
-			"textVariant": ["variant"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	DividerLine: {
-		"name": "DividerLine",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {},
-		"cxLiterals": ["inherit"],
-		"internalComponents": ["Box"],
-		"internalComponentProps": { "Box": { "flex": ["1"] } },
-		"propToVariantKeys": { "variant": ["dividerVariantLine"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
 	AnimateHeightChange: {
 		"name": "AnimateHeightChange",
 		"defaultProps": {},
@@ -837,6 +646,70 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
+	Divider: {
+		"name": "Divider",
+		"defaultProps": {
+			"variant": "primary",
+			"contentPosition": "center"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": [
+			"DividerLine",
+			"DividerLabel",
+			"InternalComponent",
+			"Box"
+		],
+		"internalComponentProps": {
+			"InternalComponent": {
+				"alignItems": ["center"],
+				"flex": ["1"]
+			},
+			"Box": {
+				"display": ["flex"],
+				"flex": ["none"]
+			}
+		},
+		"propToVariantKeys": { "variant": ["dividerVariantRoot"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	DividerLabel: {
+		"name": "DividerLabel",
+		"defaultProps": {
+			"variant": "primary",
+			"textVariant": "inherit",
+			"color": "inherit",
+			"as": "span"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": ["Text"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"variant": ["dividerVariantLabel"],
+			"textVariant": ["variant"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	DividerLine: {
+		"name": "DividerLine",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": ["inherit"],
+		"internalComponents": ["Box"],
+		"internalComponentProps": { "Box": { "flex": ["1"] } },
+		"propToVariantKeys": { "variant": ["dividerVariantLine"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
 	Avatar: {
 		"name": "Avatar",
 		"defaultProps": {},
@@ -938,204 +811,271 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Input: {
-		"name": "Input",
-		"defaultProps": {
-			"type": "text",
-			"size": "md",
-			"width": "full"
-		},
-		"getStylesLiterals": {
-			"inputVariantRoot": "default",
-			"inputVariantValueRoot": "empty",
-			"inputVariantValueRoot:1": "filled",
-			"inputVariantInputWrapper": "default",
-			"inputVariantValueInputWrapper": "empty",
-			"inputVariantValueInputWrapper:1": "filled",
-			"inputVariantInput": "default",
-			"inputVariantValueInput": "empty",
-			"inputVariantValueInput:1": "filled",
-			"inputVariantInputPlaceholder": "default",
-			"inputVariantValueInputPlaceholder": "empty",
-			"inputVariantValueInputPlaceholder:1": "filled",
-			"inputVariantLabel": "default",
-			"inputVariantValueLabel": "empty",
-			"inputVariantValueLabel:1": "filled",
-			"inputVariantLabelRequired": "default",
-			"inputVariantValueLabelRequired": "empty",
-			"inputVariantValueLabelRequired:1": "filled",
-			"inputVariantStartIcon": "default",
-			"inputVariantValueStartIcon": "empty",
-			"inputVariantValueStartIcon:1": "filled",
-			"inputVariantEndIcon": "default",
-			"inputVariantValueEndIcon": "empty",
-			"inputVariantValueEndIcon:1": "filled"
-		},
+	BottomSheet: {
+		"name": "BottomSheet",
+		"defaultProps": { "variant": "default" },
+		"getStylesLiterals": {},
 		"cxLiterals": [
-			"opacity-50",
-			"min-w-[200px]",
-			"grow",
-			"uds-hit-target",
-			"bg-clip-text",
-			"focus:outline-none",
-			"cursor-text",
-			"cursor-not-allowed"
+			"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": [
-			"IconSlot",
-			"StartIcon",
-			"EndIcon",
-			"HelpTextContent",
+			"Scrim",
+			"BottomSheetHandle",
+			"Dialog",
 			"Box",
-			"InputHelpTextInternal",
-			"VStack",
-			"HStack",
-			"AnimateHeightChange"
+			"BottomSheetInternalContext.Provider"
 		],
 		"internalComponentProps": {
-			"HelpTextContent": { "spacingTop": ["2"] },
+			"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
+			"Dialog": { "data-testid": ["bottom-sheet"] },
 			"Box": {
-				"spacingBottom": ["2"],
-				"columnGap": ["0.5"],
-				"alignItems": ["flex-end", "center"],
-				"position": ["relative"]
-			},
-			"HStack": {
-				"alignItems": ["center"],
-				"gap": ["1"]
+				"display": ["block", "flex"],
+				"position": ["absolute"],
+				"flexDirection": ["column"],
+				"className": ["absolute inset-0 min-h-0 p-[inherit]"]
 			}
 		},
-		"propToVariantKeys": {
-			"size": [
-				"inputSizeRoot",
-				"inputSizeInputWrapper",
-				"inputSizeInput",
-				"inputSizeLabel",
-				"inputSizeStartIcon",
-				"inputSizeEndIcon"
-			],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"],
-			"slotProps": ["helperTextSlotProps"],
-			"helperTextIcon": ["startIcon"]
-		},
+		"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	InputHelpText: {
-		"name": "InputHelpText",
-		"defaultProps": { "size": "md" },
-		"getStylesLiterals": {
-			"inputVariantRoot": "default",
-			"inputVariantValueRoot": "empty",
-			"inputVariantValueRoot:1": "filled"
+	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))]"] }
 		},
-		"cxLiterals": [],
-		"internalComponents": ["InputHelpTextInternal", "Box"],
-		"internalComponentProps": { "Box": { "spacingTop": ["2"] } },
-		"propToVariantKeys": { "size": ["inputSizeRoot"] },
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	InputHelpTextInternal: {
-		"name": "InputHelpTextInternal",
+	BottomSheetDismiss: {
+		"name": "BottomSheetDismiss",
 		"defaultProps": {},
-		"getStylesLiterals": {
-			"inputVariantHelperText": "default",
-			"inputVariantValueHelperText": "empty",
-			"inputVariantValueHelperText:1": "filled",
-			"inputVariantHelperIcon": "default",
-			"inputVariantValueHelperIcon": "empty",
-			"inputVariantValueHelperIcon:1": "filled"
-		},
+		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["IconSlot", "HStack"],
-		"internalComponentProps": { "HStack": {
-			"gap": ["1"],
-			"alignItems": ["center"]
-		} },
-		"propToVariantKeys": {
-			"size": ["inputSizeHelperText", "inputSizeHelperIcon"],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"]
-		},
+		"internalComponents": ["AriakitDialogDismiss"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Chip: {
-		"name": "Chip",
-		"defaultProps": {},
+	BottomSheetHandle: {
+		"name": "BottomSheetHandle",
+		"defaultProps": { "variant": "default" },
 		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [
-			"ChipDismissible",
-			"ChipToggle",
-			"ChipLink",
-			"ChipButton"
+		"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"
 		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
+		"internalComponents": ["Box"],
+		"internalComponentProps": { "Box": {
+			"display": ["block", "flex"],
+			"justifyContent": ["center"]
+		} },
+		"propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ChipBase: {
-		"name": "ChipBase",
-		"defaultProps": {
-			"size": "md",
-			"as": "div"
-		},
+	BottomSheetHeader: {
+		"name": "BottomSheetHeader",
+		"defaultProps": { "variant": "default" },
 		"getStylesLiterals": {},
 		"cxLiterals": [
-			"pointer-events-none",
-			"cursor-default",
-			"opacity-50",
-			"inline-flex",
+			"grid-cols-[40px_1fr_40px]",
 			"items-center",
-			"transition-[background-color,outline-color,box-shadow]",
-			"truncate",
-			"whitespace-nowrap",
-			"text-center",
-			"flex-1",
-			"md",
-			"primary"
+			"w-full",
+			"min-h-10",
+			"mt-2"
 		],
 		"internalComponents": [
-			"IconSlot",
-			"HStack",
-			"As",
-			"Text"
+			"Box",
+			"Text",
+			"DialogHeading"
 		],
-		"internalComponentProps": { "Text": {
-			"as": ["span"],
-			"color": ["current"],
-			"variant": ["inherit"]
-		} },
-		"propToVariantKeys": {
-			"size": ["chipSizeRoot", "chipSizeIcon"],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"]
+		"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": []
 	},
-	ChipButton: {
-		"name": "ChipButton",
-		"defaultProps": { "variant": "primary" },
+	BottomSheetInternalContext: {
+		"name": "BottomSheetInternalContext",
+		"defaultProps": {},
 		"getStylesLiterals": {},
-		"cxLiterals": ["uds-ring"],
-		"internalComponents": ["ChipBase"],
-		"internalComponentProps": { "ChipBase": { "as": ["button"] } },
-		"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
+		"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": []
+	},
+	Chip: {
+		"name": "Chip",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [
+			"ChipDismissible",
+			"ChipToggle",
+			"ChipLink",
+			"ChipButton"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ChipBase: {
+		"name": "ChipBase",
+		"defaultProps": {
+			"size": "md",
+			"as": "div"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"pointer-events-none",
+			"cursor-default",
+			"opacity-50",
+			"inline-flex",
+			"items-center",
+			"transition-[background-color,outline-color,box-shadow]",
+			"truncate",
+			"whitespace-nowrap",
+			"text-center",
+			"flex-1",
+			"md",
+			"primary"
+		],
+		"internalComponents": [
+			"IconSlot",
+			"HStack",
+			"As",
+			"Text"
+		],
+		"internalComponentProps": { "Text": {
+			"as": ["span"],
+			"color": ["current"],
+			"variant": ["inherit"]
+		} },
+		"propToVariantKeys": {
+			"size": ["chipSizeRoot", "chipSizeIcon"],
+			"startIcon": ["icon"],
+			"endIcon": ["icon"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ChipButton: {
+		"name": "ChipButton",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": ["uds-ring"],
+		"internalComponents": ["ChipBase"],
+		"internalComponentProps": { "ChipBase": { "as": ["button"] } },
+		"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
@@ -1198,208 +1138,131 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Modal: {
-		"name": "Modal",
+	Input: {
+		"name": "Input",
 		"defaultProps": {
-			"closeAriaLabel": "Close",
-			"maxWidth": "auto",
-			"maxHeight": "auto",
-			"scrollBehavior": "outside"
+			"type": "text",
+			"size": "md",
+			"width": "full"
 		},
 		"getStylesLiterals": {
-			"flexDirection": "row-reverse",
-			"justifyContent": "space-between",
-			"alignItems": "flex-end",
-			"alignItems:1": "flex-start",
-			"borderRadius": "full"
+			"inputVariantRoot": "default",
+			"inputVariantValueRoot": "empty",
+			"inputVariantValueRoot:1": "filled",
+			"inputVariantInputWrapper": "default",
+			"inputVariantValueInputWrapper": "empty",
+			"inputVariantValueInputWrapper:1": "filled",
+			"inputVariantInput": "default",
+			"inputVariantValueInput": "empty",
+			"inputVariantValueInput:1": "filled",
+			"inputVariantInputPlaceholder": "default",
+			"inputVariantValueInputPlaceholder": "empty",
+			"inputVariantValueInputPlaceholder:1": "filled",
+			"inputVariantLabel": "default",
+			"inputVariantValueLabel": "empty",
+			"inputVariantValueLabel:1": "filled",
+			"inputVariantLabelRequired": "default",
+			"inputVariantValueLabelRequired": "empty",
+			"inputVariantValueLabelRequired:1": "filled",
+			"inputVariantStartIcon": "default",
+			"inputVariantValueStartIcon": "empty",
+			"inputVariantValueStartIcon:1": "filled",
+			"inputVariantEndIcon": "default",
+			"inputVariantValueEndIcon": "empty",
+			"inputVariantValueEndIcon:1": "filled"
 		},
 		"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%]"
+			"opacity-50",
+			"min-w-[200px]",
+			"grow",
+			"uds-hit-target",
+			"bg-clip-text",
+			"focus:outline-none",
+			"cursor-text",
+			"cursor-not-allowed"
 		],
 		"internalComponents": [
-			"Scrim",
-			"VStack",
-			"Pressable",
 			"IconSlot",
+			"StartIcon",
+			"EndIcon",
+			"HelpTextContent",
 			"Box",
-			"Dialog",
-			"ModalContext.Provider",
+			"InputHelpTextInternal",
+			"VStack",
 			"HStack",
-			"DialogDismiss",
-			"ModalTitle",
-			"ModalDescription",
-			"ModalContent",
-			"ModalActions"
+			"AnimateHeightChange"
 		],
-		"internalComponentProps": { "Box": { "flexGrow": ["1"] } },
+		"internalComponentProps": {
+			"HelpTextContent": { "spacingTop": ["2"] },
+			"Box": {
+				"spacingBottom": ["2"],
+				"columnGap": ["0.5"],
+				"alignItems": ["flex-end", "center"],
+				"position": ["relative"]
+			},
+			"HStack": {
+				"alignItems": ["center"],
+				"gap": ["1"]
+			}
+		},
 		"propToVariantKeys": {
-			"gutter": ["spacing"],
 			"size": [
-				"modalSizeRoot",
-				"modalSizeSpacingHorizontal",
-				"modalSizeHeader",
-				"modalSizeTitleDescriptionWrapper",
-				"modalSizeCloseIconContainer",
-				"modalSizeCloseIcon"
+				"inputSizeRoot",
+				"inputSizeInputWrapper",
+				"inputSizeInput",
+				"inputSizeLabel",
+				"inputSizeStartIcon",
+				"inputSizeEndIcon"
 			],
-			"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"]
+			"startIcon": ["icon"],
+			"endIcon": ["icon"],
+			"slotProps": ["helperTextSlotProps"],
+			"helperTextIcon": ["startIcon"]
 		},
+		"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": []
-	},
-	ModalContent: {
-		"name": "ModalContent",
-		"defaultProps": {},
+	InputHelpText: {
+		"name": "InputHelpText",
+		"defaultProps": { "size": "md" },
 		"getStylesLiterals": {
-			"overflowY": "auto",
-			"display": "block",
-			"flexGrow": "1"
-		},
-		"cxLiterals": [],
-		"internalComponents": ["Box"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
+			"inputVariantRoot": "default",
+			"inputVariantValueRoot": "empty",
+			"inputVariantValueRoot:1": "filled"
 		},
-		"runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalContext: {
-		"name": "ModalContext",
-		"defaultProps": {},
-		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
+		"internalComponents": ["InputHelpTextInternal", "Box"],
+		"internalComponentProps": { "Box": { "spacingTop": ["2"] } },
+		"propToVariantKeys": { "size": ["inputSizeRoot"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ModalDescription: {
-		"name": "ModalDescription",
+	InputHelpTextInternal: {
+		"name": "InputHelpTextInternal",
 		"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"]
+		"getStylesLiterals": {
+			"inputVariantHelperText": "default",
+			"inputVariantValueHelperText": "empty",
+			"inputVariantValueHelperText:1": "filled",
+			"inputVariantHelperIcon": "default",
+			"inputVariantValueHelperIcon": "empty",
+			"inputVariantValueHelperIcon:1": "filled"
 		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalTitle: {
-		"name": "ModalTitle",
-		"defaultProps": {},
-		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["Text", "DialogHeading"],
-		"internalComponentProps": { "Text": { "as": ["span"] } },
+		"internalComponents": ["IconSlot", "HStack"],
+		"internalComponentProps": { "HStack": {
+			"gap": ["1"],
+			"alignItems": ["center"]
+		} },
 		"propToVariantKeys": {
-			"size": ["modalSizeTitle"],
-			"variant": ["modalVariantTitle"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"modalSizeTitle": ["modal.defaultSize"],
-			"modalVariantTitle": ["modal.defaultVariant"]
+			"size": ["inputSizeHelperText", "inputSizeHelperIcon"],
+			"startIcon": ["icon"],
+			"endIcon": ["icon"]
 		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSModalConfigProvider: {
-		"name": "UDSModalConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ModalContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
@@ -1624,153 +1487,145 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheet: {
-		"name": "BottomSheet",
-		"defaultProps": { "variant": "default" },
-		"getStylesLiterals": {},
+	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",
-			"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-[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-500",
-			"ease-[cubic-bezier(0.32,0.72,0,1)]",
-			"motion-reduce:transition-none",
-			"top-[-4px]",
-			"z-[1]",
-			"touch-pan-y"
+			"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",
-			"BottomSheetHandle",
-			"Dialog",
+			"VStack",
+			"Pressable",
+			"IconSlot",
 			"Box",
-			"BottomSheetInternalContext.Provider"
+			"Dialog",
+			"ModalContext.Provider",
+			"HStack",
+			"DialogDismiss",
+			"ModalTitle",
+			"ModalDescription",
+			"ModalContent",
+			"ModalActions"
 		],
-		"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": { "Box": { "flexGrow": ["1"] } },
+		"propToVariantKeys": {
+			"gutter": ["spacing"],
+			"size": [
+				"modalSizeRoot",
+				"modalSizeSpacingHorizontal",
+				"modalSizeHeader",
+				"modalSizeTitleDescriptionWrapper",
+				"modalSizeCloseIconContainer",
+				"modalSizeCloseIcon"
+			],
+			"variant": ["modalVariantRoot", "modalVariantCloseIcon"],
+			"closeAriaLabel": ["aria-label"],
+			"closeIcon": ["icon"]
 		},
-		"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))]"] }
+		"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"]
 		},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetDismiss: {
-		"name": "BottomSheetDismiss",
+	ModalActions: {
+		"name": "ModalActions",
 		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogDismiss"],
+		"getStylesLiterals": {
+			"flexDirection": "row-reverse",
+			"justifyContent": "space-between",
+			"alignItems": "center"
+		},
+		"cxLiterals": ["gap-[inherit]"],
+		"internalComponents": ["HStack"],
 		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
+		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
+			"modalSizeActions": ["modal.defaultSize"]
+		},
 		"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"
-		],
+	ModalContent: {
+		"name": "ModalContent",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"overflowY": "auto",
+			"display": "block",
+			"flexGrow": "1"
+		},
+		"cxLiterals": [],
 		"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"] }
+		"internalComponentProps": {},
+		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
 		},
-		"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
+		"runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetInternalContext: {
-		"name": "BottomSheetInternalContext",
+	ModalContext: {
+		"name": "ModalContext",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
@@ -1782,38 +1637,56 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetProvider: {
-		"name": "BottomSheetProvider",
+	ModalDescription: {
+		"name": "ModalDescription",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogProvider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
+		"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": []
 	},
-	BottomSheetTrigger: {
-		"name": "BottomSheetTrigger",
+	ModalTitle: {
+		"name": "ModalTitle",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogDisclosure"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
+		"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": []
 	},
-	UDSBottomSheetConfigProvider: {
-		"name": "UDSBottomSheetConfigProvider",
+	UDSModalConfigProvider: {
+		"name": "UDSModalConfigProvider",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["BottomSheetContext.Provider"],
+		"internalComponents": ["ModalContext.Provider"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1960,83 +1833,210 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Popover: {
-		"name": "Popover",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": ["uds:popover-open"],
-		"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {
-			"size": "popover.defaultSize",
-			"variant": "popover.defaultVariant"
+	Banner: {
+		"name": "Banner",
+		"defaultProps": {
+			"variant": "primary",
+			"size": "default",
+			"dismissAriaLabel": "Dismiss"
 		},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	PopoverContent: {
-		"name": "PopoverContent",
-		"defaultProps": {},
 		"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",
+			"className": "truncate",
+			"className:1": "line-clamp-3",
+			"spacing": "2",
 			"borderRadius": "full",
-			"alignItems": "center",
-			"justifyContent": "center",
-			"popoverVariantCloseIcon": "default",
-			"popoverSizeCloseIcon": "default"
+			"color": "primary"
 		},
 		"cxLiterals": [
-			"z-[9999]",
-			"outline-none",
-			"focus-visible:outline-none",
-			"uds-bgBlurFillFallback",
-			"uds-bgBlurFallback",
-			"top-0",
-			"left-0",
-			"z-[1]",
-			"duration-0",
-			"duration-120",
+			"uds-banner",
+			"flex",
+			"flex-row",
+			"items-center",
+			"items-start",
+			"min-w-[300px]",
 			"transition-[background-color]",
+			"motion-safe:duration-120",
 			"bg-carbon-15/0",
 			"hover:bg-carbon-15/10",
 			"active:bg-carbon-15/15",
 			"uds-ring",
-			"absolute",
-			"z-[4]"
+			"shrink-0",
+			"self-start",
+			"flex-1",
+			"min-w-0",
+			"flex-col",
+			"gap-[inherit]",
+			"uds-sm:flex-row",
+			"uds-sm:items-center",
+			"self-stretch",
+			"gap-0.5",
+			"w-full",
+			"truncate",
+			"leading-none",
+			"line-clamp-3",
+			"gap-1.5",
+			"uds-sm:self-center",
+			"uds-sm:shrink-0"
 		],
 		"internalComponents": [
-			"PopoverDismiss",
 			"IconSlot",
-			"PopoverArrow",
-			"Popover",
-			"SvgFloatingOverlay",
-			"Box",
+			"Text",
 			"Pressable"
 		],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "closeIcon": ["icon"] },
-		"runtimeConfigDefaultProps": {
-			"size": "popover.defaultSize",
-			"variant": "popover.defaultVariant"
+		"internalComponentProps": {
+			"IconSlot": { "data-testid": ["banner-start-icon"] },
+			"Text": { "data-testid": ["banner-title", "banner-description"] },
+			"Pressable": { "data-testid": ["banner-dismiss"] }
+		},
+		"propToVariantKeys": {
+			"variant": [
+				"bannerVariantRoot",
+				"bannerVariantIcon",
+				"bannerVariantTitle",
+				"bannerVariantDescription"
+			],
+			"size": [
+				"bannerSizeRoot",
+				"bannerSizeIcon",
+				"bannerSizeTitle",
+				"bannerSizeDescription",
+				"bannerSizeClose"
+			],
+			"startIcon": ["icon"],
+			"dismissAriaLabel": ["aria-label"],
+			"onDismiss": ["onClick"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BannerContent: {
+		"name": "BannerContent",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"flex",
+			"flex-col",
+			"items-start",
+			"self-stretch",
+			"flex-1",
+			"min-w-0"
+		],
+		"internalComponents": [],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BannerDescription: {
+		"name": "BannerDescription",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"bannerSizeDescription": "default",
+			"className": "w-full line-clamp-3"
+		},
+		"cxLiterals": [],
+		"internalComponents": ["Text"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BannerTitle: {
+		"name": "BannerTitle",
+		"defaultProps": {},
+		"getStylesLiterals": { "bannerSizeTitle": "default" },
+		"cxLiterals": ["w-full", "truncate"],
+		"internalComponents": ["Text"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	Popover: {
+		"name": "Popover",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": ["uds:popover-open"],
+		"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {
+			"size": "popover.defaultSize",
+			"variant": "popover.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	PopoverContent: {
+		"name": "PopoverContent",
+		"defaultProps": {},
+		"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"
+		},
+		"cxLiterals": [
+			"z-[9999]",
+			"outline-none",
+			"focus-visible:outline-none",
+			"uds-bgBlurFillFallback",
+			"uds-bgBlurFallback",
+			"top-0",
+			"left-0",
+			"z-[1]",
+			"duration-0",
+			"duration-120",
+			"transition-[background-color]",
+			"bg-carbon-15/0",
+			"hover:bg-carbon-15/10",
+			"active:bg-carbon-15/15",
+			"uds-ring",
+			"absolute",
+			"z-[4]"
+		],
+		"internalComponents": [
+			"PopoverDismiss",
+			"IconSlot",
+			"PopoverArrow",
+			"Popover",
+			"SvgFloatingOverlay",
+			"Box",
+			"Pressable"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": { "closeIcon": ["icon"] },
+		"runtimeConfigDefaultProps": {
+			"size": "popover.defaultSize",
+			"variant": "popover.defaultVariant"
 		},
 		"runtimeConfigGetStyles": {
 			"spacingTop": ["popover.spacingVertical.${size}"],
@@ -2199,126 +2199,96 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Tab: {
-		"name": "Tab",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {
-			"tabSizeRoot": "default",
-			"tabVariantActiveRoot": "off",
-			"tabVariantActiveRoot:1": "on",
-			"tabSizeIcon": "default"
-		},
-		"cxLiterals": [
-			"pointer-events-none",
-			"absolute",
-			"bottom-0",
-			"left-0",
-			"right-0",
-			"h-[var(--uds-tab-underline-width,0px)]",
-			"bg-[var(--uds-tab-underline-color,transparent)]",
-			"transition-[height,background-color]",
-			"duration-[240ms]",
-			"ease-[cubic-bezier(0.2,0,0,1)]",
-			"!bg-transparent",
-			"!shadow-none",
-			"inline-flex",
-			"items-center",
-			"shrink-0",
-			"box-border",
-			"relative",
-			"z-[1]",
-			"cursor-pointer",
-			"select-none",
-			"whitespace-nowrap",
-			"uds-ring",
-			"opacity-50",
-			"cursor-default",
-			"border-solid",
-			"border-b-solid",
-			"transition-colors"
-		],
+	UDSBreakpointsConfigProvider: {
+		"name": "UDSBreakpointsConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["UDSBreakpointsConfigContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSConfigProvider: {
+		"name": "UDSConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
 		"internalComponents": [
-			"IconSlot",
-			"AriakitTab",
-			"Text"
+			"UDSBreakpointsConfigProvider",
+			"UDSBottomSheetConfigProvider",
+			"UDSToastConfigProvider",
+			"UDSTooltipConfigProvider",
+			"UDSPopoverConfigProvider",
+			"UDSModalConfigProvider"
 		],
-		"internalComponentProps": { "Text": {
-			"variant": ["inherit"],
-			"as": ["span"],
-			"color": ["current"]
-		} },
-		"propToVariantKeys": {
-			"variant": ["tabVariantRoot", "tabVariantIcon"],
-			"activeState": ["tabVariantActiveIcon"],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"]
-		},
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	TabList: {
-		"name": "TabList",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {
-			"tabSizeRoot": "default",
-			"tabVariantActiveRoot": "on"
+	Accordion: {
+		"name": "Accordion",
+		"defaultProps": {
+			"spacingHorizontal": "4",
+			"spacingVertical": "4"
 		},
-		"cxLiterals": [
-			"pointer-events-none",
-			"absolute",
-			"bottom-0",
-			"left-0",
-			"right-0",
-			"h-[var(--uds-tab-underline-width,0px)]",
-			"bg-[var(--uds-tab-underline-color,transparent)]",
-			"transition-[height,background-color]",
-			"duration-[240ms]",
-			"ease-[cubic-bezier(0.2,0,0,1)]",
-			"!m-0",
-			"!p-0",
-			"!gap-0",
-			"box-border",
-			"z-0",
-			"min-w-0",
-			"min-h-0",
-			"flex",
-			"flex-row",
-			"items-center",
-			"overflow-x-auto",
-			"overflow-y-clip",
-			"scrollbar-none",
-			"[overflow-clip-margin:6px]",
-			"overflow-clip",
-			"[overflow-clip-margin:8px]",
-			"relative",
-			"left",
-			"240ms",
-			"cubic-bezier(0.2,",
-			"0,",
-			"1),",
-			"top",
-			"width",
-			"height",
-			"1)",
-			"--uds-tab-underline-color",
-			"--uds-tab-underline-width"
+		"getStylesLiterals": {},
+		"cxLiterals": ["hover:bg-secondary/80", "w-full"],
+		"internalComponents": [
+			"Icon",
+			"SpringMotionConfig",
+			"Pressable",
+			"Text",
+			"HStack",
+			"AnimatePresence",
+			"VStack"
 		],
-		"internalComponents": ["AriakitTabList"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
+		"internalComponentProps": {
+			"Icon": {
+				"variant": ["fill"],
+				"size": ["sm"],
+				"color": ["primary"]
+			},
+			"SpringMotionConfig": {
+				"layoutVariant": ["smooth"],
+				"layoutSpeed": ["3"]
+			},
+			"Pressable": {
+				"display": ["flex"],
+				"flexDirection": ["row"],
+				"alignItems": ["center"],
+				"justifyContent": ["space-between"],
+				"borderRadius": ["md"]
+			},
+			"Text": {
+				"variant": ["title4"],
+				"color": ["primary"]
+			},
+			"HStack": {
+				"display": ["flex"],
+				"alignItems": ["center"],
+				"justifyContent": ["space-between"],
+				"columnGap": ["2.5"]
+			}
+		},
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
+		"motionVarPrefixes": ["--uds-motion-smooth-3-"]
 	},
-	TabPanel: {
-		"name": "TabPanel",
+	AvoidMotionLibraryProvider: {
+		"name": "AvoidMotionLibraryProvider",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitTabPanel"],
+		"internalComponents": [],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -2326,149 +2296,161 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Tabs: {
-		"name": "Tabs",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["TabsContext.Provider", "TabProvider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
+	SegmentedControl: {
+		"name": "SegmentedControl",
+		"defaultProps": { "textVariant": "label2" },
+		"getStylesLiterals": {
+			"display": "flex",
+			"alignItems": "center",
+			"backgroundColor": "primary",
+			"spacingVertical": "1",
+			"spacingHorizontal": "3",
+			"columnGap": "1.5",
+			"borderWidth": "thin",
+			"borderRadius": "full",
+			"borderColor": "muted",
+			"borderColor:1": "transparent",
+			"color": "primary",
+			"color:1": "tertiary",
+			"color:2": "muted"
+		},
+		"cxLiterals": [
+			"uds-ring",
+			"cursor-not-allowed",
+			"opacity-50",
+			"pointer-events-none",
+			"hover:bg-primary"
+		],
+		"internalComponents": [
+			"Radio",
+			"Icon",
+			"RadioProvider",
+			"HStack",
+			"RadioGroup",
+			"Pressable",
+			"Text"
+		],
+		"internalComponentProps": {
+			"Icon": {
+				"size": ["sm"],
+				"color": ["current"],
+				"aria-hidden": ["true"]
+			},
+			"HStack": {
+				"spacing": ["1"],
+				"gap": ["1"],
+				"backgroundColor": ["secondary"],
+				"borderRadius": ["full"],
+				"display": ["inline-flex"]
+			},
+			"Text": { "color": ["current"] }
+		},
+		"propToVariantKeys": {
+			"value": ["key"],
+			"label": ["aria-label"],
+			"textVariant": ["variant"]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Toast: {
-		"name": "Toast",
-		"defaultProps": {},
+	SwitchV2: {
+		"name": "SwitchV2",
+		"defaultProps": {
+			"labelPosition": "start",
+			"size": "md"
+		},
 		"getStylesLiterals": {
-			"className": "animate-spin",
-			"className:1": "flex-none",
-			"spacing": "2",
-			"borderRadius": "full"
+			"switchVariantRoot": "default",
+			"switchVariantActiveRoot": "on",
+			"switchVariantActiveRoot:1": "off",
+			"switchVariantSwitch": "default",
+			"switchVariantActiveSwitch": "on",
+			"switchVariantActiveSwitch:1": "off",
+			"switchVariantActiveHandle": "on",
+			"switchVariantActiveHandle:1": "off",
+			"switchVariantHandle": "default",
+			"switchVariantHandleIcon": "default",
+			"switchVariantActiveHandleIcon": "on",
+			"switchVariantActiveHandleIcon:1": "off"
 		},
 		"cxLiterals": [
-			"duration-0",
-			"duration-120",
-			"transition-[background-color]",
-			"bg-carbon-15/0",
-			"hover:bg-carbon-15/10",
-			"active:bg-carbon-15/15",
-			"uds-ring"
+			"group",
+			"flex",
+			"items-center",
+			"flex-row",
+			"flex-row-reverse",
+			"uds-ring",
+			"uds-ring-within",
+			"relative",
+			"uds-border-radius-full",
+			"transition-[background-color,box-shadow]",
+			"pointer-events-none",
+			"w-full",
+			"h-full",
+			"absolute",
+			"top-0",
+			"bottom-0",
+			"right-0",
+			"left-0",
+			"overflow-hidden",
+			"group-hover:scale-105",
+			"opacity-95",
+			"group-hover:opacity-100",
+			"transition-[transform,opacity]",
+			"opacity-0",
+			"top-1/2",
+			"left-1/2",
+			"transform",
+			"translate-x-[-50%]",
+			"translate-y-[-50%]",
+			"transition-opacity",
+			"cursor-[inherit]",
+			"w-[calc(100%+2px)]",
+			"h-[calc(100%+2px)]",
+			"text-start",
+			"text-end",
+			"opacity-100"
 		],
 		"internalComponents": [
 			"IconSlot",
-			"ToastContainer",
-			"Text",
-			"Button",
-			"Pressable"
+			"Box",
+			"FormLabel",
+			"SpringMotionConfig",
+			"RootElement",
+			"MotionBox"
 		],
-		"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"]
+		"internalComponentProps": {
+			"IconSlot": { "data-testid": ["on-icon", "off-icon"] },
+			"FormLabel": {
+				"as": ["div"],
+				"variant": ["inherit"],
+				"color": ["inherit"]
 			},
-			"Text": {
-				"variant": ["toast.textVariant.${size}"],
-				"color": ["toast.textColor.${variant}"]
+			"SpringMotionConfig": {
+				"layoutVariant": ["bouncy"],
+				"layoutSpeed": ["4"]
 			},
-			"Button": {
-				"size": ["toast.buttonSize.${size}"],
-				"variant": ["toast.buttonVariant.${variant}"]
-			}
-		},
-		"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"
+			"RootElement": { "data-testid": ["switch-root"] },
+			"MotionBox": { "layout": ["position"] }
 		},
-		"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"
+			"size": [
+				"switchSizeRoot",
+				"switchSizeSwitch",
+				"switchSizeHandle",
+				"switchSizeHandleIcon"
+			],
+			"onIcon": ["icon"],
+			"offIcon": ["icon"],
+			"reduceMotion": ["reducedMotion"],
+			"isOn": ["layoutDependency"]
 		},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
-		"motionVarPrefixes": []
-	},
-	UDSToastConfigProvider: {
-		"name": "UDSToastConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ToastContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
+		"motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
 	},
 	Tooltip: {
 		"name": "Tooltip",
@@ -2561,96 +2543,130 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	UDSBreakpointsConfigProvider: {
-		"name": "UDSBreakpointsConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["UDSBreakpointsConfigContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSConfigProvider: {
-		"name": "UDSConfigProvider",
+	Toast: {
+		"name": "Toast",
 		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [
-			"UDSBreakpointsConfigProvider",
-			"UDSBottomSheetConfigProvider",
-			"UDSToastConfigProvider",
-			"UDSTooltipConfigProvider",
-			"UDSPopoverConfigProvider",
-			"UDSModalConfigProvider"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Accordion: {
-		"name": "Accordion",
-		"defaultProps": {
-			"spacingHorizontal": "4",
-			"spacingVertical": "4"
+		"getStylesLiterals": {
+			"className": "animate-spin",
+			"className:1": "flex-none",
+			"spacing": "2",
+			"borderRadius": "full"
 		},
-		"getStylesLiterals": {},
-		"cxLiterals": ["hover:bg-secondary/80", "w-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": [
-			"Icon",
-			"SpringMotionConfig",
-			"Pressable",
+			"IconSlot",
+			"ToastContainer",
 			"Text",
-			"HStack",
-			"AnimatePresence",
-			"VStack"
+			"Button",
+			"Pressable"
 		],
-		"internalComponentProps": {
-			"Icon": {
-				"variant": ["fill"],
-				"size": ["sm"],
-				"color": ["primary"]
-			},
-			"SpringMotionConfig": {
-				"layoutVariant": ["smooth"],
-				"layoutSpeed": ["3"]
-			},
-			"Pressable": {
-				"display": ["flex"],
-				"flexDirection": ["row"],
-				"alignItems": ["center"],
-				"justifyContent": ["space-between"],
-				"borderRadius": ["md"]
+		"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": ["title4"],
-				"color": ["primary"]
+				"variant": ["toast.textVariant.${size}"],
+				"color": ["toast.textColor.${variant}"]
 			},
-			"HStack": {
-				"display": ["flex"],
-				"alignItems": ["center"],
-				"justifyContent": ["space-between"],
-				"columnGap": ["2.5"]
+			"Button": {
+				"size": ["toast.buttonSize.${size}"],
+				"variant": ["toast.buttonVariant.${variant}"]
 			}
 		},
+		"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": {},
+		"runtimeConfigDefaultProps": {
+			"size": "toast.defaultSize",
+			"variant": "toast.defaultVariant"
+		},
 		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": ["--uds-motion-smooth-3-"]
+		"runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
+		"motionVarPrefixes": []
 	},
-	AvoidMotionLibraryProvider: {
-		"name": "AvoidMotionLibraryProvider",
+	UDSToastConfigProvider: {
+		"name": "UDSToastConfigProvider",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": [],
+		"internalComponents": ["ToastContext.Provider"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -2658,161 +2674,145 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	SegmentedControl: {
-		"name": "SegmentedControl",
-		"defaultProps": { "textVariant": "label2" },
+	Tab: {
+		"name": "Tab",
+		"defaultProps": { "variant": "primary" },
 		"getStylesLiterals": {
-			"display": "flex",
-			"alignItems": "center",
-			"backgroundColor": "primary",
-			"spacingVertical": "1",
-			"spacingHorizontal": "3",
-			"columnGap": "1.5",
-			"borderWidth": "thin",
-			"borderRadius": "full",
-			"borderColor": "muted",
-			"borderColor:1": "transparent",
-			"color": "primary",
-			"color:1": "tertiary",
-			"color:2": "muted"
+			"tabSizeRoot": "default",
+			"tabVariantActiveRoot": "off",
+			"tabVariantActiveRoot:1": "on",
+			"tabSizeIcon": "default"
 		},
 		"cxLiterals": [
+			"pointer-events-none",
+			"absolute",
+			"bottom-0",
+			"left-0",
+			"right-0",
+			"h-[var(--uds-tab-underline-width,0px)]",
+			"bg-[var(--uds-tab-underline-color,transparent)]",
+			"transition-[height,background-color]",
+			"duration-[240ms]",
+			"ease-[cubic-bezier(0.2,0,0,1)]",
+			"!bg-transparent",
+			"!shadow-none",
+			"inline-flex",
+			"items-center",
+			"shrink-0",
+			"box-border",
+			"relative",
+			"z-[1]",
+			"cursor-pointer",
+			"select-none",
+			"whitespace-nowrap",
 			"uds-ring",
-			"cursor-not-allowed",
 			"opacity-50",
-			"pointer-events-none",
-			"hover:bg-primary"
+			"cursor-default",
+			"border-solid",
+			"border-b-solid",
+			"transition-colors"
 		],
 		"internalComponents": [
-			"Radio",
-			"Icon",
-			"RadioProvider",
-			"HStack",
-			"RadioGroup",
-			"Pressable",
+			"IconSlot",
+			"AriakitTab",
 			"Text"
 		],
-		"internalComponentProps": {
-			"Icon": {
-				"size": ["sm"],
-				"color": ["current"],
-				"aria-hidden": ["true"]
-			},
-			"HStack": {
-				"spacing": ["1"],
-				"gap": ["1"],
-				"backgroundColor": ["secondary"],
-				"borderRadius": ["full"],
-				"display": ["inline-flex"]
-			},
-			"Text": { "color": ["current"] }
-		},
+		"internalComponentProps": { "Text": {
+			"variant": ["inherit"],
+			"as": ["span"],
+			"color": ["current"]
+		} },
 		"propToVariantKeys": {
-			"value": ["key"],
-			"label": ["aria-label"],
-			"textVariant": ["variant"]
+			"variant": ["tabVariantRoot", "tabVariantIcon"],
+			"activeState": ["tabVariantActiveIcon"],
+			"startIcon": ["icon"],
+			"endIcon": ["icon"]
 		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	SwitchV2: {
-		"name": "SwitchV2",
-		"defaultProps": {
-			"labelPosition": "start",
-			"size": "md"
-		},
+	TabList: {
+		"name": "TabList",
+		"defaultProps": { "variant": "primary" },
 		"getStylesLiterals": {
-			"switchVariantRoot": "default",
-			"switchVariantActiveRoot": "on",
-			"switchVariantActiveRoot:1": "off",
-			"switchVariantSwitch": "default",
-			"switchVariantActiveSwitch": "on",
-			"switchVariantActiveSwitch:1": "off",
-			"switchVariantActiveHandle": "on",
-			"switchVariantActiveHandle:1": "off",
-			"switchVariantHandle": "default",
-			"switchVariantHandleIcon": "default",
-			"switchVariantActiveHandleIcon": "on",
-			"switchVariantActiveHandleIcon:1": "off"
+			"tabSizeRoot": "default",
+			"tabVariantActiveRoot": "on"
 		},
 		"cxLiterals": [
-			"group",
-			"flex",
-			"items-center",
-			"flex-row",
-			"flex-row-reverse",
-			"uds-ring",
-			"uds-ring-within",
-			"relative",
-			"uds-border-radius-full",
-			"transition-[background-color,box-shadow]",
 			"pointer-events-none",
-			"w-full",
-			"h-full",
 			"absolute",
-			"top-0",
 			"bottom-0",
-			"right-0",
 			"left-0",
-			"overflow-hidden",
-			"group-hover:scale-105",
-			"opacity-95",
-			"group-hover:opacity-100",
-			"transition-[transform,opacity]",
-			"opacity-0",
-			"top-1/2",
-			"left-1/2",
-			"transform",
-			"translate-x-[-50%]",
-			"translate-y-[-50%]",
-			"transition-opacity",
-			"cursor-[inherit]",
-			"w-[calc(100%+2px)]",
-			"h-[calc(100%+2px)]",
-			"text-start",
-			"text-end",
-			"opacity-100"
-		],
-		"internalComponents": [
-			"IconSlot",
-			"Box",
-			"FormLabel",
-			"SpringMotionConfig",
-			"RootElement",
-			"MotionBox"
+			"right-0",
+			"h-[var(--uds-tab-underline-width,0px)]",
+			"bg-[var(--uds-tab-underline-color,transparent)]",
+			"transition-[height,background-color]",
+			"duration-[240ms]",
+			"ease-[cubic-bezier(0.2,0,0,1)]",
+			"!m-0",
+			"!p-0",
+			"!gap-0",
+			"box-border",
+			"z-0",
+			"min-w-0",
+			"min-h-0",
+			"flex",
+			"flex-row",
+			"items-center",
+			"overflow-x-auto",
+			"overflow-y-clip",
+			"scrollbar-none",
+			"[overflow-clip-margin:6px]",
+			"overflow-clip",
+			"[overflow-clip-margin:8px]",
+			"relative",
+			"left",
+			"240ms",
+			"cubic-bezier(0.2,",
+			"0,",
+			"1),",
+			"top",
+			"width",
+			"height",
+			"1)",
+			"--uds-tab-underline-color",
+			"--uds-tab-underline-width"
 		],
-		"internalComponentProps": {
-			"IconSlot": { "data-testid": ["on-icon", "off-icon"] },
-			"FormLabel": {
-				"as": ["div"],
-				"variant": ["inherit"],
-				"color": ["inherit"]
-			},
-			"SpringMotionConfig": {
-				"layoutVariant": ["bouncy"],
-				"layoutSpeed": ["4"]
-			},
-			"RootElement": { "data-testid": ["switch-root"] },
-			"MotionBox": { "layout": ["position"] }
-		},
-		"propToVariantKeys": {
-			"size": [
-				"switchSizeRoot",
-				"switchSizeSwitch",
-				"switchSizeHandle",
-				"switchSizeHandleIcon"
-			],
-			"onIcon": ["icon"],
-			"offIcon": ["icon"],
-			"reduceMotion": ["reducedMotion"],
-			"isOn": ["layoutDependency"]
-		},
+		"internalComponents": ["AriakitTabList"],
+		"internalComponentProps": {},
+		"propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
+		"motionVarPrefixes": []
+	},
+	TabPanel: {
+		"name": "TabPanel",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["AriakitTabPanel"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	Tabs: {
+		"name": "Tabs",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["TabsContext.Provider", "TabProvider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
 	}
 };
 //#endregion