@yahoo/uds 3.149.0 → 3.150.1-beta.1

package/dist/uds/generated/componentData.cjs

@@ -1848,7 +1848,7 @@ var componentData_default = {
 			"absolute",
 			"inset-0",
 			"-z-10",
-			"rounded-[length:var(--uds-nested-radius)]",
+			"rounded-[var(--uds-nested-radius)]",
 			"transition-[background-color,opacity]"
 		],
 		"internalComponents": ["Icon"],
@@ -2200,141 +2200,345 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Tab: {
-		"name": "Tab",
-		"defaultProps": { "variant": "primary" },
+	UDSBreakpointsConfigProvider: {
+		"name": "UDSBreakpointsConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["UDSBreakpointsConfigContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSConfigProvider: {
+		"name": "UDSConfigProvider",
+		"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": {},
+		"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": {
-			"tabSizeRoot": "default",
-			"tabVariantActiveRoot": "off",
-			"tabVariantActiveRoot:1": "on",
-			"tabSizeIcon": "default"
+			"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": [
-			"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",
-			"cursor-default",
-			"border-solid",
-			"border-b-solid",
-			"transition-colors"
+			"pointer-events-none",
+			"hover:bg-primary"
 		],
 		"internalComponents": [
-			"IconSlot",
-			"AriakitTab",
+			"Radio",
+			"Icon",
+			"RadioProvider",
+			"HStack",
+			"RadioGroup",
+			"Pressable",
 			"Text"
 		],
-		"internalComponentProps": { "Text": {
-			"variant": ["inherit"],
-			"as": ["span"],
-			"color": ["current"]
-		} },
+		"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": {
-			"variant": ["tabVariantRoot", "tabVariantIcon"],
-			"activeState": ["tabVariantActiveIcon"],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"]
+			"value": ["key"],
+			"label": ["aria-label"],
+			"textVariant": ["variant"]
 		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	TabList: {
-		"name": "TabList",
-		"defaultProps": { "variant": "primary" },
+	SwitchV2: {
+		"name": "SwitchV2",
+		"defaultProps": {
+			"labelPosition": "start",
+			"size": "md"
+		},
 		"getStylesLiterals": {
-			"tabSizeRoot": "default",
-			"tabVariantActiveRoot": "on"
+			"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",
-			"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"
+			"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-"]
+	},
+	Tooltip: {
+		"name": "Tooltip",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
+		"motionVarPrefixes": []
+	},
+	TooltipContent: {
+		"name": "TooltipContent",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"tooltipSizeRoot": "default",
+			"tooltipVariantRoot": "default",
+			"tooltipSizeSvg": "default",
+			"tooltipVariantSvg": "default",
+			"tooltipVariantBlur": "default",
+			"position": "absolute",
+			"width": "full",
+			"height": "full",
+			"tooltipSizeTitle": "default",
+			"tooltipSizeBody": "default",
+			"tooltipSizeEndContent": "default",
+			"tooltipSizeIcon": "default",
+			"tooltipVariantIcon": "default"
+		},
+		"cxLiterals": [
+			"max-w-lg",
+			"flex",
+			"z-[9999]",
+			"uds-bgBlurFillFallback",
+			"uds-bgBlurFallback",
+			"top-0",
+			"left-0",
+			"z-[1]"
 		],
-		"internalComponents": ["AriakitTabList"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
+		"internalComponents": [
+			"IconSlot",
+			"TooltipArrow",
+			"Tooltip",
+			"SvgFloatingOverlay",
+			"VStack",
+			"Box",
+			"Text"
+		],
+		"internalComponentProps": {
+			"SvgFloatingOverlay": { "contentOverflow": ["visible"] },
+			"VStack": { "className": ["gap-[inherit]"] },
+			"Box": {
+				"alignItems": ["center"],
+				"columnGap": ["1", "1.5"]
+			},
+			"Text": { "color": ["inherit"] }
+		},
+		"propToVariantKeys": { "startTitleIcon": ["icon"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	TabPanel: {
-		"name": "TabPanel",
+	TooltipTrigger: {
+		"name": "TooltipTrigger",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitTabPanel"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
+		"internalComponents": ["TooltipAnchor"],
+		"internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
+		"propToVariantKeys": { "children": ["render"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Tabs: {
-		"name": "Tabs",
-		"defaultProps": { "variant": "primary" },
+	UDSTooltipConfigProvider: {
+		"name": "UDSTooltipConfigProvider",
+		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["TabsContext.Provider", "TabProvider"],
+		"internalComponents": ["TooltipContext.Provider"],
 		"internalComponentProps": {},
-		"propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
@@ -2448,210 +2652,22 @@ var componentData_default = {
 		"getStylesLiterals": {},
 		"cxLiterals": [],
 		"internalComponents": ["ReactToastifyToastContainer"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {
-			"size": "toast.defaultSize",
-			"variant": "toast.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
-		"motionVarPrefixes": []
-	},
-	UDSToastConfigProvider: {
-		"name": "UDSToastConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ToastContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Tooltip: {
-		"name": "Tooltip",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
-		"motionVarPrefixes": []
-	},
-	TooltipContent: {
-		"name": "TooltipContent",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"tooltipSizeRoot": "default",
-			"tooltipVariantRoot": "default",
-			"tooltipSizeSvg": "default",
-			"tooltipVariantSvg": "default",
-			"tooltipVariantBlur": "default",
-			"position": "absolute",
-			"width": "full",
-			"height": "full",
-			"tooltipSizeTitle": "default",
-			"tooltipSizeBody": "default",
-			"tooltipSizeEndContent": "default",
-			"tooltipSizeIcon": "default",
-			"tooltipVariantIcon": "default"
-		},
-		"cxLiterals": [
-			"max-w-lg",
-			"flex",
-			"z-[9999]",
-			"uds-bgBlurFillFallback",
-			"uds-bgBlurFallback",
-			"top-0",
-			"left-0",
-			"z-[1]"
-		],
-		"internalComponents": [
-			"IconSlot",
-			"TooltipArrow",
-			"Tooltip",
-			"SvgFloatingOverlay",
-			"VStack",
-			"Box",
-			"Text"
-		],
-		"internalComponentProps": {
-			"SvgFloatingOverlay": { "contentOverflow": ["visible"] },
-			"VStack": { "className": ["gap-[inherit]"] },
-			"Box": {
-				"alignItems": ["center"],
-				"columnGap": ["1", "1.5"]
-			},
-			"Text": { "color": ["inherit"] }
-		},
-		"propToVariantKeys": { "startTitleIcon": ["icon"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	TooltipTrigger: {
-		"name": "TooltipTrigger",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["TooltipAnchor"],
-		"internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
-		"propToVariantKeys": { "children": ["render"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSTooltipConfigProvider: {
-		"name": "UDSTooltipConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["TooltipContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSBreakpointsConfigProvider: {
-		"name": "UDSBreakpointsConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["UDSBreakpointsConfigContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSConfigProvider: {
-		"name": "UDSConfigProvider",
-		"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": {},
-		"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"]
-			}
-		},
+		"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": {},
@@ -2659,161 +2675,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