@ark-ui/react 5.37.2 → 5.38.1

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

@@ -6,8 +6,9 @@ let _zag_js_react = require("@zag-js/react");
 let _zag_js_presence = require("@zag-js/presence");
 _zag_js_presence = require_runtime.__toESM(_zag_js_presence, 1);
 //#region src/components/presence/use-presence.ts
+var supportsActivity = typeof react.Activity !== "undefined";
 var usePresence = (props = {}) => {
-	const { lazyMount, unmountOnExit, present, skipAnimationOnMount = false, ...rest } = props;
+	const { lazyMount, unmountOnExit, hideMode = "display-none", present, skipAnimationOnMount = false, ...rest } = props;
 	const wasEverPresent = (0, react.useRef)(false);
 	const machineProps = {
 		...rest,
@@ -18,15 +19,17 @@ var usePresence = (props = {}) => {
 	const api = _zag_js_presence.connect(service, _zag_js_react.normalizeProps);
 	if (api.present) wasEverPresent.current = true;
 	const unmounted = !api.present && !wasEverPresent.current && lazyMount || unmountOnExit && !api.present && wasEverPresent.current;
+	const resolvedHideMode = hideMode === "activity" && supportsActivity ? "activity" : "display-none";
 	const getPresenceProps = () => ({
 		"data-state": api.skip && skipAnimationOnMount ? void 0 : present ? "open" : "closed",
-		hidden: !api.present
+		hidden: resolvedHideMode === "activity" ? false : !api.present
 	});
 	return {
 		ref: api.setNode,
 		getPresenceProps,
 		present: api.present,
-		unmounted
+		unmounted,
+		hideMode: resolvedHideMode
 	};
 };
 //#endregion

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

@@ -1,5 +1,5 @@
 import { Optional } from '../../types.js';
-import { RenderStrategyProps } from '../../utils/render-strategy.js';
+import { HideMode, RenderStrategyProps } from '../../utils/render-strategy.js';
 import * as presence from '@zag-js/presence';
 export interface UsePresenceProps extends Optional<presence.Props, 'present'>, RenderStrategyProps {
     /**
@@ -17,4 +17,5 @@ export declare const usePresence: (props?: UsePresenceProps) => {
     };
     present: boolean;
     unmounted: boolean | undefined;
+    hideMode: HideMode;
 };

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

@@ -1,5 +1,5 @@
 import { Optional } from '../../types.js';
-import { RenderStrategyProps } from '../../utils/render-strategy.js';
+import { HideMode, RenderStrategyProps } from '../../utils/render-strategy.js';
 import * as presence from '@zag-js/presence';
 export interface UsePresenceProps extends Optional<presence.Props, 'present'>, RenderStrategyProps {
     /**
@@ -17,4 +17,5 @@ export declare const usePresence: (props?: UsePresenceProps) => {
     };
     present: boolean;
     unmounted: boolean | undefined;
+    hideMode: HideMode;
 };

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

@@ -1,11 +1,12 @@
 "use client";
 import { useEvent } from "../../utils/use-event.js";
-import { useRef } from "react";
+import { Activity, useRef } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
 import * as presence from "@zag-js/presence";
 //#region src/components/presence/use-presence.ts
+var supportsActivity = typeof Activity !== "undefined";
 var usePresence = (props = {}) => {
-	const { lazyMount, unmountOnExit, present, skipAnimationOnMount = false, ...rest } = props;
+	const { lazyMount, unmountOnExit, hideMode = "display-none", present, skipAnimationOnMount = false, ...rest } = props;
 	const wasEverPresent = useRef(false);
 	const machineProps = {
 		...rest,
@@ -16,15 +17,17 @@ var usePresence = (props = {}) => {
 	const api = presence.connect(service, normalizeProps);
 	if (api.present) wasEverPresent.current = true;
 	const unmounted = !api.present && !wasEverPresent.current && lazyMount || unmountOnExit && !api.present && wasEverPresent.current;
+	const resolvedHideMode = hideMode === "activity" && supportsActivity ? "activity" : "display-none";
 	const getPresenceProps = () => ({
 		"data-state": api.skip && skipAnimationOnMount ? void 0 : present ? "open" : "closed",
-		hidden: !api.present
+		hidden: resolvedHideMode === "activity" ? false : !api.present
 	});
 	return {
 		ref: api.setNode,
 		getPresenceProps,
 		present: api.present,
-		unmounted
+		unmounted,
+		hideMode: resolvedHideMode
 	};
 };
 //#endregion

package/dist/components/progress/progress.cjs

@@ -25,6 +25,17 @@ var progress_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	View: () => require_progress_view.ProgressView
 });
 //#endregion
+exports.Circle = require_progress_circle.ProgressCircle;
+exports.CircleRange = require_progress_circle_range.ProgressCircleRange;
+exports.CircleTrack = require_progress_circle_track.ProgressCircleTrack;
+exports.Context = require_progress_context.ProgressContext;
+exports.Label = require_progress_label.ProgressLabel;
+exports.Range = require_progress_range.ProgressRange;
+exports.Root = require_progress_root.ProgressRoot;
+exports.RootProvider = require_progress_root_provider.ProgressRootProvider;
+exports.Track = require_progress_track.ProgressTrack;
+exports.ValueText = require_progress_value_text.ProgressValueText;
+exports.View = require_progress_view.ProgressView;
 Object.defineProperty(exports, "progress_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/progress/progress.js

@@ -25,4 +25,4 @@ var progress_exports = /* @__PURE__ */ __exportAll({
 	View: () => ProgressView
 });
 //#endregion
-export { progress_exports };
+export { ProgressCircle as Circle, ProgressCircleRange as CircleRange, ProgressCircleTrack as CircleTrack, ProgressContext as Context, ProgressLabel as Label, ProgressRange as Range, ProgressRoot as Root, ProgressRootProvider as RootProvider, ProgressTrack as Track, ProgressValueText as ValueText, ProgressView as View, progress_exports };

package/dist/components/qr-code/qr-code.cjs

@@ -17,6 +17,13 @@ var qr_code_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	RootProvider: () => require_qr_code_root_provider.QrCodeRootProvider
 });
 //#endregion
+exports.Context = require_qr_code_context.QrCodeContext;
+exports.DownloadTrigger = require_qr_code_download_trigger.QrCodeDownloadTrigger;
+exports.Frame = require_qr_code_frame.QrCodeFrame;
+exports.Overlay = require_qr_code_overlay.QrCodeOverlay;
+exports.Pattern = require_qr_code_pattern.QrCodePattern;
+exports.Root = require_qr_code_root.QrCodeRoot;
+exports.RootProvider = require_qr_code_root_provider.QrCodeRootProvider;
 Object.defineProperty(exports, "qr_code_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/qr-code/qr-code.js

@@ -17,4 +17,4 @@ var qr_code_exports = /* @__PURE__ */ __exportAll({
 	RootProvider: () => QrCodeRootProvider
 });
 //#endregion
-export { qr_code_exports };
+export { QrCodeContext as Context, QrCodeDownloadTrigger as DownloadTrigger, QrCodeFrame as Frame, QrCodeOverlay as Overlay, QrCodePattern as Pattern, QrCodeRoot as Root, QrCodeRootProvider as RootProvider, qr_code_exports };

package/dist/components/radio-group/radio-group.cjs

@@ -23,6 +23,16 @@ var radio_group_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	RootProvider: () => require_radio_group_root_provider.RadioGroupRootProvider
 });
 //#endregion
