@ark-ui/react 5.37.1 → 5.38.0

package/dist/components/menu/menu.cjs

@@ -45,6 +45,27 @@ var menu_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	TriggerItem: () => require_menu_trigger_item.MenuTriggerItem
 });
 //#endregion
+exports.Arrow = require_menu_arrow.MenuArrow;
+exports.ArrowTip = require_menu_arrow_tip.MenuArrowTip;
+exports.CheckboxItem = require_menu_checkbox_item.MenuCheckboxItem;
+exports.Content = require_menu_content.MenuContent;
+exports.Context = require_menu_context.MenuContext;
+exports.ContextTrigger = require_menu_context_trigger.MenuContextTrigger;
+exports.Indicator = require_menu_indicator.MenuIndicator;
+exports.Item = require_menu_item.MenuItem;
+exports.ItemContext = require_menu_item_context.MenuItemContext;
+exports.ItemGroup = require_menu_item_group.MenuItemGroup;
+exports.ItemGroupLabel = require_menu_item_group_label.MenuItemGroupLabel;
+exports.ItemIndicator = require_menu_item_indicator.MenuItemIndicator;
+exports.ItemText = require_menu_item_text.MenuItemText;
+exports.Positioner = require_menu_positioner.MenuPositioner;
+exports.RadioItem = require_menu_radio_item.MenuRadioItem;
+exports.RadioItemGroup = require_menu_radio_item_group.MenuRadioItemGroup;
+exports.Root = require_menu_root.MenuRoot;
+exports.RootProvider = require_menu_root_provider.MenuRootProvider;
+exports.Separator = require_menu_separator.MenuSeparator;
+exports.Trigger = require_menu_trigger.MenuTrigger;
+exports.TriggerItem = require_menu_trigger_item.MenuTriggerItem;
 Object.defineProperty(exports, "menu_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/menu/menu.js

@@ -45,4 +45,4 @@ var menu_exports = /* @__PURE__ */ __exportAll({
 	TriggerItem: () => MenuTriggerItem
 });
 //#endregion
-export { menu_exports };
+export { MenuArrow as Arrow, MenuArrowTip as ArrowTip, MenuCheckboxItem as CheckboxItem, MenuContent as Content, MenuContext as Context, MenuContextTrigger as ContextTrigger, MenuIndicator as Indicator, MenuItem as Item, MenuItemContext as ItemContext, MenuItemGroup as ItemGroup, MenuItemGroupLabel as ItemGroupLabel, MenuItemIndicator as ItemIndicator, MenuItemText as ItemText, MenuPositioner as Positioner, MenuRadioItem as RadioItem, MenuRadioItemGroup as RadioItemGroup, MenuRoot as Root, MenuRootProvider as RootProvider, MenuSeparator as Separator, MenuTrigger as Trigger, MenuTriggerItem as TriggerItem, menu_exports };

package/dist/components/navigation-menu/navigation-menu-content.cjs

@@ -3,6 +3,7 @@ const require_create_split_props = require("../../utils/create-split-props.cjs")
 const require_render_strategy = require("../../utils/render-strategy.cjs");
 const require_compose_refs = require("../../utils/compose-refs.cjs");
 const require_factory = require("../factory.cjs");
+const require_presence_gate = require("../presence/presence-gate.cjs");
 const require_use_presence = require("../presence/use-presence.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_navigation_menu_context = require("./use-navigation-menu-context.cjs");
@@ -26,11 +27,15 @@ var NavigationMenuContent = (0, react.forwardRef)((props, ref) => {
 		present: api.value === value
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(api.getContentProps(contentProps), presence.getPresenceProps(), localProps);
+	const composedRefs = require_compose_refs.useComposedRefs(presence.ref, ref);
 	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
 		value: presence,
-		children: presence.unmounted ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
-			...mergedProps,
-			ref: require_compose_refs.composeRefs(presence.ref, ref)
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence_gate.PresenceGate, {
+			presence,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+				...mergedProps,
+				ref: composedRefs
+			})
 		})
 	});
 	const viewportNode = api.getViewportNode();

package/dist/components/navigation-menu/navigation-menu-content.js

@@ -1,8 +1,9 @@
 "use client";
 import { createSplitProps } from "../../utils/create-split-props.js";
 import { useRenderStrategyPropsContext } from "../../utils/render-strategy.js";
