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

package/dist/uds/generated/componentData.cjs

@@ -64,6 +64,30 @@ var Box = {
 	] },
 	"motionVarPrefixes": []
 };
+var Scrim = {
+	"name": "Scrim",
+	"defaultProps": {
+		"variant": "default",
+		"position": "fixed"
+	},
+	"getStylesLiterals": {},
+	"cxLiterals": [
+		"fixed",
+		"absolute",
+		"inset-0",
+		"z-40",
+		"transition-opacity",
+		"duration-150",
+		"data-[enter]:opacity-100",
+		"[&:not([data-enter])]:opacity-0",
+		"opacity-100",
+		"uds-bgBlurFallback"
+	],
+	"internalComponents": ["Box"],
+	"internalComponentProps": { "Box": { "display": ["block"] } },
+	"propToVariantKeys": { "variant": ["scrimVariantRoot"] },
+	"motionVarPrefixes": []
+};
 var Icon = {
 	"name": "Icon",
 	"defaultProps": {
@@ -986,6 +1010,159 @@ var AvatarIcon = {
 	"propToVariantKeys": { "size": ["avatarSizeIcon"] },
 	"motionVarPrefixes": []
 };
+var BottomSheetContent = {
+	"name": "BottomSheetContent",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": ["min-h-0", "touch-pan-y"],
+	"internalComponents": ["Box", "VStack"],
+	"internalComponentProps": {
+		"Box": {
+			"display": ["block"],
+			"overflowY": ["auto"],
+			"flex": ["1"]
+		},
+		"VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
+	},
+	"propToVariantKeys": {},
+	"motionVarPrefixes": []
+};
+var BottomSheetDismiss = {
+	"name": "BottomSheetDismiss",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["AriakitDialogDismiss"],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"motionVarPrefixes": []
+};
+var 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"
+	],
+	"internalComponentProps": {
+		"BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
+		"Dialog": { "data-testid": ["bottom-sheet"] },
+		"Box": {
+			"display": ["block"],
+			"position": ["absolute"]
+		}
+	},
+	"propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
+	"motionVarPrefixes": []
+};
+var BottomSheetHandle = {
+	"name": "BottomSheetHandle",
+	"defaultProps": {},
+	"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",
+		"bg-accent"
+	],
+	"internalComponents": ["Box"],
+	"internalComponentProps": { "Box": {
+		"display": ["block", "flex"],
+		"justifyContent": ["center"]
+	} },
+	"propToVariantKeys": {},
+	"motionVarPrefixes": []
+};
+var 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"],
+	"internalComponentProps": {
+		"Box": {
+			"className": ["h-10 w-10 opacity-0 pointer-events-none"],
+			"display": ["grid", "flex"],
+			"justifyContent": ["flex-start", "flex-end"]
+		},
+		"Text": {
+			"variant": ["inherit"],
+			"color": ["inherit"],
+			"textAlign": ["center"],
+			"className": ["w-full"]
+		}
+	},
+	"propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
+	"motionVarPrefixes": []
+};
+var BottomSheetTrigger = {
+	"name": "BottomSheetTrigger",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["AriakitDialogDisclosure"],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"motionVarPrefixes": []
+};
+var BottomSheetProvider = {
+	"name": "BottomSheetProvider",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["AriakitDialogProvider"],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"motionVarPrefixes": []
+};
+var UDSBottomSheetConfigProvider = {
+	"name": "UDSBottomSheetConfigProvider",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": ["BottomSheetContext.Provider"],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"motionVarPrefixes": []
+};
 var UDSToastConfigProvider = {
 	"name": "UDSToastConfigProvider",
 	"defaultProps": {},
@@ -1387,6 +1564,7 @@ var UDSConfigProvider = {
 	"cxLiterals": [],
 	"internalComponents": [
 		"UDSBreakpointsConfigProvider",
+		"UDSBottomSheetConfigProvider",
 		"UDSToastConfigProvider",
 		"UDSTooltipConfigProvider"
 	],
@@ -1404,6 +1582,116 @@ var UDSBreakpointsConfigProvider = {
 	"propToVariantKeys": {},
 	"motionVarPrefixes": []
 };
+var ChipLink = {
+	"name": "ChipLink",
+	"defaultProps": { "variant": "primary" },
+	"getStylesLiterals": {},
+	"cxLiterals": ["uds-ring"],
+	"internalComponents": ["ChipBase"],
+	"internalComponentProps": { "ChipBase": { "as": ["a"] } },
+	"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
+	"motionVarPrefixes": []
+};
+var ChipDismissible = {
+	"name": "ChipDismissible",
+	"defaultProps": { "variant": "primary" },
+	"getStylesLiterals": {},
+	"cxLiterals": [
+		"uds-chip-dismissible-button",
+		"uds-hit-target",
+		"uds-ring",
+		"rounded-full"
+	],
+	"internalComponents": [
+		"ChipBase",
+		"IconSlot",
+		"Pressable"
+	],
+	"internalComponentProps": {},
+	"propToVariantKeys": {
+		"variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
+		"dismissButtonAriaLabel": ["aria-label"]
+	},
+	"motionVarPrefixes": []
+};
+var ChipToggle = {
+	"name": "ChipToggle",
+	"defaultProps": {
+		"variant": "primary",
+		"role": "checkbox"
+	},
+	"getStylesLiterals": {
+		"chipToggleVariantActiveRoot": "on",
+		"chipToggleVariantActiveRoot:1": "off"
+	},
+	"cxLiterals": ["uds-ring"],
+	"internalComponents": ["ChipBase"],
+	"internalComponentProps": { "ChipBase": { "as": ["button"] } },
+	"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
+	"motionVarPrefixes": []
+};
+var Chip = {
+	"name": "Chip",
+	"defaultProps": {},
+	"getStylesLiterals": {},
+	"cxLiterals": [],
+	"internalComponents": [
+		"ChipDismissible",
+		"ChipToggle",
+		"ChipLink",
+		"ChipButton"
+	],
+	"internalComponentProps": {},
+	"propToVariantKeys": {},
+	"motionVarPrefixes": []
+};
+var 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"
+	],
+	"internalComponentProps": { "Text": {
+		"as": ["span"],
+		"color": ["current"],
+		"variant": ["inherit"]
+	} },
+	"propToVariantKeys": {
+		"size": ["chipSizeRoot", "chipSizeIcon"],
+		"startIcon": ["icon"],
+		"endIcon": ["icon"]
+	},
+	"motionVarPrefixes": []
+};
+var ChipButton = {
+	"name": "ChipButton",
+	"defaultProps": { "variant": "primary" },
+	"getStylesLiterals": {},
+	"cxLiterals": ["uds-ring"],
+	"internalComponents": ["ChipBase"],
+	"internalComponentProps": { "ChipBase": { "as": ["button"] } },
+	"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
+	"motionVarPrefixes": []
+};
 var Menu_Item = {
 	"name": "Menu.Item",
 	"defaultProps": {},
@@ -1583,120 +1871,11 @@ var Menu_ItemCheckbox = {
 	"propToVariantKeys": {},
 	"motionVarPrefixes": []
 };
-var ChipLink = {
-	"name": "ChipLink",
-	"defaultProps": { "variant": "primary" },
-	"getStylesLiterals": {},
-	"cxLiterals": ["uds-ring"],
-	"internalComponents": ["ChipBase"],
-	"internalComponentProps": { "ChipBase": { "as": ["a"] } },
-	"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
-	"motionVarPrefixes": []
-};
-var ChipDismissible = {
-	"name": "ChipDismissible",
-	"defaultProps": { "variant": "primary" },
-	"getStylesLiterals": {},
-	"cxLiterals": [
-		"uds-chip-dismissible-button",
-		"uds-hit-target",
-		"uds-ring",
-		"rounded-full"
-	],
-	"internalComponents": [
-		"ChipBase",
-		"IconSlot",
-		"Pressable"
-	],
-	"internalComponentProps": {},
-	"propToVariantKeys": {
-		"variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
-		"dismissButtonAriaLabel": ["aria-label"]
-	},
-	"motionVarPrefixes": []
-};
-var ChipToggle = {
-	"name": "ChipToggle",
-	"defaultProps": {
-		"variant": "primary",
-		"role": "checkbox"
-	},
-	"getStylesLiterals": {
-		"chipToggleVariantActiveRoot": "on",
-		"chipToggleVariantActiveRoot:1": "off"
-	},
-	"cxLiterals": ["uds-ring"],
-	"internalComponents": ["ChipBase"],
-	"internalComponentProps": { "ChipBase": { "as": ["button"] } },
-	"propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
-	"motionVarPrefixes": []
-};
-var Chip = {
-	"name": "Chip",
-	"defaultProps": {},
-	"getStylesLiterals": {},
-	"cxLiterals": [],
-	"internalComponents": [
-		"ChipDismissible",
-		"ChipToggle",
-		"ChipLink",
-		"ChipButton"
-	],
-	"internalComponentProps": {},
-	"propToVariantKeys": {},
-	"motionVarPrefixes": []
-};
-var 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"
-	],
-	"internalComponentProps": { "Text": {
-		"as": ["span"],
-		"color": ["current"],
-		"variant": ["inherit"]
-	} },
-	"propToVariantKeys": {
-		"size": ["chipSizeRoot", "chipSizeIcon"],
-		"startIcon": ["icon"],
-		"endIcon": ["icon"]
-	},
-	"motionVarPrefixes": []
-};
-var ChipButton = {
-	"name": "ChipButton",
-	"defaultProps": { "variant": "primary" },
-	"getStylesLiterals": {},
-	"cxLiterals": ["uds-ring"],
-	"internalComponents": ["ChipBase"],
-	"internalComponentProps": { "ChipBase": { "as": ["button"] } },
-	"propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
-	"motionVarPrefixes": []
-};
 var componentData_default = {
 	Link,
 	VStack,
 	Box,
+	Scrim,
 	Icon,
 	FormLabel,
 	Text,
@@ -1728,6 +1907,14 @@ var componentData_default = {
 	AvatarText,
 	Avatar,
 	AvatarIcon,
+	BottomSheetContent,
+	BottomSheetDismiss,
+	BottomSheet,
+	BottomSheetHandle,
+	BottomSheetHeader,
+	BottomSheetTrigger,
+	BottomSheetProvider,
+	UDSBottomSheetConfigProvider,
 	UDSToastConfigProvider,
 	Toast,
 	ToastContainer,
@@ -1744,6 +1931,12 @@ var componentData_default = {
 	InputHelpTextInternal,
 	UDSConfigProvider,
 	UDSBreakpointsConfigProvider,
+	ChipLink,
+	ChipDismissible,
+	ChipToggle,
+	Chip,
+	ChipBase,
+	ChipButton,
 	"Menu.Item": Menu_Item,
 	"Menu.Provider": Menu_Provider,
 	"Menu.ItemBase": Menu_ItemBase,
@@ -1751,13 +1944,7 @@ var componentData_default = {
 	"Menu.Content": Menu_Content,
 	"Menu.Divider": Menu_Divider,
 	Menu,
-	"Menu.ItemCheckbox": Menu_ItemCheckbox,
-	ChipLink,
-	ChipDismissible,
-	ChipToggle,
-	Chip,
-	ChipBase,
-	ChipButton
+	"Menu.ItemCheckbox": Menu_ItemCheckbox
 };
 
 //#endregion
@@ -1809,6 +1996,48 @@ Object.defineProperty(exports, 'Badge', {
     return Badge;
   }
 });
+Object.defineProperty(exports, 'BottomSheet', {
+  enumerable: true,
+  get: function () {
+    return BottomSheet;
+  }
+});
+Object.defineProperty(exports, 'BottomSheetContent', {
+  enumerable: true,
+  get: function () {
+    return BottomSheetContent;
+  }
+});
+Object.defineProperty(exports, 'BottomSheetDismiss', {
+  enumerable: true,
+  get: function () {
+    return BottomSheetDismiss;
+  }
+});
+Object.defineProperty(exports, 'BottomSheetHandle', {
+  enumerable: true,
+  get: function () {
+    return BottomSheetHandle;
+  }
+});
+Object.defineProperty(exports, 'BottomSheetHeader', {
+  enumerable: true,
+  get: function () {
+    return BottomSheetHeader;
+  }
+});
+Object.defineProperty(exports, 'BottomSheetProvider', {
+  enumerable: true,
+  get: function () {
+    return BottomSheetProvider;
+  }
+});
+Object.defineProperty(exports, 'BottomSheetTrigger', {
+  enumerable: true,
+  get: function () {
+    return BottomSheetTrigger;
+  }
+});
 Object.defineProperty(exports, 'Box', {
   enumerable: true,
   get: function () {
@@ -2025,6 +2254,12 @@ Object.defineProperty(exports, 'RadioGroupStore', {
     return RadioGroupStore;
   }
 });
+Object.defineProperty(exports, 'Scrim', {
+  enumerable: true,
+  get: function () {
+    return Scrim;
+  }
+});
 Object.defineProperty(exports, 'SegmentedControl', {
   enumerable: true,
   get: function () {
@@ -2115,6 +2350,12 @@ Object.defineProperty(exports, 'TooltipTrigger', {
     return TooltipTrigger;
   }
 });
+Object.defineProperty(exports, 'UDSBottomSheetConfigProvider', {
+  enumerable: true,
+  get: function () {
+    return UDSBottomSheetConfigProvider;
+  }
+});
 Object.defineProperty(exports, 'UDSBreakpointsConfigProvider', {
   enumerable: true,
   get: function () {