+exports.Context = require_radio_group_context.RadioGroupContext;
+exports.Indicator = require_radio_group_indicator.RadioGroupIndicator;
+exports.Item = require_radio_group_item.RadioGroupItem;
+exports.ItemContext = require_radio_group_item_context.RadioGroupItemContext;
+exports.ItemControl = require_radio_group_item_control.RadioGroupItemControl;
+exports.ItemHiddenInput = require_radio_group_item_hidden_input.RadioGroupItemHiddenInput;
+exports.ItemText = require_radio_group_item_text.RadioGroupItemText;
+exports.Label = require_radio_group_label.RadioGroupLabel;
+exports.Root = require_radio_group_root.RadioGroupRoot;
+exports.RootProvider = require_radio_group_root_provider.RadioGroupRootProvider;
 Object.defineProperty(exports, "radio_group_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/radio-group/radio-group.js

@@ -23,4 +23,4 @@ var radio_group_exports = /* @__PURE__ */ __exportAll({
 	RootProvider: () => RadioGroupRootProvider
 });
 //#endregion
-export { radio_group_exports };
+export { RadioGroupContext as Context, RadioGroupIndicator as Indicator, RadioGroupItem as Item, RadioGroupItemContext as ItemContext, RadioGroupItemControl as ItemControl, RadioGroupItemHiddenInput as ItemHiddenInput, RadioGroupItemText as ItemText, RadioGroupLabel as Label, RadioGroupRoot as Root, RadioGroupRootProvider as RootProvider, radio_group_exports };

package/dist/components/rating-group/rating-group.cjs

@@ -19,6 +19,14 @@ var rating_group_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	RootProvider: () => require_rating_group_root_provider.RatingGroupRootProvider
 });
 //#endregion
