@yahoo/uds 3.170.0 → 3.171.1

package/generated/componentData.json

@@ -4082,112 +4082,101 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "BottomSheetDismiss": {
-    "name": "BottomSheetDismiss",
+  "PaddleButtonNext": {
+    "name": "PaddleButtonNext",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "AriakitDialogDismiss"
+      "PaddleButton"
     ],
-    "internalComponentProps": {},
+    "internalComponentProps": {
+      "PaddleButton": {
+        "paddleRole": [
+          "next"
+        ]
+      }
+    },
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetContent": {
-    "name": "BottomSheetContent",
+  "UDSPaddleNavConfigProvider": {
+    "name": "UDSPaddleNavConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [
-      "min-h-0",
-      "touch-pan-y"
-    ],
-    "internalComponents": [
-      "Box",
-      "VStack"
+      "md"
     ],
-    "internalComponentProps": {
-      "Box": {
-        "display": [
-          "block"
-        ],
-        "flex": [
-          "1"
-        ]
-      },
-      "VStack": {
-        "className": [
-          "pb-[calc(env(safe-area-inset-bottom))]"
-        ]
-      }
-    },
+    "internalComponents": [],
+    "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetHeader": {
-    "name": "BottomSheetHeader",
+  "PaddleNav": {
+    "name": "PaddleNav",
     "defaultProps": {
-      "variant": "default"
+      "orientation": "horizontal",
+      "variant": "primary",
+      "size": "md"
     },
     "getStylesLiterals": {},
     "cxLiterals": [
-      "grid-cols-[40px_1fr_40px]",
+      "pointer-events-none",
+      "inline-flex",
+      "flex-row",
+      "gap-2",
       "items-center",
-      "w-full",
-      "min-h-10",
-      "mt-2"
+      "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": [
-      "Box",
-      "Text",
-      "DialogHeading"
+      "PaddleNavContext.Provider",
+      "Box"
     ],
     "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"
+          "inline-flex"
         ],
-        "color": [
-          "inherit"
+        "alignItems": [
+          "center"
         ],
-        "textAlign": [
+        "justifyContent": [
           "center"
         ],
-        "className": [
-          "m-0 w-full"
-        ]
-      },
-      "DialogHeading": {
-        "role": [
-          "heading"
+        "data-paddle-nav-outside": [
+          "true"
         ]
       }
     },
     "propToVariantKeys": {
-      "variant": [
-        "bottomsheetVariantHeader"
+      "orientation": [
+        "data-paddle-nav-orientation"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -4195,14 +4184,16 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetTrigger": {
-    "name": "BottomSheetTrigger",
+  "PaddleNavContent": {
+    "name": "PaddleNavContent",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitDialogDisclosure"
+    "cxLiterals": [
+      "min-w-0",
+      "min-h-0",
+      "relative"
     ],
+    "internalComponents": [],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -4210,141 +4201,147 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSBottomSheetConfigProvider": {
-    "name": "UDSBottomSheetConfigProvider",
+  "PaddleButtonPrevious": {
+    "name": "PaddleButtonPrevious",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "BottomSheetContext.Provider"
+      "PaddleButton"
     ],
-    "internalComponentProps": {},
+    "internalComponentProps": {
+      "PaddleButton": {
+        "paddleRole": [
+          "previous"
+        ]
+      }
+    },
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetInternalContext": {
-    "name": "BottomSheetInternalContext",
+  "PaddleButton": {
+    "name": "PaddleButton",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BottomSheet": {
-    "name": "BottomSheet",
-    "defaultProps": {
-      "variant": "default"
-    },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "fixed",
+      "relative",
+      "inline-flex",
+      "items-center",
+      "justify-center",
+      "box-border",
       "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"
+      "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": [
-      "Scrim",
-      "BottomSheetHandle",
-      "Dialog",
-      "Box",
-      "BottomSheetInternalContext.Provider"
+      "Icon"
     ],
     "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]"
+      "Icon": {
+        "color": [
+          "current"
         ]
       }
     },
     "propToVariantKeys": {
+      "size": [
+        "paddlenavSizeRoot",
+        "paddlenavSizeIcon"
+      ],
       "variant": [
-        "bottomsheetVariantRoot"
+        "paddlenavVariantRoot",
+        "paddlenavVariantBackground",
+        "paddlenavVariantIcon"
       ]
     },
-    "runtimeConfigDefaultProps": {},
+    "runtimeConfigDefaultProps": {
+      "size": "paddleNav.defaultSize"
+    },
     "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
+    "runtimeConfigInternalComponentProps": {
+      "Icon": {
+        "size": [
+          "paddleNav.iconSize.${size}"
+        ]
+      }
+    },
     "motionVarPrefixes": []
   },
-  "BottomSheetHandle": {
-    "name": "BottomSheetHandle",
+  "TabList": {
+    "name": "TabList",
     "defaultProps": {
-      "variant": "default"
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "on"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
-      "relative",
-      "h-5",
-      "w-16",
-      "outline-none",
-      "focus-visible:outline-none",
-      "[touch-action:pan-y]",
+      "pointer-events-none",
       "absolute",
-      "left-1/2",
-      "top-1/2",
-      "-translate-x-1/2",
-      "-translate-y-1/2",
-      "h-1",
-      "w-8",
-      "rounded-full"
+      "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": [
-      "Box"
+      "AriakitTabList"
     ],
-    "internalComponentProps": {
-      "Box": {
-        "display": [
-          "block",
-          "flex"
-        ],
-        "justifyContent": [
-          "center"
-        ]
-      }
-    },
+    "internalComponentProps": {},
     "propToVariantKeys": {
       "variant": [
-        "bottomsheetVariantHandleIndicator"
+        "tabsVariantRoot",
+        "tabVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -4352,13 +4349,13 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetProvider": {
-    "name": "BottomSheetProvider",
+  "TabPanel": {
+    "name": "TabPanel",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "AriakitDialogProvider"
+      "AriakitTabPanel"
     ],
     "internalComponentProps": {},
     "propToVariantKeys": {},
@@ -4367,33 +4364,34 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleButtonNext": {
-    "name": "PaddleButtonNext",
-    "defaultProps": {},
+  "Tabs": {
+    "name": "Tabs",
+    "defaultProps": {
+      "variant": "primary"
+    },
     "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "PaddleButton"
+      "TabsContext.Provider",
+      "TabProvider"
     ],
-    "internalComponentProps": {
-      "PaddleButton": {
-        "paddleRole": [
-          "next"
-        ]
-      }
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "onSelectionChange": [
+        "setSelectedId"
+      ]
     },
-    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSPaddleNavConfigProvider": {
-    "name": "UDSPaddleNavConfigProvider",
+  "UDSTabConfigProvider": {
+    "name": "UDSTabConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [
-      "md"
+      "sm"
     ],
     "internalComponents": [],
     "internalComponentProps": {},
@@ -4403,82 +4401,94 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleNav": {
-    "name": "PaddleNav",
+  "Tab": {
+    "name": "Tab",
     "defaultProps": {
-      "orientation": "horizontal",
-      "variant": "primary",
-      "size": "md"
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "off",
+      "tabVariantActiveRoot:1": "on",
+      "tabSizeIcon": "default"
     },
-    "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",
+      "bottom-0",
       "left-0",
       "right-0",
-      "-bottom-12"
+      "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": [
-      "PaddleNavContext.Provider",
-      "Box"
+      "IconSlot",
+      "AriakitTab",
+      "Text"
     ],
     "internalComponentProps": {
-      "Box": {
-        "display": [
-          "inline-flex"
-        ],
-        "alignItems": [
-          "center"
+      "Text": {
+        "variant": [
+          "inherit"
         ],
-        "justifyContent": [
-          "center"
+        "as": [
+          "span"
         ],
-        "data-paddle-nav-outside": [
-          "true"
+        "color": [
+          "current"
         ]
       }
     },
     "propToVariantKeys": {
-      "orientation": [
-        "data-paddle-nav-orientation"
+      "variant": [
+        "tabVariantRoot",
+        "tabVariantIcon"
+      ],
+      "activeState": [
+        "tabVariantActiveIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
       ]
     },
-    "runtimeConfigDefaultProps": {},
+    "runtimeConfigDefaultProps": {
+      "size": "tab.defaultSize"
+    },
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleNavContent": {
-    "name": "PaddleNavContent",
+  "UDSToastConfigProvider": {
+    "name": "UDSToastConfigProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
-    "cxLiterals": [
-      "min-w-0",
-      "min-h-0",
-      "relative"
+    "cxLiterals": [],
+    "internalComponents": [
+      "ToastContext.Provider"
     ],
-    "internalComponents": [],
     "internalComponentProps": {},
     "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
@@ -4486,329 +4496,34 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "PaddleButtonPrevious": {
-    "name": "PaddleButtonPrevious",
+  "ToastContainer": {
+    "name": "ToastContainer",
     "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
+    "getStylesLiterals": {
+      "position": "relative",
+      "alignItems": "center",
+      "display": "flex",
+      "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
+    },
+    "cxLiterals": [
+      "w-full"
+    ],
     "internalComponents": [
-      "PaddleButton"
+      "HStack"
     ],
     "internalComponentProps": {
-      "PaddleButton": {
-        "paddleRole": [
-          "previous"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "PaddleButton": {
-    "name": "PaddleButton",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "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-[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",
-      "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": []
-  },
-  "UDSToastConfigProvider": {
-    "name": "UDSToastConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "ToastContext.Provider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "ToastContainer": {
-    "name": "ToastContainer",
-    "defaultProps": {},
-    "getStylesLiterals": {
-      "position": "relative",
-      "alignItems": "center",
-      "display": "flex",
-      "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
-    },
-    "cxLiterals": [
-      "w-full"
-    ],
-    "internalComponents": [
-      "HStack"
-    ],
-    "internalComponentProps": {
-      "HStack": {
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ],
-        "overflow": [
-          "hidden"
-        ],
-        "position": [
-          "relative"
+      "HStack": {
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "space-between"
+        ],
+        "overflow": [
+          "hidden"
+        ],
+        "position": [
+          "relative"
         ]
       }
     },
@@ -4948,167 +4663,437 @@
       },
       "Text": {
         "variant": [
-          "toast.textVariant.${size}"
+          "toast.textVariant.${size}"
+        ],
+        "color": [
+          "toast.textColor.${variant}"
+        ]
+      },
+      "Button": {
+        "size": [
+          "toast.buttonSize.${size}"
+        ],
+        "variant": [
+          "toast.buttonVariant.${variant}"
+        ]
+      }
+    },
+    "motionVarPrefixes": []
+  },
+  "Checkbox": {
+    "name": "Checkbox",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "opacity-0",
+      "opacity-55",
+      "opacity-100",
+      "uds-ring",
+      "uds-ring-within",
+      "transition-[background-color,border-color,box-shadow]",
+      "pointer-events-none",
+      "transition-opacity",
+      "group",
+      "group-hover:scale-110",
+      "group-active:scale-90",
+      "transition-[background-color,border-color,box-shadow,transform]",
+      "group-active:opacity-55"
+    ],
+    "internalComponents": [
+      "CheckboxBase",
+      "Icon",
+      "SpringMotionConfig",
+      "RootElement",
+      "MotionBox",
+      "Box",
+      "CheckboxProps"
+    ],
+    "internalComponentProps": {
+      "Icon": {
+        "size": [
+          "sm"
+        ]
+      },
+      "RootElement": {
+        "data-testid": [
+          "container"
+        ]
+      },
+      "MotionBox": {
+        "position": [
+          "relative"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "center"
+        ],
+        "flex": [
+          "none"
+        ]
+      },
+      "Box": {
+        "position": [
+          "relative"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "center"
+        ],
+        "flex": [
+          "none"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "checkboxSizeCheckbox"
+      ],
+      "variant": [
+        "checkboxVariantCheckbox",
+        "checkboxVariantCheckboxIcon"
+      ],
+      "valueState": [
+        "checkboxVariantValueCheckbox",
+        "checkboxVariantValueCheckboxIcon"
+      ],
+      "reduceMotion": [
+        "reducedMotion"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
+  },
+  "CheckboxBase": {
+    "name": "CheckboxBase",
+    "defaultProps": {
+      "labelPosition": "start",
+      "variant": "primary",
+      "size": "md"
+    },
+    "getStylesLiterals": {
+      "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": [
+        "checkboxSizeRoot"
+      ],
+      "variant": [
+        "checkboxVariantRoot"
+      ],
+      "valueState": [
+        "checkboxVariantValueRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetDismiss": {
+    "name": "BottomSheetDismiss",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitDialogDismiss"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetContent": {
+    "name": "BottomSheetContent",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "min-h-0",
+      "touch-pan-y"
+    ],
+    "internalComponents": [
+      "Box",
+      "VStack"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "block"
+        ],
+        "flex": [
+          "1"
+        ]
+      },
+      "VStack": {
+        "className": [
+          "pb-[calc(env(safe-area-inset-bottom))]"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "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": [
-          "toast.textColor.${variant}"
+          "inherit"
+        ],
+        "textAlign": [
+          "center"
+        ],
+        "className": [
+          "m-0 w-full"
         ]
       },
-      "Button": {
-        "size": [
-          "toast.buttonSize.${size}"
-        ],
-        "variant": [
-          "toast.buttonVariant.${variant}"
+      "DialogHeading": {
+        "role": [
+          "heading"
         ]
       }
     },
+    "propToVariantKeys": {
+      "variant": [
+        "bottomsheetVariantHeader"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Checkbox": {
-    "name": "Checkbox",
+  "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": []
+  },
+  "BottomSheetInternalContext": {
+    "name": "BottomSheetInternalContext",
     "defaultProps": {},
     "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheet": {
+    "name": "BottomSheet",
+    "defaultProps": {
+      "variant": "default"
+    },
+    "getStylesLiterals": {},
     "cxLiterals": [
-      "opacity-0",
-      "opacity-55",
-      "opacity-100",
-      "uds-ring",
-      "uds-ring-within",
-      "transition-[background-color,border-color,box-shadow]",
-      "pointer-events-none",
-      "transition-opacity",
-      "group",
-      "group-hover:scale-110",
-      "group-active:scale-90",
-      "transition-[background-color,border-color,box-shadow,transform]",
-      "group-active:opacity-55"
+      "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": [
-      "CheckboxBase",
-      "Icon",
-      "SpringMotionConfig",
-      "RootElement",
-      "MotionBox",
+      "Scrim",
+      "BottomSheetHandle",
+      "Dialog",
       "Box",
-      "CheckboxProps"
+      "BottomSheetInternalContext.Provider"
     ],
     "internalComponentProps": {
-      "Icon": {
-        "size": [
-          "sm"
+      "BottomSheetHandle": {
+        "ariaLabel": [
+          "Resize sheet"
         ]
       },
-      "RootElement": {
+      "Dialog": {
         "data-testid": [
-          "container"
-        ]
-      },
-      "MotionBox": {
-        "position": [
-          "relative"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "center"
-        ],
-        "flex": [
-          "none"
+          "bottom-sheet"
         ]
       },
       "Box": {
-        "position": [
-          "relative"
+        "display": [
+          "block",
+          "flex"
         ],
-        "alignItems": [
-          "center"
+        "position": [
+          "absolute"
         ],
-        "justifyContent": [
-          "center"
+        "flexDirection": [
+          "column"
         ],
-        "flex": [
-          "none"
+        "className": [
+          "absolute inset-0 min-h-0 p-[inherit]"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "checkboxSizeCheckbox"
-      ],
       "variant": [
-        "checkboxVariantCheckbox",
-        "checkboxVariantCheckboxIcon"
-      ],
-      "valueState": [
-        "checkboxVariantValueCheckbox",
-        "checkboxVariantValueCheckboxIcon"
-      ],
-      "reduceMotion": [
-        "reducedMotion"
+        "bottomsheetVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-subtle-3-",
-      "--uds-motion-smooth-3-"
-    ]
+    "motionVarPrefixes": []
   },
-  "CheckboxBase": {
-    "name": "CheckboxBase",
+  "BottomSheetHandle": {
+    "name": "BottomSheetHandle",
     "defaultProps": {
-      "labelPosition": "start",
-      "variant": "primary",
-      "size": "md"
-    },
-    "getStylesLiterals": {
-      "display": "flex",
-      "flexDirection": "row",
-      "flexDirection:1": "row-reverse",
-      "alignItems": "center"
+      "variant": "default"
     },
+    "getStylesLiterals": {},
     "cxLiterals": [
-      "cursor-pointer",
-      "cursor-default",
-      "opacity-50",
-      "cursor-[inherit]",
+      "relative",
+      "h-5",
+      "w-16",
+      "outline-none",
+      "focus-visible:outline-none",
+      "[touch-action:pan-y]",
       "absolute",
-      "opacity-0",
-      "top-[-1px]",
-      "left-[-1px]",
-      "w-[calc(100%+2px)]",
-      "h-[calc(100%+2px)]",
-      "text-start",
-      "text-end"
+      "left-1/2",
+      "top-1/2",
+      "-translate-x-1/2",
+      "-translate-y-1/2",
+      "h-1",
+      "w-8",
+      "rounded-full"
     ],
     "internalComponents": [
-      "FormLabel"
+      "Box"
     ],
     "internalComponentProps": {
-      "FormLabel": {
-        "as": [
-          "div"
-        ],
-        "variant": [
-          "inherit"
+      "Box": {
+        "display": [
+          "block",
+          "flex"
         ],
-        "color": [
-          "inherit"
+        "justifyContent": [
+          "center"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "checkboxSizeRoot"
-      ],
       "variant": [
-        "checkboxVariantRoot"
-      ],
-      "valueState": [
-        "checkboxVariantValueRoot"
+        "bottomsheetVariantHandleIndicator"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -5116,6 +5101,21 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "BottomSheetProvider": {
+    "name": "BottomSheetProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitDialogProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "SwitchStaticHandle": {
     "name": "SwitchStaticHandle",
     "defaultProps": {},