@wirekyt/react 0.0.1 → 0.0.3

package/dist/providers-DrJEJcrE.cjs

@@ -0,0 +1,128 @@
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_focus_visible = require("@wirekyt/dom/focus-visible");
+let _wirekyt_dom_i18n_utils = require("@wirekyt/dom/i18n-utils");
+let _internationalized_date = require("@internationalized/date");
+//#region src/providers/interaction/use-focus-visible.ts
+function useFocusVisible(props = {}) {
+	const { isTextInput, autoFocus } = props;
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	return (0, react.useSyncExternalStore)((0, react.useCallback)((onStoreChange) => (0, _wirekyt_dom_focus_visible.trackFocusVisible)({
+		root: getRootNode(),
+		isTextInput,
+		autoFocus,
+		onChange: onStoreChange
+	}), [
+		getRootNode,
+		isTextInput,
+		autoFocus
+	]), (0, react.useCallback)(() => autoFocus || (0, _wirekyt_dom_focus_visible.isFocusVisible)(), [autoFocus]), () => false);
+}
+//#endregion
+//#region src/providers/interaction/use-modality.ts
+function useInteractionModality() {
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	return (0, react.useSyncExternalStore)((0, react.useCallback)((onChange) => (0, _wirekyt_dom_focus_visible.trackInteractionModality)({
+		root: getRootNode(),
+		onChange
+	}), [getRootNode]), _wirekyt_dom_focus_visible.getInteractionModality, () => null);
+}
+//#endregion
+//#region src/providers/locale/use-context.ts
+const [LocaleContextProvider, useLocaleContext] = require_utils.createContext({
+	name: "LocaleContext",
+	hookName: "useLocaleContext",
+	providerName: "<LocaleProvider />",
+	strict: false,
+	defaultValue: {
+		dir: "ltr",
+		locale: "en-US"
+	}
+});
+//#endregion
+//#region src/providers/locale/provider.tsx
+const LocaleProvider = (props) => {
+	const { children, locale } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LocaleContextProvider, {
+		value: {
+			locale,
+			dir: (0, _wirekyt_dom_i18n_utils.isRTL)(locale) ? "rtl" : "ltr"
+		},
+		children
+	});
+};
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = props.locale ?? env.locale;
+	return (0, react.useMemo)(() => {
+		const { locale: _, ...options } = props;
+		return (0, _wirekyt_dom_i18n_utils.createCollator)(locale, options);
+	}, [locale, props]);
+}
+//#endregion
+//#region src/providers/locale/use-date-formatter.ts
+function useDateFormatter(props = {}) {
+	const env = useLocaleContext();
+	const locale = props.locale ?? env.locale;
+	return (0, react.useMemo)(() => {
+		const { locale: _, ...options } = props;
+		return new _internationalized_date.DateFormatter(locale, options);
+	}, [locale, props]);
+}
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = props.locale ?? env.locale;
+	return (0, react.useMemo)(() => (0, _wirekyt_dom_i18n_utils.createFilter)({
+		...props,
+		locale
+	}), [locale, props]);
+}
+//#endregion
+Object.defineProperty(exports, "LocaleProvider", {
+	enumerable: true,
+	get: function() {
+		return LocaleProvider;
+	}
+});
+Object.defineProperty(exports, "useCollator", {
+	enumerable: true,
+	get: function() {
+		return useCollator;
+	}
+});
+Object.defineProperty(exports, "useDateFormatter", {
+	enumerable: true,
+	get: function() {
+		return useDateFormatter;
+	}
+});
+Object.defineProperty(exports, "useFilter", {
+	enumerable: true,
+	get: function() {
+		return useFilter;
+	}
+});
+Object.defineProperty(exports, "useFocusVisible", {
+	enumerable: true,
+	get: function() {
+		return useFocusVisible;
+	}
+});
+Object.defineProperty(exports, "useInteractionModality", {
+	enumerable: true,
+	get: function() {
+		return useInteractionModality;
+	}
+});
+Object.defineProperty(exports, "useLocaleContext", {
+	enumerable: true,
+	get: function() {
+		return useLocaleContext;
+	}
+});

