@ark-ui/react 3.2.1 → 3.3.0

package/dist/components/index.cjs

@@ -38,6 +38,7 @@ const useCarouselContext = require('./carousel/use-carousel-context.cjs');
 const carousel = require('./carousel/carousel.cjs');
 const checkboxContext = require('./checkbox/checkbox-context.cjs');
 const checkboxControl = require('./checkbox/checkbox-control.cjs');
+const checkboxGroup = require('./checkbox/checkbox-group.cjs');
 const checkboxHiddenInput = require('./checkbox/checkbox-hidden-input.cjs');
 const checkboxIndicator = require('./checkbox/checkbox-indicator.cjs');
 const checkboxLabel = require('./checkbox/checkbox-label.cjs');
@@ -45,6 +46,8 @@ const checkboxRoot = require('./checkbox/checkbox-root.cjs');
 const checkboxRootProvider = require('./checkbox/checkbox-root-provider.cjs');
 const useCheckbox = require('./checkbox/use-checkbox.cjs');
 const useCheckboxContext = require('./checkbox/use-checkbox-context.cjs');
+const useCheckboxGroup = require('./checkbox/use-checkbox-group.cjs');
+const useCheckboxGroupContext = require('./checkbox/use-checkbox-group-context.cjs');
 const checkbox = require('./checkbox/checkbox.cjs');
 const clipboardContext = require('./clipboard/clipboard-context.cjs');
 const clipboardControl = require('./clipboard/clipboard-control.cjs');
@@ -295,6 +298,15 @@ const progressView = require('./progress/progress-view.cjs');
 const useProgress = require('./progress/use-progress.cjs');
 const useProgressContext = require('./progress/use-progress-context.cjs');
 const progress = require('./progress/progress.cjs');
+const qrCodeContext = require('./qr-code/qr-code-context.cjs');
+const qrCodeFrame = require('./qr-code/qr-code-frame.cjs');
+const qrCodeOverlay = require('./qr-code/qr-code-overlay.cjs');
+const qrCodePattern = require('./qr-code/qr-code-pattern.cjs');
+const qrCodeRoot = require('./qr-code/qr-code-root.cjs');
+const qrCodeRootProvider = require('./qr-code/qr-code-root-provider.cjs');
+const useQrCode = require('./qr-code/use-qr-code.cjs');
+const useQrCodeContext = require('./qr-code/use-qr-code-context.cjs');
+const qrCode = require('./qr-code/qr-code.cjs');
 const radioGroupContext = require('./radio-group/radio-group-context.cjs');
 const radioGroupIndicator = require('./radio-group/radio-group-indicator.cjs');
 const radioGroupItem = require('./radio-group/radio-group-item.cjs');
@@ -348,6 +360,7 @@ const selectItemGroupLabel = require('./select/select-item-group-label.cjs');
 const selectItemIndicator = require('./select/select-item-indicator.cjs');
 const selectItemText = require('./select/select-item-text.cjs');
 const selectLabel = require('./select/select-label.cjs');
+const selectList = require('./select/select-list.cjs');
 const selectPositioner = require('./select/select-positioner.cjs');
 const selectRoot = require('./select/select-root.cjs');
 const selectRootProvider = require('./select/select-root-provider.cjs');
@@ -357,6 +370,17 @@ const useSelect = require('./select/use-select.cjs');
 const useSelectContext = require('./select/use-select-context.cjs');
 const useSelectItemContext = require('./select/use-select-item-context.cjs');
 const select = require('./select/select.cjs');
+const signaturePadClearTrigger = require('./signature-pad/signature-pad-clear-trigger.cjs');
+const signaturePadContext = require('./signature-pad/signature-pad-context.cjs');
+const signaturePadControl = require('./signature-pad/signature-pad-control.cjs');
+const signaturePadGuide = require('./signature-pad/signature-pad-guide.cjs');
+const signaturePadLabel = require('./signature-pad/signature-pad-label.cjs');
+const signaturePadRoot = require('./signature-pad/signature-pad-root.cjs');
+const signaturePadRootProvider = require('./signature-pad/signature-pad-root-provider.cjs');
+const signaturePadSegment = require('./signature-pad/signature-pad-segment.cjs');
+const useSignaturePad = require('./signature-pad/use-signature-pad.cjs');
+const useSignaturePadContext = require('./signature-pad/use-signature-pad-context.cjs');
+const signaturePad = require('./signature-pad/signature-pad.cjs');
 const sliderContext = require('./slider/slider-context.cjs');
 const sliderControl = require('./slider/slider-control.cjs');
 const sliderHiddenInput = require('./slider/slider-hidden-input.cjs');
