@yahoo/uds 3.173.0 → 3.174.0

package/generated/componentData.json

@@ -1641,6 +1641,52 @@
       "--uds-motion-smooth-3-"
     ]
   },
+  "UDSConfigProvider": {
+    "name": "UDSConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "UDSBreakpointsConfigProvider",
+      "UDSAvatarConfigProvider",
+      "UDSBadgeConfigProvider",
+      "UDSBottomSheetConfigProvider",
+      "UDSButtonConfigProvider",
+      "UDSChipConfigProvider",
+      "UDSIconButtonConfigProvider",
+      "UDSInputConfigProvider",
+      "UDSMenuItemConfigProvider",
+      "UDSPaddleNavConfigProvider",
+      "UDSPaginationConfigProvider",
+      "UDSSelectItemConfigProvider",
+      "UDSTabConfigProvider",
+      "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": []
+  },
   "Menu.Trigger": {
     "name": "Menu.Trigger",
     "defaultProps": {},
@@ -1932,52 +1978,6 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "UDSConfigProvider": {
-    "name": "UDSConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "UDSBreakpointsConfigProvider",
-      "UDSAvatarConfigProvider",
-      "UDSBadgeConfigProvider",
-      "UDSBottomSheetConfigProvider",
-      "UDSButtonConfigProvider",
-      "UDSChipConfigProvider",
-      "UDSIconButtonConfigProvider",
-      "UDSInputConfigProvider",
-      "UDSMenuItemConfigProvider",
-      "UDSPaddleNavConfigProvider",
-      "UDSPaginationConfigProvider",
-      "UDSSelectItemConfigProvider",
-      "UDSTabConfigProvider",
-      "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": []
-  },
   "PaginationNext": {
     "name": "PaginationNext",
     "defaultProps": {
@@ -2580,71 +2580,407 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "RadioGroupStore": {
-    "name": "RadioGroupStore",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "RadioBase": {
-    "name": "RadioBase",
+  "Modal": {
+    "name": "Modal",
     "defaultProps": {
-      "labelPosition": "start",
-      "variant": "primary",
-      "size": "md",
-      "value": ""
+      "closeAriaLabel": "Close",
+      "maxWidth": "auto",
+      "maxHeight": "auto",
+      "scrollBehavior": "outside"
     },
     "getStylesLiterals": {
-      "radioVariantValueRoot": "checked",
-      "radioVariantValueRoot:1": "unchecked",
-      "display": "flex",
-      "flexDirection": "row",
-      "flexDirection:1": "row-reverse",
-      "alignItems": "center"
+      "flexDirection": "row-reverse",
+      "justifyContent": "space-between",
+      "alignItems": "flex-end",
+      "alignItems:1": "flex-start",
+      "borderRadius": "full"
     },
     "cxLiterals": [
-      "cursor-pointer",
-      "cursor-default",
-      "opacity-50",
-      "cursor-[inherit]",
-      "absolute",
+      "fixed",
+      "inset-0",
+      "z-40",
+      "overflow-y-auto",
+      "overflow-hidden",
+      "transition-[opacity,visibility]",
+      "visible",
+      "opacity-100",
+      "invisible",
       "opacity-0",
-      "top-[-1px]",
-      "left-[-1px]",
-      "w-[calc(100%+2px)]",
-      "h-[calc(100%+2px)]",
-      "text-start",
-      "text-end"
+      "pointer-events-none",
+      "uds-bgBlurFallback",
+      "w-full",
+      "w-fit",
+      "h-full",
+      "h-fit",
+      "m-auto",
+      "pointer-events-auto",
+      "inside",
+      "max-h-full",
+      "transition-transform",
+      "duration-0",
+      "duration-120",
+      "transition-[background-color]",
+      "bg-carbon-15/0",
+      "hover:bg-carbon-15/10",
+      "active:bg-carbon-15/15",
+      "uds-ring",
+      "[translate:50%_-50%]"
     ],
     "internalComponents": [
-      "FormLabel"
+      "Scrim",
+      "VStack",
+      "Pressable",
+      "IconSlot",
+      "Box",
+      "Dialog",
+      "ModalContext.Provider",
+      "HStack",
+      "DialogDismiss",
+      "ModalTitle",
+      "ModalDescription",
+      "ModalContent",
+      "ModalActions"
     ],
     "internalComponentProps": {
-      "FormLabel": {
-        "as": [
-          "div"
-        ],
-        "variant": [
-          "inherit"
-        ],
-        "color": [
-          "inherit"
+      "Box": {
+        "flexGrow": [
+          "1"
         ]
       }
     },
     "propToVariantKeys": {
+      "gutter": [
+        "spacing"
+      ],
       "size": [
-        "radioSizeRoot"
+        "modalSizeRoot",
+        "modalSizeSpacingHorizontal",
+        "modalSizeHeader",
+        "modalSizeTitleDescriptionWrapper",
+        "modalSizeCloseIconContainer",
+        "modalSizeCloseIcon"
       ],
       "variant": [
-        "radioVariantRoot"
+        "modalVariantRoot",
+        "modalVariantCloseIcon"
+      ],
+      "closeAriaLabel": [
+        "aria-label"
+      ],
+      "closeIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "spacing": [
+        "modal.gutter.${size}"
+      ],
+      "modalSizeRoot": [
+        "modal.defaultSize"
+      ],
+      "modalVariantRoot": [
+        "modal.defaultVariant"
+      ],
+      "modalSizeSpacingHorizontal": [
+        "modal.defaultSize"
+      ],
+      "modalSizeHeader": [
+        "modal.defaultSize"
+      ],
+      "modalSizeTitleDescriptionWrapper": [
+        "modal.defaultSize"
+      ],
+      "modalSizeCloseIconContainer": [
+        "modal.defaultSize"
+      ],
+      "modalSizeCloseIcon": [
+        "modal.defaultSize"
+      ],
+      "modalVariantCloseIcon": [
+        "modal.defaultVariant"
+      ]
+    },
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ModalContext": {
+    "name": "ModalContext",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSModalConfigProvider": {
+    "name": "UDSModalConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "ModalContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ManagedModal": {
+    "name": "ManagedModal",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "Modal",
+      "ModalTitle",
+      "ModalDescription",
+      "ModalContent",
+      "ModalActions"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ModalPortal": {
+    "name": "ModalPortal",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "ManagedModal"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ModalActions": {
+    "name": "ModalActions",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "flexDirection": "row-reverse",
+      "justifyContent": "space-between",
+      "alignItems": "center"
+    },
+    "cxLiterals": [
+      "gap-[inherit]"
+    ],
+    "internalComponents": [
+      "HStack"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "size": [
+        "modalSizeSpacingHorizontal",
+        "modalSizeActions"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "modalSizeSpacingHorizontal": [
+        "modal.defaultSize"
+      ],
+      "modalSizeActions": [
+        "modal.defaultSize"
+      ]
+    },
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ModalDescription": {
+    "name": "ModalDescription",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "Text",
+      "DialogDescription"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "as": [
+          "span"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "modalSizeDescription"
+      ],
+      "variant": [
+        "modalVariantDescription"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "modalSizeDescription": [
+        "modal.defaultSize"
+      ],
+      "modalVariantDescription": [
+        "modal.defaultVariant"
+      ]
+    },
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ModalTitle": {
+    "name": "ModalTitle",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "Text",
+      "DialogHeading"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "as": [
+          "span"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "modalSizeTitle"
+      ],
+      "variant": [
+        "modalVariantTitle"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "modalSizeTitle": [
+        "modal.defaultSize"
+      ],
+      "modalVariantTitle": [
+        "modal.defaultVariant"
+      ]
+    },
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "ModalContent": {
+    "name": "ModalContent",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "overflowY": "auto",
+      "display": "block",
+      "flexGrow": "1"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "Box"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "size": [
+        "modalSizeSpacingHorizontal"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "modalSizeSpacingHorizontal": [
+        "modal.defaultSize"
+      ]
+    },
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "RadioGroupStore": {
+    "name": "RadioGroupStore",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "RadioBase": {
+    "name": "RadioBase",
+    "defaultProps": {
+      "labelPosition": "start",
+      "variant": "primary",
+      "size": "md",
+      "value": ""
+    },
+    "getStylesLiterals": {
+      "radioVariantValueRoot": "checked",
+      "radioVariantValueRoot:1": "unchecked",
+      "display": "flex",
+      "flexDirection": "row",
+      "flexDirection:1": "row-reverse",
+      "alignItems": "center"
+    },
+    "cxLiterals": [
+      "cursor-pointer",
+      "cursor-default",
+      "opacity-50",
+      "cursor-[inherit]",
+      "absolute",
+      "opacity-0",
+      "top-[-1px]",
+      "left-[-1px]",
+      "w-[calc(100%+2px)]",
+      "h-[calc(100%+2px)]",
+      "text-start",
+      "text-end"
+    ],
+    "internalComponents": [
+      "FormLabel"
+    ],
+    "internalComponentProps": {
+      "FormLabel": {
+        "as": [
+          "div"
+        ],
+        "variant": [
+          "inherit"
+        ],
+        "color": [
+          "inherit"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "radioSizeRoot"
+      ],
+      "variant": [
+        "radioVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -3127,360 +3463,66 @@
     "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": {
-      "size": "chip.defaultSize"
-    },
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Chip": {
-    "name": "Chip",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "ChipDismissible",
-      "ChipToggle",
-      "ChipLink",
-      "ChipButton"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "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": []
-  },
-  "UDSChipConfigProvider": {
-    "name": "UDSChipConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "ChipLink": {
-    "name": "ChipLink",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-ring"
-    ],
-    "internalComponents": [
-      "ChipBase"
-    ],
-    "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "a"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "chipLinkVariantRoot",
-        "chipLinkVariantIcon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "ChipButton": {
-    "name": "ChipButton",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-ring"
-    ],
-    "internalComponents": [
-      "ChipBase"
-    ],
-    "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "button"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "chipLinkVariantRoot",
-        "chipLinkVariantIcon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "ChipToggle": {
-    "name": "ChipToggle",
-    "defaultProps": {
-      "variant": "primary",
-      "role": "checkbox"
-    },
-    "getStylesLiterals": {
-      "chipToggleVariantActiveRoot": "on",
-      "chipToggleVariantActiveRoot:1": "off"
-    },
-    "cxLiterals": [
-      "uds-ring"
-    ],
-    "internalComponents": [
-      "ChipBase"
-    ],
-    "internalComponentProps": {
-      "ChipBase": {
-        "as": [
-          "button"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "chipToggleVariantRoot",
-        "chipToggleVariantIcon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Modal": {
-    "name": "Modal",
-    "defaultProps": {
-      "closeAriaLabel": "Close",
-      "maxWidth": "auto",
-      "maxHeight": "auto",
-      "scrollBehavior": "outside"
-    },
-    "getStylesLiterals": {
-      "flexDirection": "row-reverse",
-      "justifyContent": "space-between",
-      "alignItems": "flex-end",
-      "alignItems:1": "flex-start",
-      "borderRadius": "full"
-    },
-    "cxLiterals": [
-      "fixed",
-      "inset-0",
-      "z-40",
-      "overflow-y-auto",
-      "overflow-hidden",
-      "transition-[opacity,visibility]",
-      "visible",
-      "opacity-100",
-      "invisible",
-      "opacity-0",
-      "pointer-events-none",
-      "uds-bgBlurFallback",
-      "w-full",
-      "w-fit",
-      "h-full",
-      "h-fit",
-      "m-auto",
-      "pointer-events-auto",
-      "inside",
-      "max-h-full",
-      "transition-transform",
-      "duration-0",
-      "duration-120",
-      "transition-[background-color]",
-      "bg-carbon-15/0",
-      "hover:bg-carbon-15/10",
-      "active:bg-carbon-15/15",
-      "uds-ring",
-      "[translate:50%_-50%]"
+      "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": [
-      "Scrim",
-      "VStack",
-      "Pressable",
       "IconSlot",
-      "Box",
-      "Dialog",
-      "ModalContext.Provider",
       "HStack",
-      "DialogDismiss",
-      "ModalTitle",
-      "ModalDescription",
-      "ModalContent",
-      "ModalActions"
+      "As",
+      "Text"
     ],
     "internalComponentProps": {
-      "Box": {
-        "flexGrow": [
-          "1"
+      "Text": {
+        "as": [
+          "span"
+        ],
+        "color": [
+          "current"
+        ],
+        "variant": [
+          "inherit"
         ]
       }
     },
     "propToVariantKeys": {
-      "gutter": [
-        "spacing"
-      ],
       "size": [
-        "modalSizeRoot",
-        "modalSizeSpacingHorizontal",
-        "modalSizeHeader",
-        "modalSizeTitleDescriptionWrapper",
-        "modalSizeCloseIconContainer",
-        "modalSizeCloseIcon"
-      ],
-      "variant": [
-        "modalVariantRoot",
-        "modalVariantCloseIcon"
+        "chipSizeRoot",
+        "chipSizeIcon"
       ],
-      "closeAriaLabel": [
-        "aria-label"
+      "startIcon": [
+        "icon"
       ],
-      "closeIcon": [
+      "endIcon": [
         "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"
-      ]
+      "size": "chip.defaultSize"
     },
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "ModalContext": {
-    "name": "ModalContext",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSModalConfigProvider": {
-    "name": "UDSModalConfigProvider",
+  "Chip": {
+    "name": "Chip",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "ModalContext.Provider"
+      "ChipDismissible",
+      "ChipToggle",
+      "ChipLink",
+      "ChipButton"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -3489,36 +3531,44 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ManagedModal": {
-    "name": "ManagedModal",
-    "defaultProps": {},
+  "ChipDismissible": {
+    "name": "ChipDismissible",
+    "defaultProps": {
+      "variant": "primary"
+    },
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-chip-dismissible-button",
+      "uds-hit-target",
+      "uds-ring",
+      "rounded-full"
+    ],
     "internalComponents": [
-      "Modal",
-      "ModalTitle",
-      "ModalDescription",
-      "ModalContent",
-      "ModalActions"
+      "ChipBase",
+      "IconSlot",
+      "Pressable"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
+    "propToVariantKeys": {
+      "variant": [
+        "chipDismissibleVariantRoot",
+        "chipDismissibleVariantIcon"
+      ],
+      "dismissButtonAriaLabel": [
+        "aria-label"
+      ]
     },
+    "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalPortal": {
-    "name": "ModalPortal",
+  "UDSChipConfigProvider": {
+    "name": "UDSChipConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [
-      "ManagedModal"
-    ],
+    "internalComponents": [],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -3526,147 +3576,97 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalActions": {
-    "name": "ModalActions",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "flexDirection": "row-reverse",
-      "justifyContent": "space-between",
-      "alignItems": "center"
+  "ChipLink": {
+    "name": "ChipLink",
+    "defaultProps": {
+      "variant": "primary"
     },
+    "getStylesLiterals": {},
     "cxLiterals": [
-      "gap-[inherit]"
-    ],
-    "internalComponents": [
-      "HStack"
+      "uds-ring"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "size": [
-        "modalSizeSpacingHorizontal",
-        "modalSizeActions"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeSpacingHorizontal": [
-        "modal.defaultSize"
-      ],
-      "modalSizeActions": [
-        "modal.defaultSize"
-      ]
-    },
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "ModalDescription": {
-    "name": "ModalDescription",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
     "internalComponents": [
-      "Text",
-      "DialogDescription"
+      "ChipBase"
     ],
     "internalComponentProps": {
-      "Text": {
+      "ChipBase": {
         "as": [
-          "span"
+          "a"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "modalSizeDescription"
-      ],
       "variant": [
-        "modalVariantDescription"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeDescription": [
-        "modal.defaultSize"
-      ],
-      "modalVariantDescription": [
-        "modal.defaultVariant"
+        "chipLinkVariantRoot",
+        "chipLinkVariantIcon"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalTitle": {
-    "name": "ModalTitle",
-    "defaultProps": {},
+  "ChipButton": {
+    "name": "ChipButton",
+    "defaultProps": {
+      "variant": "primary"
+    },
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-ring"
+    ],
     "internalComponents": [
-      "Text",
-      "DialogHeading"
+      "ChipBase"
     ],
     "internalComponentProps": {
-      "Text": {
+      "ChipBase": {
         "as": [
-          "span"
+          "button"
         ]
       }
     },
-    "propToVariantKeys": {
-      "size": [
-        "modalSizeTitle"
-      ],
-      "variant": [
-        "modalVariantTitle"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeTitle": [
-        "modal.defaultSize"
-      ],
-      "modalVariantTitle": [
-        "modal.defaultVariant"
+    "propToVariantKeys": {
+      "variant": [
+        "chipLinkVariantRoot",
+        "chipLinkVariantIcon"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalContent": {
-    "name": "ModalContent",
-    "defaultProps": {},
+  "ChipToggle": {
+    "name": "ChipToggle",
+    "defaultProps": {
+      "variant": "primary",
+      "role": "checkbox"
+    },
     "getStylesLiterals": {
-      "overflowY": "auto",
-      "display": "block",
-      "flexGrow": "1"
+      "chipToggleVariantActiveRoot": "on",
+      "chipToggleVariantActiveRoot:1": "off"
     },
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds-ring"
+    ],
     "internalComponents": [
-      "Box"
+      "ChipBase"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "size": [
-        "modalSizeSpacingHorizontal"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
+    "internalComponentProps": {
+      "ChipBase": {
+        "as": [
+          "button"
+        ]
+      }
     },
-    "runtimeConfigGetStyles": {
-      "modalSizeSpacingHorizontal": [
-        "modal.defaultSize"
+    "propToVariantKeys": {
+      "variant": [
+        "chipToggleVariantRoot",
+        "chipToggleVariantIcon"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
@@ -4514,253 +4514,57 @@
       "items-center",
       "justify-center",
       "box-border",
-      "overflow-hidden",
-      "border-solid",
-      "select-none",
-      "uds-nested-radius",
-      "transition-[color,border-color,box-shadow]",
-      "duration-[180ms]",
-      "ease-[cubic-bezier(0,0,0.2,1)]",
-      "uds-ring",
-      "cursor-pointer",
-      "cursor-not-allowed",
-      "opacity-50",
-      "pointer-events-none",
-      "hidden",
-      "absolute",
-      "inset-0",
-      "-z-10",
-      "rounded-[var(--uds-nested-radius)]",
-      "transition-[background-color,opacity]"
-    ],
-    "internalComponents": [
-      "Icon"
-    ],
-    "internalComponentProps": {
-      "Icon": {
-        "color": [
-          "current"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "paddlenavSizeRoot",
-        "paddlenavSizeIcon"
-      ],
-      "variant": [
-        "paddlenavVariantRoot",
-        "paddlenavVariantBackground",
-        "paddlenavVariantIcon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "paddleNav.defaultSize"
-    },
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {
-      "Icon": {
-        "size": [
-          "paddleNav.iconSize.${size}"
-        ]
-      }
-    },
-    "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": []
-  },
-  "TabPanel": {
-    "name": "TabPanel",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitTabPanel"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Tabs": {
-    "name": "Tabs",
-    "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "TabsContext.Provider",
-      "TabProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "onSelectionChange": [
-        "setSelectedId"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSTabConfigProvider": {
-    "name": "UDSTabConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "sm"
-    ],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "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",
+      "overflow-hidden",
+      "border-solid",
       "select-none",
-      "whitespace-nowrap",
+      "uds-nested-radius",
+      "transition-[color,border-color,box-shadow]",
+      "duration-[180ms]",
+      "ease-[cubic-bezier(0,0,0.2,1)]",
       "uds-ring",
+      "cursor-pointer",
+      "cursor-not-allowed",
       "opacity-50",
-      "cursor-default",
-      "border-solid",
-      "border-b-solid",
-      "transition-colors"
+      "pointer-events-none",
+      "hidden",
+      "absolute",
+      "inset-0",
+      "-z-10",
+      "rounded-[var(--uds-nested-radius)]",
+      "transition-[background-color,opacity]"
     ],
     "internalComponents": [
-      "IconSlot",
-      "AriakitTab",
-      "Text"
+      "Icon"
     ],
     "internalComponentProps": {
-      "Text": {
-        "variant": [
-          "inherit"
-        ],
-        "as": [
-          "span"
-        ],
+      "Icon": {
         "color": [
           "current"
         ]
       }
     },
     "propToVariantKeys": {
-      "variant": [
-        "tabVariantRoot",
-        "tabVariantIcon"
-      ],
-      "activeState": [
-        "tabVariantActiveIcon"
-      ],
-      "startIcon": [
-        "icon"
+      "size": [
+        "paddlenavSizeRoot",
+        "paddlenavSizeIcon"
       ],
-      "endIcon": [
-        "icon"
+      "variant": [
+        "paddlenavVariantRoot",
+        "paddlenavVariantBackground",
+        "paddlenavVariantIcon"
       ]
     },
     "runtimeConfigDefaultProps": {
-      "size": "tab.defaultSize"
+      "size": "paddleNav.defaultSize"
     },
     "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
+    "runtimeConfigInternalComponentProps": {
+      "Icon": {
+        "size": [
+          "paddleNav.iconSize.${size}"
+        ]
+      }
+    },
     "motionVarPrefixes": []
   },
   "UDSToastConfigProvider": {
@@ -4962,6 +4766,202 @@
     },
     "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": []
+  },
+  "TabPanel": {
+    "name": "TabPanel",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitTabPanel"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tabs": {
+    "name": "Tabs",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TabsContext.Provider",
+      "TabProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "onSelectionChange": [
+        "setSelectedId"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSTabConfigProvider": {
+    "name": "UDSTabConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "sm"
+    ],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "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": {
+      "size": "tab.defaultSize"
+    },
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "Checkbox": {
     "name": "Checkbox",
     "defaultProps": {},