package/dist/providers-FEHnDTvb.js

@@ -0,0 +1,87 @@
+import { u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { useCallback, useMemo, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+import { getInteractionModality, isFocusVisible, trackFocusVisible, trackInteractionModality } from "@wirekyt/dom/focus-visible";
+import { createCollator, createFilter, isRTL } from "@wirekyt/dom/i18n-utils";
+import { DateFormatter } from "@internationalized/date";
+//#region src/providers/interaction/use-focus-visible.ts
+function useFocusVisible(props = {}) {
+	const { isTextInput, autoFocus } = props;
+	const { getRootNode } = useEnvironmentContext();
+	return useSyncExternalStore(useCallback((onStoreChange) => trackFocusVisible({
+		root: getRootNode(),
+		isTextInput,
+		autoFocus,
+		onChange: onStoreChange
+	}), [
+		getRootNode,
+		isTextInput,
+		autoFocus
+	]), useCallback(() => autoFocus || isFocusVisible(), [autoFocus]), () => false);
+}
+//#endregion
+//#region src/providers/interaction/use-modality.ts
+function useInteractionModality() {
+	const { getRootNode } = useEnvironmentContext();
+	return useSyncExternalStore(useCallback((onChange) => trackInteractionModality({
+		root: getRootNode(),
+		onChange
+	}), [getRootNode]), getInteractionModality, () => null);
+}
+//#endregion
+//#region src/providers/locale/use-context.ts
+const [LocaleContextProvider, useLocaleContext] = createContext$1({
+	name: "LocaleContext",
+	hookName: "useLocaleContext",
+	providerName: "<LocaleProvider />",
+	strict: false,
+	defaultValue: {
+		dir: "ltr",
+		locale: "en-US"
+	}
+});
+//#endregion
+//#region src/providers/locale/provider.tsx
+const LocaleProvider = (props) => {
+	const { children, locale } = props;
+	return /* @__PURE__ */ jsx(LocaleContextProvider, {
+		value: {
+			locale,
+			dir: isRTL(locale) ? "rtl" : "ltr"
+		},
+		children
+	});
+};
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = props.locale ?? env.locale;
+	return useMemo(() => {
+		const { locale: _, ...options } = props;
+		return createCollator(locale, options);
+	}, [locale, props]);
+}
+//#endregion
+//#region src/providers/locale/use-date-formatter.ts
+function useDateFormatter(props = {}) {
+	const env = useLocaleContext();
+	const locale = props.locale ?? env.locale;
+	return useMemo(() => {
+		const { locale: _, ...options } = props;
+		return new DateFormatter(locale, options);
+	}, [locale, props]);
+}
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = props.locale ?? env.locale;
+	return useMemo(() => createFilter({
+		...props,
+		locale
+	}), [locale, props]);
+}
+//#endregion
+export { useLocaleContext as a, LocaleProvider as i, useDateFormatter as n, useInteractionModality as o, useCollator as r, useFocusVisible as s, useFilter as t };

package/dist/qr-code.cjs

