@ark-ui/react 3.4.0-1 → 3.5.0

package/dist/components/signature-pad/signature-pad-hidden-input.d.ts

@@ -0,0 +1,10 @@
+import { HiddenInputProps } from '@zag-js/signature-pad';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadHiddenInputBaseProps extends HiddenInputProps, PolymorphicProps {
+}
+export interface SignaturePadHiddenInputProps extends Assign<HTMLProps<'input'>, SignaturePadHiddenInputBaseProps> {
+}
+export declare const SignaturePadHiddenInput: ForwardRefExoticComponent<SignaturePadHiddenInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,21 @@
+'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 { useFieldContext } from '../field/use-field-context.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadHiddenInput = forwardRef(
+  (props, ref) => {
+    const [hiddenInputProps, localProps] = createSplitProps()(props, ["value"]);
+    const signaturePad = useSignaturePadContext();
+    const mergedProps = mergeProps(signaturePad.getHiddenInputProps(hiddenInputProps), localProps);
+    const field = useFieldContext();
+    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+  }
+);
+SignaturePadHiddenInput.displayName = "SignaturePadHiddenInput";
+
+export { SignaturePadHiddenInput };

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

@@ -20,7 +20,10 @@ const SignaturePadRoot = react.forwardRef((props, ref) => {
     "readOnly",
     "name",
     "onDraw",
-    "onDrawEnd"
+    "onDrawEnd",
+    "readOnly",
+    "required",
+    "translations"
   ]);
   const signaturePad = useSignaturePad.useSignaturePad(useSignaturePadProps);
   const mergedProps = react$1.mergeProps(signaturePad.getRootProps(), localProps);

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

@@ -16,7 +16,10 @@ const SignaturePadRoot = forwardRef((props, ref) => {
     "readOnly",
     "name",
     "onDraw",
-    "onDrawEnd"
+    "onDrawEnd",
+    "readOnly",
+    "required",
+    "translations"
   ]);
   const signaturePad = useSignaturePad(useSignaturePadProps);
   const mergedProps = mergeProps(signaturePad.getRootProps(), localProps);

package/dist/components/signature-pad/signature-pad.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';

package/dist/components/signature-pad/signature-pad.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';

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

@@ -6,6 +6,7 @@ const signaturePadClearTrigger = require('./signature-pad-clear-trigger.cjs');
 const signaturePadContext = require('./signature-pad-context.cjs');
 const signaturePadControl = require('./signature-pad-control.cjs');
 const signaturePadGuide = require('./signature-pad-guide.cjs');
+const signaturePadHiddenInput = require('./signature-pad-hidden-input.cjs');
 const signaturePadLabel = require('./signature-pad-label.cjs');
 const signaturePadRoot = require('./signature-pad-root.cjs');
 const signaturePadRootProvider = require('./signature-pad-root-provider.cjs');
@@ -17,6 +18,7 @@ exports.ClearTrigger = signaturePadClearTrigger.SignaturePadClearTrigger;
 exports.Context = signaturePadContext.SignaturePadContext;
 exports.Control = signaturePadControl.SignaturePadControl;
 exports.Guide = signaturePadGuide.SignaturePadGuide;
+exports.HiddenInput = signaturePadHiddenInput.SignaturePadHiddenInput;
 exports.Label = signaturePadLabel.SignaturePadLabel;
 exports.Root = signaturePadRoot.SignaturePadRoot;
 exports.RootProvider = signaturePadRootProvider.SignaturePadRootProvider;

package/dist/components/signature-pad/signature-pad.d.cts

