@ark-ui/react 3.2.1 → 3.4.0-0

package/dist/components/select/select.cjs

@@ -15,6 +15,7 @@ const selectItemGroupLabel = require('./select-item-group-label.cjs');
 const selectItemIndicator = require('./select-item-indicator.cjs');
 const selectItemText = require('./select-item-text.cjs');
 const selectLabel = require('./select-label.cjs');
+const selectList = require('./select-list.cjs');
 const selectPositioner = require('./select-positioner.cjs');
 const selectRoot = require('./select-root.cjs');
 const selectRootProvider = require('./select-root-provider.cjs');
@@ -36,6 +37,7 @@ exports.ItemGroupLabel = selectItemGroupLabel.SelectItemGroupLabel;
 exports.ItemIndicator = selectItemIndicator.SelectItemIndicator;
 exports.ItemText = selectItemText.SelectItemText;
 exports.Label = selectLabel.SelectLabel;
+exports.List = selectList.SelectList;
 exports.Positioner = selectPositioner.SelectPositioner;
 exports.Root = selectRoot.SelectRoot;
 exports.RootProvider = selectRootProvider.SelectRootProvider;

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

@@ -1,20 +1,21 @@
 export type { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
 export type { CollectionItem } from '../../types';
-export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, } from './select-clear-trigger';
-export { SelectContent as Content, type SelectContentProps as ContentProps } from './select-content';
+export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, } from './select-clear-trigger';
+export { SelectContent as Content, type SelectContentProps as ContentProps, type SelectContentBaseProps as ContentBaseProps, } from './select-content';
 export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context';
-export { SelectControl as Control, type SelectControlProps as ControlProps } from './select-control';
-export { SelectHiddenSelect as HiddenSelect, type SelectHiddenSelectProps as HiddenSelectProps, } from './select-hidden-select';
-export { SelectIndicator as Indicator, type SelectIndicatorProps as IndicatorProps, } from './select-indicator';
-export { SelectItem as Item, type SelectItemProps as ItemProps } from './select-item';
+export { SelectControl as Control, type SelectControlProps as ControlProps, type SelectControlBaseProps as ControlBaseProps, } from './select-control';
+export { SelectHiddenSelect as HiddenSelect, type SelectHiddenSelectProps as HiddenSelectProps, type SelectHiddenSelectBaseProps as HiddenSelectBaseProps, } from './select-hidden-select';
+export { SelectIndicator as Indicator, type SelectIndicatorProps as IndicatorProps, type SelectIndicatorBaseProps as IndicatorBaseProps, } from './select-indicator';
+export { SelectItem as Item, type SelectItemProps as ItemProps, type SelectItemBaseProps as ItemBaseProps, } from './select-item';
 export { SelectItemContext as ItemContext, type SelectItemContextProps as ItemContextProps, } from './select-item-context';
