@yahoo/uds 3.133.3 → 3.134.0

package/generated/componentData.json

@@ -1265,95 +1265,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Modal": {
-    "name": "Modal",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "inset-8",
-      "top-[250px]",
-      "z-50",
-      "mx-auto",
-      "h-fit",
-      "w-[600px]",
-      "origin-center",
-      "scale-95",
-      "opacity-0",
-      "transition",
-      "duration-150",
-      "data-[enter]:scale-100",
-      "data-[enter]:opacity-100",
-      "data-[enter]:bg-primary",
-      "backdrop-blur-0",
-      "data-[enter]:opacity-60",
-      "data-[enter]:backdrop-blur-sm"
-    ],
-    "internalComponents": [
-      "IconButton",
-      "Dialog",
-      "HStack",
-      "Text",
-      "VStack"
-    ],
-    "internalComponentProps": {
-      "IconButton": {
-        "aria-label": [
-          "Close"
-        ],
-        "size": [
-          "sm"
-        ],
-        "variant": [
-          "tertiary"
-        ]
-      },
-      "HStack": {
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ]
-      },
-      "Text": {
-        "variant": [
-          "headline1"
-        ],
-        "color": [
-          "primary"
-        ]
-      },
-      "VStack": {
-        "borderRadius": [
-          "md"
-        ],
-        "position": [
-          "fixed"
-        ],
-        "backgroundColor": [
-          "primary"
-        ],
-        "dropShadow": [
-          "md"
-        ],
-        "spacing": [
-          "8"
-        ],
-        "overflow": [
-          "hidden"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "handleClose": [
-        "onClick"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "SegmentedControl": {
     "name": "SegmentedControl",
     "defaultProps": {
@@ -1696,192 +1607,6 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Input": {
-    "name": "Input",
-    "defaultProps": {
-      "type": "text",
-      "size": "md",
-      "width": "full"
-    },
-    "getStylesLiterals": {
-      "inputVariantRoot": "default",
-      "inputVariantValueRoot": "empty",
-      "inputVariantValueRoot:1": "filled",
-      "inputVariantInputWrapper": "default",
-      "inputVariantValueInputWrapper": "empty",
-      "inputVariantValueInputWrapper:1": "filled",
-      "inputVariantInput": "default",
-      "inputVariantValueInput": "empty",
-      "inputVariantValueInput:1": "filled",
-      "inputVariantInputPlaceholder": "default",
-      "inputVariantValueInputPlaceholder": "empty",
-      "inputVariantValueInputPlaceholder:1": "filled",
-      "inputVariantLabel": "default",
-      "inputVariantValueLabel": "empty",
-      "inputVariantValueLabel:1": "filled",
-      "inputVariantLabelRequired": "default",
-      "inputVariantValueLabelRequired": "empty",
-      "inputVariantValueLabelRequired:1": "filled",
-      "inputVariantStartIcon": "default",
-      "inputVariantValueStartIcon": "empty",
-      "inputVariantValueStartIcon:1": "filled",
-      "inputVariantEndIcon": "default",
-      "inputVariantValueEndIcon": "empty",
-      "inputVariantValueEndIcon:1": "filled"
-    },
-    "cxLiterals": [
-      "opacity-50",
-      "min-w-[200px]",
-      "grow",
-      "uds-hit-target",
-      "bg-clip-text",
-      "focus:outline-none",
-      "cursor-text",
-      "cursor-not-allowed"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "StartIcon",
-      "EndIcon",
-      "HelpTextContent",
-      "Box",
-      "InputHelpTextInternal",
-      "VStack",
-      "HStack",
-      "AnimateHeightChange"
-    ],
-    "internalComponentProps": {
-      "HelpTextContent": {
-        "spacingTop": [
-          "2"
-        ]
-      },
-      "Box": {
-        "spacingBottom": [
-          "2"
-        ],
-        "columnGap": [
-          "0.5"
-        ],
-        "alignItems": [
-          "flex-end",
-          "center"
-        ],
-        "position": [
-          "relative"
-        ]
-      },
-      "HStack": {
-        "alignItems": [
-          "center"
-        ],
-        "gap": [
-          "1"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "inputSizeRoot",
-        "inputSizeInputWrapper",
-        "inputSizeInput",
-        "inputSizeLabel",
-        "inputSizeStartIcon",
-        "inputSizeEndIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ],
-      "slotProps": [
-        "helperTextSlotProps"
-      ],
-      "helperTextIcon": [
-        "startIcon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "InputHelpText": {
-    "name": "InputHelpText",
-    "defaultProps": {
-      "size": "md"
-    },
-    "getStylesLiterals": {
-      "inputVariantRoot": "default",
-      "inputVariantValueRoot": "empty",
-      "inputVariantValueRoot:1": "filled"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "InputHelpTextInternal",
-      "Box"
-    ],
-    "internalComponentProps": {
-      "Box": {
-        "spacingTop": [
-          "2"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "inputSizeRoot"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "InputHelpTextInternal": {
-    "name": "InputHelpTextInternal",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "inputVariantHelperText": "default",
-      "inputVariantValueHelperText": "empty",
-      "inputVariantValueHelperText:1": "filled",
-      "inputVariantHelperIcon": "default",
-      "inputVariantValueHelperIcon": "empty",
-      "inputVariantValueHelperIcon:1": "filled"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "IconSlot",
-      "HStack"
-    ],
-    "internalComponentProps": {
-      "HStack": {
-        "gap": [
-          "1"
-        ],
-        "alignItems": [
-          "center"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "inputSizeHelperText",
-        "inputSizeHelperIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
   "BottomSheet": {
     "name": "BottomSheet",
     "defaultProps": {
@@ -2357,9 +2082,765 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Popover": {
-    "name": "Popover",
-    "defaultProps": {},
+  "Input": {
+    "name": "Input",
+    "defaultProps": {
+      "type": "text",
+      "size": "md",
+      "width": "full"
+    },
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled",
+      "inputVariantInputWrapper": "default",
+      "inputVariantValueInputWrapper": "empty",
+      "inputVariantValueInputWrapper:1": "filled",
+      "inputVariantInput": "default",
+      "inputVariantValueInput": "empty",
+      "inputVariantValueInput:1": "filled",
+      "inputVariantInputPlaceholder": "default",
+      "inputVariantValueInputPlaceholder": "empty",
+      "inputVariantValueInputPlaceholder:1": "filled",
+      "inputVariantLabel": "default",
+      "inputVariantValueLabel": "empty",
+      "inputVariantValueLabel:1": "filled",
+      "inputVariantLabelRequired": "default",
+      "inputVariantValueLabelRequired": "empty",
+      "inputVariantValueLabelRequired:1": "filled",
+      "inputVariantStartIcon": "default",
+      "inputVariantValueStartIcon": "empty",
+      "inputVariantValueStartIcon:1": "filled",
+      "inputVariantEndIcon": "default",
+      "inputVariantValueEndIcon": "empty",
+      "inputVariantValueEndIcon:1": "filled"
+    },
+    "cxLiterals": [
+      "opacity-50",
+      "min-w-[200px]",
+      "grow",
+      "uds-hit-target",
+      "bg-clip-text",
+      "focus:outline-none",
+      "cursor-text",
+      "cursor-not-allowed"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "StartIcon",
+      "EndIcon",
+      "HelpTextContent",
+      "Box",
+      "InputHelpTextInternal",
+      "VStack",
+      "HStack",
+      "AnimateHeightChange"
+    ],
+    "internalComponentProps": {
+      "HelpTextContent": {
+        "spacingTop": [
+          "2"
+        ]
+      },
+      "Box": {
+        "spacingBottom": [
+          "2"
+        ],
+        "columnGap": [
+          "0.5"
+        ],
+        "alignItems": [
+          "flex-end",
+          "center"
+        ],
+        "position": [
+          "relative"
+        ]
+      },
+      "HStack": {
+        "alignItems": [
+          "center"
+        ],
+        "gap": [
+          "1"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeRoot",
+        "inputSizeInputWrapper",
+        "inputSizeInput",
+        "inputSizeLabel",
+        "inputSizeStartIcon",
+        "inputSizeEndIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ],
+      "slotProps": [
+        "helperTextSlotProps"
+      ],
+      "helperTextIcon": [
+        "startIcon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "InputHelpText": {
+    "name": "InputHelpText",
+    "defaultProps": {
+      "size": "md"
+    },
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "InputHelpTextInternal",
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "spacingTop": [
+          "2"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "InputHelpTextInternal": {
+    "name": "InputHelpTextInternal",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "inputVariantHelperText": "default",
+      "inputVariantValueHelperText": "empty",
+      "inputVariantValueHelperText:1": "filled",
+      "inputVariantHelperIcon": "default",
+      "inputVariantValueHelperIcon": "empty",
+      "inputVariantValueHelperIcon:1": "filled"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "IconSlot",
+      "HStack"
+    ],
+    "internalComponentProps": {
+      "HStack": {
+        "gap": [
+          "1"
+        ],
+        "alignItems": [
+          "center"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeHelperText",
+        "inputSizeHelperIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Menu.Content": {
+    "name": "Menu.Content",
+    "defaultProps": {
+      "size": "default",
+      "variant": "default",
+      "gutter": "1"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds-menu-content",
+      "transition-shadow",
+      "duration-200",
+      "ease-in-out",
+      "min-w-60",
+      "max-w-lg",
+      "max-h-96",
+      "overflow-auto",
+      "uds-ring",
+      "z-10",
+      "group"
+    ],
+    "internalComponents": [
+      "AriakitMenu",
+      "AnimatePresence",
+      "MotionVStack"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "size": [
+        "menucontentSizeRoot"
+      ],
+      "variant": [
+        "menucontentVariantRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Menu.Divider": {
+    "name": "Menu.Divider",
+    "defaultProps": {
+      "role": "separator",
+      "contentPosition": "start",
+      "gap": "4"
+    },
+    "getStylesLiterals": {
+      "menuitemDividerVariantRoot": "default",
+      "menuitemDividerVariantText": "default",
+      "menuitemDividerVariantLine": "default"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "DividerInternal"
+    ],
+    "internalComponentProps": {
+      "DividerInternal": {
+        "variant": [
+          "inherit"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Menu.Item": {
+    "name": "Menu.Item",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "menuitemItemVariantRoot": "default",
+      "menuitemItemVariantActiveRoot": "on",
+      "menuitemItemVariantActiveRoot:1": "off",
+      "menuitemItemVariantText": "default",
+      "menuitemItemVariantActiveText": "on",
+      "menuitemItemVariantActiveText:1": "off",
+      "menuitemItemVariantIcon": "default",
+      "menuitemItemVariantActiveIcon": "on",
+      "menuitemItemVariantActiveIcon:1": "off"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "MenuItemBase"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Menu.ItemBase": {
+    "name": "Menu.ItemBase",
+    "defaultProps": {
+      "spacing": "0",
+      "spacingHorizontal": "4",
+      "spacingVertical": "3.5",
+      "columnGap": "2",
+      "alignItems": "center",
+      "justifyContent": "space-between"
+    },
+    "getStylesLiterals": {
+      "textAlign": "start",
+      "menuitemSizeRoot": "default",
+      "flexDirection": "row",
+      "menuitemSizeStartIcon": "default",
+      "menuitemSizeEndIcon": "default"
+    },
+    "cxLiterals": [
+      "flex",
+      "focus-visible:text-brand",
+      "focus-visible:bg-brand-secondary",
+      "focus-visible:z-10",
+      "uds-ring",
+      "!-outline-offset-2",
+      "[&:not([aria-checked])]:cursor-default",
+      "opacity-25",
+      "cursor-not-allowed",
+      "duration-20",
+      "transition-[font-variation-settings]",
+      "ease-in-out",
+      "z-0",
+      "uds-start-icon",
+      "uds-end-icon"
+    ],
+    "internalComponents": [
+      "Pressable",
+      "IconSlot",
+      "RootComponent",
+      "HStack",
+      "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.ItemCheckbox": {
+    "name": "Menu.ItemCheckbox",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "menuitemItemCheckboxVariantRoot": "default",
+      "menuitemItemCheckboxVariantActiveRoot": "on",
+      "menuitemItemCheckboxVariantActiveRoot:1": "off",
+      "menuitemItemCheckboxVariantText": "default",
+      "menuitemItemCheckboxVariantActiveText": "on",
+      "menuitemItemCheckboxVariantActiveText:1": "off",
+      "menuitemItemCheckboxVariantStartIcon": "default",
+      "menuitemItemCheckboxVariantActiveStartIcon": "on",
+      "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
+      "menuitemItemCheckboxVariantEndIcon": "default",
+      "menuitemItemCheckboxVariantActiveEndIcon": "on",
+      "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
+    },
+    "cxLiterals": [
+      "uds-menu-item-checkbox"
+    ],
+    "internalComponents": [
+      "MenuItemBase"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Menu.Provider": {
+    "name": "Menu.Provider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitMenuProvider",
+      "SpringMotionConfig"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
+  },
+  "Menu.Trigger": {
+    "name": "Menu.Trigger",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds-menu-trigger"
+    ],
+    "internalComponents": [
+      "AriakitMenuTrigger",
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "className": [
+          "uds-ring h-fit w-fit"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Menu.index": {
+    "name": "Menu.index",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Menu": {
+    "name": "Menu",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "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%]"
+    ],
+    "internalComponents": [
+      "Scrim",
+      "VStack",
+      "Pressable",
+      "IconSlot",
+      "Box",
+      "Dialog",
+      "ModalContext.Provider",
+      "HStack",
+      "DialogDismiss",
+      "ModalTitle",
+      "ModalDescription",
+      "ModalContent",
+      "ModalActions"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "flexGrow": [
+          "1"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "gutter": [
+        "spacing"
+      ],
+      "size": [
+        "modalSizeRoot",
+        "modalSizeSpacingHorizontal",
+        "modalSizeHeader",
+        "modalSizeTitleDescriptionWrapper",
+        "modalSizeCloseIconContainer",
+        "modalSizeCloseIcon"
+      ],
+      "variant": [
+        "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": []
+  },
+  "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": []
+  },
+  "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": []
+  },
+  "ModalContext": {
+    "name": "ModalContext",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "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": []
+  },
+  "UDSModalConfigProvider": {
+    "name": "UDSModalConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "ModalContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Popover": {
+    "name": "Popover",
+    "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
@@ -2476,285 +2957,40 @@
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "PopoverTrigger": {
-    "name": "PopoverTrigger",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "PopoverDisclosure"
-    ],
-    "internalComponentProps": {
-      "PopoverDisclosure": {
-        "className": [
-          "inline"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "children": [
-        "render"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSPopoverConfigProvider": {
-    "name": "UDSPopoverConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "PopoverContext.Provider"
-    ],
-    "internalComponentProps": {},
-    "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]",
-      "transition-opacity",
-      "cursor-[inherit]",
-      "absolute",
-      "opacity-0",
-      "top-1/2",
-      "left-1/2",
-      "w-[calc(100%+2px)]",
-      "h-[calc(100%+2px)]",
-      "transform",
-      "translate-x-[-50%]",
-      "translate-y-[-50%]",
-      "text-start",
-      "text-end"
-    ],
-    "internalComponents": [
-      "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-"
-    ]
-  },
-  "RadioGroupProvider": {
-    "name": "RadioGroupProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "DivProps",
-      "Comp",
-      "RadioGroupContext.Provider"
-    ],
-    "internalComponentProps": {
-      "Comp": {
-        "role": [
-          "radiogroup"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "RadioGroupStore": {
-    "name": "RadioGroupStore",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu.Content": {
-    "name": "Menu.Content",
-    "defaultProps": {
-      "size": "default",
-      "variant": "default",
-      "gutter": "1"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-menu-content",
-      "transition-shadow",
-      "duration-200",
-      "ease-in-out",
-      "min-w-60",
-      "max-w-lg",
-      "max-h-96",
-      "overflow-auto",
-      "uds-ring",
-      "z-10",
-      "group"
-    ],
-    "internalComponents": [
-      "AriakitMenu",
-      "AnimatePresence",
-      "MotionVStack"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "size": [
-        "menucontentSizeRoot"
-      ],
-      "variant": [
-        "menucontentVariantRoot"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu.Divider": {
-    "name": "Menu.Divider",
-    "defaultProps": {
-      "role": "separator",
-      "contentPosition": "start",
-      "gap": "4"
-    },
-    "getStylesLiterals": {
-      "menuitemDividerVariantRoot": "default",
-      "menuitemDividerVariantText": "default",
-      "menuitemDividerVariantLine": "default"
-    },
+    "motionVarPrefixes": []
+  },
+  "PopoverTrigger": {
+    "name": "PopoverTrigger",
+    "defaultProps": {},
+    "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "DividerInternal"
+      "PopoverDisclosure"
     ],
     "internalComponentProps": {
-      "DividerInternal": {
-        "variant": [
-          "inherit"
+      "PopoverDisclosure": {
+        "className": [
+          "inline"
         ]
       }
     },
-    "propToVariantKeys": {},
+    "propToVariantKeys": {
+      "children": [
+        "render"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.Item": {
-    "name": "Menu.Item",
+  "UDSPopoverConfigProvider": {
+    "name": "UDSPopoverConfigProvider",
     "defaultProps": {},
-    "getStylesLiterals": {
-      "menuitemItemVariantRoot": "default",
-      "menuitemItemVariantActiveRoot": "on",
-      "menuitemItemVariantActiveRoot:1": "off",
-      "menuitemItemVariantText": "default",
-      "menuitemItemVariantActiveText": "on",
-      "menuitemItemVariantActiveText:1": "off",
-      "menuitemItemVariantIcon": "default",
-      "menuitemItemVariantActiveIcon": "on",
-      "menuitemItemVariantActiveIcon:1": "off"
-    },
+    "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "MenuItemBase"
+      "PopoverContext.Provider"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -2763,148 +2999,135 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.ItemBase": {
-    "name": "Menu.ItemBase",
+  "Radio": {
+    "name": "Radio",
     "defaultProps": {
-      "spacing": "0",
-      "spacingHorizontal": "4",
-      "spacingVertical": "3.5",
-      "columnGap": "2",
-      "alignItems": "center",
-      "justifyContent": "space-between"
+      "labelPosition": "start",
+      "variant": "primary",
+      "size": "md",
+      "value": ""
     },
     "getStylesLiterals": {
-      "textAlign": "start",
-      "menuitemSizeRoot": "default",
+      "radioVariantValueRoot": "checked",
+      "radioVariantValueRoot:1": "unchecked",
+      "display": "flex",
       "flexDirection": "row",
-      "menuitemSizeStartIcon": "default",
-      "menuitemSizeEndIcon": "default"
+      "flexDirection:1": "row-reverse",
+      "alignItems": "center",
+      "radioVariantValueRadio": "checked",
+      "radioVariantValueRadio:1": "unchecked",
+      "radioVariantValueRadioCircle": "checked",
+      "radioVariantValueRadioCircle:1": "unchecked"
     },
     "cxLiterals": [
-      "flex",
-      "focus-visible:text-brand",
-      "focus-visible:bg-brand-secondary",
-      "focus-visible:z-10",
+      "cursor-pointer",
+      "cursor-default",
+      "opacity-50",
+      "border",
       "uds-ring",
-      "!-outline-offset-2",
-      "[&:not([aria-checked])]:cursor-default",
-      "opacity-25",
-      "cursor-not-allowed",
-      "duration-20",
-      "transition-[font-variation-settings]",
-      "ease-in-out",
-      "z-0",
-      "uds-start-icon",
-      "uds-end-icon"
+      "uds-ring-within",
+      "transition-[background-color,border-color]",
+      "transition-shadow",
+      "pointer-events-none",
+      "w-[8px]",
+      "h-[8px]",
+      "transition-opacity",
+      "cursor-[inherit]",
+      "absolute",
+      "opacity-0",
+      "top-1/2",
+      "left-1/2",
+      "w-[calc(100%+2px)]",
+      "h-[calc(100%+2px)]",
+      "transform",
+      "translate-x-[-50%]",
+      "translate-y-[-50%]",
+      "text-start",
+      "text-end"
     ],
     "internalComponents": [
-      "Pressable",
-      "IconSlot",
-      "RootComponent",
-      "HStack",
-      "AnimatePresence"
+      "Box",
+      "FormLabel",
+      "SpringMotionConfig",
+      "RootElement",
+      "MotionBox"
     ],
     "internalComponentProps": {
-      "HStack": {
-        "alignItems": [
-          "center"
-        ],
-        "width": [
+      "Box": {
+        "borderRadius": [
           "full"
         ]
       },
-      "AnimatePresence": {
-        "mode": [
-          "popLayout"
+      "FormLabel": {
+        "as": [
+          "div"
+        ],
+        "variant": [
+          "inherit"
+        ],
+        "color": [
+          "inherit"
+        ]
+      },
+      "RootElement": {
+        "data-testid": [
+          "container"
+        ]
+      },
+      "MotionBox": {
+        "position": [
+          "relative"
+        ],
+        "borderRadius": [
+          "full"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "center"
+        ],
+        "flex": [
+          "none"
         ]
       }
     },
     "propToVariantKeys": {
-      "startIconClassName": [
-        "className"
-      ],
-      "endIconClassName": [
-        "className"
-      ],
-      "startIcon": [
-        "icon"
+      "size": [
+        "radioSizeRoot",
+        "radioSizeRadio"
       ],
-      "endIcon": [
-        "icon"
+      "variant": [
+        "radioVariantRoot",
+        "radioVariantRadio",
+        "radioVariantRadioCircle"
       ],
-      "columnGap": [
-        "gap"
+      "reduceMotion": [
+        "reducedMotion"
       ]
     },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu.ItemCheckbox": {
-    "name": "Menu.ItemCheckbox",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "menuitemItemCheckboxVariantRoot": "default",
-      "menuitemItemCheckboxVariantActiveRoot": "on",
-      "menuitemItemCheckboxVariantActiveRoot:1": "off",
-      "menuitemItemCheckboxVariantText": "default",
-      "menuitemItemCheckboxVariantActiveText": "on",
-      "menuitemItemCheckboxVariantActiveText:1": "off",
-      "menuitemItemCheckboxVariantStartIcon": "default",
-      "menuitemItemCheckboxVariantActiveStartIcon": "on",
-      "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
-      "menuitemItemCheckboxVariantEndIcon": "default",
-      "menuitemItemCheckboxVariantActiveEndIcon": "on",
-      "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
-    },
-    "cxLiterals": [
-      "uds-menu-item-checkbox"
-    ],
-    "internalComponents": [
-      "MenuItemBase"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu.Provider": {
-    "name": "Menu.Provider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitMenuProvider",
-      "SpringMotionConfig"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": [
       "--uds-motion-subtle-3-",
       "--uds-motion-smooth-3-"
     ]
   },
-  "Menu.Trigger": {
-    "name": "Menu.Trigger",
+  "RadioGroupProvider": {
+    "name": "RadioGroupProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-menu-trigger"
-    ],
+    "cxLiterals": [],
     "internalComponents": [
-      "AriakitMenuTrigger",
-      "Box"
+      "DivProps",
+      "Comp",
+      "RadioGroupContext.Provider"
     ],
     "internalComponentProps": {
-      "Box": {
-        "className": [
-          "uds-ring h-fit w-fit"
+      "Comp": {
+        "role": [
+          "radiogroup"
         ]
       }
     },
@@ -2914,21 +3137,8 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.index": {
-    "name": "Menu.index",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Menu": {
-    "name": "Menu",
+  "RadioGroupStore": {
+    "name": "RadioGroupStore",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
@@ -3467,7 +3677,8 @@
       "UDSBottomSheetConfigProvider",
       "UDSToastConfigProvider",
       "UDSTooltipConfigProvider",
-      "UDSPopoverConfigProvider"
+      "UDSPopoverConfigProvider",
+      "UDSModalConfigProvider"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},