@@ -504,6 +528,7 @@ exports.useCarouselContext = useCarouselContext.useCarouselContext;
 exports.Carousel = carousel;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
+exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
 exports.CheckboxHiddenInput = checkboxHiddenInput.CheckboxHiddenInput;
 exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
@@ -511,6 +536,8 @@ exports.CheckboxRoot = checkboxRoot.CheckboxRoot;
 exports.CheckboxRootProvider = checkboxRootProvider.CheckboxRootProvider;
 exports.useCheckbox = useCheckbox.useCheckbox;
 exports.useCheckboxContext = useCheckboxContext.useCheckboxContext;
+exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
+exports.useCheckboxGroupContext = useCheckboxGroupContext.useCheckboxGroupContext;
 exports.Checkbox = checkbox;
 exports.ClipboardContext = clipboardContext.ClipboardContext;
 exports.ClipboardControl = clipboardControl.ClipboardControl;
@@ -763,6 +790,15 @@ exports.ProgressView = progressView.ProgressView;
 exports.useProgress = useProgress.useProgress;
 exports.useProgressContext = useProgressContext.useProgressContext;
 exports.Progress = progress;
+exports.QrCodeContext = qrCodeContext.QrCodeContext;
+exports.QrCodeFrame = qrCodeFrame.QrCodeFrame;
+exports.QrCodeOverlay = qrCodeOverlay.QrCodeOverlay;
+exports.QrCodePattern = qrCodePattern.QrCodePattern;
+exports.QrCodeRoot = qrCodeRoot.QrCodeRoot;
+exports.QrCodeRootProvider = qrCodeRootProvider.QrCodeRootProvider;
+exports.useQrCode = useQrCode.useQrCode;
+exports.useQrCodeContext = useQrCodeContext.useQrCodeContext;
+exports.QrCode = qrCode;
 exports.RadioGroupContext = radioGroupContext.RadioGroupContext;
 exports.RadioGroupIndicator = radioGroupIndicator.RadioGroupIndicator;
 exports.RadioGroupItem = radioGroupItem.RadioGroupItem;
@@ -816,6 +852,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;
@@ -825,6 +862,17 @@ exports.useSelect = useSelect.useSelect;
 exports.useSelectContext = useSelectContext.useSelectContext;
 exports.useSelectItemContext = useSelectItemContext.useSelectItemContext;
 exports.Select = select;
+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;
 exports.SliderContext = sliderContext.SliderContext;
 exports.SliderControl = sliderControl.SliderControl;
 exports.SliderHiddenInput = sliderHiddenInput.SliderHiddenInput;

package/dist/components/index.d.cts

@@ -21,10 +21,12 @@ export * from './popover';
 export * from './portal';
 export * from './presence';
 export * from './progress';
+export * from './qr-code';
 export * from './radio-group';
 export * from './rating-group';
 export * from './segment-group';
 export * from './select';
+export * from './signature-pad';
 export * from './slider';
 export * from './splitter';
 export * from './switch';

package/dist/components/index.d.ts

@@ -21,10 +21,12 @@ export * from './popover';
 export * from './portal';
 export * from './presence';
 export * from './progress';
+export * from './qr-code';
 export * from './radio-group';
 export * from './rating-group';
 export * from './segment-group';
 export * from './select';
+export * from './signature-pad';
 export * from './slider';
 export * from './splitter';
 export * from './switch';

package/dist/components/index.js

@@ -37,6 +37,7 @@ import * as carousel from './carousel/carousel.js';
 export { carousel as Carousel };
 export { CheckboxContext } from './checkbox/checkbox-context.js';
 export { CheckboxControl } from './checkbox/checkbox-control.js';
+export { CheckboxGroup } from './checkbox/checkbox-group.js';
 export { CheckboxHiddenInput } from './checkbox/checkbox-hidden-input.js';
 export { CheckboxIndicator } from './checkbox/checkbox-indicator.js';
 export { CheckboxLabel } from './checkbox/checkbox-label.js';
@@ -44,6 +45,8 @@ export { CheckboxRoot } from './checkbox/checkbox-root.js';
 export { CheckboxRootProvider } from './checkbox/checkbox-root-provider.js';
 export { useCheckbox } from './checkbox/use-checkbox.js';
 export { useCheckboxContext } from './checkbox/use-checkbox-context.js';
