@ark-ui/react 3.2.1 → 3.4.0-0

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,7 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type QrCodeFrameBaseProps = {};
+export interface QrCodeFrameProps extends HTMLArkProps<'svg'>, QrCodeFrameBaseProps {
+}
+export declare const QrCodeFrame: ForwardRefExoticComponent<QrCodeFrameProps & RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type QrCodeFrameBaseProps = {};
+export interface QrCodeFrameProps extends HTMLArkProps<'svg'>, QrCodeFrameBaseProps {
+}
+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,7 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type QrCodeOverlayBaseProps = {};
+export interface QrCodeOverlayProps extends HTMLArkProps<'div'>, QrCodeOverlayBaseProps {
+}
+export declare const QrCodeOverlay: ForwardRefExoticComponent<QrCodeOverlayProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type QrCodeOverlayBaseProps = {};
+export interface QrCodeOverlayProps extends HTMLArkProps<'div'>, QrCodeOverlayBaseProps {
+}
+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,7 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type QrCodePatternBaseProps = {};
+export interface QrCodePatternProps extends HTMLArkProps<'path'>, QrCodePatternBaseProps {
+}
+export declare const QrCodePattern: ForwardRefExoticComponent<QrCodePatternProps & RefAttributes<SVGPathElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export type QrCodePatternBaseProps = {};
+export interface QrCodePatternProps extends HTMLArkProps<'path'>, QrCodePatternBaseProps {
+}
+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,13 @@
+import { HTMLArkProps } from '../factory';
+import { UseQrCodeReturn } from './use-qr-code';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseQrCodeReturn;
+}
+export interface QrCodeRootProviderBaseProps extends RootProviderProps {
+}
+export interface QrCodeRootProviderProps extends HTMLArkProps<'div'>, QrCodeRootProviderBaseProps {
+}
+export declare const QrCodeRootProvider: ForwardRefExoticComponent<QrCodeRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,13 @@
+import { HTMLArkProps } from '../factory';
+import { UseQrCodeReturn } from './use-qr-code';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseQrCodeReturn;
+}
+export interface QrCodeRootProviderBaseProps extends RootProviderProps {
+}
+export interface QrCodeRootProviderProps extends HTMLArkProps<'div'>, QrCodeRootProviderBaseProps {
+}
+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;

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

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

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

@@ -0,0 +1,10 @@
+import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseQrCodeProps } from './use-qr-code';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface QrCodeRootBaseProps extends UseQrCodeProps {
+}
+export interface QrCodeRootProps extends Assign<HTMLArkProps<'div'>, QrCodeRootBaseProps> {
+}
+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, type QrCodeFrameBaseProps as FrameBaseProps, } from './qr-code-frame';
+export { QrCodeOverlay as Overlay, type QrCodeOverlayProps as OverlayProps, type QrCodeOverlayBaseProps as OverlayBaseProps, } from './qr-code-overlay';
+export { QrCodePattern as Pattern, type QrCodePatternProps as PatternProps, type QrCodePatternBaseProps as PatternBaseProps, } from './qr-code-pattern';
+export { QrCodeRoot as Root, type QrCodeRootProps as RootProps, type QrCodeRootBaseProps as RootBaseProps, } from './qr-code-root';
+export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderProps as RootProviderProps, type QrCodeRootProviderBaseProps as RootProviderBaseProps, } 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, type QrCodeFrameBaseProps as FrameBaseProps, } from './qr-code-frame';
+export { QrCodeOverlay as Overlay, type QrCodeOverlayProps as OverlayProps, type QrCodeOverlayBaseProps as OverlayBaseProps, } from './qr-code-overlay';
+export { QrCodePattern as Pattern, type QrCodePatternProps as PatternProps, type QrCodePatternBaseProps as PatternBaseProps, } from './qr-code-pattern';
+export { QrCodeRoot as Root, type QrCodeRootProps as RootProps, type QrCodeRootBaseProps as RootBaseProps, } from './qr-code-root';
+export { QrCodeRootProvider as RootProvider, type QrCodeRootProviderProps as RootProviderProps, type QrCodeRootProviderBaseProps as RootProviderBaseProps, } 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/radio-group/index.d.cts

@@ -1,14 +1,14 @@
 export type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
