@yahoo/uds 3.153.2 → 3.154.0

package/generated/componentData.json

@@ -336,161 +336,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BannerDescription": {
-    "name": "BannerDescription",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "bannerSizeDescription": "default",
-      "className": "w-full line-clamp-3"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "Text"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BannerContent": {
-    "name": "BannerContent",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "flex",
-      "flex-col",
-      "items-start",
-      "self-stretch",
-      "flex-1",
-      "min-w-0"
-    ],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BannerTitle": {
-    "name": "BannerTitle",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "bannerSizeTitle": "default"
-    },
-    "cxLiterals": [
-      "w-full",
-      "truncate"
-    ],
-    "internalComponents": [
-      "Text"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Banner": {
-    "name": "Banner",
-    "defaultProps": {
-      "variant": "primary",
-      "size": "default",
-      "dismissAriaLabel": "Dismiss"
-    },
-    "getStylesLiterals": {
-      "className": "truncate",
-      "className:1": "line-clamp-3",
-      "spacing": "2",
-      "borderRadius": "full",
-      "color": "primary"
-    },
-    "cxLiterals": [
-      "uds-banner",
-      "flex",
-      "flex-row",
-      "items-center",
-      "items-start",
-      "min-w-[300px]",
-      "transition-[background-color]",
-      "motion-safe:duration-120",
-      "bg-carbon-15/0",
-      "hover:bg-carbon-15/10",
-      "active:bg-carbon-15/15",
-      "uds-ring",
-      "shrink-0",
-      "self-start",
-      "flex-1",
-      "min-w-0",
-      "flex-col",
-      "gap-[inherit]",
-      "uds-sm:flex-row",
-      "uds-sm:items-center",
-      "self-stretch",
-      "gap-0.5",
-      "w-full",
-      "truncate",
-      "leading-none",
-      "line-clamp-3",
-      "gap-1.5",
-      "uds-sm:self-center",
-      "uds-sm:shrink-0"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "Text",
-      "Pressable"
-    ],
-    "internalComponentProps": {
-      "IconSlot": {
-        "data-testid": [
-          "banner-start-icon"
-        ]
-      },
-      "Text": {
-        "data-testid": [
-          "banner-title",
-          "banner-description"
-        ]
-      },
-      "Pressable": {
-        "data-testid": [
-          "banner-dismiss"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "bannerVariantRoot",
-        "bannerVariantIcon",
-        "bannerVariantTitle",
-        "bannerVariantDescription"
-      ],
-      "size": [
-        "bannerSizeRoot",
-        "bannerSizeIcon",
-        "bannerSizeTitle",
-        "bannerSizeDescription",
-        "bannerSizeClose"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "dismissAriaLabel": [
-        "aria-label"
-      ],
-      "onDismiss": [
-        "onClick"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "Switch": {
     "name": "Switch",
     "defaultProps": {
@@ -1013,84 +858,239 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "DividerLine": {
-    "name": "DividerLine",
-    "defaultProps": {
-      "variant": "primary"
+  "BannerDescription": {
+    "name": "BannerDescription",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "bannerSizeDescription": "default",
+      "className": "w-full line-clamp-3"
     },
+    "cxLiterals": [],
+    "internalComponents": [
+      "Text"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BannerContent": {
+    "name": "BannerContent",
+    "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [
-      "inherit"
-    ],
-    "internalComponents": [
-      "Box"
+      "flex",
+      "flex-col",
+      "items-start",
+      "self-stretch",
+      "flex-1",
+      "min-w-0"
     ],
-    "internalComponentProps": {
-      "Box": {
-        "flex": [
-          "1"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "dividerVariantLine"
-      ]
-    },
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "DividerLabel": {
-    "name": "DividerLabel",
-    "defaultProps": {
-      "variant": "primary",
-      "textVariant": "inherit",
-      "color": "inherit",
-      "as": "span"
+  "BannerTitle": {
+    "name": "BannerTitle",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "bannerSizeTitle": "default"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "inherit"
+      "w-full",
+      "truncate"
     ],
     "internalComponents": [
       "Text"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {
-      "variant": [
-        "dividerVariantLabel"
-      ],
-      "textVariant": [
-        "variant"
-      ]
-    },
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Divider": {
-    "name": "Divider",
+  "Banner": {
+    "name": "Banner",
     "defaultProps": {
       "variant": "primary",
-      "contentPosition": "center"
+      "size": "default",
+      "dismissAriaLabel": "Dismiss"
+    },
+    "getStylesLiterals": {
+      "className": "truncate",
+      "className:1": "line-clamp-3",
+      "spacing": "2",
+      "borderRadius": "full",
+      "color": "primary"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "inherit"
-    ],
-    "internalComponents": [
-      "DividerLine",
-      "DividerLabel",
-      "InternalComponent",
-      "Box"
-    ],
-    "internalComponentProps": {
-      "InternalComponent": {
-        "alignItems": [
-          "center"
+      "uds-banner",
+      "flex",
+      "flex-row",
+      "items-center",
+      "items-start",
+      "min-w-[300px]",
+      "transition-[background-color]",
+      "motion-safe:duration-120",
+      "bg-carbon-15/0",
+      "hover:bg-carbon-15/10",
+      "active:bg-carbon-15/15",
+      "uds-ring",
+      "shrink-0",
+      "self-start",
+      "flex-1",
+      "min-w-0",
+      "flex-col",
+      "gap-[inherit]",
+      "uds-sm:flex-row",
+      "uds-sm:items-center",
+      "self-stretch",
+      "gap-0.5",
+      "w-full",
+      "truncate",
+      "leading-none",
+      "line-clamp-3",
+      "gap-1.5",
+      "uds-sm:self-center",
+      "uds-sm:shrink-0"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "Text",
+      "Pressable"
+    ],
+    "internalComponentProps": {
+      "IconSlot": {
+        "data-testid": [
+          "banner-start-icon"
+        ]
+      },
+      "Text": {
+        "data-testid": [
+          "banner-title",
+          "banner-description"
+        ]
+      },
+      "Pressable": {
+        "data-testid": [
+          "banner-dismiss"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "bannerVariantRoot",
+        "bannerVariantIcon",
+        "bannerVariantTitle",
+        "bannerVariantDescription"
+      ],
+      "size": [
+        "bannerSizeRoot",
+        "bannerSizeIcon",
+        "bannerSizeTitle",
+        "bannerSizeDescription",
+        "bannerSizeClose"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "dismissAriaLabel": [
+        "aria-label"
+      ],
+      "onDismiss": [
+        "onClick"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "DividerLine": {
+    "name": "DividerLine",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "inherit"
+    ],
+    "internalComponents": [
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "flex": [
+          "1"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "dividerVariantLine"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "DividerLabel": {
+    "name": "DividerLabel",
+    "defaultProps": {
+      "variant": "primary",
+      "textVariant": "inherit",
+      "color": "inherit",
+      "as": "span"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "inherit"
+    ],
+    "internalComponents": [
+      "Text"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "variant": [
+        "dividerVariantLabel"
+      ],
+      "textVariant": [
+        "variant"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Divider": {
+    "name": "Divider",
+    "defaultProps": {
+      "variant": "primary",
+      "contentPosition": "center"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "inherit"
+    ],
+    "internalComponents": [
+      "DividerLine",
+      "DividerLabel",
+      "InternalComponent",
+      "Box"
+    ],
+    "internalComponentProps": {
+      "InternalComponent": {
+        "alignItems": [
+          "center"
         ],
         "flex": [
           "1"
@@ -1384,6 +1384,159 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "RadioGroupStore": {
+    "name": "RadioGroupStore",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "RadioGroupProvider": {
+    "name": "RadioGroupProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "DivProps",
+      "Comp",
+      "RadioGroupContext.Provider"
+    ],
+    "internalComponentProps": {
+      "Comp": {
+        "role": [
+          "radiogroup"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Radio": {
+    "name": "Radio",
+    "defaultProps": {
+      "labelPosition": "start",
+      "variant": "primary",
+      "size": "md",
+      "value": ""
+    },
+    "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"
+    },
+    "cxLiterals": [
+      "cursor-pointer",
+      "cursor-default",
+      "opacity-50",
+      "border",
+      "uds-ring",
+      "uds-ring-within",
+      "transition-[background-color,border-color]",
+      "transition-shadow",
+      "pointer-events-none",
+      "w-[8px]",
+      "h-[8px]",
+      "opacity-55",
+      "opacity-100",
+      "opacity-0",
+      "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": [
+      "Box",
+      "FormLabel",
+      "SpringMotionConfig",
+      "RootElement",
+      "MotionBox"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "borderRadius": [
+          "full"
+        ]
+      },
+      "FormLabel": {
+        "as": [
+          "div"
+        ],
+        "variant": [
+          "inherit"
+        ],
+        "color": [
+          "inherit"
+        ]
+      },
+      "RootElement": {
+        "data-testid": [
+          "container"
+        ]
+      },
+      "MotionBox": {
+        "position": [
+          "relative"
+        ],
+        "borderRadius": [
+          "full"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "center"
+        ],
+        "flex": [
+          "none"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "radioSizeRoot",
+        "radioSizeRadio"
+      ],
+      "variant": [
+        "radioVariantRoot",
+        "radioVariantRadio",
+        "radioVariantRadioCircle"
+      ],
+      "reduceMotion": [
+        "reducedMotion"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
+  },
   "ManagedModal": {
     "name": "ManagedModal",
     "defaultProps": {},
@@ -1679,199 +1832,46 @@
       ],
       "closeAriaLabel": [
         "aria-label"
-      ],
-      "closeIcon": [
-        "icon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "spacing": [
-        "modal.gutter.${size}"
-      ],
-      "modalSizeRoot": [
-        "modal.defaultSize"
-      ],
-      "modalVariantRoot": [
-        "modal.defaultVariant"
-      ],
-      "modalSizeSpacingHorizontal": [
-        "modal.defaultSize"
-      ],
-      "modalSizeHeader": [
-        "modal.defaultSize"
-      ],
-      "modalSizeTitleDescriptionWrapper": [
-        "modal.defaultSize"
-      ],
-      "modalSizeCloseIconContainer": [
-        "modal.defaultSize"
-      ],
-      "modalSizeCloseIcon": [
-        "modal.defaultSize"
-      ],
-      "modalVariantCloseIcon": [
-        "modal.defaultVariant"
-      ]
-    },
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "RadioGroupStore": {
-    "name": "RadioGroupStore",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "RadioGroupProvider": {
-    "name": "RadioGroupProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "DivProps",
-      "Comp",
-      "RadioGroupContext.Provider"
-    ],
-    "internalComponentProps": {
-      "Comp": {
-        "role": [
-          "radiogroup"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Radio": {
-    "name": "Radio",
-    "defaultProps": {
-      "labelPosition": "start",
-      "variant": "primary",
-      "size": "md",
-      "value": ""
-    },
-    "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"
-    },
-    "cxLiterals": [
-      "cursor-pointer",
-      "cursor-default",
-      "opacity-50",
-      "border",
-      "uds-ring",
-      "uds-ring-within",
-      "transition-[background-color,border-color]",
-      "transition-shadow",
-      "pointer-events-none",
-      "w-[8px]",
-      "h-[8px]",
-      "opacity-55",
-      "opacity-100",
-      "opacity-0",
-      "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": [
-      "Box",
-      "FormLabel",
-      "SpringMotionConfig",
-      "RootElement",
-      "MotionBox"
-    ],
-    "internalComponentProps": {
-      "Box": {
-        "borderRadius": [
-          "full"
-        ]
-      },
-      "FormLabel": {
-        "as": [
-          "div"
-        ],
-        "variant": [
-          "inherit"
-        ],
-        "color": [
-          "inherit"
-        ]
-      },
-      "RootElement": {
-        "data-testid": [
-          "container"
-        ]
-      },
-      "MotionBox": {
-        "position": [
-          "relative"
-        ],
-        "borderRadius": [
-          "full"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "center"
-        ],
-        "flex": [
-          "none"
-        ]
-      }
+      ],
+      "closeIcon": [
+        "icon"
+      ]
     },
-    "propToVariantKeys": {
-      "size": [
-        "radioSizeRoot",
-        "radioSizeRadio"
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "spacing": [
+        "modal.gutter.${size}"
       ],
-      "variant": [
-        "radioVariantRoot",
-        "radioVariantRadio",
-        "radioVariantRadioCircle"
+      "modalSizeRoot": [
+        "modal.defaultSize"
       ],
-      "reduceMotion": [
-        "reducedMotion"
+      "modalVariantRoot": [
+        "modal.defaultVariant"
+      ],
+      "modalSizeSpacingHorizontal": [
+        "modal.defaultSize"
+      ],
+      "modalSizeHeader": [
+        "modal.defaultSize"
+      ],
+      "modalSizeTitleDescriptionWrapper": [
+        "modal.defaultSize"
+      ],
+      "modalSizeCloseIconContainer": [
+        "modal.defaultSize"
+      ],
+      "modalSizeCloseIcon": [
+        "modal.defaultSize"
+      ],
+      "modalVariantCloseIcon": [
+        "modal.defaultVariant"
       ]
     },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-subtle-3-",
-      "--uds-motion-smooth-3-"
-    ]
+    "motionVarPrefixes": []
   },
   "PaginationEllipsis": {
     "name": "PaginationEllipsis",
@@ -2333,6 +2333,129 @@
     "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"
+    },
+    "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": []
+  },
+  "Avatar": {
+    "name": "Avatar",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AvatarImage"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "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": []
+  },
   "Menu.index": {
     "name": "Menu.index",
     "defaultProps": {},
@@ -2546,129 +2669,35 @@
       "AnimatePresence"
     ],
     "internalComponentProps": {
-      "HStack": {
-        "alignItems": [
-          "center"
-        ],
-        "width": [
-          "full"
-        ]
-      },
-      "AnimatePresence": {
-        "mode": [
-          "popLayout"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "startIconClassName": [
-        "className"
-      ],
-      "endIconClassName": [
-        "className"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ],
-      "columnGap": [
-        "gap"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu.Trigger": {
-    "name": "Menu.Trigger",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-menu-trigger"
-    ],
-    "internalComponents": [
-      "AriakitMenuTrigger",
-      "Box"
-    ],
-    "internalComponentProps": {
-      "Box": {
-        "className": [
-          "uds-ring h-fit w-fit"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "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"
+      "HStack": {
+        "alignItems": [
+          "center"
         ],
-        "variant": [
-          "inherit"
+        "width": [
+          "full"
+        ]
+      },
+      "AnimatePresence": {
+        "mode": [
+          "popLayout"
         ]
       }
     },
-    "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"
+      "startIconClassName": [
+        "className"
+      ],
+      "endIconClassName": [
+        "className"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ],
+      "columnGap": [
+        "gap"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2676,54 +2705,25 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Avatar": {
-    "name": "Avatar",
+  "Menu.Trigger": {
+    "name": "Menu.Trigger",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AvatarImage"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "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"
+      "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": {},
@@ -3740,215 +3740,51 @@
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
-  },
-  "ChipBase": {
-    "name": "ChipBase",
-    "defaultProps": {
-      "size": "md",
-      "as": "div"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "pointer-events-none",
-      "cursor-default",
-      "opacity-50",
-      "inline-flex",
-      "items-center",
-      "transition-[background-color,outline-color,box-shadow]",
-      "truncate",
-      "whitespace-nowrap",
-      "text-center",
-      "flex-1",
-      "md",
-      "primary"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "HStack",
-      "As",
-      "Text"
-    ],
-    "internalComponentProps": {
-      "Text": {
-        "as": [
-          "span"
-        ],
-        "color": [
-          "current"
-        ],
-        "variant": [
-          "inherit"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "chipSizeRoot",
-        "chipSizeIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "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",
+  },
+  "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",
+      "md",
+      "primary"
     ],
     "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"
@@ -3962,21 +3798,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "TabPanel": {
-    "name": "TabPanel",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitTabPanel"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "UDSTooltipConfigProvider": {
     "name": "UDSTooltipConfigProvider",
     "defaultProps": {},
@@ -4430,5 +4251,184 @@
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
+  },
+  "TabList": {
+    "name": "TabList",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "on"
+    },
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!m-0",
+      "!p-0",
+      "!gap-0",
+      "box-border",
+      "z-0",
+      "min-w-0",
+      "min-h-0",
+      "flex",
+      "flex-row",
+      "items-center",
+      "overflow-x-auto",
+      "overflow-y-clip",
+      "scrollbar-none",
+      "[overflow-clip-margin:6px]",
+      "overflow-clip",
+      "[overflow-clip-margin:8px]",
+      "relative",
+      "left",
+      "240ms",
+      "cubic-bezier(0.2,",
+      "0,",
+      "1),",
+      "top",
+      "width",
+      "height",
+      "1)",
+      "--uds-tab-underline-color",
+      "--uds-tab-underline-width"
+    ],
+    "internalComponents": [
+      "AriakitTabList"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "variant": [
+        "tabsVariantRoot",
+        "tabVariantRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tabs": {
+    "name": "Tabs",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TabsContext.Provider",
+      "TabProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "onSelectionChange": [
+        "setSelectedId"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tab": {
+    "name": "Tab",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "off",
+      "tabVariantActiveRoot:1": "on",
+      "tabSizeIcon": "default"
+    },
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!bg-transparent",
+      "!shadow-none",
+      "inline-flex",
+      "items-center",
+      "shrink-0",
+      "box-border",
+      "relative",
+      "z-[1]",
+      "cursor-pointer",
+      "select-none",
+      "whitespace-nowrap",
+      "uds-ring",
+      "opacity-50",
+      "cursor-default",
+      "border-solid",
+      "border-b-solid",
+      "transition-colors"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "AriakitTab",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "variant": [
+          "inherit"
+        ],
+        "as": [
+          "span"
+        ],
+        "color": [
+          "current"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "tabVariantRoot",
+        "tabVariantIcon"
+      ],
+      "activeState": [
+        "tabVariantActiveIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "TabPanel": {
+    "name": "TabPanel",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitTabPanel"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
   }
 }