@yahoo/uds 3.114.0-beta.3 → 3.115.0-beta.1

package/dist/components/client/index.d.ts

@@ -7,6 +7,15 @@ import { AvatarImage, AvatarImageProps } from "./Avatar/AvatarImage.js";
 import { Avatar, AvatarProps } from "./Avatar/Avatar.js";
 import "./Avatar/index.js";
 import { Badge, BadgeProps } from "./Badge.js";
+import { BottomSheetController, useBottomSheetStore } from "./BottomSheet/useBottomSheetStore.js";
+import { BottomSheet, BottomSheetProps } from "./BottomSheet/BottomSheet.js";
+import { BottomSheetContent, BottomSheetContentProps } from "./BottomSheet/BottomSheetContent.js";
+import { BottomSheetDismiss, BottomSheetDismissProps } from "./BottomSheet/BottomSheetDismiss.js";
+import { BottomSheetHeader, BottomSheetHeaderProps } from "./BottomSheet/BottomSheetHeader.js";
+import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheet/BottomSheetProvider.js";
+import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheet/BottomSheetTrigger.js";
+import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps } from "./BottomSheet/UDSBottomSheetConfigProvider.js";
+import "./BottomSheet/index.js";
 import { Button, ButtonProps } from "./Button.js";
 import { Checkbox, CheckboxProps } from "./Checkbox.js";
 import { Chip, ChipProps } from "./Chip/Chip.js";
@@ -45,4 +54,4 @@ import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./Toolt
 import "./Tooltip/index.js";
 import { UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, useBreakpointsConfig } from "./providers/UDSBreakpointsConfigProvider.js";
 import { UDSConfigProvider, UDSConfigProviderProps } from "./providers/UDSConfigProvider.js";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createToast, useBreakpointsConfig, useToastConfig };
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };

package/dist/components/client/index.js

@@ -5,6 +5,14 @@ import { AvatarText } from "./Avatar/AvatarText.js";
 import { AvatarImage } from "./Avatar/AvatarImage.js";
 import { Avatar } from "./Avatar/Avatar.js";
 import { Badge } from "./Badge.js";
+import { UDSBottomSheetConfigProvider } from "./BottomSheet/UDSBottomSheetConfigProvider.js";
+import { useBottomSheetStore } from "./BottomSheet/useBottomSheetStore.js";
+import { BottomSheet } from "./BottomSheet/BottomSheet.js";
+import { BottomSheetContent } from "./BottomSheet/BottomSheetContent.js";
+import { BottomSheetDismiss } from "./BottomSheet/BottomSheetDismiss.js";
+import { BottomSheetHeader } from "./BottomSheet/BottomSheetHeader.js";
+import { BottomSheetProvider } from "./BottomSheet/BottomSheetProvider.js";
+import { BottomSheetTrigger } from "./BottomSheet/BottomSheetTrigger.js";
 import { SpringMotionConfig } from "./SpringMotionConfig.js";
 import { Button } from "./Button.js";
 import { Checkbox } from "./Checkbox.js";
@@ -33,4 +41,4 @@ import { Tooltip } from "./Tooltip/Tooltip.js";
 import { TooltipContent } from "./Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./Tooltip/TooltipTrigger.js";
 
-export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, IconButton, Input, InputHelpText, Menu_index_exports as Menu, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, createToast, useBreakpointsConfig, useToastConfig };
+export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, IconButton, Input, InputHelpText, Menu_index_exports as Menu, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };

package/dist/components/client/providers/UDSConfigProvider.cjs