+export { useCheckboxGroup } from './checkbox/use-checkbox-group.js';
+export { useCheckboxGroupContext } from './checkbox/use-checkbox-group-context.js';
 import * as checkbox from './checkbox/checkbox.js';
 export { checkbox as Checkbox };
 export { ClipboardContext } from './clipboard/clipboard-context.js';
@@ -311,6 +314,16 @@ export { useProgress } from './progress/use-progress.js';
 export { useProgressContext } from './progress/use-progress-context.js';
 import * as progress from './progress/progress.js';
 export { progress as Progress };
+export { QrCodeContext } from './qr-code/qr-code-context.js';
+export { QrCodeFrame } from './qr-code/qr-code-frame.js';
+export { QrCodeOverlay } from './qr-code/qr-code-overlay.js';
+export { QrCodePattern } from './qr-code/qr-code-pattern.js';
+export { QrCodeRoot } from './qr-code/qr-code-root.js';
+export { QrCodeRootProvider } from './qr-code/qr-code-root-provider.js';
+export { useQrCode } from './qr-code/use-qr-code.js';
+export { useQrCodeContext } from './qr-code/use-qr-code-context.js';
+import * as qrCode from './qr-code/qr-code.js';
+export { qrCode as QrCode };
 export { RadioGroupContext } from './radio-group/radio-group-context.js';
 export { RadioGroupIndicator } from './radio-group/radio-group-indicator.js';
 export { RadioGroupItem } from './radio-group/radio-group-item.js';
@@ -367,6 +380,7 @@ export { SelectItemGroupLabel } from './select/select-item-group-label.js';
 export { SelectItemIndicator } from './select/select-item-indicator.js';
 export { SelectItemText } from './select/select-item-text.js';
 export { SelectLabel } from './select/select-label.js';
+export { SelectList } from './select/select-list.js';
 export { SelectPositioner } from './select/select-positioner.js';
 export { SelectRoot } from './select/select-root.js';
 export { SelectRootProvider } from './select/select-root-provider.js';
@@ -377,6 +391,18 @@ export { useSelectContext } from './select/use-select-context.js';
 export { useSelectItemContext } from './select/use-select-item-context.js';
 import * as select from './select/select.js';
 export { select as Select };
+export { SignaturePadClearTrigger } from './signature-pad/signature-pad-clear-trigger.js';
+export { SignaturePadContext } from './signature-pad/signature-pad-context.js';
+export { SignaturePadControl } from './signature-pad/signature-pad-control.js';
+export { SignaturePadGuide } from './signature-pad/signature-pad-guide.js';
+export { SignaturePadLabel } from './signature-pad/signature-pad-label.js';
+export { SignaturePadRoot } from './signature-pad/signature-pad-root.js';
+export { SignaturePadRootProvider } from './signature-pad/signature-pad-root-provider.js';
+export { SignaturePadSegment } from './signature-pad/signature-pad-segment.js';
+export { useSignaturePad } from './signature-pad/use-signature-pad.js';
+export { useSignaturePadContext } from './signature-pad/use-signature-pad-context.js';
+import * as signaturePad from './signature-pad/signature-pad.js';
+export { signaturePad as SignaturePad };
 export { SliderContext } from './slider/slider-context.js';
 export { SliderControl } from './slider/slider-control.js';
 export { SliderHiddenInput } from './slider/slider-hidden-input.js';

package/dist/components/menu/use-menu-item-group-context.d.cts

@@ -1,5 +1,4 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export interface ValueChangeDetails {
     value: string;
 }

package/dist/components/menu/use-menu-item-group-context.d.ts

@@ -1,5 +1,4 @@
 import { Provider } from 'react';
-/// <reference types="react" />
 export interface ValueChangeDetails {
     value: string;
 }

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

@@ -45,7 +45,7 @@ const usePopover = (props = {}) => {
     open: props.open,
     onOpenChange: useEvent.useEvent(props.onOpenChange, { sync: true })
   };
-  const [state, send] = react$1.useMachine(popover__namespace.machine(context), { context });
+  const [state, send] = react$1.useMachine(popover__namespace.machine(initialContext), { context });
   return popover__namespace.connect(state, send, react$1.normalizeProps);
 };
 

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

@@ -22,7 +22,7 @@ const usePopover = (props = {}) => {
     open: props.open,
     onOpenChange: useEvent(props.onOpenChange, { sync: true })
   };
-  const [state, send] = useMachine(popover.machine(context), { context });
+  const [state, send] = useMachine(popover.machine(initialContext), { context });
   return popover.connect(state, send, normalizeProps);
 };
 