+exports.Context = require_rating_group_context.RatingGroupContext;
+exports.Control = require_rating_group_control.RatingGroupControl;
+exports.HiddenInput = require_rating_group_hidden_input.RatingGroupHiddenInput;
+exports.Item = require_rating_group_item.RatingGroupItem;
+exports.ItemContext = require_rating_group_item_context.RatingGroupItemContext;
+exports.Label = require_rating_group_label.RatingGroupLabel;
+exports.Root = require_rating_group_root.RatingGroupRoot;
+exports.RootProvider = require_rating_group_root_provider.RatingGroupRootProvider;
 Object.defineProperty(exports, "rating_group_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/rating-group/rating-group.js

@@ -19,4 +19,4 @@ var rating_group_exports = /* @__PURE__ */ __exportAll({
 	RootProvider: () => RatingGroupRootProvider
 });
 //#endregion
-export { rating_group_exports };
+export { RatingGroupContext as Context, RatingGroupControl as Control, RatingGroupHiddenInput as HiddenInput, RatingGroupItem as Item, RatingGroupItemContext as ItemContext, RatingGroupLabel as Label, RatingGroupRoot as Root, RatingGroupRootProvider as RootProvider, rating_group_exports };

package/dist/components/scroll-area/scroll-area.cjs

@@ -19,6 +19,14 @@ var scroll_area_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Viewport: () => require_scroll_area_viewport.ScrollAreaViewport
 });
 //#endregion
+exports.Content = require_scroll_area_content.ScrollAreaContent;
+exports.Context = require_scroll_area_context.ScrollAreaContext;
+exports.Corner = require_scroll_area_corner.ScrollAreaCorner;
+exports.Root = require_scroll_area_root.ScrollAreaRoot;
+exports.RootProvider = require_scroll_area_root_provider.ScrollAreaRootProvider;
+exports.Scrollbar = require_scroll_area_scrollbar.ScrollAreaScrollbar;
+exports.Thumb = require_scroll_area_thumb.ScrollAreaThumb;
+exports.Viewport = require_scroll_area_viewport.ScrollAreaViewport;
 Object.defineProperty(exports, "scroll_area_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/scroll-area/scroll-area.js

@@ -19,4 +19,4 @@ var scroll_area_exports = /* @__PURE__ */ __exportAll({
 	Viewport: () => ScrollAreaViewport
 });
 //#endregion
-export { scroll_area_exports };
+export { ScrollAreaContent as Content, ScrollAreaContext as Context, ScrollAreaCorner as Corner, ScrollAreaRoot as Root, ScrollAreaRootProvider as RootProvider, ScrollAreaScrollbar as Scrollbar, ScrollAreaThumb as Thumb, ScrollAreaViewport as Viewport, scroll_area_exports };

package/dist/components/segment-group/segment-group.cjs

@@ -23,6 +23,16 @@ var segment_group_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	RootProvider: () => require_segment_group_root_provider.SegmentGroupRootProvider
 });
 //#endregion