@@ -3,6 +3,7 @@ export { SignaturePadClearTrigger as ClearTrigger, type SignaturePadClearTrigger
 export { SignaturePadContext as Context, type SignaturePadContextProps as ContextProps, } from './signature-pad-context';
 export { SignaturePadControl as Control, type SignaturePadControlProps as ControlProps, type SignaturePadControlBaseProps as ControlBaseProps, } from './signature-pad-control';
 export { SignaturePadGuide as Guide, type SignaturePadGuideProps as GuideProps, type SignaturePadGuideBaseProps as GuideBaseProps, } from './signature-pad-guide';
+export { SignaturePadHiddenInput as HiddenInput, type SignaturePadHiddenInputProps as HiddenInputProps, type SignaturePadHiddenInputBaseProps as HiddenInputBaseProps, } from './signature-pad-hidden-input';
 export { SignaturePadLabel as Label, type SignaturePadLabelProps as LabelProps, type SignaturePadLabelBaseProps as LabelBaseProps, } from './signature-pad-label';
 export { SignaturePadRoot as Root, type SignaturePadRootProps as RootProps, type SignaturePadRootBaseProps as RootBaseProps, } from './signature-pad-root';
 export { SignaturePadRootProvider as RootProvider, type SignaturePadRootProviderProps as RootProviderProps, type SignaturePadRootProviderBaseProps as RootProviderBaseProps, } from './signature-pad-root-provider';

package/dist/components/signature-pad/signature-pad.d.ts

@@ -3,6 +3,7 @@ export { SignaturePadClearTrigger as ClearTrigger, type SignaturePadClearTrigger
 export { SignaturePadContext as Context, type SignaturePadContextProps as ContextProps, } from './signature-pad-context';
 export { SignaturePadControl as Control, type SignaturePadControlProps as ControlProps, type SignaturePadControlBaseProps as ControlBaseProps, } from './signature-pad-control';
 export { SignaturePadGuide as Guide, type SignaturePadGuideProps as GuideProps, type SignaturePadGuideBaseProps as GuideBaseProps, } from './signature-pad-guide';
+export { SignaturePadHiddenInput as HiddenInput, type SignaturePadHiddenInputProps as HiddenInputProps, type SignaturePadHiddenInputBaseProps as HiddenInputBaseProps, } from './signature-pad-hidden-input';
 export { SignaturePadLabel as Label, type SignaturePadLabelProps as LabelProps, type SignaturePadLabelBaseProps as LabelBaseProps, } from './signature-pad-label';
 export { SignaturePadRoot as Root, type SignaturePadRootProps as RootProps, type SignaturePadRootBaseProps as RootBaseProps, } from './signature-pad-root';
 export { SignaturePadRootProvider as RootProvider, type SignaturePadRootProviderProps as RootProviderProps, type SignaturePadRootProviderBaseProps as RootProviderBaseProps, } from './signature-pad-root-provider';

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

@@ -2,6 +2,7 @@ export { SignaturePadClearTrigger as ClearTrigger } from './signature-pad-clear-
 export { SignaturePadContext as Context } from './signature-pad-context.js';
 export { SignaturePadControl as Control } from './signature-pad-control.js';
 export { SignaturePadGuide as Guide } from './signature-pad-guide.js';
+export { SignaturePadHiddenInput as HiddenInput } from './signature-pad-hidden-input.js';
 export { SignaturePadLabel as Label } from './signature-pad-label.js';
 export { SignaturePadRoot as Root } from './signature-pad-root.js';
 export { SignaturePadRootProvider as RootProvider } from './signature-pad-root-provider.js';

package/dist/components/signature-pad/use-signature-pad.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 signaturePad__namespace = /*#__PURE__*/_interopNamespaceDefault(signatureP
 const useSignaturePad = (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,
     ...props
   };

package/dist/components/signature-pad/use-signature-pad.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 useSignaturePad = (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,
     ...props
   };

package/dist/components/slider/index.cjs

@@ -16,7 +16,8 @@ const sliderTrack = require('./slider-track.cjs');
 const sliderValueText = require('./slider-value-text.cjs');
 const useSlider = require('./use-slider.cjs');
 const useSliderContext = require('./use-slider-context.cjs');
-const slider = require('./slider.cjs');
+const slider$1 = require('./slider.cjs');
+const slider = require('@zag-js/slider');
 
 
 
@@ -34,4 +35,8 @@ exports.SliderTrack = sliderTrack.SliderTrack;
 exports.SliderValueText = sliderValueText.SliderValueText;
 exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
-exports.Slider = slider;
+exports.Slider = slider$1;
+Object.defineProperty(exports, "sliderAnatomy", {
+  enumerable: true,
+  get: () => slider.anatomy
+});

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

@@ -13,4 +13,5 @@ export { SliderTrack, type SliderTrackProps, type SliderTrackBaseProps, } from '
 export { SliderValueText, type SliderValueTextProps, type SliderValueTextBaseProps, } from './slider-value-text';
 export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider';
 export { useSliderContext, type UseSliderContext } from './use-slider-context';
+export { sliderAnatomy } from './slider.anatomy';
 export * as Slider from './slider';

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

@@ -13,4 +13,5 @@ export { SliderTrack, type SliderTrackProps, type SliderTrackBaseProps, } from '
 export { SliderValueText, type SliderValueTextProps, type SliderValueTextBaseProps, } from './slider-value-text';
 export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider';
 export { useSliderContext, type UseSliderContext } from './use-slider-context';
+export { sliderAnatomy } from './slider.anatomy';
 export * as Slider from './slider';

package/dist/components/slider/index.js

@@ -14,3 +14,4 @@ export { useSlider } from './use-slider.js';
 export { useSliderContext } from './use-slider-context.js';
 import * as slider from './slider.js';
 export { slider as Slider };
+export { anatomy as sliderAnatomy } from '@zag-js/slider';

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

@@ -0,0 +1 @@
+export { anatomy as sliderAnatomy } from '@zag-js/slider';

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

@@ -0,0 +1 @@
+export { anatomy as sliderAnatomy } from '@zag-js/slider';

package/dist/components/splitter/index.cjs

@@ -9,7 +9,8 @@ const splitterRoot = require('./splitter-root.cjs');
 const splitterRootProvider = require('./splitter-root-provider.cjs');
 const useSplitter = require('./use-splitter.cjs');
 const useSplitterContext = require('./use-splitter-context.cjs');
-const splitter = require('./splitter.cjs');
+const splitter$1 = require('./splitter.cjs');
+const splitter = require('@zag-js/splitter');
 
 
 
@@ -20,4 +21,8 @@ exports.SplitterRoot = splitterRoot.SplitterRoot;
 exports.SplitterRootProvider = splitterRootProvider.SplitterRootProvider;
 exports.useSplitter = useSplitter.useSplitter;
 exports.useSplitterContext = useSplitterContext.useSplitterContext;
-exports.Splitter = splitter;
+exports.Splitter = splitter$1;
+Object.defineProperty(exports, "splitterAnatomy", {
+  enumerable: true,
+  get: () => splitter.anatomy
+});

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

@@ -6,4 +6,5 @@ export { SplitterRoot, type SplitterRootProps, type SplitterRootBaseProps, } fro
 export { SplitterRootProvider, type SplitterRootProviderProps, type SplitterRootProviderBaseProps, } from './splitter-root-provider';
 export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
 export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';
+export { splitterAnatomy } from './splitter.anatomy';
 export * as Splitter from './splitter';

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

@@ -6,4 +6,5 @@ export { SplitterRoot, type SplitterRootProps, type SplitterRootBaseProps, } fro
 export { SplitterRootProvider, type SplitterRootProviderProps, type SplitterRootProviderBaseProps, } from './splitter-root-provider';
 export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
 export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';
+export { splitterAnatomy } from './splitter.anatomy';
 export * as Splitter from './splitter';

package/dist/components/splitter/index.js

@@ -7,3 +7,4 @@ export { useSplitter } from './use-splitter.js';
 export { useSplitterContext } from './use-splitter-context.js';
 import * as splitter from './splitter.js';
 export { splitter as Splitter };
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';

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

@@ -0,0 +1 @@
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';

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

@@ -0,0 +1 @@
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/dist/components/switch/index.cjs

@@ -12,6 +12,7 @@ const switchThumb = require('./switch-thumb.cjs');
 const useSwitch = require('./use-switch.cjs');
 const useSwitchContext = require('./use-switch-context.cjs');
 const _switch = require('./switch.cjs');
+const zagSwitch = require('@zag-js/switch');
 
 
 
@@ -25,3 +26,7 @@ exports.SwitchThumb = switchThumb.SwitchThumb;
 exports.useSwitch = useSwitch.useSwitch;
 exports.useSwitchContext = useSwitchContext.useSwitchContext;
 exports.Switch = _switch;
+Object.defineProperty(exports, "switchAnatomy", {
+  enumerable: true,
+  get: () => zagSwitch.anatomy
+});

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

@@ -8,4 +8,5 @@ export { SwitchRootProvider, type SwitchRootProviderProps, type SwitchRootProvid
 export { SwitchThumb, type SwitchThumbProps, type SwitchThumbBaseProps, } from './switch-thumb';
 export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
+export { switchAnatomy } from './switch.anatomy';
 export * as Switch from './switch';

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

@@ -8,4 +8,5 @@ export { SwitchRootProvider, type SwitchRootProviderProps, type SwitchRootProvid
 export { SwitchThumb, type SwitchThumbProps, type SwitchThumbBaseProps, } from './switch-thumb';
 export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
+export { switchAnatomy } from './switch.anatomy';
 export * as Switch from './switch';

package/dist/components/switch/index.js

@@ -9,3 +9,4 @@ export { useSwitch } from './use-switch.js';
 export { useSwitchContext } from './use-switch-context.js';
 import * as _switch from './switch.js';
 export { _switch as Switch };
+export { anatomy as switchAnatomy } from '@zag-js/switch';

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.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.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as switchAnatomy } from '@zag-js/switch';

package/dist/components/switch/switch.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as switchAnatomy } from '@zag-js/switch';

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/index.cjs

@@ -11,7 +11,8 @@ const tabsRoot = require('./tabs-root.cjs');
 const tabsRootProvider = require('./tabs-root-provider.cjs');
 const useTabs = require('./use-tabs.cjs');
 const useTabsContext = require('./use-tabs-context.cjs');
-const tabs = require('./tabs.cjs');
+const tabs$1 = require('./tabs.cjs');
+const tabs = require('@zag-js/tabs');
 
 
 
@@ -24,4 +25,8 @@ exports.TabsRoot = tabsRoot.TabsRoot;
 exports.TabsRootProvider = tabsRootProvider.TabsRootProvider;
 exports.useTabs = useTabs.useTabs;
 exports.useTabsContext = useTabsContext.useTabsContext;
-exports.Tabs = tabs;
+exports.Tabs = tabs$1;
+Object.defineProperty(exports, "tabsAnatomy", {
+  enumerable: true,
+  get: () => tabs.anatomy
+});

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

@@ -8,4 +8,5 @@ export { TabsRoot, type TabsRootProps, type TabsRootBaseProps, } from './tabs-ro
 export { TabsRootProvider, type TabsRootProviderProps, type TabsRootProviderBaseProps, } from './tabs-root-provider';
 export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
 export { useTabsContext, type UseTabsContext } from './use-tabs-context';
+export { tabsAnatomy } from './tabs.anatomy';
 export * as Tabs from './tabs';

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

@@ -8,4 +8,5 @@ export { TabsRoot, type TabsRootProps, type TabsRootBaseProps, } from './tabs-ro
 export { TabsRootProvider, type TabsRootProviderProps, type TabsRootProviderBaseProps, } from './tabs-root-provider';
 export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
 export { useTabsContext, type UseTabsContext } from './use-tabs-context';
+export { tabsAnatomy } from './tabs.anatomy';
 export * as Tabs from './tabs';

package/dist/components/tabs/index.js

@@ -9,3 +9,4 @@ export { useTabs } from './use-tabs.js';
 export { useTabsContext } from './use-tabs-context.js';
 import * as tabs from './tabs.js';
 export { tabs as Tabs };
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/dist/components/tabs/tabs.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/dist/components/tabs/tabs.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';

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

@@ -19,7 +19,8 @@ const tagsInputRootProvider = require('./tags-input-root-provider.cjs');
 const useTagsInput = require('./use-tags-input.cjs');
 const useTagsInputContext = require('./use-tags-input-context.cjs');
 const useTagsInputItemContext = require('./use-tags-input-item-context.cjs');
-const tagsInput = require('./tags-input.cjs');
+const tagsInput$1 = require('./tags-input.cjs');
+const tagsInput = require('@zag-js/tags-input');
 
 
 
@@ -40,4 +41,8 @@ exports.TagsInputRootProvider = tagsInputRootProvider.TagsInputRootProvider;
 exports.useTagsInput = useTagsInput.useTagsInput;
 exports.useTagsInputContext = useTagsInputContext.useTagsInputContext;
 exports.useTagsInputItemContext = useTagsInputItemContext.useTagsInputItemContext;
-exports.TagsInput = tagsInput;
+exports.TagsInput = tagsInput$1;
+Object.defineProperty(exports, "tagsInputAnatomy", {
+  enumerable: true,
+  get: () => tagsInput.anatomy
+});

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

@@ -16,4 +16,5 @@ export { TagsInputRootProvider, type TagsInputRootProviderProps, type TagsInputR
 export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
 export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';
 export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
+export { tagsInputAnatomy } from './tags-input.anatomy';
 export * as TagsInput from './tags-input';

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

@@ -16,4 +16,5 @@ export { TagsInputRootProvider, type TagsInputRootProviderProps, type TagsInputR
 export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
 export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';
 export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
+export { tagsInputAnatomy } from './tags-input.anatomy';
 export * as TagsInput from './tags-input';

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

@@ -17,3 +17,4 @@ export { useTagsInputContext } from './use-tags-input-context.js';
 export { useTagsInputItemContext } from './use-tags-input-item-context.js';
 import * as tagsInput from './tags-input.js';
 export { tagsInput as TagsInput };
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

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.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";

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

@@ -37,6 +37,7 @@ const TagsInputRoot = react.forwardRef((props, ref) => {
     "onValueChange",
     "onValueInvalid",
     "readOnly",
+    "required",
     "translations",
     "validate",
     "value"

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

@@ -33,6 +33,7 @@ const TagsInputRoot = forwardRef((props, ref) => {
     "onValueChange",
     "onValueInvalid",
     "readOnly",
+    "required",
     "translations",
     "validate",
     "value"

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

@@ -0,0 +1 @@
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

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

@@ -0,0 +1 @@
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

package/dist/components/tags-input/use-tags-input.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 tagsInput__namespace = /*#__PURE__*/_interopNamespaceDefault(tagsInput);
 const useTagsInput = (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,
+    invalid: field?.invalid,
+    readOnly: field?.readOnly,
+    required: field?.required,
     getRootNode,
     value: props.defaultValue,
     ...props

package/dist/components/tags-input/use-tags-input.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 useTagsInput = (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,
+    invalid: field?.invalid,
+    readOnly: field?.readOnly,
+    required: field?.required,
     getRootNode,
     value: props.defaultValue,
     ...props

package/dist/components/toast/index.cjs

@@ -11,7 +11,8 @@ const toastRoot = require('./toast-root.cjs');
 const toastTitle = require('./toast-title.cjs');
 const toaster = require('./toaster.cjs');
 const useToastContext = require('./use-toast-context.cjs');
-const toast = require('./toast.cjs');
+const toast$1 = require('./toast.cjs');
+const toast = require('@zag-js/toast');
 
 
 
@@ -24,4 +25,8 @@ exports.ToastRoot = toastRoot.ToastRoot;
 exports.ToastTitle = toastTitle.ToastTitle;
 exports.Toaster = toaster.Toaster;
 exports.useToastContext = useToastContext.useToastContext;
-exports.Toast = toast;
+exports.Toast = toast$1;
+Object.defineProperty(exports, "toastAnatomy", {
+  enumerable: true,
+  get: () => toast.anatomy
+});