@@ -0,0 +1,154 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_qr_code = require("@wirekyt/dom/machines/qr-code");
+_wirekyt_dom_machines_qr_code = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_qr_code, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/qr-code/use-context.ts
+const [QrCodeProvider, useQrCodeContext] = require_utils.createContext({
+	name: "QrCodeContext",
+	hookName: "useQrCodeContext",
+	providerName: "<QrCodeProvider />"
+});
+//#endregion
+//#region src/components/qr-code/context.tsx
+const QrCodeContext = (props) => props.children(useQrCodeContext());
+//#endregion
+//#region src/components/qr-code/download-trigger.tsx
+const splitDownloadTriggerProps = require_utils.createSplitProps();
+const QrCodeDownloadTrigger = (0, react.forwardRef)((props, ref) => {
+	const [downloadTriggerProps, localProps] = splitDownloadTriggerProps(props, [
+		"fileName",
+		"mimeType",
+		"quality"
+	]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useQrCodeContext().getDownloadTriggerProps(downloadTriggerProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeDownloadTrigger.displayName = "QrCodeDownloadTrigger";
+//#endregion
+//#region src/components/qr-code/frame.tsx
+const QrCodeFrame = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useQrCodeContext().getFrameProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.svg, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeFrame.displayName = "QrCodeFrame";
+//#endregion
+//#region src/components/qr-code/overlay.tsx
+const QrCodeOverlay = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useQrCodeContext().getOverlayProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeOverlay.displayName = "QrCodeOverlay";
+//#endregion
+//#region src/components/qr-code/pattern.tsx
+const QrCodePattern = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useQrCodeContext().getPatternProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.path, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodePattern.displayName = "QrCodePattern";
+//#endregion
+//#region src/components/qr-code/use.ts
+const useQrCode = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_providers.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_qr_code.machine, machineProps);
+	return _wirekyt_dom_machines_qr_code.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/qr-code/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const QrCodeRoot = (0, react.forwardRef)((props, ref) => {
+	const [qrcodeProps, localProps] = splitRootProps(props, [
+		"defaultValue",
+		"encoding",
+		"id",
+		"ids",
+		"onValueChange",
+		"pixelSize",
+		"value"
+	]);
+	const qrCode = useQrCode(qrcodeProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(qrCode.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QrCodeProvider, {
+		value: qrCode,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+QrCodeRoot.displayName = "QrcodeRoot";
+//#endregion
+//#region src/components/qr-code/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const QrCodeRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: qrCode }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(qrCode.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QrCodeProvider, {
+		value: qrCode,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+QrCodeRootProvider.displayName = "QrCodeRootProvider";
+//#endregion
+//#region src/components/qr-code/qr-code.ts
+var qr_code_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => QrCodeContext,
+	DownloadTrigger: () => QrCodeDownloadTrigger,
+	Frame: () => QrCodeFrame,
+	Overlay: () => QrCodeOverlay,
+	Pattern: () => QrCodePattern,
+	Root: () => QrCodeRoot,
+	RootProvider: () => QrCodeRootProvider
+});
+//#endregion
+Object.defineProperty(exports, "QrCode", {
+	enumerable: true,
+	get: function() {
+		return qr_code_exports;
+	}
+});
+exports.QrCodeContext = QrCodeContext;
+exports.QrCodeDownloadTrigger = QrCodeDownloadTrigger;
+exports.QrCodeFrame = QrCodeFrame;
+exports.QrCodeOverlay = QrCodeOverlay;
+exports.QrCodePattern = QrCodePattern;
+exports.QrCodeRoot = QrCodeRoot;
+exports.QrCodeRootProvider = QrCodeRootProvider;
+Object.defineProperty(exports, "qrCodeAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_qr_code.anatomy;
+	}
+});
+exports.useQrCode = useQrCode;
+exports.useQrCodeContext = useQrCodeContext;

package/dist/qr-code.d.cts

@@ -0,0 +1,58 @@
+import { a as PropTypes } from "./index-CQAbOgb7.cjs";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+import * as qrcode from "@wirekyt/dom/machines/qr-code";
+import { DownloadTriggerProps, QrCodeGenerateOptions, QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult, QrCodeGenerateResult as GenerateResult, anatomy as qrCodeAnatomy } from "@wirekyt/dom/machines/qr-code";
+//#region src/components/qr-code/use.d.ts
+interface UseQrCodeProps extends Optional<Omit<qrcode.Props, "dir" | "getRootNode">, "id"> {}
+interface UseQrCodeReturn extends qrcode.Api<PropTypes> {}
+declare const useQrCode: (props?: UseQrCodeProps) => UseQrCodeReturn;
+//#endregion
+//#region src/components/qr-code/use-context.d.ts
+interface UseQrCodeContext extends UseQrCodeReturn {}
+declare const QrCodeProvider: import("react").Provider<UseQrCodeContext>, useQrCodeContext: () => UseQrCodeContext;
+//#endregion
+//#region src/components/qr-code/context.d.ts
+interface QrCodeContextProps {
+  children: (context: UseQrCodeContext) => ReactNode;
+}
+declare const QrCodeContext: (props: QrCodeContextProps) => ReactNode;
+//#endregion
+//#region src/components/qr-code/download-trigger.d.ts
+interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps {}
+interface QrCodeDownloadTriggerProps extends HTMLProps<"button">, QrCodeDownloadTriggerBaseProps {}
+declare const QrCodeDownloadTrigger: import("react").ForwardRefExoticComponent<QrCodeDownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/qr-code/frame.d.ts
+interface QrCodeFrameBaseProps extends PolymorphicProps {}
+interface QrCodeFrameProps extends HTMLProps<"svg">, QrCodeFrameBaseProps {}
+declare const QrCodeFrame: import("react").ForwardRefExoticComponent<QrCodeFrameProps & import("react").RefAttributes<SVGSVGElement>>;
+//#endregion
+//#region src/components/qr-code/overlay.d.ts
+interface QrCodeOverlayBaseProps extends PolymorphicProps {}
+interface QrCodeOverlayProps extends HTMLProps<"div">, QrCodeOverlayBaseProps {}
+declare const QrCodeOverlay: import("react").ForwardRefExoticComponent<QrCodeOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/qr-code/pattern.d.ts
+interface QrCodePatternBaseProps extends PolymorphicProps {}
+interface QrCodePatternProps extends HTMLProps<"path">, QrCodePatternBaseProps {}
+declare const QrCodePattern: import("react").ForwardRefExoticComponent<QrCodePatternProps & import("react").RefAttributes<SVGPathElement>>;
+//#endregion
+//#region src/components/qr-code/root.d.ts
+interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps {}
+interface QrCodeRootProps extends Assign<HTMLProps<"div">, QrCodeRootBaseProps> {}
+declare const QrCodeRoot: import("react").ForwardRefExoticComponent<QrCodeRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/qr-code/root-provider.d.ts
+interface RootProviderProps {
+  value: UseQrCodeReturn;
+}
+interface QrCodeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface QrCodeRootProviderProps extends HTMLProps<"div">, QrCodeRootProviderBaseProps {}
+declare const QrCodeRootProvider: import("react").ForwardRefExoticComponent<QrCodeRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace qr_code_d_exports {
+  export { QrCodeContext as Context, QrCodeContextProps as ContextProps, QrCodeDownloadTrigger as DownloadTrigger, QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, QrCodeDownloadTriggerProps as DownloadTriggerProps, QrCodeFrame as Frame, QrCodeFrameBaseProps as FrameBaseProps, QrCodeFrameProps as FrameProps, GenerateOptions, GenerateResult, QrCodeOverlay as Overlay, QrCodeOverlayBaseProps as OverlayBaseProps, QrCodeOverlayProps as OverlayProps, QrCodePattern as Pattern, QrCodePatternBaseProps as PatternBaseProps, QrCodePatternProps as PatternProps, QrCodeRoot as Root, QrCodeRootBaseProps as RootBaseProps, QrCodeRootProps as RootProps, QrCodeRootProvider as RootProvider, QrCodeRootProviderBaseProps as RootProviderBaseProps, QrCodeRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { qr_code_d_exports as QrCode, QrCodeContext, type QrCodeContextProps, QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps, type QrCodeGenerateOptions, type QrCodeGenerateResult, QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps, QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps, QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps, QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, type UseQrCodeContext, type UseQrCodeProps, type UseQrCodeReturn, qrCodeAnatomy, useQrCode, useQrCodeContext };

package/dist/qr-code.d.ts

@@ -0,0 +1,58 @@
+import { a as PropTypes } from "./index-CxWYgVJk.js";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+import * as qrcode from "@wirekyt/dom/machines/qr-code";
+import { DownloadTriggerProps, QrCodeGenerateOptions, QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult, QrCodeGenerateResult as GenerateResult, anatomy as qrCodeAnatomy } from "@wirekyt/dom/machines/qr-code";
+//#region src/components/qr-code/use.d.ts
+interface UseQrCodeProps extends Optional<Omit<qrcode.Props, "dir" | "getRootNode">, "id"> {}
+interface UseQrCodeReturn extends qrcode.Api<PropTypes> {}
+declare const useQrCode: (props?: UseQrCodeProps) => UseQrCodeReturn;
+//#endregion
+//#region src/components/qr-code/use-context.d.ts
+interface UseQrCodeContext extends UseQrCodeReturn {}
+declare const QrCodeProvider: import("react").Provider<UseQrCodeContext>, useQrCodeContext: () => UseQrCodeContext;
+//#endregion
+//#region src/components/qr-code/context.d.ts
+interface QrCodeContextProps {
+  children: (context: UseQrCodeContext) => ReactNode;
+}
+declare const QrCodeContext: (props: QrCodeContextProps) => ReactNode;
+//#endregion
+//#region src/components/qr-code/download-trigger.d.ts
+interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps {}
+interface QrCodeDownloadTriggerProps extends HTMLProps<"button">, QrCodeDownloadTriggerBaseProps {}
+declare const QrCodeDownloadTrigger: import("react").ForwardRefExoticComponent<QrCodeDownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/qr-code/frame.d.ts
+interface QrCodeFrameBaseProps extends PolymorphicProps {}
+interface QrCodeFrameProps extends HTMLProps<"svg">, QrCodeFrameBaseProps {}
+declare const QrCodeFrame: import("react").ForwardRefExoticComponent<QrCodeFrameProps & import("react").RefAttributes<SVGSVGElement>>;
+//#endregion
+//#region src/components/qr-code/overlay.d.ts
+interface QrCodeOverlayBaseProps extends PolymorphicProps {}
+interface QrCodeOverlayProps extends HTMLProps<"div">, QrCodeOverlayBaseProps {}
+declare const QrCodeOverlay: import("react").ForwardRefExoticComponent<QrCodeOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/qr-code/pattern.d.ts
+interface QrCodePatternBaseProps extends PolymorphicProps {}
+interface QrCodePatternProps extends HTMLProps<"path">, QrCodePatternBaseProps {}
+declare const QrCodePattern: import("react").ForwardRefExoticComponent<QrCodePatternProps & import("react").RefAttributes<SVGPathElement>>;
+//#endregion
+//#region src/components/qr-code/root.d.ts
+interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps {}
+interface QrCodeRootProps extends Assign<HTMLProps<"div">, QrCodeRootBaseProps> {}
+declare const QrCodeRoot: import("react").ForwardRefExoticComponent<QrCodeRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/qr-code/root-provider.d.ts
+interface RootProviderProps {
+  value: UseQrCodeReturn;
+}
+interface QrCodeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface QrCodeRootProviderProps extends HTMLProps<"div">, QrCodeRootProviderBaseProps {}
+declare const QrCodeRootProvider: import("react").ForwardRefExoticComponent<QrCodeRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+declare namespace qr_code_d_exports {
+  export { QrCodeContext as Context, QrCodeContextProps as ContextProps, QrCodeDownloadTrigger as DownloadTrigger, QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, QrCodeDownloadTriggerProps as DownloadTriggerProps, QrCodeFrame as Frame, QrCodeFrameBaseProps as FrameBaseProps, QrCodeFrameProps as FrameProps, GenerateOptions, GenerateResult, QrCodeOverlay as Overlay, QrCodeOverlayBaseProps as OverlayBaseProps, QrCodeOverlayProps as OverlayProps, QrCodePattern as Pattern, QrCodePatternBaseProps as PatternBaseProps, QrCodePatternProps as PatternProps, QrCodeRoot as Root, QrCodeRootBaseProps as RootBaseProps, QrCodeRootProps as RootProps, QrCodeRootProvider as RootProvider, QrCodeRootProviderBaseProps as RootProviderBaseProps, QrCodeRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { qr_code_d_exports as QrCode, QrCodeContext, type QrCodeContextProps, QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps, type QrCodeGenerateOptions, type QrCodeGenerateResult, QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps, QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps, QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps, QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, type UseQrCodeContext, type UseQrCodeProps, type UseQrCodeReturn, qrCodeAnatomy, useQrCode, useQrCodeContext };

package/dist/qr-code.js

@@ -0,0 +1,132 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as qrcode from "@wirekyt/dom/machines/qr-code";
+import { anatomy as qrCodeAnatomy } from "@wirekyt/dom/machines/qr-code";
+//#region src/components/qr-code/use-context.ts
+const [QrCodeProvider, useQrCodeContext] = createContext$1({
+	name: "QrCodeContext",
+	hookName: "useQrCodeContext",
+	providerName: "<QrCodeProvider />"
+});
+//#endregion
+//#region src/components/qr-code/context.tsx
+const QrCodeContext = (props) => props.children(useQrCodeContext());
+//#endregion
+//#region src/components/qr-code/download-trigger.tsx
+const splitDownloadTriggerProps = createSplitProps();
+const QrCodeDownloadTrigger = forwardRef((props, ref) => {
+	const [downloadTriggerProps, localProps] = splitDownloadTriggerProps(props, [
+		"fileName",
+		"mimeType",
+		"quality"
+	]);
+	const mergedProps = mergeProps(useQrCodeContext().getDownloadTriggerProps(downloadTriggerProps), localProps);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeDownloadTrigger.displayName = "QrCodeDownloadTrigger";
+//#endregion
+//#region src/components/qr-code/frame.tsx
+const QrCodeFrame = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useQrCodeContext().getFrameProps(), props);
+	return /* @__PURE__ */ jsx(wire.svg, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeFrame.displayName = "QrCodeFrame";
+//#endregion
+//#region src/components/qr-code/overlay.tsx
+const QrCodeOverlay = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useQrCodeContext().getOverlayProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeOverlay.displayName = "QrCodeOverlay";
+//#endregion
+//#region src/components/qr-code/pattern.tsx
+const QrCodePattern = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useQrCodeContext().getPatternProps(), props);
+	return /* @__PURE__ */ jsx(wire.path, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodePattern.displayName = "QrCodePattern";
+//#endregion
+//#region src/components/qr-code/use.ts
+const useQrCode = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(qrcode.machine, machineProps);
+	return qrcode.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/qr-code/root.tsx
+const splitRootProps = createSplitProps();
+const QrCodeRoot = forwardRef((props, ref) => {
+	const [qrcodeProps, localProps] = splitRootProps(props, [
+		"defaultValue",
+		"encoding",
+		"id",
+		"ids",
+		"onValueChange",
+		"pixelSize",
+		"value"
+	]);
+	const qrCode = useQrCode(qrcodeProps);
+	const mergedProps = mergeProps(qrCode.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(QrCodeProvider, {
+		value: qrCode,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+QrCodeRoot.displayName = "QrcodeRoot";
+//#endregion
+//#region src/components/qr-code/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const QrCodeRootProvider = forwardRef((props, ref) => {
+	const [{ value: qrCode }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(qrCode.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(QrCodeProvider, {
+		value: qrCode,
+		children: /* @__PURE__ */ jsx(wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+QrCodeRootProvider.displayName = "QrCodeRootProvider";
+//#endregion
+//#region src/components/qr-code/qr-code.ts
+var qr_code_exports = /* @__PURE__ */ __exportAll({
+	Context: () => QrCodeContext,
+	DownloadTrigger: () => QrCodeDownloadTrigger,
+	Frame: () => QrCodeFrame,
+	Overlay: () => QrCodeOverlay,
+	Pattern: () => QrCodePattern,
+	Root: () => QrCodeRoot,
+	RootProvider: () => QrCodeRootProvider
+});
+//#endregion
+export { qr_code_exports as QrCode, QrCodeContext, QrCodeDownloadTrigger, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodeRoot, QrCodeRootProvider, qrCodeAnatomy, useQrCode, useQrCodeContext };