npm - @yahoo/uds - Versions diffs - 3.146.0 → 3.147.0-beta.1 - Mend

@yahoo/uds 3.146.0 → 3.147.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/uds/generated/componentData.js CHANGED Viewed

@@ -427,74 +427,6 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Spinner: {
-		"name": "Spinner",
-		"defaultProps": {
-			"color": "primary",
-			"size": "lg"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"self-center",
-			"relative",
-			"sr-only"
-		],
-		"internalComponents": ["Icon"],
-		"internalComponentProps": { "Icon": {
-			"role": ["img"],
-			"className": ["animate-spin"],
-			"aria-hidden": ["true"]
-		} },
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Table.mocks": {
-		"name": "Table.mocks",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Table: {
-		"name": "Table",
-		"defaultProps": {
-			"display": "table-cell",
-			"overflow": "hidden",
-			"borderColor": "muted",
-			"borderRadius": "md",
-			"spacing": "3",
-			"borderBottomColor": "muted",
-			"borderBottomWidth": "thin",
-			"color": "primary"
-		},
-		"getStylesLiterals": { "textAlign": "start" },
-		"cxLiterals": [],
-		"internalComponents": [
-			"CellComponent",
-			"Box",
-			"Text",
-			"Table.Root",
-			"Table.Header",
-			"Table.Row",
-			"Table.Cell",
-			"Table.Body"
-		],
-		"internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
 	AnimateHeightChange: {
 		"name": "AnimateHeightChange",
 		"defaultProps": {},
@@ -837,6 +769,175 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
 	},
+	Spinner: {
+		"name": "Spinner",
+		"defaultProps": {
+			"color": "primary",
+			"size": "lg"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"self-center",
+			"relative",
+			"sr-only"
+		],
+		"internalComponents": ["Icon"],
+		"internalComponentProps": { "Icon": {
+			"role": ["img"],
+			"className": ["animate-spin"],
+			"aria-hidden": ["true"]
+		} },
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	"Table.mocks": {
+		"name": "Table.mocks",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	Table: {
+		"name": "Table",
+		"defaultProps": {
+			"display": "table-cell",
+			"overflow": "hidden",
+			"borderColor": "muted",
+			"borderRadius": "md",
+			"spacing": "3",
+			"borderBottomColor": "muted",
+			"borderBottomWidth": "thin",
+			"color": "primary"
+		},
+		"getStylesLiterals": { "textAlign": "start" },
+		"cxLiterals": [],
+		"internalComponents": [
+			"CellComponent",
+			"Box",
+			"Text",
+			"Table.Root",
+			"Table.Header",
+			"Table.Row",
+			"Table.Cell",
+			"Table.Body"
+		],
+		"internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	Avatar: {
+		"name": "Avatar",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["AvatarImage"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"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"
+		],
+		"internalComponents": ["IconSlot", "Box"],
+		"internalComponentProps": {},
+		"propToVariantKeys": { "size": ["avatarSizeIcon"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	AvatarImage: {
+		"name": "AvatarImage",
+		"defaultProps": {
+			"size": "md",
+			"variant": "primary"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"overflow-hidden",
+			"w-full",
+			"h-full",
+			"shrink-0",
+			"text-center",
+			"inline-flex",
+			"justify-center",
+			"items-center",
+			"object-cover"
+		],
+		"internalComponents": [
+			"UDSImage",
+			"AvatarText",
+			"AvatarIcon",
+			"Box"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"alt": ["name"],
+			"fallback": ["initials"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	AvatarText: {
+		"name": "AvatarText",
+		"defaultProps": {
+			"size": "md",
+			"variant": "primary"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"overflow-hidden",
+			"truncate",
+			"w-full",
+			"h-full",
+			"shrink-0",
+			"text-center",
+			"inline-flex",
+			"justify-center",
+			"items-center"
+		],
+		"internalComponents": ["Box", "Text"],
+		"internalComponentProps": { "Text": {
+			"color": ["inherit"],
+			"variant": ["inherit"]
+		} },
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
 	Input: {
 		"name": "Input",
 		"defaultProps": {
@@ -967,231 +1068,11 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Accordion: {
-		"name": "Accordion",
-		"defaultProps": {
-			"spacingHorizontal": "4",
-			"spacingVertical": "4"
-		},
+	Chip: {
+		"name": "Chip",
+		"defaultProps": {},
 		"getStylesLiterals": {},
-		"cxLiterals": ["hover:bg-secondary/80", "w-full"],
-		"internalComponents": [
-			"Icon",
-			"SpringMotionConfig",
-			"Pressable",
-			"Text",
-			"HStack",
-			"AnimatePresence",
-			"VStack"
-		],
-		"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": ["--uds-motion-smooth-3-"]
-	},
-	AvoidMotionLibraryProvider: {
-		"name": "AvoidMotionLibraryProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	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": []
-	},
-	SwitchV2: {
-		"name": "SwitchV2",
-		"defaultProps": {
-			"labelPosition": "start",
-			"size": "md"
-		},
-		"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"
-		},
-		"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"
-		],
-		"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"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
-	},
-	Chip: {
-		"name": "Chip",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
+		"cxLiterals": [],
 		"internalComponents": [
 			"ChipDismissible",
 			"ChipToggle",
@@ -1317,171 +1198,32 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PaddleButton: {
-		"name": "PaddleButton",
-		"defaultProps": {},
-		"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": [
-			"relative",
-			"inline-flex",
-			"items-center",
-			"justify-center",
-			"box-border",
+			"fixed",
+			"inset-0",
+			"z-40",
+			"overflow-y-auto",
 			"overflow-hidden",
-			"border-solid",
-			"select-none",
-			"uds-nested-radius",
-			"transition-[color,border-color,box-shadow]",
-			"duration-[180ms]",
-			"ease-[cubic-bezier(0,0,0.2,1)]",
-			"uds-ring",
-			"cursor-pointer",
-			"cursor-not-allowed",
-			"opacity-50",
-			"pointer-events-none",
-			"hidden",
-			"absolute",
-			"inset-0",
-			"-z-10",
-			"rounded-[length:var(--uds-nested-radius)]",
-			"transition-[background-color,opacity]"
-		],
-		"internalComponents": ["Icon"],
-		"internalComponentProps": { "Icon": {
-			"size": ["md"],
-			"color": ["current"]
-		} },
-		"propToVariantKeys": {
-			"size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
-			"variant": [
-				"paddlenavVariantRoot",
-				"paddlenavVariantBackground",
-				"paddlenavVariantIcon"
-			]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	PaddleButtonNext: {
-		"name": "PaddleButtonNext",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["PaddleButton"],
-		"internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	PaddleButtonPrevious: {
-		"name": "PaddleButtonPrevious",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["PaddleButton"],
-		"internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	PaddleNav: {
-		"name": "PaddleNav",
-		"defaultProps": {
-			"orientation": "horizontal",
-			"variant": "primary",
-			"size": "md"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"pointer-events-none",
-			"inline-flex",
-			"flex-row",
-			"gap-2",
-			"items-center",
-			"pointer-events-auto",
-			"flex-col",
-			"relative",
-			"min-w-0",
-			"min-h-0",
-			"flex-1",
-			"inline-block",
-			"absolute",
-			"z-10",
-			"top-2",
-			"left-1/2",
-			"-translate-x-1/2",
-			"left-2",
-			"top-1/2",
-			"-translate-y-1/2",
-			"bottom-2",
-			"right-2",
-			"-top-12",
-			"left-0",
-			"right-0",
-			"-bottom-12"
-		],
-		"internalComponents": ["PaddleNavContext.Provider", "Box"],
-		"internalComponentProps": { "Box": {
-			"display": ["inline-flex"],
-			"alignItems": ["center"],
-			"justifyContent": ["center"],
-			"data-paddle-nav-outside": ["true"]
-		} },
-		"propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	PaddleNavContent: {
-		"name": "PaddleNavContent",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"min-w-0",
-			"min-h-0",
-			"relative"
-		],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	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",
+			"transition-[opacity,visibility]",
+			"visible",
+			"opacity-100",
+			"invisible",
+			"opacity-0",
 			"pointer-events-none",
 			"uds-bgBlurFallback",
 			"w-full",
@@ -1663,276 +1405,79 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheet: {
-		"name": "BottomSheet",
-		"defaultProps": { "variant": "default" },
+	"Menu.Content": {
+		"name": "Menu.Content",
+		"defaultProps": {
+			"size": "default",
+			"variant": "default",
+			"gutter": "1"
+		},
 		"getStylesLiterals": {},
 		"cxLiterals": [
-			"fixed",
-			"overflow-hidden",
-			"inset-x-0",
-			"bottom-0",
-			"z-50",
-			"[will-change:transform]",
-			"touch-none",
-			"[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
-			"data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
-			"transition-transform",
-			"duration-500",
-			"ease-[cubic-bezier(0.32,0.72,0,1)]",
-			"motion-reduce:transition-none",
-			"top-[-4px]",
-			"z-[1]",
-			"touch-pan-y"
+			"uds-menu-content",
+			"transition-shadow",
+			"duration-200",
+			"ease-in-out",
+			"min-w-60",
+			"max-w-lg",
+			"max-h-96",
+			"overflow-auto",
+			"uds-ring",
+			"z-10",
+			"group"
 		],
 		"internalComponents": [
-			"Scrim",
-			"BottomSheetHandle",
-			"Dialog",
-			"Box",
-			"BottomSheetInternalContext.Provider"
+			"AriakitMenu",
+			"AnimatePresence",
+			"MotionVStack"
 		],
-		"internalComponentProps": {
-			"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
-			"Dialog": { "data-testid": ["bottom-sheet"] },
-			"Box": {
-				"display": ["block", "flex"],
-				"position": ["absolute"],
-				"flexDirection": ["column"],
-				"className": ["absolute inset-0 min-h-0 p-[inherit]"]
-			}
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"size": ["menucontentSizeRoot"],
+			"variant": ["menucontentVariantRoot"]
 		},
-		"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetContent: {
-		"name": "BottomSheetContent",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": ["min-h-0", "touch-pan-y"],
-		"internalComponents": ["Box", "VStack"],
-		"internalComponentProps": {
-			"Box": {
-				"display": ["block"],
-				"flex": ["1"]
-			},
-			"VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
+	"Menu.Divider": {
+		"name": "Menu.Divider",
+		"defaultProps": {
+			"role": "separator",
+			"contentPosition": "start",
+			"gap": "4"
+		},
+		"getStylesLiterals": {
+			"menuitemDividerVariantRoot": "default",
+			"menuitemDividerVariantText": "default",
+			"menuitemDividerVariantLine": "default"
 		},
+		"cxLiterals": [],
+		"internalComponents": ["Divider"],
+		"internalComponentProps": { "Divider": { "variant": ["inherit"] } },
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	BottomSheetDismiss: {
-		"name": "BottomSheetDismiss",
+	"Menu.Item": {
+		"name": "Menu.Item",
 		"defaultProps": {},
-		"getStylesLiterals": {},
+		"getStylesLiterals": {
+			"menuitemItemVariantRoot": "default",
+			"menuitemItemVariantActiveRoot": "on",
+			"menuitemItemVariantActiveRoot:1": "off",
+			"menuitemItemVariantText": "default",
+			"menuitemItemVariantActiveText": "on",
+			"menuitemItemVariantActiveText:1": "off",
+			"menuitemItemVariantIcon": "default",
+			"menuitemItemVariantActiveIcon": "on",
+			"menuitemItemVariantActiveIcon:1": "off"
+		},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogDismiss"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BottomSheetHandle: {
-		"name": "BottomSheetHandle",
-		"defaultProps": { "variant": "default" },
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"relative",
-			"h-5",
-			"w-16",
-			"outline-none",
-			"focus-visible:outline-none",
-			"[touch-action:pan-y]",
-			"absolute",
-			"left-1/2",
-			"top-1/2",
-			"-translate-x-1/2",
-			"-translate-y-1/2",
-			"h-1",
-			"w-8",
-			"rounded-full"
-		],
-		"internalComponents": ["Box"],
-		"internalComponentProps": { "Box": {
-			"display": ["block", "flex"],
-			"justifyContent": ["center"]
-		} },
-		"propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BottomSheetHeader: {
-		"name": "BottomSheetHeader",
-		"defaultProps": { "variant": "default" },
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"grid-cols-[40px_1fr_40px]",
-			"items-center",
-			"w-full",
-			"min-h-10",
-			"mt-2"
-		],
-		"internalComponents": [
-			"Box",
-			"Text",
-			"DialogHeading"
-		],
-		"internalComponentProps": {
-			"Box": {
-				"className": ["h-10 w-10 opacity-0 pointer-events-none"],
-				"display": ["grid", "flex"],
-				"justifyContent": ["flex-start", "flex-end"]
-			},
-			"Text": {
-				"as": ["p"],
-				"variant": ["inherit"],
-				"color": ["inherit"],
-				"textAlign": ["center"],
-				"className": ["m-0 w-full"]
-			},
-			"DialogHeading": { "role": ["heading"] }
-		},
-		"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BottomSheetInternalContext: {
-		"name": "BottomSheetInternalContext",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BottomSheetProvider: {
-		"name": "BottomSheetProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogProvider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	BottomSheetTrigger: {
-		"name": "BottomSheetTrigger",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogDisclosure"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSBottomSheetConfigProvider: {
-		"name": "UDSBottomSheetConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["BottomSheetContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.Content": {
-		"name": "Menu.Content",
-		"defaultProps": {
-			"size": "default",
-			"variant": "default",
-			"gutter": "1"
-		},
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"uds-menu-content",
-			"transition-shadow",
-			"duration-200",
-			"ease-in-out",
-			"min-w-60",
-			"max-w-lg",
-			"max-h-96",
-			"overflow-auto",
-			"uds-ring",
-			"z-10",
-			"group"
-		],
-		"internalComponents": [
-			"AriakitMenu",
-			"AnimatePresence",
-			"MotionVStack"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {
-			"size": ["menucontentSizeRoot"],
-			"variant": ["menucontentVariantRoot"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.Divider": {
-		"name": "Menu.Divider",
-		"defaultProps": {
-			"role": "separator",
-			"contentPosition": "start",
-			"gap": "4"
-		},
-		"getStylesLiterals": {
-			"menuitemDividerVariantRoot": "default",
-			"menuitemDividerVariantText": "default",
-			"menuitemDividerVariantLine": "default"
-		},
-		"cxLiterals": [],
-		"internalComponents": ["Divider"],
-		"internalComponentProps": { "Divider": { "variant": ["inherit"] } },
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	"Menu.Item": {
-		"name": "Menu.Item",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"menuitemItemVariantRoot": "default",
-			"menuitemItemVariantActiveRoot": "on",
-			"menuitemItemVariantActiveRoot:1": "off",
-			"menuitemItemVariantText": "default",
-			"menuitemItemVariantActiveText": "on",
-			"menuitemItemVariantActiveText:1": "off",
-			"menuitemItemVariantIcon": "default",
-			"menuitemItemVariantActiveIcon": "on",
-			"menuitemItemVariantActiveIcon:1": "off"
-		},
-		"cxLiterals": [],
-		"internalComponents": ["MenuItemBase"],
+		"internalComponents": ["MenuItemBase"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -2079,12 +1624,76 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Avatar: {
-		"name": "Avatar",
+	BottomSheet: {
+		"name": "BottomSheet",
+		"defaultProps": { "variant": "default" },
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"fixed",
+			"overflow-hidden",
+			"inset-x-0",
+			"bottom-0",
+			"z-50",
+			"[will-change:transform]",
+			"touch-none",
+			"[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
+			"data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
+			"transition-transform",
+			"duration-500",
+			"ease-[cubic-bezier(0.32,0.72,0,1)]",
+			"motion-reduce:transition-none",
+			"top-[-4px]",
+			"z-[1]",
+			"touch-pan-y"
+		],
+		"internalComponents": [
+			"Scrim",
+			"BottomSheetHandle",
+			"Dialog",
+			"Box",
+			"BottomSheetInternalContext.Provider"
+		],
+		"internalComponentProps": {
+			"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
+			"Dialog": { "data-testid": ["bottom-sheet"] },
+			"Box": {
+				"display": ["block", "flex"],
+				"position": ["absolute"],
+				"flexDirection": ["column"],
+				"className": ["absolute inset-0 min-h-0 p-[inherit]"]
+			}
+		},
+		"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetContent: {
+		"name": "BottomSheetContent",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": ["min-h-0", "touch-pan-y"],
+		"internalComponents": ["Box", "VStack"],
+		"internalComponentProps": {
+			"Box": {
+				"display": ["block"],
+				"flex": ["1"]
+			},
+			"VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
+		},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetDismiss: {
+		"name": "BottomSheetDismiss",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AvatarImage"],
+		"internalComponents": ["AriakitDialogDismiss"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -2092,88 +1701,259 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	AvatarIcon: {
-		"name": "AvatarIcon",
-		"defaultProps": {
-			"size": "md",
-			"variant": "primary"
-		},
+	BottomSheetHandle: {
+		"name": "BottomSheetHandle",
+		"defaultProps": { "variant": "default" },
 		"getStylesLiterals": {},
 		"cxLiterals": [
-			"overflow-hidden",
+			"relative",
+			"h-5",
+			"w-16",
+			"outline-none",
+			"focus-visible:outline-none",
+			"[touch-action:pan-y]",
+			"absolute",
+			"left-1/2",
+			"top-1/2",
+			"-translate-x-1/2",
+			"-translate-y-1/2",
+			"h-1",
+			"w-8",
+			"rounded-full"
+		],
+		"internalComponents": ["Box"],
+		"internalComponentProps": { "Box": {
+			"display": ["block", "flex"],
+			"justifyContent": ["center"]
+		} },
+		"propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetHeader: {
+		"name": "BottomSheetHeader",
+		"defaultProps": { "variant": "default" },
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"grid-cols-[40px_1fr_40px]",
+			"items-center",
 			"w-full",
-			"h-full",
-			"shrink-0",
-			"text-center",
+			"min-h-10",
+			"mt-2"
+		],
+		"internalComponents": [
+			"Box",
+			"Text",
+			"DialogHeading"
+		],
+		"internalComponentProps": {
+			"Box": {
+				"className": ["h-10 w-10 opacity-0 pointer-events-none"],
+				"display": ["grid", "flex"],
+				"justifyContent": ["flex-start", "flex-end"]
+			},
+			"Text": {
+				"as": ["p"],
+				"variant": ["inherit"],
+				"color": ["inherit"],
+				"textAlign": ["center"],
+				"className": ["m-0 w-full"]
+			},
+			"DialogHeading": { "role": ["heading"] }
+		},
+		"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetInternalContext: {
+		"name": "BottomSheetInternalContext",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetProvider: {
+		"name": "BottomSheetProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["AriakitDialogProvider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	BottomSheetTrigger: {
+		"name": "BottomSheetTrigger",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["AriakitDialogDisclosure"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSBottomSheetConfigProvider: {
+		"name": "UDSBottomSheetConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["BottomSheetContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	PaddleButton: {
+		"name": "PaddleButton",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"relative",
 			"inline-flex",
+			"items-center",
 			"justify-center",
-			"items-center"
+			"box-border",
+			"overflow-hidden",
+			"border-solid",
+			"select-none",
+			"uds-nested-radius",
+			"transition-[color,border-color,box-shadow]",
+			"duration-[180ms]",
+			"ease-[cubic-bezier(0,0,0.2,1)]",
+			"uds-ring",
+			"cursor-pointer",
+			"cursor-not-allowed",
+			"opacity-50",
+			"pointer-events-none",
+			"hidden",
+			"absolute",
+			"inset-0",
+			"-z-10",
+			"rounded-[length:var(--uds-nested-radius)]",
+			"transition-[background-color,opacity]"
 		],
-		"internalComponents": ["IconSlot", "Box"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "size": ["avatarSizeIcon"] },
+		"internalComponents": ["Icon"],
+		"internalComponentProps": { "Icon": {
+			"size": ["md"],
+			"color": ["current"]
+		} },
+		"propToVariantKeys": {
+			"size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
+			"variant": [
+				"paddlenavVariantRoot",
+				"paddlenavVariantBackground",
+				"paddlenavVariantIcon"
+			]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	AvatarImage: {
-		"name": "AvatarImage",
+	PaddleButtonNext: {
+		"name": "PaddleButtonNext",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["PaddleButton"],
+		"internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	PaddleButtonPrevious: {
+		"name": "PaddleButtonPrevious",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["PaddleButton"],
+		"internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	PaddleNav: {
+		"name": "PaddleNav",
 		"defaultProps": {
-			"size": "md",
-			"variant": "primary"
+			"orientation": "horizontal",
+			"variant": "primary",
+			"size": "md"
 		},
 		"getStylesLiterals": {},
 		"cxLiterals": [
-			"overflow-hidden",
-			"w-full",
-			"h-full",
-			"shrink-0",
-			"text-center",
+			"pointer-events-none",
 			"inline-flex",
-			"justify-center",
+			"flex-row",
+			"gap-2",
 			"items-center",
-			"object-cover"
-		],
-		"internalComponents": [
-			"UDSImage",
-			"AvatarText",
-			"AvatarIcon",
-			"Box"
+			"pointer-events-auto",
+			"flex-col",
+			"relative",
+			"min-w-0",
+			"min-h-0",
+			"flex-1",
+			"inline-block",
+			"absolute",
+			"z-10",
+			"top-2",
+			"left-1/2",
+			"-translate-x-1/2",
+			"left-2",
+			"top-1/2",
+			"-translate-y-1/2",
+			"bottom-2",
+			"right-2",
+			"-top-12",
+			"left-0",
+			"right-0",
+			"-bottom-12"
 		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {
-			"alt": ["name"],
-			"fallback": ["initials"]
-		},
+		"internalComponents": ["PaddleNavContext.Provider", "Box"],
+		"internalComponentProps": { "Box": {
+			"display": ["inline-flex"],
+			"alignItems": ["center"],
+			"justifyContent": ["center"],
+			"data-paddle-nav-outside": ["true"]
+		} },
+		"propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	AvatarText: {
-		"name": "AvatarText",
-		"defaultProps": {
-			"size": "md",
-			"variant": "primary"
-		},
+	PaddleNavContent: {
+		"name": "PaddleNavContent",
+		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [
-			"overflow-hidden",
-			"truncate",
-			"w-full",
-			"h-full",
-			"shrink-0",
-			"text-center",
-			"inline-flex",
-			"justify-center",
-			"items-center"
+			"min-w-0",
+			"min-h-0",
+			"relative"
 		],
-		"internalComponents": ["Box", "Text"],
-		"internalComponentProps": { "Text": {
-			"color": ["inherit"],
-			"variant": ["inherit"]
-		} },
+		"internalComponents": [],
+		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
@@ -2813,6 +2593,226 @@ var componentData_default = {
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
+	},
+	Accordion: {
+		"name": "Accordion",
+		"defaultProps": {
+			"spacingHorizontal": "4",
+			"spacingVertical": "4"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": ["hover:bg-secondary/80", "w-full"],
+		"internalComponents": [
+			"Icon",
+			"SpringMotionConfig",
+			"Pressable",
+			"Text",
+			"HStack",
+			"AnimatePresence",
+			"VStack"
+		],
+		"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": ["--uds-motion-smooth-3-"]
+	},
+	AvoidMotionLibraryProvider: {
+		"name": "AvoidMotionLibraryProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	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": []
+	},
+	SwitchV2: {
+		"name": "SwitchV2",
+		"defaultProps": {
+			"labelPosition": "start",
+			"size": "md"
+		},
+		"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"
+		},
+		"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"
+		],
+		"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"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
 	}
 };
 //#endregion