npm - @yahoo/uds - Versions diffs - 3.129.0-beta.4 → 3.129.0 - Mend

@yahoo/uds 3.129.0-beta.4 → 3.129.0

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

Files changed (32) hide show

package/dist/components/Icon.cjs +6 -16
package/dist/components/Icon.d.cts +1 -0
package/dist/components/Icon.d.ts +1 -0
package/dist/components/Icon.js +7 -17
package/dist/components/IconSlot.cjs +6 -25
package/dist/components/IconSlot.js +5 -25
package/dist/components/client/IconButton.cjs +1 -5
package/dist/components/client/IconButton.js +2 -6
package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
package/dist/icons/dist/types.d.cts +18 -0
package/dist/icons/dist/types.d.ts +18 -0
package/dist/index.d.cts +2 -2
package/dist/index.d.ts +2 -2
package/dist/styles/styler.d.cts +44 -44
package/dist/styles/styler.d.ts +44 -44
package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
package/dist/tokens/index.d.cts +2 -2
package/dist/tokens/index.d.ts +2 -2
package/dist/tokens/types.d.cts +7 -7
package/dist/tokens/types.d.ts +7 -7
package/dist/types/dist/index.d.cts +10 -12
package/dist/types/dist/index.d.ts +10 -12
package/dist/uds/generated/componentData.cjs +1575 -1575
package/dist/uds/generated/componentData.js +1575 -1575
package/generated/componentData.json +1904 -1902
package/package.json +1 -1

package/generated/componentData.json CHANGED Viewed

