@ark-ui/react 3.4.0-0 → 3.4.0

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

@@ -5,4 +5,5 @@ export { RatingGroupItem as Item, type RatingGroupItemProps as ItemProps, type R
 export { RatingGroupItemContext as ItemContext, type RatingGroupItemContextProps as ItemContextProps, } from './rating-group-item-context';
 export { RatingGroupLabel as Label, type RatingGroupLabelProps as LabelProps, type RatingGroupLabelBaseProps as LabelBaseProps, } from './rating-group-label';
 export { RatingGroupRoot as Root, type RatingGroupRootProps as RootProps, type RatingGroupRootBaseProps as RootBaseProps, } from './rating-group-root';
+export { RatingGroupRootProvider as RootProvider, type RatingGroupRootProviderProps as RootProviderProps, type RatingGroupRootProviderBaseProps as RootProviderBaseProps, } from './rating-group-root-provider';
 export { RatingGroupHiddenInput as HiddenInput, type RatingGroupHiddenInputProps as HiddenInputProps, type RatingGroupHiddenInputBaseProps as HiddenInputBaseProps, } from './rating-group-hidden-input';

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

@@ -4,4 +4,5 @@ export { RatingGroupItem as Item } from './rating-group-item.js';
 export { RatingGroupItemContext as ItemContext } from './rating-group-item-context.js';
 export { RatingGroupLabel as Label } from './rating-group-label.js';
 export { RatingGroupRoot as Root } from './rating-group-root.js';
+export { RatingGroupRootProvider as RootProvider } from './rating-group-root-provider.js';
 export { RatingGroupHiddenInput as HiddenInput } from './rating-group-hidden-input.js';

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

@@ -9,6 +9,7 @@ const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
 const useEvent = require('../../utils/use-event.cjs');
+const useFieldContext = require('../field/use-field-context.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -32,9 +33,17 @@ const rating__namespace = /*#__PURE__*/_interopNamespaceDefault(rating);
 const useRatingGroup = (props) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
+  const field = useFieldContext.useFieldContext();
   const initialContext = {
     id: react.useId(),
+    ids: {
+      label: field?.ids.label,
+      hiddenInput: field?.ids.control
+    },
     dir,
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    required: field?.required,
     getRootNode,
     value: props.defaultValue,
     ...props

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

@@ -5,13 +5,22 @@ import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { useEvent } from '../../utils/use-event.js';
+import { useFieldContext } from '../field/use-field-context.js';
 
 const useRatingGroup = (props) => {
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
+  const field = useFieldContext();
   const initialContext = {
     id: useId(),
+    ids: {
+      label: field?.ids.label,
+      hiddenInput: field?.ids.control
+    },
     dir,
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    required: field?.required,
     getRootNode,
     value: props.defaultValue,
     ...props

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupIndicatorBaseProps = {};
-export interface SegmentGroupIndicatorProps extends HTMLArkProps<'div'>, SegmentGroupIndicatorBaseProps {
+export interface SegmentGroupIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupIndicatorProps extends HTMLProps<'div'>, SegmentGroupIndicatorBaseProps {
 }
 export declare const SegmentGroupIndicator: ForwardRefExoticComponent<SegmentGroupIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupIndicatorBaseProps = {};
-export interface SegmentGroupIndicatorProps extends HTMLArkProps<'div'>, SegmentGroupIndicatorBaseProps {
+export interface SegmentGroupIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupIndicatorProps extends HTMLProps<'div'>, SegmentGroupIndicatorBaseProps {
 }
 export declare const SegmentGroupIndicator: ForwardRefExoticComponent<SegmentGroupIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group-item-control.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupItemControlBaseProps = {};
-export interface SegmentGroupItemControlProps extends HTMLArkProps<'div'>, SegmentGroupItemControlBaseProps {
+export interface SegmentGroupItemControlBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupItemControlProps extends HTMLProps<'div'>, SegmentGroupItemControlBaseProps {
 }
 export declare const SegmentGroupItemControl: ForwardRefExoticComponent<SegmentGroupItemControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group-item-control.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupItemControlBaseProps = {};
-export interface SegmentGroupItemControlProps extends HTMLArkProps<'div'>, SegmentGroupItemControlBaseProps {
+export interface SegmentGroupItemControlBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupItemControlProps extends HTMLProps<'div'>, SegmentGroupItemControlBaseProps {
 }
 export declare const SegmentGroupItemControl: ForwardRefExoticComponent<SegmentGroupItemControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group-item-hidden-input.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupItemHiddenInputBaseProps = {};
-export interface SegmentGroupItemHiddenInputProps extends HTMLArkProps<'input'>, SegmentGroupItemHiddenInputBaseProps {
+export interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupItemHiddenInputProps extends HTMLProps<'input'>, SegmentGroupItemHiddenInputBaseProps {
 }
 export declare const SegmentGroupItemHiddenInput: ForwardRefExoticComponent<SegmentGroupItemHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/segment-group/segment-group-item-hidden-input.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupItemHiddenInputBaseProps = {};
-export interface SegmentGroupItemHiddenInputProps extends HTMLArkProps<'input'>, SegmentGroupItemHiddenInputBaseProps {
+export interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupItemHiddenInputProps extends HTMLProps<'input'>, SegmentGroupItemHiddenInputBaseProps {
 }
 export declare const SegmentGroupItemHiddenInput: ForwardRefExoticComponent<SegmentGroupItemHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/segment-group/segment-group-item-text.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupItemTextBaseProps = {};
-export interface SegmentGroupItemTextProps extends HTMLArkProps<'span'>, SegmentGroupItemTextBaseProps {
+export interface SegmentGroupItemTextBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupItemTextProps extends HTMLProps<'span'>, SegmentGroupItemTextBaseProps {
 }
 export declare const SegmentGroupItemText: ForwardRefExoticComponent<SegmentGroupItemTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/segment-group/segment-group-item-text.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupItemTextBaseProps = {};
-export interface SegmentGroupItemTextProps extends HTMLArkProps<'span'>, SegmentGroupItemTextBaseProps {
+export interface SegmentGroupItemTextBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupItemTextProps extends HTMLProps<'span'>, SegmentGroupItemTextBaseProps {
 }
 export declare const SegmentGroupItemText: ForwardRefExoticComponent<SegmentGroupItemTextProps & RefAttributes<HTMLSpanElement>>;

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

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/radio-group';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SegmentGroupItemBaseProps extends ItemProps {
+export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, SegmentGroupItemBaseProps> {
+export interface SegmentGroupItemProps extends HTMLProps<'label'>, SegmentGroupItemBaseProps {
 }
 export declare const SegmentGroupItem: ForwardRefExoticComponent<SegmentGroupItemProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/radio-group';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SegmentGroupItemBaseProps extends ItemProps {
+export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, SegmentGroupItemBaseProps> {
+export interface SegmentGroupItemProps extends HTMLProps<'label'>, SegmentGroupItemBaseProps {
 }
 export declare const SegmentGroupItem: ForwardRefExoticComponent<SegmentGroupItemProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupLabelBaseProps = {};
-export interface SegmentGroupLabelProps extends HTMLArkProps<'label'>, SegmentGroupLabelBaseProps {
+export interface SegmentGroupLabelBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupLabelProps extends HTMLProps<'label'>, SegmentGroupLabelBaseProps {
 }
 export declare const SegmentGroupLabel: ForwardRefExoticComponent<SegmentGroupLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SegmentGroupLabelBaseProps = {};
-export interface SegmentGroupLabelProps extends HTMLArkProps<'label'>, SegmentGroupLabelBaseProps {
+export interface SegmentGroupLabelBaseProps extends PolymorphicProps {
+}
+export interface SegmentGroupLabelProps extends HTMLProps<'label'>, SegmentGroupLabelBaseProps {
 }
 export declare const SegmentGroupLabel: ForwardRefExoticComponent<SegmentGroupLabelProps & RefAttributes<HTMLLabelElement>>;

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

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

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

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

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

@@ -1,10 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseSegmentGroupProps } from './use-segment-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps {
+export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps {
 }
-export interface SegmentGroupRootProps extends Assign<HTMLArkProps<'div'>, SegmentGroupRootBaseProps> {
+export interface SegmentGroupRootProps extends Assign<HTMLProps<'div'>, SegmentGroupRootBaseProps> {
 }
 export declare const SegmentGroupRoot: ForwardRefExoticComponent<SegmentGroupRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseSegmentGroupProps } from './use-segment-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps {
+export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps {
 }
-export interface SegmentGroupRootProps extends Assign<HTMLArkProps<'div'>, SegmentGroupRootBaseProps> {
+export interface SegmentGroupRootProps extends Assign<HTMLProps<'div'>, SegmentGroupRootBaseProps> {
 }
 export declare const SegmentGroupRoot: ForwardRefExoticComponent<SegmentGroupRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -11,6 +11,7 @@ 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');
 
 
 
@@ -23,3 +24,4 @@ exports.ItemHiddenInput = segmentGroupItemHiddenInput.SegmentGroupItemHiddenInpu
 exports.ItemText = segmentGroupItemText.SegmentGroupItemText;
 exports.Label = segmentGroupLabel.SegmentGroupLabel;
 exports.Root = segmentGroupRoot.SegmentGroupRoot;
+exports.RootProvider = segmentGroupRootProvider.SegmentGroupRootProvider;

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

@@ -1,10 +1,11 @@
 export type { ValueChangeDetails } from '@zag-js/radio-group';
 export { SegmentGroupContext as Context, type SegmentGroupContextProps as ContextProps, } from './segment-group-context';
-export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorProps as IndicatorProps, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, } from './segment-group-indicator';
-export { SegmentGroupItem as Item, type SegmentGroupItemProps as ItemProps, type SegmentGroupItemBaseProps as ItemBaseProps, } from './segment-group-item';
+export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, type SegmentGroupIndicatorProps as IndicatorProps, } from './segment-group-indicator';
+export { SegmentGroupItem as Item, type SegmentGroupItemBaseProps as ItemBaseProps, type SegmentGroupItemProps as ItemProps, } from './segment-group-item';
 export { SegmentGroupItemContext as ItemContext, type SegmentGroupItemContextProps as ItemContextProps, } from './segment-group-item-context';
-export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlProps as ItemControlProps, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, } from './segment-group-item-control';
-export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, } from './segment-group-item-hidden-input';
-export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextProps as ItemTextProps, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, } from './segment-group-item-text';
-export { SegmentGroupLabel as Label, type SegmentGroupLabelProps as LabelProps, type SegmentGroupLabelBaseProps as LabelBaseProps, } from './segment-group-label';
-export { SegmentGroupRoot as Root, type SegmentGroupRootProps as RootProps, type SegmentGroupRootBaseProps as RootBaseProps, } from './segment-group-root';
+export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, type SegmentGroupItemControlProps as ItemControlProps, } from './segment-group-item-control';
+export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, } from './segment-group-item-hidden-input';
+export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, type SegmentGroupItemTextProps as ItemTextProps, } from './segment-group-item-text';
+export { SegmentGroupLabel as Label, type SegmentGroupLabelBaseProps as LabelBaseProps, type SegmentGroupLabelProps as LabelProps, } from './segment-group-label';
+export { SegmentGroupRoot as Root, type SegmentGroupRootBaseProps as RootBaseProps, type SegmentGroupRootProps as RootProps, } from './segment-group-root';
+export { SegmentGroupRootProvider as RootProvider, type SegmentGroupRootProviderBaseProps as RootProviderBaseProps, type SegmentGroupRootProviderProps as RootProviderProps, } from './segment-group-root-provider';

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

@@ -1,10 +1,11 @@
 export type { ValueChangeDetails } from '@zag-js/radio-group';
 export { SegmentGroupContext as Context, type SegmentGroupContextProps as ContextProps, } from './segment-group-context';
-export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorProps as IndicatorProps, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, } from './segment-group-indicator';
-export { SegmentGroupItem as Item, type SegmentGroupItemProps as ItemProps, type SegmentGroupItemBaseProps as ItemBaseProps, } from './segment-group-item';
+export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, type SegmentGroupIndicatorProps as IndicatorProps, } from './segment-group-indicator';
+export { SegmentGroupItem as Item, type SegmentGroupItemBaseProps as ItemBaseProps, type SegmentGroupItemProps as ItemProps, } from './segment-group-item';
 export { SegmentGroupItemContext as ItemContext, type SegmentGroupItemContextProps as ItemContextProps, } from './segment-group-item-context';
-export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlProps as ItemControlProps, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, } from './segment-group-item-control';
-export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, } from './segment-group-item-hidden-input';
-export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextProps as ItemTextProps, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, } from './segment-group-item-text';
-export { SegmentGroupLabel as Label, type SegmentGroupLabelProps as LabelProps, type SegmentGroupLabelBaseProps as LabelBaseProps, } from './segment-group-label';
-export { SegmentGroupRoot as Root, type SegmentGroupRootProps as RootProps, type SegmentGroupRootBaseProps as RootBaseProps, } from './segment-group-root';
+export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, type SegmentGroupItemControlProps as ItemControlProps, } from './segment-group-item-control';
+export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, } from './segment-group-item-hidden-input';
+export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, type SegmentGroupItemTextProps as ItemTextProps, } from './segment-group-item-text';
+export { SegmentGroupLabel as Label, type SegmentGroupLabelBaseProps as LabelBaseProps, type SegmentGroupLabelProps as LabelProps, } from './segment-group-label';
+export { SegmentGroupRoot as Root, type SegmentGroupRootBaseProps as RootBaseProps, type SegmentGroupRootProps as RootProps, } from './segment-group-root';
+export { SegmentGroupRootProvider as RootProvider, type SegmentGroupRootProviderBaseProps as RootProviderBaseProps, type SegmentGroupRootProviderProps as RootProviderProps, } from './segment-group-root-provider';

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

@@ -7,3 +7,4 @@ export { SegmentGroupItemHiddenInput as ItemHiddenInput } from './segment-group-
 export { SegmentGroupItemText as ItemText } from './segment-group-item-text.js';
 export { SegmentGroupLabel as Label } from './segment-group-label.js';
 export { SegmentGroupRoot as Root } from './segment-group-root.js';
+export { SegmentGroupRootProvider as RootProvider } from './segment-group-root-provider.js';

package/dist/components/select/select-clear-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectClearTriggerBaseProps = {};
-export interface SelectClearTriggerProps extends HTMLArkProps<'button'>, SelectClearTriggerBaseProps {
+export interface SelectClearTriggerBaseProps extends PolymorphicProps {
+}
+export interface SelectClearTriggerProps extends HTMLProps<'button'>, SelectClearTriggerBaseProps {
 }
 export declare const SelectClearTrigger: ForwardRefExoticComponent<SelectClearTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/select/select-clear-trigger.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectClearTriggerBaseProps = {};
-export interface SelectClearTriggerProps extends HTMLArkProps<'button'>, SelectClearTriggerBaseProps {
+export interface SelectClearTriggerBaseProps extends PolymorphicProps {
+}
+export interface SelectClearTriggerProps extends HTMLProps<'button'>, SelectClearTriggerBaseProps {
 }
 export declare const SelectClearTrigger: ForwardRefExoticComponent<SelectClearTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectContentBaseProps = {};
-export interface SelectContentProps extends HTMLArkProps<'div'>, SelectContentBaseProps {
+export interface SelectContentBaseProps extends PolymorphicProps {
+}
+export interface SelectContentProps extends HTMLProps<'div'>, SelectContentBaseProps {
 }
 export declare const SelectContent: ForwardRefExoticComponent<SelectContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectContentBaseProps = {};
-export interface SelectContentProps extends HTMLArkProps<'div'>, SelectContentBaseProps {
+export interface SelectContentBaseProps extends PolymorphicProps {
+}
+export interface SelectContentProps extends HTMLProps<'div'>, SelectContentBaseProps {
 }
 export declare const SelectContent: ForwardRefExoticComponent<SelectContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectControlBaseProps = {};
-export interface SelectControlProps extends HTMLArkProps<'div'>, SelectControlBaseProps {
+export interface SelectControlBaseProps extends PolymorphicProps {
+}
+export interface SelectControlProps extends HTMLProps<'div'>, SelectControlBaseProps {
 }
 export declare const SelectControl: ForwardRefExoticComponent<SelectControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectControlBaseProps = {};
-export interface SelectControlProps extends HTMLArkProps<'div'>, SelectControlBaseProps {
+export interface SelectControlBaseProps extends PolymorphicProps {
+}
+export interface SelectControlProps extends HTMLProps<'div'>, SelectControlBaseProps {
 }
 export declare const SelectControl: ForwardRefExoticComponent<SelectControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -7,6 +7,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
+const useFieldContext = require('../field/use-field-context.cjs');
 const useSelectContext = require('./use-select-context.cjs');
 
 const SelectHiddenSelect = react.forwardRef(
@@ -14,7 +15,8 @@ const SelectHiddenSelect = react.forwardRef(
     const select = useSelectContext.useSelectContext();
     const mergedProps = react$1.mergeProps(select.getHiddenSelectProps(), props);
     const isValueEmpty = select.value.length === 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.select, { ...mergedProps, ref, children: [
+    const field = useFieldContext.useFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.select, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref, children: [
       isValueEmpty && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "" }),
       select.collection.toArray().map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
     ] });

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectHiddenSelectBaseProps = {};
-export interface SelectHiddenSelectProps extends HTMLArkProps<'select'>, SelectHiddenSelectBaseProps {
+export interface SelectHiddenSelectBaseProps extends PolymorphicProps {
+}
+export interface SelectHiddenSelectProps extends HTMLProps<'select'>, SelectHiddenSelectBaseProps {
 }
 export declare const SelectHiddenSelect: ForwardRefExoticComponent<SelectHiddenSelectProps & RefAttributes<HTMLSelectElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectHiddenSelectBaseProps = {};
-export interface SelectHiddenSelectProps extends HTMLArkProps<'select'>, SelectHiddenSelectBaseProps {
+export interface SelectHiddenSelectBaseProps extends PolymorphicProps {
+}
+export interface SelectHiddenSelectProps extends HTMLProps<'select'>, SelectHiddenSelectBaseProps {
 }
 export declare const SelectHiddenSelect: ForwardRefExoticComponent<SelectHiddenSelectProps & RefAttributes<HTMLSelectElement>>;

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

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.js';
+import { useFieldContext } from '../field/use-field-context.js';
 import { useSelectContext } from './use-select-context.js';
 
 const SelectHiddenSelect = forwardRef(
@@ -10,7 +11,8 @@ const SelectHiddenSelect = forwardRef(
     const select = useSelectContext();
     const mergedProps = mergeProps(select.getHiddenSelectProps(), props);
     const isValueEmpty = select.value.length === 0;
-    return /* @__PURE__ */ jsxs(ark.select, { ...mergedProps, ref, children: [
+    const field = useFieldContext();
+    return /* @__PURE__ */ jsxs(ark.select, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref, children: [
       isValueEmpty && /* @__PURE__ */ jsx("option", { value: "" }),
       select.collection.toArray().map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
     ] });

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectIndicatorBaseProps = {};
-export interface SelectIndicatorProps extends HTMLArkProps<'div'>, SelectIndicatorBaseProps {
+export interface SelectIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SelectIndicatorProps extends HTMLProps<'div'>, SelectIndicatorBaseProps {
 }
 export declare const SelectIndicator: ForwardRefExoticComponent<SelectIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectIndicatorBaseProps = {};
-export interface SelectIndicatorProps extends HTMLArkProps<'div'>, SelectIndicatorBaseProps {
+export interface SelectIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SelectIndicatorProps extends HTMLProps<'div'>, SelectIndicatorBaseProps {
 }
 export declare const SelectIndicator: ForwardRefExoticComponent<SelectIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/select/select-item-group-label.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectItemGroupLabelBaseProps = {};
-export interface SelectItemGroupLabelProps extends HTMLArkProps<'div'>, SelectItemGroupLabelBaseProps {
+export interface SelectItemGroupLabelBaseProps extends PolymorphicProps {
+}
+export interface SelectItemGroupLabelProps extends HTMLProps<'div'>, SelectItemGroupLabelBaseProps {
 }
 export declare const SelectItemGroupLabel: ForwardRefExoticComponent<SelectItemGroupLabelProps & RefAttributes<HTMLDivElement>>;

package/dist/components/select/select-item-group-label.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectItemGroupLabelBaseProps = {};
-export interface SelectItemGroupLabelProps extends HTMLArkProps<'div'>, SelectItemGroupLabelBaseProps {
+export interface SelectItemGroupLabelBaseProps extends PolymorphicProps {
+}
+export interface SelectItemGroupLabelProps extends HTMLProps<'div'>, SelectItemGroupLabelBaseProps {
 }
 export declare const SelectItemGroupLabel: ForwardRefExoticComponent<SelectItemGroupLabelProps & RefAttributes<HTMLDivElement>>;

package/dist/components/select/select-item-group.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectItemGroupBaseProps = {};
-export interface SelectItemGroupProps extends HTMLArkProps<'div'>, SelectItemGroupBaseProps {
+export interface SelectItemGroupBaseProps extends PolymorphicProps {
+}
+export interface SelectItemGroupProps extends HTMLProps<'div'>, SelectItemGroupBaseProps {
 }
 export declare const SelectItemGroup: ForwardRefExoticComponent<SelectItemGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/components/select/select-item-group.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectItemGroupBaseProps = {};
-export interface SelectItemGroupProps extends HTMLArkProps<'div'>, SelectItemGroupBaseProps {
+export interface SelectItemGroupBaseProps extends PolymorphicProps {
+}
+export interface SelectItemGroupProps extends HTMLProps<'div'>, SelectItemGroupBaseProps {
 }
 export declare const SelectItemGroup: ForwardRefExoticComponent<SelectItemGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/components/select/select-item-indicator.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type SelectItemIndicatorBaseProps = {};
-export interface SelectItemIndicatorProps extends HTMLArkProps<'div'>, SelectItemIndicatorBaseProps {
+export interface SelectItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SelectItemIndicatorProps extends HTMLProps<'div'>, SelectItemIndicatorBaseProps {
 }
 export declare const SelectItemIndicator: ForwardRefExoticComponent<SelectItemIndicatorProps & RefAttributes<HTMLDivElement>>;