@yahoo/uds 3.152.1 → 3.153.1-beta.1

package/dist/uds/generated/componentData.js

@@ -626,8 +626,7 @@ var componentData_default = {
 			"items-center",
 			"[transform-origin:center]",
 			"[backface-visibility:hidden]",
-			"[transition-property:color,background-color,border-color,",
-			"box-shadow,text-decoration-color,fill,stroke]",
+			"[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
 			"[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
 			"[transition-duration:220ms]",
 			"cursor-not-allowed",
@@ -848,307 +847,345 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Avatar: {
-		"name": "Avatar",
+	PaddleButton: {
+		"name": "PaddleButton",
 		"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",
+			"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-[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",
-		"defaultProps": {
-			"size": "md",
-			"variant": "primary"
-		},
+	PaddleButtonNext: {
+		"name": "PaddleButtonNext",
+		"defaultProps": {},
 		"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"]
-		},
+		"cxLiterals": [],
+		"internalComponents": ["PaddleButton"],
+		"internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	AvatarText: {
-		"name": "AvatarText",
-		"defaultProps": {
-			"size": "md",
-			"variant": "primary"
-		},
+	PaddleButtonPrevious: {
+		"name": "PaddleButtonPrevious",
+		"defaultProps": {},
 		"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"]
-		} },
+		"cxLiterals": [],
+		"internalComponents": ["PaddleButton"],
+		"internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	"Menu.Content": {
-		"name": "Menu.Content",
+	PaddleNav: {
+		"name": "PaddleNav",
 		"defaultProps": {
-			"size": "default",
-			"variant": "default",
-			"gutter": "1"
+			"orientation": "horizontal",
+			"variant": "primary",
+			"size": "md"
 		},
 		"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",
+			"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",
-			"group"
-		],
-		"internalComponents": [
-			"AriakitMenu",
-			"AnimatePresence",
-			"MotionVStack"
+			"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": {
-			"size": ["menucontentSizeRoot"],
-			"variant": ["menucontentVariantRoot"]
-		},
+		"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": []
 	},
