@yahoo/uds 3.145.0 → 3.147.0-beta.1

package/generated/componentData.json

@@ -351,6 +351,7 @@
       "color": "primary"
     },
     "cxLiterals": [
+      "uds-banner",
       "flex",
       "flex-row",
       "items-center",
@@ -630,6 +631,11 @@
     },
     "getStylesLiterals": {},
     "cxLiterals": [
+      "uds-badge",
+      "uds-badge-variant",
+      "uds-badge-size",
+      "uds-badge-iconSize",
+      "uds-badge-iconColor",
       "flex-1",
       "truncate",
       "whitespace-nowrap",
@@ -1302,67 +1308,110 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheet": {
-    "name": "BottomSheet",
+  "Input": {
+    "name": "Input",
     "defaultProps": {
-      "variant": "default"
+      "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"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "fixed",
-      "overflow-hidden",
-      "inset-x-0",
-      "bottom-0",
-      "z-50",
-      "[will-change:transform]",
-      "touch-none",
-      "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
-      "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
-      "transition-transform",
-      "duration-500",
-      "ease-[cubic-bezier(0.32,0.72,0,1)]",
-      "motion-reduce:transition-none",
-      "top-[-4px]",
-      "z-[1]",
-      "touch-pan-y"
+      "opacity-50",
+      "min-w-[200px]",
+      "grow",
+      "uds-hit-target",
+      "bg-clip-text",
+      "focus:outline-none",
+      "cursor-text",
+      "cursor-not-allowed"
     ],
     "internalComponents": [
-      "Scrim",
-      "BottomSheetHandle",
-      "Dialog",
+      "IconSlot",
+      "StartIcon",
+      "EndIcon",
+      "HelpTextContent",
       "Box",
-      "BottomSheetInternalContext.Provider"
+      "InputHelpTextInternal",
+      "VStack",
+      "HStack",
+      "AnimateHeightChange"
     ],
     "internalComponentProps": {
-      "BottomSheetHandle": {
-        "ariaLabel": [
-          "Resize sheet"
-        ]
-      },
-      "Dialog": {
-        "data-testid": [
-          "bottom-sheet"
+      "HelpTextContent": {
+        "spacingTop": [
+          "2"
         ]
       },
       "Box": {
-        "display": [
-          "block",
-          "flex"
+        "spacingBottom": [
+          "2"
         ],
-        "position": [
-          "absolute"
+        "columnGap": [
+          "0.5"
         ],
-        "flexDirection": [
-          "column"
+        "alignItems": [
+          "flex-end",
+          "center"
         ],
-        "className": [
-          "absolute inset-0 min-h-0 p-[inherit]"
+        "position": [
+          "relative"
+        ]
+      },
+      "HStack": {
+        "alignItems": [
+          "center"
+        ],
+        "gap": [
+          "1"
         ]
       }
     },
     "propToVariantKeys": {
-      "variant": [
-        "bottomsheetVariantRoot"
+      "size": [
+        "inputSizeRoot",
+        "inputSizeInputWrapper",
+        "inputSizeInput",
+        "inputSizeLabel",
+        "inputSizeStartIcon",
+        "inputSizeEndIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ],
+      "slotProps": [
+        "helperTextSlotProps"
+      ],
+      "helperTextIcon": [
+        "startIcon"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1370,46 +1419,91 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetContent": {
-    "name": "BottomSheetContent",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "min-h-0",
-      "touch-pan-y"
-    ],
+  "InputHelpText": {
+    "name": "InputHelpText",
+    "defaultProps": {
+      "size": "md"
+    },
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled"
+    },
+    "cxLiterals": [],
     "internalComponents": [
-      "Box",
-      "VStack"
+      "InputHelpTextInternal",
+      "Box"
     ],
     "internalComponentProps": {
       "Box": {
-        "display": [
-          "block"
-        ],
-        "flex": [
-          "1"
+        "spacingTop": [
+          "2"
         ]
-      },
-      "VStack": {
-        "className": [
-          "pb-[calc(env(safe-area-inset-bottom))]"
+      }
+    },
+    "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": {},
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeHelperText",
+        "inputSizeHelperIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetDismiss": {
-    "name": "BottomSheetDismiss",
+  "Chip": {
+    "name": "Chip",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "AriakitDialogDismiss"
+      "ChipDismissible",
+      "ChipToggle",
+      "ChipLink",
+      "ChipButton"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -1418,217 +1512,32 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetHandle": {
-    "name": "BottomSheetHandle",
+  "ChipBase": {
+    "name": "ChipBase",
     "defaultProps": {
-      "variant": "default"
+      "size": "md",
+      "as": "div"
     },
     "getStylesLiterals": {},
     "cxLiterals": [
-      "relative",
-      "h-5",
-      "w-16",
-      "outline-none",
-      "focus-visible:outline-none",
-      "[touch-action:pan-y]",
-      "absolute",
-      "left-1/2",
-      "top-1/2",
-      "-translate-x-1/2",
-      "-translate-y-1/2",
-      "h-1",
-      "w-8",
-      "rounded-full"
+      "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": [
-      "Box"
-    ],
-    "internalComponentProps": {
-      "Box": {
-        "display": [
-          "block",
-          "flex"
-        ],
-        "justifyContent": [
-          "center"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "bottomsheetVariantHandleIndicator"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BottomSheetHeader": {
-    "name": "BottomSheetHeader",
-    "defaultProps": {
-      "variant": "default"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "grid-cols-[40px_1fr_40px]",
-      "items-center",
-      "w-full",
-      "min-h-10",
-      "mt-2"
-    ],
-    "internalComponents": [
-      "Box",
-      "Text",
-      "DialogHeading"
-    ],
-    "internalComponentProps": {
-      "Box": {
-        "className": [
-          "h-10 w-10 opacity-0 pointer-events-none"
-        ],
-        "display": [
-          "grid",
-          "flex"
-        ],
-        "justifyContent": [
-          "flex-start",
-          "flex-end"
-        ]
-      },
-      "Text": {
-        "as": [
-          "p"
-        ],
-        "variant": [
-          "inherit"
-        ],
-        "color": [
-          "inherit"
-        ],
-        "textAlign": [
-          "center"
-        ],
-        "className": [
-          "m-0 w-full"
-        ]
-      },
-      "DialogHeading": {
-        "role": [
-          "heading"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "variant": [
-        "bottomsheetVariantHeader"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BottomSheetInternalContext": {
-    "name": "BottomSheetInternalContext",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BottomSheetProvider": {
-    "name": "BottomSheetProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitDialogProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BottomSheetTrigger": {
-    "name": "BottomSheetTrigger",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitDialogDisclosure"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSBottomSheetConfigProvider": {
-    "name": "UDSBottomSheetConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "BottomSheetContext.Provider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Chip": {
-    "name": "Chip",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "ChipDismissible",
-      "ChipToggle",
-      "ChipLink",
-      "ChipButton"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "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"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "HStack",
-      "As",
-      "Text"
+      "IconSlot",
+      "HStack",
+      "As",
+      "Text"
     ],
     "internalComponentProps": {
       "Text": {
@@ -1786,187 +1695,300 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Input": {
-    "name": "Input",
+  "Modal": {
+    "name": "Modal",
     "defaultProps": {
-      "type": "text",
-      "size": "md",
-      "width": "full"
+      "closeAriaLabel": "Close",
+      "maxWidth": "auto",
+      "maxHeight": "auto",
+      "scrollBehavior": "outside"
     },
     "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"
+      "flexDirection": "row-reverse",
+      "justifyContent": "space-between",
+      "alignItems": "flex-end",
+      "alignItems:1": "flex-start",
+      "borderRadius": "full"
     },
     "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": [
+      "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": [
-        "inputSizeRoot",
-        "inputSizeInputWrapper",
-        "inputSizeInput",
-        "inputSizeLabel",
-        "inputSizeStartIcon",
-        "inputSizeEndIcon"
+        "modalSizeRoot",
+        "modalSizeSpacingHorizontal",
+        "modalSizeHeader",
+        "modalSizeTitleDescriptionWrapper",
+        "modalSizeCloseIconContainer",
+        "modalSizeCloseIcon"
       ],
-      "startIcon": [
-        "icon"
+      "variant": [
+        "modalVariantRoot",
+        "modalVariantCloseIcon"
       ],
-      "endIcon": [
+      "closeAriaLabel": [
+        "aria-label"
+      ],
+      "closeIcon": [
         "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "spacing": [
+        "modal.gutter.${size}"
       ],
-      "slotProps": [
-        "helperTextSlotProps"
+      "modalSizeRoot": [
+        "modal.defaultSize"
       ],
-      "helperTextIcon": [
-        "startIcon"
+      "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": []
   },
-  "InputHelpText": {
-    "name": "InputHelpText",
-    "defaultProps": {
-      "size": "md"
+  "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": {
-      "inputVariantRoot": "default",
-      "inputVariantValueRoot": "empty",
-      "inputVariantValueRoot:1": "filled"
+      "overflowY": "auto",
+      "display": "block",
+      "flexGrow": "1"
     },
     "cxLiterals": [],
     "internalComponents": [
-      "InputHelpTextInternal",
       "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": {
-      "Box": {
-        "spacingTop": [
-          "2"
+      "Text": {
+        "as": [
+          "span"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "inputSizeRoot"
+        "modalSizeDescription"
+      ],
+      "variant": [
+        "modalVariantDescription"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "modalSizeDescription": [
+        "modal.defaultSize"
+      ],
+      "modalVariantDescription": [
+        "modal.defaultVariant"
       ]
     },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "InputHelpTextInternal": {
-    "name": "InputHelpTextInternal",
+  "ModalTitle": {
+    "name": "ModalTitle",
     "defaultProps": {},
-    "getStylesLiterals": {
-      "inputVariantHelperText": "default",
-      "inputVariantValueHelperText": "empty",
-      "inputVariantValueHelperText:1": "filled",
-      "inputVariantHelperIcon": "default",
-      "inputVariantValueHelperIcon": "empty",
-      "inputVariantValueHelperIcon:1": "filled"
-    },
+    "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "IconSlot",
-      "HStack"
+      "Text",
+      "DialogHeading"
     ],
     "internalComponentProps": {
-      "HStack": {
-        "gap": [
-          "1"
-        ],
-        "alignItems": [
-          "center"
+      "Text": {
+        "as": [
+          "span"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "inputSizeHelperText",
-        "inputSizeHelperIcon"
+        "modalSizeTitle"
       ],
-      "startIcon": [
-        "icon"
+      "variant": [
+        "modalVariantTitle"
+      ]
+    },
+    "runtimeConfigDefaultProps": {
+      "size": "modal.defaultSize",
+      "variant": "modal.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {
+      "modalSizeTitle": [
+        "modal.defaultSize"
       ],
-      "endIcon": [
-        "icon"
+      "modalVariantTitle": [
+        "modal.defaultVariant"
       ]
     },
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSModalConfigProvider": {
+    "name": "UDSModalConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "ModalContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
@@ -2084,6 +2106,7 @@
       "menuitemSizeEndIcon": "default"
     },
     "cxLiterals": [
+      "uds-menu-item",
       "flex",
       "focus-visible:text-brand",
       "focus-visible:bg-brand-secondary",
@@ -2161,53 +2184,180 @@
       "menuitemItemCheckboxVariantActiveEndIcon": "on",
       "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
     },
-    "cxLiterals": [
-      "uds-menu-item-checkbox"
-    ],
-    "internalComponents": [
-      "MenuItemBase"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "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": []
+  },
+  "BottomSheet": {
+    "name": "BottomSheet",
+    "defaultProps": {
+      "variant": "default"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "fixed",
+      "overflow-hidden",
+      "inset-x-0",
+      "bottom-0",
+      "z-50",
+      "[will-change:transform]",
+      "touch-none",
+      "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
+      "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
+      "transition-transform",
+      "duration-500",
+      "ease-[cubic-bezier(0.32,0.72,0,1)]",
+      "motion-reduce:transition-none",
+      "top-[-4px]",
+      "z-[1]",
+      "touch-pan-y"
+    ],
+    "internalComponents": [
+      "Scrim",
+      "BottomSheetHandle",
+      "Dialog",
+      "Box",
+      "BottomSheetInternalContext.Provider"
+    ],
+    "internalComponentProps": {
+      "BottomSheetHandle": {
+        "ariaLabel": [
+          "Resize sheet"
+        ]
+      },
+      "Dialog": {
+        "data-testid": [
+          "bottom-sheet"
+        ]
+      },
+      "Box": {
+        "display": [
+          "block",
+          "flex"
+        ],
+        "position": [
+          "absolute"
+        ],
+        "flexDirection": [
+          "column"
+        ],
+        "className": [
+          "absolute inset-0 min-h-0 p-[inherit]"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "bottomsheetVariantRoot"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "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",
+  "BottomSheetContent": {
+    "name": "BottomSheetContent",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [
-      "uds-menu-trigger"
+      "min-h-0",
+      "touch-pan-y"
     ],
     "internalComponents": [
-      "AriakitMenuTrigger",
-      "Box"
+      "Box",
+      "VStack"
     ],
     "internalComponentProps": {
       "Box": {
+        "display": [
+          "block"
+        ],
+        "flex": [
+          "1"
+        ]
+      },
+      "VStack": {
         "className": [
-          "uds-ring h-fit w-fit"
+          "pb-[calc(env(safe-area-inset-bottom))]"
         ]
       }
     },
@@ -2217,12 +2367,14 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.index": {
-    "name": "Menu.index",
+  "BottomSheetDismiss": {
+    "name": "BottomSheetDismiss",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [],
+    "internalComponents": [
+      "AriakitDialogDismiss"
+    ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -2230,218 +2382,168 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu": {
-    "name": "Menu",
-    "defaultProps": {},
+  "BottomSheetHandle": {
+    "name": "BottomSheetHandle",
+    "defaultProps": {
+      "variant": "default"
+    },
     "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "cxLiterals": [
+      "relative",
+      "h-5",
+      "w-16",
+      "outline-none",
+      "focus-visible:outline-none",
+      "[touch-action:pan-y]",
+      "absolute",
+      "left-1/2",
+      "top-1/2",
+      "-translate-x-1/2",
+      "-translate-y-1/2",
+      "h-1",
+      "w-8",
+      "rounded-full"
+    ],
+    "internalComponents": [
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "block",
+          "flex"
+        ],
+        "justifyContent": [
+          "center"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "bottomsheetVariantHandleIndicator"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Modal": {
-    "name": "Modal",
+  "BottomSheetHeader": {
+    "name": "BottomSheetHeader",
     "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"
+      "variant": "default"
     },
+    "getStylesLiterals": {},
     "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",
+      "grid-cols-[40px_1fr_40px]",
+      "items-center",
       "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%]"
+      "min-h-10",
+      "mt-2"
     ],
     "internalComponents": [
-      "Scrim",
-      "VStack",
-      "Pressable",
-      "IconSlot",
       "Box",
-      "Dialog",
-      "ModalContext.Provider",
-      "HStack",
-      "DialogDismiss",
-      "ModalTitle",
-      "ModalDescription",
-      "ModalContent",
-      "ModalActions"
+      "Text",
+      "DialogHeading"
     ],
     "internalComponentProps": {
       "Box": {
-        "flexGrow": [
-          "1"
+        "className": [
+          "h-10 w-10 opacity-0 pointer-events-none"
+        ],
+        "display": [
+          "grid",
+          "flex"
+        ],
+        "justifyContent": [
+          "flex-start",
+          "flex-end"
         ]
-      }
-    },
-    "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"
+      },
+      "Text": {
+        "as": [
+          "p"
+        ],
+        "variant": [
+          "inherit"
+        ],
+        "color": [
+          "inherit"
+        ],
+        "textAlign": [
+          "center"
+        ],
+        "className": [
+          "m-0 w-full"
+        ]
+      },
+      "DialogHeading": {
+        "role": [
+          "heading"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "bottomsheetVariantHeader"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalActions": {
-    "name": "ModalActions",
+  "BottomSheetInternalContext": {
+    "name": "BottomSheetInternalContext",
     "defaultProps": {},
-    "getStylesLiterals": {
-      "flexDirection": "row-reverse",
-      "justifyContent": "space-between",
-      "alignItems": "center"
-    },
-    "cxLiterals": [
-      "gap-[inherit]"
-    ],
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetProvider": {
+    "name": "BottomSheetProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
     "internalComponents": [
-      "HStack"
+      "AriakitDialogProvider"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {
-      "size": [
-        "modalSizeSpacingHorizontal",
-        "modalSizeActions"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeSpacingHorizontal": [
-        "modal.defaultSize"
-      ],
-      "modalSizeActions": [
-        "modal.defaultSize"
-      ]
-    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalContent": {
-    "name": "ModalContent",
+  "BottomSheetTrigger": {
+    "name": "BottomSheetTrigger",
     "defaultProps": {},
-    "getStylesLiterals": {
-      "overflowY": "auto",
-      "display": "block",
-      "flexGrow": "1"
-    },
+    "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "Box"
+      "AriakitDialogDisclosure"
     ],
     "internalComponentProps": {},
-    "propToVariantKeys": {
-      "size": [
-        "modalSizeSpacingHorizontal"
-      ]
-    },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeSpacingHorizontal": [
-        "modal.defaultSize"
-      ]
-    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalContext": {
-    "name": "ModalContext",
+  "UDSBottomSheetConfigProvider": {
+    "name": "UDSBottomSheetConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
-    "internalComponents": [],
+    "internalComponents": [
+      "BottomSheetContext.Provider"
+    ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -2449,92 +2551,182 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalDescription": {
-    "name": "ModalDescription",
+  "PaddleButton": {
+    "name": "PaddleButton",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "relative",
+      "inline-flex",
+      "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-[length:var(--uds-nested-radius)]",
+      "transition-[background-color,opacity]"
+    ],
     "internalComponents": [
-      "Text",
-      "DialogDescription"
+      "Icon"
     ],
     "internalComponentProps": {
-      "Text": {
-        "as": [
-          "span"
+      "Icon": {
+        "size": [
+          "md"
+        ],
+        "color": [
+          "current"
         ]
       }
     },
     "propToVariantKeys": {
       "size": [
-        "modalSizeDescription"
+        "paddlenavSizeRoot",
+        "paddlenavSizeIcon"
       ],
       "variant": [
-        "modalVariantDescription"
+        "paddlenavVariantRoot",
+        "paddlenavVariantBackground",
+        "paddlenavVariantIcon"
       ]
     },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {
-      "modalSizeDescription": [
-        "modal.defaultSize"
-      ],
-      "modalVariantDescription": [
-        "modal.defaultVariant"
-      ]
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "PaddleButtonNext": {
+    "name": "PaddleButtonNext",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "PaddleButton"
+    ],
+    "internalComponentProps": {
+      "PaddleButton": {
+        "paddleRole": [
+          "next"
+        ]
+      }
     },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "ModalTitle": {
-    "name": "ModalTitle",
+  "PaddleButtonPrevious": {
+    "name": "PaddleButtonPrevious",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "Text",
-      "DialogHeading"
+      "PaddleButton"
     ],
     "internalComponentProps": {
-      "Text": {
-        "as": [
-          "span"
+      "PaddleButton": {
+        "paddleRole": [
+          "previous"
         ]
       }
     },
-    "propToVariantKeys": {
-      "size": [
-        "modalSizeTitle"
-      ],
-      "variant": [
-        "modalVariantTitle"
-      ]
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "PaddleNav": {
+    "name": "PaddleNav",
+    "defaultProps": {
+      "orientation": "horizontal",
+      "variant": "primary",
+      "size": "md"
     },
-    "runtimeConfigDefaultProps": {
-      "size": "modal.defaultSize",
-      "variant": "modal.defaultVariant"
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "pointer-events-none",
+      "inline-flex",
+      "flex-row",
+      "gap-2",
+      "items-center",
+      "pointer-events-auto",
+      "flex-col",
+      "relative",
+      "min-w-0",
+      "min-h-0",
+      "flex-1",
+      "inline-block",
+      "absolute",
+      "z-10",
+      "top-2",
+      "left-1/2",
+      "-translate-x-1/2",
+      "left-2",
+      "top-1/2",
+      "-translate-y-1/2",
+      "bottom-2",
+      "right-2",
+      "-top-12",
+      "left-0",
+      "right-0",
+      "-bottom-12"
+    ],
+    "internalComponents": [
+      "PaddleNavContext.Provider",
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "inline-flex"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "center"
+        ],
+        "data-paddle-nav-outside": [
+          "true"
+        ]
+      }
     },
-    "runtimeConfigGetStyles": {
-      "modalSizeTitle": [
-        "modal.defaultSize"
-      ],
-      "modalVariantTitle": [
-        "modal.defaultVariant"
+    "propToVariantKeys": {
+      "orientation": [
+        "data-paddle-nav-orientation"
       ]
     },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSModalConfigProvider": {
-    "name": "UDSModalConfigProvider",
+  "PaddleNavContent": {
+    "name": "PaddleNavContent",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "ModalContext.Provider"
+    "cxLiterals": [
+      "min-w-0",
+      "min-h-0",
+      "relative"
     ],
+    "internalComponents": [],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -2546,7 +2738,9 @@
     "name": "Popover",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [],
+    "cxLiterals": [
+      "uds:popover-open"
+    ],
     "internalComponents": [
       "PopoverInternalContext.Provider",
       "PopoverProvider"
@@ -2968,7 +3162,18 @@
       "[overflow-clip-margin:6px]",
       "overflow-clip",
       "[overflow-clip-margin:8px]",
-      "relative"
+      "relative",
+      "left",
+      "240ms",
+      "cubic-bezier(0.2,",
+      "0,",
+      "1),",
+      "top",
+      "width",
+      "height",
+      "1)",
+      "--uds-tab-underline-color",
+      "--uds-tab-underline-width"
     ],
     "internalComponents": [
       "AriakitTabList"