+exports.Context = require_segment_group_context.SegmentGroupContext;
+exports.Indicator = require_segment_group_indicator.SegmentGroupIndicator;
+exports.Item = require_segment_group_item.SegmentGroupItem;
+exports.ItemContext = require_segment_group_item_context.SegmentGroupItemContext;
+exports.ItemControl = require_segment_group_item_control.SegmentGroupItemControl;
+exports.ItemHiddenInput = require_segment_group_item_hidden_input.SegmentGroupItemHiddenInput;
+exports.ItemText = require_segment_group_item_text.SegmentGroupItemText;
+exports.Label = require_segment_group_label.SegmentGroupLabel;
+exports.Root = require_segment_group_root.SegmentGroupRoot;
+exports.RootProvider = require_segment_group_root_provider.SegmentGroupRootProvider;
 Object.defineProperty(exports, "segment_group_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/segment-group/segment-group.js

@@ -23,4 +23,4 @@ var segment_group_exports = /* @__PURE__ */ __exportAll({
 	RootProvider: () => SegmentGroupRootProvider
 });
 //#endregion
-export { segment_group_exports };
+export { SegmentGroupContext as Context, SegmentGroupIndicator as Indicator, SegmentGroupItem as Item, SegmentGroupItemContext as ItemContext, SegmentGroupItemControl as ItemControl, SegmentGroupItemHiddenInput as ItemHiddenInput, SegmentGroupItemText as ItemText, SegmentGroupLabel as Label, SegmentGroupRoot as Root, SegmentGroupRootProvider as RootProvider, segment_group_exports };

package/dist/components/select/select-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_select_context = require("./use-select-context.cjs");
 let react = require("react");
@@ -11,10 +12,13 @@ var SelectContent = (0, react.forwardRef)((props, ref) => {
 	const select = require_use_select_context.useSelectContext();
 	const presence = require_use_presence_context.usePresenceContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(select.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
+		})
 	});
 });
 SelectContent.displayName = "SelectContent";

package/dist/components/select/select-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 { useSelectContext } from "./use-select-context.js";
 import { forwardRef } from "react";
@@ -11,10 +12,13 @@ var SelectContent = forwardRef((props, ref) => {
 	const select = useSelectContext();
 	const presence = usePresenceContext();
 	const mergedProps = mergeProps(select.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
+		})
 	});
 });
 SelectContent.displayName = "SelectContent";

package/dist/components/select/select.cjs

@@ -41,6 +41,25 @@ var select_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	ValueText: () => require_select_value_text.SelectValueText
 });
 //#endregion
+exports.ClearTrigger = require_select_clear_trigger.SelectClearTrigger;
+exports.Content = require_select_content.SelectContent;
+exports.Context = require_select_context.SelectContext;
+exports.Control = require_select_control.SelectControl;
+exports.HiddenSelect = require_select_hidden_select.SelectHiddenSelect;
+exports.Indicator = require_select_indicator.SelectIndicator;
+exports.Item = require_select_item.SelectItem;
+exports.ItemContext = require_select_item_context.SelectItemContext;
+exports.ItemGroup = require_select_item_group.SelectItemGroup;
+exports.ItemGroupLabel = require_select_item_group_label.SelectItemGroupLabel;
+exports.ItemIndicator = require_select_item_indicator.SelectItemIndicator;
+exports.ItemText = require_select_item_text.SelectItemText;
+exports.Label = require_select_label.SelectLabel;
+exports.List = require_select_list.SelectList;
+exports.Positioner = require_select_positioner.SelectPositioner;
+exports.Root = require_select_root.SelectRoot;
+exports.RootProvider = require_select_root_provider.SelectRootProvider;
+exports.Trigger = require_select_trigger.SelectTrigger;
+exports.ValueText = require_select_value_text.SelectValueText;
 Object.defineProperty(exports, "select_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/select/select.js

@@ -41,4 +41,4 @@ var select_exports = /* @__PURE__ */ __exportAll({
 	ValueText: () => SelectValueText
 });
 //#endregion
-export { select_exports };
+export { SelectClearTrigger as ClearTrigger, SelectContent as Content, SelectContext as Context, SelectControl as Control, SelectHiddenSelect as HiddenSelect, SelectIndicator as Indicator, SelectItem as Item, SelectItemContext as ItemContext, SelectItemGroup as ItemGroup, SelectItemGroupLabel as ItemGroupLabel, SelectItemIndicator as ItemIndicator, SelectItemText as ItemText, SelectLabel as Label, SelectList as List, SelectPositioner as Positioner, SelectRoot as Root, SelectRootProvider as RootProvider, SelectTrigger as Trigger, SelectValueText as ValueText, select_exports };

package/dist/components/signature-pad/signature-pad.cjs

@@ -21,6 +21,15 @@ var signature_pad_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Segment: () => require_signature_pad_segment.SignaturePadSegment
 });
 //#endregion
