@yahoo/uds 3.157.0 → 3.158.0

package/dist/uds/generated/componentData.js

@@ -798,6 +798,7 @@ var componentData_default = {
 			"uds-ring",
 			"uds-hit-target",
 			"inline-flex",
+			"max-w-full",
 			"overflow-hidden",
 			"justify-center",
 			"items-center",
@@ -814,8 +815,10 @@ var componentData_default = {
 			"withIcon",
 			"uds-button-with-gap",
 			"animate-spin",
+			"min-w-0",
 			"truncate",
 			"flex",
+			"shrink-0",
 			"overflow-clip",
 			"uds-button-icon-container"
 		],
@@ -1074,6 +1077,7 @@ var componentData_default = {
 			"menuitemItemVariantRoot": "default",
 			"menuitemItemVariantActiveRoot": "on",
 			"menuitemItemVariantActiveRoot:1": "off",
+			"menuitemSizeText": "default",
 			"menuitemItemVariantText": "default",
 			"menuitemItemVariantActiveText": "on",
 			"menuitemItemVariantActiveText:1": "off",
@@ -1667,172 +1671,211 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	UDSConfigProvider: {
-		"name": "UDSConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [
-			"UDSBreakpointsConfigProvider",
-			"UDSBottomSheetConfigProvider",
-			"UDSToastConfigProvider",
-			"UDSTooltipConfigProvider",
-			"UDSPopoverConfigProvider",
-			"UDSModalConfigProvider"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSBreakpointsConfigProvider: {
-		"name": "UDSBreakpointsConfigProvider",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["UDSBreakpointsConfigContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	TabList: {
-		"name": "TabList",
-		"defaultProps": { "variant": "primary" },
+	Select: {
+		"name": "Select",
+		"defaultProps": {
+			"size": "md",
+			"width": "full",
+			"defaultValue": ""
+		},
 		"getStylesLiterals": {
-			"tabSizeRoot": "default",
-			"tabVariantActiveRoot": "on"
+			"inputVariantRoot": "default",
+			"inputVariantValueRoot": "empty",
+			"inputVariantValueRoot:1": "filled",
+			"inputVariantLabel": "default",
+			"inputVariantValueLabel": "empty",
+			"inputVariantValueLabel:1": "filled",
+			"inputVariantLabelRequired": "default",
+			"inputVariantValueLabelRequired": "empty",
+			"inputVariantValueLabelRequired:1": "filled",
+			"inputVariantInputWrapper": "default",
+			"inputVariantValueInputWrapper": "empty",
+			"inputVariantValueInputWrapper:1": "filled",
+			"inputVariantInput": "default",
+			"inputVariantValueInput": "empty",
+			"inputVariantValueInput:1": "filled",
+			"inputVariantInputPlaceholder": "default",
+			"inputVariantValueInputPlaceholder": "empty",
+			"inputVariantValueInputPlaceholder:1": "filled",
+			"inputVariantStartIcon": "default",
+			"inputVariantValueStartIcon": "empty",
+			"inputVariantValueStartIcon:1": "filled",
+			"inputVariantEndIcon": "default",
+			"inputVariantValueEndIcon": "empty",
+			"inputVariantValueEndIcon:1": "filled",
+			"inputVariantHelperText": "default",
+			"inputVariantValueHelperText": "empty",
+			"inputVariantValueHelperText:1": "filled",
+			"inputVariantHelperIcon": "default",
+			"inputVariantValueHelperIcon": "empty",
+			"inputVariantValueHelperIcon:1": "filled"
 		},
 		"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",
+			"opacity-50",
 			"flex",
-			"flex-row",
+			"w-full",
 			"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"
+			"min-w-[200px]",
+			"uds-ring-shadow",
+			"uds-ring-within",
+			"uds-select-field-trigger",
+			"grow",
+			"bg-transparent",
+			"bg-clip-text",
+			"text-left",
+			"focus-visible:outline-none",
+			"cursor-not-allowed",
+			"cursor-pointer",
+			"text-muted"
 		],
-		"internalComponents": ["AriakitTabList"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
+		"internalComponents": [
+			"SelectTrigger",
+			"SelectHelpText",
+			"SelectFieldContext.Provider",
+			"VStack",
+			"Box",
+			"SpringMotionConfig",
+			"AriakitSelectProvider",
+			"SelectRoot"
+		],
+		"internalComponentProps": {
+			"Box": {
+				"spacingBottom": ["2"],
+				"columnGap": ["0.5"],
+				"alignItems": ["flex-end"]
+			},
+			"SpringMotionConfig": { "reducedMotion": ["user"] }
+		},
+		"propToVariantKeys": { "size": [
+			"inputSizeRoot",
+			"inputSizeLabel",
+			"inputSizeInputWrapperStatic",
+			"inputSizeInputWrapperDynamic",
+			"inputSizeInput",
+			"inputSizeStartIcon",
+			"inputSizeEndIcon",
+			"inputSizeHelperText",
+			"inputSizeHelperIcon"
+		] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
+		"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
 	},
-	Tabs: {
-		"name": "Tabs",
-		"defaultProps": { "variant": "primary" },
+	SelectContent: {
+		"name": "SelectContent",
+		"defaultProps": {
+			"size": "default",
+			"variant": "default"
+		},
 		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["TabsContext.Provider", "TabProvider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
+		"cxLiterals": ["z-50", "focus:outline-none"],
+		"internalComponents": ["SelectPopover", "VStack"],
+		"internalComponentProps": { "VStack": {
+			"elevation": ["3"],
+			"overflow": ["auto"],
+			"borderRadius": ["md"]
+		} },
+		"propToVariantKeys": {
+			"size": ["selectcontentSizeRoot"],
+			"variant": ["selectcontentVariantRoot"]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Tab: {
-		"name": "Tab",
-		"defaultProps": { "variant": "primary" },
+	SelectHelpText: {
+		"name": "SelectHelpText",
+		"defaultProps": {},
 		"getStylesLiterals": {
-			"tabSizeRoot": "default",
-			"tabVariantActiveRoot": "off",
-			"tabVariantActiveRoot:1": "on",
-			"tabSizeIcon": "default"
+			"inputVariantRoot": "default",
+			"inputVariantValueRoot": "empty",
+			"inputVariantValueRoot:1": "filled",
+			"inputVariantLabel": "default",
+			"inputVariantValueLabel": "empty",
+			"inputVariantValueLabel:1": "filled",
+			"inputVariantLabelRequired": "default",
+			"inputVariantValueLabelRequired": "empty",
+			"inputVariantValueLabelRequired:1": "filled",
+			"inputVariantInputWrapper": "default",
+			"inputVariantValueInputWrapper": "empty",
+			"inputVariantValueInputWrapper:1": "filled",
+			"inputVariantInput": "default",
+			"inputVariantValueInput": "empty",
+			"inputVariantValueInput:1": "filled",
+			"inputVariantInputPlaceholder": "default",
+			"inputVariantValueInputPlaceholder": "empty",
+			"inputVariantValueInputPlaceholder:1": "filled",
+			"inputVariantStartIcon": "default",
+			"inputVariantValueStartIcon": "empty",
+			"inputVariantValueStartIcon:1": "filled",
+			"inputVariantEndIcon": "default",
+			"inputVariantValueEndIcon": "empty",
+			"inputVariantValueEndIcon:1": "filled",
+			"inputVariantHelperText": "default",
+			"inputVariantValueHelperText": "empty",
+			"inputVariantValueHelperText:1": "filled",
+			"inputVariantHelperIcon": "default",
+			"inputVariantValueHelperIcon": "empty",
+			"inputVariantValueHelperIcon:1": "filled"
 		},
 		"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",
+			"opacity-50",
+			"flex",
+			"w-full",
 			"items-center",
-			"shrink-0",
-			"box-border",
-			"relative",
-			"z-[1]",
+			"min-w-[200px]",
+			"uds-ring-shadow",
+			"uds-ring-within",
+			"uds-select-field-trigger",
+			"grow",
+			"bg-transparent",
+			"bg-clip-text",
+			"text-left",
+			"focus-visible:outline-none",
+			"cursor-not-allowed",
 			"cursor-pointer",
-			"select-none",
-			"whitespace-nowrap",
-			"uds-ring",
-			"opacity-50",
-			"cursor-default",
-			"border-solid",
-			"border-b-solid",
-			"transition-colors"
+			"text-muted"
 		],
 		"internalComponents": [
 			"IconSlot",
-			"AriakitTab",
-			"Text"
+			"AnimateHeightChange",
+			"HStack"
 		],
-		"internalComponentProps": { "Text": {
-			"variant": ["inherit"],
-			"as": ["span"],
-			"color": ["current"]
-		} },
+		"internalComponentProps": {
+			"AnimateHeightChange": { "layoutVariant": ["bouncy"] },
+			"HStack": {
+				"gap": ["1"],
+				"alignItems": ["center"],
+				"spacingTop": ["2"]
+			}
+		},
 		"propToVariantKeys": {
-			"variant": ["tabVariantRoot", "tabVariantIcon"],
-			"activeState": ["tabVariantActiveIcon"],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"]
+			"size": [
+				"inputSizeRoot",
+				"inputSizeLabel",
+				"inputSizeInputWrapperStatic",
+				"inputSizeInputWrapperDynamic",
+				"inputSizeInput",
+				"inputSizeStartIcon",
+				"inputSizeEndIcon",
+				"inputSizeHelperText",
+				"inputSizeHelperIcon"
+			],
+			"helperTextIcon": ["icon"]
 		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	TabPanel: {
-		"name": "TabPanel",
+	SelectValue: {
+		"name": "SelectValue",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitTabPanel"],
+		"internalComponents": ["AriakitSelectValue"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1840,15 +1883,380 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	UDSToastConfigProvider: {
-		"name": "UDSToastConfigProvider",
+	SelectTrigger: {
+		"name": "SelectTrigger",
 		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["ToastContext.Provider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
+		"getStylesLiterals": {
+			"inputVariantRoot": "default",
+			"inputVariantValueRoot": "empty",
+			"inputVariantValueRoot:1": "filled",
+			"inputVariantLabel": "default",
+			"inputVariantValueLabel": "empty",
+			"inputVariantValueLabel:1": "filled",
+			"inputVariantLabelRequired": "default",
+			"inputVariantValueLabelRequired": "empty",
+			"inputVariantValueLabelRequired:1": "filled",
+			"inputVariantInputWrapper": "default",
+			"inputVariantValueInputWrapper": "empty",
+			"inputVariantValueInputWrapper:1": "filled",
+			"inputVariantInput": "default",
+			"inputVariantValueInput": "empty",
+			"inputVariantValueInput:1": "filled",
+			"inputVariantInputPlaceholder": "default",
+			"inputVariantValueInputPlaceholder": "empty",
+			"inputVariantValueInputPlaceholder:1": "filled",
+			"inputVariantStartIcon": "default",
+			"inputVariantValueStartIcon": "empty",
+			"inputVariantValueStartIcon:1": "filled",
+			"inputVariantEndIcon": "default",
+			"inputVariantValueEndIcon": "empty",
+			"inputVariantValueEndIcon:1": "filled",
+			"inputVariantHelperText": "default",
+			"inputVariantValueHelperText": "empty",
+			"inputVariantValueHelperText:1": "filled",
+			"inputVariantHelperIcon": "default",
+			"inputVariantValueHelperIcon": "empty",
+			"inputVariantValueHelperIcon:1": "filled"
+		},
+		"cxLiterals": [
+			"flex",
+			"w-full",
+			"min-w-0",
+			"items-center",
+			"border-0",
+			"bg-transparent",
+			"rounded-[inherit]",
+			"outline-none",
+			"shadow-none",
+			"uds-hit-target",
+			"cursor-not-allowed",
+			"cursor-pointer",
+			"self-stretch",
+			"truncate",
+			"text-left",
+			"opacity-50",
+			"min-w-[200px]",
+			"uds-ring-shadow",
+			"uds-ring-within",
+			"uds-select-field-trigger",
+			"grow",
+			"bg-clip-text",
+			"focus-visible:outline-none",
+			"text-muted"
+		],
+		"internalComponents": [
+			"IconSlot",
+			"StartIcon",
+			"SelectValue",
+			"EndIcon",
+			"Box",
+			"AriakitSelect",
+			"HStack"
+		],
+		"internalComponentProps": {
+			"Box": {
+				"position": ["relative"],
+				"display": ["flex"],
+				"alignItems": ["center"],
+				"width": ["full"]
+			},
+			"HStack": {
+				"alignItems": ["center"],
+				"gap": ["1"],
+				"className": ["shrink-0"]
+			}
+		},
+		"propToVariantKeys": {
+			"size": [
+				"inputSizeRoot",
+				"inputSizeLabel",
+				"inputSizeInputWrapperStatic",
+				"inputSizeInputWrapperDynamic",
+				"inputSizeInput",
+				"inputSizeStartIcon",
+				"inputSizeEndIcon",
+				"inputSizeHelperText",
+				"inputSizeHelperIcon"
+			],
+			"startIcon": ["icon"],
+			"placeholder": ["fallback"],
+			"endIcon": ["icon"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	SelectItem: {
+		"name": "SelectItem",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"selectitemItemVariantRoot": "default",
+			"selectitemItemVariantActiveRoot": "on",
+			"selectitemItemVariantActiveRoot:1": "off",
+			"selectitemSizeText": "default",
+			"selectitemItemVariantText": "default",
+			"selectitemItemVariantActiveText": "on",
+			"selectitemItemVariantActiveText:1": "off",
+			"selectitemItemVariantIcon": "default",
+			"selectitemItemVariantActiveIcon": "on",
+			"selectitemItemVariantActiveIcon:1": "off",
+			"textAlign": "start",
+			"selectitemSizeRoot": "default",
+			"flexDirection": "row",
+			"spacing": "0",
+			"spacingHorizontal": "4",
+			"spacingVertical": "3.5",
+			"columnGap": "2",
+			"alignItems": "center",
+			"justifyContent": "space-between",
+			"width": "full",
+			"selectitemSizeStartIcon": "default",
+			"selectitemSizeEndIcon": "default"
+		},
+		"cxLiterals": [
+			"uds-select-item",
+			"flex",
+			"cursor-pointer",
+			"outline-none",
+			"data-[active-item]:z-10",
+			"uds-ring",
+			"!-outline-offset-2",
+			"duration-20",
+			"transition-[font-variation-settings]",
+			"ease-in-out",
+			"z-0",
+			"opacity-50",
+			"cursor-not-allowed",
+			"truncate",
+			"uds-start-icon",
+			"inline-flex",
+			"shrink-0",
+			"items-center",
+			"uds-end-icon"
+		],
+		"internalComponents": [
+			"IconSlot",
+			"AriakitSelectItem",
+			"HStack",
+			"AnimatePresence"
+		],
+		"internalComponentProps": {
+			"HStack": {
+				"gap": ["2"],
+				"alignItems": ["center"],
+				"width": ["full"]
+			},
+			"AnimatePresence": { "mode": ["popLayout"] }
+		},
+		"propToVariantKeys": { "startIcon": ["icon"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	SelectDivider: {
+		"name": "SelectDivider",
+		"defaultProps": {
+			"contentPosition": "start",
+			"gap": "4"
+		},
+		"getStylesLiterals": {
+			"selectitemDividerVariantRoot": "default",
+			"selectitemDividerVariantText": "default",
+			"selectitemDividerVariantLine": "default"
+		},
+		"cxLiterals": [],
+		"internalComponents": ["Divider"],
+		"internalComponentProps": { "Divider": { "variant": ["inherit"] } },
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSConfigProvider: {
+		"name": "UDSConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [
+			"UDSBreakpointsConfigProvider",
+			"UDSBottomSheetConfigProvider",
+			"UDSToastConfigProvider",
+			"UDSTooltipConfigProvider",
+			"UDSPopoverConfigProvider",
+			"UDSModalConfigProvider"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSBreakpointsConfigProvider: {
+		"name": "UDSBreakpointsConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["UDSBreakpointsConfigContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	TabList: {
+		"name": "TabList",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {
+			"tabSizeRoot": "default",
+			"tabVariantActiveRoot": "on"
+		},
+		"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"
+		],
+		"internalComponents": ["AriakitTabList"],
+		"internalComponentProps": {},
+		"propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	Tabs: {
+		"name": "Tabs",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["TabsContext.Provider", "TabProvider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"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"
+		],
+		"internalComponents": [
+			"IconSlot",
+			"AriakitTab",
+			"Text"
+		],
+		"internalComponentProps": { "Text": {
+			"variant": ["inherit"],
+			"as": ["span"],
+			"color": ["current"]
+		} },
+		"propToVariantKeys": {
+			"variant": ["tabVariantRoot", "tabVariantIcon"],
+			"activeState": ["tabVariantActiveIcon"],
+			"startIcon": ["icon"],
+			"endIcon": ["icon"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	TabPanel: {
+		"name": "TabPanel",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["AriakitTabPanel"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	UDSToastConfigProvider: {
+		"name": "UDSToastConfigProvider",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["ToastContext.Provider"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
@@ -2119,39 +2527,124 @@ var componentData_default = {
 			"hover:bg-carbon-15/10",
 			"active:bg-carbon-15/15",
 			"uds-ring",
-			"absolute",
-			"z-[4]"
+			"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}"],
+			"spacingStart": ["popover.spacingHorizontal.${size}"],
+			"spacingBottom": ["popover.spacingVertical.${size}"],
+			"spacingEnd": ["popover.spacingHorizontal.${size}"]
+		},
+		"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
+		"motionVarPrefixes": []
+	},
+	PopoverContext: {
+		"name": "PopoverContext",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	PopoverTrigger: {
+		"name": "PopoverTrigger",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": ["PopoverDisclosure"],
+		"internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
+		"propToVariantKeys": { "children": ["render"] },
+		"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": []
+	},
+	ChipButton: {
+		"name": "ChipButton",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": ["uds-ring"],
+		"internalComponents": ["ChipBase"],
+		"internalComponentProps": { "ChipBase": { "as": ["button"] } },
+		"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ChipDismissible: {
+		"name": "ChipDismissible",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"uds-chip-dismissible-button",
+			"uds-hit-target",
+			"uds-ring",
+			"rounded-full"
 		],
 		"internalComponents": [
-			"PopoverDismiss",
+			"ChipBase",
 			"IconSlot",
-			"PopoverArrow",
-			"Popover",
-			"SvgFloatingOverlay",
-			"Box",
 			"Pressable"
 		],
 		"internalComponentProps": {},
-		"propToVariantKeys": { "closeIcon": ["icon"] },
-		"runtimeConfigDefaultProps": {
-			"size": "popover.defaultSize",
-			"variant": "popover.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"spacingTop": ["popover.spacingVertical.${size}"],
-			"spacingStart": ["popover.spacingHorizontal.${size}"],
-			"spacingBottom": ["popover.spacingVertical.${size}"],
-			"spacingEnd": ["popover.spacingHorizontal.${size}"]
+		"propToVariantKeys": {
+			"variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
+			"dismissButtonAriaLabel": ["aria-label"]
 		},
-		"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PopoverContext: {
-		"name": "PopoverContext",
+	Chip: {
+		"name": "Chip",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": [],
+		"internalComponents": [
+			"ChipDismissible",
+			"ChipToggle",
+			"ChipLink",
+			"ChipButton"
+		],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -2159,31 +2652,76 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PopoverTrigger: {
-		"name": "PopoverTrigger",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["PopoverDisclosure"],
-		"internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
-		"propToVariantKeys": { "children": ["render"] },
+	ChipToggle: {
+		"name": "ChipToggle",
+		"defaultProps": {
+			"variant": "primary",
+			"role": "checkbox"
+		},
+		"getStylesLiterals": {
+			"chipToggleVariantActiveRoot": "on",
+			"chipToggleVariantActiveRoot:1": "off"
+		},
+		"cxLiterals": ["uds-ring"],
+		"internalComponents": ["ChipBase"],
+		"internalComponentProps": { "ChipBase": { "as": ["button"] } },
+		"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Popover: {
-		"name": "Popover",
-		"defaultProps": {},
+	ChipBase: {
+		"name": "ChipBase",
+		"defaultProps": {
+			"size": "md",
+			"as": "div"
+		},
 		"getStylesLiterals": {},
-		"cxLiterals": ["uds:popover-open"],
-		"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {
-			"size": "popover.defaultSize",
-			"variant": "popover.defaultVariant"
+		"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": []
+	},
+	ChipLink: {
+		"name": "ChipLink",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": ["uds-ring"],
+		"internalComponents": ["ChipBase"],
+		"internalComponentProps": { "ChipBase": { "as": ["a"] } },
+		"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
+		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
@@ -2241,6 +2779,8 @@ var componentData_default = {
 		"cxLiterals": [
 			"opacity-50",
 			"min-w-[200px]",
+			"uds-ring-shadow",
+			"uds-ring-within",
 			"grow",
 			"uds-hit-target",
 			"bg-transparent",
@@ -2320,136 +2860,6 @@ var componentData_default = {
 		"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": {},
-		"motionVarPrefixes": []
-	},
-	ChipDismissible: {
-		"name": "ChipDismissible",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"uds-chip-dismissible-button",
-			"uds-hit-target",
-			"uds-ring",
-			"rounded-full"
-		],
-		"internalComponents": [
-			"ChipBase",
-			"IconSlot",
-			"Pressable"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {
-			"variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
-			"dismissButtonAriaLabel": ["aria-label"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	Chip: {
-		"name": "Chip",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [
-			"ChipDismissible",
-			"ChipToggle",
-			"ChipLink",
-			"ChipButton"
-		],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ChipToggle: {
-		"name": "ChipToggle",
-		"defaultProps": {
-			"variant": "primary",
-			"role": "checkbox"
-		},
-		"getStylesLiterals": {
-			"chipToggleVariantActiveRoot": "on",
-			"chipToggleVariantActiveRoot:1": "off"
-		},
-		"cxLiterals": ["uds-ring"],
-		"internalComponents": ["ChipBase"],
-		"internalComponentProps": { "ChipBase": { "as": ["button"] } },
-		"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
-		"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": []
-	},
-	ChipLink: {
-		"name": "ChipLink",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {},
-		"cxLiterals": ["uds-ring"],
-		"internalComponents": ["ChipBase"],
-		"internalComponentProps": { "ChipBase": { "as": ["a"] } },
-		"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
 	AvatarImage: {
 		"name": "AvatarImage",
 		"defaultProps": {