@ark-ui/react 3.4.0-0 → 3.4.0

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

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

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

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseSplitterProps } from './use-splitter';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SplitterRootBaseProps extends UseSplitterProps {
+export interface SplitterRootBaseProps extends UseSplitterProps, PolymorphicProps {
 }
-export interface SplitterRootProps extends Assign<HTMLArkProps<'div'>, SplitterRootBaseProps> {
+export interface SplitterRootProps extends HTMLProps<'div'>, SplitterRootBaseProps {
 }
 export declare const SplitterRoot: ForwardRefExoticComponent<SplitterRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseSplitterProps } from './use-splitter';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SplitterRootBaseProps extends UseSplitterProps {
+export interface SplitterRootBaseProps extends UseSplitterProps, PolymorphicProps {
 }
-export interface SplitterRootProps extends Assign<HTMLArkProps<'div'>, SplitterRootBaseProps> {
+export interface SplitterRootProps extends HTMLProps<'div'>, SplitterRootBaseProps {
 }
 export declare const SplitterRoot: ForwardRefExoticComponent<SplitterRootProps & RefAttributes<HTMLDivElement>>;

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

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

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

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

package/dist/components/switch/switch-hidden-input.cjs

@@ -7,13 +7,15 @@ 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 useSwitchContext = require('./use-switch-context.cjs');
 
 const SwitchHiddenInput = react.forwardRef(
   (props, ref) => {
     const switchContext = useSwitchContext.useSwitchContext();
     const mergedProps = react$1.mergeProps(switchContext.getHiddenInputProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
+    const field = useFieldContext.useFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 SwitchHiddenInput.displayName = "SwitchHiddenInput";

package/dist/components/switch/switch-hidden-input.d.cts

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

package/dist/components/switch/switch-hidden-input.d.ts

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

package/dist/components/switch/switch-hidden-input.js

@@ -3,13 +3,15 @@ import { 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 { useSwitchContext } from './use-switch-context.js';
 
 const SwitchHiddenInput = forwardRef(
   (props, ref) => {
     const switchContext = useSwitchContext();
     const mergedProps = mergeProps(switchContext.getHiddenInputProps(), props);
-    return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
+    const field = useFieldContext();
+    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 SwitchHiddenInput.displayName = "SwitchHiddenInput";

package/dist/components/switch/switch-label.d.cts

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

package/dist/components/switch/switch-label.d.ts

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

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

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseSwitchReturn } from './use-switch';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseSwitchReturn;
 }
-export interface SwitchRootProviderBaseProps extends RootProviderProps {
+export interface SwitchRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface SwitchRootProviderProps extends HTMLArkProps<'label'>, SwitchRootProviderBaseProps {
+export interface SwitchRootProviderProps extends HTMLProps<'label'>, SwitchRootProviderBaseProps {
 }
 export declare const SwitchRootProvider: ForwardRefExoticComponent<SwitchRootProviderProps & RefAttributes<HTMLLabelElement>>;
 export {};

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

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseSwitchReturn } from './use-switch';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseSwitchReturn;
 }
-export interface SwitchRootProviderBaseProps extends RootProviderProps {
+export interface SwitchRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface SwitchRootProviderProps extends HTMLArkProps<'label'>, SwitchRootProviderBaseProps {
+export interface SwitchRootProviderProps extends HTMLProps<'label'>, SwitchRootProviderBaseProps {
 }
 export declare const SwitchRootProvider: ForwardRefExoticComponent<SwitchRootProviderProps & RefAttributes<HTMLLabelElement>>;
 export {};

package/dist/components/switch/switch-root.d.cts

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseSwitchProps } from './use-switch';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchRootBaseProps extends UseSwitchProps {
+export interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps {
 }
-export interface SwitchRootProps extends Assign<HTMLArkProps<'label'>, SwitchRootBaseProps> {
+export interface SwitchRootProps extends HTMLProps<'label'>, SwitchRootBaseProps {
 }
 export declare const SwitchRoot: ForwardRefExoticComponent<SwitchRootProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/switch/switch-root.d.ts

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseSwitchProps } from './use-switch';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchRootBaseProps extends UseSwitchProps {
+export interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps {
 }
-export interface SwitchRootProps extends Assign<HTMLArkProps<'label'>, SwitchRootBaseProps> {
+export interface SwitchRootProps extends HTMLProps<'label'>, SwitchRootBaseProps {
 }
 export declare const SwitchRoot: ForwardRefExoticComponent<SwitchRootProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/switch/switch-thumb.d.cts

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

package/dist/components/switch/switch-thumb.d.ts

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

package/dist/components/switch/use-switch.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,18 @@ const zagSwitch__namespace = /*#__PURE__*/_interopNamespaceDefault(zagSwitch);
 const useSwitch = (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,
+    invalid: field?.invalid,
+    required: field?.required,
     getRootNode,
     checked: props.defaultChecked,
     ...props

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

@@ -5,13 +5,23 @@ 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 useSwitch = (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,
+    invalid: field?.invalid,
+    required: field?.required,
     getRootNode,
     checked: props.defaultChecked,
     ...props

package/dist/components/tabs/tab-content.d.cts

@@ -1,10 +1,9 @@
 import { ContentProps } from '@zag-js/tabs';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabContentBaseProps extends ContentProps {
+export interface TabContentBaseProps extends ContentProps, PolymorphicProps {
 }
-export interface TabContentProps extends Assign<HTMLArkProps<'div'>, TabContentBaseProps> {
+export interface TabContentProps extends HTMLProps<'div'>, TabContentBaseProps {
 }
 export declare const TabContent: ForwardRefExoticComponent<TabContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tab-content.d.ts

@@ -1,10 +1,9 @@
 import { ContentProps } from '@zag-js/tabs';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabContentBaseProps extends ContentProps {
+export interface TabContentBaseProps extends ContentProps, PolymorphicProps {
 }
-export interface TabContentProps extends Assign<HTMLArkProps<'div'>, TabContentBaseProps> {
+export interface TabContentProps extends HTMLProps<'div'>, TabContentBaseProps {
 }
 export declare const TabContent: ForwardRefExoticComponent<TabContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tab-indicator.d.cts

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

package/dist/components/tabs/tab-indicator.d.ts

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

package/dist/components/tabs/tab-list.d.cts

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

package/dist/components/tabs/tab-list.d.ts

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

package/dist/components/tabs/tab-trigger.d.cts

@@ -1,10 +1,10 @@
 import { TriggerProps } from '@zag-js/tabs';
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabTriggerBaseProps extends TriggerProps {
+export interface TabTriggerBaseProps extends TriggerProps, PolymorphicProps {
 }
-export interface TabTriggerProps extends Assign<HTMLArkProps<'button'>, TabTriggerBaseProps> {
+export interface TabTriggerProps extends Assign<HTMLProps<'button'>, TabTriggerBaseProps> {
 }
 export declare const TabTrigger: ForwardRefExoticComponent<TabTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/tabs/tab-trigger.d.ts

@@ -1,10 +1,10 @@
 import { TriggerProps } from '@zag-js/tabs';
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabTriggerBaseProps extends TriggerProps {
+export interface TabTriggerBaseProps extends TriggerProps, PolymorphicProps {
 }
-export interface TabTriggerProps extends Assign<HTMLArkProps<'button'>, TabTriggerBaseProps> {
+export interface TabTriggerProps extends Assign<HTMLProps<'button'>, TabTriggerBaseProps> {
 }
 export declare const TabTrigger: ForwardRefExoticComponent<TabTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,14 +1,14 @@
 import { RenderStrategyProps } from '../../utils/render-strategy';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTabsReturn } from './use-tabs';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseTabsReturn;
 }
-export interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {
+export interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {
 }
-export interface TabsRootProviderProps extends HTMLArkProps<'div'>, TabsRootProviderBaseProps {
+export interface TabsRootProviderProps extends HTMLProps<'div'>, TabsRootProviderBaseProps {
 }
 export declare const TabsRootProvider: ForwardRefExoticComponent<TabsRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,14 +1,14 @@
 import { RenderStrategyProps } from '../../utils/render-strategy';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTabsReturn } from './use-tabs';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseTabsReturn;
 }
-export interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {
+export interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {
 }
-export interface TabsRootProviderProps extends HTMLArkProps<'div'>, TabsRootProviderBaseProps {
+export interface TabsRootProviderProps extends HTMLProps<'div'>, TabsRootProviderBaseProps {
 }
 export declare const TabsRootProvider: ForwardRefExoticComponent<TabsRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/tabs/tabs-root.d.cts

@@ -1,11 +1,11 @@
 import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTabsProps } from './use-tabs';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps {
+export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps {
 }
-export interface TabsRootProps extends Assign<HTMLArkProps<'div'>, TabsRootBaseProps> {
+export interface TabsRootProps extends Assign<HTMLProps<'div'>, TabsRootBaseProps> {
 }
 export declare const TabsRoot: ForwardRefExoticComponent<TabsRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tabs-root.d.ts

@@ -1,11 +1,11 @@
 import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTabsProps } from './use-tabs';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps {
+export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps, PolymorphicProps {
 }
-export interface TabsRootProps extends Assign<HTMLArkProps<'div'>, TabsRootBaseProps> {
+export interface TabsRootProps extends Assign<HTMLProps<'div'>, TabsRootBaseProps> {
 }
 export declare const TabsRoot: ForwardRefExoticComponent<TabsRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tags-input/tags-input-clear-trigger.d.cts

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

package/dist/components/tags-input/tags-input-clear-trigger.d.ts

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

package/dist/components/tags-input/tags-input-control.d.cts

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

package/dist/components/tags-input/tags-input-control.d.ts

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

package/dist/components/tags-input/tags-input-hidden-input.cjs

@@ -7,13 +7,15 @@ 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 useTagsInputContext = require('./use-tags-input-context.cjs');
 
 const TagsInputHiddenInput = react.forwardRef(
   (props, ref) => {
     const tagsInput = useTagsInputContext.useTagsInputContext();
     const mergedProps = react$1.mergeProps(tagsInput.getHiddenInputProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
+    const field = useFieldContext.useFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 TagsInputHiddenInput.displayName = "TagsInputHiddenInput";

package/dist/components/tags-input/tags-input-hidden-input.d.cts

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

package/dist/components/tags-input/tags-input-hidden-input.d.ts

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

package/dist/components/tags-input/tags-input-hidden-input.js

@@ -3,13 +3,15 @@ import { 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 { useTagsInputContext } from './use-tags-input-context.js';
 
 const TagsInputHiddenInput = forwardRef(
   (props, ref) => {
     const tagsInput = useTagsInputContext();
     const mergedProps = mergeProps(tagsInput.getHiddenInputProps(), props);
-    return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
+    const field = useFieldContext();
+    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
   }
 );
 TagsInputHiddenInput.displayName = "TagsInputHiddenInput";