-export { SelectItemGroup as ItemGroup, type SelectItemGroupProps as ItemGroupProps, } from './select-item-group';
-export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelProps as ItemGroupLabelProps, } from './select-item-group-label';
-export { SelectItemIndicator as ItemIndicator, type SelectItemIndicatorProps as ItemIndicatorProps, } from './select-item-indicator';
-export { SelectItemText as ItemText, type SelectItemTextProps as ItemTextProps, } from './select-item-text';
-export { SelectLabel as Label, type SelectLabelProps as LabelProps } from './select-label';
-export { SelectPositioner as Positioner, type SelectPositionerProps as PositionerProps, } from './select-positioner';
-export { SelectRoot as Root, type SelectRootProps as RootProps } from './select-root';
-export { SelectRootProvider as RootProvider, type SelectRootProviderProps as RootProviderProps, } from './select-root-provider';
-export { SelectTrigger as Trigger, type SelectTriggerProps as TriggerProps } from './select-trigger';
-export { SelectValueText as ValueText, type SelectValueTextProps as ValueTextProps, } from './select-value-text';
+export { SelectItemGroup as ItemGroup, type SelectItemGroupProps as ItemGroupProps, type SelectItemGroupBaseProps as ItemGroupBaseProps, } from './select-item-group';
+export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelProps as ItemGroupLabelProps, type SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, } from './select-item-group-label';
+export { SelectItemIndicator as ItemIndicator, type SelectItemIndicatorProps as ItemIndicatorProps, type SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './select-item-indicator';
+export { SelectItemText as ItemText, type SelectItemTextProps as ItemTextProps, type SelectItemTextBaseProps as ItemTextBaseProps, } from './select-item-text';
+export { SelectLabel as Label, type SelectLabelProps as LabelProps, type SelectLabelBaseProps as LabelBaseProps, } from './select-label';
+export { SelectList as List, type SelectListProps as ListProps, type SelectListBaseProps as ListBaseProps, } from './select-list';
+export { SelectPositioner as Positioner, type SelectPositionerProps as PositionerProps, type SelectPositionerBaseProps as PositionerBaseProps, } from './select-positioner';
+export { SelectRoot as Root, type SelectRootProps as RootProps, type SelectRootBaseProps as RootBaseProps, } from './select-root';
+export { SelectRootProvider as RootProvider, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderBaseProps as RootProviderBaseProps, } from './select-root-provider';
+export { SelectTrigger as Trigger, type SelectTriggerProps as TriggerProps, type SelectTriggerBaseProps as TriggerBaseProps, } from './select-trigger';
+export { SelectValueText as ValueText, type SelectValueTextProps as ValueTextProps, type SelectValueTextBaseProps as ValueTextBaseProps, } from './select-value-text';

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

@@ -1,20 +1,21 @@
 export type { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
 export type { CollectionItem } from '../../types';
-export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, } from './select-clear-trigger';
-export { SelectContent as Content, type SelectContentProps as ContentProps } from './select-content';
+export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, } from './select-clear-trigger';
+export { SelectContent as Content, type SelectContentProps as ContentProps, type SelectContentBaseProps as ContentBaseProps, } from './select-content';
 export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context';
-export { SelectControl as Control, type SelectControlProps as ControlProps } from './select-control';
-export { SelectHiddenSelect as HiddenSelect, type SelectHiddenSelectProps as HiddenSelectProps, } from './select-hidden-select';
-export { SelectIndicator as Indicator, type SelectIndicatorProps as IndicatorProps, } from './select-indicator';
-export { SelectItem as Item, type SelectItemProps as ItemProps } from './select-item';
+export { SelectControl as Control, type SelectControlProps as ControlProps, type SelectControlBaseProps as ControlBaseProps, } from './select-control';
+export { SelectHiddenSelect as HiddenSelect, type SelectHiddenSelectProps as HiddenSelectProps, type SelectHiddenSelectBaseProps as HiddenSelectBaseProps, } from './select-hidden-select';
+export { SelectIndicator as Indicator, type SelectIndicatorProps as IndicatorProps, type SelectIndicatorBaseProps as IndicatorBaseProps, } from './select-indicator';
+export { SelectItem as Item, type SelectItemProps as ItemProps, type SelectItemBaseProps as ItemBaseProps, } from './select-item';
 export { SelectItemContext as ItemContext, type SelectItemContextProps as ItemContextProps, } from './select-item-context';