-import { composeRefs } from "../../utils/compose-refs.js";
+import { useComposedRefs } from "../../utils/compose-refs.js";
 import { ark } from "../factory.js";
+import { PresenceGate } from "../presence/presence-gate.js";
 import { usePresence } from "../presence/use-presence.js";
 import { PresenceProvider } from "../presence/use-presence-context.js";
 import { useNavigationMenuContext } from "./use-navigation-menu-context.js";
@@ -26,11 +27,15 @@ var NavigationMenuContent = forwardRef((props, ref) => {
 		present: api.value === value
 	});
 	const mergedProps = mergeProps(api.getContentProps(contentProps), presence.getPresenceProps(), localProps);
+	const composedRefs = useComposedRefs(presence.ref, ref);
 	const content = /* @__PURE__ */ jsx(PresenceProvider, {
 		value: presence,
-		children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, {
-			...mergedProps,
-			ref: composeRefs(presence.ref, ref)
+		children: /* @__PURE__ */ jsx(PresenceGate, {
+			presence,
+			children: /* @__PURE__ */ jsx(ark.div, {
+				...mergedProps,
+				ref: composedRefs
+			})
 		})
 	});
 	const viewportNode = api.getViewportNode();

package/dist/components/navigation-menu/navigation-menu-indicator.cjs

@@ -2,6 +2,7 @@
 const require_render_strategy = require("../../utils/render-strategy.cjs");
 const require_compose_refs = require("../../utils/compose-refs.cjs");
 const require_factory = require("../factory.cjs");
+const require_presence_gate = require("../presence/presence-gate.cjs");
 const require_use_presence = require("../presence/use-presence.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_navigation_menu_context = require("./use-navigation-menu-context.cjs");
@@ -16,11 +17,15 @@ var NavigationMenuIndicator = (0, react.forwardRef)((props, ref) => {
 		present: navigationMenu.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getIndicatorProps(), presence.getPresenceProps(), props);
+	const composedRefs = require_compose_refs.useComposedRefs(presence.ref, ref);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
 		value: presence,
-		children: presence.unmounted ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
-			...mergedProps,
-			ref: require_compose_refs.composeRefs(presence.ref, ref)
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence_gate.PresenceGate, {
+			presence,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+				...mergedProps,
+				ref: composedRefs
+			})
 		})
 	});
 });

package/dist/components/navigation-menu/navigation-menu-indicator.js

@@ -1,7 +1,8 @@
 "use client";
 import { useRenderStrategyPropsContext } from "../../utils/render-strategy.js";
-import { composeRefs } from "../../utils/compose-refs.js";
+import { useComposedRefs } from "../../utils/compose-refs.js";
 import { ark } from "../factory.js";
+import { PresenceGate } from "../presence/presence-gate.js";
 import { usePresence } from "../presence/use-presence.js";
 import { PresenceProvider } from "../presence/use-presence-context.js";
 import { useNavigationMenuContext } from "./use-navigation-menu-context.js";
@@ -16,11 +17,15 @@ var NavigationMenuIndicator = forwardRef((props, ref) => {
 		present: navigationMenu.open
 	});
 	const mergedProps = mergeProps(navigationMenu.getIndicatorProps(), presence.getPresenceProps(), props);
+	const composedRefs = useComposedRefs(presence.ref, ref);
 	return /* @__PURE__ */ jsx(PresenceProvider, {
 		value: presence,
-		children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, {
-			...mergedProps,
-			ref: composeRefs(presence.ref, ref)
+		children: /* @__PURE__ */ jsx(PresenceGate, {
+			presence,
+			children: /* @__PURE__ */ jsx(ark.div, {
+				...mergedProps,
+				ref: composedRefs
+			})
 		})
 	});
 });

package/dist/components/navigation-menu/navigation-menu-viewport.cjs

@@ -2,6 +2,7 @@
 const require_render_strategy = require("../../utils/render-strategy.cjs");
 const require_compose_refs = require("../../utils/compose-refs.cjs");
 const require_factory = require("../factory.cjs");