@@ -2,20 +2,24 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
+const require_components_client_BottomSheet_UDSBottomSheetConfigProvider = require('../BottomSheet/UDSBottomSheetConfigProvider.cjs');
 const require_components_client_providers_UDSBreakpointsConfigProvider = require('./UDSBreakpointsConfigProvider.cjs');
 const require_components_client_Toast_UDSToastConfigProvider = require('../Toast/UDSToastConfigProvider.cjs');
 const require_components_client_Tooltip_UDSTooltipConfigProvider = require('../Tooltip/UDSTooltipConfigProvider.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/client/providers/UDSConfigProvider.tsx
-const UDSConfigProvider = ({ children, value: { breakpoints, toast, tooltip } }) => {
+const UDSConfigProvider = ({ children, value: { bottomSheet, breakpoints, toast, tooltip } }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_providers_UDSBreakpointsConfigProvider.UDSBreakpointsConfigProvider, {
 		value: breakpoints,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider, {
-			value: toast,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider, {
-				value: tooltip,
-				children
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_BottomSheet_UDSBottomSheetConfigProvider.UDSBottomSheetConfigProvider, {
+			value: bottomSheet,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider, {
+				value: toast,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider, {
+					value: tooltip,
+					children
+				})
 			})
 		})
 	});

package/dist/components/client/providers/UDSConfigProvider.d.cts

@@ -11,6 +11,7 @@ declare const UDSConfigProvider: {
   ({
     children,
     value: {
+      bottomSheet,
       breakpoints,
       toast,
       tooltip

package/dist/components/client/providers/UDSConfigProvider.d.ts

@@ -11,6 +11,7 @@ declare const UDSConfigProvider: {
   ({
     children,
     value: {
+      bottomSheet,
       breakpoints,
       toast,
       tooltip

package/dist/components/client/providers/UDSConfigProvider.js

@@ -1,19 +1,23 @@
 "use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { UDSBottomSheetConfigProvider } from "../BottomSheet/UDSBottomSheetConfigProvider.js";
 import { UDSBreakpointsConfigProvider } from "./UDSBreakpointsConfigProvider.js";
 import { UDSToastConfigProvider } from "../Toast/UDSToastConfigProvider.js";
 import { UDSTooltipConfigProvider } from "../Tooltip/UDSTooltipConfigProvider.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/client/providers/UDSConfigProvider.tsx
-const UDSConfigProvider = ({ children, value: { breakpoints, toast, tooltip } }) => {
+const UDSConfigProvider = ({ children, value: { bottomSheet, breakpoints, toast, tooltip } }) => {
 	return /* @__PURE__ */ jsx(UDSBreakpointsConfigProvider, {
 		value: breakpoints,
-		children: /* @__PURE__ */ jsx(UDSToastConfigProvider, {
-			value: toast,
-			children: /* @__PURE__ */ jsx(UDSTooltipConfigProvider, {
-				value: tooltip,
-				children
+		children: /* @__PURE__ */ jsx(UDSBottomSheetConfigProvider, {
+			value: bottomSheet,
+			children: /* @__PURE__ */ jsx(UDSToastConfigProvider, {
+				value: toast,
+				children: /* @__PURE__ */ jsx(UDSTooltipConfigProvider, {
+					value: tooltip,
+					children
+				})
 			})
 		})
 	});

package/dist/components/index.cjs

@@ -10,11 +10,19 @@ const require_components_FormLabel = require('./FormLabel.cjs');
 const require_components_Icon = require('./Icon.cjs');
 const require_components_Image = require('./Image.cjs');
 const require_components_Link = require('./Link.cjs');
+const require_components_Scrim = require('./Scrim.cjs');
 const require_components_client_Avatar_AvatarIcon = require('./client/Avatar/AvatarIcon.cjs');
 const require_components_client_Avatar_AvatarText = require('./client/Avatar/AvatarText.cjs');
 const require_components_client_Avatar_AvatarImage = require('./client/Avatar/AvatarImage.cjs');
 const require_components_client_Avatar_Avatar = require('./client/Avatar/Avatar.cjs');
 const require_components_client_Badge = require('./client/Badge.cjs');
+const require_components_client_BottomSheet_useBottomSheetStore = require('./client/BottomSheet/useBottomSheetStore.cjs');
+const require_components_client_BottomSheet_BottomSheet = require('./client/BottomSheet/BottomSheet.cjs');
+const require_components_client_BottomSheet_BottomSheetContent = require('./client/BottomSheet/BottomSheetContent.cjs');
+const require_components_client_BottomSheet_BottomSheetDismiss = require('./client/BottomSheet/BottomSheetDismiss.cjs');
+const require_components_client_BottomSheet_BottomSheetHeader = require('./client/BottomSheet/BottomSheetHeader.cjs');
+const require_components_client_BottomSheet_BottomSheetProvider = require('./client/BottomSheet/BottomSheetProvider.cjs');
+const require_components_client_BottomSheet_BottomSheetTrigger = require('./client/BottomSheet/BottomSheetTrigger.cjs');
 const require_components_client_SpringMotionConfig = require('./client/SpringMotionConfig.cjs');
 const require_components_client_Button = require('./client/Button.cjs');
 const require_components_client_Checkbox = require('./client/Checkbox.cjs');
@@ -50,6 +58,12 @@ var components_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	AvatarImage: () => require_components_client_Avatar_AvatarImage.AvatarImage,
 	AvatarText: () => require_components_client_Avatar_AvatarText.AvatarText,
 	Badge: () => require_components_client_Badge.Badge,
+	BottomSheet: () => require_components_client_BottomSheet_BottomSheet.BottomSheet,
+	BottomSheetContent: () => require_components_client_BottomSheet_BottomSheetContent.BottomSheetContent,
+	BottomSheetDismiss: () => require_components_client_BottomSheet_BottomSheetDismiss.BottomSheetDismiss,
+	BottomSheetHeader: () => require_components_client_BottomSheet_BottomSheetHeader.BottomSheetHeader,
+	BottomSheetProvider: () => require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider,
+	BottomSheetTrigger: () => require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger,
 	Box: () => require_components_Box.Box,
 	Button: () => require_components_client_Button.Button,
 	Checkbox: () => require_components_client_Checkbox.Checkbox,
@@ -71,6 +85,7 @@ var components_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Pressable: () => require_components_client_Pressable.Pressable,
 	Radio: () => require_components_client_Radio_Radio.Radio,
 	RadioGroupProvider: () => require_components_client_Radio_RadioGroupProvider.RadioGroupProvider,
+	Scrim: () => require_components_Scrim.Scrim,
 	SpringMotionConfig: () => require_components_client_SpringMotionConfig.SpringMotionConfig,
 	Switch: () => require_components_client_Switch.Switch,
 	Text: () => require_components_Text.Text,
@@ -86,6 +101,7 @@ var components_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	UDSTooltipConfigProvider: () => require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider,
 	VStack: () => require_components_VStack.VStack,
 	createToast: () => require_components_client_Toast_createToast.createToast,
+	useBottomSheetStore: () => require_components_client_BottomSheet_useBottomSheetStore.useBottomSheetStore,
 	useBreakpointsConfig: () => require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig,
 	useToastConfig: () => require_components_client_Toast_UDSToastConfigProvider.useToastConfig
 });
@@ -96,6 +112,12 @@ exports.AvatarIcon = require_components_client_Avatar_AvatarIcon.AvatarIcon;
 exports.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;
 exports.AvatarText = require_components_client_Avatar_AvatarText.AvatarText;
 exports.Badge = require_components_client_Badge.Badge;
+exports.BottomSheet = require_components_client_BottomSheet_BottomSheet.BottomSheet;
+exports.BottomSheetContent = require_components_client_BottomSheet_BottomSheetContent.BottomSheetContent;
+exports.BottomSheetDismiss = require_components_client_BottomSheet_BottomSheetDismiss.BottomSheetDismiss;
+exports.BottomSheetHeader = require_components_client_BottomSheet_BottomSheetHeader.BottomSheetHeader;
+exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider;
+exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
 exports.Box = require_components_Box.Box;
 exports.Button = require_components_client_Button.Button;
 exports.Checkbox = require_components_client_Checkbox.Checkbox;
@@ -122,6 +144,7 @@ Object.defineProperty(exports, 'Menu', {
 exports.Pressable = require_components_client_Pressable.Pressable;
 exports.Radio = require_components_client_Radio_Radio.Radio;
 exports.RadioGroupProvider = require_components_client_Radio_RadioGroupProvider.RadioGroupProvider;
+exports.Scrim = require_components_Scrim.Scrim;
 exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
 exports.Switch = require_components_client_Switch.Switch;
 exports.Text = require_components_Text.Text;
@@ -143,5 +166,6 @@ Object.defineProperty(exports, 'components_exports', {
   }
 });
 exports.createToast = require_components_client_Toast_createToast.createToast;
+exports.useBottomSheetStore = require_components_client_BottomSheet_useBottomSheetStore.useBottomSheetStore;
 exports.useBreakpointsConfig = require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig;
 exports.useToastConfig = require_components_client_Toast_UDSToastConfigProvider.useToastConfig;

package/dist/components/index.d.cts

@@ -8,6 +8,7 @@ import { HStack, HStackProps } from "./HStack.cjs";
 import { Icon, IconProps } from "./Icon.cjs";
 import { Image, ImageProps } from "./Image.cjs";
 import { Link, LinkProps } from "./Link.cjs";
+import { Scrim, ScrimProps } from "./Scrim.cjs";
 import { Text, TextProps } from "./Text.cjs";
 import { VStack, VStackProps } from "./VStack.cjs";
 import { SpringMotionConfig, SpringMotionConfigProps } from "./client/SpringMotionConfig.cjs";
@@ -16,6 +17,13 @@ import { AvatarText, AvatarTextProps } from "./client/Avatar/AvatarText.cjs";
 import { AvatarImage, AvatarImageProps } from "./client/Avatar/AvatarImage.cjs";
 import { Avatar, AvatarProps } from "./client/Avatar/Avatar.cjs";
 import { Badge, BadgeProps } from "./client/Badge.cjs";
+import { BottomSheetController, useBottomSheetStore } from "./client/BottomSheet/useBottomSheetStore.cjs";
+import { BottomSheet, BottomSheetProps } from "./client/BottomSheet/BottomSheet.cjs";
+import { BottomSheetContent, BottomSheetContentProps } from "./client/BottomSheet/BottomSheetContent.cjs";
+import { BottomSheetDismiss, BottomSheetDismissProps } from "./client/BottomSheet/BottomSheetDismiss.cjs";
+import { BottomSheetHeader, BottomSheetHeaderProps } from "./client/BottomSheet/BottomSheetHeader.cjs";
+import { BottomSheetProvider, BottomSheetProviderProps } from "./client/BottomSheet/BottomSheetProvider.cjs";
+import { BottomSheetTrigger, BottomSheetTriggerProps } from "./client/BottomSheet/BottomSheetTrigger.cjs";
 import { Button, ButtonProps } from "./client/Button.cjs";
 import { Checkbox, CheckboxProps } from "./client/Checkbox.cjs";
 import { Chip, ChipProps } from "./client/Chip/Chip.cjs";
@@ -49,4 +57,4 @@ import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./clien
 import { UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, useBreakpointsConfig } from "./client/providers/UDSBreakpointsConfigProvider.cjs";
 import { UDSConfigProvider, UDSConfigProviderProps } from "./client/providers/UDSConfigProvider.cjs";
 import "./client/index.cjs";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, Divider, type DividerProps, FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Link, type LinkProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Text, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, VStack, type VStackProps, createToast, useBreakpointsConfig, useToastConfig };
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, Divider, type DividerProps, FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Link, type LinkProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, Scrim, type ScrimProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Text, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, VStack, type VStackProps, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };

package/dist/components/index.d.ts

@@ -8,6 +8,7 @@ import { HStack, HStackProps } from "./HStack.js";
 import { Icon, IconProps } from "./Icon.js";
 import { Image, ImageProps } from "./Image.js";
 import { Link, LinkProps } from "./Link.js";
+import { Scrim, ScrimProps } from "./Scrim.js";
 import { Text, TextProps } from "./Text.js";
 import { VStack, VStackProps } from "./VStack.js";
 import { SpringMotionConfig, SpringMotionConfigProps } from "./client/SpringMotionConfig.js";
@@ -16,6 +17,13 @@ import { AvatarText, AvatarTextProps } from "./client/Avatar/AvatarText.js";
 import { AvatarImage, AvatarImageProps } from "./client/Avatar/AvatarImage.js";
 import { Avatar, AvatarProps } from "./client/Avatar/Avatar.js";
 import { Badge, BadgeProps } from "./client/Badge.js";
+import { BottomSheetController, useBottomSheetStore } from "./client/BottomSheet/useBottomSheetStore.js";
+import { BottomSheet, BottomSheetProps } from "./client/BottomSheet/BottomSheet.js";
+import { BottomSheetContent, BottomSheetContentProps } from "./client/BottomSheet/BottomSheetContent.js";
+import { BottomSheetDismiss, BottomSheetDismissProps } from "./client/BottomSheet/BottomSheetDismiss.js";
+import { BottomSheetHeader, BottomSheetHeaderProps } from "./client/BottomSheet/BottomSheetHeader.js";
+import { BottomSheetProvider, BottomSheetProviderProps } from "./client/BottomSheet/BottomSheetProvider.js";
+import { BottomSheetTrigger, BottomSheetTriggerProps } from "./client/BottomSheet/BottomSheetTrigger.js";
 import { Button, ButtonProps } from "./client/Button.js";
 import { Checkbox, CheckboxProps } from "./client/Checkbox.js";
 import { Chip, ChipProps } from "./client/Chip/Chip.js";
@@ -49,4 +57,4 @@ import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./clien
 import { UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, useBreakpointsConfig } from "./client/providers/UDSBreakpointsConfigProvider.js";
 import { UDSConfigProvider, UDSConfigProviderProps } from "./client/providers/UDSConfigProvider.js";
 import "./client/index.js";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, Divider, type DividerProps, FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Link, type LinkProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Text, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, VStack, type VStackProps, createToast, useBreakpointsConfig, useToastConfig };
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, Divider, type DividerProps, FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, type IconProps, Image, type ImageProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Link, type LinkProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, Scrim, type ScrimProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Text, type TextProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, VStack, type VStackProps, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };

package/dist/components/index.js

@@ -9,11 +9,19 @@ import { FormLabel } from "./FormLabel.js";
 import { Icon } from "./Icon.js";
 import { Image } from "./Image.js";
 import { Link } from "./Link.js";
+import { Scrim } from "./Scrim.js";
 import { AvatarIcon } from "./client/Avatar/AvatarIcon.js";
 import { AvatarText } from "./client/Avatar/AvatarText.js";
 import { AvatarImage } from "./client/Avatar/AvatarImage.js";
 import { Avatar } from "./client/Avatar/Avatar.js";
 import { Badge } from "./client/Badge.js";
+import { useBottomSheetStore } from "./client/BottomSheet/useBottomSheetStore.js";
+import { BottomSheet } from "./client/BottomSheet/BottomSheet.js";
+import { BottomSheetContent } from "./client/BottomSheet/BottomSheetContent.js";
+import { BottomSheetDismiss } from "./client/BottomSheet/BottomSheetDismiss.js";
+import { BottomSheetHeader } from "./client/BottomSheet/BottomSheetHeader.js";
+import { BottomSheetProvider } from "./client/BottomSheet/BottomSheetProvider.js";
+import { BottomSheetTrigger } from "./client/BottomSheet/BottomSheetTrigger.js";
 import { SpringMotionConfig } from "./client/SpringMotionConfig.js";
 import { Button } from "./client/Button.js";
 import { Checkbox } from "./client/Checkbox.js";
@@ -49,6 +57,12 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	AvatarImage: () => AvatarImage,
 	AvatarText: () => AvatarText,
 	Badge: () => Badge,
+	BottomSheet: () => BottomSheet,
+	BottomSheetContent: () => BottomSheetContent,
+	BottomSheetDismiss: () => BottomSheetDismiss,
+	BottomSheetHeader: () => BottomSheetHeader,
+	BottomSheetProvider: () => BottomSheetProvider,
+	BottomSheetTrigger: () => BottomSheetTrigger,
 	Box: () => Box,
 	Button: () => Button,
 	Checkbox: () => Checkbox,
@@ -70,6 +84,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	Pressable: () => Pressable,
 	Radio: () => Radio,
 	RadioGroupProvider: () => RadioGroupProvider,
+	Scrim: () => Scrim,
 	SpringMotionConfig: () => SpringMotionConfig,
 	Switch: () => Switch,
 	Text: () => Text,
@@ -85,9 +100,10 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UDSTooltipConfigProvider: () => UDSTooltipConfigProvider,
 	VStack: () => VStack,
 	createToast: () => createToast,
+	useBottomSheetStore: () => useBottomSheetStore,
 	useBreakpointsConfig: () => useBreakpointsConfig,
 	useToastConfig: () => useToastConfig
 });
 
 //#endregion
-export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, FormLabel, HStack, Icon, IconButton, Image, Input, InputHelpText, Link, Menu_index_exports as Menu, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, components_exports, createToast, useBreakpointsConfig, useToastConfig };
+export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, FormLabel, HStack, Icon, IconButton, Image, Input, InputHelpText, Link, Menu_index_exports as Menu, Pressable, Radio, RadioGroupProvider, Scrim, SpringMotionConfig, Switch, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, components_exports, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };

package/dist/config/dist/index.cjs

@@ -2,7 +2,7 @@
 
 //#region ../config/dist/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LATEST_MIGRATION_VERSION = "v0.84.0";
+const LATEST_MIGRATION_VERSION = "v0.85.0";
 /**
 * NOTE: If you're building a feature with a migration,
 * this type will likely throw.  You can regenerate yosConfig
@@ -886,6 +886,70 @@ const defaultTokensConfig = {
 			}
 		}
 	},
+	bottomSheet: {
+		defaults: { variant: "default" },
+		variables: {
+			"variant/default/header": {
+				color: { rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "headline1",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "spectrumColors",
+					value: "gray-3",
+					valueType: "alias"
+				} },
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "lg",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				bottomMargin: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				horizontalMargin: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "elevationAliases",
+					value: "elevation-2",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
 	breakpoints: {
 		"2xl": {
 			type: "px",
@@ -14155,6 +14219,30 @@ const defaultTokensConfig = {
 		},
 		isAdvancedModeEnabled: false
 	},
+	focusRing: {
+		dark: {
+			color: {
+				type: "spectrum",
+				value: {
+					hue: "gray",
+					step: "15"
+				}
+			},
+			offset: 2,
+			width: 2
+		},
+		light: {
+			color: {
+				type: "spectrum",
+				value: {
+					hue: "gray",
+					step: "15"
+				}
+			},
+			offset: 2,
+			width: 2
+		}
+	},
 	font: {
 		mono: "roboto-mono",
 		sans: "yas",
@@ -17462,6 +17550,26 @@ const defaultTokensConfig = {
 			}
 		}
 	},
+	scrim: {
+		defaults: { variant: "default" },
+		variables: { "variant/default/root": {
+			backdropBlur: { rest: {
+				type: "positiveIntegers",
+				value: 0,
+				valueType: "custom"
+			} },
+			backgroundColor: { rest: {
+				type: "alwaysPaletteAliases",
+				value: "always/black",
+				valueType: "alias"
+			} },
+			opacity: { rest: {
+				type: "opacitySteps",
+				value: "20",
+				valueType: "alias"
+			} }
+		} }
+	},
 	shadow: {
 		drop: {
 			"2xl": [{
@@ -26858,7 +26966,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.83.0",
+	version: "v0.85.0",
 	version: LATEST_MIGRATION_VERSION
 };
 

package/dist/config/dist/index.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 //#region ../config/dist/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LATEST_MIGRATION_VERSION = "v0.84.0";
+const LATEST_MIGRATION_VERSION = "v0.85.0";
 /**
 * NOTE: If you're building a feature with a migration,
 * this type will likely throw.  You can regenerate yosConfig
@@ -885,6 +885,70 @@ const defaultTokensConfig = {
 			}
 		}
 	},
+	bottomSheet: {
+		defaults: { variant: "default" },
+		variables: {
+			"variant/default/header": {
+				color: { rest: {
+					type: "foregroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "headline1",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "spectrumColors",
+					value: "gray-3",
+					valueType: "alias"
+				} },
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "lg",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				bottomMargin: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				horizontalMargin: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "elevationAliases",
+					value: "elevation-2",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
 	breakpoints: {
 		"2xl": {
 			type: "px",
@@ -14154,6 +14218,30 @@ const defaultTokensConfig = {
 		},
 		isAdvancedModeEnabled: false
 	},
+	focusRing: {
+		dark: {
+			color: {
+				type: "spectrum",
+				value: {
+					hue: "gray",
+					step: "15"
+				}
+			},
+			offset: 2,
+			width: 2
+		},
+		light: {
+			color: {
+				type: "spectrum",
+				value: {
+					hue: "gray",
+					step: "15"
+				}
+			},
+			offset: 2,
+			width: 2
+		}
+	},
 	font: {
 		mono: "roboto-mono",
 		sans: "yas",
@@ -17461,6 +17549,26 @@ const defaultTokensConfig = {
 			}
 		}
 	},
+	scrim: {
+		defaults: { variant: "default" },
+		variables: { "variant/default/root": {
+			backdropBlur: { rest: {
+				type: "positiveIntegers",
+				value: 0,
+				valueType: "custom"
+			} },
+			backgroundColor: { rest: {
+				type: "alwaysPaletteAliases",
+				value: "always/black",
+				valueType: "alias"
+			} },
+			opacity: { rest: {
+				type: "opacitySteps",
+				value: "20",
+				valueType: "alias"
+			} }
+		} }
+	},
 	shadow: {
 		drop: {
 			"2xl": [{
@@ -26857,7 +26965,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.83.0",
+	version: "v0.85.0",
 	version: LATEST_MIGRATION_VERSION
 };