package/dist/components/presence/split-presence-props.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const createSplitProps = require('../../utils/create-split-props.cjs');
 
 const splitPresenceProps = (props) => createSplitProps.createSplitProps()(props, [
+  "immediate",
   "lazyMount",
   "onExitComplete",
   "present",

package/dist/components/presence/split-presence-props.d.cts

@@ -1,3 +1,3 @@
 import { UsePresenceProps } from './use-presence';
 
-export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present">];
+export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present" | "immediate">];

package/dist/components/presence/split-presence-props.d.ts

@@ -1,3 +1,3 @@
 import { UsePresenceProps } from './use-presence';
 
-export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present">];
+export declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "lazyMount" | "unmountOnExit" | "onExitComplete" | "present" | "immediate">];

package/dist/components/presence/split-presence-props.js

@@ -2,6 +2,7 @@
 import { createSplitProps } from '../../utils/create-split-props.js';
 
 const splitPresenceProps = (props) => createSplitProps()(props, [
+  "immediate",
   "lazyMount",
   "onExitComplete",
   "present",

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

@@ -0,0 +1,25 @@
+'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');
+const useQrCode = require('./use-qr-code.cjs');
+const useQrCodeContext = require('./use-qr-code-context.cjs');
+const qrCode = require('./qr-code.cjs');
+
+
+
+exports.QrCodeContext = qrCodeContext.QrCodeContext;
+exports.QrCodeFrame = qrCodeFrame.QrCodeFrame;
+exports.QrCodeOverlay = qrCodeOverlay.QrCodeOverlay;
+exports.QrCodePattern = qrCodePattern.QrCodePattern;
+exports.QrCodeRoot = qrCodeRoot.QrCodeRoot;
+exports.QrCodeRootProvider = qrCodeRootProvider.QrCodeRootProvider;
+exports.useQrCode = useQrCode.useQrCode;
+exports.useQrCodeContext = useQrCodeContext.useQrCodeContext;
+exports.QrCode = qrCode;

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

@@ -0,0 +1,10 @@
+export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code';
+export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
+export { QrCodeFrame, type QrCodeFrameProps } from './qr-code-frame';
+export { QrCodeOverlay, type QrCodeOverlayProps } from './qr-code-overlay';
+export { QrCodePattern, type QrCodePatternProps } from './qr-code-pattern';
+export { QrCodeRoot, type QrCodeRootProps } from './qr-code-root';
+export { QrCodeRootProvider, type QrCodeRootProviderProps } from './qr-code-root-provider';
+export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code';
+export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context';
+export * as QrCode from './qr-code';

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

@@ -0,0 +1,10 @@
+export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-code';
+export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
+export { QrCodeFrame, type QrCodeFrameProps } from './qr-code-frame';
+export { QrCodeOverlay, type QrCodeOverlayProps } from './qr-code-overlay';
+export { QrCodePattern, type QrCodePatternProps } from './qr-code-pattern';
+export { QrCodeRoot, type QrCodeRootProps } from './qr-code-root';
+export { QrCodeRootProvider, type QrCodeRootProviderProps } from './qr-code-root-provider';
+export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code';
+export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context';
+export * as QrCode from './qr-code';

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

@@ -0,0 +1,10 @@
+export { QrCodeContext } from './qr-code-context.js';
+export { QrCodeFrame } from './qr-code-frame.js';
+export { QrCodeOverlay } from './qr-code-overlay.js';
+export { QrCodePattern } from './qr-code-pattern.js';
+export { QrCodeRoot } from './qr-code-root.js';
+export { QrCodeRootProvider } from './qr-code-root-provider.js';
+export { useQrCode } from './use-qr-code.js';
+export { useQrCodeContext } from './use-qr-code-context.js';
+import * as qrCode from './qr-code.js';
+export { qrCode as QrCode };

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

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseQrCodeContext } from './use-qr-code-context';
+
+export interface QrCodeContextProps {
+    children: (context: UseQrCodeContext) => ReactNode;
+}
+export declare const QrCodeContext: (props: QrCodeContextProps) => ReactNode;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { UseQrCodeContext } from './use-qr-code-context';
+
+export interface QrCodeContextProps {
+    children: (context: UseQrCodeContext) => ReactNode;
+}
+export declare const QrCodeContext: (props: QrCodeContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useQrCodeContext } from './use-qr-code-context.js';
+
+const QrCodeContext = (props) => props.children(useQrCodeContext());
+
+export { QrCodeContext };

package/dist/components/qr-code/qr-code-frame.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 useQrCodeContext = require('./use-qr-code-context.cjs');
+
+const QrCodeFrame = react.forwardRef((props, ref) => {
+  const qrCode = useQrCodeContext.useQrCodeContext();
+  const mergedProps = react$1.mergeProps(qrCode.getFrameProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.svg, { ...mergedProps, ref });
+});
+QrCodeFrame.displayName = "QrCodeFrame";
+
+exports.QrCodeFrame = QrCodeFrame;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface QrCodeFrameProps extends HTMLArkProps<'svg'> {
+}
+export declare const QrCodeFrame: ForwardRefExoticComponent<QrCodeFrameProps & RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface QrCodeFrameProps extends HTMLArkProps<'svg'> {
+}
+export declare const QrCodeFrame: ForwardRefExoticComponent<QrCodeFrameProps & RefAttributes<SVGSVGElement>>;

package/dist/components/qr-code/qr-code-frame.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 { useQrCodeContext } from './use-qr-code-context.js';
+
+const QrCodeFrame = forwardRef((props, ref) => {
+  const qrCode = useQrCodeContext();
+  const mergedProps = mergeProps(qrCode.getFrameProps(), props);
+  return /* @__PURE__ */ jsx(ark.svg, { ...mergedProps, ref });
+});
+QrCodeFrame.displayName = "QrCodeFrame";
+
+export { QrCodeFrame };

package/dist/components/qr-code/qr-code-overlay.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 useQrCodeContext = require('./use-qr-code-context.cjs');
+
+const QrCodeOverlay = react.forwardRef((props, ref) => {
+  const qrCode = useQrCodeContext.useQrCodeContext();
+  const mergedProps = react$1.mergeProps(qrCode.getOverlayProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+QrCodeOverlay.displayName = "QrCodeOverlay";
+
+exports.QrCodeOverlay = QrCodeOverlay;

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

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

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

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

package/dist/components/qr-code/qr-code-overlay.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 { useQrCodeContext } from './use-qr-code-context.js';
+
+const QrCodeOverlay = forwardRef((props, ref) => {
+  const qrCode = useQrCodeContext();
+  const mergedProps = mergeProps(qrCode.getOverlayProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+QrCodeOverlay.displayName = "QrCodeOverlay";
+
+export { QrCodeOverlay };

package/dist/components/qr-code/qr-code-pattern.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 useQrCodeContext = require('./use-qr-code-context.cjs');
+
+const QrCodePattern = react.forwardRef((props, ref) => {
+  const qrCode = useQrCodeContext.useQrCodeContext();
+  const mergedProps = react$1.mergeProps(qrCode.getPatternProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.path, { ...mergedProps, ref });
+});
+QrCodePattern.displayName = "QrCodePattern";
+
+exports.QrCodePattern = QrCodePattern;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface QrCodePatternProps extends HTMLArkProps<'path'> {
+}
+export declare const QrCodePattern: ForwardRefExoticComponent<QrCodePatternProps & RefAttributes<SVGPathElement>>;

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

@@ -0,0 +1,6 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface QrCodePatternProps extends HTMLArkProps<'path'> {
+}
+export declare const QrCodePattern: ForwardRefExoticComponent<QrCodePatternProps & RefAttributes<SVGPathElement>>;

package/dist/components/qr-code/qr-code-pattern.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 { useQrCodeContext } from './use-qr-code-context.js';
+
+const QrCodePattern = forwardRef((props, ref) => {
+  const qrCode = useQrCodeContext();
+  const mergedProps = mergeProps(qrCode.getPatternProps(), props);
+  return /* @__PURE__ */ jsx(ark.path, { ...mergedProps, ref });
+});
+QrCodePattern.displayName = "QrCodePattern";
+
+export { QrCodePattern };

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

@@ -0,0 +1,22 @@
+'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 useQrCodeContext = require('./use-qr-code-context.cjs');
+
+const QrCodeRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: qrCode }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+    const mergedProps = react$1.mergeProps(qrCode.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useQrCodeContext.QrCodeProvider, { value: qrCode, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+QrCodeRootProvider.displayName = "QrCodeRootProvider";
+
+exports.QrCodeRootProvider = QrCodeRootProvider;

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

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseQrCodeReturn } from './use-qr-code';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseQrCodeReturn;
+}
+export interface QrCodeRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const QrCodeRootProvider: ForwardRefExoticComponent<QrCodeRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseQrCodeReturn } from './use-qr-code';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseQrCodeReturn;
+}
+export interface QrCodeRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const QrCodeRootProvider: ForwardRefExoticComponent<QrCodeRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

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

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

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