@yahoo/uds 3.152.1 → 3.153.1-beta.1

package/generated/componentData.json

@@ -898,8 +898,7 @@
       "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",
@@ -1202,46 +1201,57 @@
     "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"
+      "Icon"
     ],
-    "internalComponentProps": {},
+    "internalComponentProps": {
+      "Icon": {
+        "size": [
+          "md"
+        ],
+        "color": [
+          "current"
+        ]
+      }
+    },
     "propToVariantKeys": {
       "size": [
-        "avatarSizeIcon"
+        "paddlenavSizeRoot",
+        "paddlenavSizeIcon"
+      ],
+      "variant": [
+        "paddlenavVariantRoot",
+        "paddlenavVariantBackground",
+        "paddlenavVariantIcon"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1249,73 +1259,39 @@
     "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"
-    ],
+    "cxLiterals": [],
     "internalComponents": [
-      "UDSImage",
-      "AvatarText",
-      "AvatarIcon",
-      "Box"
+      "PaddleButton"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "alt": [
-        "name"
-      ],
-      "fallback": [
-        "initials"
-      ]
+    "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"
-    ],
+    "cxLiterals": [],
     "internalComponents": [
-      "Box",
-      "Text"
+      "PaddleButton"
     ],
     "internalComponentProps": {
-      "Text": {
-        "color": [
-          "inherit"
-        ],
-        "variant": [
-          "inherit"
+      "PaddleButton": {
+        "paddleRole": [
+          "previous"
         ]
       }
     },
@@ -1325,39 +1301,65 @@
     "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"
+      "top-2",
+      "left-1/2",
+      "-translate-x-1/2",
+      "left-2",
+      "top-1/2",
+      "-translate-y-1/2",
+      "bottom-2",
+      "right-2",
+      "-top-12",
+      "left-0",
+      "right-0",
+      "-bottom-12"
     ],
     "internalComponents": [
-      "AriakitMenu",
-      "AnimatePresence",
-      "MotionVStack"
+      "PaddleNavContext.Provider",
+      "Box"
     ],
-    "internalComponentProps": {},
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "inline-flex"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "center"
+        ],
+        "data-paddle-nav-outside": [
+          "true"
+        ]
+      }
+    },
     "propToVariantKeys": {
-      "size": [
-        "menucontentSizeRoot"
-      ],
-      "variant": [
-        "menucontentVariantRoot"
+      "orientation": [
+        "data-paddle-nav-orientation"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1365,215 +1367,240 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.Divider": {
-    "name": "Menu.Divider",
-    "defaultProps": {
-      "role": "separator",
-      "contentPosition": "start",
-      "gap": "4"
-    },
-    "getStylesLiterals": {
-      "menuitemDividerVariantRoot": "default",
-      "menuitemDividerVariantText": "default",
-      "menuitemDividerVariantLine": "default"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "Divider"
+  "PaddleNavContent": {
+    "name": "PaddleNavContent",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "min-w-0",
+      "min-h-0",
+      "relative"
     ],
-    "internalComponentProps": {
-      "Divider": {
-        "variant": [
-          "inherit"
-        ]
-      }
-    },
+    "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"
+      "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"
+      "Box": {
+        "flexGrow": [
+          "1"
         ]
       }
     },
     "propToVariantKeys": {
-      "startIconClassName": [
-        "className"
+      "gutter": [
+        "spacing"
       ],
-      "endIconClassName": [
-        "className"
+      "size": [
+        "modalSizeRoot",
+        "modalSizeSpacingHorizontal",
+        "modalSizeHeader",
+        "modalSizeTitleDescriptionWrapper",
+        "modalSizeCloseIconContainer",
+        "modalSizeCloseIcon"
       ],
-      "startIcon": [
-        "icon"
+      "variant": [
+        "modalVariantRoot",
+        "modalVariantCloseIcon"
       ],
-      "endIcon": [
+      "closeAriaLabel": [
+        "aria-label"
+      ],
+      "closeIcon": [
         "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "spacing": [
+        "modal.gutter.${size}"
       ],
-      "columnGap": [
-        "gap"
+      "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"
+      "gap-[inherit]"
     ],
     "internalComponents": [
-      "MenuItemBase"
+      "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": {},
+    "getStylesLiterals": {
+      "overflowY": "auto",
+      "display": "block",
+      "flexGrow": "1"
+    },
     "cxLiterals": [],
     "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"
-        ]
-      }
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "size": [
+        "modalSizeSpacingHorizontal"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "modalSizeSpacingHorizontal": [
+        "modal.defaultSize"
+      ]
     },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.index": {
-    "name": "Menu.index",
+  "ModalContext": {
+    "name": "ModalContext",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
@@ -1585,29 +1612,52 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu": {
-    "name": "Menu",
+  "ModalDescription": {
+    "name": "ModalDescription",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
+    "internalComponents": [
+      "Text",
+      "DialogDescription"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "as": [
+          "span"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "modalSizeDescription"
+      ],
+      "variant": [
+        "modalVariantDescription"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "modalSizeDescription": [
+        "modal.defaultSize"
+      ],
+      "modalVariantDescription": [
+        "modal.defaultVariant"
+      ]
+    },
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Chip": {
-    "name": "Chip",
+  "ModalPortal": {
+    "name": "ModalPortal",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "ChipDismissible",
-      "ChipToggle",
-      "ChipLink",
-      "ChipButton"
+      "ManagedModal"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -1616,148 +1666,93 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ChipBase": {
-    "name": "ChipBase",
-    "defaultProps": {
-      "size": "md",
-      "as": "div"
-    },
+  "ModalTitle": {
+    "name": "ModalTitle",
+    "defaultProps": {},
     "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"
-    ],
+    "cxLiterals": [],
     "internalComponents": [
-      "IconSlot",
-      "HStack",
-      "As",
-      "Text"
+      "Text",
+      "DialogHeading"
     ],
     "internalComponentProps": {
       "Text": {
         "as": [
           "span"
-        ],
-        "color": [
-          "current"
-        ],
-        "variant": [
-          "inherit"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "chipSizeRoot",
-        "chipSizeIcon"
-      ],
-      "startIcon": [
-        "icon"
+        "modalSizeTitle"
       ],
-      "endIcon": [
-        "icon"
+      "variant": [
+        "modalVariantTitle"
       ]
     },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "ChipButton": {
-    "name": "ChipButton",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-ring"
-    ],
-    "internalComponents": [
-      "ChipBase"
-    ],
-    "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "button"
-        ]
-      }
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
     },
-    "propToVariantKeys": {
-      "variant": [
-        "chipLinkVariantRoot",
-        "chipLinkVariantIcon"
+    "runtimeConfigGetStyles": {
+      "modalSizeTitle": [
+        "modal.defaultSize"
+      ],
+      "modalVariantTitle": [
+        "modal.defaultVariant"
       ]
     },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ChipDismissible": {
-    "name": "ChipDismissible",
-    "defaultProps": {
-      "variant": "primary"
-    },
+  "UDSModalConfigProvider": {
+    "name": "UDSModalConfigProvider",
+    "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-chip-dismissible-button",
-      "uds-hit-target",
-      "uds-ring",
-      "rounded-full"
-    ],
+    "cxLiterals": [],
     "internalComponents": [
-      "ChipBase",
-      "IconSlot",
-      "Pressable"
+      "ModalContext.Provider"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {
-      "variant": [
-        "chipDismissibleVariantRoot",
-        "chipDismissibleVariantIcon"
-      ],
-      "dismissButtonAriaLabel": [
-        "aria-label"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ChipLink": {
-    "name": "ChipLink",
+  "Menu.Content": {
+    "name": "Menu.Content",
     "defaultProps": {
-      "variant": "primary"
+      "size": "default",
+      "variant": "default",
+      "gutter": "1"
     },
     "getStylesLiterals": {},
     "cxLiterals": [
-      "uds-ring"
+      "uds-menu-content",
+      "transition-shadow",
+      "duration-200",
+      "ease-in-out",
+      "min-w-60",
+      "max-w-lg",
+      "max-h-96",
+      "overflow-auto",
+      "uds-ring",
+      "z-10",
+      "group"
     ],
     "internalComponents": [
-      "ChipBase"
+      "AriakitMenu",
+      "AnimatePresence",
+      "MotionVStack"
     ],
-    "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "a"
-        ]
-      }
-    },
+    "internalComponentProps": {},
     "propToVariantKeys": {
+      "size": [
+        "menucontentSizeRoot"
+      ],
       "variant": [
-        "chipLinkVariantRoot",
-        "chipLinkVariantIcon"
+        "menucontentVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1765,196 +1760,232 @@
     "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"
-    ],
+    "cxLiterals": [],
     "internalComponents": [
-      "ChipBase"
+      "Divider"
     ],
     "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "button"
+      "Divider": {
+        "variant": [
+          "inherit"
         ]
       }
     },
-    "propToVariantKeys": {
-      "variant": [
-        "chipToggleVariantRoot",
-        "chipToggleVariantIcon"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Popover": {
-    "name": "Popover",
+  "Menu.Item": {
+    "name": "Menu.Item",
     "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds:popover-open"
-    ],
+    "getStylesLiterals": {
+      "menuitemItemVariantRoot": "default",
+      "menuitemItemVariantActiveRoot": "on",
+      "menuitemItemVariantActiveRoot:1": "off",
+      "menuitemItemVariantText": "default",
+      "menuitemItemVariantActiveText": "on",
+      "menuitemItemVariantActiveText:1": "off",
+      "menuitemItemVariantIcon": "default",
+      "menuitemItemVariantActiveIcon": "on",
+      "menuitemItemVariantActiveIcon:1": "off"
+    },
+    "cxLiterals": [],
     "internalComponents": [
-      "PopoverInternalContext.Provider",
-      "PopoverProvider"
+      "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}"
+    "propToVariantKeys": {
+      "startIconClassName": [
+        "className"
       ],
-      "spacingStart": [
-        "popover.spacingHorizontal.${size}"
+      "endIconClassName": [
+        "className"
       ],
-      "spacingBottom": [
-        "popover.spacingVertical.${size}"
+      "startIcon": [
+        "icon"
       ],
-      "spacingEnd": [
-        "popover.spacingHorizontal.${size}"
+      "endIcon": [
+        "icon"
+      ],
+      "columnGap": [
+        "gap"
       ]
     },
-    "runtimeConfigInternalComponentProps": {
-      "SvgFloatingOverlay": {
-        "borderRadius": [
-          "popover.borderRadius.${size}"
-        ]
-      }
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "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": []
   },
-  "PopoverContext": {
-    "name": "PopoverContext",
+  "Menu.Provider": {
+    "name": "Menu.Provider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [],
+    "internalComponents": [
+      "AriakitMenuProvider",
+      "SpringMotionConfig"
+    ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
   },
-  "PopoverTrigger": {
-    "name": "PopoverTrigger",
+  "Menu.Trigger": {
+    "name": "Menu.Trigger",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-menu-trigger"
+    ],
     "internalComponents": [
-      "PopoverDisclosure"
+      "AriakitMenuTrigger",
+      "Box"
     ],
     "internalComponentProps": {
-      "PopoverDisclosure": {
+      "Box": {
         "className": [
-          "inline"
+          "uds-ring h-fit w-fit"
         ]
       }
     },
-    "propToVariantKeys": {
-      "children": [
-        "render"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSPopoverConfigProvider": {
-    "name": "UDSPopoverConfigProvider",
+  "Menu.index": {
+    "name": "Menu.index",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [
-      "PopoverContext.Provider"
-    ],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Menu": {
+    "name": "Menu",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -2096,8 +2127,218 @@
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "inputSizeRoot"
+      "size": [
+        "inputSizeRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "InputHelpTextInternal": {
+    "name": "InputHelpTextInternal",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "inputVariantHelperText": "default",
+      "inputVariantValueHelperText": "empty",
+      "inputVariantValueHelperText:1": "filled",
+      "inputVariantHelperIcon": "default",
+      "inputVariantValueHelperIcon": "empty",
+      "inputVariantValueHelperIcon:1": "filled"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "IconSlot",
+      "HStack"
+    ],
+    "internalComponentProps": {
+      "HStack": {
+        "gap": [
+          "1"
+        ],
+        "alignItems": [
+          "center"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeHelperText",
+        "inputSizeHelperIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Chip": {
+    "name": "Chip",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "ChipDismissible",
+      "ChipToggle",
+      "ChipLink",
+      "ChipButton"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ChipBase": {
+    "name": "ChipBase",
+    "defaultProps": {
+      "size": "md",
+      "as": "div"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "pointer-events-none",
+      "cursor-default",
+      "opacity-50",
+      "inline-flex",
+      "items-center",
+      "transition-[background-color,outline-color,box-shadow]",
+      "truncate",
+      "whitespace-nowrap",
+      "text-center",
+      "flex-1",
+      "md",
+      "primary"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "HStack",
+      "As",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "as": [
+          "span"
+        ],
+        "color": [
+          "current"
+        ],
+        "variant": [
+          "inherit"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "chipSizeRoot",
+        "chipSizeIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ChipButton": {
+    "name": "ChipButton",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds-ring"
+    ],
+    "internalComponents": [
+      "ChipBase"
+    ],
+    "internalComponentProps": {
+      "ChipBase": {
+        "as": [
+          "button"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "chipLinkVariantRoot",
+        "chipLinkVariantIcon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "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": {},
@@ -2105,42 +2346,33 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "InputHelpTextInternal": {
-    "name": "InputHelpTextInternal",
-    "defaultProps": {},
+  "ChipToggle": {
+    "name": "ChipToggle",
+    "defaultProps": {
+      "variant": "primary",
+      "role": "checkbox"
+    },
     "getStylesLiterals": {
-      "inputVariantHelperText": "default",
-      "inputVariantValueHelperText": "empty",
-      "inputVariantValueHelperText:1": "filled",
-      "inputVariantHelperIcon": "default",
-      "inputVariantValueHelperIcon": "empty",
-      "inputVariantValueHelperIcon:1": "filled"
+      "chipToggleVariantActiveRoot": "on",
+      "chipToggleVariantActiveRoot:1": "off"
     },
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-ring"
+    ],
     "internalComponents": [
-      "IconSlot",
-      "HStack"
+      "ChipBase"
     ],
     "internalComponentProps": {
-      "HStack": {
-        "gap": [
-          "1"
-        ],
-        "alignItems": [
-          "center"
+      "ChipBase": {
+        "as": [
+          "button"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "inputSizeHelperText",
-        "inputSizeHelperIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
+      "variant": [
+        "chipToggleVariantRoot",
+        "chipToggleVariantIcon"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2433,57 +2665,84 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleButton": {
-    "name": "PaddleButton",
+  "Avatar": {
+    "name": "Avatar",
     "defaultProps": {},
     "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AvatarImage"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "AvatarIcon": {
+    "name": "AvatarIcon",
+    "defaultProps": {
+      "size": "md",
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
     "cxLiterals": [
-      "relative",
+      "overflow-hidden",
+      "w-full",
+      "h-full",
+      "shrink-0",
+      "text-center",
       "inline-flex",
-      "items-center",
       "justify-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]"
+      "items-center"
     ],
     "internalComponents": [
-      "Icon"
+      "IconSlot",
+      "Box"
     ],
-    "internalComponentProps": {
-      "Icon": {
-        "size": [
-          "md"
-        ],
-        "color": [
-          "current"
-        ]
-      }
-    },
+    "internalComponentProps": {},
     "propToVariantKeys": {
       "size": [
-        "paddlenavSizeRoot",
-        "paddlenavSizeIcon"
+        "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"
       ],
-      "variant": [
-        "paddlenavVariantRoot",
-        "paddlenavVariantBackground",
-        "paddlenavVariantIcon"
+      "fallback": [
+        "initials"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2491,18 +2750,35 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleButtonNext": {
-    "name": "PaddleButtonNext",
-    "defaultProps": {},
+  "AvatarText": {
+    "name": "AvatarText",
+    "defaultProps": {
+      "size": "md",
+      "variant": "primary"
+    },
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "overflow-hidden",
+      "truncate",
+      "w-full",
+      "h-full",
+      "shrink-0",
+      "text-center",
+      "inline-flex",
+      "justify-center",
+      "items-center"
+    ],
     "internalComponents": [
-      "PaddleButton"
+      "Box",
+      "Text"
     ],
     "internalComponentProps": {
-      "PaddleButton": {
-        "paddleRole": [
-          "next"
+      "Text": {
+        "color": [
+          "inherit"
+        ],
+        "variant": [
+          "inherit"
         ]
       }
     },
@@ -2512,86 +2788,182 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleButtonPrevious": {
-    "name": "PaddleButtonPrevious",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
+  "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": [
-      "PaddleButton"
+      "PaginationProvider"
     ],
-    "internalComponentProps": {
-      "PaddleButton": {
-        "paddleRole": [
-          "previous"
-        ]
-      }
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "size": [
+        "paginationSizeRoot",
+        "paginationSizeItem",
+        "paginationSizeIcon",
+        "paginationSizeText"
+      ],
+      "variant": [
+        "paginationVariantRoot"
+      ],
+      "activeState": [
+        "paginationVariantActiveRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "PaginationEllipsis": {
+    "name": "PaginationEllipsis",
+    "defaultProps": {},
+    "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": {
+      "size": [
+        "paginationSizeRoot",
+        "paginationSizeItem",
+        "paginationSizeIcon",
+        "paginationSizeText"
+      ],
+      "variant": [
+        "paginationVariantRoot"
+      ],
+      "activeState": [
+        "paginationVariantActiveRoot"
+      ]
     },
-    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleNav": {
-    "name": "PaddleNav",
-    "defaultProps": {
-      "orientation": "horizontal",
-      "variant": "primary",
-      "size": "md"
+  "PaginationItem": {
+    "name": "PaginationItem",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "paginationVariantActiveRoot": "off"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "pointer-events-none",
       "inline-flex",
-      "flex-row",
-      "gap-2",
       "items-center",
-      "pointer-events-auto",
-      "flex-col",
+      "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"
+      "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": [
-      "PaddleNavContext.Provider",
-      "Box"
+      "Comp"
     ],
     "internalComponentProps": {
-      "Box": {
-        "display": [
-          "inline-flex"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "center"
-        ],
-        "data-paddle-nav-outside": [
-          "true"
+      "Comp": {
+        "type": [
+          "button"
         ]
       }
     },
     "propToVariantKeys": {
-      "orientation": [
-        "data-paddle-nav-orientation"
+      "size": [
+        "paginationSizeRoot",
+        "paginationSizeItem",
+        "paginationSizeIcon",
+        "paginationSizeText"
+      ],
+      "variant": [
+        "paginationVariantRoot"
+      ],
+      "activeState": [
+        "paginationVariantActiveRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2599,298 +2971,399 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleNavContent": {
-    "name": "PaddleNavContent",
+  "PaginationLink": {
+    "name": "PaginationLink",
     "defaultProps": {},
-    "getStylesLiterals": {},
+    "getStylesLiterals": {
+      "paginationVariantActiveRoot": "off"
+    },
     "cxLiterals": [
-      "min-w-0",
-      "min-h-0",
-      "relative"
+      "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": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "ManagedModal": {
-    "name": "ManagedModal",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
     "internalComponents": [
-      "Modal",
-      "ModalTitle",
-      "ModalDescription",
-      "ModalContent",
-      "ModalActions"
+      "Comp"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
+    "propToVariantKeys": {
+      "size": [
+        "paginationSizeRoot",
+        "paginationSizeItem",
+        "paginationSizeIcon",
+        "paginationSizeText"
+      ],
+      "variant": [
+        "paginationVariantRoot"
+      ],
+      "activeState": [
+        "paginationVariantActiveRoot"
+      ]
     },
+    "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Modal": {
-    "name": "Modal",
+  "PaginationNext": {
+    "name": "PaginationNext",
     "defaultProps": {
-      "closeAriaLabel": "Close",
-      "maxWidth": "auto",
-      "maxHeight": "auto",
-      "scrollBehavior": "outside"
+      "label": "Next"
     },
     "getStylesLiterals": {
-      "flexDirection": "row-reverse",
-      "justifyContent": "space-between",
-      "alignItems": "flex-end",
-      "alignItems:1": "flex-start",
-      "borderRadius": "full"
+      "paginationVariantActiveRoot": "off"
     },
     "cxLiterals": [
-      "fixed",
-      "inset-0",
-      "z-40",
-      "overflow-y-auto",
-      "overflow-hidden",
-      "transition-[opacity,visibility]",
-      "visible",
-      "opacity-100",
-      "invisible",
-      "opacity-0",
-      "pointer-events-none",
-      "uds-bgBlurFallback",
-      "w-full",
-      "w-fit",
-      "h-full",
-      "h-fit",
-      "m-auto",
-      "pointer-events-auto",
-      "inside",
-      "max-h-full",
-      "transition-transform",
-      "duration-0",
-      "duration-120",
-      "transition-[background-color]",
-      "bg-carbon-15/0",
-      "hover:bg-carbon-15/10",
-      "active:bg-carbon-15/15",
+      "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",
-      "[translate:50%_-50%]"
+      "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": [
-      "Scrim",
-      "VStack",
-      "Pressable",
-      "IconSlot",
-      "Box",
-      "Dialog",
-      "ModalContext.Provider",
-      "HStack",
-      "DialogDismiss",
-      "ModalTitle",
-      "ModalDescription",
-      "ModalContent",
-      "ModalActions"
+      "Icon",
+      "Comp"
     ],
     "internalComponentProps": {
-      "Box": {
-        "flexGrow": [
-          "1"
+      "Icon": {
+        "size": [
+          "sm"
+        ],
+        "color": [
+          "current"
+        ]
+      },
+      "Comp": {
+        "type": [
+          "button"
+        ],
+        "aria-label": [
+          "Go to next page"
         ]
       }
     },
     "propToVariantKeys": {
-      "gutter": [
-        "spacing"
-      ],
       "size": [
-        "modalSizeRoot",
-        "modalSizeSpacingHorizontal",
-        "modalSizeHeader",
-        "modalSizeTitleDescriptionWrapper",
-        "modalSizeCloseIconContainer",
-        "modalSizeCloseIcon"
+        "paginationSizeRoot",
+        "paginationSizeItem",
+        "paginationSizeIcon",
+        "paginationSizeText"
       ],
       "variant": [
-        "modalVariantRoot",
-        "modalVariantCloseIcon"
-      ],
-      "closeAriaLabel": [
-        "aria-label"
-      ],
-      "closeIcon": [
-        "icon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "spacing": [
-        "modal.gutter.${size}"
+        "paginationVariantRoot"
       ],
-      "modalSizeRoot": [
-        "modal.defaultSize"
-      ],
-      "modalVariantRoot": [
-        "modal.defaultVariant"
-      ],
-      "modalSizeSpacingHorizontal": [
-        "modal.defaultSize"
-      ],
-      "modalSizeHeader": [
-        "modal.defaultSize"
-      ],
-      "modalSizeTitleDescriptionWrapper": [
-        "modal.defaultSize"
-      ],
-      "modalSizeCloseIconContainer": [
-        "modal.defaultSize"
-      ],
-      "modalSizeCloseIcon": [
-        "modal.defaultSize"
-      ],
-      "modalVariantCloseIcon": [
-        "modal.defaultVariant"
+      "activeState": [
+        "paginationVariantActiveRoot"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalActions": {
-    "name": "ModalActions",
+  "PaginationNumbers": {
+    "name": "PaginationNumbers",
     "defaultProps": {},
-    "getStylesLiterals": {
-      "flexDirection": "row-reverse",
-      "justifyContent": "space-between",
-      "alignItems": "center"
+    "getStylesLiterals": {
+      "paginationVariantActiveRoot": "off"
     },
     "cxLiterals": [
-      "gap-[inherit]"
+      "m-0",
+      "inline-flex",
+      "list-none",
+      "items-center",
+      "self-center",
+      "p-0",
+      "justify-center",
+      "relative",
+      "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": [
-      "HStack"
+      "PaginationEllipsis",
+      "PaginationLink",
+      "PaginationItem"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {
       "size": [
-        "modalSizeSpacingHorizontal",
-        "modalSizeActions"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeSpacingHorizontal": [
-        "modal.defaultSize"
+        "paginationSizeRoot",
+        "paginationSizeItem",
+        "paginationSizeIcon",
+        "paginationSizeText"
       ],
-      "modalSizeActions": [
-        "modal.defaultSize"
+      "variant": [
+        "paginationVariantRoot"
+      ],
+      "activeState": [
+        "paginationVariantActiveRoot"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalContent": {
-    "name": "ModalContent",
-    "defaultProps": {},
+  "PaginationPrev": {
+    "name": "PaginationPrev",
+    "defaultProps": {
+      "label": "Previous"
+    },
     "getStylesLiterals": {
-      "overflowY": "auto",
-      "display": "block",
-      "flexGrow": "1"
+      "paginationVariantActiveRoot": "off"
     },
-    "cxLiterals": [],
+    "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": [
-      "Box"
+      "Icon",
+      "Comp"
     ],
-    "internalComponentProps": {},
+    "internalComponentProps": {
+      "Icon": {
+        "size": [
+          "sm"
+        ],
+        "color": [
+          "current"
+        ]
+      },
+      "Comp": {
+        "type": [
+          "button"
+        ],
+        "aria-label": [
+          "Go to previous page"
+        ]
+      }
+    },
     "propToVariantKeys": {
       "size": [
-        "modalSizeSpacingHorizontal"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeSpacingHorizontal": [
-        "modal.defaultSize"
+        "paginationSizeRoot",
+        "paginationSizeItem",
+        "paginationSizeIcon",
+        "paginationSizeText"
+      ],
+      "variant": [
+        "paginationVariantRoot"
+      ],
+      "activeState": [
+        "paginationVariantActiveRoot"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalContext": {
-    "name": "ModalContext",
+  "Popover": {
+    "name": "Popover",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
+    "cxLiterals": [
+      "uds:popover-open"
+    ],
+    "internalComponents": [
+      "PopoverInternalContext.Provider",
+      "PopoverProvider"
+    ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
+    "runtimeConfigDefaultProps": {
+      "size": "popover.defaultSize",
+      "variant": "popover.defaultVariant"
+    },
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalDescription": {
-    "name": "ModalDescription",
+  "PopoverContent": {
+    "name": "PopoverContent",
     "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
+    "getStylesLiterals": {
+      "popoverSizeRoot": "default",
+      "popoverVariantRoot": "default",
+      "display": "flex",
+      "position": "relative",
+      "display:1": "block",
+      "spacingTop": "0",
+      "spacingStart": "0",
+      "spacingBottom": "0",
+      "spacingEnd": "0",
+      "popoverSizeSvgBase": "default",
+      "popoverVariantSvgBase": "default",
+      "popoverSizeSvgBorder": "default",
+      "popoverVariantSvgBorder": "default",
+      "popoverVariantBlur": "default",
+      "position:1": "absolute",
+      "width": "full",
+      "height": "full",
+      "flexShrink": "0",
+      "borderRadius": "full",
+      "alignItems": "center",
+      "justifyContent": "center",
+      "popoverVariantCloseIcon": "default",
+      "popoverSizeCloseIcon": "default"
+    },
+    "cxLiterals": [
+      "z-[9999]",
+      "outline-none",
+      "focus-visible:outline-none",
+      "uds-bgBlurFillFallback",
+      "uds-bgBlurFallback",
+      "top-0",
+      "left-0",
+      "z-[1]",
+      "duration-0",
+      "duration-120",
+      "transition-[background-color]",
+      "bg-carbon-15/0",
+      "hover:bg-carbon-15/10",
+      "active:bg-carbon-15/15",
+      "uds-ring",
+      "absolute",
+      "z-[4]"
+    ],
     "internalComponents": [
-      "Text",
-      "DialogDescription"
+      "PopoverDismiss",
+      "IconSlot",
+      "PopoverArrow",
+      "Popover",
+      "SvgFloatingOverlay",
+      "Box",
+      "Pressable"
     ],
-    "internalComponentProps": {
-      "Text": {
-        "as": [
-          "span"
-        ]
-      }
-    },
+    "internalComponentProps": {},
     "propToVariantKeys": {
-      "size": [
-        "modalSizeDescription"
-      ],
-      "variant": [
-        "modalVariantDescription"
+      "closeIcon": [
+        "icon"
       ]
     },
     "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
+      "size": "popover.defaultSize",
+      "variant": "popover.defaultVariant"
     },
     "runtimeConfigGetStyles": {
-      "modalSizeDescription": [
-        "modal.defaultSize"
+      "spacingTop": [
+        "popover.spacingVertical.${size}"
       ],
-      "modalVariantDescription": [
-        "modal.defaultVariant"
+      "spacingStart": [
+        "popover.spacingHorizontal.${size}"
+      ],
+      "spacingBottom": [
+        "popover.spacingVertical.${size}"
+      ],
+      "spacingEnd": [
+        "popover.spacingHorizontal.${size}"
       ]
     },
-    "runtimeConfigInternalComponentProps": {},
+    "runtimeConfigInternalComponentProps": {
+      "SvgFloatingOverlay": {
+        "borderRadius": [
+          "popover.borderRadius.${size}"
+        ]
+      }
+    },
     "motionVarPrefixes": []
   },
-  "ModalPortal": {
-    "name": "ModalPortal",
+  "PopoverContext": {
+    "name": "PopoverContext",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [
-      "ManagedModal"
-    ],
+    "internalComponents": [],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -2898,52 +3371,38 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalTitle": {
-    "name": "ModalTitle",
+  "PopoverTrigger": {
+    "name": "PopoverTrigger",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "Text",
-      "DialogHeading"
+      "PopoverDisclosure"
     ],
     "internalComponentProps": {
-      "Text": {
-        "as": [
-          "span"
+      "PopoverDisclosure": {
+        "className": [
+          "inline"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "modalSizeTitle"
-      ],
-      "variant": [
-        "modalVariantTitle"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeTitle": [
-        "modal.defaultSize"
-      ],
-      "modalVariantTitle": [
-        "modal.defaultVariant"
+      "children": [
+        "render"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSModalConfigProvider": {
-    "name": "UDSModalConfigProvider",
+  "UDSPopoverConfigProvider": {
+    "name": "UDSPopoverConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "ModalContext.Provider"
+      "PopoverContext.Provider"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},