@yahoo/uds 3.116.0-beta.3 → 3.116.0

package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs

@@ -11064,84 +11064,6 @@ const defaultUniversalTokensConfigAuto = {
 			} } }
 		}
 	},
-	popover: {
-		defaults: {
-			size: "default",
-			variant: "default"
-		},
-		variables: {
-			"size/default/closeIcon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
-				valueType: "alias"
-			} } },
-			"size/default/contentWrapper": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "3",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "5",
-					valueType: "alias"
-				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "5",
-					valueType: "alias"
-				} }
-			},
-			"size/default/root": { shadow: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } },
-			"size/default/svgBase": { borderRadius: { rest: {
-				type: "borderRadii",
-				value: "lg",
-				valueType: "alias"
-			} } },
-			"size/default/svgBorder": { strokeWidth: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } },
-			"variant/default/blur": { backdropBlur: { rest: {
-				type: "positiveIntegers",
-				value: 0,
-				valueType: "alias"
-			} } },
-			"variant/default/closeIcon": { color: { rest: {
-				type: "foregroundPaletteColors",
-				value: "primary",
-				valueType: "alias"
-			} } },
-			"variant/default/root": {},
-			"variant/default/svgBase": {
-				backgroundColor: { rest: {
-					type: "elevationAliases",
-					value: "elevation-4",
-					valueType: "alias"
-				} },
-				blurBackgroundColorFallback: { rest: {
-					type: "elevationAliases",
-					value: "elevation-4",
-					valueType: "alias"
-				} },
-				fillOpacity: { rest: {
-					type: "opacitySteps",
-					value: "100",
-					valueType: "alias"
-				} }
-			},
-			"variant/default/svgBorder": { stroke: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } }
-		}
-	},
 	radio: {
 		defaults: {
 			size: "sm",

package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts

@@ -1,5 +1,5 @@
 
-import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
+import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
 import { ComponentSchema } from "../utils/buildConfigSchema.cjs";
 
 //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -17,7 +17,6 @@ interface UniversalTokensConfigAuto {
   link: ComponentSchema<typeof LinkConfig>;
   menuContent: ComponentSchema<typeof MenuContentConfig>;
   menuItem: ComponentSchema<typeof MenuItemConfig>;
-  popover: ComponentSchema<typeof PopoverConfig>;
   radio: ComponentSchema<typeof RadioConfig>;
   scrim: ComponentSchema<typeof ScrimConfig>;
   switch: ComponentSchema<typeof SwitchConfig>;

package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts

@@ -1,5 +1,5 @@
 
-import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
+import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
 import { ComponentSchema } from "../utils/buildConfigSchema.js";
 
 //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -17,7 +17,6 @@ interface UniversalTokensConfigAuto {
   link: ComponentSchema<typeof LinkConfig>;
   menuContent: ComponentSchema<typeof MenuContentConfig>;
   menuItem: ComponentSchema<typeof MenuItemConfig>;
-  popover: ComponentSchema<typeof PopoverConfig>;
   radio: ComponentSchema<typeof RadioConfig>;
   scrim: ComponentSchema<typeof ScrimConfig>;
   switch: ComponentSchema<typeof SwitchConfig>;

package/dist/automated-config/dist/generated/universalTokensConfigAuto.js

@@ -11063,84 +11063,6 @@ const defaultUniversalTokensConfigAuto = {
 			} } }
 		}
 	},