@@ -1,30 +1,9 @@
 {
-  "Icon": {
-    "name": "Icon",
-    "defaultProps": {
-      "size": "md",
-      "variant": "outline",
-      "color": "primary"
-    },
-    "getStylesLiterals": {
-      "flex": "none"
-    },
-    "cxLiterals": [
-      "[&_path]:fill-current"
-    ],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Text": {
-    "name": "Text",
+  "Box": {
+    "name": "Box",
     "defaultProps": {
-      "color": "primary",
-      "variant": "body1"
+      "as": "div",
+      "display": "flex"
     },
     "getStylesLiterals": {},
     "cxLiterals": [],
@@ -33,65 +12,11 @@
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {
-      "variant": [
-        "fontFamily",
-        "fontSize",
-        "fontWeight",
-        "lineHeight",
-        "textTransform",
-        "letterSpacing"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Image": {
-    "name": "Image",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Scrim": {
-    "name": "Scrim",
-    "defaultProps": {
-      "variant": "default",
-      "position": "fixed"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "fixed",
-      "absolute",
-      "inset-0",
-      "z-40",
-      "transition-opacity",
-      "duration-150",
-      "data-[enter]:opacity-100",
-      "[&:not([data-enter])]:opacity-0",
-      "opacity-100",
-      "uds-bgBlurFallback"
-    ],
-    "internalComponents": [
-      "Box"
-    ],
-    "internalComponentProps": {
-      "Box": {
-        "display": [
-          "block"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "scrimVariantRoot"
+      "elevationAlias": [
+        "backgroundColor",
+        "borderColor",
+        "borderWidth",
+        "dropShadow"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -132,8 +57,8 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "VStack": {
-    "name": "VStack",
+  "HStack": {
+    "name": "HStack",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
@@ -143,14 +68,14 @@
     "internalComponentProps": {
       "Box": {
         "flexDirection": [
-          "column"
+          "row"
         ]
       }
     },
     "propToVariantKeys": {
       "gap": [
-        "columnGap",
-        "rowGap"
+        "rowGap",
+        "columnGap"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -158,6 +83,29 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "Icon": {
+    "name": "Icon",
+    "defaultProps": {
+      "size": "md",
+      "variant": "outline",
+      "color": "primary"
+    },
+    "getStylesLiterals": {
+      "flex": "none"
+    },
+    "cxLiterals": [
+      "[&_path]:fill-current"
+    ],
+    "internalComponents": [
+      "SVGIcon"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "IconSlot": {
     "name": "IconSlot",
     "defaultProps": {},
@@ -173,24 +121,104 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Box": {
-    "name": "Box",
+  "Image": {
+    "name": "Image",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Link": {
+    "name": "Link",
     "defaultProps": {
-      "as": "div",
-      "display": "flex"
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "display": "inline-flex",
+      "alignItems": "center"
+    },
+    "cxLiterals": [
+      "uds-ring",
+      "underline",
+      "w-[0.7em]",
+      "h-[0.7em]"
+    ],
+    "internalComponents": [
+      "IconSlot"
+    ],
+    "internalComponentProps": {
+      "IconSlot": {
+        "data-testid": [
+          "start-icon",
+          "end-icon"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "textVariant": [
+        "linkTextStyleRoot",
+        "fontSize",
+        "fontFamily",
+        "fontWeight",
+        "lineHeight",
+        "textTransform",
+        "linkTextStyleIcon"
+      ],
+      "variant": [
+        "linkVariantRoot",
+        "linkVariantIconStart",
+        "linkVariantIconEnd"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Scrim": {
+    "name": "Scrim",
+    "defaultProps": {
+      "variant": "default",
+      "position": "fixed"
     },
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "fixed",
+      "absolute",
+      "inset-0",
+      "z-40",
+      "transition-opacity",
+      "duration-150",
+      "data-[enter]:opacity-100",
+      "[&:not([data-enter])]:opacity-0",
+      "opacity-100",
+      "uds-bgBlurFallback"
+    ],
     "internalComponents": [
-      "Comp"
+      "Box"
     ],
-    "internalComponentProps": {},
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "block"
+        ]
+      }
+    },
     "propToVariantKeys": {
-      "elevationAlias": [
-        "backgroundColor",
-        "borderColor",
-        "borderWidth",
-        "dropShadow"
+      "variant": [
+        "scrimVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -253,78 +281,26 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "HStack": {
-    "name": "HStack",
-    "defaultProps": {},
+  "Text": {
+    "name": "Text",
+    "defaultProps": {
+      "color": "primary",
+      "variant": "body1"
+    },
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "Box"
+      "Comp"
     ],
-    "internalComponentProps": {
-      "Box": {
-        "flexDirection": [
-          "row"
-        ]
-      }
-    },
+    "internalComponentProps": {},
     "propToVariantKeys": {
-      "gap": [
-        "rowGap",
-        "columnGap"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Link": {
-    "name": "Link",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {
-      "display": "inline-flex",
-      "alignItems": "center"
-    },
-    "cxLiterals": [
-      "uds-ring",
-      "underline",
-      "w-[0.7em]",
-      "h-[0.7em]"
-    ],
-    "internalComponents": [
-      "IconSlot"
-    ],
-    "internalComponentProps": {
-      "IconSlot": {
-        "data-testid": [
-          "start-icon",
-          "end-icon"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "textVariant": [
-        "linkTextStyleRoot",
-        "fontSize",
+      "variant": [
         "fontFamily",
+        "fontSize",
         "fontWeight",
         "lineHeight",
         "textTransform",
-        "linkTextStyleIcon"
-      ],
-      "variant": [
-        "linkVariantRoot",
-        "linkVariantIconStart",
-        "linkVariantIconEnd"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
+        "letterSpacing"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -332,19 +308,27 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BannerDescription": {
-    "name": "BannerDescription",
+  "VStack": {
+    "name": "VStack",
     "defaultProps": {},
-    "getStylesLiterals": {
-      "bannerSizeDescription": "default",
-      "className": "w-full line-clamp-3"
-    },
+    "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "Text"
+      "Box"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "internalComponentProps": {
+      "Box": {
+        "flexDirection": [
+          "column"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "gap": [
+        "columnGap",
+        "rowGap"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
@@ -466,6 +450,24 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "BannerDescription": {
+    "name": "BannerDescription",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "bannerSizeDescription": "default",
+      "className": "w-full line-clamp-3"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "Text"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "BannerTitle": {
     "name": "BannerTitle",
     "defaultProps": {},
@@ -575,129 +577,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Table.mocks": {
-    "name": "Table.mocks",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Spinner": {
-    "name": "Spinner",
-    "defaultProps": {
-      "color": "primary",
-      "size": "lg"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "self-center",
-      "relative",
-      "sr-only"
-    ],
-    "internalComponents": [
-      "Icon"
-    ],
-    "internalComponentProps": {
-      "Icon": {
-        "role": [
-          "img"
-        ],
-        "className": [
-          "animate-spin"
-        ],
-        "aria-hidden": [
-          "true"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Table": {
-    "name": "Table",
-    "defaultProps": {
-      "display": "table-cell",
-      "overflow": "hidden",
-      "borderColor": "muted",
-      "borderRadius": "md",
-      "spacing": "3",
-      "borderBottomColor": "muted",
-      "borderBottomWidth": "thin",
-      "color": "primary"
-    },
-    "getStylesLiterals": {
-      "textAlign": "start"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "CellComponent",
-      "Box",
-      "Text",
-      "Table.Root",
-      "Table.Header",
-      "Table.Row",
-      "Table.Cell",
-      "Table.Body"
-    ],
-    "internalComponentProps": {
-      "Table.Cell": {
-        "asHeaderCell": [
-          "column"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Pressable": {
-    "name": "Pressable",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "Comp"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "SpringMotionConfig": {
-    "name": "SpringMotionConfig",
-    "defaultProps": {
-      "reducedMotion": "user"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "LazyMotion",
-      "MotionConfig"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "loadFeatures": [
-        "features"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "AnimateHeightChange": {
     "name": "AnimateHeightChange",
     "defaultProps": {},
@@ -728,125 +607,65 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "Switch": {
-    "name": "Switch",
+  "Badge": {
+    "name": "Badge",
     "defaultProps": {
-      "labelPosition": "start",
+      "variant": "primary",
       "size": "md"
     },
-    "getStylesLiterals": {
-      "switchVariantRoot": "default",
-      "switchVariantActiveRoot": "on",
-      "switchVariantActiveRoot:1": "off",
-      "display": "flex",
-      "flexDirection": "row",
-      "flexDirection:1": "row-reverse",
-      "alignItems": "center",
-      "switchVariantSwitch": "default",
-      "switchVariantActiveSwitch": "on",
-      "switchVariantActiveSwitch:1": "off",
-      "borderRadius": "full",
-      "position": "relative",
-      "switchVariantActiveHandle": "on",
-      "switchVariantActiveHandle:1": "off",
-      "switchVariantHandle": "default",
-      "switchVariantHandleIcon": "default",
-      "switchVariantActiveHandleIcon": "on",
-      "switchVariantActiveHandleIcon:1": "off"
-    },
+    "getStylesLiterals": {},
     "cxLiterals": [
-      "group",
-      "cursor-pointer",
-      "cursor-default",
-      "opacity-50",
-      "uds-ring",
-      "uds-ring-within",
-      "transition-[background-color,box-shadow]",
-      "relative",
-      "pointer-events-none",
-      "uds-border-radius-full",
-      "overflow-hidden",
-      "absolute",
-      "top-0",
-      "left-0",
-      "right-0",
-      "bottom-0",
-      "opacity-95",
-      "group-hover:opacity-100",
-      "transition-[background-color,box-shadow,opacity]",
-      "opacity-0",
-      "top-1/2",
-      "left-1/2",
-      "transform",
-      "translate-x-[-50%]",
-      "translate-y-[-50%]",
-      "transition-opacity",
-      "cursor-[inherit]",
-      "w-[calc(100%+2px)]",
-      "h-[calc(100%+2px)]",
-      "text-start",
-      "text-end",
-      "opacity-100"
+      "flex-1",
+      "truncate",
+      "whitespace-nowrap",
+      "text-center"
     ],
     "internalComponents": [
       "IconSlot",
-      "Box",
-      "FormLabel",
-      "SpringMotionConfig",
-      "RootElement",
-      "MotionBox"
+      "HStack"
     ],
     "internalComponentProps": {
       "IconSlot": {
         "data-testid": [
-          "on-icon",
-          "off-icon"
+          "start-icon",
+          "end-icon"
         ]
       },
-      "FormLabel": {
-        "as": [
-          "div"
+      "HStack": {
+        "gap": [
+          "2"
         ],
-        "variant": [
-          "inherit"
+        "display": [
+          "inline-flex"
         ],
-        "color": [
-          "inherit"
-        ]
-      },
-      "RootElement": {
-        "data-testid": [
-          "container"
+        "alignItems": [
+          "center"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "switchSizeRoot",
-        "switchSizeSwitch",
-        "switchSizeHandle",
-        "switchSizeHandleIcon"
+        "badgeSizeRoot",
+        "badgeSizeIcon"
       ],
-      "onIcon": [
-        "icon"
+      "variant": [
+        "badgeVariantRoot",
+        "badgeVariantIcon"
       ],
-      "offIcon": [
+      "startIcon": [
         "icon"
       ],
-      "reduceMotion": [
-        "reducedMotion"
+      "endIcon": [
+        "icon"
       ]
     },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-bouncy-4-",
-      "--uds-motion-smooth-3-"
-    ]
+    "motionVarPrefixes": []
   },
-  "IconButton": {
-    "name": "IconButton",
+  "Button": {
+    "name": "Button",
     "defaultProps": {
       "type": "button"
     },
@@ -858,21 +677,27 @@
       "overflow-hidden",
       "justify-center",
       "items-center",
+      "whitespace-nowrap",
+      "select-none",
       "[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",
       "uds-button-loading",
       "uds-button-without-effects",
-      "animate-spin"
+      "withIcon",
+      "uds-button-with-gap",
+      "animate-spin",
+      "truncate"
     ],
     "internalComponents": [
       "Icon",
+      "IconSlot",
+      "AnimatePresence",
       "SpringMotionConfig",
-      "AnimatePresence"
+      "MotionSlot"
     ],
     "internalComponentProps": {
       "Icon": {
@@ -880,21 +705,29 @@
           "current"
         ]
       },
+      "AnimatePresence": {
+        "mode": [
+          "popLayout"
+        ]
+      },
       "SpringMotionConfig": {
         "layoutSpeed": [
           "3"
         ]
       },
-      "AnimatePresence": {
-        "mode": [
-          "popLayout"
+      "MotionSlot": {
+        "whileHover": [
+          "hover"
+        ],
+        "whileTap": [
+          "pressed"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "iconbuttonSizeRoot",
-        "iconbuttonSizeIcon"
+        "buttonSizeRoot",
+        "buttonSizeIcon"
       ],
       "variant": [
         "buttonVariantRoot",
@@ -902,60 +735,6 @@
       ],
       "iconVariant": [
         "variant"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-subtle-3-",
-      "--uds-motion-smooth-3-"
-    ]
-  },
-  "Badge": {
-    "name": "Badge",
-    "defaultProps": {
-      "variant": "primary",
-      "size": "md"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "flex-1",
-      "truncate",
-      "whitespace-nowrap",
-      "text-center"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "HStack"
-    ],
-    "internalComponentProps": {
-      "IconSlot": {
-        "data-testid": [
-          "start-icon",
-          "end-icon"
-        ]
-      },
-      "HStack": {
-        "gap": [
-          "2"
-        ],
-        "display": [
-          "inline-flex"
-        ],
-        "alignItems": [
-          "center"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "badgeSizeRoot",
-        "badgeSizeIcon"
-      ],
-      "variant": [
-        "badgeVariantRoot",
-        "badgeVariantIcon"
       ],
       "startIcon": [
         "icon"
@@ -967,7 +746,10 @@
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
   },
   "Checkbox": {
     "name": "Checkbox",
@@ -1075,8 +857,8 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "Button": {
-    "name": "Button",
+  "IconButton": {
+    "name": "IconButton",
     "defaultProps": {
       "type": "button"
     },
@@ -1088,27 +870,21 @@
       "overflow-hidden",
       "justify-center",
       "items-center",
-      "whitespace-nowrap",
-      "select-none",
       "[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",
       "uds-button-loading",
       "uds-button-without-effects",
-      "withIcon",
-      "uds-button-with-gap",
-      "animate-spin",
-      "truncate"
+      "animate-spin"
     ],
     "internalComponents": [
       "Icon",
-      "IconSlot",
-      "AnimatePresence",
       "SpringMotionConfig",
-      "MotionSlot"
+      "AnimatePresence"
     ],
     "internalComponentProps": {
       "Icon": {
@@ -1116,29 +892,21 @@
           "current"
         ]
       },
-      "AnimatePresence": {
-        "mode": [
-          "popLayout"
-        ]
-      },
       "SpringMotionConfig": {
         "layoutSpeed": [
           "3"
         ]
       },
-      "MotionSlot": {
-        "whileHover": [
-          "hover"
-        ],
-        "whileTap": [
-          "pressed"
+      "AnimatePresence": {
+        "mode": [
+          "popLayout"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "buttonSizeRoot",
-        "buttonSizeIcon"
+        "iconbuttonSizeRoot",
+        "iconbuttonSizeIcon"
       ],
       "variant": [
         "buttonVariantRoot",
@@ -1146,12 +914,6 @@
       ],
       "iconVariant": [
         "variant"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1162,13 +924,13 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "UDSToastConfigProvider": {
-    "name": "UDSToastConfigProvider",
+  "Pressable": {
+    "name": "Pressable",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "ToastContext.Provider"
+      "Comp"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -1177,267 +939,345 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ToastPortal": {
-    "name": "ToastPortal",
-    "defaultProps": {},
+  "SpringMotionConfig": {
+    "name": "SpringMotionConfig",
+    "defaultProps": {
+      "reducedMotion": "user"
+    },
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "ReactToastifyToastContainer"
+      "LazyMotion",
+      "MotionConfig"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {
-      "size": "toast.defaultSize",
-      "variant": "toast.defaultVariant"
+    "propToVariantKeys": {
+      "loadFeatures": [
+        "features"
+      ]
     },
+    "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {
-      "ReactToastifyToastContainer": {
-        "autoClose": [
-          "toast.autoClose"
-        ]
-      }
-    },
+    "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Toast": {
-    "name": "Toast",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "className": "animate-spin",
-      "className:1": "flex-none",
-      "spacing": "2",
-      "borderRadius": "full"
+  "Switch": {
+    "name": "Switch",
+    "defaultProps": {
+      "labelPosition": "start",
+      "size": "md"
+    },
+    "getStylesLiterals": {
+      "switchVariantRoot": "default",
+      "switchVariantActiveRoot": "on",
+      "switchVariantActiveRoot:1": "off",
+      "display": "flex",
+      "flexDirection": "row",
+      "flexDirection:1": "row-reverse",
+      "alignItems": "center",
+      "switchVariantSwitch": "default",
+      "switchVariantActiveSwitch": "on",
+      "switchVariantActiveSwitch:1": "off",
+      "borderRadius": "full",
+      "position": "relative",
+      "switchVariantActiveHandle": "on",
+      "switchVariantActiveHandle:1": "off",
+      "switchVariantHandle": "default",
+      "switchVariantHandleIcon": "default",
+      "switchVariantActiveHandleIcon": "on",
+      "switchVariantActiveHandleIcon:1": "off"
     },
     "cxLiterals": [
-      "duration-0",
-      "duration-120",
-      "transition-[background-color]",
-      "bg-carbon-15/0",
-      "hover:bg-carbon-15/10",
-      "active:bg-carbon-15/15",
-      "uds-ring"
+      "group",
+      "cursor-pointer",
+      "cursor-default",
+      "opacity-50",
+      "uds-ring",
+      "uds-ring-within",
+      "transition-[background-color,box-shadow]",
+      "relative",
+      "pointer-events-none",
+      "uds-border-radius-full",
+      "overflow-hidden",
+      "absolute",
+      "top-0",
+      "left-0",
+      "right-0",
+      "bottom-0",
+      "opacity-95",
+      "group-hover:opacity-100",
+      "transition-[background-color,box-shadow,opacity]",
+      "opacity-0",
+      "top-1/2",
+      "left-1/2",
+      "transform",
+      "translate-x-[-50%]",
+      "translate-y-[-50%]",
+      "transition-opacity",
+      "cursor-[inherit]",
+      "w-[calc(100%+2px)]",
+      "h-[calc(100%+2px)]",
+      "text-start",
+      "text-end",
+      "opacity-100"
     ],
     "internalComponents": [
       "IconSlot",
-      "ToastContainer",
-      "Text",
-      "Button",
-      "Pressable"
+      "Box",
+      "FormLabel",
+      "SpringMotionConfig",
+      "RootElement",
+      "MotionBox"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "size": [
-        "toastSizeLabel",
-        "toastSizeIcon",
-        "toastSizeActionButton",
-        "toastSizeCloseIcon"
-      ],
-      "variant": [
-        "toastVariantIcon",
-        "toastVariantActionButton",
-        "toastVariantCloseIcon"
-      ],
-      "closeIcon": [
-        "icon"
-      ],
-      "onClickActionButton": [
-        "onClick"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "toast.defaultSize",
-      "variant": "toast.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "toastSizeLabel": [
-        "toast.defaultSize"
-      ],
-      "toastVariantIcon": [
-        "toast.defaultVariant"
-      ],
-      "toastSizeIcon": [
-        "toast.defaultSize"
-      ],
-      "toastSizeActionButton": [
-        "toast.defaultSize"
-      ],
-      "toastVariantActionButton": [
-        "toast.defaultVariant"
-      ],
-      "toastVariantCloseIcon": [
-        "toast.defaultVariant"
-      ],
-      "toastSizeCloseIcon": [
-        "toast.defaultSize"
-      ]
-    },
-    "runtimeConfigInternalComponentProps": {
-      "ToastContainer": {
-        "size": [
-          "toast.defaultSize"
-        ],
-        "variant": [
-          "toast.defaultVariant"
+    "internalComponentProps": {
+      "IconSlot": {
+        "data-testid": [
+          "on-icon",
+          "off-icon"
         ]
       },
-      "Text": {
+      "FormLabel": {
+        "as": [
+          "div"
+        ],
         "variant": [
-          "toast.textVariant.${size}"
+          "inherit"
         ],
         "color": [
-          "toast.textColor.${variant}"
+          "inherit"
         ]
       },
-      "Button": {
-        "size": [
-          "toast.buttonSize.${size}"
-        ],
-        "variant": [
-          "toast.buttonVariant.${variant}"
-        ]
-      }
-    },
-    "motionVarPrefixes": []
-  },
-  "ToastContainer": {
-    "name": "ToastContainer",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "position": "relative",
-      "alignItems": "center",
-      "display": "flex",
-      "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
-    },
-    "cxLiterals": [
-      "w-full"
-    ],
-    "internalComponents": [
-      "HStack"
-    ],
-    "internalComponentProps": {
-      "HStack": {
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ],
-        "overflow": [
-          "hidden"
-        ],
-        "position": [
-          "relative"
+      "RootElement": {
+        "data-testid": [
+          "container"
         ]
       }
     },
     "propToVariantKeys": {
-      "variant": [
-        "toastVariantRoot"
-      ],
       "size": [
-        "toastSizeRoot"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "toast.defaultSize",
-      "variant": "toast.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "toastVariantRoot": [
-        "toast.defaultVariant"
+        "switchSizeRoot",
+        "switchSizeSwitch",
+        "switchSizeHandle",
+        "switchSizeHandleIcon"
       ],
-      "toastSizeRoot": [
-        "toast.defaultSize"
+      "onIcon": [
+        "icon"
+      ],
+      "offIcon": [
+        "icon"
+      ],
+      "reduceMotion": [
+        "reducedMotion"
       ]
     },
-    "runtimeConfigInternalComponentProps": {
-      "HStack": {
-        "backgroundColor": [
-          "toast.backgroundColor.${variant}"
-        ]
-      }
-    },
-    "motionVarPrefixes": []
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": [
+      "--uds-motion-bouncy-4-",
+      "--uds-motion-smooth-3-"
+    ]
   },
-  "Accordion": {
-    "name": "Accordion",
+  "Spinner": {
+    "name": "Spinner",
     "defaultProps": {
-      "spacingHorizontal": "4",
-      "spacingVertical": "4"
+      "color": "primary",
+      "size": "lg"
     },
     "getStylesLiterals": {},
     "cxLiterals": [
-      "hover:bg-secondary/80",
-      "w-full"
+      "self-center",
+      "relative",
+      "sr-only"
     ],
     "internalComponents": [
-      "Icon",
-      "SpringMotionConfig",
-      "Pressable",
-      "Text",
-      "HStack",
-      "AnimatePresence",
-      "VStack"
+      "Icon"
     ],
     "internalComponentProps": {
       "Icon": {
-        "variant": [
-          "fill"
+        "role": [
+          "img"
         ],
-        "size": [
-          "sm"
+        "className": [
+          "animate-spin"
         ],
-        "color": [
-          "primary"
+        "aria-hidden": [
+          "true"
         ]
-      },
-      "SpringMotionConfig": {
-        "layoutVariant": [
-          "smooth"
-        ],
-        "layoutSpeed": [
-          "3"
-        ]
-      },
-      "Pressable": {
-        "display": [
-          "flex"
-        ],
-        "flexDirection": [
-          "row"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ],
-        "borderRadius": [
-          "md"
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Table.mocks": {
+    "name": "Table.mocks",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Table": {
+    "name": "Table",
+    "defaultProps": {
+      "display": "table-cell",
+      "overflow": "hidden",
+      "borderColor": "muted",
+      "borderRadius": "md",
+      "spacing": "3",
+      "borderBottomColor": "muted",
+      "borderBottomWidth": "thin",
+      "color": "primary"
+    },
+    "getStylesLiterals": {
+      "textAlign": "start"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "CellComponent",
+      "Box",
+      "Text",
+      "Table.Root",
+      "Table.Header",
+      "Table.Row",
+      "Table.Cell",
+      "Table.Body"
+    ],
+    "internalComponentProps": {
+      "Table.Cell": {
+        "asHeaderCell": [
+          "column"
         ]
-      },
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Avatar": {
+    "name": "Avatar",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AvatarImage"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "AvatarIcon": {
+    "name": "AvatarIcon",
+    "defaultProps": {
+      "size": "md",
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "overflow-hidden",
+      "w-full",
+      "h-full",
+      "shrink-0",
+      "text-center",
+      "inline-flex",
+      "justify-center",
+      "items-center"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "Box"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "size": [
+        "avatarSizeIcon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "AvatarImage": {
+    "name": "AvatarImage",
+    "defaultProps": {
+      "size": "md",
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "overflow-hidden",
+      "w-full",
+      "h-full",
+      "shrink-0",
+      "text-center",
+      "inline-flex",
+      "justify-center",
+      "items-center",
+      "object-cover"
+    ],
+    "internalComponents": [
+      "UDSImage",
+      "AvatarText",
+      "AvatarIcon",
+      "Box"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "alt": [
+        "name"
+      ],
+      "fallback": [
+        "initials"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "AvatarText": {
+    "name": "AvatarText",
+    "defaultProps": {
+      "size": "md",
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "overflow-hidden",
+      "truncate",
+      "w-full",
+      "h-full",
+      "shrink-0",
+      "text-center",
+      "inline-flex",
+      "justify-center",
+      "items-center"
+    ],
+    "internalComponents": [
+      "Box",
+      "Text"
+    ],
+    "internalComponentProps": {
       "Text": {
-        "variant": [
-          "title4"
-        ],
         "color": [
-          "primary"
-        ]
-      },
-      "HStack": {
-        "display": [
-          "flex"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
+          "inherit"
         ],
-        "columnGap": [
-          "2.5"
+        "variant": [
+          "inherit"
         ]
       }
     },
@@ -1445,101 +1285,301 @@
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-smooth-3-"
-    ]
+    "motionVarPrefixes": []
   },
-  "Modal": {
-    "name": "Modal",
-    "defaultProps": {},
-    "getStylesLiterals": {},
+  "Input": {
+    "name": "Input",
+    "defaultProps": {
+      "type": "text",
+      "size": "md",
+      "width": "full"
+    },
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled",
+      "inputVariantInputWrapper": "default",
+      "inputVariantValueInputWrapper": "empty",
+      "inputVariantValueInputWrapper:1": "filled",
+      "inputVariantInput": "default",
+      "inputVariantValueInput": "empty",
+      "inputVariantValueInput:1": "filled",
+      "inputVariantInputPlaceholder": "default",
+      "inputVariantValueInputPlaceholder": "empty",
+      "inputVariantValueInputPlaceholder:1": "filled",
+      "inputVariantLabel": "default",
+      "inputVariantValueLabel": "empty",
+      "inputVariantValueLabel:1": "filled",
+      "inputVariantLabelRequired": "default",
+      "inputVariantValueLabelRequired": "empty",
+      "inputVariantValueLabelRequired:1": "filled",
+      "inputVariantStartIcon": "default",
+      "inputVariantValueStartIcon": "empty",
+      "inputVariantValueStartIcon:1": "filled",
+      "inputVariantEndIcon": "default",
+      "inputVariantValueEndIcon": "empty",
+      "inputVariantValueEndIcon:1": "filled"
+    },
     "cxLiterals": [
-      "inset-8",
-      "top-[250px]",
-      "z-50",
-      "mx-auto",
-      "h-fit",
-      "w-[600px]",
-      "origin-center",
-      "scale-95",
-      "opacity-0",
-      "transition",
-      "duration-150",
-      "data-[enter]:scale-100",
-      "data-[enter]:opacity-100",
-      "data-[enter]:bg-primary",
-      "backdrop-blur-0",
-      "data-[enter]:opacity-60",
-      "data-[enter]:backdrop-blur-sm"
+      "opacity-50",
+      "min-w-[200px]",
+      "grow",
+      "uds-hit-target",
+      "bg-clip-text",
+      "focus:outline-none",
+      "cursor-text",
+      "cursor-not-allowed"
     ],
     "internalComponents": [
-      "IconButton",
-      "Dialog",
+      "IconSlot",
+      "StartIcon",
+      "EndIcon",
+      "HelpTextContent",
+      "Box",
+      "InputHelpTextInternal",
+      "VStack",
       "HStack",
-      "Text",
-      "VStack"
+      "AnimateHeightChange"
     ],
     "internalComponentProps": {
-      "IconButton": {
-        "aria-label": [
-          "Close"
+      "HelpTextContent": {
+        "spacingTop": [
+          "2"
+        ]
+      },
+      "Box": {
+        "spacingBottom": [
+          "2"
         ],
-        "size": [
-          "sm"
+        "columnGap": [
+          "0.5"
         ],
-        "variant": [
-          "tertiary"
+        "alignItems": [
+          "flex-end",
+          "center"
+        ],
+        "position": [
+          "relative"
         ]
       },
       "HStack": {
         "alignItems": [
           "center"
         ],
-        "justifyContent": [
-          "space-between"
+        "gap": [
+          "1"
         ]
-      },
-      "Text": {
-        "variant": [
-          "headline1"
-        ],
-        "color": [
-          "primary"
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeRoot",
+        "inputSizeInputWrapper",
+        "inputSizeInput",
+        "inputSizeLabel",
+        "inputSizeStartIcon",
+        "inputSizeEndIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ],
+      "helperTextIcon": [
+        "startIcon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "InputHelpText": {
+    "name": "InputHelpText",
+    "defaultProps": {
+      "size": "md"
+    },
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "InputHelpTextInternal",
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "spacingTop": [
+          "2"
         ]
-      },
-      "VStack": {
-        "borderRadius": [
-          "md"
-        ],
-        "position": [
-          "fixed"
-        ],
-        "backgroundColor": [
-          "primary"
-        ],
-        "dropShadow": [
-          "md"
-        ],
-        "spacing": [
-          "8"
+      }
+    },
+    "propToVariantKeys": {
+      "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"
         ],
-        "overflow": [
-          "hidden"
+        "alignItems": [
+          "center"
         ]
       }
     },
     "propToVariantKeys": {
-      "handleClose": [
-        "onClick"
+      "size": [
+        "inputSizeHelperText",
+        "inputSizeHelperIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Popover": {
+    "name": "Popover",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "PopoverInternalContext.Provider",
+      "PopoverProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {
+      "size": "popover.defaultSize",
+      "variant": "popover.defaultVariant"
+    },
+    "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",
+      "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": [
+      "PopoverDismiss",
+      "IconSlot",
+      "PopoverArrow",
+      "Popover",
+      "SvgFloatingOverlay",
+      "Box",
+      "Pressable"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "closeIcon": [
+        "icon"
       ]
     },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
+    "runtimeConfigDefaultProps": {
+      "size": "popover.defaultSize",
+      "variant": "popover.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "spacingTop": [
+        "popover.spacingVertical.${size}"
+      ],
+      "spacingStart": [
+        "popover.spacingHorizontal.${size}"
+      ],
+      "spacingBottom": [
+        "popover.spacingVertical.${size}"
+      ],
+      "spacingEnd": [
+        "popover.spacingHorizontal.${size}"
+      ]
+    },
+    "runtimeConfigInternalComponentProps": {
+      "SvgFloatingOverlay": {
+        "borderRadius": [
+          "popover.borderRadius.${size}"
+        ]
+      }
+    },
     "motionVarPrefixes": []
   },
-  "AvoidMotionLibraryProvider": {
-    "name": "AvoidMotionLibraryProvider",
+  "PopoverContext": {
+    "name": "PopoverContext",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
@@ -1551,87 +1591,24 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "SegmentedControl": {
-    "name": "SegmentedControl",
-    "defaultProps": {
-      "textVariant": "label2"
-    },
-    "getStylesLiterals": {
-      "display": "flex",
-      "alignItems": "center",
-      "backgroundColor": "primary",
-      "spacingVertical": "1",
-      "spacingHorizontal": "3",
-      "columnGap": "1.5",
-      "borderWidth": "thin",
-      "borderRadius": "full",
-      "borderColor": "muted",
-      "borderColor:1": "transparent",
-      "color": "primary",
-      "color:1": "tertiary",
-      "color:2": "muted"
-    },
-    "cxLiterals": [
-      "uds-ring",
-      "cursor-not-allowed",
-      "opacity-50",
-      "pointer-events-none",
-      "hover:bg-primary"
-    ],
+  "PopoverTrigger": {
+    "name": "PopoverTrigger",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
     "internalComponents": [
-      "TextVariant",
-      "Radio",
-      "Icon",
-      "RadioProvider",
-      "HStack",
-      "RadioGroup",
-      "Pressable",
-      "Text"
+      "PopoverDisclosure"
     ],
     "internalComponentProps": {
-      "Icon": {
-        "size": [
-          "sm"
-        ],
-        "color": [
-          "current"
-        ],
-        "aria-hidden": [
-          "true"
-        ]
-      },
-      "HStack": {
-        "spacing": [
-          "1"
-        ],
-        "gap": [
-          "1"
-        ],
-        "backgroundColor": [
-          "secondary"
-        ],
-        "borderRadius": [
-          "full"
-        ],
-        "display": [
-          "inline-flex"
-        ]
-      },
-      "Text": {
-        "color": [
-          "current"
+      "PopoverDisclosure": {
+        "className": [
+          "inline"
         ]
       }
     },
     "propToVariantKeys": {
-      "value": [
-        "key"
-      ],
-      "label": [
-        "aria-label"
-      ],
-      "textVariant": [
-        "variant"
+      "children": [
+        "render"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1639,148 +1616,87 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "SwitchV2": {
-    "name": "SwitchV2",
+  "UDSPopoverConfigProvider": {
+    "name": "UDSPopoverConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "PopoverContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheet": {
+    "name": "BottomSheet",
     "defaultProps": {
-      "labelPosition": "start",
-      "size": "md"
-    },
-    "getStylesLiterals": {
-      "switchVariantRoot": "default",
-      "switchVariantActiveRoot": "on",
-      "switchVariantActiveRoot:1": "off",
-      "switchVariantSwitch": "default",
-      "switchVariantActiveSwitch": "on",
-      "switchVariantActiveSwitch:1": "off",
-      "switchVariantActiveHandle": "on",
-      "switchVariantActiveHandle:1": "off",
-      "switchVariantHandle": "default",
-      "switchVariantHandleIcon": "default",
-      "switchVariantActiveHandleIcon": "on",
-      "switchVariantActiveHandleIcon:1": "off"
+      "variant": "default"
     },
+    "getStylesLiterals": {},
     "cxLiterals": [
-      "group",
-      "flex",
-      "items-center",
-      "flex-row",
-      "flex-row-reverse",
-      "uds-ring",
-      "uds-ring-within",
-      "relative",
-      "uds-border-radius-full",
-      "transition-[background-color,box-shadow]",
-      "pointer-events-none",
-      "w-full",
-      "h-full",
-      "absolute",
-      "top-0",
-      "bottom-0",
-      "right-0",
-      "left-0",
+      "fixed",
       "overflow-hidden",
-      "group-hover:scale-105",
-      "opacity-95",
-      "group-hover:opacity-100",
-      "transition-[transform,opacity]",
-      "opacity-0",
-      "top-1/2",
-      "left-1/2",
-      "transform",
-      "translate-x-[-50%]",
-      "translate-y-[-50%]",
-      "transition-opacity",
-      "cursor-[inherit]",
-      "w-[calc(100%+2px)]",
-      "h-[calc(100%+2px)]",
-      "text-start",
-      "text-end",
-      "opacity-100"
+      "inset-x-0",
+      "bottom-0",
+      "z-50",
+      "[will-change:transform]",
+      "touch-none",
+      "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
+      "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
+      "transition-transform",
+      "duration-500",
+      "ease-[cubic-bezier(0.32,0.72,0,1)]",
+      "motion-reduce:transition-none",
+      "top-[-4px]",
+      "z-[1]",
+      "touch-pan-y"
     ],
     "internalComponents": [
-      "IconSlot",
+      "Scrim",
+      "BottomSheetHandle",
+      "Dialog",
       "Box",
-      "FormLabel",
-      "SpringMotionConfig",
-      "RootElement",
-      "MotionBox"
+      "BottomSheetInternalContext.Provider"
     ],
     "internalComponentProps": {
-      "IconSlot": {
+      "BottomSheetHandle": {
+        "ariaLabel": [
+          "Resize sheet"
+        ]
+      },
+      "Dialog": {
         "data-testid": [
-          "on-icon",
-          "off-icon"
+          "bottom-sheet"
         ]
       },
-      "FormLabel": {
-        "as": [
-          "div"
+      "Box": {
+        "display": [
+          "block",
+          "flex"
         ],
-        "variant": [
-          "inherit"
+        "position": [
+          "absolute"
         ],
-        "color": [
-          "inherit"
-        ]
-      },
-      "SpringMotionConfig": {
-        "layoutVariant": [
-          "bouncy"
+        "flexDirection": [
+          "column"
         ],
-        "layoutSpeed": [
-          "4"
-        ]
-      },
-      "RootElement": {
-        "data-testid": [
-          "switch-root"
-        ]
-      },
-      "MotionBox": {
-        "layout": [
-          "position"
+        "className": [
+          "absolute inset-0 min-h-0 p-[inherit]"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "switchSizeRoot",
-        "switchSizeSwitch",
-        "switchSizeHandle",
-        "switchSizeHandleIcon"
-      ],
-      "onIcon": [
-        "icon"
-      ],
-      "offIcon": [
-        "icon"
-      ],
-      "reduceMotion": [
-        "reducedMotion"
-      ],
-      "isOn": [
-        "layoutDependency"
+      "variant": [
+        "bottomsheetVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-bouncy-4-",
-      "--uds-motion-smooth-3-"
-    ]
-  },
-  "BottomSheetInternalContext": {
-    "name": "BottomSheetInternalContext",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
   "BottomSheetContent": {
@@ -1816,6 +1732,21 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "BottomSheetDismiss": {
+    "name": "BottomSheetDismiss",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitDialogDismiss"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "BottomSheetHandle": {
     "name": "BottomSheetHandle",
     "defaultProps": {
@@ -1862,74 +1793,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheet": {
-    "name": "BottomSheet",
-    "defaultProps": {
-      "variant": "default"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "fixed",
-      "overflow-hidden",
-      "inset-x-0",
-      "bottom-0",
-      "z-50",
-      "[will-change:transform]",
-      "touch-none",
-      "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
-      "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
-      "transition-transform",
-      "duration-500",
-      "ease-[cubic-bezier(0.32,0.72,0,1)]",
-      "motion-reduce:transition-none",
-      "top-[-4px]",
-      "z-[1]",
-      "touch-pan-y"
-    ],
-    "internalComponents": [
-      "Scrim",
-      "BottomSheetHandle",
-      "Dialog",
-      "Box",
-      "BottomSheetInternalContext.Provider"
-    ],
-    "internalComponentProps": {
-      "BottomSheetHandle": {
-        "ariaLabel": [
-          "Resize sheet"
-        ]
-      },
-      "Dialog": {
-        "data-testid": [
-          "bottom-sheet"
-        ]
-      },
-      "Box": {
-        "display": [
-          "block",
-          "flex"
-        ],
-        "position": [
-          "absolute"
-        ],
-        "flexDirection": [
-          "column"
-        ],
-        "className": [
-          "absolute inset-0 min-h-0 p-[inherit]"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "bottomsheetVariantRoot"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "BottomSheetHeader": {
     "name": "BottomSheetHeader",
     "defaultProps": {
@@ -1986,14 +1849,12 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetTrigger": {
-    "name": "BottomSheetTrigger",
+  "BottomSheetInternalContext": {
+    "name": "BottomSheetInternalContext",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [
-      "AriakitDialogDisclosure"
-    ],
+    "internalComponents": [],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -2001,13 +1862,13 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSBottomSheetConfigProvider": {
-    "name": "UDSBottomSheetConfigProvider",
+  "BottomSheetProvider": {
+    "name": "BottomSheetProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "BottomSheetContext.Provider"
+      "AriakitDialogProvider"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -2016,13 +1877,13 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetDismiss": {
-    "name": "BottomSheetDismiss",
+  "BottomSheetTrigger": {
+    "name": "BottomSheetTrigger",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "AriakitDialogDismiss"
+      "AriakitDialogDisclosure"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -2031,13 +1892,13 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetProvider": {
-    "name": "BottomSheetProvider",
+  "UDSBottomSheetConfigProvider": {
+    "name": "UDSBottomSheetConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "AriakitDialogProvider"
+      "BottomSheetContext.Provider"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -2046,95 +1907,39 @@
     "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": []
-  },
-  "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": []
-  },
-  "ChipToggle": {
-    "name": "ChipToggle",
-    "defaultProps": {
-      "variant": "primary",
-      "role": "checkbox"
-    },
-    "getStylesLiterals": {
-      "chipToggleVariantActiveRoot": "on",
-      "chipToggleVariantActiveRoot:1": "off"
+  "Menu.Content": {
+    "name": "Menu.Content",
+    "defaultProps": {
+      "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": [
-          "button"
-        ]
-      }
-    },
+    "internalComponentProps": {},
     "propToVariantKeys": {
+      "size": [
+        "menucontentSizeRoot"
+      ],
       "variant": [
-        "chipToggleVariantRoot",
-        "chipToggleVariantIcon"
+        "menucontentVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2142,71 +1947,52 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ChipBase": {
-    "name": "ChipBase",
+  "Menu.Divider": {
+    "name": "Menu.Divider",
     "defaultProps": {
-      "size": "md",
-      "as": "div"
+      "role": "separator",
+      "contentPosition": "start",
+      "gap": "4"
     },
-    "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"
-    ],
+    "getStylesLiterals": {
+      "menuitemDividerVariantRoot": "default",
+      "menuitemDividerVariantText": "default",
+      "menuitemDividerVariantLine": "default"
+    },
+    "cxLiterals": [],
     "internalComponents": [
-      "IconSlot",
-      "HStack",
-      "As",
-      "Text"
+      "DividerInternal"
     ],
     "internalComponentProps": {
-      "Text": {
-        "as": [
-          "span"
-        ],
-        "color": [
-          "current"
-        ],
+      "DividerInternal": {
         "variant": [
           "inherit"
         ]
       }
     },
-    "propToVariantKeys": {
-      "size": [
-        "chipSizeRoot",
-        "chipSizeIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Chip": {
-    "name": "Chip",
+  "Menu.Item": {
+    "name": "Menu.Item",
     "defaultProps": {},
-    "getStylesLiterals": {},
+    "getStylesLiterals": {
+      "menuitemItemVariantRoot": "default",
+      "menuitemItemVariantActiveRoot": "on",
+      "menuitemItemVariantActiveRoot:1": "off",
+      "menuitemItemVariantText": "default",
+      "menuitemItemVariantActiveText": "on",
+      "menuitemItemVariantActiveText:1": "off",
+      "menuitemItemVariantIcon": "default",
+      "menuitemItemVariantActiveIcon": "on",
+      "menuitemItemVariantActiveIcon:1": "off"
+    },
     "cxLiterals": [],
     "internalComponents": [
-      "ChipDismissible",
-      "ChipToggle",
-      "ChipLink",
-      "ChipButton"
+      "MenuItemBase"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -2215,29 +2001,71 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ChipButton": {
-    "name": "ChipButton",
+  "Menu.ItemBase": {
+    "name": "Menu.ItemBase",
     "defaultProps": {
-      "variant": "primary"
+      "spacing": "0",
+      "spacingHorizontal": "4",
+      "spacingVertical": "3.5",
+      "columnGap": "2",
+      "alignItems": "center",
+      "justifyContent": "space-between"
+    },
+    "getStylesLiterals": {
+      "textAlign": "start",
+      "menuitemSizeRoot": "default",
+      "flexDirection": "row",
+      "menuitemSizeStartIcon": "default",
+      "menuitemSizeEndIcon": "default"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "uds-ring"
+      "flex",
+      "focus-visible:text-brand",
+      "focus-visible:bg-brand-secondary",
+      "focus-visible:z-10",
+      "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",
+      "uds-start-icon",
+      "uds-end-icon"
     ],
     "internalComponents": [
-      "ChipBase"
+      "Pressable",
+      "IconSlot",
+      "RootComponent",
+      "HStack",
+      "AnimatePresence"
     ],
     "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "button"
+      "HStack": {
+        "alignItems": [
+          "center"
+        ],
+        "width": [
+          "full"
+        ]
+      },
+      "AnimatePresence": {
+        "mode": [
+          "popLayout"
         ]
       }
     },
     "propToVariantKeys": {
-      "variant": [
-        "chipLinkVariantRoot",
-        "chipLinkVariantIcon"
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ],
+      "columnGap": [
+        "gap"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2245,137 +2073,85 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "AvatarText": {
-    "name": "AvatarText",
-    "defaultProps": {
-      "size": "md",
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "overflow-hidden",
-      "truncate",
-      "w-full",
-      "h-full",
-      "shrink-0",
-      "text-center",
-      "inline-flex",
-      "justify-center",
-      "items-center"
-    ],
-    "internalComponents": [
-      "Box",
-      "Text"
-    ],
-    "internalComponentProps": {
-      "Text": {
-        "color": [
-          "inherit"
-        ],
-        "variant": [
-          "inherit"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "AvatarIcon": {
-    "name": "AvatarIcon",
-    "defaultProps": {
-      "size": "md",
-      "variant": "primary"
+  "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"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "overflow-hidden",
-      "w-full",
-      "h-full",
-      "shrink-0",
-      "text-center",
-      "inline-flex",
-      "justify-center",
-      "items-center"
+      "uds-menu-item-checkbox"
     ],
     "internalComponents": [
-      "IconSlot",
-      "Box"
+      "MenuItemBase"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {
-      "size": [
-        "avatarSizeIcon"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Avatar": {
-    "name": "Avatar",
+  "Menu.Provider": {
+    "name": "Menu.Provider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "AvatarImage"
+      "AriakitMenuProvider",
+      "SpringMotionConfig"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
   },
-  "AvatarImage": {
-    "name": "AvatarImage",
-    "defaultProps": {
-      "size": "md",
-      "variant": "primary"
-    },
+  "Menu.Trigger": {
+    "name": "Menu.Trigger",
+    "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [
-      "overflow-hidden",
-      "w-full",
-      "h-full",
-      "shrink-0",
-      "text-center",
-      "inline-flex",
-      "justify-center",
-      "items-center",
-      "object-cover"
+      "uds-menu-trigger"
     ],
     "internalComponents": [
-      "UDSImage",
-      "AvatarText",
-      "AvatarIcon",
+      "AriakitMenuTrigger",
       "Box"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "alt": [
-        "name"
-      ],
-      "fallback": [
-        "initials"
-      ]
+    "internalComponentProps": {
+      "Box": {
+        "className": [
+          "uds-ring h-fit w-fit"
+        ]
+      }
     },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "TabPanel": {
-    "name": "TabPanel",
+  "Menu.index": {
+    "name": "Menu.index",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [
-      "AriakitTabPanel"
-    ],
+    "internalComponents": [],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -2383,146 +2159,79 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Tabs": {
-    "name": "Tabs",
-    "defaultProps": {
-      "variant": "primary"
-    },
+  "Menu": {
+    "name": "Menu",
+    "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [
-      "TabsContext.Provider",
-      "TabProvider"
-    ],
+    "internalComponents": [],
     "internalComponentProps": {},
-    "propToVariantKeys": {
-      "onSelectionChange": [
-        "setSelectedId"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "TabList": {
-    "name": "TabList",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {
-      "tabSizeRoot": "default",
-      "tabVariantActiveRoot": "on"
-    },
-    "cxLiterals": [
-      "pointer-events-none",
-      "absolute",
-      "bottom-0",
-      "left-0",
-      "right-0",
-      "h-[var(--uds-tab-underline-width,0px)]",
-      "bg-[var(--uds-tab-underline-color,transparent)]",
-      "transition-[height,background-color]",
-      "duration-[240ms]",
-      "ease-[cubic-bezier(0.2,0,0,1)]",
-      "!m-0",
-      "!p-0",
-      "!gap-0",
-      "box-border",
-      "z-0",
-      "min-w-0",
-      "min-h-0",
-      "flex",
-      "flex-row",
-      "items-center",
-      "overflow-x-auto",
-      "overflow-y-clip",
-      "scrollbar-none",
-      "[overflow-clip-margin:6px]",
-      "overflow-clip",
-      "[overflow-clip-margin:8px]",
-      "relative"
-    ],
+  "Chip": {
+    "name": "Chip",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
     "internalComponents": [
-      "AriakitTabList"
+      "ChipDismissible",
+      "ChipToggle",
+      "ChipLink",
+      "ChipButton"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {
-      "variant": [
-        "tabsVariantRoot",
-        "tabVariantRoot"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Tab": {
-    "name": "Tab",
+  "ChipBase": {
+    "name": "ChipBase",
     "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {
-      "tabSizeRoot": "default",
-      "tabVariantActiveRoot": "off",
-      "tabVariantActiveRoot:1": "on",
-      "tabSizeIcon": "default"
+      "size": "md",
+      "as": "div"
     },
+    "getStylesLiterals": {},
     "cxLiterals": [
       "pointer-events-none",
-      "absolute",
-      "bottom-0",
-      "left-0",
-      "right-0",
-      "h-[var(--uds-tab-underline-width,0px)]",
-      "bg-[var(--uds-tab-underline-color,transparent)]",
-      "transition-[height,background-color]",
-      "duration-[240ms]",
-      "ease-[cubic-bezier(0.2,0,0,1)]",
-      "!bg-transparent",
-      "!shadow-none",
+      "cursor-default",
+      "opacity-50",
       "inline-flex",
       "items-center",
-      "shrink-0",
-      "box-border",
-      "relative",
-      "z-[1]",
-      "cursor-pointer",
-      "select-none",
+      "transition-[background-color,outline-color,box-shadow]",
+      "truncate",
       "whitespace-nowrap",
-      "uds-ring",
-      "opacity-50",
-      "cursor-default",
-      "border-solid",
-      "border-b-solid",
-      "transition-colors"
+      "text-center",
+      "flex-1"
     ],
     "internalComponents": [
       "IconSlot",
-      "AriakitTab",
+      "HStack",
+      "As",
       "Text"
     ],
     "internalComponentProps": {
       "Text": {
-        "variant": [
-          "inherit"
-        ],
         "as": [
           "span"
         ],
         "color": [
           "current"
+        ],
+        "variant": [
+          "inherit"
         ]
       }
     },
     "propToVariantKeys": {
-      "variant": [
-        "tabVariantRoot",
-        "tabVariantIcon"
-      ],
-      "activeState": [
-        "tabVariantActiveIcon"
+      "size": [
+        "chipSizeRoot",
+        "chipSizeIcon"
       ],
       "startIcon": [
         "icon"
@@ -2536,58 +2245,91 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSPopoverConfigProvider": {
-    "name": "UDSPopoverConfigProvider",
-    "defaultProps": {},
+  "ChipButton": {
+    "name": "ChipButton",
+    "defaultProps": {
+      "variant": "primary"
+    },
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-ring"
+    ],
     "internalComponents": [
-      "PopoverContext.Provider"
+      "ChipBase"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "internalComponentProps": {
+      "ChipBase": {
+        "as": [
+          "button"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "chipLinkVariantRoot",
+        "chipLinkVariantIcon"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Popover": {
-    "name": "Popover",
-    "defaultProps": {},
+  "ChipDismissible": {
+    "name": "ChipDismissible",
+    "defaultProps": {
+      "variant": "primary"
+    },
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-chip-dismissible-button",
+      "uds-hit-target",
+      "uds-ring",
+      "rounded-full"
+    ],
     "internalComponents": [
-      "PopoverInternalContext.Provider",
-      "PopoverProvider"
+      "ChipBase",
+      "IconSlot",
+      "Pressable"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {
-      "size": "popover.defaultSize",
-      "variant": "popover.defaultVariant"
+    "propToVariantKeys": {
+      "variant": [
+        "chipDismissibleVariantRoot",
+        "chipDismissibleVariantIcon"
+      ],
+      "dismissButtonAriaLabel": [
+        "aria-label"
+      ]
     },
+    "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PopoverTrigger": {
-    "name": "PopoverTrigger",
-    "defaultProps": {},
+  "ChipLink": {
+    "name": "ChipLink",
+    "defaultProps": {
+      "variant": "primary"
+    },
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-ring"
+    ],
     "internalComponents": [
-      "PopoverDisclosure"
+      "ChipBase"
     ],
     "internalComponentProps": {
-      "PopoverDisclosure": {
-        "className": [
-          "inline"
+      "ChipBase": {
+        "as": [
+          "a"
         ]
       }
     },
     "propToVariantKeys": {
-      "children": [
-        "render"
+      "variant": [
+        "chipLinkVariantRoot",
+        "chipLinkVariantIcon"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2595,278 +2337,256 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PopoverContext": {
-    "name": "PopoverContext",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "PopoverContent": {
-    "name": "PopoverContent",
-    "defaultProps": {},
+  "ChipToggle": {
+    "name": "ChipToggle",
+    "defaultProps": {
+      "variant": "primary",
+      "role": "checkbox"
+    },
     "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"
+      "chipToggleVariantActiveRoot": "on",
+      "chipToggleVariantActiveRoot:1": "off"
     },
     "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]"
+      "uds-ring"
     ],
     "internalComponents": [
-      "PopoverDismiss",
-      "IconSlot",
-      "PopoverArrow",
-      "Popover",
-      "SvgFloatingOverlay",
-      "Box",
-      "Pressable"
+      "ChipBase"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "closeIcon": [
-        "icon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "popover.defaultSize",
-      "variant": "popover.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "spacingTop": [
-        "popover.spacingVertical.${size}"
-      ],
-      "spacingStart": [
-        "popover.spacingHorizontal.${size}"
-      ],
-      "spacingBottom": [
-        "popover.spacingVertical.${size}"
-      ],
-      "spacingEnd": [
-        "popover.spacingHorizontal.${size}"
-      ]
-    },
-    "runtimeConfigInternalComponentProps": {
-      "SvgFloatingOverlay": {
-        "borderRadius": [
-          "popover.borderRadius.${size}"
+    "internalComponentProps": {
+      "ChipBase": {
+        "as": [
+          "button"
         ]
       }
     },
+    "propToVariantKeys": {
+      "variant": [
+        "chipToggleVariantRoot",
+        "chipToggleVariantIcon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Input": {
-    "name": "Input",
+  "Radio": {
+    "name": "Radio",
     "defaultProps": {
-      "type": "text",
+      "labelPosition": "start",
+      "variant": "primary",
       "size": "md",
-      "width": "full"
+      "value": ""
     },
     "getStylesLiterals": {
-      "inputVariantRoot": "default",
-      "inputVariantValueRoot": "empty",
-      "inputVariantValueRoot:1": "filled",
-      "inputVariantInputWrapper": "default",
-      "inputVariantValueInputWrapper": "empty",
-      "inputVariantValueInputWrapper:1": "filled",
-      "inputVariantInput": "default",
-      "inputVariantValueInput": "empty",
-      "inputVariantValueInput:1": "filled",
-      "inputVariantInputPlaceholder": "default",
-      "inputVariantValueInputPlaceholder": "empty",
-      "inputVariantValueInputPlaceholder:1": "filled",
-      "inputVariantLabel": "default",
-      "inputVariantValueLabel": "empty",
-      "inputVariantValueLabel:1": "filled",
-      "inputVariantLabelRequired": "default",
-      "inputVariantValueLabelRequired": "empty",
-      "inputVariantValueLabelRequired:1": "filled",
-      "inputVariantStartIcon": "default",
-      "inputVariantValueStartIcon": "empty",
-      "inputVariantValueStartIcon:1": "filled",
-      "inputVariantEndIcon": "default",
-      "inputVariantValueEndIcon": "empty",
-      "inputVariantValueEndIcon:1": "filled"
+      "radioVariantValueRoot": "checked",
+      "radioVariantValueRoot:1": "unchecked",
+      "display": "flex",
+      "flexDirection": "row",
+      "flexDirection:1": "row-reverse",
+      "alignItems": "center",
+      "radioVariantValueRadio": "checked",
+      "radioVariantValueRadio:1": "unchecked",
+      "radioVariantValueRadioCircle": "checked",
+      "radioVariantValueRadioCircle:1": "unchecked"
     },
     "cxLiterals": [
+      "cursor-pointer",
+      "cursor-default",
       "opacity-50",
-      "min-w-[200px]",
-      "grow",
-      "uds-hit-target",
-      "bg-clip-text",
-      "focus:outline-none",
-      "cursor-text",
-      "cursor-not-allowed"
+      "border",
+      "uds-ring",
+      "uds-ring-within",
+      "transition-[background-color,border-color]",
+      "transition-shadow",
+      "pointer-events-none",
+      "w-[8px]",
+      "h-[8px]",
+      "transition-opacity",
+      "cursor-[inherit]",
+      "absolute",
+      "opacity-0",
+      "top-1/2",
+      "left-1/2",
+      "w-[calc(100%+2px)]",
+      "h-[calc(100%+2px)]",
+      "transform",
+      "translate-x-[-50%]",
+      "translate-y-[-50%]",
+      "text-start",
+      "text-end"
     ],
     "internalComponents": [
-      "IconSlot",
-      "StartIcon",
-      "EndIcon",
-      "HelpTextContent",
       "Box",
-      "InputHelpTextInternal",
-      "VStack",
-      "HStack",
-      "AnimateHeightChange"
+      "FormLabel",
+      "SpringMotionConfig",
+      "RootElement",
+      "MotionBox"
     ],
     "internalComponentProps": {
-      "HelpTextContent": {
-        "spacingTop": [
-          "2"
+      "Box": {
+        "borderRadius": [
+          "full"
         ]
       },
-      "Box": {
-        "spacingBottom": [
-          "2"
-        ],
-        "columnGap": [
-          "0.5"
+      "FormLabel": {
+        "as": [
+          "div"
         ],
-        "alignItems": [
-          "flex-end",
-          "center"
+        "variant": [
+          "inherit"
         ],
-        "position": [
-          "relative"
+        "color": [
+          "inherit"
         ]
       },
-      "HStack": {
+      "RootElement": {
+        "data-testid": [
+          "container"
+        ]
+      },
+      "MotionBox": {
+        "position": [
+          "relative"
+        ],
+        "borderRadius": [
+          "full"
+        ],
         "alignItems": [
           "center"
         ],
-        "gap": [
-          "1"
+        "justifyContent": [
+          "center"
+        ],
+        "flex": [
+          "none"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "inputSizeRoot",
-        "inputSizeInputWrapper",
-        "inputSizeInput",
-        "inputSizeLabel",
-        "inputSizeStartIcon",
-        "inputSizeEndIcon"
-      ],
-      "startIcon": [
-        "icon"
+        "radioSizeRoot",
+        "radioSizeRadio"
       ],
-      "endIcon": [
-        "icon"
+      "variant": [
+        "radioVariantRoot",
+        "radioVariantRadio",
+        "radioVariantRadioCircle"
       ],
-      "helperTextIcon": [
-        "startIcon"
+      "reduceMotion": [
+        "reducedMotion"
       ]
     },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
   },
-  "InputHelpText": {
-    "name": "InputHelpText",
-    "defaultProps": {
-      "size": "md"
-    },
-    "getStylesLiterals": {
-      "inputVariantRoot": "default",
-      "inputVariantValueRoot": "empty",
-      "inputVariantValueRoot:1": "filled"
-    },
+  "RadioGroupProvider": {
+    "name": "RadioGroupProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "InputHelpTextInternal",
-      "Box"
+      "DivProps",
+      "Comp",
+      "RadioGroupContext.Provider"
     ],
     "internalComponentProps": {
-      "Box": {
-        "spacingTop": [
-          "2"
+      "Comp": {
+        "role": [
+          "radiogroup"
         ]
       }
     },
-    "propToVariantKeys": {
-      "size": [
-        "inputSizeRoot"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "InputHelpTextInternal": {
-    "name": "InputHelpTextInternal",
+  "RadioGroupStore": {
+    "name": "RadioGroupStore",
     "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tab": {
+    "name": "Tab",
+    "defaultProps": {
+      "variant": "primary"
+    },
     "getStylesLiterals": {
-      "inputVariantHelperText": "default",
-      "inputVariantValueHelperText": "empty",
-      "inputVariantValueHelperText:1": "filled",
-      "inputVariantHelperIcon": "default",
-      "inputVariantValueHelperIcon": "empty",
-      "inputVariantValueHelperIcon:1": "filled"
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "off",
+      "tabVariantActiveRoot:1": "on",
+      "tabSizeIcon": "default"
     },
-    "cxLiterals": [],
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!bg-transparent",
+      "!shadow-none",
+      "inline-flex",
+      "items-center",
+      "shrink-0",
+      "box-border",
+      "relative",
+      "z-[1]",
+      "cursor-pointer",
+      "select-none",
+      "whitespace-nowrap",
+      "uds-ring",
+      "opacity-50",
+      "cursor-default",
+      "border-solid",
+      "border-b-solid",
+      "transition-colors"
+    ],
     "internalComponents": [
       "IconSlot",
-      "HStack"
+      "AriakitTab",
+      "Text"
     ],
     "internalComponentProps": {
-      "HStack": {
-        "gap": [
-          "1"
+      "Text": {
+        "variant": [
+          "inherit"
         ],
-        "alignItems": [
-          "center"
+        "as": [
+          "span"
+        ],
+        "color": [
+          "current"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "inputSizeHelperText",
-        "inputSizeHelperIcon"
+      "variant": [
+        "tabVariantRoot",
+        "tabVariantIcon"
+      ],
+      "activeState": [
+        "tabVariantActiveIcon"
       ],
       "startIcon": [
         "icon"
@@ -2880,90 +2600,52 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.Item": {
-    "name": "Menu.Item",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "menuitemItemVariantRoot": "default",
-      "menuitemItemVariantActiveRoot": "on",
-      "menuitemItemVariantActiveRoot:1": "off",
-      "menuitemItemVariantText": "default",
-      "menuitemItemVariantActiveText": "on",
-      "menuitemItemVariantActiveText:1": "off",
-      "menuitemItemVariantIcon": "default",
-      "menuitemItemVariantActiveIcon": "on",
-      "menuitemItemVariantActiveIcon:1": "off"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "MenuItemBase"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu.index": {
-    "name": "Menu.index",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu": {
-    "name": "Menu",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu.Content": {
-    "name": "Menu.Content",
+  "TabList": {
+    "name": "TabList",
     "defaultProps": {
-      "size": "default",
-      "variant": "default",
-      "gutter": "1"
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "on"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "uds-menu-content",
-      "transition-shadow",
-      "duration-200",
-      "ease-in-out",
-      "min-w-60",
-      "max-w-lg",
-      "max-h-96",
-      "overflow-auto",
-      "uds-ring",
-      "z-10",
-      "group"
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!m-0",
+      "!p-0",
+      "!gap-0",
+      "box-border",
+      "z-0",
+      "min-w-0",
+      "min-h-0",
+      "flex",
+      "flex-row",
+      "items-center",
+      "overflow-x-auto",
+      "overflow-y-clip",
+      "scrollbar-none",
+      "[overflow-clip-margin:6px]",
+      "overflow-clip",
+      "[overflow-clip-margin:8px]",
+      "relative"
     ],
-    "internalComponents": [
-      "AriakitMenu",
-      "AnimatePresence",
-      "MotionVStack"
+    "internalComponents": [
+      "AriakitTabList"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {
-      "size": [
-        "menucontentSizeRoot"
-      ],
       "variant": [
-        "menucontentVariantRoot"
+        "tabsVariantRoot",
+        "tabVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2971,206 +2653,234 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.Trigger": {
-    "name": "Menu.Trigger",
+  "TabPanel": {
+    "name": "TabPanel",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-menu-trigger"
-    ],
+    "cxLiterals": [],
     "internalComponents": [
-      "AriakitMenuTrigger",
-      "Box"
+      "AriakitTabPanel"
     ],
-    "internalComponentProps": {
-      "Box": {
-        "className": [
-          "uds-ring h-fit w-fit"
-        ]
-      }
-    },
+    "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.Divider": {
-    "name": "Menu.Divider",
+  "Tabs": {
+    "name": "Tabs",
     "defaultProps": {
-      "role": "separator",
-      "contentPosition": "start",
-      "gap": "4"
-    },
-    "getStylesLiterals": {
-      "menuitemDividerVariantRoot": "default",
-      "menuitemDividerVariantText": "default",
-      "menuitemDividerVariantLine": "default"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "DividerInternal"
-    ],
-    "internalComponentProps": {
-      "DividerInternal": {
-        "variant": [
-          "inherit"
-        ]
-      }
+      "variant": "primary"
     },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu.Provider": {
-    "name": "Menu.Provider",
-    "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "AriakitMenuProvider",
-      "SpringMotionConfig"
+      "TabsContext.Provider",
+      "TabProvider"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "propToVariantKeys": {
+      "onSelectionChange": [
+        "setSelectedId"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-subtle-3-",
-      "--uds-motion-smooth-3-"
-    ]
+    "motionVarPrefixes": []
   },
-  "Menu.ItemCheckbox": {
-    "name": "Menu.ItemCheckbox",
+  "Toast": {
+    "name": "Toast",
     "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"
+      "className": "animate-spin",
+      "className:1": "flex-none",
+      "spacing": "2",
+      "borderRadius": "full"
     },
     "cxLiterals": [
-      "uds-menu-item-checkbox"
+      "duration-0",
+      "duration-120",
+      "transition-[background-color]",
+      "bg-carbon-15/0",
+      "hover:bg-carbon-15/10",
+      "active:bg-carbon-15/15",
+      "uds-ring"
     ],
     "internalComponents": [
-      "MenuItemBase"
+      "IconSlot",
+      "ToastContainer",
+      "Text",
+      "Button",
+      "Pressable"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
+    "propToVariantKeys": {
+      "size": [
+        "toastSizeLabel",
+        "toastSizeIcon",
+        "toastSizeActionButton",
+        "toastSizeCloseIcon"
+      ],
+      "variant": [
+        "toastVariantIcon",
+        "toastVariantActionButton",
+        "toastVariantCloseIcon"
+      ],
+      "closeIcon": [
+        "icon"
+      ],
+      "onClickActionButton": [
+        "onClick"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "toast.defaultSize",
+      "variant": "toast.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "toastSizeLabel": [
+        "toast.defaultSize"
+      ],
+      "toastVariantIcon": [
+        "toast.defaultVariant"
+      ],
+      "toastSizeIcon": [
+        "toast.defaultSize"
+      ],
+      "toastSizeActionButton": [
+        "toast.defaultSize"
+      ],
+      "toastVariantActionButton": [
+        "toast.defaultVariant"
+      ],
+      "toastVariantCloseIcon": [
+        "toast.defaultVariant"
+      ],
+      "toastSizeCloseIcon": [
+        "toast.defaultSize"
+      ]
+    },
+    "runtimeConfigInternalComponentProps": {
+      "ToastContainer": {
+        "size": [
+          "toast.defaultSize"
+        ],
+        "variant": [
+          "toast.defaultVariant"
+        ]
+      },
+      "Text": {
+        "variant": [
+          "toast.textVariant.${size}"
+        ],
+        "color": [
+          "toast.textColor.${variant}"
+        ]
+      },
+      "Button": {
+        "size": [
+          "toast.buttonSize.${size}"
+        ],
+        "variant": [
+          "toast.buttonVariant.${variant}"
+        ]
+      }
+    },
     "motionVarPrefixes": []
   },
-  "Menu.ItemBase": {
-    "name": "Menu.ItemBase",
-    "defaultProps": {
-      "spacing": "0",
-      "spacingHorizontal": "4",
-      "spacingVertical": "3.5",
-      "columnGap": "2",
-      "alignItems": "center",
-      "justifyContent": "space-between"
-    },
+  "ToastContainer": {
+    "name": "ToastContainer",
+    "defaultProps": {},
     "getStylesLiterals": {
-      "textAlign": "start",
-      "menuitemSizeRoot": "default",
-      "flexDirection": "row",
-      "menuitemSizeStartIcon": "default",
-      "menuitemSizeEndIcon": "default"
+      "position": "relative",
+      "alignItems": "center",
+      "display": "flex",
+      "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
     },
     "cxLiterals": [
-      "flex",
-      "focus-visible:text-brand",
-      "focus-visible:bg-brand-secondary",
-      "focus-visible:z-10",
-      "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",
-      "uds-start-icon",
-      "uds-end-icon"
+      "w-full"
     ],
     "internalComponents": [
-      "Pressable",
-      "IconSlot",
-      "RootComponent",
-      "HStack",
-      "AnimatePresence"
+      "HStack"
     ],
     "internalComponentProps": {
       "HStack": {
         "alignItems": [
           "center"
         ],
-        "width": [
-          "full"
-        ]
-      },
-      "AnimatePresence": {
-        "mode": [
-          "popLayout"
+        "justifyContent": [
+          "space-between"
+        ],
+        "overflow": [
+          "hidden"
+        ],
+        "position": [
+          "relative"
         ]
       }
     },
     "propToVariantKeys": {
-      "startIcon": [
-        "icon"
+      "variant": [
+        "toastVariantRoot"
       ],
-      "endIcon": [
-        "icon"
+      "size": [
+        "toastSizeRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "toast.defaultSize",
+      "variant": "toast.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "toastVariantRoot": [
+        "toast.defaultVariant"
       ],
-      "columnGap": [
-        "gap"
+      "toastSizeRoot": [
+        "toast.defaultSize"
       ]
     },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
+    "runtimeConfigInternalComponentProps": {
+      "HStack": {
+        "backgroundColor": [
+          "toast.backgroundColor.${variant}"
+        ]
+      }
+    },
     "motionVarPrefixes": []
   },
-  "UDSBreakpointsConfigProvider": {
-    "name": "UDSBreakpointsConfigProvider",
+  "ToastPortal": {
+    "name": "ToastPortal",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "UDSBreakpointsConfigContext.Provider"
+      "ReactToastifyToastContainer"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
+    "runtimeConfigDefaultProps": {
+      "size": "toast.defaultSize",
+      "variant": "toast.defaultVariant"
+    },
     "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
+    "runtimeConfigInternalComponentProps": {
+      "ReactToastifyToastContainer": {
+        "autoClose": [
+          "toast.autoClose"
+        ]
+      }
+    },
     "motionVarPrefixes": []
   },
-  "UDSConfigProvider": {
-    "name": "UDSConfigProvider",
+  "UDSToastConfigProvider": {
+    "name": "UDSToastConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "UDSBreakpointsConfigProvider",
-      "UDSBottomSheetConfigProvider",
-      "UDSToastConfigProvider",
-      "UDSTooltipConfigProvider",
-      "UDSPopoverConfigProvider"
+      "ToastContext.Provider"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -3274,6 +2984,31 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "TooltipTrigger": {
+    "name": "TooltipTrigger",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TooltipAnchor"
+    ],
+    "internalComponentProps": {
+      "TooltipAnchor": {
+        "className": [
+          "inline"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "children": [
+        "render"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "UDSTooltipConfigProvider": {
     "name": "UDSTooltipConfigProvider",
     "defaultProps": {},
@@ -3289,24 +3024,223 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "TooltipTrigger": {
-    "name": "TooltipTrigger",
+  "UDSBreakpointsConfigProvider": {
+    "name": "UDSBreakpointsConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "TooltipAnchor"
+      "UDSBreakpointsConfigContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSConfigProvider": {
+    "name": "UDSConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "UDSBreakpointsConfigProvider",
+      "UDSBottomSheetConfigProvider",
+      "UDSToastConfigProvider",
+      "UDSTooltipConfigProvider",
+      "UDSPopoverConfigProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Accordion": {
+    "name": "Accordion",
+    "defaultProps": {
+      "spacingHorizontal": "4",
+      "spacingVertical": "4"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "hover:bg-secondary/80",
+      "w-full"
+    ],
+    "internalComponents": [
+      "Icon",
+      "SpringMotionConfig",
+      "Pressable",
+      "Text",
+      "HStack",
+      "AnimatePresence",
+      "VStack"
     ],
     "internalComponentProps": {
-      "TooltipAnchor": {
-        "className": [
-          "inline"
+      "Icon": {
+        "variant": [
+          "fill"
+        ],
+        "size": [
+          "sm"
+        ],
+        "color": [
+          "primary"
+        ]
+      },
+      "SpringMotionConfig": {
+        "layoutVariant": [
+          "smooth"
+        ],
+        "layoutSpeed": [
+          "3"
+        ]
+      },
+      "Pressable": {
+        "display": [
+          "flex"
+        ],
+        "flexDirection": [
+          "row"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "space-between"
+        ],
+        "borderRadius": [
+          "md"
+        ]
+      },
+      "Text": {
+        "variant": [
+          "title4"
+        ],
+        "color": [
+          "primary"
+        ]
+      },
+      "HStack": {
+        "display": [
+          "flex"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "space-between"
+        ],
+        "columnGap": [
+          "2.5"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": [
+      "--uds-motion-smooth-3-"
+    ]
+  },
+  "AvoidMotionLibraryProvider": {
+    "name": "AvoidMotionLibraryProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Modal": {
+    "name": "Modal",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "inset-8",
+      "top-[250px]",
+      "z-50",
+      "mx-auto",
+      "h-fit",
+      "w-[600px]",
+      "origin-center",
+      "scale-95",
+      "opacity-0",
+      "transition",
+      "duration-150",
+      "data-[enter]:scale-100",
+      "data-[enter]:opacity-100",
+      "data-[enter]:bg-primary",
+      "backdrop-blur-0",
+      "data-[enter]:opacity-60",
+      "data-[enter]:backdrop-blur-sm"
+    ],
+    "internalComponents": [
+      "IconButton",
+      "Dialog",
+      "HStack",
+      "Text",
+      "VStack"
+    ],
+    "internalComponentProps": {
+      "IconButton": {
+        "aria-label": [
+          "Close"
+        ],
+        "size": [
+          "sm"
+        ],
+        "variant": [
+          "tertiary"
+        ]
+      },
+      "HStack": {
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "space-between"
+        ]
+      },
+      "Text": {
+        "variant": [
+          "headline1"
+        ],
+        "color": [
+          "primary"
+        ]
+      },
+      "VStack": {
+        "borderRadius": [
+          "md"
+        ],
+        "position": [
+          "fixed"
+        ],
+        "backgroundColor": [
+          "primary"
+        ],
+        "dropShadow": [
+          "md"
+        ],
+        "spacing": [
+          "8"
+        ],
+        "overflow": [
+          "hidden"
         ]
       }
     },
     "propToVariantKeys": {
-      "children": [
-        "render"
+      "handleClose": [
+        "onClick"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -3314,89 +3248,154 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "RadioGroupProvider": {
-    "name": "RadioGroupProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
+  "SegmentedControl": {
+    "name": "SegmentedControl",
+    "defaultProps": {
+      "textVariant": "label2"
+    },
+    "getStylesLiterals": {
+      "display": "flex",
+      "alignItems": "center",
+      "backgroundColor": "primary",
+      "spacingVertical": "1",
+      "spacingHorizontal": "3",
+      "columnGap": "1.5",
+      "borderWidth": "thin",
+      "borderRadius": "full",
+      "borderColor": "muted",
+      "borderColor:1": "transparent",
+      "color": "primary",
+      "color:1": "tertiary",
+      "color:2": "muted"
+    },
+    "cxLiterals": [
+      "uds-ring",
+      "cursor-not-allowed",
+      "opacity-50",
+      "pointer-events-none",
+      "hover:bg-primary"
+    ],
     "internalComponents": [
-      "DivProps",
-      "Comp",
-      "RadioGroupContext.Provider"
+      "TextVariant",
+      "Radio",
+      "Icon",
+      "RadioProvider",
+      "HStack",
+      "RadioGroup",
+      "Pressable",
+      "Text"
     ],
     "internalComponentProps": {
-      "Comp": {
-        "role": [
-          "radiogroup"
+      "Icon": {
+        "size": [
+          "sm"
+        ],
+        "color": [
+          "current"
+        ],
+        "aria-hidden": [
+          "true"
+        ]
+      },
+      "HStack": {
+        "spacing": [
+          "1"
+        ],
+        "gap": [
+          "1"
+        ],
+        "backgroundColor": [
+          "secondary"
+        ],
+        "borderRadius": [
+          "full"
+        ],
+        "display": [
+          "inline-flex"
+        ]
+      },
+      "Text": {
+        "color": [
+          "current"
         ]
       }
     },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "RadioGroupStore": {
-    "name": "RadioGroupStore",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "propToVariantKeys": {
+      "value": [
+        "key"
+      ],
+      "label": [
+        "aria-label"
+      ],
+      "textVariant": [
+        "variant"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Radio": {
-    "name": "Radio",
+  "SwitchV2": {
+    "name": "SwitchV2",
     "defaultProps": {
       "labelPosition": "start",
-      "variant": "primary",
-      "size": "md",
-      "value": ""
+      "size": "md"
     },
     "getStylesLiterals": {
-      "radioVariantValueRoot": "checked",
-      "radioVariantValueRoot:1": "unchecked",
-      "display": "flex",
-      "flexDirection": "row",
-      "flexDirection:1": "row-reverse",
-      "alignItems": "center",
-      "radioVariantValueRadio": "checked",
-      "radioVariantValueRadio:1": "unchecked",
-      "radioVariantValueRadioCircle": "checked",
-      "radioVariantValueRadioCircle:1": "unchecked"
+      "switchVariantRoot": "default",
+      "switchVariantActiveRoot": "on",
+      "switchVariantActiveRoot:1": "off",
+      "switchVariantSwitch": "default",
+      "switchVariantActiveSwitch": "on",
+      "switchVariantActiveSwitch:1": "off",
+      "switchVariantActiveHandle": "on",
+      "switchVariantActiveHandle:1": "off",
+      "switchVariantHandle": "default",
+      "switchVariantHandleIcon": "default",
+      "switchVariantActiveHandleIcon": "on",
+      "switchVariantActiveHandleIcon:1": "off"
     },
     "cxLiterals": [
-      "cursor-pointer",
-      "cursor-default",
-      "opacity-50",
-      "border",
+      "group",
+      "flex",
+      "items-center",
+      "flex-row",
+      "flex-row-reverse",
       "uds-ring",
       "uds-ring-within",
-      "transition-[background-color,border-color]",
-      "transition-shadow",
+      "relative",
+      "uds-border-radius-full",
+      "transition-[background-color,box-shadow]",
       "pointer-events-none",
-      "w-[8px]",
-      "h-[8px]",
-      "transition-opacity",
-      "cursor-[inherit]",
+      "w-full",
+      "h-full",
       "absolute",
+      "top-0",
+      "bottom-0",
+      "right-0",
+      "left-0",
+      "overflow-hidden",
+      "group-hover:scale-105",
+      "opacity-95",
+      "group-hover:opacity-100",
+      "transition-[transform,opacity]",
       "opacity-0",
       "top-1/2",
       "left-1/2",
-      "w-[calc(100%+2px)]",
-      "h-[calc(100%+2px)]",
       "transform",
       "translate-x-[-50%]",
       "translate-y-[-50%]",
+      "transition-opacity",
+      "cursor-[inherit]",
+      "w-[calc(100%+2px)]",
+      "h-[calc(100%+2px)]",
       "text-start",
-      "text-end"
+      "text-end",
+      "opacity-100"
     ],
     "internalComponents": [
+      "IconSlot",
       "Box",
       "FormLabel",
       "SpringMotionConfig",
@@ -3404,9 +3403,10 @@
       "MotionBox"
     ],
     "internalComponentProps": {
-      "Box": {
-        "borderRadius": [
-          "full"
+      "IconSlot": {
+        "data-testid": [
+          "on-icon",
+          "off-icon"
         ]
       },
       "FormLabel": {
@@ -3420,48 +3420,50 @@
           "inherit"
         ]
       },
+      "SpringMotionConfig": {
+        "layoutVariant": [
+          "bouncy"
+        ],
+        "layoutSpeed": [
+          "4"
+        ]
+      },
       "RootElement": {
         "data-testid": [
-          "container"
+          "switch-root"
         ]
       },
       "MotionBox": {
-        "position": [
-          "relative"
-        ],
-        "borderRadius": [
-          "full"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "center"
-        ],
-        "flex": [
-          "none"
+        "layout": [
+          "position"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "radioSizeRoot",
-        "radioSizeRadio"
+        "switchSizeRoot",
+        "switchSizeSwitch",
+        "switchSizeHandle",
+        "switchSizeHandleIcon"
       ],
-      "variant": [
-        "radioVariantRoot",
-        "radioVariantRadio",
-        "radioVariantRadioCircle"
+      "onIcon": [
+        "icon"
+      ],
+      "offIcon": [
+        "icon"
       ],
       "reduceMotion": [
         "reducedMotion"
+      ],
+      "isOn": [
+        "layoutDependency"
       ]
     },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": [
-      "--uds-motion-subtle-3-",
+      "--uds-motion-bouncy-4-",
       "--uds-motion-smooth-3-"
     ]
   }