@ark-ui/react 3.2.1 → 3.3.0

package/dist/components/qr-code/qr-code-root.d.cts

@@ -0,0 +1,8 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseQrCodeProps } from './use-qr-code';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface QrCodeRootProps extends Assign<HTMLArkProps<'div'>, UseQrCodeProps> {
+}
+export declare const QrCodeRoot: ForwardRefExoticComponent<QrCodeRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/qr-code/qr-code-root.d.ts

@@ -0,0 +1,8 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseQrCodeProps } from './use-qr-code';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface QrCodeRootProps extends Assign<HTMLArkProps<'div'>, UseQrCodeProps> {
+}
+export declare const QrCodeRoot: ForwardRefExoticComponent<QrCodeRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/qr-code/qr-code-root.js

@@ -0,0 +1,23 @@
+'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 { useQrCode } from './use-qr-code.js';
+import { QrCodeProvider } from './use-qr-code-context.js';
+
+const QrCodeRoot = forwardRef((props, ref) => {
+  const [qrcodeProps, localProps] = createSplitProps()(props, [
+    "encoding",
+    "id",
+    "ids",
+    "value"
+  ]);
+  const qrCode = useQrCode(qrcodeProps);
+  const mergedProps = mergeProps(qrCode.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(QrCodeProvider, { value: qrCode, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+QrCodeRoot.displayName = "QrcodeRoot";
+
+export { QrCodeRoot };

package/dist/components/qr-code/qr-code.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const qrCodeContext = require('./qr-code-context.cjs');
+const qrCodeFrame = require('./qr-code-frame.cjs');
+const qrCodeOverlay = require('./qr-code-overlay.cjs');
+const qrCodePattern = require('./qr-code-pattern.cjs');
+const qrCodeRoot = require('./qr-code-root.cjs');
+const qrCodeRootProvider = require('./qr-code-root-provider.cjs');
+
+
+
+exports.QrCodeContext = qrCodeContext.QrCodeContext;
+exports.Frame = qrCodeFrame.QrCodeFrame;
+exports.Overlay = qrCodeOverlay.QrCodeOverlay;
+exports.Pattern = qrCodePattern.QrCodePattern;
+exports.Root = qrCodeRoot.QrCodeRoot;
+exports.RootProvider = qrCodeRootProvider.QrCodeRootProvider;

package/dist/components/qr-code/qr-code.d.cts

@@ -0,0 +1,7 @@
+export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, } from '@zag-js/qr-code';
+export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
+export { QrCodeFrame as Frame, type QrCodeFrameProps as FrameProps } from './qr-code-frame';
+export { QrCodeOverlay as Overlay, type QrCodeOverlayProps as OverlayProps, } from './qr-code-overlay';
+export { QrCodePattern as Pattern, type QrCodePatternProps as PatternProps, } from './qr-code-pattern';
+export { QrCodeRoot as Root, type QrCodeRootProps as RootProps } from './qr-code-root';
+export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderProps as RootProviderProps, } from './qr-code-root-provider';

package/dist/components/qr-code/qr-code.d.ts

@@ -0,0 +1,7 @@
+export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, } from '@zag-js/qr-code';
+export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
+export { QrCodeFrame as Frame, type QrCodeFrameProps as FrameProps } from './qr-code-frame';
+export { QrCodeOverlay as Overlay, type QrCodeOverlayProps as OverlayProps, } from './qr-code-overlay';
+export { QrCodePattern as Pattern, type QrCodePatternProps as PatternProps, } from './qr-code-pattern';
+export { QrCodeRoot as Root, type QrCodeRootProps as RootProps } from './qr-code-root';
+export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderProps as RootProviderProps, } from './qr-code-root-provider';

package/dist/components/qr-code/qr-code.js

@@ -0,0 +1,6 @@
+export { QrCodeContext } from './qr-code-context.js';
+export { QrCodeFrame as Frame } from './qr-code-frame.js';
+export { QrCodeOverlay as Overlay } from './qr-code-overlay.js';
+export { QrCodePattern as Pattern } from './qr-code-pattern.js';
+export { QrCodeRoot as Root } from './qr-code-root.js';
+export { QrCodeRootProvider as RootProvider } from './qr-code-root-provider.js';

package/dist/components/qr-code/use-qr-code-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [QrCodeProvider, useQrCodeContext] = createContext.createContext({
+  name: "QrCodeContext",
+  hookName: "useQrCodeContext",
+  providerName: "<QrCodeProvider />"
+});
+
+exports.QrCodeProvider = QrCodeProvider;
+exports.useQrCodeContext = useQrCodeContext;

package/dist/components/qr-code/use-qr-code-context.d.cts

@@ -0,0 +1,6 @@
+import { UseQrCodeReturn } from './use-qr-code';
+import { Provider } from 'react';
+
+export interface UseQrCodeContext extends UseQrCodeReturn {
+}
+export declare const QrCodeProvider: Provider<UseQrCodeContext>, useQrCodeContext: () => UseQrCodeContext;

package/dist/components/qr-code/use-qr-code-context.d.ts

@@ -0,0 +1,6 @@
+import { UseQrCodeReturn } from './use-qr-code';
+import { Provider } from 'react';
+
+export interface UseQrCodeContext extends UseQrCodeReturn {
+}
+export declare const QrCodeProvider: Provider<UseQrCodeContext>, useQrCodeContext: () => UseQrCodeContext;

package/dist/components/qr-code/use-qr-code-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [QrCodeProvider, useQrCodeContext] = createContext({
+  name: "QrCodeContext",
+  hookName: "useQrCodeContext",
+  providerName: "<QrCodeProvider />"
+});
+
+export { QrCodeProvider, useQrCodeContext };

package/dist/components/qr-code/use-qr-code.cjs

@@ -0,0 +1,44 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const qrcode = require('@zag-js/qr-code');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const qrcode__namespace = /*#__PURE__*/_interopNamespaceDefault(qrcode);
+
+const useQrCode = (props = {}) => {
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const context = {
+    id: react.useId(),
+    dir,
+    getRootNode,
+    ...props
+  };
+  const [state, send] = react$1.useMachine(qrcode__namespace.machine(context), { context });
+  return qrcode__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useQrCode = useQrCode;

package/dist/components/qr-code/use-qr-code.d.cts

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as qrcode from '@zag-js/qr-code';
+export interface UseQrCodeProps extends Optional<Omit<qrcode.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseQrCodeReturn extends qrcode.Api<PropTypes> {
+}
+export declare const useQrCode: (props?: UseQrCodeProps) => UseQrCodeReturn;

package/dist/components/qr-code/use-qr-code.d.ts

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as qrcode from '@zag-js/qr-code';
+export interface UseQrCodeProps extends Optional<Omit<qrcode.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseQrCodeReturn extends qrcode.Api<PropTypes> {
+}
+export declare const useQrCode: (props?: UseQrCodeProps) => UseQrCodeReturn;

package/dist/components/qr-code/use-qr-code.js

@@ -0,0 +1,21 @@
+'use client';
+import * as qrcode from '@zag-js/qr-code';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const useQrCode = (props = {}) => {
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const context = {
+    id: useId(),
+    dir,
+    getRootNode,
+    ...props
+  };
+  const [state, send] = useMachine(qrcode.machine(context), { context });
+  return qrcode.connect(state, send, normalizeProps);
+};
+
+export { useQrCode };

package/dist/components/select/index.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');
@@ -40,6 +41,7 @@ exports.SelectItemGroupLabel = selectItemGroupLabel.SelectItemGroupLabel;
 exports.SelectItemIndicator = selectItemIndicator.SelectItemIndicator;
 exports.SelectItemText = selectItemText.SelectItemText;
 exports.SelectLabel = selectLabel.SelectLabel;
+exports.SelectList = selectList.SelectList;
 exports.SelectPositioner = selectPositioner.SelectPositioner;
 exports.SelectRoot = selectRoot.SelectRoot;
 exports.SelectRootProvider = selectRootProvider.SelectRootProvider;

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

@@ -13,6 +13,7 @@ export { SelectItemGroupLabel, type SelectItemGroupLabelProps } from './select-i
 export { SelectItemIndicator, type SelectItemIndicatorProps } from './select-item-indicator';
 export { SelectItemText, type SelectItemTextProps } from './select-item-text';
 export { SelectLabel, type SelectLabelProps } from './select-label';
+export { SelectList, type SelectListProps } from './select-list';
 export { SelectPositioner, type SelectPositionerProps } from './select-positioner';
 export { SelectRoot, type SelectRootProps } from './select-root';
 export { SelectRootProvider, type SelectRootProviderProps } from './select-root-provider';

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

@@ -13,6 +13,7 @@ export { SelectItemGroupLabel, type SelectItemGroupLabelProps } from './select-i
 export { SelectItemIndicator, type SelectItemIndicatorProps } from './select-item-indicator';
 export { SelectItemText, type SelectItemTextProps } from './select-item-text';
 export { SelectLabel, type SelectLabelProps } from './select-label';
+export { SelectList, type SelectListProps } from './select-list';
 export { SelectPositioner, type SelectPositionerProps } from './select-positioner';
 export { SelectRoot, type SelectRootProps } from './select-root';
 export { SelectRootProvider, type SelectRootProviderProps } from './select-root-provider';

package/dist/components/select/index.js

@@ -11,6 +11,7 @@ export { SelectItemGroupLabel } from './select-item-group-label.js';
 export { SelectItemIndicator } from './select-item-indicator.js';
 export { SelectItemText } from './select-item-text.js';
 export { SelectLabel } from './select-label.js';
+export { SelectList } from './select-list.js';
 export { SelectPositioner } from './select-positioner.js';
 export { SelectRoot } from './select-root.js';
 export { SelectRootProvider } from './select-root-provider.js';

package/dist/components/select/select-list.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 useSelectContext = require('./use-select-context.cjs');
+
+const SelectList = react.forwardRef((props, ref) => {
+  const select = useSelectContext.useSelectContext();
+  const mergedProps = react$1.mergeProps(select.getListProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+SelectList.displayName = "SelectList";
+
+exports.SelectList = SelectList;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SelectListProps extends HTMLArkProps<'div'> {
+}
+export declare const SelectList: ForwardRefExoticComponent<SelectListProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SelectListProps extends HTMLArkProps<'div'> {
+}
+export declare const SelectList: ForwardRefExoticComponent<SelectListProps & RefAttributes<HTMLDivElement>>;

package/dist/components/select/select-list.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 { useSelectContext } from './use-select-context.js';
+
+const SelectList = forwardRef((props, ref) => {
+  const select = useSelectContext();
+  const mergedProps = mergeProps(select.getListProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+SelectList.displayName = "SelectList";
+
+export { SelectList };

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

@@ -13,6 +13,7 @@ export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelProps
 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 { SelectList as List, type SelectListProps as ListProps } from './select-list';
 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';

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

@@ -13,6 +13,7 @@ export { SelectItemGroupLabel as ItemGroupLabel, type SelectItemGroupLabelProps
 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 { SelectList as List, type SelectListProps as ListProps } from './select-list';
 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';

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, } from './signature-pad-clear-trigger';
+export { SignaturePadContext, type SignaturePadContextProps } from './signature-pad-context';
+export { SignaturePadControl, type SignaturePadControlProps } from './signature-pad-control';
+export { SignaturePadGuide, type SignaturePadGuideProps } from './signature-pad-guide';
+export { SignaturePadLabel, type SignaturePadLabelProps } from './signature-pad-label';
+export { SignaturePadRoot, type SignaturePadRootProps } from './signature-pad-root';
+export { SignaturePadRootProvider, type SignaturePadRootProviderProps, } from './signature-pad-root-provider';
+export { SignaturePadSegment, type SignaturePadSegmentProps } 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, } from './signature-pad-clear-trigger';
+export { SignaturePadContext, type SignaturePadContextProps } from './signature-pad-context';
+export { SignaturePadControl, type SignaturePadControlProps } from './signature-pad-control';
+export { SignaturePadGuide, type SignaturePadGuideProps } from './signature-pad-guide';
+export { SignaturePadLabel, type SignaturePadLabelProps } from './signature-pad-label';
+export { SignaturePadRoot, type SignaturePadRootProps } from './signature-pad-root';
+export { SignaturePadRootProvider, type SignaturePadRootProviderProps, } from './signature-pad-root-provider';
+export { SignaturePadSegment, type SignaturePadSegmentProps } 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,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadClearTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const SignaturePadClearTrigger: ForwardRefExoticComponent<SignaturePadClearTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadClearTriggerProps extends HTMLArkProps<'button'> {
+}
+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,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadControlProps extends HTMLArkProps<'div'> {
+}
+export declare const SignaturePadControl: ForwardRefExoticComponent<SignaturePadControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadControlProps extends HTMLArkProps<'div'> {
+}
+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,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface SignaturePadGuideProps extends HTMLArkProps<'div'> {
+}
+export declare const SignaturePadGuide: ForwardRefExoticComponent<SignaturePadGuideProps & RefAttributes<HTMLDivElement>>;

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

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