+const require_presence_gate = require("../presence/presence-gate.cjs");
 const require_use_presence = require("../presence/use-presence.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_navigation_menu_context = require("./use-navigation-menu-context.cjs");
@@ -18,11 +19,15 @@ var NavigationMenuViewport = (0, react.forwardRef)((props, ref) => {
 		present: navigationMenu.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getViewportProps(viewportPropsContext), presence.getPresenceProps(), props);
+	const composedRefs = require_compose_refs.useComposedRefs(presence.ref, ref);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_presence_context.PresenceProvider, {
 		value: presence,
-		children: presence.unmounted ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
-			...mergedProps,
-			ref: require_compose_refs.composeRefs(presence.ref, ref)
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence_gate.PresenceGate, {
+			presence,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+				...mergedProps,
+				ref: composedRefs
+			})
 		})
 	});
 });

package/dist/components/navigation-menu/navigation-menu-viewport.js

@@ -1,7 +1,8 @@
 "use client";
 import { useRenderStrategyPropsContext } from "../../utils/render-strategy.js";
-import { composeRefs } from "../../utils/compose-refs.js";
+import { useComposedRefs } from "../../utils/compose-refs.js";
 import { ark } from "../factory.js";
+import { PresenceGate } from "../presence/presence-gate.js";
 import { usePresence } from "../presence/use-presence.js";
 import { PresenceProvider } from "../presence/use-presence-context.js";
 import { useNavigationMenuContext } from "./use-navigation-menu-context.js";
@@ -18,11 +19,15 @@ var NavigationMenuViewport = forwardRef((props, ref) => {
 		present: navigationMenu.open
 	});
 	const mergedProps = mergeProps(navigationMenu.getViewportProps(viewportPropsContext), presence.getPresenceProps(), props);
+	const composedRefs = useComposedRefs(presence.ref, ref);
 	return /* @__PURE__ */ jsx(PresenceProvider, {
 		value: presence,
-		children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, {
-			...mergedProps,
-			ref: composeRefs(presence.ref, ref)
+		children: /* @__PURE__ */ jsx(PresenceGate, {
+			presence,
+			children: /* @__PURE__ */ jsx(ark.div, {
+				...mergedProps,
+				ref: composedRefs
+			})
 		})
 	});
 });

package/dist/components/navigation-menu/navigation-menu.cjs

@@ -29,6 +29,19 @@ var navigation_menu_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	ViewportPositioner: () => require_navigation_menu_viewport_positioner.NavigationMenuViewportPositioner
 });
 //#endregion