-	popover: {
-		defaults: {
-			size: "default",
-			variant: "default"
-		},
-		variables: {
-			"size/default/closeIcon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
-				valueType: "alias"
-			} } },
-			"size/default/contentWrapper": {
-				gap: { rest: {
-					type: "spacingAliases",
-					value: "3",
-					valueType: "alias"
-				} },
-				spacingHorizontal: { rest: {
-					type: "spacingAliases",
-					value: "5",
-					valueType: "alias"
-				} },
-				spacingVertical: { rest: {
-					type: "spacingAliases",
-					value: "5",
-					valueType: "alias"
-				} }
-			},
-			"size/default/root": { shadow: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } },
-			"size/default/svgBase": { borderRadius: { rest: {
-				type: "borderRadii",
-				value: "lg",
-				valueType: "alias"
-			} } },
-			"size/default/svgBorder": { strokeWidth: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } },
-			"variant/default/blur": { backdropBlur: { rest: {
-				type: "positiveIntegers",
-				value: 0,
-				valueType: "alias"
-			} } },
-			"variant/default/closeIcon": { color: { rest: {
-				type: "foregroundPaletteColors",
-				value: "primary",
-				valueType: "alias"
-			} } },
-			"variant/default/root": {},
-			"variant/default/svgBase": {
-				backgroundColor: { rest: {
-					type: "elevationAliases",
-					value: "elevation-4",
-					valueType: "alias"
-				} },
-				blurBackgroundColorFallback: { rest: {
-					type: "elevationAliases",
-					value: "elevation-4",
-					valueType: "alias"
-				} },
-				fillOpacity: { rest: {
-					type: "opacitySteps",
-					value: "100",
-					valueType: "alias"
-				} }
-			},
-			"variant/default/svgBorder": { stroke: { rest: {
-				type: "elevationAliases",
-				value: "elevation-4",
-				valueType: "alias"
-			} } }
-		}
-	},
 	radio: {
 		defaults: {
 			size: "sm",

package/dist/cli/commands/sync.cjs

@@ -4,7 +4,6 @@ const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 const require_defaultTokensConfig = require('../../defaultTokensConfig.cjs');
 const require_runtime_bottomSheetConfig = require('../../runtime/bottomSheetConfig.cjs');
 const require_runtime_breakpointsConfig = require('../../runtime/breakpointsConfig.cjs');
-const require_runtime_popoverConfig = require('../../runtime/popoverConfig.cjs');
 const require_runtime_toastConfig = require('../../runtime/toastConfig.cjs');
 const require_runtime_tooltipConfig = require('../../runtime/tooltipConfig.cjs');
 const require_config = require('../dist/utils/rules/config.cjs');
@@ -19,10 +18,8 @@ let node_fs = require("node:fs");
 //#region src/cli/commands/sync.ts
 const PRODUCTION_ENDPOINT = "https://config.uds.build/api/config";
 const STAGING_ENDPOINT = "https://staging.config.uds.build/api/config";
-const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app/api/config";
 function getConfigEndpoint() {
 	if (process.env.DATABASE === "staging") return STAGING_ENDPOINT;
-	if (process.env.DATABASE === "beta") return BETA_ENDPOINT;
 	if (process.env.DATABASE === "local") return `http://localhost:${process.env.PORT || 4001}/api/config`;
 	return PRODUCTION_ENDPOINT;
 }
@@ -67,7 +64,6 @@ const syncCommand = {
 			const runtimeConfigs = {
 				bottomSheet: [require_runtime_bottomSheetConfig.configToBottomSheetConfigContext(sortedConfig), "UDSBottomSheetConfigContextType"],
 				breakpoints: [require_runtime_breakpointsConfig.configToBreakpointsConfigContext(sortedConfig), "UDSBreakpointsConfigContextType"],
-				popover: [require_runtime_popoverConfig.configToPopoverConfigContext(sortedConfig), "UDSPopoverConfigContextType"],
 				toast: [require_runtime_toastConfig.configToToastConfigContext(sortedConfig), "UDSToastConfigContextType"],
 				tooltip: [require_runtime_tooltipConfig.configToTooltipConfigContext(sortedConfig), "UDSTooltipConfigContextType"]
 			};
@@ -83,14 +79,12 @@ const syncCommand = {
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
-  popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);
 			exportsJS.push(`export const runtimeConfig = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
-  popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);

package/dist/cli/commands/sync.js

@@ -2,7 +2,6 @@
 import { defaultTokensConfig } from "../../defaultTokensConfig.js";
 import { configToBottomSheetConfigContext } from "../../runtime/bottomSheetConfig.js";
 import { configToBreakpointsConfigContext } from "../../runtime/breakpointsConfig.js";
-import { configToPopoverConfigContext } from "../../runtime/popoverConfig.js";
 import { configToToastConfigContext } from "../../runtime/toastConfig.js";
 import { configToTooltipConfigContext } from "../../runtime/tooltipConfig.js";
 import { getEditorsWithStaleRules } from "../dist/utils/rules/config.js";
@@ -16,10 +15,8 @@ import { writeFileSync } from "node:fs";
 //#region src/cli/commands/sync.ts
 const PRODUCTION_ENDPOINT = "https://config.uds.build/api/config";
 const STAGING_ENDPOINT = "https://staging.config.uds.build/api/config";
-const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app/api/config";
 function getConfigEndpoint() {
 	if (process.env.DATABASE === "staging") return STAGING_ENDPOINT;
-	if (process.env.DATABASE === "beta") return BETA_ENDPOINT;
 	if (process.env.DATABASE === "local") return `http://localhost:${process.env.PORT || 4001}/api/config`;
 	return PRODUCTION_ENDPOINT;
 }
@@ -64,7 +61,6 @@ const syncCommand = {
 			const runtimeConfigs = {
 				bottomSheet: [configToBottomSheetConfigContext(sortedConfig), "UDSBottomSheetConfigContextType"],
 				breakpoints: [configToBreakpointsConfigContext(sortedConfig), "UDSBreakpointsConfigContextType"],
-				popover: [configToPopoverConfigContext(sortedConfig), "UDSPopoverConfigContextType"],
 				toast: [configToToastConfigContext(sortedConfig), "UDSToastConfigContextType"],
 				tooltip: [configToTooltipConfigContext(sortedConfig), "UDSTooltipConfigContextType"]
 			};
@@ -80,14 +76,12 @@ const syncCommand = {
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
-  popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);
 			exportsJS.push(`export const runtimeConfig = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
-  popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);

package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts

@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "hideEndIcon" | "rootProps" | "active"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts

@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "hideEndIcon" | "rootProps" | "active"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/components/client/Toast/Toast.cjs

@@ -42,14 +42,14 @@ const iconMap = {
 * <Toast variant="info" message="This is a toast" />
 *```
 *
-* @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
+* @related [Tooltip](https://uds.build/docs/components/tooltip), Popover (coming soon)
 **/
 const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon = _yahoo_uds_icons.Cross, closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }) => {
 	const { iconVariant, iconSize, buttonVariant, buttonSize, size, variant, textVariant, textColor } = require_components_client_Toast_UDSToastConfigProvider.useToastConfig(sizeProp, variantProp);
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
 	const { className: closeIconClassName, ...closeIconProps } = slotProps?.closeIcon ?? {};
-	const reducedMotion = (0, motion_react.useReducedMotion)() || forceReduceMotion;
+	const cssAnimationDuration = (0, motion_react.useReducedMotion)() || forceReduceMotion ? "duration-0" : "duration-120";
 	const handleClose = () => {
 		closeToast?.();
 		onClickCloseButton?.(id);
@@ -72,7 +72,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
 		closeIconContainer: require_styles_styler.getStyles({
 			spacing: "2",
 			borderRadius: "full",
-			className: require_styles_styler.cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
+			className: require_styles_styler.cx(cssAnimationDuration, "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
 		}),
 		closeIcon: require_styles_styler.getStyles({
 			toastVariantCloseIcon: variant,

package/dist/components/client/Toast/Toast.d.cts

@@ -44,7 +44,7 @@ interface ToastProps extends UniversalToastProps, Partial<ReactToastifyContext>
  * <Toast variant="info" message="This is a toast" />
  *```
  *
- * @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
+ * @related [Tooltip](https://uds.build/docs/components/tooltip), Popover (coming soon)
  **/
 declare const Toast: {
   ({

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

@@ -44,7 +44,7 @@ interface ToastProps extends UniversalToastProps, Partial<ReactToastifyContext>
  * <Toast variant="info" message="This is a toast" />
  *```
  *
- * @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
+ * @related [Tooltip](https://uds.build/docs/components/tooltip), Popover (coming soon)
  **/
 declare const Toast: {
   ({

package/dist/components/client/Toast/Toast.js

@@ -40,14 +40,14 @@ const iconMap = {
 * <Toast variant="info" message="This is a toast" />
 *```
 *
-* @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
+* @related [Tooltip](https://uds.build/docs/components/tooltip), Popover (coming soon)
 **/
 const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon = Cross, closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }) => {
 	const { iconVariant, iconSize, buttonVariant, buttonSize, size, variant, textVariant, textColor } = useToastConfig(sizeProp, variantProp);
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
 	const { className: closeIconClassName, ...closeIconProps } = slotProps?.closeIcon ?? {};
-	const reducedMotion = useReducedMotion() || forceReduceMotion;
+	const cssAnimationDuration = useReducedMotion() || forceReduceMotion ? "duration-0" : "duration-120";
 	const handleClose = () => {
 		closeToast?.();
 		onClickCloseButton?.(id);
@@ -70,7 +70,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
 		closeIconContainer: getStyles({
 			spacing: "2",
 			borderRadius: "full",
-			className: cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
+			className: cx(cssAnimationDuration, "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
 		}),
 		closeIcon: getStyles({
 			toastVariantCloseIcon: variant,

package/dist/components/client/Toast/index.d.cts

@@ -1,7 +1,7 @@
 
 import { Toast, ToastProps } from "./Toast.cjs";
-import { ToastLoadingPromise, createToast } from "./createToast.cjs";
 import { ToastContainer, ToastContainerProps } from "./ToastContainer.cjs";
 import { ToastPortal, ToastPortalProps } from "./ToastPortal.cjs";
 import { UDSToastConfigProvider, UDSToastConfigProviderProps, useToastConfig } from "./UDSToastConfigProvider.cjs";
+import { ToastLoadingPromise, createToast } from "./createToast.cjs";
 export { Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, createToast, useToastConfig };

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

@@ -1,7 +1,7 @@
 
 import { Toast, ToastProps } from "./Toast.js";
-import { ToastLoadingPromise, createToast } from "./createToast.js";
 import { ToastContainer, ToastContainerProps } from "./ToastContainer.js";
 import { ToastPortal, ToastPortalProps } from "./ToastPortal.js";
 import { UDSToastConfigProvider, UDSToastConfigProviderProps, useToastConfig } from "./UDSToastConfigProvider.js";
+import { ToastLoadingPromise, createToast } from "./createToast.js";
 export { Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, createToast, useToastConfig };

package/dist/components/client/Tooltip/Tooltip.cjs

@@ -34,21 +34,21 @@ let _ariakit_react = require("@ariakit/react");
 * </Tooltip>
 *```
 *
-* @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
+* @related [Toast](https://uds.build/docs/components/toast), Popover (coming soon).
 **/
 function Tooltip({ children, placement, open, portal = true }) {
-	const isControlled = open !== void 0;
-	const controlledProps = isControlled ? {
+	const hideOnHoverOutside = open === void 0;
+	const controlledProps = open !== void 0 ? {
 		showTimeout: 0,
 		hideTimeout: 0,
 		timeout: 0,
-		...open ? { mounted: true } : {}
+		mounted: open
 	} : void 0;
 	const { animationDuration, ariaKitPlacement } = require_components_client_Tooltip_UDSTooltipConfigProvider.useTooltipConfig({ placement });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Tooltip_tooltipContext.TooltipInternalContext.Provider, {
 		value: {
-			portal,
-			isControlled
+			hideOnHoverOutside,
+			portal
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipProvider, {
 			placement: ariaKitPlacement,

package/dist/components/client/Tooltip/Tooltip.d.cts

@@ -30,7 +30,7 @@ type TooltipProps = UniversalTooltipProps;
  * </Tooltip>
  *```
  *
- * @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
+ * @related [Toast](https://uds.build/docs/components/toast), Popover (coming soon).
  **/
 declare function Tooltip({
   children,

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

@@ -30,7 +30,7 @@ type TooltipProps = UniversalTooltipProps;
  * </Tooltip>
  *```
  *
- * @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
+ * @related [Toast](https://uds.build/docs/components/toast), Popover (coming soon).
  **/
 declare function Tooltip({
   children,

package/dist/components/client/Tooltip/Tooltip.js

@@ -32,21 +32,21 @@ import { TooltipProvider } from "@ariakit/react";
 * </Tooltip>
 *```
 *
-* @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
+* @related [Toast](https://uds.build/docs/components/toast), Popover (coming soon).
 **/
 function Tooltip({ children, placement, open, portal = true }) {
-	const isControlled = open !== void 0;
-	const controlledProps = isControlled ? {
+	const hideOnHoverOutside = open === void 0;
+	const controlledProps = open !== void 0 ? {
 		showTimeout: 0,
 		hideTimeout: 0,
 		timeout: 0,
-		...open ? { mounted: true } : {}
+		mounted: open
 	} : void 0;
 	const { animationDuration, ariaKitPlacement } = useTooltipConfig({ placement });
 	return /* @__PURE__ */ jsx(TooltipInternalContext.Provider, {
 		value: {
-			portal,
-			isControlled
+			hideOnHoverOutside,
+			portal
 		},
 		children: /* @__PURE__ */ jsx(TooltipProvider, {
 			placement: ariaKitPlacement,