@ark-ui/react 3.1.0 → 3.2.0

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useSelectContext = require('./use-select-context.cjs');
+
+const SelectImpl = (props, ref) => {
+  const [presenceProps, selectProps] = splitPresenceProps.splitPresenceProps(props);
+  const [{ value: select }, localProps] = createSplitProps.createSplitProps()(selectProps, [
+    "value"
+  ]);
+  const presence = usePresence.usePresence(react$1.mergeProps({ present: select.open }, presenceProps));
+  const mergedProps = react$1.mergeProps(select.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useSelectContext.SelectProvider, { value: select, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+};
+const SelectRootProvider = react.forwardRef(SelectImpl);
+
+exports.SelectRootProvider = SelectRootProvider;

package/dist/components/select/select-root-provider.d.cts

@@ -0,0 +1,14 @@
+import { JSX } from 'react';
+import { CollectionItem } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UsePresenceProps } from '../presence';
+import { UseSelectReturn } from './use-select';
+
+interface RootProviderProps<T extends CollectionItem> {
+    value: UseSelectReturn<T>;
+}
+export interface SelectRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+}
+export type SelectComponent = <T extends CollectionItem>(props: SelectRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const SelectRootProvider: SelectComponent;
+export {};

package/dist/components/select/select-root-provider.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'react';
+import { CollectionItem } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UsePresenceProps } from '../presence';
+import { UseSelectReturn } from './use-select';
+
+interface RootProviderProps<T extends CollectionItem> {
+    value: UseSelectReturn<T>;
+}
+export interface SelectRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+}
+export type SelectComponent = <T extends CollectionItem>(props: SelectRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
+export declare const SelectRootProvider: SelectComponent;
+export {};

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { SelectProvider } from './use-select-context.js';
+
+const SelectImpl = (props, ref) => {
+  const [presenceProps, selectProps] = splitPresenceProps(props);
+  const [{ value: select }, localProps] = createSplitProps()(selectProps, [
+    "value"
+  ]);
+  const presence = usePresence(mergeProps({ present: select.open }, presenceProps));
+  const mergedProps = mergeProps(select.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+};
+const SelectRootProvider = forwardRef(SelectImpl);
+
+export { SelectRootProvider };

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

@@ -48,7 +48,7 @@ const SelectImpl = (props, ref) => {
   ]);
   const select = useSelect.useSelect(useSelectProps);
   const presence = usePresence.usePresence(react$1.mergeProps({ present: select.open }, presenceProps));
-  const mergedProps = react$1.mergeProps(select.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(select.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useSelectContext.SelectProvider, { value: select, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
 };
 const SelectRoot = react.forwardRef(SelectImpl);

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

@@ -44,7 +44,7 @@ const SelectImpl = (props, ref) => {
   ]);
   const select = useSelect(useSelectProps);
   const presence = usePresence(mergeProps({ present: select.open }, presenceProps));
-  const mergedProps = mergeProps(select.rootProps, localProps);
+  const mergedProps = mergeProps(select.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
 };
 const SelectRoot = forwardRef(SelectImpl);

package/dist/components/select/select-trigger.cjs

@@ -11,7 +11,7 @@ const useSelectContext = require('./use-select-context.cjs');
 
 const SelectTrigger = react.forwardRef((props, ref) => {
   const select = useSelectContext.useSelectContext();
-  const mergedProps = react$1.mergeProps(select.triggerProps, props);
+  const mergedProps = react$1.mergeProps(select.getTriggerProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
 SelectTrigger.displayName = "SelectTrigger";

package/dist/components/select/select-trigger.js

@@ -7,7 +7,7 @@ import { useSelectContext } from './use-select-context.js';
 
 const SelectTrigger = forwardRef((props, ref) => {
   const select = useSelectContext();
-  const mergedProps = mergeProps(select.triggerProps, props);
+  const mergedProps = mergeProps(select.getTriggerProps(), props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
 SelectTrigger.displayName = "SelectTrigger";

package/dist/components/select/select.cjs

@@ -17,6 +17,7 @@ const selectItemText = require('./select-item-text.cjs');
 const selectLabel = require('./select-label.cjs');
 const selectPositioner = require('./select-positioner.cjs');
 const selectRoot = require('./select-root.cjs');
+const selectRootProvider = require('./select-root-provider.cjs');
 const selectTrigger = require('./select-trigger.cjs');
 const selectValueText = require('./select-value-text.cjs');
 
@@ -37,5 +38,6 @@ exports.ItemText = selectItemText.SelectItemText;
 exports.Label = selectLabel.SelectLabel;
 exports.Positioner = selectPositioner.SelectPositioner;
 exports.Root = selectRoot.SelectRoot;
+exports.RootProvider = selectRootProvider.SelectRootProvider;
 exports.Trigger = selectTrigger.SelectTrigger;
 exports.ValueText = selectValueText.SelectValueText;

package/dist/components/select/select.d.cts

@@ -15,5 +15,6 @@ export { SelectItemText as ItemText, type SelectItemTextProps as ItemTextProps,
 export { SelectLabel as Label, type SelectLabelProps as LabelProps } from './select-label';
 export { SelectPositioner as Positioner, type SelectPositionerProps as PositionerProps, } from './select-positioner';
 export { SelectRoot as Root, type SelectRootProps as RootProps } from './select-root';
+export { SelectRootProvider as RootProvider, type SelectRootProviderProps as RootProviderProps, } from './select-root-provider';
 export { SelectTrigger as Trigger, type SelectTriggerProps as TriggerProps } from './select-trigger';
 export { SelectValueText as ValueText, type SelectValueTextProps as ValueTextProps, } from './select-value-text';

package/dist/components/select/select.d.ts

@@ -15,5 +15,6 @@ export { SelectItemText as ItemText, type SelectItemTextProps as ItemTextProps,
 export { SelectLabel as Label, type SelectLabelProps as LabelProps } from './select-label';
 export { SelectPositioner as Positioner, type SelectPositionerProps as PositionerProps, } from './select-positioner';
 export { SelectRoot as Root, type SelectRootProps as RootProps } from './select-root';
+export { SelectRootProvider as RootProvider, type SelectRootProviderProps as RootProviderProps, } from './select-root-provider';
 export { SelectTrigger as Trigger, type SelectTriggerProps as TriggerProps } from './select-trigger';
 export { SelectValueText as ValueText, type SelectValueTextProps as ValueTextProps, } from './select-value-text';

package/dist/components/select/select.js

@@ -13,5 +13,6 @@ export { SelectItemText as ItemText } from './select-item-text.js';
 export { SelectLabel as Label } from './select-label.js';
 export { SelectPositioner as Positioner } from './select-positioner.js';
 export { SelectRoot as Root } from './select-root.js';
+export { SelectRootProvider as RootProvider } from './select-root-provider.js';
 export { SelectTrigger as Trigger } from './select-trigger.js';
 export { SelectValueText as ValueText } from './select-value-text.js';

package/dist/components/slider/index.cjs

@@ -10,9 +10,11 @@ const sliderMarker = require('./slider-marker.cjs');
 const sliderMarkerGroup = require('./slider-marker-group.cjs');
 const sliderRange = require('./slider-range.cjs');
 const sliderRoot = require('./slider-root.cjs');
+const sliderRootProvider = require('./slider-root-provider.cjs');
 const sliderThumb = require('./slider-thumb.cjs');
 const sliderTrack = require('./slider-track.cjs');
 const sliderValueText = require('./slider-value-text.cjs');
+const useSlider = require('./use-slider.cjs');
 const useSliderContext = require('./use-slider-context.cjs');
 const slider = require('./slider.cjs');
 
@@ -26,8 +28,10 @@ exports.SliderMarker = sliderMarker.SliderMarker;
 exports.SliderMarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
 exports.SliderRange = sliderRange.SliderRange;
 exports.SliderRoot = sliderRoot.SliderRoot;
+exports.SliderRootProvider = sliderRootProvider.SliderRootProvider;
 exports.SliderThumb = sliderThumb.SliderThumb;
 exports.SliderTrack = sliderTrack.SliderTrack;
 exports.SliderValueText = sliderValueText.SliderValueText;
+exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
 exports.Slider = slider;

package/dist/components/slider/index.d.cts

@@ -7,8 +7,10 @@ export { SliderMarker, type SliderMarkerProps } from './slider-marker';
 export { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
 export { SliderRange, type SliderRangeProps } from './slider-range';
 export { SliderRoot, type SliderRootProps } from './slider-root';
+export { SliderRootProvider, type SliderRootProviderProps } from './slider-root-provider';
 export { SliderThumb, type SliderThumbProps } from './slider-thumb';
 export { SliderTrack, type SliderTrackProps } from './slider-track';
 export { SliderValueText, type SliderValueTextProps } from './slider-value-text';
+export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider';
 export { useSliderContext, type UseSliderContext } from './use-slider-context';
 export * as Slider from './slider';

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

@@ -7,8 +7,10 @@ export { SliderMarker, type SliderMarkerProps } from './slider-marker';
 export { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
 export { SliderRange, type SliderRangeProps } from './slider-range';
 export { SliderRoot, type SliderRootProps } from './slider-root';
+export { SliderRootProvider, type SliderRootProviderProps } from './slider-root-provider';
 export { SliderThumb, type SliderThumbProps } from './slider-thumb';
 export { SliderTrack, type SliderTrackProps } from './slider-track';
 export { SliderValueText, type SliderValueTextProps } from './slider-value-text';
+export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider';
 export { useSliderContext, type UseSliderContext } from './use-slider-context';
 export * as Slider from './slider';

package/dist/components/slider/index.js

@@ -6,9 +6,11 @@ export { SliderMarker } from './slider-marker.js';
 export { SliderMarkerGroup } from './slider-marker-group.js';
 export { SliderRange } from './slider-range.js';
 export { SliderRoot } from './slider-root.js';
+export { SliderRootProvider } from './slider-root-provider.js';
 export { SliderThumb } from './slider-thumb.js';
 export { SliderTrack } from './slider-track.js';
 export { SliderValueText } from './slider-value-text.js';
+export { useSlider } from './use-slider.js';
 export { useSliderContext } from './use-slider-context.js';
 import * as slider from './slider.js';
 export { slider as Slider };

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

@@ -11,7 +11,7 @@ const useSliderContext = require('./use-slider-context.cjs');
 
 const SliderControl = react.forwardRef((props, ref) => {
   const slider = useSliderContext.useSliderContext();
-  const mergedProps = react$1.mergeProps(slider.controlProps, props);
+  const mergedProps = react$1.mergeProps(slider.getControlProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 SliderControl.displayName = "SliderControl";

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

@@ -7,7 +7,7 @@ import { useSliderContext } from './use-slider-context.js';
 
 const SliderControl = forwardRef((props, ref) => {
   const slider = useSliderContext();
-  const mergedProps = mergeProps(slider.controlProps, props);
+  const mergedProps = mergeProps(slider.getControlProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 SliderControl.displayName = "SliderControl";

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

@@ -11,7 +11,7 @@ const useSliderContext = require('./use-slider-context.cjs');
 
 const SliderLabel = react.forwardRef((props, ref) => {
   const slider = useSliderContext.useSliderContext();
-  const mergedProps = react$1.mergeProps(slider.labelProps, props);
+  const mergedProps = react$1.mergeProps(slider.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 SliderLabel.displayName = "SliderLabel";

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

@@ -7,7 +7,7 @@ import { useSliderContext } from './use-slider-context.js';
 
 const SliderLabel = forwardRef((props, ref) => {
   const slider = useSliderContext();
-  const mergedProps = mergeProps(slider.labelProps, props);
+  const mergedProps = mergeProps(slider.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 SliderLabel.displayName = "SliderLabel";

package/dist/components/slider/slider-marker-group.cjs

@@ -12,7 +12,7 @@ const useSliderContext = require('./use-slider-context.cjs');
 const SliderMarkerGroup = react.forwardRef(
   (props, ref) => {
     const slider = useSliderContext.useSliderContext();
-    const mergedProps = react$1.mergeProps(slider.markerGroupProps, props);
+    const mergedProps = react$1.mergeProps(slider.getMarkerGroupProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

package/dist/components/slider/slider-marker-group.js

@@ -8,7 +8,7 @@ import { useSliderContext } from './use-slider-context.js';
 const SliderMarkerGroup = forwardRef(
   (props, ref) => {
     const slider = useSliderContext();
-    const mergedProps = mergeProps(slider.markerGroupProps, props);
+    const mergedProps = mergeProps(slider.getMarkerGroupProps(), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -11,7 +11,7 @@ const useSliderContext = require('./use-slider-context.cjs');
 
 const SliderRange = react.forwardRef((props, ref) => {
   const slider = useSliderContext.useSliderContext();
-  const mergedProps = react$1.mergeProps(slider.rangeProps, props);
+  const mergedProps = react$1.mergeProps(slider.getRangeProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 SliderRange.displayName = "SliderRange";

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

@@ -7,7 +7,7 @@ import { useSliderContext } from './use-slider-context.js';
 
 const SliderRange = forwardRef((props, ref) => {
   const slider = useSliderContext();
-  const mergedProps = mergeProps(slider.rangeProps, props);
+  const mergedProps = mergeProps(slider.getRangeProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 SliderRange.displayName = "SliderRange";

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

@@ -0,0 +1,22 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useSliderContext = require('./use-slider-context.cjs');
+
+const SliderRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: slider }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+    const mergedProps = react$1.mergeProps(slider.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useSliderContext.SliderProvider, { value: slider, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+SliderRootProvider.displayName = "SliderRootProvider";
+
+exports.SliderRootProvider = SliderRootProvider;

package/dist/components/slider/slider-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSliderReturn } from './use-slider';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSliderReturn;
+}
+export interface SliderRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SliderRootProvider: ForwardRefExoticComponent<SliderRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/slider/slider-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSliderReturn } from './use-slider';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSliderReturn;
+}
+export interface SliderRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SliderRootProvider: ForwardRefExoticComponent<SliderRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { SliderProvider } from './use-slider-context.js';
+
+const SliderRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: slider }, localProps] = createSplitProps()(props, ["value"]);
+    const mergedProps = mergeProps(slider.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(SliderProvider, { value: slider, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+SliderRootProvider.displayName = "SliderRootProvider";
+
+export { SliderRootProvider };

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

@@ -39,7 +39,7 @@ const SliderRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const slider = useSlider.useSlider(useSliderProps);
-  const mergedProps = react$1.mergeProps(slider.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(slider.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useSliderContext.SliderProvider, { value: slider, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 SliderRoot.displayName = "SliderRoot";

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

@@ -35,7 +35,7 @@ const SliderRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const slider = useSlider(useSliderProps);
-  const mergedProps = mergeProps(slider.rootProps, localProps);
+  const mergedProps = mergeProps(slider.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(SliderProvider, { value: slider, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 SliderRoot.displayName = "SliderRoot";

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

@@ -11,7 +11,7 @@ const useSliderContext = require('./use-slider-context.cjs');
 
 const SliderTrack = react.forwardRef((props, ref) => {
   const slider = useSliderContext.useSliderContext();
-  const mergedProps = react$1.mergeProps(slider.trackProps, props);
+  const mergedProps = react$1.mergeProps(slider.getTrackProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 SliderTrack.displayName = "SliderTrack";

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

@@ -7,7 +7,7 @@ import { useSliderContext } from './use-slider-context.js';
 
 const SliderTrack = forwardRef((props, ref) => {
   const slider = useSliderContext();
-  const mergedProps = mergeProps(slider.trackProps, props);
+  const mergedProps = mergeProps(slider.getTrackProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 SliderTrack.displayName = "SliderTrack";

package/dist/components/slider/slider-value-text.cjs

@@ -12,7 +12,7 @@ const useSliderContext = require('./use-slider-context.cjs');
 const SliderValueText = react.forwardRef((props, ref) => {
   const { children, ...rest } = props;
   const slider = useSliderContext.useSliderContext();
-  const mergedProps = react$1.mergeProps(slider.valueTextProps, rest);
+  const mergedProps = react$1.mergeProps(slider.getValueTextProps(), rest);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: children || slider.value.join(", ") });
 });
 SliderValueText.displayName = "SliderValueText";

package/dist/components/slider/slider-value-text.js

@@ -8,7 +8,7 @@ import { useSliderContext } from './use-slider-context.js';
 const SliderValueText = forwardRef((props, ref) => {
   const { children, ...rest } = props;
   const slider = useSliderContext();
-  const mergedProps = mergeProps(slider.valueTextProps, rest);
+  const mergedProps = mergeProps(slider.getValueTextProps(), rest);
   return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || slider.value.join(", ") });
 });
 SliderValueText.displayName = "SliderValueText";

package/dist/components/slider/slider.cjs

@@ -9,6 +9,7 @@ const sliderMarker = require('./slider-marker.cjs');
 const sliderMarkerGroup = require('./slider-marker-group.cjs');
 const sliderRange = require('./slider-range.cjs');
 const sliderRoot = require('./slider-root.cjs');
+const sliderRootProvider = require('./slider-root-provider.cjs');
 const sliderThumb = require('./slider-thumb.cjs');
 const sliderTrack = require('./slider-track.cjs');
 const sliderHiddenInput = require('./slider-hidden-input.cjs');
@@ -23,6 +24,7 @@ exports.Marker = sliderMarker.SliderMarker;
 exports.MarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
 exports.Range = sliderRange.SliderRange;
 exports.Root = sliderRoot.SliderRoot;
+exports.RootProvider = sliderRootProvider.SliderRootProvider;
 exports.Thumb = sliderThumb.SliderThumb;
 exports.Track = sliderTrack.SliderTrack;
 exports.HiddenInput = sliderHiddenInput.SliderHiddenInput;

package/dist/components/slider/slider.d.cts

@@ -6,6 +6,7 @@ export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps } from '.
 export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, } from './slider-marker-group';
 export { SliderRange as Range, type SliderRangeProps as RangeProps } from './slider-range';
 export { SliderRoot as Root, type SliderRootProps as RootProps } from './slider-root';
+export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, } from './slider-root-provider';
 export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps } from './slider-thumb';
 export { SliderTrack as Track, type SliderTrackProps as TrackProps } from './slider-track';
 export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, } from './slider-hidden-input';

package/dist/components/slider/slider.d.ts

@@ -6,6 +6,7 @@ export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps } from '.
 export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, } from './slider-marker-group';
 export { SliderRange as Range, type SliderRangeProps as RangeProps } from './slider-range';
 export { SliderRoot as Root, type SliderRootProps as RootProps } from './slider-root';
+export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, } from './slider-root-provider';
 export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps } from './slider-thumb';
 export { SliderTrack as Track, type SliderTrackProps as TrackProps } from './slider-track';
 export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, } from './slider-hidden-input';

package/dist/components/slider/slider.js

@@ -5,6 +5,7 @@ export { SliderMarker as Marker } from './slider-marker.js';
 export { SliderMarkerGroup as MarkerGroup } from './slider-marker-group.js';
 export { SliderRange as Range } from './slider-range.js';
 export { SliderRoot as Root } from './slider-root.js';
+export { SliderRootProvider as RootProvider } from './slider-root-provider.js';
 export { SliderThumb as Thumb } from './slider-thumb.js';
 export { SliderTrack as Track } from './slider-track.js';
 export { SliderHiddenInput as HiddenInput } from './slider-hidden-input.js';

package/dist/components/splitter/index.cjs

@@ -6,6 +6,8 @@ const splitterContext = require('./splitter-context.cjs');
 const splitterPanel = require('./splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
 const splitterRoot = require('./splitter-root.cjs');
+const splitterRootProvider = require('./splitter-root-provider.cjs');
+const useSplitter = require('./use-splitter.cjs');
 const useSplitterContext = require('./use-splitter-context.cjs');
 const splitter = require('./splitter.cjs');
 
@@ -15,5 +17,7 @@ exports.SplitterContext = splitterContext.SplitterContext;
 exports.SplitterPanel = splitterPanel.SplitterPanel;
 exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
 exports.SplitterRoot = splitterRoot.SplitterRoot;
+exports.SplitterRootProvider = splitterRootProvider.SplitterRootProvider;
+exports.useSplitter = useSplitter.useSplitter;
 exports.useSplitterContext = useSplitterContext.useSplitterContext;
 exports.Splitter = splitter;

package/dist/components/splitter/index.d.cts

@@ -3,5 +3,7 @@ export { SplitterContext, type SplitterContextProps } from './splitter-context';
 export { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
 export { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
 export { SplitterRoot, type SplitterRootProps } from './splitter-root';
-export { type UseSplitterContext, useSplitterContext } from './use-splitter-context';
+export { SplitterRootProvider, type SplitterRootProviderProps } from './splitter-root-provider';
+export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
+export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';
 export * as Splitter from './splitter';

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

@@ -3,5 +3,7 @@ export { SplitterContext, type SplitterContextProps } from './splitter-context';
 export { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
 export { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
 export { SplitterRoot, type SplitterRootProps } from './splitter-root';
-export { type UseSplitterContext, useSplitterContext } from './use-splitter-context';
+export { SplitterRootProvider, type SplitterRootProviderProps } from './splitter-root-provider';
+export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
+export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';
 export * as Splitter from './splitter';

package/dist/components/splitter/index.js

@@ -2,6 +2,8 @@ export { SplitterContext } from './splitter-context.js';
 export { SplitterPanel } from './splitter-panel.js';
 export { SplitterResizeTrigger } from './splitter-resize-trigger.js';
 export { SplitterRoot } from './splitter-root.js';
+export { SplitterRootProvider } from './splitter-root-provider.js';
+export { useSplitter } from './use-splitter.js';
 export { useSplitterContext } from './use-splitter-context.js';
 import * as splitter from './splitter.js';
 export { splitter as Splitter };

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

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useSplitterContext = require('./use-splitter-context.cjs');
+
+const SplitterRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: splitter }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(splitter.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useSplitterContext.SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+SplitterRootProvider.displayName = "SplitterRootProvider";
+
+exports.SplitterRootProvider = SplitterRootProvider;

package/dist/components/splitter/splitter-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSplitterReturn } from './use-splitter';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSplitterReturn;
+}
+export interface SplitterRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SplitterRootProvider: ForwardRefExoticComponent<SplitterRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/splitter/splitter-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSplitterReturn } from './use-splitter';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSplitterReturn;
+}
+export interface SplitterRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SplitterRootProvider: ForwardRefExoticComponent<SplitterRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { SplitterProvider } from './use-splitter-context.js';
+
+const SplitterRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: splitter }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(splitter.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+SplitterRootProvider.displayName = "SplitterRootProvider";
+
+export { SplitterRootProvider };

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

@@ -22,7 +22,7 @@ const SplitterRoot = react.forwardRef((props, ref) => {
     "size"
   ]);
   const splitter = useSplitter.useSplitter(useSplitterProps);
-  const mergedProps = react$1.mergeProps(splitter.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(splitter.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useSplitterContext.SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 SplitterRoot.displayName = "SplitterRoot";