@ark-ui/react 3.1.0 → 3.2.0

package/dist/components/rating-group/index.d.cts

@@ -1,11 +1,13 @@
 export type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails, } from '@zag-js/rating-group';
 export { RatingGroupContext, type RatingGroupContextProps } from './rating-group-context';
 export { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
+export { RatingGroupHiddenInput, type RatingGroupHiddenInputProps, } from './rating-group-hidden-input';
 export { RatingGroupItem, type RatingGroupItemProps } from './rating-group-item';
 export { RatingGroupItemContext, type RatingGroupItemContextProps, } from './rating-group-item-context';
 export { RatingGroupLabel, type RatingGroupLabelProps } from './rating-group-label';
 export { RatingGroupRoot, type RatingGroupRootProps } from './rating-group-root';
-export { type UseRatingGroupContext, useRatingGroupContext } from './use-rating-group-context';
-export { RatingGroupHiddenInput, type RatingGroupHiddenInputProps, } from './rating-group-hidden-input';
-export { type UseRatingGroupItemContext, useRatingGroupItemContext, } from './use-rating-group-item-context';
+export { RatingGroupRootProvider, type RatingGroupRootProviderProps, } from './rating-group-root-provider';
+export { useRatingGroup, type UseRatingGroupProps, type UseRatingGroupReturn, } from './use-rating-group';
+export { useRatingGroupContext, type UseRatingGroupContext } from './use-rating-group-context';
+export { useRatingGroupItemContext, type UseRatingGroupItemContext, } from './use-rating-group-item-context';
 export * as RatingGroup from './rating-group';

package/dist/components/rating-group/index.d.ts

@@ -1,11 +1,13 @@
 export type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails, } from '@zag-js/rating-group';
 export { RatingGroupContext, type RatingGroupContextProps } from './rating-group-context';
 export { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
+export { RatingGroupHiddenInput, type RatingGroupHiddenInputProps, } from './rating-group-hidden-input';
 export { RatingGroupItem, type RatingGroupItemProps } from './rating-group-item';
 export { RatingGroupItemContext, type RatingGroupItemContextProps, } from './rating-group-item-context';
 export { RatingGroupLabel, type RatingGroupLabelProps } from './rating-group-label';
 export { RatingGroupRoot, type RatingGroupRootProps } from './rating-group-root';
-export { type UseRatingGroupContext, useRatingGroupContext } from './use-rating-group-context';
-export { RatingGroupHiddenInput, type RatingGroupHiddenInputProps, } from './rating-group-hidden-input';
-export { type UseRatingGroupItemContext, useRatingGroupItemContext, } from './use-rating-group-item-context';
+export { RatingGroupRootProvider, type RatingGroupRootProviderProps, } from './rating-group-root-provider';
+export { useRatingGroup, type UseRatingGroupProps, type UseRatingGroupReturn, } from './use-rating-group';
+export { useRatingGroupContext, type UseRatingGroupContext } from './use-rating-group-context';
+export { useRatingGroupItemContext, type UseRatingGroupItemContext, } from './use-rating-group-item-context';
 export * as RatingGroup from './rating-group';

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

@@ -1,11 +1,13 @@
 export { RatingGroupContext } from './rating-group-context.js';
 export { RatingGroupControl } from './rating-group-control.js';
+export { RatingGroupHiddenInput } from './rating-group-hidden-input.js';
 export { RatingGroupItem } from './rating-group-item.js';
 export { RatingGroupItemContext } from './rating-group-item-context.js';
 export { RatingGroupLabel } from './rating-group-label.js';
 export { RatingGroupRoot } from './rating-group-root.js';
+export { RatingGroupRootProvider } from './rating-group-root-provider.js';
+export { useRatingGroup } from './use-rating-group.js';
 export { useRatingGroupContext } from './use-rating-group-context.js';
-export { RatingGroupHiddenInput } from './rating-group-hidden-input.js';
 export { useRatingGroupItemContext } from './use-rating-group-item-context.js';
 import * as ratingGroup from './rating-group.js';
 export { ratingGroup as RatingGroup };

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

@@ -12,7 +12,7 @@ const useRatingGroupContext = require('./use-rating-group-context.cjs');
 const RatingGroupControl = react.forwardRef(
   (props, ref) => {
     const ratingGroup = useRatingGroupContext.useRatingGroupContext();
-    const mergedProps = react$1.mergeProps(ratingGroup.controlProps, props);
+    const mergedProps = react$1.mergeProps(ratingGroup.getControlProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useRatingGroupContext } from './use-rating-group-context.js';
 const RatingGroupControl = forwardRef(
   (props, ref) => {
     const ratingGroup = useRatingGroupContext();
-    const mergedProps = mergeProps(ratingGroup.controlProps, props);
+    const mergedProps = mergeProps(ratingGroup.getControlProps(), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -12,7 +12,7 @@ const useRatingGroupContext = require('./use-rating-group-context.cjs');
 const RatingGroupHiddenInput = react.forwardRef(
   (props, ref) => {
     const ratingGroup = useRatingGroupContext.useRatingGroupContext();
-    const mergedProps = react$1.mergeProps(ratingGroup.hiddenInputProps, props);
+    const mergedProps = react$1.mergeProps(ratingGroup.getHiddenInputProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useRatingGroupContext } from './use-rating-group-context.js';
 const RatingGroupHiddenInput = forwardRef(
   (props, ref) => {
     const ratingGroup = useRatingGroupContext();
-    const mergedProps = mergeProps(ratingGroup.hiddenInputProps, props);
+    const mergedProps = mergeProps(ratingGroup.getHiddenInputProps(), props);
     return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
   }
 );

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

@@ -12,7 +12,7 @@ const useRatingGroupContext = require('./use-rating-group-context.cjs');
 const RatingGroupLabel = react.forwardRef(
   (props, ref) => {
     const ratingGroup = useRatingGroupContext.useRatingGroupContext();
-    const mergedProps = react$1.mergeProps(ratingGroup.labelProps, props);
+    const mergedProps = react$1.mergeProps(ratingGroup.getLabelProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useRatingGroupContext } from './use-rating-group-context.js';
 const RatingGroupLabel = forwardRef(
   (props, ref) => {
     const ratingGroup = useRatingGroupContext();
-    const mergedProps = mergeProps(ratingGroup.labelProps, props);
+    const mergedProps = mergeProps(ratingGroup.getLabelProps(), props);
     return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
   }
 );

package/dist/components/rating-group/rating-group-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 useRatingGroupContext = require('./use-rating-group-context.cjs');
+
+const RatingGroupRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: ratingGroup }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(ratingGroup.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useRatingGroupContext.RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+RatingGroupRootProvider.displayName = "RatingGroupRootProvider";
+
+exports.RatingGroupRootProvider = RatingGroupRootProvider;

package/dist/components/rating-group/rating-group-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseRatingGroupReturn } from './use-rating-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseRatingGroupReturn;
+}
+export interface RatingGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const RatingGroupRootProvider: ForwardRefExoticComponent<RatingGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/rating-group/rating-group-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseRatingGroupReturn } from './use-rating-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseRatingGroupReturn;
+}
+export interface RatingGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const RatingGroupRootProvider: ForwardRefExoticComponent<RatingGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/rating-group/rating-group-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 { RatingGroupProvider } from './use-rating-group-context.js';
+
+const RatingGroupRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: ratingGroup }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(ratingGroup.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+RatingGroupRootProvider.displayName = "RatingGroupRootProvider";
+
+export { RatingGroupRootProvider };

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

@@ -29,7 +29,7 @@ const RatingGroupRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const ratingGroup = useRatingGroup.useRatingGroup(useRatingProps);
-  const mergedProps = react$1.mergeProps(ratingGroup.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(ratingGroup.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useRatingGroupContext.RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 RatingGroupRoot.displayName = "RatingGroupRoot";

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

@@ -25,7 +25,7 @@ const RatingGroupRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const ratingGroup = useRatingGroup(useRatingProps);
-  const mergedProps = mergeProps(ratingGroup.rootProps, localProps);
+  const mergedProps = mergeProps(ratingGroup.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(RatingGroupProvider, { value: ratingGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 RatingGroupRoot.displayName = "RatingGroupRoot";

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

@@ -11,6 +11,8 @@ const segmentGroupItemHiddenInput = require('./segment-group-item-hidden-input.c
 const segmentGroupItemText = require('./segment-group-item-text.cjs');
 const segmentGroupLabel = require('./segment-group-label.cjs');
 const segmentGroupRoot = require('./segment-group-root.cjs');
+const segmentGroupRootProvider = require('./segment-group-root-provider.cjs');
+const useSegmentGroup = require('./use-segment-group.cjs');
 const useSegmentGroupContext = require('./use-segment-group-context.cjs');
 const useSegmentGroupItemContext = require('./use-segment-group-item-context.cjs');
 const segmentGroup = require('./segment-group.cjs');
@@ -26,6 +28,8 @@ exports.SegmentGroupItemHiddenInput = segmentGroupItemHiddenInput.SegmentGroupIt
 exports.SegmentGroupItemText = segmentGroupItemText.SegmentGroupItemText;
 exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
 exports.SegmentGroupRoot = segmentGroupRoot.SegmentGroupRoot;
+exports.SegmentGroupRootProvider = segmentGroupRootProvider.SegmentGroupRootProvider;
+exports.useSegmentGroup = useSegmentGroup.useSegmentGroup;
 exports.useSegmentGroupContext = useSegmentGroupContext.useSegmentGroupContext;
 exports.useSegmentGroupItemContext = useSegmentGroupItemContext.useSegmentGroupItemContext;
 exports.SegmentGroup = segmentGroup;

package/dist/components/segment-group/index.d.cts

@@ -8,6 +8,8 @@ export { SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputProps, } f
 export { SegmentGroupItemText, type SegmentGroupItemTextProps } from './segment-group-item-text';
 export { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
 export { SegmentGroupRoot, type SegmentGroupRootProps } from './segment-group-root';
+export { SegmentGroupRootProvider, type SegmentGroupRootProviderProps, } from './segment-group-root-provider';
+export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn, } from './use-segment-group';
 export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context';
 export { useSegmentGroupItemContext, type UseSegmentGroupItemContext, } from './use-segment-group-item-context';
 export * as SegmentGroup from './segment-group';

package/dist/components/segment-group/index.d.ts

@@ -8,6 +8,8 @@ export { SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputProps, } f
 export { SegmentGroupItemText, type SegmentGroupItemTextProps } from './segment-group-item-text';
 export { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
 export { SegmentGroupRoot, type SegmentGroupRootProps } from './segment-group-root';
+export { SegmentGroupRootProvider, type SegmentGroupRootProviderProps, } from './segment-group-root-provider';
+export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn, } from './use-segment-group';
 export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context';
 export { useSegmentGroupItemContext, type UseSegmentGroupItemContext, } from './use-segment-group-item-context';
 export * as SegmentGroup from './segment-group';

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

@@ -7,6 +7,8 @@ export { SegmentGroupItemHiddenInput } from './segment-group-item-hidden-input.j
 export { SegmentGroupItemText } from './segment-group-item-text.js';
 export { SegmentGroupLabel } from './segment-group-label.js';
 export { SegmentGroupRoot } from './segment-group-root.js';
+export { SegmentGroupRootProvider } from './segment-group-root-provider.js';
+export { useSegmentGroup } from './use-segment-group.js';
 export { useSegmentGroupContext } from './use-segment-group-context.js';
 export { useSegmentGroupItemContext } from './use-segment-group-item-context.js';
 import * as segmentGroup from './segment-group.js';

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

@@ -14,7 +14,7 @@ const SegmentGroupIndicator = react.forwardRef(
   (props, ref) => {
     const segmentGroup = useSegmentGroupContext.useSegmentGroupContext();
     const mergedProps = react$1.mergeProps(
-      segmentGroup.indicatorProps,
+      segmentGroup.getIndicatorProps(),
       anatomy.segmentGroupAnatomy.build().indicator.attrs,
       props
     );

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

@@ -10,7 +10,7 @@ const SegmentGroupIndicator = forwardRef(
   (props, ref) => {
     const segmentGroup = useSegmentGroupContext();
     const mergedProps = mergeProps(
-      segmentGroup.indicatorProps,
+      segmentGroup.getIndicatorProps(),
       segmentGroupAnatomy.build().indicator.attrs,
       props
     );

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

@@ -14,7 +14,7 @@ const SegmentGroupLabel = react.forwardRef(
   (props, ref) => {
     const segmentGroup = useSegmentGroupContext.useSegmentGroupContext();
     const mergedProps = react$1.mergeProps(
-      segmentGroup.labelProps,
+      segmentGroup.getLabelProps(),
       anatomy.segmentGroupAnatomy.build().label.attrs,
       props
     );

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

@@ -10,7 +10,7 @@ const SegmentGroupLabel = forwardRef(
   (props, ref) => {
     const segmentGroup = useSegmentGroupContext();
     const mergedProps = mergeProps(
-      segmentGroup.labelProps,
+      segmentGroup.getLabelProps(),
       segmentGroupAnatomy.build().label.attrs,
       props
     );

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

@@ -0,0 +1,29 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const anatomy = require('@ark-ui/anatomy');
+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 useSegmentGroupContext = require('./use-segment-group-context.cjs');
+
+const SegmentGroupRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: segmentGroup }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(
+      segmentGroup.getRootProps(),
+      anatomy.segmentGroupAnatomy.build().root.attrs,
+      localProps
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(useSegmentGroupContext.SegmentGroupProvider, { value: segmentGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+SegmentGroupRootProvider.displayName = "SegmentGroupRootProvider";
+
+exports.SegmentGroupRootProvider = SegmentGroupRootProvider;

package/dist/components/segment-group/segment-group-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSegmentGroupReturn } from './use-segment-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSegmentGroupReturn;
+}
+export interface SegmentGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SegmentGroupRootProvider: ForwardRefExoticComponent<SegmentGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/segment-group/segment-group-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseSegmentGroupReturn } from './use-segment-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSegmentGroupReturn;
+}
+export interface SegmentGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const SegmentGroupRootProvider: ForwardRefExoticComponent<SegmentGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,25 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { segmentGroupAnatomy } from '@ark-ui/anatomy';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { SegmentGroupProvider } from './use-segment-group-context.js';
+
+const SegmentGroupRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: segmentGroup }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(
+      segmentGroup.getRootProps(),
+      segmentGroupAnatomy.build().root.attrs,
+      localProps
+    );
+    return /* @__PURE__ */ jsx(SegmentGroupProvider, { value: segmentGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+SegmentGroupRootProvider.displayName = "SegmentGroupRootProvider";
+
+export { SegmentGroupRootProvider };

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

@@ -27,7 +27,7 @@ const SegmentGroupRoot = react.forwardRef((props, ref) => {
   ]);
   const segmentGroup = useSegmentGroup.useSegmentGroup(useSegmentGroupProps);
   const mergedProps = react$1.mergeProps(
-    segmentGroup.rootProps,
+    segmentGroup.getRootProps(),
     anatomy.segmentGroupAnatomy.build().root.attrs,
     localProps
   );

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

@@ -23,7 +23,7 @@ const SegmentGroupRoot = forwardRef((props, ref) => {
   ]);
   const segmentGroup = useSegmentGroup(useSegmentGroupProps);
   const mergedProps = mergeProps(
-    segmentGroup.rootProps,
+    segmentGroup.getRootProps(),
     segmentGroupAnatomy.build().root.attrs,
     localProps
   );

package/dist/components/select/index.cjs

@@ -17,8 +17,10 @@ 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');
+const useSelect = require('./use-select.cjs');
 const useSelectContext = require('./use-select-context.cjs');
 const useSelectItemContext = require('./use-select-item-context.cjs');
 const select = require('./select.cjs');
@@ -40,8 +42,10 @@ exports.SelectItemText = selectItemText.SelectItemText;
 exports.SelectLabel = selectLabel.SelectLabel;
 exports.SelectPositioner = selectPositioner.SelectPositioner;
 exports.SelectRoot = selectRoot.SelectRoot;
+exports.SelectRootProvider = selectRootProvider.SelectRootProvider;
 exports.SelectTrigger = selectTrigger.SelectTrigger;
 exports.SelectValueText = selectValueText.SelectValueText;
+exports.useSelect = useSelect.useSelect;
 exports.useSelectContext = useSelectContext.useSelectContext;
 exports.useSelectItemContext = useSelectItemContext.useSelectItemContext;
 exports.Select = select;

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

@@ -15,8 +15,10 @@ export { SelectItemText, type SelectItemTextProps } from './select-item-text';
 export { SelectLabel, type SelectLabelProps } from './select-label';
 export { SelectPositioner, type SelectPositionerProps } from './select-positioner';
 export { SelectRoot, type SelectRootProps } from './select-root';
+export { SelectRootProvider, type SelectRootProviderProps } from './select-root-provider';
 export { SelectTrigger, type SelectTriggerProps } from './select-trigger';
 export { SelectValueText, type SelectValueTextProps } from './select-value-text';
+export { useSelect, type UseSelectProps, type UseSelectReturn } from './use-select';
 export { useSelectContext, type UseSelectContext } from './use-select-context';
 export { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context';
 export * as Select from './select';

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

@@ -15,8 +15,10 @@ export { SelectItemText, type SelectItemTextProps } from './select-item-text';
 export { SelectLabel, type SelectLabelProps } from './select-label';
 export { SelectPositioner, type SelectPositionerProps } from './select-positioner';
 export { SelectRoot, type SelectRootProps } from './select-root';
+export { SelectRootProvider, type SelectRootProviderProps } from './select-root-provider';
 export { SelectTrigger, type SelectTriggerProps } from './select-trigger';
 export { SelectValueText, type SelectValueTextProps } from './select-value-text';
+export { useSelect, type UseSelectProps, type UseSelectReturn } from './use-select';
 export { useSelectContext, type UseSelectContext } from './use-select-context';
 export { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context';
 export * as Select from './select';

package/dist/components/select/index.js

@@ -13,8 +13,10 @@ export { SelectItemText } from './select-item-text.js';
 export { SelectLabel } from './select-label.js';
 export { SelectPositioner } from './select-positioner.js';
 export { SelectRoot } from './select-root.js';
+export { SelectRootProvider } from './select-root-provider.js';
 export { SelectTrigger } from './select-trigger.js';
 export { SelectValueText } from './select-value-text.js';
+export { useSelect } from './use-select.js';
 export { useSelectContext } from './use-select-context.js';
 export { useSelectItemContext } from './use-select-item-context.js';
 import * as select from './select.js';

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

@@ -12,7 +12,7 @@ const useSelectContext = require('./use-select-context.cjs');
 const SelectClearTrigger = react.forwardRef(
   (props, ref) => {
     const select = useSelectContext.useSelectContext();
-    const mergedProps = react$1.mergeProps(select.clearTriggerProps, props);
+    const mergedProps = react$1.mergeProps(select.getClearTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useSelectContext } from './use-select-context.js';
 const SelectClearTrigger = forwardRef(
   (props, ref) => {
     const select = useSelectContext();
-    const mergedProps = mergeProps(select.clearTriggerProps, props);
+    const mergedProps = mergeProps(select.getClearTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

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

@@ -13,7 +13,7 @@ const useSelectContext = require('./use-select-context.cjs');
 const SelectContent = react.forwardRef((props, ref) => {
   const select = useSelectContext.useSelectContext();
   const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(select.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(select.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

@@ -9,7 +9,7 @@ import { useSelectContext } from './use-select-context.js';
 const SelectContent = forwardRef((props, ref) => {
   const select = useSelectContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(select.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(select.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

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

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

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

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

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

@@ -12,7 +12,7 @@ const useSelectContext = require('./use-select-context.cjs');
 const SelectHiddenSelect = react.forwardRef(
   (props, ref) => {
     const select = useSelectContext.useSelectContext();
-    const mergedProps = react$1.mergeProps(select.hiddenSelectProps, props);
+    const mergedProps = react$1.mergeProps(select.getHiddenSelectProps(), props);
     const isValueEmpty = select.value.length === 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.select, { ...mergedProps, ref, children: [
       isValueEmpty && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "" }),

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

@@ -8,7 +8,7 @@ import { useSelectContext } from './use-select-context.js';
 const SelectHiddenSelect = forwardRef(
   (props, ref) => {
     const select = useSelectContext();
-    const mergedProps = mergeProps(select.hiddenSelectProps, props);
+    const mergedProps = mergeProps(select.getHiddenSelectProps(), props);
     const isValueEmpty = select.value.length === 0;
     return /* @__PURE__ */ jsxs(ark.select, { ...mergedProps, ref, children: [
       isValueEmpty && /* @__PURE__ */ jsx("option", { value: "" }),

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

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

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

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

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

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

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

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

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

@@ -12,7 +12,7 @@ const useSelectContext = require('./use-select-context.cjs');
 
 const SelectPositioner = react.forwardRef((props, ref) => {
   const select = useSelectContext.useSelectContext();
-  const mergedProps = react$1.mergeProps(select.positionerProps, props);
+  const mergedProps = react$1.mergeProps(select.getPositionerProps(), props);
   const presence = usePresenceContext.usePresenceContext();
   if (presence.unmounted) {
     return null;

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

@@ -8,7 +8,7 @@ import { useSelectContext } from './use-select-context.js';
 
 const SelectPositioner = forwardRef((props, ref) => {
   const select = useSelectContext();
-  const mergedProps = mergeProps(select.positionerProps, props);
+  const mergedProps = mergeProps(select.getPositionerProps(), props);
   const presence = usePresenceContext();
   if (presence.unmounted) {
     return null;