+exports.ClearTrigger = require_signature_pad_clear_trigger.SignaturePadClearTrigger;
+exports.Context = require_signature_pad_context.SignaturePadContext;
+exports.Control = require_signature_pad_control.SignaturePadControl;
+exports.Guide = require_signature_pad_guide.SignaturePadGuide;
+exports.HiddenInput = require_signature_pad_hidden_input.SignaturePadHiddenInput;
+exports.Label = require_signature_pad_label.SignaturePadLabel;
+exports.Root = require_signature_pad_root.SignaturePadRoot;
+exports.RootProvider = require_signature_pad_root_provider.SignaturePadRootProvider;
+exports.Segment = require_signature_pad_segment.SignaturePadSegment;
 Object.defineProperty(exports, "signature_pad_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/signature-pad/signature-pad.js

@@ -21,4 +21,4 @@ var signature_pad_exports = /* @__PURE__ */ __exportAll({
 	Segment: () => SignaturePadSegment
 });
 //#endregion
-export { signature_pad_exports };
+export { SignaturePadClearTrigger as ClearTrigger, SignaturePadContext as Context, SignaturePadControl as Control, SignaturePadGuide as Guide, SignaturePadHiddenInput as HiddenInput, SignaturePadLabel as Label, SignaturePadRoot as Root, SignaturePadRootProvider as RootProvider, SignaturePadSegment as Segment, signature_pad_exports };

package/dist/components/slider/slider-root.cjs

@@ -19,6 +19,7 @@ var SliderRoot = (0, react.forwardRef)((props, ref) => {
 		"id",
 		"ids",
 		"invalid",
+		"largeStep",
 		"max",
 		"min",
 		"minStepsBetweenThumbs",

package/dist/components/slider/slider-root.js

@@ -19,6 +19,7 @@ var SliderRoot = forwardRef((props, ref) => {
 		"id",
 		"ids",
 		"invalid",
+		"largeStep",
 		"max",
 		"min",
 		"minStepsBetweenThumbs",

package/dist/components/slider/slider.cjs

@@ -29,6 +29,19 @@ var slider_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	ValueText: () => require_slider_value_text.SliderValueText
 });
 //#endregion
+exports.Context = require_slider_context.SliderContext;
+exports.Control = require_slider_control.SliderControl;
+exports.DraggingIndicator = require_slider_dragging_indicator.SliderDraggingIndicator;
+exports.HiddenInput = require_slider_hidden_input.SliderHiddenInput;
+exports.Label = require_slider_label.SliderLabel;
+exports.Marker = require_slider_marker.SliderMarker;
+exports.MarkerGroup = require_slider_marker_group.SliderMarkerGroup;
+exports.Range = require_slider_range.SliderRange;
+exports.Root = require_slider_root.SliderRoot;
+exports.RootProvider = require_slider_root_provider.SliderRootProvider;
+exports.Thumb = require_slider_thumb.SliderThumb;
+exports.Track = require_slider_track.SliderTrack;
+exports.ValueText = require_slider_value_text.SliderValueText;
 Object.defineProperty(exports, "slider_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/slider/slider.js

@@ -29,4 +29,4 @@ var slider_exports = /* @__PURE__ */ __exportAll({
 	ValueText: () => SliderValueText
 });
 //#endregion
-export { slider_exports };
+export { SliderContext as Context, SliderControl as Control, SliderDraggingIndicator as DraggingIndicator, SliderHiddenInput as HiddenInput, SliderLabel as Label, SliderMarker as Marker, SliderMarkerGroup as MarkerGroup, SliderRange as Range, SliderRoot as Root, SliderRootProvider as RootProvider, SliderThumb as Thumb, SliderTrack as Track, SliderValueText as ValueText, slider_exports };

package/dist/components/splitter/splitter.cjs

@@ -19,6 +19,19 @@ var splitter_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	getLayout: () => _zag_js_splitter.layout
 });
 //#endregion
+exports.Context = require_splitter_context.SplitterContext;
+exports.Panel = require_splitter_panel.SplitterPanel;
+exports.ResizeTrigger = require_splitter_resize_trigger.SplitterResizeTrigger;
+exports.ResizeTriggerIndicator = require_splitter_resize_trigger_indicator.SplitterResizeTriggerIndicator;
+exports.Root = require_splitter_root.SplitterRoot;
+exports.RootProvider = require_splitter_root_provider.SplitterRootProvider;
+exports.createRegistry = require_create_splitter_registry.createSplitterRegistry;
+Object.defineProperty(exports, "getLayout", {
+	enumerable: true,
+	get: function() {
+		return _zag_js_splitter.layout;
+	}
+});
 Object.defineProperty(exports, "splitter_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/splitter/splitter.js

@@ -19,4 +19,4 @@ var splitter_exports = /* @__PURE__ */ __exportAll({
 	getLayout: () => getLayout
 });
 //#endregion
-export { splitter_exports };
+export { SplitterContext as Context, SplitterPanel as Panel, SplitterResizeTrigger as ResizeTrigger, SplitterResizeTriggerIndicator as ResizeTriggerIndicator, SplitterRoot as Root, SplitterRootProvider as RootProvider, createSplitterRegistry as createRegistry, getLayout, splitter_exports };

package/dist/components/steps/steps-root-provider.cjs

@@ -14,8 +14,7 @@ var StepsRootProvider = (0, react.forwardRef)((props, ref) => {
 		value: steps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref,
-			children: props.children
+			ref
 		})
 	});
 });