-	"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"] } },
+	PaddleNavContent: {
+		"name": "PaddleNavContent",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"min-w-0",
+			"min-h-0",
+			"relative"
+		],
+		"internalComponents": [],
+		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	"Menu.Item": {
-		"name": "Menu.Item",
+	ManagedModal: {
+		"name": "ManagedModal",
 		"defaultProps": {},
-		"getStylesLiterals": {
-			"menuitemItemVariantRoot": "default",
-			"menuitemItemVariantActiveRoot": "on",
-			"menuitemItemVariantActiveRoot:1": "off",
-			"menuitemItemVariantText": "default",
-			"menuitemItemVariantActiveText": "on",
-			"menuitemItemVariantActiveText:1": "off",
-			"menuitemItemVariantIcon": "default",
-			"menuitemItemVariantActiveIcon": "on",
-			"menuitemItemVariantActiveIcon:1": "off"
-		},
+		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["MenuItemBase"],
+		"internalComponents": [
+			"Modal",
+			"ModalTitle",
+			"ModalDescription",
+			"ModalContent",
+			"ModalActions"
+		],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	"Menu.ItemBase": {
-		"name": "Menu.ItemBase",
+	Modal: {
+		"name": "Modal",
 		"defaultProps": {
-			"spacing": "0",
-			"spacingHorizontal": "4",
-			"spacingVertical": "3.5",
-			"columnGap": "2",
-			"alignItems": "center",
-			"justifyContent": "space-between"
-		},
+			"closeAriaLabel": "Close",
+			"maxWidth": "auto",
+			"maxHeight": "auto",
+			"scrollBehavior": "outside"
+		},
 		"getStylesLiterals": {
-			"textAlign": "start",
-			"menuitemSizeRoot": "default",
-			"flexDirection": "row",
-			"menuitemSizeStartIcon": "default",
-			"menuitemSizeEndIcon": "default"
+			"flexDirection": "row-reverse",
+			"justifyContent": "space-between",
+			"alignItems": "flex-end",
+			"alignItems:1": "flex-start",
+			"borderRadius": "full"
 		},
 		"cxLiterals": [
-			"uds-menu-item",
-			"flex",
-			"focus-visible:text-brand",
-			"focus-visible:bg-brand-secondary",
-			"focus-visible:z-10",
+			"fixed",
+			"inset-0",
+			"z-40",
+			"overflow-y-auto",
+			"overflow-hidden",
+			"transition-[opacity,visibility]",
+			"visible",
+			"opacity-100",
+			"invisible",
+			"opacity-0",
+			"pointer-events-none",
+			"uds-bgBlurFallback",
+			"w-full",
+			"w-fit",
+			"h-full",
+			"h-fit",
+			"m-auto",
+			"pointer-events-auto",
+			"inside",
+			"max-h-full",
+			"transition-transform",
+			"duration-0",
+			"duration-120",
+			"transition-[background-color]",
+			"bg-carbon-15/0",
+			"hover:bg-carbon-15/10",
+			"active:bg-carbon-15/15",
 			"uds-ring",
-			"!-outline-offset-2",
-			"[&:not([aria-checked])]:cursor-default",
-			"opacity-25",
-			"cursor-not-allowed",
-			"duration-20",
-			"transition-[font-variation-settings]",
-			"ease-in-out",
-			"z-0",
-			"truncate",
-			"uds-start-icon",
-			"uds-end-icon"
+			"[translate:50%_-50%]"
 		],
 		"internalComponents": [
+			"Scrim",
+			"VStack",
 			"Pressable",
 			"IconSlot",
-			"RootComponent",
+			"Box",
+			"Dialog",
+			"ModalContext.Provider",
 			"HStack",
-			"AnimatePresence"
+			"DialogDismiss",
+			"ModalTitle",
+			"ModalDescription",
+			"ModalContent",
+			"ModalActions"
 		],
-		"internalComponentProps": {
-			"HStack": {
-				"alignItems": ["center"],
-				"width": ["full"]
-			},
-			"AnimatePresence": { "mode": ["popLayout"] }
-		},
+		"internalComponentProps": { "Box": { "flexGrow": ["1"] } },
 		"propToVariantKeys": {
-			"startIconClassName": ["className"],
-			"endIconClassName": ["className"],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"],
-			"columnGap": ["gap"]
+			"gutter": ["spacing"],
+			"size": [
+				"modalSizeRoot",
+				"modalSizeSpacingHorizontal",
+				"modalSizeHeader",
+				"modalSizeTitleDescriptionWrapper",
+				"modalSizeCloseIconContainer",
+				"modalSizeCloseIcon"
+			],
+			"variant": ["modalVariantRoot", "modalVariantCloseIcon"],
+			"closeAriaLabel": ["aria-label"],
+			"closeIcon": ["icon"]
+		},
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"spacing": ["modal.gutter.${size}"],
+			"modalSizeRoot": ["modal.defaultSize"],
+			"modalVariantRoot": ["modal.defaultVariant"],
+			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
+			"modalSizeHeader": ["modal.defaultSize"],
+			"modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
+			"modalSizeCloseIconContainer": ["modal.defaultSize"],
+			"modalSizeCloseIcon": ["modal.defaultSize"],
+			"modalVariantCloseIcon": ["modal.defaultVariant"]
 		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	"Menu.ItemCheckbox": {
-		"name": "Menu.ItemCheckbox",
+	ModalActions: {
+		"name": "ModalActions",
 		"defaultProps": {},
 		"getStylesLiterals": {
-			"menuitemItemCheckboxVariantRoot": "default",
-			"menuitemItemCheckboxVariantActiveRoot": "on",
-			"menuitemItemCheckboxVariantActiveRoot:1": "off",
-			"menuitemItemCheckboxVariantText": "default",
-			"menuitemItemCheckboxVariantActiveText": "on",
-			"menuitemItemCheckboxVariantActiveText:1": "off",
-			"menuitemItemCheckboxVariantStartIcon": "default",
-			"menuitemItemCheckboxVariantActiveStartIcon": "on",
-			"menuitemItemCheckboxVariantActiveStartIcon:1": "off",
-			"menuitemItemCheckboxVariantEndIcon": "default",
-			"menuitemItemCheckboxVariantActiveEndIcon": "on",
-			"menuitemItemCheckboxVariantActiveEndIcon:1": "off"
+			"flexDirection": "row-reverse",
+			"justifyContent": "space-between",
+			"alignItems": "center"
 		},
-		"cxLiterals": ["uds-menu-item-checkbox"],
-		"internalComponents": ["MenuItemBase"],
+		"cxLiterals": ["gap-[inherit]"],
+		"internalComponents": ["HStack"],
 		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
+		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
+			"modalSizeActions": ["modal.defaultSize"]
+		},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	"Menu.Provider": {
-		"name": "Menu.Provider",
+	ModalContent: {
+		"name": "ModalContent",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"overflowY": "auto",
+			"display": "block",
+			"flexGrow": "1"
+		},
+		"cxLiterals": [],
+		"internalComponents": ["Box"],
+		"internalComponentProps": {},
+		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ModalContext: {
+		"name": "ModalContext",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
+		"internalComponents": [],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
+		"motionVarPrefixes": []
 	},
-	"Menu.Trigger": {
-		"name": "Menu.Trigger",
+	ModalDescription: {
+		"name": "ModalDescription",
 		"defaultProps": {},
 		"getStylesLiterals": {},
-		"cxLiterals": ["uds-menu-trigger"],
-		"internalComponents": ["AriakitMenuTrigger", "Box"],
-		"internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
+		"cxLiterals": [],
+		"internalComponents": ["Text", "DialogDescription"],
+		"internalComponentProps": { "Text": { "as": ["span"] } },
+		"propToVariantKeys": {
+			"size": ["modalSizeDescription"],
+			"variant": ["modalVariantDescription"]
+		},
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"modalSizeDescription": ["modal.defaultSize"],
+			"modalVariantDescription": ["modal.defaultVariant"]
+		},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	"Menu.index": {
-		"name": "Menu.index",
+	ModalPortal: {
+		"name": "ModalPortal",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": [],
+		"internalComponents": ["ManagedModal"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1156,30 +1193,34 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Menu: {
-		"name": "Menu",
+	ModalTitle: {
+		"name": "ModalTitle",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
+		"internalComponents": ["Text", "DialogHeading"],
+		"internalComponentProps": { "Text": { "as": ["span"] } },
+		"propToVariantKeys": {
+			"size": ["modalSizeTitle"],
+			"variant": ["modalVariantTitle"]
+		},
+		"runtimeConfigDefaultProps": {
+			"size": "modal.defaultSize",
+			"variant": "modal.defaultVariant"
+		},
+		"runtimeConfigGetStyles": {
+			"modalSizeTitle": ["modal.defaultSize"],
+			"modalVariantTitle": ["modal.defaultVariant"]
+		},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Chip: {
-		"name": "Chip",
+	UDSModalConfigProvider: {
+		"name": "UDSModalConfigProvider",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": [
-			"ChipDismissible",
-			"ChipToggle",
-			"ChipLink",
-			"ChipButton"
-		],
+		"internalComponents": ["ModalContext.Provider"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1187,237 +1228,219 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ChipBase: {
-		"name": "ChipBase",
+	"Menu.Content": {
+		"name": "Menu.Content",
 		"defaultProps": {
-			"size": "md",
-			"as": "div"
+			"size": "default",
+			"variant": "default",
+			"gutter": "1"
 		},
 		"getStylesLiterals": {},
 		"cxLiterals": [
-			"pointer-events-none",
-			"cursor-default",
-			"opacity-50",
-			"inline-flex",
-			"items-center",
-			"transition-[background-color,outline-color,box-shadow]",
-			"truncate",
-			"whitespace-nowrap",
-			"text-center",
-			"flex-1",
-			"md",
-			"primary"
-		],
-		"internalComponents": [
-			"IconSlot",
-			"HStack",
-			"As",
-			"Text"
-		],
-		"internalComponentProps": { "Text": {
-			"as": ["span"],
-			"color": ["current"],
-			"variant": ["inherit"]
-		} },
-		"propToVariantKeys": {
-			"size": ["chipSizeRoot", "chipSizeIcon"],
-			"startIcon": ["icon"],
-			"endIcon": ["icon"]
-		},
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ChipButton: {
-		"name": "ChipButton",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {},
-		"cxLiterals": ["uds-ring"],
-		"internalComponents": ["ChipBase"],
-		"internalComponentProps": { "ChipBase": { "as": ["button"] } },
-		"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
-		"runtimeConfigDefaultProps": {},
-		"runtimeConfigGetStyles": {},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ChipDismissible: {
-		"name": "ChipDismissible",
-		"defaultProps": { "variant": "primary" },
-		"getStylesLiterals": {},
-		"cxLiterals": [
-			"uds-chip-dismissible-button",
-			"uds-hit-target",
+			"uds-menu-content",
+			"transition-shadow",
+			"duration-200",
+			"ease-in-out",
+			"min-w-60",
+			"max-w-lg",
+			"max-h-96",
+			"overflow-auto",
 			"uds-ring",
-			"rounded-full"
+			"z-10",
+			"group"
 		],
 		"internalComponents": [
-			"ChipBase",
-			"IconSlot",
-			"Pressable"
+			"AriakitMenu",
+			"AnimatePresence",
+			"MotionVStack"
 		],
 		"internalComponentProps": {},
 		"propToVariantKeys": {
-			"variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
-			"dismissButtonAriaLabel": ["aria-label"]
+			"size": ["menucontentSizeRoot"],
+			"variant": ["menucontentVariantRoot"]
 		},
 		"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": []
-	},
-	ChipToggle: {
-		"name": "ChipToggle",
+	"Menu.Divider": {
+		"name": "Menu.Divider",
 		"defaultProps": {
-			"variant": "primary",
-			"role": "checkbox"
+			"role": "separator",
+			"contentPosition": "start",
+			"gap": "4"
 		},
 		"getStylesLiterals": {
-			"chipToggleVariantActiveRoot": "on",
-			"chipToggleVariantActiveRoot:1": "off"
+			"menuitemDividerVariantRoot": "default",
+			"menuitemDividerVariantText": "default",
+			"menuitemDividerVariantLine": "default"
 		},
-		"cxLiterals": ["uds-ring"],
-		"internalComponents": ["ChipBase"],
-		"internalComponentProps": { "ChipBase": { "as": ["button"] } },
-		"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
+		"cxLiterals": [],
+		"internalComponents": ["Divider"],
+		"internalComponentProps": { "Divider": { "variant": ["inherit"] } },
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Popover: {
-		"name": "Popover",
+	"Menu.Item": {
+		"name": "Menu.Item",
 		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": ["uds:popover-open"],
-		"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
+		"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"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
-		"runtimeConfigDefaultProps": {
-			"size": "popover.defaultSize",
-			"variant": "popover.defaultVariant"
-		},
+		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PopoverContent: {
-		"name": "PopoverContent",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"popoverSizeRoot": "default",
-			"popoverVariantRoot": "default",
-			"display": "flex",
-			"position": "relative",
-			"display:1": "block",
-			"spacingTop": "0",
-			"spacingStart": "0",
-			"spacingBottom": "0",
-			"spacingEnd": "0",
-			"popoverSizeSvgBase": "default",
-			"popoverVariantSvgBase": "default",
-			"popoverSizeSvgBorder": "default",
-			"popoverVariantSvgBorder": "default",
-			"popoverVariantBlur": "default",
-			"position:1": "absolute",
-			"width": "full",
-			"height": "full",
-			"flexShrink": "0",
-			"borderRadius": "full",
+	"Menu.ItemBase": {
+		"name": "Menu.ItemBase",
+		"defaultProps": {
+			"spacing": "0",
+			"spacingHorizontal": "4",
+			"spacingVertical": "3.5",
+			"columnGap": "2",
 			"alignItems": "center",
-			"justifyContent": "center",
-			"popoverVariantCloseIcon": "default",
-			"popoverSizeCloseIcon": "default"
+			"justifyContent": "space-between"
+		},
+		"getStylesLiterals": {
+			"textAlign": "start",
+			"menuitemSizeRoot": "default",
+			"flexDirection": "row",
+			"menuitemSizeStartIcon": "default",
+			"menuitemSizeEndIcon": "default"
 		},
 		"cxLiterals": [
-			"z-[9999]",
-			"outline-none",
-			"focus-visible:outline-none",
-			"uds-bgBlurFillFallback",
-			"uds-bgBlurFallback",
-			"top-0",
-			"left-0",
-			"z-[1]",
-			"duration-0",
-			"duration-120",
-			"transition-[background-color]",
-			"bg-carbon-15/0",
-			"hover:bg-carbon-15/10",
-			"active:bg-carbon-15/15",
+			"uds-menu-item",
+			"flex",
+			"focus-visible:text-brand",
+			"focus-visible:bg-brand-secondary",
+			"focus-visible:z-10",
 			"uds-ring",
-			"absolute",
-			"z-[4]"
+			"!-outline-offset-2",
+			"[&:not([aria-checked])]:cursor-default",
+			"opacity-25",
+			"cursor-not-allowed",
+			"duration-20",
+			"transition-[font-variation-settings]",
+			"ease-in-out",
+			"z-0",
+			"truncate",
+			"uds-start-icon",
+			"uds-end-icon"
 		],
 		"internalComponents": [
-			"PopoverDismiss",
+			"Pressable",
 			"IconSlot",
-			"PopoverArrow",
-			"Popover",
-			"SvgFloatingOverlay",
-			"Box",
-			"Pressable"
+			"RootComponent",
+			"HStack",
+			"AnimatePresence"
 		],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "closeIcon": ["icon"] },
-		"runtimeConfigDefaultProps": {
-			"size": "popover.defaultSize",
-			"variant": "popover.defaultVariant"
+		"internalComponentProps": {
+			"HStack": {
+				"alignItems": ["center"],
+				"width": ["full"]
+			},
+			"AnimatePresence": { "mode": ["popLayout"] }
 		},
-		"runtimeConfigGetStyles": {
-			"spacingTop": ["popover.spacingVertical.${size}"],
-			"spacingStart": ["popover.spacingHorizontal.${size}"],
-			"spacingBottom": ["popover.spacingVertical.${size}"],
-			"spacingEnd": ["popover.spacingHorizontal.${size}"]
+		"propToVariantKeys": {
+			"startIconClassName": ["className"],
+			"endIconClassName": ["className"],
+			"startIcon": ["icon"],
+			"endIcon": ["icon"],
+			"columnGap": ["gap"]
 		},
-		"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PopoverContext: {
-		"name": "PopoverContext",
+	"Menu.ItemCheckbox": {
+		"name": "Menu.ItemCheckbox",
+		"defaultProps": {},
+		"getStylesLiterals": {
+			"menuitemItemCheckboxVariantRoot": "default",
+			"menuitemItemCheckboxVariantActiveRoot": "on",
+			"menuitemItemCheckboxVariantActiveRoot:1": "off",
+			"menuitemItemCheckboxVariantText": "default",
+			"menuitemItemCheckboxVariantActiveText": "on",
+			"menuitemItemCheckboxVariantActiveText:1": "off",
+			"menuitemItemCheckboxVariantStartIcon": "default",
+			"menuitemItemCheckboxVariantActiveStartIcon": "on",
+			"menuitemItemCheckboxVariantActiveStartIcon:1": "off",
+			"menuitemItemCheckboxVariantEndIcon": "default",
+			"menuitemItemCheckboxVariantActiveEndIcon": "on",
+			"menuitemItemCheckboxVariantActiveEndIcon:1": "off"
+		},
+		"cxLiterals": ["uds-menu-item-checkbox"],
+		"internalComponents": ["MenuItemBase"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	"Menu.Provider": {
+		"name": "Menu.Provider",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": [],
+		"internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
+	},
+	"Menu.Trigger": {
+		"name": "Menu.Trigger",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": ["uds-menu-trigger"],
+		"internalComponents": ["AriakitMenuTrigger", "Box"],
+		"internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PopoverTrigger: {
-		"name": "PopoverTrigger",
+	"Menu.index": {
+		"name": "Menu.index",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["PopoverDisclosure"],
-		"internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
-		"propToVariantKeys": { "children": ["render"] },
+		"internalComponents": [],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	UDSPopoverConfigProvider: {
-		"name": "UDSPopoverConfigProvider",
+	Menu: {
+		"name": "Menu",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["PopoverContext.Provider"],
+		"internalComponents": [],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},
@@ -1555,6 +1578,136 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
+	Chip: {
+		"name": "Chip",
+		"defaultProps": {},
+		"getStylesLiterals": {},
+		"cxLiterals": [],
+		"internalComponents": [
+			"ChipDismissible",
+			"ChipToggle",
+			"ChipLink",
+			"ChipButton"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": {},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ChipBase: {
+		"name": "ChipBase",
+		"defaultProps": {
+			"size": "md",
+			"as": "div"
+		},
+		"getStylesLiterals": {},
+		"cxLiterals": [
+			"pointer-events-none",
+			"cursor-default",
+			"opacity-50",
+			"inline-flex",
+			"items-center",
+			"transition-[background-color,outline-color,box-shadow]",
+			"truncate",
+			"whitespace-nowrap",
+			"text-center",
+			"flex-1",
+			"md",
+			"primary"
+		],
+		"internalComponents": [
+			"IconSlot",
+			"HStack",
+			"As",
+			"Text"
+		],
+		"internalComponentProps": { "Text": {
+			"as": ["span"],
+			"color": ["current"],
+			"variant": ["inherit"]
+		} },
+		"propToVariantKeys": {
+			"size": ["chipSizeRoot", "chipSizeIcon"],
+			"startIcon": ["icon"],
+			"endIcon": ["icon"]
+		},
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"motionVarPrefixes": []
+	},
+	ChipButton: {
+		"name": "ChipButton",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": ["uds-ring"],
+		"internalComponents": ["ChipBase"],
+		"internalComponentProps": { "ChipBase": { "as": ["button"] } },
+		"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
+		"runtimeConfigDefaultProps": {},
+		"runtimeConfigGetStyles": {},
+		"runtimeConfigInternalComponentProps": {},
+		"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": []
+	},
+	ChipLink: {
+		"name": "ChipLink",
+		"defaultProps": { "variant": "primary" },
+		"getStylesLiterals": {},
+		"cxLiterals": ["uds-ring"],
+		"internalComponents": ["ChipBase"],
+		"internalComponentProps": { "ChipBase": { "as": ["a"] } },
+		"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
+		"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": []
+	},
 	BottomSheet: {
 		"name": "BottomSheet",
 		"defaultProps": { "variant": "default" },
@@ -1707,249 +1860,585 @@ var componentData_default = {
 		"cxLiterals": [],
 		"internalComponents": [],
 		"internalComponentProps": {},
-		"propToVariantKeys": {},
+		"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": []
+	},
+	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": []
 	},
-	BottomSheetProvider: {
-		"name": "BottomSheetProvider",
-		"defaultProps": {},
+	AvatarText: {
+		"name": "AvatarText",
+		"defaultProps": {
+			"size": "md",
+			"variant": "primary"
+		},
 		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogProvider"],
-		"internalComponentProps": {},
+		"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": []
 	},
-	BottomSheetTrigger: {
-		"name": "BottomSheetTrigger",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["AriakitDialogDisclosure"],
+	Pagination: {
+		"name": "Pagination",
+		"defaultProps": {
+			"ellipsisPlacement": "default",
+			"size": "md",
+			"variant": "default",
+			"'aria-label'": "Pagination"
+		},
+		"getStylesLiterals": { "paginationVariantActiveRoot": "off" },
+		"cxLiterals": [
+			"inline-flex",
+			"items-center",
+			"justify-center",
+			"relative",
+			"m-0",
+			"border-solid",
+			"inline-grid",
+			"shrink-0",
+			"place-items-center",
+			"place-content-center",
+			"rounded-full",
+			"box-border",
+			"w-[var(--uds-pagination-control-size)]",
+			"appearance-none",
+			"uds-ring",
+			"cursor-pointer",
+			"select-none",
+			"pointer-events-none",
+			"auto-cols-max",
+			"grid-flow-col",
+			"gap-1",
+			"block",
+			"tabular-nums",
+			"!leading-none",
+			"[text-box-trim:trim-both]",
+			"[text-box-edge:cap_alphabetic]",
+			"h-[var(--uds-pagination-control-size)]"
+		],
+		"internalComponents": ["PaginationProvider"],
 		"internalComponentProps": {},
-		"propToVariantKeys": {},
+		"propToVariantKeys": {
+			"size": [
+				"paginationSizeRoot",
+				"paginationSizeItem",
+				"paginationSizeIcon",
+				"paginationSizeText"
+			],
+			"variant": ["paginationVariantRoot"],
+			"activeState": ["paginationVariantActiveRoot"]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	UDSBottomSheetConfigProvider: {
-		"name": "UDSBottomSheetConfigProvider",
+	PaginationEllipsis: {
+		"name": "PaginationEllipsis",
 		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["BottomSheetContext.Provider"],
+		"getStylesLiterals": { "paginationVariantActiveRoot": "off" },
+		"cxLiterals": [
+			"inline-flex",
+			"items-center",
+			"justify-center",
+			"relative",
+			"m-0",
+			"border-solid",
+			"inline-grid",
+			"shrink-0",
+			"place-items-center",
+			"place-content-center",
+			"rounded-full",
+			"box-border",
+			"w-[var(--uds-pagination-control-size)]",
+			"appearance-none",
+			"uds-ring",
+			"cursor-pointer",
+			"select-none",
+			"pointer-events-none",
+			"auto-cols-max",
+			"grid-flow-col",
+			"gap-1",
+			"block",
+			"tabular-nums",
+			"!leading-none",
+			"[text-box-trim:trim-both]",
+			"[text-box-edge:cap_alphabetic]",
+			"h-[var(--uds-pagination-control-size)]"
+		],
+		"internalComponents": [],
 		"internalComponentProps": {},
-		"propToVariantKeys": {},
+		"propToVariantKeys": {
+			"size": [
+				"paginationSizeRoot",
+				"paginationSizeItem",
+				"paginationSizeIcon",
+				"paginationSizeText"
+			],
+			"variant": ["paginationVariantRoot"],
+			"activeState": ["paginationVariantActiveRoot"]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PaddleButton: {
-		"name": "PaddleButton",
+	PaginationItem: {
+		"name": "PaginationItem",
 		"defaultProps": {},
-		"getStylesLiterals": {},
+		"getStylesLiterals": { "paginationVariantActiveRoot": "off" },
 		"cxLiterals": [
-			"relative",
 			"inline-flex",
 			"items-center",
 			"justify-center",
-			"box-border",
-			"overflow-hidden",
+			"relative",
+			"m-0",
 			"border-solid",
-			"select-none",
-			"uds-nested-radius",
-			"transition-[color,border-color,box-shadow]",
-			"duration-[180ms]",
-			"ease-[cubic-bezier(0,0,0.2,1)]",
+			"inline-grid",
+			"shrink-0",
+			"place-items-center",
+			"place-content-center",
+			"rounded-full",
+			"box-border",
+			"w-[var(--uds-pagination-control-size)]",
+			"appearance-none",
 			"uds-ring",
 			"cursor-pointer",
-			"cursor-not-allowed",
-			"opacity-50",
+			"select-none",
 			"pointer-events-none",
-			"hidden",
-			"absolute",
-			"inset-0",
-			"-z-10",
-			"rounded-[var(--uds-nested-radius)]",
-			"transition-[background-color,opacity]"
+			"auto-cols-max",
+			"grid-flow-col",
+			"gap-1",
+			"block",
+			"tabular-nums",
+			"!leading-none",
+			"[text-box-trim:trim-both]",
+			"[text-box-edge:cap_alphabetic]",
+			"h-[var(--uds-pagination-control-size)]"
 		],
-		"internalComponents": ["Icon"],
-		"internalComponentProps": { "Icon": {
-			"size": ["md"],
-			"color": ["current"]
-		} },
+		"internalComponents": ["Comp"],
+		"internalComponentProps": { "Comp": { "type": ["button"] } },
 		"propToVariantKeys": {
-			"size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
-			"variant": [
-				"paddlenavVariantRoot",
-				"paddlenavVariantBackground",
-				"paddlenavVariantIcon"
-			]
+			"size": [
+				"paginationSizeRoot",
+				"paginationSizeItem",
+				"paginationSizeIcon",
+				"paginationSizeText"
+			],
+			"variant": ["paginationVariantRoot"],
+			"activeState": ["paginationVariantActiveRoot"]
 		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PaddleButtonNext: {
-		"name": "PaddleButtonNext",
+	PaginationLink: {
+		"name": "PaginationLink",
 		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["PaddleButton"],
-		"internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
-		"propToVariantKeys": {},
+		"getStylesLiterals": { "paginationVariantActiveRoot": "off" },
+		"cxLiterals": [
+			"inline-flex",
+			"items-center",
+			"justify-center",
+			"relative",
+			"m-0",
+			"border-solid",
+			"inline-grid",
+			"shrink-0",
+			"place-items-center",
+			"place-content-center",
+			"rounded-full",
+			"box-border",
+			"w-[var(--uds-pagination-control-size)]",
+			"appearance-none",
+			"uds-ring",
+			"cursor-pointer",
+			"select-none",
+			"pointer-events-none",
+			"auto-cols-max",
+			"grid-flow-col",
+			"gap-1",
+			"block",
+			"tabular-nums",
+			"!leading-none",
+			"[text-box-trim:trim-both]",
+			"[text-box-edge:cap_alphabetic]",
+			"h-[var(--uds-pagination-control-size)]"
+		],
+		"internalComponents": ["Comp"],
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"size": [
+				"paginationSizeRoot",
+				"paginationSizeItem",
+				"paginationSizeIcon",
+				"paginationSizeText"
+			],
+			"variant": ["paginationVariantRoot"],
+			"activeState": ["paginationVariantActiveRoot"]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PaddleButtonPrevious: {
-		"name": "PaddleButtonPrevious",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["PaddleButton"],
-		"internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
-		"propToVariantKeys": {},
+	PaginationNext: {
+		"name": "PaginationNext",
+		"defaultProps": { "label": "Next" },
+		"getStylesLiterals": { "paginationVariantActiveRoot": "off" },
+		"cxLiterals": [
+			"inline-flex",
+			"items-center",
+			"justify-center",
+			"relative",
+			"m-0",
+			"border-solid",
+			"inline-grid",
+			"shrink-0",
+			"place-items-center",
+			"place-content-center",
+			"rounded-full",
+			"box-border",
+			"w-[var(--uds-pagination-control-size)]",
+			"appearance-none",
+			"uds-ring",
+			"cursor-pointer",
+			"select-none",
+			"pointer-events-none",
+			"auto-cols-max",
+			"grid-flow-col",
+			"gap-1",
+			"block",
+			"tabular-nums",
+			"!leading-none",
+			"[text-box-trim:trim-both]",
+			"[text-box-edge:cap_alphabetic]",
+			"h-[var(--uds-pagination-control-size)]"
+		],
+		"internalComponents": ["Icon", "Comp"],
+		"internalComponentProps": {
+			"Icon": {
+				"size": ["sm"],
+				"color": ["current"]
+			},
+			"Comp": {
+				"type": ["button"],
+				"aria-label": ["Go to next page"]
+			}
+		},
+		"propToVariantKeys": {
+			"size": [
+				"paginationSizeRoot",
+				"paginationSizeItem",
+				"paginationSizeIcon",
+				"paginationSizeText"
+			],
+			"variant": ["paginationVariantRoot"],
+			"activeState": ["paginationVariantActiveRoot"]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PaddleNav: {
-		"name": "PaddleNav",
-		"defaultProps": {
-			"orientation": "horizontal",
-			"variant": "primary",
-			"size": "md"
-		},
-		"getStylesLiterals": {},
+	PaginationNumbers: {
+		"name": "PaginationNumbers",
+		"defaultProps": {},
+		"getStylesLiterals": { "paginationVariantActiveRoot": "off" },
 		"cxLiterals": [
-			"pointer-events-none",
+			"m-0",
 			"inline-flex",
-			"flex-row",
-			"gap-2",
+			"list-none",
 			"items-center",
-			"pointer-events-auto",
-			"flex-col",
+			"self-center",
+			"p-0",
+			"justify-center",
 			"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"
+			"border-solid",
+			"inline-grid",
+			"shrink-0",
+			"place-items-center",
+			"place-content-center",
+			"rounded-full",
+			"box-border",
+			"w-[var(--uds-pagination-control-size)]",
+			"appearance-none",
+			"uds-ring",
+			"cursor-pointer",
+			"select-none",
+			"pointer-events-none",
+			"auto-cols-max",
+			"grid-flow-col",
+			"gap-1",
+			"block",
+			"tabular-nums",
+			"!leading-none",
+			"[text-box-trim:trim-both]",
+			"[text-box-edge:cap_alphabetic]",
+			"h-[var(--uds-pagination-control-size)]"
 		],
-		"internalComponents": ["PaddleNavContext.Provider", "Box"],
-		"internalComponentProps": { "Box": {
-			"display": ["inline-flex"],
-			"alignItems": ["center"],
-			"justifyContent": ["center"],
-			"data-paddle-nav-outside": ["true"]
-		} },
-		"propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
+		"internalComponents": [
+			"PaginationEllipsis",
+			"PaginationLink",
+			"PaginationItem"
+		],
+		"internalComponentProps": {},
+		"propToVariantKeys": {
+			"size": [
+				"paginationSizeRoot",
+				"paginationSizeItem",
+				"paginationSizeIcon",
+				"paginationSizeText"
+			],
+			"variant": ["paginationVariantRoot"],
+			"activeState": ["paginationVariantActiveRoot"]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	PaddleNavContent: {
-		"name": "PaddleNavContent",
-		"defaultProps": {},
-		"getStylesLiterals": {},
+	PaginationPrev: {
+		"name": "PaginationPrev",
+		"defaultProps": { "label": "Previous" },
+		"getStylesLiterals": { "paginationVariantActiveRoot": "off" },
 		"cxLiterals": [
-			"min-w-0",
-			"min-h-0",
-			"relative"
-		],
-		"internalComponents": [],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
+			"inline-flex",
+			"items-center",
+			"justify-center",
+			"relative",
+			"m-0",
+			"border-solid",
+			"inline-grid",
+			"shrink-0",
+			"place-items-center",
+			"place-content-center",
+			"rounded-full",
+			"box-border",
+			"w-[var(--uds-pagination-control-size)]",
+			"appearance-none",
+			"uds-ring",
+			"cursor-pointer",
+			"select-none",
+			"pointer-events-none",
+			"auto-cols-max",
+			"grid-flow-col",
+			"gap-1",
+			"block",
+			"tabular-nums",
+			"!leading-none",
+			"[text-box-trim:trim-both]",
+			"[text-box-edge:cap_alphabetic]",
+			"h-[var(--uds-pagination-control-size)]"
+		],
+		"internalComponents": ["Icon", "Comp"],
+		"internalComponentProps": {
+			"Icon": {
+				"size": ["sm"],
+				"color": ["current"]
+			},
+			"Comp": {
+				"type": ["button"],
+				"aria-label": ["Go to previous page"]
+			}
+		},
+		"propToVariantKeys": {
+			"size": [
+				"paginationSizeRoot",
+				"paginationSizeItem",
+				"paginationSizeIcon",
+				"paginationSizeText"
+			],
+			"variant": ["paginationVariantRoot"],
+			"activeState": ["paginationVariantActiveRoot"]
+		},
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ManagedModal: {
-		"name": "ManagedModal",
+	Popover: {
+		"name": "Popover",
 		"defaultProps": {},
 		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": [
-			"Modal",
-			"ModalTitle",
-			"ModalDescription",
-			"ModalContent",
-			"ModalActions"
-		],
+		"cxLiterals": ["uds:popover-open"],
+		"internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
+			"size": "popover.defaultSize",
+			"variant": "popover.defaultVariant"
 		},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	Modal: {
-		"name": "Modal",
-		"defaultProps": {
-			"closeAriaLabel": "Close",
-			"maxWidth": "auto",
-			"maxHeight": "auto",
-			"scrollBehavior": "outside"
-		},
+	PopoverContent: {
+		"name": "PopoverContent",
+		"defaultProps": {},
 		"getStylesLiterals": {
-			"flexDirection": "row-reverse",
-			"justifyContent": "space-between",
-			"alignItems": "flex-end",
-			"alignItems:1": "flex-start",
-			"borderRadius": "full"
+			"popoverSizeRoot": "default",
+			"popoverVariantRoot": "default",
+			"display": "flex",
+			"position": "relative",
+			"display:1": "block",
+			"spacingTop": "0",
+			"spacingStart": "0",
+			"spacingBottom": "0",
+			"spacingEnd": "0",
+			"popoverSizeSvgBase": "default",
+			"popoverVariantSvgBase": "default",
+			"popoverSizeSvgBorder": "default",
+			"popoverVariantSvgBorder": "default",
+			"popoverVariantBlur": "default",
+			"position:1": "absolute",
+			"width": "full",
+			"height": "full",
+			"flexShrink": "0",
+			"borderRadius": "full",
+			"alignItems": "center",
+			"justifyContent": "center",
+			"popoverVariantCloseIcon": "default",
+			"popoverSizeCloseIcon": "default"
 		},
 		"cxLiterals": [
-			"fixed",
-			"inset-0",
-			"z-40",
-			"overflow-y-auto",
-			"overflow-hidden",
-			"transition-[opacity,visibility]",
-			"visible",
-			"opacity-100",
-			"invisible",
-			"opacity-0",
-			"pointer-events-none",
+			"z-[9999]",
+			"outline-none",
+			"focus-visible:outline-none",
+			"uds-bgBlurFillFallback",
 			"uds-bgBlurFallback",
-			"w-full",
-			"w-fit",
-			"h-full",
-			"h-fit",
-			"m-auto",
-			"pointer-events-auto",
-			"inside",
-			"max-h-full",
-			"transition-transform",
+			"top-0",
+			"left-0",
+			"z-[1]",
 			"duration-0",
 			"duration-120",
 			"transition-[background-color]",
@@ -1957,101 +2446,35 @@ var componentData_default = {
 			"hover:bg-carbon-15/10",
 			"active:bg-carbon-15/15",
 			"uds-ring",
-			"[translate:50%_-50%]"
+			"absolute",
+			"z-[4]"
 		],
 		"internalComponents": [
-			"Scrim",
-			"VStack",
-			"Pressable",
+			"PopoverDismiss",
 			"IconSlot",
+			"PopoverArrow",
+			"Popover",
+			"SvgFloatingOverlay",
 			"Box",
-			"Dialog",
-			"ModalContext.Provider",
-			"HStack",
-			"DialogDismiss",
-			"ModalTitle",
-			"ModalDescription",
-			"ModalContent",
-			"ModalActions"
+			"Pressable"
 		],
-		"internalComponentProps": { "Box": { "flexGrow": ["1"] } },
-		"propToVariantKeys": {
-			"gutter": ["spacing"],
-			"size": [
-				"modalSizeRoot",
-				"modalSizeSpacingHorizontal",
-				"modalSizeHeader",
-				"modalSizeTitleDescriptionWrapper",
-				"modalSizeCloseIconContainer",
-				"modalSizeCloseIcon"
-			],
-			"variant": ["modalVariantRoot", "modalVariantCloseIcon"],
-			"closeAriaLabel": ["aria-label"],
-			"closeIcon": ["icon"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"spacing": ["modal.gutter.${size}"],
-			"modalSizeRoot": ["modal.defaultSize"],
-			"modalVariantRoot": ["modal.defaultVariant"],
-			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
-			"modalSizeHeader": ["modal.defaultSize"],
-			"modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
-			"modalSizeCloseIconContainer": ["modal.defaultSize"],
-			"modalSizeCloseIcon": ["modal.defaultSize"],
-			"modalVariantCloseIcon": ["modal.defaultVariant"]
-		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalActions: {
-		"name": "ModalActions",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"flexDirection": "row-reverse",
-			"justifyContent": "space-between",
-			"alignItems": "center"
-		},
-		"cxLiterals": ["gap-[inherit]"],
-		"internalComponents": ["HStack"],
 		"internalComponentProps": {},
-		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
+		"propToVariantKeys": { "closeIcon": ["icon"] },
 		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
+			"size": "popover.defaultSize",
+			"variant": "popover.defaultVariant"
 		},
 		"runtimeConfigGetStyles": {
-			"modalSizeSpacingHorizontal": ["modal.defaultSize"],
-			"modalSizeActions": ["modal.defaultSize"]
-		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalContent: {
-		"name": "ModalContent",
-		"defaultProps": {},
-		"getStylesLiterals": {
-			"overflowY": "auto",
-			"display": "block",
-			"flexGrow": "1"
-		},
-		"cxLiterals": [],
-		"internalComponents": ["Box"],
-		"internalComponentProps": {},
-		"propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
+			"spacingTop": ["popover.spacingVertical.${size}"],
+			"spacingStart": ["popover.spacingHorizontal.${size}"],
+			"spacingBottom": ["popover.spacingVertical.${size}"],
+			"spacingEnd": ["popover.spacingHorizontal.${size}"]
 		},
-		"runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
-		"runtimeConfigInternalComponentProps": {},
+		"runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
 		"motionVarPrefixes": []
 	},
-	ModalContext: {
-		"name": "ModalContext",
+	PopoverContext: {
+		"name": "PopoverContext",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
@@ -2063,69 +2486,25 @@ var componentData_default = {
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ModalDescription: {
-		"name": "ModalDescription",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["Text", "DialogDescription"],
-		"internalComponentProps": { "Text": { "as": ["span"] } },
-		"propToVariantKeys": {
-			"size": ["modalSizeDescription"],
-			"variant": ["modalVariantDescription"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"modalSizeDescription": ["modal.defaultSize"],
-			"modalVariantDescription": ["modal.defaultVariant"]
-		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	ModalPortal: {
-		"name": "ModalPortal",
+	PopoverTrigger: {
+		"name": "PopoverTrigger",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["ManagedModal"],
-		"internalComponentProps": {},
-		"propToVariantKeys": {},
+		"internalComponents": ["PopoverDisclosure"],
+		"internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
+		"propToVariantKeys": { "children": ["render"] },
 		"runtimeConfigDefaultProps": {},
 		"runtimeConfigGetStyles": {},
 		"runtimeConfigInternalComponentProps": {},
 		"motionVarPrefixes": []
 	},
-	ModalTitle: {
-		"name": "ModalTitle",
-		"defaultProps": {},
-		"getStylesLiterals": {},
-		"cxLiterals": [],
-		"internalComponents": ["Text", "DialogHeading"],
-		"internalComponentProps": { "Text": { "as": ["span"] } },
-		"propToVariantKeys": {
-			"size": ["modalSizeTitle"],
-			"variant": ["modalVariantTitle"]
-		},
-		"runtimeConfigDefaultProps": {
-			"size": "modal.defaultSize",
-			"variant": "modal.defaultVariant"
-		},
-		"runtimeConfigGetStyles": {
-			"modalSizeTitle": ["modal.defaultSize"],
-			"modalVariantTitle": ["modal.defaultVariant"]
-		},
-		"runtimeConfigInternalComponentProps": {},
-		"motionVarPrefixes": []
-	},
-	UDSModalConfigProvider: {
-		"name": "UDSModalConfigProvider",
+	UDSPopoverConfigProvider: {
+		"name": "UDSPopoverConfigProvider",
 		"defaultProps": {},
 		"getStylesLiterals": {},
 		"cxLiterals": [],
-		"internalComponents": ["ModalContext.Provider"],
+		"internalComponents": ["PopoverContext.Provider"],
 		"internalComponentProps": {},
 		"propToVariantKeys": {},
 		"runtimeConfigDefaultProps": {},