npm - @yahoo/uds - Versions diffs - 3.158.1 → 3.159.0 - Mend

@yahoo/uds 3.158.1 → 3.159.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 (14) hide show

package/dist/components/client/Menu/Menu.Item.cjs +8 -2
package/dist/components/client/Menu/Menu.Item.d.cts +44 -0
package/dist/components/client/Menu/Menu.Item.d.ts +44 -0
package/dist/components/client/Menu/Menu.Item.js +8 -2
package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +6 -2
package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +44 -0
package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +44 -0
package/dist/components/client/Menu/Menu.ItemCheckbox.js +6 -2
package/dist/styles/styler.d.cts +24 -24
package/dist/styles/styler.d.ts +24 -24
package/dist/uds/generated/componentData.cjs +365 -365
package/dist/uds/generated/componentData.js +365 -365
package/generated/componentData.json +714 -714
package/package.json +1 -1

package/generated/componentData.json CHANGED Viewed

@@ -679,168 +679,109 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Checkbox": {
-    "name": "Checkbox",
+  "Accordion": {
+    "name": "Accordion",
     "defaultProps": {
-      "labelPosition": "start",
-      "variant": "primary",
-      "size": "md"
-    },
-    "getStylesLiterals": {
-      "display": "flex",
-      "flexDirection": "row",
-      "flexDirection:1": "row-reverse",
-      "alignItems": "center"
+      "spacingHorizontal": "4",
+      "spacingVertical": "4"
     },
+    "getStylesLiterals": {},
     "cxLiterals": [
-      "cursor-pointer",
-      "cursor-default",
-      "opacity-50",
-      "uds-ring",
-      "uds-ring-within",
-      "transition-[background-color,border-color,box-shadow]",
-      "pointer-events-none",
-      "opacity-0",
-      "opacity-55",
-      "opacity-100",
-      "transition-opacity",
-      "cursor-[inherit]",
-      "absolute",
-      "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"
+      "hover:bg-secondary/80",
+      "w-full"
     ],
     "internalComponents": [
       "Icon",
-      "FormLabel",
       "SpringMotionConfig",
-      "RootElement",
-      "MotionBox"
+      "Pressable",
+      "Text",
+      "HStack",
+      "AnimatePresence",
+      "VStack"
     ],
     "internalComponentProps": {
       "Icon": {
+        "variant": [
+          "fill"
+        ],
         "size": [
           "sm"
+        ],
+        "color": [
+          "primary"
         ]
       },
-      "FormLabel": {
-        "as": [
-          "div"
+      "SpringMotionConfig": {
+        "layoutVariant": [
+          "smooth"
         ],
-        "variant": [
-          "inherit"
+        "layoutSpeed": [
+          "3"
+        ]
+      },
+      "Pressable": {
+        "display": [
+          "flex"
         ],
-        "color": [
-          "inherit"
+        "flexDirection": [
+          "row"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "space-between"
+        ],
+        "borderRadius": [
+          "md"
         ]
       },
-      "RootElement": {
-        "data-testid": [
-          "container"
+      "Text": {
+        "variant": [
+          "title4"
+        ],
+        "color": [
+          "primary"
         ]
       },
-      "MotionBox": {
-        "position": [
-          "relative"
+      "HStack": {
+        "display": [
+          "flex"
         ],
         "alignItems": [
           "center"
         ],
         "justifyContent": [
-          "center"
+          "space-between"
         ],
-        "flex": [
-          "none"
+        "columnGap": [
+          "2.5"
         ]
       }
     },
-    "propToVariantKeys": {
-      "size": [
-        "checkboxSizeRoot",
-        "checkboxSizeCheckbox"
-      ],
-      "variant": [
-        "checkboxVariantRoot",
-        "checkboxVariantCheckbox",
-        "checkboxVariantCheckboxIcon"
-      ],
-      "valueState": [
-        "checkboxVariantValueRoot",
-        "checkboxVariantValueCheckbox",
-        "checkboxVariantValueCheckboxIcon"
-      ],
-      "reduceMotion": [
-        "reducedMotion"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": [
-      "--uds-motion-subtle-3-",
       "--uds-motion-smooth-3-"
     ]
   },
-  "SpringMotionConfig": {
-    "name": "SpringMotionConfig",
-    "defaultProps": {
-      "reducedMotion": "user"
-    },
+  "AvoidMotionLibraryProvider": {
+    "name": "AvoidMotionLibraryProvider",
+    "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [
-      "LazyMotion",
-      "MotionConfig"
-    ],
+    "internalComponents": [],
     "internalComponentProps": {},
-    "propToVariantKeys": {
-      "loadFeatures": [
-        "features"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "AnimateHeightChange": {
-    "name": "AnimateHeightChange",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "overflow-hidden"
-    ],
-    "internalComponents": [
-      "SpringMotionConfig"
-    ],
-    "internalComponentProps": {
-      "SpringMotionConfig": {
-        "layoutSpeed": [
-          "4"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "reduceMotion": [
-        "reducedMotion"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-subtle-4-",
-      "--uds-motion-smooth-3-"
-    ]
-  },
-  "Switch": {
-    "name": "Switch",
+  "SwitchV2": {
+    "name": "SwitchV2",
     "defaultProps": {
       "labelPosition": "start",
       "size": "md"
@@ -849,15 +790,9 @@
       "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",
@@ -867,24 +802,28 @@
     },
     "cxLiterals": [
       "group",
-      "cursor-pointer",
-      "cursor-default",
-      "opacity-50",
+      "flex",
+      "items-center",
+      "flex-row",
+      "flex-row-reverse",
       "uds-ring",
       "uds-ring-within",
-      "transition-[background-color,box-shadow]",
       "relative",
-      "pointer-events-none",
       "uds-border-radius-full",
-      "overflow-hidden",
+      "transition-[background-color,box-shadow]",
+      "pointer-events-none",
+      "w-full",
+      "h-full",
       "absolute",
       "top-0",
-      "left-0",
-      "right-0",
       "bottom-0",
+      "right-0",
+      "left-0",
+      "overflow-hidden",
+      "group-hover:scale-105",
       "opacity-95",
       "group-hover:opacity-100",
-      "transition-[background-color,box-shadow,opacity]",
+      "transition-[transform,opacity]",
       "opacity-0",
       "top-1/2",
       "left-1/2",
@@ -925,9 +864,22 @@
           "inherit"
         ]
       },
+      "SpringMotionConfig": {
+        "layoutVariant": [
+          "bouncy"
+        ],
+        "layoutSpeed": [
+          "4"
+        ]
+      },
       "RootElement": {
         "data-testid": [
-          "container"
+          "switch-root"
+        ]
+      },
+      "MotionBox": {
+        "layout": [
+          "position"
         ]
       }
     },
@@ -946,6 +898,9 @@
       ],
       "reduceMotion": [
         "reducedMotion"
+      ],
+      "isOn": [
+        "layoutDependency"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -956,154 +911,86 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "IconButton": {
-    "name": "IconButton",
+  "SegmentedControl": {
+    "name": "SegmentedControl",
     "defaultProps": {
-      "type": "button"
+      "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"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
       "uds-ring",
-      "uds-hit-target",
-      "inline-flex",
-      "overflow-hidden",
-      "justify-center",
-      "items-center",
-      "[transform-origin:center]",
-      "[backface-visibility:hidden]",
-      "[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"
+      "opacity-50",
+      "pointer-events-none",
+      "hover:bg-primary"
     ],
     "internalComponents": [
+      "Radio",
       "Icon",
-      "AnimatePresence",
-      "SpringMotionConfig",
-      "MotionSlot"
+      "RadioProvider",
+      "HStack",
+      "RadioGroup",
+      "Pressable",
+      "Text"
     ],
     "internalComponentProps": {
       "Icon": {
+        "size": [
+          "sm"
+        ],
         "color": [
           "current"
-        ]
-      },
-      "AnimatePresence": {
-        "mode": [
-          "popLayout"
-        ]
-      },
-      "SpringMotionConfig": {
-        "layoutSpeed": [
-          "3"
-        ]
-      },
-      "MotionSlot": {
-        "initial": [
-          "icon"
         ],
-        "whileHover": [
-          "hover"
-        ],
-        "whileTap": [
-          "pressed"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "iconbuttonSizeRoot",
-        "iconbuttonSizeIcon"
-      ],
-      "variant": [
-        "buttonVariantRoot",
-        "buttonVariantIcon"
-      ],
-      "iconVariant": [
-        "variant"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-subtle-3-",
-      "--uds-motion-smooth-3-"
-    ]
-  },
-  "Pressable": {
-    "name": "Pressable",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "Comp"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Badge": {
-    "name": "Badge",
-    "defaultProps": {
-      "variant": "primary",
-      "size": "md"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-badge",
-      "uds-badge-variant",
-      "uds-badge-size",
-      "uds-badge-iconSize",
-      "uds-badge-iconColor",
-      "flex-1",
-      "truncate",
-      "whitespace-nowrap",
-      "text-center"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "HStack"
-    ],
-    "internalComponentProps": {
-      "IconSlot": {
-        "data-testid": [
-          "start-icon",
-          "end-icon"
+        "aria-hidden": [
+          "true"
         ]
       },
       "HStack": {
+        "spacing": [
+          "1"
+        ],
         "gap": [
-          "2"
+          "1"
+        ],
+        "backgroundColor": [
+          "secondary"
+        ],
+        "borderRadius": [
+          "full"
         ],
         "display": [
           "inline-flex"
-        ],
-        "alignItems": [
-          "center"
+        ]
+      },
+      "Text": {
+        "color": [
+          "current"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "badgeSizeRoot",
-        "badgeSizeIcon"
-      ],
-      "variant": [
-        "badgeVariantRoot",
-        "badgeVariantIcon"
+      "value": [
+        "key"
       ],
-      "startIcon": [
-        "icon"
+      "label": [
+        "aria-label"
       ],
-      "endIcon": [
-        "icon"
+      "textVariant": [
+        "variant"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1111,89 +998,104 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Button": {
-    "name": "Button",
+  "Checkbox": {
+    "name": "Checkbox",
     "defaultProps": {
-      "type": "button"
+      "labelPosition": "start",
+      "variant": "primary",
+      "size": "md"
+    },
+    "getStylesLiterals": {
+      "display": "flex",
+      "flexDirection": "row",
+      "flexDirection:1": "row-reverse",
+      "alignItems": "center"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
+      "cursor-pointer",
+      "cursor-default",
+      "opacity-50",
       "uds-ring",
-      "uds-hit-target",
-      "inline-flex",
-      "max-w-full",
-      "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-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",
-      "min-w-0",
-      "truncate",
-      "flex",
-      "shrink-0",
-      "overflow-clip",
-      "uds-button-icon-container"
+      "uds-ring-within",
+      "transition-[background-color,border-color,box-shadow]",
+      "pointer-events-none",
+      "opacity-0",
+      "opacity-55",
+      "opacity-100",
+      "transition-opacity",
+      "cursor-[inherit]",
+      "absolute",
+      "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": [
       "Icon",
-      "IconSlot",
-      "AnimatePresence",
+      "FormLabel",
       "SpringMotionConfig",
-      "MotionSlot"
+      "RootElement",
+      "MotionBox"
     ],
     "internalComponentProps": {
       "Icon": {
-        "color": [
-          "current"
+        "size": [
+          "sm"
         ]
       },
-      "AnimatePresence": {
-        "mode": [
-          "popLayout"
+      "FormLabel": {
+        "as": [
+          "div"
+        ],
+        "variant": [
+          "inherit"
+        ],
+        "color": [
+          "inherit"
         ]
       },
-      "SpringMotionConfig": {
-        "layoutSpeed": [
-          "3"
+      "RootElement": {
+        "data-testid": [
+          "container"
         ]
       },
-      "MotionSlot": {
-        "whileHover": [
-          "hover"
+      "MotionBox": {
+        "position": [
+          "relative"
         ],
-        "whileTap": [
-          "pressed"
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "center"
+        ],
+        "flex": [
+          "none"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "buttonSizeRoot",
-        "buttonSizeIcon"
+        "checkboxSizeRoot",
+        "checkboxSizeCheckbox"
       ],
       "variant": [
-        "buttonVariantRoot",
-        "buttonVariantIcon"
-      ],
-      "iconVariant": [
-        "variant"
+        "checkboxVariantRoot",
+        "checkboxVariantCheckbox",
+        "checkboxVariantCheckboxIcon"
       ],
-      "startIcon": [
-        "icon"
+      "valueState": [
+        "checkboxVariantValueRoot",
+        "checkboxVariantValueCheckbox",
+        "checkboxVariantValueCheckboxIcon"
       ],
-      "endIcon": [
-        "icon"
+      "reduceMotion": [
+        "reducedMotion"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1204,109 +1106,60 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "Accordion": {
-    "name": "Accordion",
+  "SpringMotionConfig": {
+    "name": "SpringMotionConfig",
     "defaultProps": {
-      "spacingHorizontal": "4",
-      "spacingVertical": "4"
+      "reducedMotion": "user"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "LazyMotion",
+      "MotionConfig"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "loadFeatures": [
+        "features"
+      ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "AnimateHeightChange": {
+    "name": "AnimateHeightChange",
+    "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [
-      "hover:bg-secondary/80",
-      "w-full"
+      "overflow-hidden"
     ],
     "internalComponents": [
-      "Icon",
-      "SpringMotionConfig",
-      "Pressable",
-      "Text",
-      "HStack",
-      "AnimatePresence",
-      "VStack"
+      "SpringMotionConfig"
     ],
     "internalComponentProps": {
-      "Icon": {
-        "variant": [
-          "fill"
-        ],
-        "size": [
-          "sm"
-        ],
-        "color": [
-          "primary"
-        ]
-      },
       "SpringMotionConfig": {
-        "layoutVariant": [
-          "smooth"
-        ],
         "layoutSpeed": [
-          "3"
-        ]
-      },
-      "Pressable": {
-        "display": [
-          "flex"
-        ],
-        "flexDirection": [
-          "row"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ],
-        "borderRadius": [
-          "md"
-        ]
-      },
-      "Text": {
-        "variant": [
-          "title4"
-        ],
-        "color": [
-          "primary"
-        ]
-      },
-      "HStack": {
-        "display": [
-          "flex"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ],
-        "columnGap": [
-          "2.5"
+          "4"
         ]
       }
     },
-    "propToVariantKeys": {},
+    "propToVariantKeys": {
+      "reduceMotion": [
+        "reducedMotion"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": [
+      "--uds-motion-subtle-4-",
       "--uds-motion-smooth-3-"
     ]
   },
-  "AvoidMotionLibraryProvider": {
-    "name": "AvoidMotionLibraryProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "SwitchV2": {
-    "name": "SwitchV2",
+  "Switch": {
+    "name": "Switch",
     "defaultProps": {
       "labelPosition": "start",
       "size": "md"
@@ -1315,9 +1168,15 @@
       "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",
@@ -1327,28 +1186,24 @@
     },
     "cxLiterals": [
       "group",
-      "flex",
-      "items-center",
-      "flex-row",
-      "flex-row-reverse",
+      "cursor-pointer",
+      "cursor-default",
+      "opacity-50",
       "uds-ring",
       "uds-ring-within",
-      "relative",
-      "uds-border-radius-full",
       "transition-[background-color,box-shadow]",
+      "relative",
       "pointer-events-none",
-      "w-full",
-      "h-full",
+      "uds-border-radius-full",
+      "overflow-hidden",
       "absolute",
       "top-0",
-      "bottom-0",
-      "right-0",
       "left-0",
-      "overflow-hidden",
-      "group-hover:scale-105",
+      "right-0",
+      "bottom-0",
       "opacity-95",
       "group-hover:opacity-100",
-      "transition-[transform,opacity]",
+      "transition-[background-color,box-shadow,opacity]",
       "opacity-0",
       "top-1/2",
       "left-1/2",
@@ -1389,22 +1244,9 @@
           "inherit"
         ]
       },
-      "SpringMotionConfig": {
-        "layoutVariant": [
-          "bouncy"
-        ],
-        "layoutSpeed": [
-          "4"
-        ]
-      },
       "RootElement": {
         "data-testid": [
-          "switch-root"
-        ]
-      },
-      "MotionBox": {
-        "layout": [
-          "position"
+          "container"
         ]
       }
     },
@@ -1423,9 +1265,6 @@
       ],
       "reduceMotion": [
         "reducedMotion"
-      ],
-      "isOn": [
-        "layoutDependency"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1436,92 +1275,253 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "SegmentedControl": {
-    "name": "SegmentedControl",
+  "IconButton": {
+    "name": "IconButton",
     "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"
+      "type": "button"
     },
+    "getStylesLiterals": {},
     "cxLiterals": [
       "uds-ring",
+      "uds-hit-target",
+      "inline-flex",
+      "overflow-hidden",
+      "justify-center",
+      "items-center",
+      "[transform-origin:center]",
+      "[backface-visibility:hidden]",
+      "[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",
-      "opacity-50",
-      "pointer-events-none",
-      "hover:bg-primary"
+      "uds-button-loading",
+      "uds-button-without-effects",
+      "animate-spin"
     ],
     "internalComponents": [
-      "Radio",
       "Icon",
-      "RadioProvider",
-      "HStack",
-      "RadioGroup",
-      "Pressable",
-      "Text"
+      "AnimatePresence",
+      "SpringMotionConfig",
+      "MotionSlot"
     ],
     "internalComponentProps": {
       "Icon": {
-        "size": [
-          "sm"
-        ],
         "color": [
           "current"
+        ]
+      },
+      "AnimatePresence": {
+        "mode": [
+          "popLayout"
+        ]
+      },
+      "SpringMotionConfig": {
+        "layoutSpeed": [
+          "3"
+        ]
+      },
+      "MotionSlot": {
+        "initial": [
+          "icon"
         ],
-        "aria-hidden": [
-          "true"
+        "whileHover": [
+          "hover"
+        ],
+        "whileTap": [
+          "pressed"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "iconbuttonSizeRoot",
+        "iconbuttonSizeIcon"
+      ],
+      "variant": [
+        "buttonVariantRoot",
+        "buttonVariantIcon"
+      ],
+      "iconVariant": [
+        "variant"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
+  },
+  "Pressable": {
+    "name": "Pressable",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "Comp"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Badge": {
+    "name": "Badge",
+    "defaultProps": {
+      "variant": "primary",
+      "size": "md"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds-badge",
+      "uds-badge-variant",
+      "uds-badge-size",
+      "uds-badge-iconSize",
+      "uds-badge-iconColor",
+      "flex-1",
+      "truncate",
+      "whitespace-nowrap",
+      "text-center"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "HStack"
+    ],
+    "internalComponentProps": {
+      "IconSlot": {
+        "data-testid": [
+          "start-icon",
+          "end-icon"
         ]
       },
       "HStack": {
-        "spacing": [
-          "1"
-        ],
         "gap": [
-          "1"
-        ],
-        "backgroundColor": [
-          "secondary"
-        ],
-        "borderRadius": [
-          "full"
+          "2"
         ],
         "display": [
           "inline-flex"
+        ],
+        "alignItems": [
+          "center"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "badgeSizeRoot",
+        "badgeSizeIcon"
+      ],
+      "variant": [
+        "badgeVariantRoot",
+        "badgeVariantIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Button": {
+    "name": "Button",
+    "defaultProps": {
+      "type": "button"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds-ring",
+      "uds-hit-target",
+      "inline-flex",
+      "max-w-full",
+      "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-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",
+      "min-w-0",
+      "truncate",
+      "flex",
+      "shrink-0",
+      "overflow-clip",
+      "uds-button-icon-container"
+    ],
+    "internalComponents": [
+      "Icon",
+      "IconSlot",
+      "AnimatePresence",
+      "SpringMotionConfig",
+      "MotionSlot"
+    ],
+    "internalComponentProps": {
+      "Icon": {
+        "color": [
+          "current"
+        ]
+      },
+      "AnimatePresence": {
+        "mode": [
+          "popLayout"
+        ]
+      },
+      "SpringMotionConfig": {
+        "layoutSpeed": [
+          "3"
         ]
       },
-      "Text": {
-        "color": [
-          "current"
+      "MotionSlot": {
+        "whileHover": [
+          "hover"
+        ],
+        "whileTap": [
+          "pressed"
         ]
       }
     },
     "propToVariantKeys": {
-      "value": [
-        "key"
+      "size": [
+        "buttonSizeRoot",
+        "buttonSizeIcon"
       ],
-      "label": [
-        "aria-label"
+      "variant": [
+        "buttonVariantRoot",
+        "buttonVariantIcon"
       ],
-      "textVariant": [
+      "iconVariant": [
         "variant"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
       ]
     },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
   },
   "Menu.Item": {
     "name": "Menu.Item",
@@ -2699,22 +2699,249 @@
         "gap": [
           "2"
         ],
-        "alignItems": [
-          "center"
+        "alignItems": [
+          "center"
+        ],
+        "width": [
+          "full"
+        ]
+      },
+      "AnimatePresence": {
+        "mode": [
+          "popLayout"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "startIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "SelectDivider": {
+    "name": "SelectDivider",
+    "defaultProps": {
+      "contentPosition": "start",
+      "gap": "4"
+    },
+    "getStylesLiterals": {
+      "selectitemDividerVariantRoot": "default",
+      "selectitemDividerVariantText": "default",
+      "selectitemDividerVariantLine": "default"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "Divider"
+    ],
+    "internalComponentProps": {
+      "Divider": {
+        "variant": [
+          "inherit"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSConfigProvider": {
+    "name": "UDSConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "UDSBreakpointsConfigProvider",
+      "UDSBottomSheetConfigProvider",
+      "UDSToastConfigProvider",
+      "UDSTooltipConfigProvider",
+      "UDSPopoverConfigProvider",
+      "UDSModalConfigProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSBreakpointsConfigProvider": {
+    "name": "UDSBreakpointsConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "UDSBreakpointsConfigContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "TabList": {
+    "name": "TabList",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "on"
+    },
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!m-0",
+      "!p-0",
+      "!gap-0",
+      "box-border",
+      "z-0",
+      "min-w-0",
+      "min-h-0",
+      "flex",
+      "flex-row",
+      "items-center",
+      "overflow-x-auto",
+      "overflow-y-clip",
+      "scrollbar-none",
+      "[overflow-clip-margin:6px]",
+      "overflow-clip",
+      "[overflow-clip-margin:8px]",
+      "relative",
+      "left",
+      "240ms",
+      "cubic-bezier(0.2,",
+      "0,",
+      "1),",
+      "top",
+      "width",
+      "height",
+      "1)",
+      "--uds-tab-underline-color",
+      "--uds-tab-underline-width"
+    ],
+    "internalComponents": [
+      "AriakitTabList"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "variant": [
+        "tabsVariantRoot",
+        "tabVariantRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tabs": {
+    "name": "Tabs",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TabsContext.Provider",
+      "TabProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "onSelectionChange": [
+        "setSelectedId"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tab": {
+    "name": "Tab",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "off",
+      "tabVariantActiveRoot:1": "on",
+      "tabSizeIcon": "default"
+    },
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!bg-transparent",
+      "!shadow-none",
+      "inline-flex",
+      "items-center",
+      "shrink-0",
+      "box-border",
+      "relative",
+      "z-[1]",
+      "cursor-pointer",
+      "select-none",
+      "whitespace-nowrap",
+      "uds-ring",
+      "opacity-50",
+      "cursor-default",
+      "border-solid",
+      "border-b-solid",
+      "transition-colors"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "AriakitTab",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "variant": [
+          "inherit"
+        ],
+        "as": [
+          "span"
         ],
-        "width": [
-          "full"
-        ]
-      },
-      "AnimatePresence": {
-        "mode": [
-          "popLayout"
+        "color": [
+          "current"
         ]
       }
     },
     "propToVariantKeys": {
+      "variant": [
+        "tabVariantRoot",
+        "tabVariantIcon"
+      ],
+      "activeState": [
+        "tabVariantActiveIcon"
+      ],
       "startIcon": [
         "icon"
+      ],
+      "endIcon": [
+        "icon"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2722,61 +2949,13 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "SelectDivider": {
-    "name": "SelectDivider",
-    "defaultProps": {
-      "contentPosition": "start",
-      "gap": "4"
-    },
-    "getStylesLiterals": {
-      "selectitemDividerVariantRoot": "default",
-      "selectitemDividerVariantText": "default",
-      "selectitemDividerVariantLine": "default"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "Divider"
-    ],
-    "internalComponentProps": {
-      "Divider": {
-        "variant": [
-          "inherit"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSConfigProvider": {
-    "name": "UDSConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "UDSBreakpointsConfigProvider",
-      "UDSBottomSheetConfigProvider",
-      "UDSToastConfigProvider",
-      "UDSTooltipConfigProvider",
-      "UDSPopoverConfigProvider",
-      "UDSModalConfigProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSBreakpointsConfigProvider": {
-    "name": "UDSBreakpointsConfigProvider",
+  "TabPanel": {
+    "name": "TabPanel",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "UDSBreakpointsConfigContext.Provider"
+      "AriakitTabPanel"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -2984,185 +3163,6 @@
     },
     "motionVarPrefixes": []
   },
-  "TabList": {
-    "name": "TabList",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {
-      "tabSizeRoot": "default",
-      "tabVariantActiveRoot": "on"
-    },
-    "cxLiterals": [
-      "pointer-events-none",
-      "absolute",
-      "bottom-0",
-      "left-0",
-      "right-0",
-      "h-[var(--uds-tab-underline-width,0px)]",
-      "bg-[var(--uds-tab-underline-color,transparent)]",
-      "transition-[height,background-color]",
-      "duration-[240ms]",
-      "ease-[cubic-bezier(0.2,0,0,1)]",
-      "!m-0",
-      "!p-0",
-      "!gap-0",
-      "box-border",
-      "z-0",
-      "min-w-0",
-      "min-h-0",
-      "flex",
-      "flex-row",
-      "items-center",
-      "overflow-x-auto",
-      "overflow-y-clip",
-      "scrollbar-none",
-      "[overflow-clip-margin:6px]",
-      "overflow-clip",
-      "[overflow-clip-margin:8px]",
-      "relative",
-      "left",
-      "240ms",
-      "cubic-bezier(0.2,",
-      "0,",
-      "1),",
-      "top",
-      "width",
-      "height",
-      "1)",
-      "--uds-tab-underline-color",
-      "--uds-tab-underline-width"
-    ],
-    "internalComponents": [
-      "AriakitTabList"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "variant": [
-        "tabsVariantRoot",
-        "tabVariantRoot"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Tabs": {
-    "name": "Tabs",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "TabsContext.Provider",
-      "TabProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "onSelectionChange": [
-        "setSelectedId"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Tab": {
-    "name": "Tab",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {
-      "tabSizeRoot": "default",
-      "tabVariantActiveRoot": "off",
-      "tabVariantActiveRoot:1": "on",
-      "tabSizeIcon": "default"
-    },
-    "cxLiterals": [
-      "pointer-events-none",
-      "absolute",
-      "bottom-0",
-      "left-0",
-      "right-0",
-      "h-[var(--uds-tab-underline-width,0px)]",
-      "bg-[var(--uds-tab-underline-color,transparent)]",
-      "transition-[height,background-color]",
-      "duration-[240ms]",
-      "ease-[cubic-bezier(0.2,0,0,1)]",
-      "!bg-transparent",
-      "!shadow-none",
-      "inline-flex",
-      "items-center",
-      "shrink-0",
-      "box-border",
-      "relative",
-      "z-[1]",
-      "cursor-pointer",
-      "select-none",
-      "whitespace-nowrap",
-      "uds-ring",
-      "opacity-50",
-      "cursor-default",
-      "border-solid",
-      "border-b-solid",
-      "transition-colors"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "AriakitTab",
-      "Text"
-    ],
-    "internalComponentProps": {
-      "Text": {
-        "variant": [
-          "inherit"
-        ],
-        "as": [
-          "span"
-        ],
-        "color": [
-          "current"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "tabVariantRoot",
-        "tabVariantIcon"
-      ],
-      "activeState": [
-        "tabVariantActiveIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "TabPanel": {
-    "name": "TabPanel",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitTabPanel"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "UDSTooltipConfigProvider": {
     "name": "UDSTooltipConfigProvider",
     "defaultProps": {},