+exports.Arrow = require_navigation_menu_arrow.NavigationMenuArrow;
+exports.Content = require_navigation_menu_content.NavigationMenuContent;
+exports.Context = require_navigation_menu_context.NavigationMenuContext;
+exports.Indicator = require_navigation_menu_indicator.NavigationMenuIndicator;
+exports.Item = require_navigation_menu_item.NavigationMenuItem;
+exports.ItemIndicator = require_navigation_menu_item_indicator.NavigationMenuItemIndicator;
+exports.Link = require_navigation_menu_link.NavigationMenuLink;
+exports.List = require_navigation_menu_list.NavigationMenuList;
+exports.Root = require_navigation_menu_root.NavigationMenuRoot;
+exports.RootProvider = require_navigation_menu_root_provider.NavigationMenuRootProvider;
+exports.Trigger = require_navigation_menu_trigger.NavigationMenuTrigger;
+exports.Viewport = require_navigation_menu_viewport.NavigationMenuViewport;
+exports.ViewportPositioner = require_navigation_menu_viewport_positioner.NavigationMenuViewportPositioner;
 Object.defineProperty(exports, "navigation_menu_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/navigation-menu/navigation-menu.js

@@ -29,4 +29,4 @@ var navigation_menu_exports = /* @__PURE__ */ __exportAll({
 	ViewportPositioner: () => NavigationMenuViewportPositioner
 });
 //#endregion
-export { navigation_menu_exports };
+export { NavigationMenuArrow as Arrow, NavigationMenuContent as Content, NavigationMenuContext as Context, NavigationMenuIndicator as Indicator, NavigationMenuItem as Item, NavigationMenuItemIndicator as ItemIndicator, NavigationMenuLink as Link, NavigationMenuList as List, NavigationMenuRoot as Root, NavigationMenuRootProvider as RootProvider, NavigationMenuTrigger as Trigger, NavigationMenuViewport as Viewport, NavigationMenuViewportPositioner as ViewportPositioner, navigation_menu_exports };

package/dist/components/number-input/number-input-root.cjs

@@ -22,6 +22,7 @@ var NumberInputRoot = (0, react.forwardRef)((props, ref) => {
 		"ids",
 		"inputMode",
 		"invalid",
+		"largeStep",
 		"locale",
 		"max",
 		"min",
@@ -33,6 +34,7 @@ var NumberInputRoot = (0, react.forwardRef)((props, ref) => {
 		"pattern",
 		"readOnly",
 		"required",
+		"smallStep",
 		"spinOnPress",
 		"step",
 		"translations",

package/dist/components/number-input/number-input-root.js

@@ -22,6 +22,7 @@ var NumberInputRoot = forwardRef((props, ref) => {
 		"ids",
 		"inputMode",
 		"invalid",
+		"largeStep",
 		"locale",
 		"max",
 		"min",
@@ -33,6 +34,7 @@ var NumberInputRoot = forwardRef((props, ref) => {
 		"pattern",
 		"readOnly",
 		"required",
+		"smallStep",
 		"spinOnPress",
 		"step",
 		"translations",

package/dist/components/number-input/number-input.cjs

@@ -23,6 +23,16 @@ var number_input_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	ValueText: () => require_number_input_value_text.NumberInputValueText
 });
 //#endregion
+exports.Context = require_number_input_context.NumberInputContext;
+exports.Control = require_number_input_control.NumberInputControl;
+exports.DecrementTrigger = require_number_input_decrement_trigger.NumberInputDecrementTrigger;
+exports.IncrementTrigger = require_number_input_increment_trigger.NumberInputIncrementTrigger;
+exports.Input = require_number_input_input.NumberInputInput;
+exports.Label = require_number_input_label.NumberInputLabel;
+exports.Root = require_number_input_root.NumberInputRoot;
+exports.RootProvider = require_number_input_root_provider.NumberInputRootProvider;
+exports.Scrubber = require_number_input_scrubber.NumberInputScrubber;
+exports.ValueText = require_number_input_value_text.NumberInputValueText;
 Object.defineProperty(exports, "number_input_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/number-input/number-input.js

@@ -23,4 +23,4 @@ var number_input_exports = /* @__PURE__ */ __exportAll({
 	ValueText: () => NumberInputValueText
 });
 //#endregion
-export { number_input_exports };
+export { NumberInputContext as Context, NumberInputControl as Control, NumberInputDecrementTrigger as DecrementTrigger, NumberInputIncrementTrigger as IncrementTrigger, NumberInputInput as Input, NumberInputLabel as Label, NumberInputRoot as Root, NumberInputRootProvider as RootProvider, NumberInputScrubber as Scrubber, NumberInputValueText as ValueText, number_input_exports };

package/dist/components/pagination/pagination.cjs

@@ -21,6 +21,15 @@ var pagination_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	RootProvider: () => require_pagination_root_provider.PaginationRootProvider
 });
 //#endregion
+exports.Context = require_pagination_context.PaginationContext;
+exports.Ellipsis = require_pagination_ellipsis.PaginationEllipsis;
+exports.FirstTrigger = require_pagination_first_trigger.PaginationFirstTrigger;
+exports.Item = require_pagination_item.PaginationItem;
+exports.LastTrigger = require_pagination_last_trigger.PaginationLastTrigger;
+exports.NextTrigger = require_pagination_next_trigger.PaginationNextTrigger;
+exports.PrevTrigger = require_pagination_prev_trigger.PaginationPrevTrigger;
+exports.Root = require_pagination_root.PaginationRoot;
+exports.RootProvider = require_pagination_root_provider.PaginationRootProvider;
 Object.defineProperty(exports, "pagination_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/pagination/pagination.js

@@ -21,4 +21,4 @@ var pagination_exports = /* @__PURE__ */ __exportAll({
 	RootProvider: () => PaginationRootProvider
 });
 //#endregion
-export { pagination_exports };
+export { PaginationContext as Context, PaginationEllipsis as Ellipsis, PaginationFirstTrigger as FirstTrigger, PaginationItem as Item, PaginationLastTrigger as LastTrigger, PaginationNextTrigger as NextTrigger, PaginationPrevTrigger as PrevTrigger, PaginationRoot as Root, PaginationRootProvider as RootProvider, pagination_exports };

package/dist/components/password-input/password-input.cjs

@@ -19,6 +19,14 @@ var password_input_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	VisibilityTrigger: () => require_password_input_visibility_trigger.PasswordInputVisibilityTrigger
 });
 //#endregion
+exports.Context = require_password_input_context.PasswordInputContext;
+exports.Control = require_password_input_control.PasswordInputControl;
+exports.Indicator = require_password_input_indicator.PasswordInputIndicator;
+exports.Input = require_password_input_input.PasswordInputInput;
+exports.Label = require_password_input_label.PasswordInputLabel;
+exports.Root = require_password_input_root.PasswordInputRoot;
+exports.RootProvider = require_password_input_root_provider.PasswordInputRootProvider;
+exports.VisibilityTrigger = require_password_input_visibility_trigger.PasswordInputVisibilityTrigger;
 Object.defineProperty(exports, "password_input_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/password-input/password-input.js

@@ -19,4 +19,4 @@ var password_input_exports = /* @__PURE__ */ __exportAll({
 	VisibilityTrigger: () => PasswordInputVisibilityTrigger
 });
 //#endregion
-export { password_input_exports };
+export { PasswordInputContext as Context, PasswordInputControl as Control, PasswordInputIndicator as Indicator, PasswordInputInput as Input, PasswordInputLabel as Label, PasswordInputRoot as Root, PasswordInputRootProvider as RootProvider, PasswordInputVisibilityTrigger as VisibilityTrigger, password_input_exports };

package/dist/components/pin-input/pin-input.cjs

@@ -17,6 +17,13 @@ var pin_input_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	RootProvider: () => require_pin_input_root_provider.PinInputRootProvider
 });
 //#endregion
+exports.Context = require_pin_input_context.PinInputContext;
+exports.Control = require_pin_input_control.PinInputControl;
+exports.HiddenInput = require_pin_input_hidden_input.PinInputHiddenInput;
+exports.Input = require_pin_input_input.PinInputInput;
+exports.Label = require_pin_input_label.PinInputLabel;
+exports.Root = require_pin_input_root.PinInputRoot;
+exports.RootProvider = require_pin_input_root_provider.PinInputRootProvider;
 Object.defineProperty(exports, "pin_input_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/pin-input/pin-input.js

@@ -17,4 +17,4 @@ var pin_input_exports = /* @__PURE__ */ __exportAll({
 	RootProvider: () => PinInputRootProvider
 });
 //#endregion
-export { pin_input_exports };
+export { PinInputContext as Context, PinInputControl as Control, PinInputHiddenInput as HiddenInput, PinInputInput as Input, PinInputLabel as Label, PinInputRoot as Root, PinInputRootProvider as RootProvider, pin_input_exports };

package/dist/components/popover/popover-content.cjs

@@ -1,6 +1,7 @@
 "use client";
 const require_compose_refs = require("../../utils/compose-refs.cjs");
 const require_factory = require("../factory.cjs");
+const require_presence_gate = require("../presence/presence-gate.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_popover_context = require("./use-popover-context.cjs");
 let react = require("react");
@@ -11,10 +12,13 @@ var PopoverContent = (0, react.forwardRef)((props, ref) => {
 	const popover = require_use_popover_context.usePopoverContext();
 	const presence = require_use_presence_context.usePresenceContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(popover.getContentProps(), presence.getPresenceProps(), props);
-	if (presence.unmounted) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
-		...mergedProps,
-		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	const composedRefs = require_compose_refs.useComposedRefs(presence.ref, ref);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence_gate.PresenceGate, {
+		presence,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+			...mergedProps,
+			ref: composedRefs
+		})
 	});
 });
 PopoverContent.displayName = "PopoverContent";

package/dist/components/popover/popover-content.js

@@ -1,6 +1,7 @@
 "use client";
-import { composeRefs } from "../../utils/compose-refs.js";
+import { useComposedRefs } from "../../utils/compose-refs.js";
 import { ark } from "../factory.js";
+import { PresenceGate } from "../presence/presence-gate.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { usePopoverContext } from "./use-popover-context.js";
 import { forwardRef } from "react";
@@ -11,10 +12,13 @@ var PopoverContent = forwardRef((props, ref) => {
 	const popover = usePopoverContext();
 	const presence = usePresenceContext();
 	const mergedProps = mergeProps(popover.getContentProps(), presence.getPresenceProps(), props);
-	if (presence.unmounted) return null;
-	return /* @__PURE__ */ jsx(ark.div, {
-		...mergedProps,
-		ref: composeRefs(presence.ref, ref)
+	const composedRefs = useComposedRefs(presence.ref, ref);
+	return /* @__PURE__ */ jsx(PresenceGate, {
+		presence,
+		children: /* @__PURE__ */ jsx(ark.div, {
+			...mergedProps,
+			ref: composedRefs
+		})
 	});
 });
 PopoverContent.displayName = "PopoverContent";

package/dist/components/popover/popover.cjs

@@ -29,6 +29,19 @@ var popover_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Trigger: () => require_popover_trigger.PopoverTrigger
 });
 //#endregion
+exports.Anchor = require_popover_anchor.PopoverAnchor;
+exports.Arrow = require_popover_arrow.PopoverArrow;
+exports.ArrowTip = require_popover_arrow_tip.PopoverArrowTip;
+exports.CloseTrigger = require_popover_close_trigger.PopoverCloseTrigger;
+exports.Content = require_popover_content.PopoverContent;
+exports.Context = require_popover_context.PopoverContext;
+exports.Description = require_popover_description.PopoverDescription;
+exports.Indicator = require_popover_indicator.PopoverIndicator;
+exports.Positioner = require_popover_positioner.PopoverPositioner;
+exports.Root = require_popover_root.PopoverRoot;
+exports.RootProvider = require_popover_root_provider.PopoverRootProvider;
+exports.Title = require_popover_title.PopoverTitle;
+exports.Trigger = require_popover_trigger.PopoverTrigger;
 Object.defineProperty(exports, "popover_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/popover/popover.js

@@ -29,4 +29,4 @@ var popover_exports = /* @__PURE__ */ __exportAll({
 	Trigger: () => PopoverTrigger
 });
 //#endregion
-export { popover_exports };
+export { PopoverAnchor as Anchor, PopoverArrow as Arrow, PopoverArrowTip as ArrowTip, PopoverCloseTrigger as CloseTrigger, PopoverContent as Content, PopoverContext as Context, PopoverDescription as Description, PopoverIndicator as Indicator, PopoverPositioner as Positioner, PopoverRoot as Root, PopoverRootProvider as RootProvider, PopoverTitle as Title, PopoverTrigger as Trigger, popover_exports };

package/dist/{src/components → components}/presence/index.d.cts

@@ -2,3 +2,4 @@ export { Presence, type PresenceBaseProps, type PresenceProps } from './presence
 export { splitPresenceProps } from './split-presence-props.js';
 export { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence.js';
 export { PresenceProvider, usePresenceContext, type UsePresenceContext } from './use-presence-context.js';
+export type { HideMode } from '../../utils/render-strategy.js';

package/dist/{src/components → components}/presence/index.d.ts

@@ -2,3 +2,4 @@ export { Presence, type PresenceBaseProps, type PresenceProps } from './presence
 export { splitPresenceProps } from './split-presence-props.js';
 export { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence.js';
 export { PresenceProvider, usePresenceContext, type UsePresenceContext } from './use-presence-context.js';
+export type { HideMode } from '../../utils/render-strategy.js';

package/dist/components/presence/presence-gate.cjs

@@ -0,0 +1,15 @@
+"use client";
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/presence/presence-gate.tsx
+var PresenceGate = (props) => {
+	const { presence, children } = props;
+	if (presence.unmounted) return null;
+	if (presence.hideMode === "activity") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Activity, {
+		mode: presence.present ? "visible" : "hidden",
+		children
+	});
+	return children;
+};
+//#endregion
+exports.PresenceGate = PresenceGate;

package/dist/components/presence/presence-gate.d.cts

@@ -0,0 +1,7 @@
+import { ReactNode, ReactPortal, ReactElement, JSXElementConstructor } from 'react';
+import { UsePresenceReturn } from './use-presence.js';
+export interface PresenceGateProps {
+    presence: Pick<UsePresenceReturn, 'unmounted' | 'present' | 'hideMode'>;
+    children?: ReactNode | undefined;
+}
+export declare const PresenceGate: (props: PresenceGateProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/components/presence/presence-gate.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode, ReactPortal, ReactElement, JSXElementConstructor } from 'react';
+import { UsePresenceReturn } from './use-presence.js';
+export interface PresenceGateProps {
+    presence: Pick<UsePresenceReturn, 'unmounted' | 'present' | 'hideMode'>;
+    children?: ReactNode | undefined;
+}
+export declare const PresenceGate: (props: PresenceGateProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/components/presence/presence-gate.js

@@ -0,0 +1,15 @@
+"use client";
+import { Activity } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/presence/presence-gate.tsx
+var PresenceGate = (props) => {
+	const { presence, children } = props;
+	if (presence.unmounted) return null;
+	if (presence.hideMode === "activity") return /* @__PURE__ */ jsx(Activity, {
+		mode: presence.present ? "visible" : "hidden",
+		children
+	});
+	return children;
+};
+//#endregion
+export { PresenceGate };

package/dist/components/presence/presence.cjs

@@ -1,5 +1,6 @@
 const require_compose_refs = require("../../utils/compose-refs.cjs");
 const require_factory = require("../factory.cjs");
+const require_presence_gate = require("./presence-gate.cjs");
 const require_split_presence_props = require("./split-presence-props.cjs");
 const require_use_presence = require("./use-presence.cjs");
 let react = require("react");
@@ -8,13 +9,16 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var Presence = (0, react.forwardRef)((props, ref) => {
 	const [presenceProps, localProps] = require_split_presence_props.splitPresenceProps(props);
 	const presence = require_use_presence.usePresence(presenceProps);
-	if (presence.unmounted) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
-		...localProps,
-		...presence.getPresenceProps(),
-		"data-scope": "presence",
-		"data-part": "root",
-		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	const composedRefs = require_compose_refs.useComposedRefs(presence.ref, ref);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence_gate.PresenceGate, {
+		presence,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+			...localProps,
+			...presence.getPresenceProps(),
+			"data-scope": "presence",
+			"data-part": "root",
+			ref: composedRefs
+		})
 	});
 });
 Presence.displayName = "Presence";

package/dist/components/presence/presence.js

@@ -1,5 +1,6 @@
-import { composeRefs } from "../../utils/compose-refs.js";
+import { useComposedRefs } from "../../utils/compose-refs.js";
 import { ark } from "../factory.js";
+import { PresenceGate } from "./presence-gate.js";
 import { splitPresenceProps } from "./split-presence-props.js";
 import { usePresence } from "./use-presence.js";
 import { forwardRef } from "react";
@@ -8,13 +9,16 @@ import { jsx } from "react/jsx-runtime";
 var Presence = forwardRef((props, ref) => {
 	const [presenceProps, localProps] = splitPresenceProps(props);
 	const presence = usePresence(presenceProps);
-	if (presence.unmounted) return null;
-	return /* @__PURE__ */ jsx(ark.div, {
-		...localProps,
-		...presence.getPresenceProps(),
-		"data-scope": "presence",
-		"data-part": "root",
-		ref: composeRefs(presence.ref, ref)
+	const composedRefs = useComposedRefs(presence.ref, ref);
+	return /* @__PURE__ */ jsx(PresenceGate, {
+		presence,
+		children: /* @__PURE__ */ jsx(ark.div, {
+			...localProps,
+			...presence.getPresenceProps(),
+			"data-scope": "presence",
+			"data-part": "root",
+			ref: composedRefs
+		})
 	});
 });
 Presence.displayName = "Presence";

package/dist/components/presence/split-presence-props.cjs

@@ -2,6 +2,7 @@
 const require_create_split_props = require("../../utils/create-split-props.cjs");
 //#region src/components/presence/split-presence-props.ts
 var splitPresenceProps = (props) => require_create_split_props.createSplitProps()(props, [
+	"hideMode",
 	"immediate",
 	"lazyMount",
 	"onExitComplete",

package/dist/{src/components → components}/presence/split-presence-props.d.cts

@@ -1,2 +1,2 @@
 import { UsePresenceProps } from './use-presence.js';
-export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present" | "immediate" | "skipAnimationOnMount">];
+export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "hideMode" | "onExitComplete" | "present" | "immediate" | "skipAnimationOnMount">];

package/dist/{src/components → components}/presence/split-presence-props.d.ts

@@ -1,2 +1,2 @@
 import { UsePresenceProps } from './use-presence.js';
-export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present" | "immediate" | "skipAnimationOnMount">];
+export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "hideMode" | "onExitComplete" | "present" | "immediate" | "skipAnimationOnMount">];

package/dist/components/presence/split-presence-props.js

@@ -2,6 +2,7 @@
 import { createSplitProps } from "../../utils/create-split-props.js";
 //#region src/components/presence/split-presence-props.ts
 var splitPresenceProps = (props) => createSplitProps()(props, [
+	"hideMode",
 	"immediate",
 	"lazyMount",
 	"onExitComplete",