-export { SelectItemGroup as ItemGroup, type SelectItemGroupProps as ItemGroupProps, } from './select-item-group';
-export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelProps as ItemGroupLabelProps, } from './select-item-group-label';
-export { SelectItemIndicator as ItemIndicator, type SelectItemIndicatorProps as ItemIndicatorProps, } from './select-item-indicator';
-export { SelectItemText as ItemText, type SelectItemTextProps as ItemTextProps, } from './select-item-text';
-export { SelectLabel as Label, type SelectLabelProps as LabelProps } from './select-label';
-export { SelectPositioner as Positioner, type SelectPositionerProps as PositionerProps, } from './select-positioner';
-export { SelectRoot as Root, type SelectRootProps as RootProps } from './select-root';
-export { SelectRootProvider as RootProvider, type SelectRootProviderProps as RootProviderProps, } from './select-root-provider';
-export { SelectTrigger as Trigger, type SelectTriggerProps as TriggerProps } from './select-trigger';
-export { SelectValueText as ValueText, type SelectValueTextProps as ValueTextProps, } from './select-value-text';
+export { SelectItemGroup as ItemGroup, type SelectItemGroupProps as ItemGroupProps, type SelectItemGroupBaseProps as ItemGroupBaseProps, } from './select-item-group';
+export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelProps as ItemGroupLabelProps, type SelectItemGroupLabelBaseProps as ItemGroupLabelBaseProps, } from './select-item-group-label';
+export { SelectItemIndicator as ItemIndicator, type SelectItemIndicatorProps as ItemIndicatorProps, type SelectItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './select-item-indicator';
+export { SelectItemText as ItemText, type SelectItemTextProps as ItemTextProps, type SelectItemTextBaseProps as ItemTextBaseProps, } from './select-item-text';
+export { SelectLabel as Label, type SelectLabelProps as LabelProps, type SelectLabelBaseProps as LabelBaseProps, } from './select-label';
+export { SelectList as List, type SelectListProps as ListProps, type SelectListBaseProps as ListBaseProps, } from './select-list';
+export { SelectPositioner as Positioner, type SelectPositionerProps as PositionerProps, type SelectPositionerBaseProps as PositionerBaseProps, } from './select-positioner';
+export { SelectRoot as Root, type SelectRootProps as RootProps, type SelectRootBaseProps as RootBaseProps, } from './select-root';
+export { SelectRootProvider as RootProvider, type SelectRootProviderProps as RootProviderProps, type SelectRootProviderBaseProps as RootProviderBaseProps, } from './select-root-provider';
+export { SelectTrigger as Trigger, type SelectTriggerProps as TriggerProps, type SelectTriggerBaseProps as TriggerBaseProps, } from './select-trigger';
+export { SelectValueText as ValueText, type SelectValueTextProps as ValueTextProps, type SelectValueTextBaseProps as ValueTextBaseProps, } from './select-value-text';

package/dist/components/select/select.js

@@ -11,6 +11,7 @@ export { SelectItemGroupLabel as ItemGroupLabel } from './select-item-group-labe
 export { SelectItemIndicator as ItemIndicator } from './select-item-indicator.js';
 export { SelectItemText as ItemText } from './select-item-text.js';
 export { SelectLabel as Label } from './select-label.js';
+export { SelectList as List } from './select-list.js';
 export { SelectPositioner as Positioner } from './select-positioner.js';
 export { SelectRoot as Root } from './select-root.js';
 export { SelectRootProvider as RootProvider } from './select-root-provider.js';

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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 signaturePadLabel = require('./signature-pad-label.cjs');
+const signaturePadRoot = require('./signature-pad-root.cjs');
+const signaturePadRootProvider = require('./signature-pad-root-provider.cjs');
+const signaturePadSegment = require('./signature-pad-segment.cjs');
+const useSignaturePad = require('./use-signature-pad.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+const signaturePad = require('./signature-pad.cjs');
+
+
+
+exports.SignaturePadClearTrigger = signaturePadClearTrigger.SignaturePadClearTrigger;
+exports.SignaturePadContext = signaturePadContext.SignaturePadContext;
+exports.SignaturePadControl = signaturePadControl.SignaturePadControl;
+exports.SignaturePadGuide = signaturePadGuide.SignaturePadGuide;
+exports.SignaturePadLabel = signaturePadLabel.SignaturePadLabel;
+exports.SignaturePadRoot = signaturePadRoot.SignaturePadRoot;
+exports.SignaturePadRootProvider = signaturePadRootProvider.SignaturePadRootProvider;
+exports.SignaturePadSegment = signaturePadSegment.SignaturePadSegment;
+exports.useSignaturePad = useSignaturePad.useSignaturePad;
+exports.useSignaturePadContext = useSignaturePadContext.useSignaturePadContext;
+exports.SignaturePad = signaturePad;

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

@@ -0,0 +1,12 @@
+export type { DrawDetails as SignaturePadDrawDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions as SignaturePadDrawingOptions, } from '@zag-js/signature-pad';
+export { SignaturePadClearTrigger, type SignaturePadClearTriggerProps, type SignaturePadClearTriggerBaseProps, } from './signature-pad-clear-trigger';
+export { SignaturePadContext, type SignaturePadContextProps, } from './signature-pad-context';
+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 { 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';
+export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn, } from './use-signature-pad';
+export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context';
+export * as SignaturePad from './signature-pad';

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

@@ -0,0 +1,12 @@
+export type { DrawDetails as SignaturePadDrawDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions as SignaturePadDrawingOptions, } from '@zag-js/signature-pad';
+export { SignaturePadClearTrigger, type SignaturePadClearTriggerProps, type SignaturePadClearTriggerBaseProps, } from './signature-pad-clear-trigger';
+export { SignaturePadContext, type SignaturePadContextProps, } from './signature-pad-context';
+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 { 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';
+export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn, } from './use-signature-pad';
+export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context';
+export * as SignaturePad from './signature-pad';

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

@@ -0,0 +1,12 @@
+export { SignaturePadClearTrigger } from './signature-pad-clear-trigger.js';
+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 { SignaturePadRoot } from './signature-pad-root.js';
+export { SignaturePadRootProvider } from './signature-pad-root-provider.js';
+export { SignaturePadSegment } from './signature-pad-segment.js';
+export { useSignaturePad } from './use-signature-pad.js';
+export { useSignaturePadContext } from './use-signature-pad-context.js';
+import * as signaturePad from './signature-pad.js';
+export { signaturePad as SignaturePad };

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

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadClearTrigger = react.forwardRef((props, ref) => {
+  const signaturePad = useSignaturePadContext.useSignaturePadContext();
+  const mergedProps = react$1.mergeProps(signaturePad.getClearTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+SignaturePadClearTrigger.displayName = "SignaturePadClearTrigger";
+
+exports.SignaturePadClearTrigger = SignaturePadClearTrigger;

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

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

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

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

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadClearTrigger = forwardRef((props, ref) => {
+  const signaturePad = useSignaturePadContext();
+  const mergedProps = mergeProps(signaturePad.getClearTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+SignaturePadClearTrigger.displayName = "SignaturePadClearTrigger";
+
+export { SignaturePadClearTrigger };

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

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadContext = (props) => props.children(useSignaturePadContext.useSignaturePadContext());
+
+exports.SignaturePadContext = SignaturePadContext;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseSignaturePadContext } from './use-signature-pad-context';
+
+export interface SignaturePadContextProps {
+    children: (context: UseSignaturePadContext) => ReactNode;
+}
+export declare const SignaturePadContext: (props: SignaturePadContextProps) => ReactNode;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseSignaturePadContext } from './use-signature-pad-context';
+
+export interface SignaturePadContextProps {
+    children: (context: UseSignaturePadContext) => ReactNode;
+}
+export declare const SignaturePadContext: (props: SignaturePadContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadContext = (props) => props.children(useSignaturePadContext());
+
+export { SignaturePadContext };

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

@@ -0,0 +1,21 @@
+'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 factory = require('../factory.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+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 });
+  }
+);
+SignaturePadControl.displayName = "SignaturePadControl";
+
+exports.SignaturePadControl = SignaturePadControl;

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

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

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

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

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadControl = forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext();
+    const mergedProps = mergeProps(signaturePad.getControlProps(), props);
+    return /* @__PURE__ */ jsx(ark.div, { role: "application", ...mergedProps, ref });
+  }
+);
+SignaturePadControl.displayName = "SignaturePadControl";
+
+export { SignaturePadControl };

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

@@ -0,0 +1,21 @@
+'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 factory = require('../factory.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadGuide = react.forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext.useSignaturePadContext();
+    const mergedProps = react$1.mergeProps(signaturePad.getGuideProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+SignaturePadGuide.displayName = "SignaturePadGuide";
+
+exports.SignaturePadGuide = SignaturePadGuide;

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

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

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

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

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadGuide = forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext();
+    const mergedProps = mergeProps(signaturePad.getGuideProps(), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+SignaturePadGuide.displayName = "SignaturePadGuide";
+
+export { SignaturePadGuide };

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

@@ -0,0 +1,21 @@
+'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 factory = require('../factory.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadLabel = react.forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext.useSignaturePadContext();
+    const mergedProps = react$1.mergeProps(signaturePad.getLabelProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+  }
+);
+SignaturePadLabel.displayName = "SignaturePadLabel";
+
+exports.SignaturePadLabel = SignaturePadLabel;

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

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

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

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

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSignaturePadContext } from './use-signature-pad-context.js';
+
+const SignaturePadLabel = forwardRef(
+  (props, ref) => {
+    const signaturePad = useSignaturePadContext();
+    const mergedProps = mergeProps(signaturePad.getLabelProps(), props);
+    return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+  }
+);
+SignaturePadLabel.displayName = "SignaturePadLabel";
+
+export { SignaturePadLabel };

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

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: signaturePad }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(signaturePad.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useSignaturePadContext.SignaturePadProvider, { value: signaturePad, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+SignaturePadRootProvider.displayName = "SignaturePadRootProvider";
+
+exports.SignaturePadRootProvider = SignaturePadRootProvider;

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

@@ -0,0 +1,13 @@
+import { HTMLArkProps } from '../factory';
+import { UseSignaturePadReturn } from './use-signature-pad';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSignaturePadReturn;
+}
+export interface SignaturePadRootProviderBaseProps extends RootProviderProps {
+}
+export interface SignaturePadRootProviderProps extends HTMLArkProps<'div'>, SignaturePadRootProviderBaseProps {
+}
+export declare const SignaturePadRootProvider: ForwardRefExoticComponent<SignaturePadRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,13 @@
+import { HTMLArkProps } from '../factory';
+import { UseSignaturePadReturn } from './use-signature-pad';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseSignaturePadReturn;
+}
+export interface SignaturePadRootProviderBaseProps extends RootProviderProps {
+}
+export interface SignaturePadRootProviderProps extends HTMLArkProps<'div'>, SignaturePadRootProviderBaseProps {
+}
+export declare const SignaturePadRootProvider: ForwardRefExoticComponent<SignaturePadRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { SignaturePadProvider } from './use-signature-pad-context.js';
+
+const SignaturePadRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: signaturePad }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(signaturePad.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(SignaturePadProvider, { value: signaturePad, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+SignaturePadRootProvider.displayName = "SignaturePadRootProvider";
+
+export { SignaturePadRootProvider };

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

@@ -0,0 +1,31 @@
+'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 useSignaturePad = require('./use-signature-pad.cjs');
+const useSignaturePadContext = require('./use-signature-pad-context.cjs');
+
+const SignaturePadRoot = react.forwardRef((props, ref) => {
+  const [useSignaturePadProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "id",
+    "ids",
+    "drawing",
+    "disabled",
+    "readOnly",
+    "name",
+    "onDraw",
+    "onDrawEnd"
+  ]);
+  const signaturePad = useSignaturePad.useSignaturePad(useSignaturePadProps);
+  const mergedProps = react$1.mergeProps(signaturePad.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useSignaturePadContext.SignaturePadProvider, { value: signaturePad, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+SignaturePadRoot.displayName = "SignaturePadRoot";
+
+exports.SignaturePadRoot = SignaturePadRoot;

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

@@ -0,0 +1,10 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseSignaturePadProps } from './use-signature-pad';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadRootBaseProps extends UseSignaturePadProps {
+}
+export interface SignaturePadRootProps extends Assign<HTMLArkProps<'div'>, SignaturePadRootBaseProps> {
+}
+export declare const SignaturePadRoot: ForwardRefExoticComponent<SignaturePadRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,10 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseSignaturePadProps } from './use-signature-pad';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadRootBaseProps extends UseSignaturePadProps {
+}
+export interface SignaturePadRootProps extends Assign<HTMLArkProps<'div'>, SignaturePadRootBaseProps> {
+}
+export declare const SignaturePadRoot: ForwardRefExoticComponent<SignaturePadRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,27 @@
+'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 { useSignaturePad } from './use-signature-pad.js';
+import { SignaturePadProvider } from './use-signature-pad-context.js';
+
+const SignaturePadRoot = forwardRef((props, ref) => {
+  const [useSignaturePadProps, localProps] = createSplitProps()(props, [
+    "id",
+    "ids",
+    "drawing",
+    "disabled",
+    "readOnly",
+    "name",
+    "onDraw",
+    "onDrawEnd"
+  ]);
+  const signaturePad = useSignaturePad(useSignaturePadProps);
+  const mergedProps = mergeProps(signaturePad.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(SignaturePadProvider, { value: signaturePad, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+SignaturePadRoot.displayName = "SignaturePadRoot";
+
+export { SignaturePadRoot };