-export { RadioGroupContext, type RadioGroupContextProps } from './radio-group-context';
-export { RadioGroupIndicator, type RadioGroupIndicatorProps } from './radio-group-indicator';
-export { RadioGroupItem, type RadioGroupItemProps } from './radio-group-item';
-export { RadioGroupItemContext, type RadioGroupItemContextProps } from './radio-group-item-context';
-export { RadioGroupItemControl, type RadioGroupItemControlProps } from './radio-group-item-control';
-export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputProps, } from './radio-group-item-hidden-input';
-export { RadioGroupItemText, type RadioGroupItemTextProps } from './radio-group-item-text';
-export { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
-export { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
-export { RadioGroupRootProvider, type RadioGroupRootProviderProps, } from './radio-group-root-provider';
+export { RadioGroupContext, type RadioGroupContextProps, } from './radio-group-context';
+export { RadioGroupIndicator, type RadioGroupIndicatorProps, type RadioGroupIndicatorBaseProps, } from './radio-group-indicator';
+export { RadioGroupItem, type RadioGroupItemProps, type RadioGroupItemBaseProps, } from './radio-group-item';
+export { RadioGroupItemContext, type RadioGroupItemContextProps, } from './radio-group-item-context';
+export { RadioGroupItemControl, type RadioGroupItemControlProps, type RadioGroupItemControlBaseProps, } from './radio-group-item-control';
+export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputProps, type RadioGroupItemHiddenInputBaseProps, } from './radio-group-item-hidden-input';
+export { RadioGroupItemText, type RadioGroupItemTextProps, type RadioGroupItemTextBaseProps, } from './radio-group-item-text';
+export { RadioGroupLabel, type RadioGroupLabelProps, type RadioGroupLabelBaseProps, } from './radio-group-label';
+export { RadioGroupRoot, type RadioGroupRootProps, type RadioGroupRootBaseProps, } from './radio-group-root';
+export { RadioGroupRootProvider, type RadioGroupRootProviderProps, type RadioGroupRootProviderBaseProps, } from './radio-group-root-provider';
 export { useRadioGroup, type UseRadioGroupProps, type UseRadioGroupReturn } from './use-radio-group';
 export { useRadioGroupContext, type UseRadioGroupContext } from './use-radio-group-context';
 export { useRadioGroupItemContext, type UseRadioGroupItemContext, } from './use-radio-group-item-context';

package/dist/components/radio-group/index.d.ts

@@ -1,14 +1,14 @@
 export type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
-export { RadioGroupContext, type RadioGroupContextProps } from './radio-group-context';
-export { RadioGroupIndicator, type RadioGroupIndicatorProps } from './radio-group-indicator';
-export { RadioGroupItem, type RadioGroupItemProps } from './radio-group-item';
-export { RadioGroupItemContext, type RadioGroupItemContextProps } from './radio-group-item-context';
-export { RadioGroupItemControl, type RadioGroupItemControlProps } from './radio-group-item-control';
-export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputProps, } from './radio-group-item-hidden-input';
-export { RadioGroupItemText, type RadioGroupItemTextProps } from './radio-group-item-text';
-export { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
-export { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
-export { RadioGroupRootProvider, type RadioGroupRootProviderProps, } from './radio-group-root-provider';
+export { RadioGroupContext, type RadioGroupContextProps, } from './radio-group-context';
+export { RadioGroupIndicator, type RadioGroupIndicatorProps, type RadioGroupIndicatorBaseProps, } from './radio-group-indicator';
+export { RadioGroupItem, type RadioGroupItemProps, type RadioGroupItemBaseProps, } from './radio-group-item';
+export { RadioGroupItemContext, type RadioGroupItemContextProps, } from './radio-group-item-context';
+export { RadioGroupItemControl, type RadioGroupItemControlProps, type RadioGroupItemControlBaseProps, } from './radio-group-item-control';
+export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputProps, type RadioGroupItemHiddenInputBaseProps, } from './radio-group-item-hidden-input';
+export { RadioGroupItemText, type RadioGroupItemTextProps, type RadioGroupItemTextBaseProps, } from './radio-group-item-text';
+export { RadioGroupLabel, type RadioGroupLabelProps, type RadioGroupLabelBaseProps, } from './radio-group-label';
+export { RadioGroupRoot, type RadioGroupRootProps, type RadioGroupRootBaseProps, } from './radio-group-root';
+export { RadioGroupRootProvider, type RadioGroupRootProviderProps, type RadioGroupRootProviderBaseProps, } from './radio-group-root-provider';
 export { useRadioGroup, type UseRadioGroupProps, type UseRadioGroupReturn } from './use-radio-group';
 export { useRadioGroupContext, type UseRadioGroupContext } from './use-radio-group-context';
 export { useRadioGroupItemContext, type UseRadioGroupItemContext, } from './use-radio-group-item-context';

package/dist/components/radio-group/radio-group-indicator.d.cts

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

package/dist/components/radio-group/radio-group-indicator.d.ts

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

package/dist/components/radio-group/radio-group-item-control.d.cts

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