package/dist/components/steps/steps-root-provider.js

@@ -14,8 +14,7 @@ var StepsRootProvider = forwardRef((props, ref) => {
 		value: steps,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref,
-			children: props.children
+			ref
 		})
 	});
 });

package/dist/components/steps/steps.cjs

@@ -31,6 +31,20 @@ var steps_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Trigger: () => require_steps_trigger.StepsTrigger
 });
 //#endregion
+exports.CompletedContent = require_steps_completed_content.StepsCompletedContent;
+exports.Content = require_steps_content.StepsContent;
+exports.Context = require_steps_context.StepsContext;
+exports.Indicator = require_steps_indicator.StepsIndicator;
+exports.Item = require_steps_item.StepsItem;
+exports.ItemContext = require_steps_item_context.StepsItemContext;
+exports.List = require_steps_list.StepsList;
+exports.NextTrigger = require_steps_next_trigger.StepsNextTrigger;
+exports.PrevTrigger = require_steps_prev_trigger.StepsPrevTrigger;
+exports.Progress = require_steps_progress.StepsProgress;
+exports.Root = require_steps_root.StepsRoot;
+exports.RootProvider = require_steps_root_provider.StepsRootProvider;
+exports.Separator = require_steps_separator.StepsSeparator;
+exports.Trigger = require_steps_trigger.StepsTrigger;
 Object.defineProperty(exports, "steps_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/steps/steps.js

@@ -31,4 +31,4 @@ var steps_exports = /* @__PURE__ */ __exportAll({
 	Trigger: () => StepsTrigger
 });
 //#endregion
-export { steps_exports };
+export { StepsCompletedContent as CompletedContent, StepsContent as Content, StepsContext as Context, StepsIndicator as Indicator, StepsItem as Item, StepsItemContext as ItemContext, StepsList as List, StepsNextTrigger as NextTrigger, StepsPrevTrigger as PrevTrigger, StepsProgress as Progress, StepsRoot as Root, StepsRootProvider as RootProvider, StepsSeparator as Separator, StepsTrigger as Trigger, steps_exports };

package/dist/components/swap/swap-indicator.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_swap_context = require("./use-swap-context.cjs");
 let react = require("react");
 let _zag_js_react = require("@zag-js/react");
@@ -10,11 +11,14 @@ var SwapIndicator = (0, react.forwardRef)((props, ref) => {
 	const { type, ...restProps } = props;
 	const swap = require_use_swap_context.useSwapContext();
 	const presence = type === "on" ? swap.onPresence : swap.offPresence;
-	if (presence.unmounted) return null;
+	const composedRefs = require_compose_refs.useComposedRefs(presence.ref, ref);
 	const mergedProps = (0, _zag_js_react.mergeProps)(swap.getIndicatorProps({ type }), restProps);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
-		...mergedProps,
-		ref: require_compose_refs.composeRefs(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.span, {
+			...mergedProps,
+			ref: composedRefs
+		})
 	});
 });
 SwapIndicator.displayName = "SwapIndicator";

package/dist/components/swap/swap-indicator.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 { useSwapContext } from "./use-swap-context.js";
 import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
