@ark-ui/react 3.4.0-0 → 3.4.0

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

@@ -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>>;

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

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

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

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

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

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/select';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SelectItemBaseProps extends ItemProps {
+export interface SelectItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface SelectItemProps extends Assign<HTMLArkProps<'div'>, SelectItemBaseProps> {
+export interface SelectItemProps extends HTMLProps<'div'>, SelectItemBaseProps {
 }
 export declare const SelectItem: ForwardRefExoticComponent<SelectItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/select';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SelectItemBaseProps extends ItemProps {
+export interface SelectItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface SelectItemProps extends Assign<HTMLArkProps<'div'>, SelectItemBaseProps> {
+export interface SelectItemProps extends HTMLProps<'div'>, SelectItemBaseProps {
 }
 export declare const SelectItem: ForwardRefExoticComponent<SelectItemProps & RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -43,6 +43,7 @@ const SelectImpl = (props, ref) => {
     "open",
     "positioning",
     "readOnly",
+    "required",
     "scrollToIndexFn",
     "value"
   ]);

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

@@ -1,12 +1,12 @@
 import { JSX } from 'react';
 import { Assign, CollectionItem } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseSelectProps } from './use-select';
 
-export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps {
+export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps, PolymorphicProps {
 }
-export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLArkProps<'div'>, SelectRootBaseProps<T>> {
+export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, SelectRootBaseProps<T>> {
 }
 export type SelectComponent = <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const SelectRoot: SelectComponent;

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

@@ -1,12 +1,12 @@
 import { JSX } from 'react';
 import { Assign, CollectionItem } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseSelectProps } from './use-select';
 
-export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps {
+export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps, PolymorphicProps {
 }
-export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLArkProps<'div'>, SelectRootBaseProps<T>> {
+export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLProps<'div'>, SelectRootBaseProps<T>> {
 }
 export type SelectComponent = <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const SelectRoot: SelectComponent;

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

@@ -39,6 +39,7 @@ const SelectImpl = (props, ref) => {
     "open",
     "positioning",
     "readOnly",
+    "required",
     "scrollToIndexFn",
     "value"
   ]);

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

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

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

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

package/dist/components/select/select-value-text.d.cts

@@ -1,12 +1,12 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SelectValueTextBaseProps {
+export interface SelectValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is selected.
      */
     placeholder?: string;
 }
-export interface SelectValueTextProps extends HTMLArkProps<'span'>, SelectValueTextBaseProps {
+export interface SelectValueTextProps extends HTMLProps<'span'>, SelectValueTextBaseProps {
 }
 export declare const SelectValueText: ForwardRefExoticComponent<SelectValueTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/select/select-value-text.d.ts

@@ -1,12 +1,12 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SelectValueTextBaseProps {
+export interface SelectValueTextBaseProps extends PolymorphicProps {
     /**
      * Text to display when no value is selected.
      */
     placeholder?: string;
 }
-export interface SelectValueTextProps extends HTMLArkProps<'span'>, SelectValueTextBaseProps {
+export interface SelectValueTextProps extends HTMLProps<'span'>, SelectValueTextBaseProps {
 }
 export declare const SelectValueText: ForwardRefExoticComponent<SelectValueTextProps & RefAttributes<HTMLSpanElement>>;

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

@@ -10,6 +10,7 @@ const useEnvironmentContext = require('../../providers/environment/use-environme
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
 const createSplitProps = require('../../utils/create-split-props.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' } });
@@ -43,8 +44,17 @@ const useSelect = (props) => {
   );
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
+  const field = useFieldContext.useFieldContext();
   const initialContext = {
     id: react.useId(),
+    ids: {
+      label: field?.ids.label,
+      hiddenSelect: field?.ids.control
+    },
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    invalid: field?.invalid,
+    required: field?.required,
     dir,
     getRootNode,
     collection,

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

@@ -6,6 +6,7 @@ import { useEnvironmentContext } from '../../providers/environment/use-environme
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { useEvent } from '../../utils/use-event.js';
+import { useFieldContext } from '../field/use-field-context.js';
 
 const useSelect = (props) => {
   const [collectionOptions, selectProps] = createSplitProps()(props, [
@@ -20,8 +21,17 @@ const useSelect = (props) => {
   );
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
+  const field = useFieldContext();
   const initialContext = {
     id: useId(),
+    ids: {
+      label: field?.ids.label,
+      hiddenSelect: field?.ids.control
+    },
+    disabled: field?.disabled,
+    readOnly: field?.readOnly,
+    invalid: field?.invalid,
+    required: field?.required,
     dir,
     getRootNode,
     collection,

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

@@ -7,6 +7,7 @@ const signaturePadContext = require('./signature-pad-context.cjs');
 const signaturePadControl = require('./signature-pad-control.cjs');
 const signaturePadGuide = require('./signature-pad-guide.cjs');
 const signaturePadLabel = require('./signature-pad-label.cjs');
+const signaturePadHiddenInput = require('./signature-pad-hidden-input.cjs');
 const signaturePadRoot = require('./signature-pad-root.cjs');
 const signaturePadRootProvider = require('./signature-pad-root-provider.cjs');
 const signaturePadSegment = require('./signature-pad-segment.cjs');
@@ -21,6 +22,7 @@ exports.SignaturePadContext = signaturePadContext.SignaturePadContext;
 exports.SignaturePadControl = signaturePadControl.SignaturePadControl;
 exports.SignaturePadGuide = signaturePadGuide.SignaturePadGuide;
 exports.SignaturePadLabel = signaturePadLabel.SignaturePadLabel;
+exports.SignaturePadHiddenInput = signaturePadHiddenInput.SignaturePadHiddenInput;
 exports.SignaturePadRoot = signaturePadRoot.SignaturePadRoot;
 exports.SignaturePadRootProvider = signaturePadRootProvider.SignaturePadRootProvider;
 exports.SignaturePadSegment = signaturePadSegment.SignaturePadSegment;

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

@@ -4,6 +4,7 @@ export { SignaturePadContext, type SignaturePadContextProps, } from './signature
 export { SignaturePadControl, type SignaturePadControlProps, type SignaturePadControlBaseProps, } from './signature-pad-control';
 export { SignaturePadGuide, type SignaturePadGuideProps, type SignaturePadGuideBaseProps, } from './signature-pad-guide';
 export { SignaturePadLabel, type SignaturePadLabelProps, type SignaturePadLabelBaseProps, } from './signature-pad-label';
+export { SignaturePadHiddenInput, type SignaturePadHiddenInputProps, type SignaturePadHiddenInputBaseProps, } from './signature-pad-hidden-input';
 export { SignaturePadRoot, type SignaturePadRootProps, type SignaturePadRootBaseProps, } from './signature-pad-root';
 export { SignaturePadRootProvider, type SignaturePadRootProviderProps, type SignaturePadRootProviderBaseProps, } from './signature-pad-root-provider';
 export { SignaturePadSegment, type SignaturePadSegmentProps, type SignaturePadSegmentBaseProps, } from './signature-pad-segment';

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

@@ -4,6 +4,7 @@ export { SignaturePadContext, type SignaturePadContextProps, } from './signature
 export { SignaturePadControl, type SignaturePadControlProps, type SignaturePadControlBaseProps, } from './signature-pad-control';
 export { SignaturePadGuide, type SignaturePadGuideProps, type SignaturePadGuideBaseProps, } from './signature-pad-guide';
 export { SignaturePadLabel, type SignaturePadLabelProps, type SignaturePadLabelBaseProps, } from './signature-pad-label';
+export { SignaturePadHiddenInput, type SignaturePadHiddenInputProps, type SignaturePadHiddenInputBaseProps, } from './signature-pad-hidden-input';
 export { SignaturePadRoot, type SignaturePadRootProps, type SignaturePadRootBaseProps, } from './signature-pad-root';
 export { SignaturePadRootProvider, type SignaturePadRootProviderProps, type SignaturePadRootProviderBaseProps, } from './signature-pad-root-provider';
 export { SignaturePadSegment, type SignaturePadSegmentProps, type SignaturePadSegmentBaseProps, } from './signature-pad-segment';

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

@@ -3,6 +3,7 @@ export { SignaturePadContext } from './signature-pad-context.js';
 export { SignaturePadControl } from './signature-pad-control.js';
 export { SignaturePadGuide } from './signature-pad-guide.js';
 export { SignaturePadLabel } from './signature-pad-label.js';
+export { SignaturePadHiddenInput } from './signature-pad-hidden-input.js';
 export { SignaturePadRoot } from './signature-pad-root.js';
 export { SignaturePadRootProvider } from './signature-pad-root-provider.js';
 export { SignaturePadSegment } from './signature-pad-segment.js';

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

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

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

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

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

@@ -13,7 +13,7 @@ const SignaturePadControl = react.forwardRef(
   (props, ref) => {
     const signaturePad = useSignaturePadContext.useSignaturePadContext();
     const mergedProps = react$1.mergeProps(signaturePad.getControlProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { role: "application", ...mergedProps, ref });
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );
 SignaturePadControl.displayName = "SignaturePadControl";

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

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

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

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

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

@@ -9,7 +9,7 @@ const SignaturePadControl = forwardRef(
   (props, ref) => {
     const signaturePad = useSignaturePadContext();
     const mergedProps = mergeProps(signaturePad.getControlProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { role: "application", ...mergedProps, ref });
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );
 SignaturePadControl.displayName = "SignaturePadControl";

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

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

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

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

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

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useFieldContext = require('../field/use-field-context.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadHiddenInput = react.forwardRef(
+  (props, ref) => {
+    const [hiddenInputProps, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+    const signaturePad = useSignaturePadContext.useSignaturePadContext();
+    const mergedProps = react$1.mergeProps(signaturePad.getHiddenInputProps(hiddenInputProps), localProps);
+    const field = useFieldContext.useFieldContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+  }
+);
+SignaturePadHiddenInput.displayName = "SignaturePadHiddenInput";
+
+exports.SignaturePadHiddenInput = SignaturePadHiddenInput;

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

@@ -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.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-label.d.cts

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

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

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