@@ -10,11 +11,14 @@ var SwapIndicator = forwardRef((props, ref) => {
 	const { type, ...restProps } = props;
 	const swap = useSwapContext();
 	const presence = type === "on" ? swap.onPresence : swap.offPresence;
-	if (presence.unmounted) return null;
+	const composedRefs = useComposedRefs(presence.ref, ref);
 	const mergedProps = mergeProps(swap.getIndicatorProps({ type }), restProps);
-	return /* @__PURE__ */ jsx(ark.span, {
-		...mergedProps,
-		ref: composeRefs(presence.ref, ref)
+	return /* @__PURE__ */ jsx(PresenceGate, {
+		presence,
+		children: /* @__PURE__ */ jsx(ark.span, {
+			...mergedProps,
+			ref: composedRefs
+		})
 	});
 });
 SwapIndicator.displayName = "SwapIndicator";

package/dist/components/swap/swap-root.cjs

@@ -7,11 +7,12 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/swap/swap-root.tsx
 var SwapRoot = (0, react.forwardRef)((props, ref) => {
-	const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
+	const { children, swap: swapProp, lazyMount, unmountOnExit, hideMode, ...restProps } = props;
 	const swap = require_use_swap.useSwap({
 		swap: swapProp,
 		lazyMount,
-		unmountOnExit
+		unmountOnExit,
+		hideMode
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(swap.getRootProps(), restProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_swap_context.SwapProvider, {

package/dist/components/swap/swap-root.js

@@ -7,11 +7,12 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/swap/swap-root.tsx
 var SwapRoot = forwardRef((props, ref) => {
-	const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
+	const { children, swap: swapProp, lazyMount, unmountOnExit, hideMode, ...restProps } = props;
 	const swap = useSwap({
 		swap: swapProp,
 		lazyMount,
-		unmountOnExit
+		unmountOnExit,
+		hideMode
 	});
 	const mergedProps = mergeProps(swap.getRootProps(), restProps);
 	return /* @__PURE__ */ jsx(SwapProvider, {

package/dist/components/swap/swap.cjs

@@ -11,6 +11,10 @@ var swap_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	swapAnatomy: () => require_swap_anatomy.swapAnatomy
 });
 //#endregion
+exports.Indicator = require_swap_indicator.SwapIndicator;
+exports.Root = require_swap_root.SwapRoot;
+exports.RootProvider = require_swap_root_provider.SwapRootProvider;
+exports.swapAnatomy = require_swap_anatomy.swapAnatomy;
 Object.defineProperty(exports, "swap_exports", {
 	enumerable: true,
 	get: function() {

package/dist/components/swap/swap.js

@@ -11,4 +11,4 @@ var swap_exports = /* @__PURE__ */ __exportAll({
 	swapAnatomy: () => swapAnatomy
 });
 //#endregion
-export { swap_exports };
+export { SwapIndicator as Indicator, SwapRoot as Root, SwapRootProvider as RootProvider, swapAnatomy, swap_exports };

package/dist/components/swap/use-swap.cjs

@@ -3,10 +3,11 @@ const require_swap_anatomy = require("./swap.anatomy.cjs");
 const require_use_presence = require("../presence/use-presence.cjs");
 //#region src/components/swap/use-swap.ts
 var useSwap = (props = {}) => {
-	const { swap = false, lazyMount, unmountOnExit } = props;
+	const { swap = false, lazyMount, unmountOnExit, hideMode } = props;
 	const presenceProps = {
 		lazyMount,
-		unmountOnExit
+		unmountOnExit,
+		hideMode
 	};
 	const onPresence = require_use_presence.usePresence({
 		present: swap,

package/dist/components/swap/use-swap.js

@@ -3,10 +3,11 @@ import { parts } from "./swap.anatomy.js";
 import { usePresence } from "../presence/use-presence.js";
 //#region src/components/swap/use-swap.ts
 var useSwap = (props = {}) => {
-	const { swap = false, lazyMount, unmountOnExit } = props;
+	const { swap = false, lazyMount, unmountOnExit, hideMode } = props;
 	const presenceProps = {
 		lazyMount,
-		unmountOnExit
+		unmountOnExit,
+		hideMode
 	};
 	const onPresence = usePresence({
 		present: swap,