@sprawlify/react 0.0.9 → 0.0.11

package/dist/components/progress/index.mjs

@@ -0,0 +1,197 @@
+import { t as __export } from "../../chunk-Bw6_Qrqn.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-CAwCcfBy.mjs";
+import { t as createContext$1 } from "../../create-context-B-_JrOL2.mjs";
+import { n as useEnvironmentContext } from "../../environment-tlwGXNO0.mjs";
+import { i as useLocaleContext } from "../../locale-BmYiujeK.mjs";
+import "../../providers-DPvEY1gv.mjs";
+import { n as sprawlify } from "../../factory-cfMsSoBo.mjs";
+import { t as createSplitProps } from "../../create-split-props-BjYU0VXX.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as progress from "@sprawlify/primitives/machines/progress";
+import { anatomy as progressAnatomy } from "@sprawlify/primitives/machines/progress";
+
+//#region src/components/progress/use-progress-context.ts
+const [ProgressProvider, useProgressContext] = createContext$1({
+	name: "ProgressContext",
+	hookName: "useProgressContext",
+	providerName: "<ProgressProvider />"
+});
+
+//#endregion
+//#region src/components/progress/progress-circle.tsx
+const ProgressCircle = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useProgressContext().getCircleProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.svg, {
+		ref,
+		...mergedProps
+	});
+});
+ProgressCircle.displayName = "ProgressCircle";
+
+//#endregion
+//#region src/components/progress/progress-circle-range.tsx
+const ProgressCircleRange = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useProgressContext().getCircleRangeProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.circle, {
+		ref,
+		...mergedProps
+	});
+});
+ProgressCircleRange.displayName = "ProgressCircleRange";
+
+//#endregion
+//#region src/components/progress/progress-circle-track.tsx
+const ProgressCircleTrack = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useProgressContext().getCircleTrackProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.circle, {
+		ref,
+		...mergedProps
+	});
+});
+ProgressCircleTrack.displayName = "ProgressCircleTrack";
+
+//#endregion
+//#region src/components/progress/progress-context.tsx
+const ProgressContext = (props) => props.children(useProgressContext());
+
+//#endregion
+//#region src/components/progress/progress-label.tsx
+const ProgressLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useProgressContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+ProgressLabel.displayName = "ProgressLabel";
+
+//#endregion
+//#region src/components/progress/progress-range.tsx
+const ProgressRange = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useProgressContext().getRangeProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ProgressRange.displayName = "ProgressRange";
+
+//#endregion
+//#region src/components/progress/use-progress.ts
+const useProgress = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir, locale } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		locale,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(progress.machine, machineProps);
+	return progress.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-root.tsx
+const splitRootProps = createSplitProps();
+const ProgressRoot = forwardRef((props, ref) => {
+	const [progressProps, localProps] = splitRootProps(props, [
+		"defaultValue",
+		"formatOptions",
+		"id",
+		"ids",
+		"locale",
+		"max",
+		"min",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const progress$1 = useProgress(progressProps);
+	const mergedProps = mergeProps(progress$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ProgressProvider, {
+		value: progress$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ProgressRoot.displayName = "ProgressRoot";
+
+//#endregion
+//#region src/components/progress/progress-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const ProgressRootProvider = forwardRef((props, ref) => {
+	const [{ value: progress$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(progress$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ProgressProvider, {
+		value: progress$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ProgressRootProvider.displayName = "ProgressRootProvider";
+
+//#endregion
+//#region src/components/progress/progress-track.tsx
+const ProgressTrack = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useProgressContext().getTrackProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ProgressTrack.displayName = "ProgressTrack";
+
+//#endregion
+//#region src/components/progress/progress-value-text.tsx
+const ProgressValueText = forwardRef((props, ref) => {
+	const { children, ...rest } = props;
+	const progress$1 = useProgressContext();
+	const mergedProps = mergeProps(progress$1.getValueTextProps(), rest);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref,
+		children: children || progress$1.percentAsString
+	});
+});
+ProgressValueText.displayName = "ProgressValueText";
+
+//#endregion
+//#region src/components/progress/progress-view.tsx
+const splitViewProps = createSplitProps();
+const ProgressView = forwardRef((props, ref) => {
+	const [viewProps, localProps] = splitViewProps(props, ["state"]);
+	const mergedProps = mergeProps(useProgressContext().getViewProps(viewProps), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+ProgressView.displayName = "ProgressView";
+
+//#endregion
+//#region src/components/progress/progress.ts
+var progress_exports = /* @__PURE__ */ __export({
+	Circle: () => ProgressCircle,
+	CircleRange: () => ProgressCircleRange,
+	CircleTrack: () => ProgressCircleTrack,
+	Context: () => ProgressContext,
+	Label: () => ProgressLabel,
+	Range: () => ProgressRange,
+	Root: () => ProgressRoot,
+	RootProvider: () => ProgressRootProvider,
+	Track: () => ProgressTrack,
+	ValueText: () => ProgressValueText,
+	View: () => ProgressView
+});
+
+//#endregion
+export { progress_exports as Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, progressAnatomy, useProgress, useProgressContext };

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

@@ -0,0 +1,166 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_qr_code = require("@sprawlify/primitives/machines/qr-code");
+__sprawlify_primitives_machines_qr_code = require_chunk.__toESM(__sprawlify_primitives_machines_qr_code);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/qr-code/use-qr-code-context.ts
+const [QrCodeProvider, useQrCodeContext] = require_create_context.createContext({
+	name: "QrCodeContext",
+	hookName: "useQrCodeContext",
+	providerName: "<QrCodeProvider />"
+});
+
+//#endregion
+//#region src/components/qr-code/qr-code-context.tsx
+const QrCodeContext = (props) => props.children(useQrCodeContext());
+
+//#endregion
+//#region src/components/qr-code/qr-code-download-trigger.tsx
+const splitDownloadTriggerProps = require_create_split_props.createSplitProps();
+const QrCodeDownloadTrigger = (0, react.forwardRef)((props, ref) => {
+	const [downloadTriggerProps, localProps] = splitDownloadTriggerProps(props, [
+		"fileName",
+		"mimeType",
+		"quality"
+	]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useQrCodeContext().getDownloadTriggerProps(downloadTriggerProps), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeDownloadTrigger.displayName = "QrCodeDownloadTrigger";
+
+//#endregion
+//#region src/components/qr-code/qr-code-frame.tsx
+const QrCodeFrame = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useQrCodeContext().getFrameProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.svg, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeFrame.displayName = "QrCodeFrame";
+
+//#endregion
+//#region src/components/qr-code/qr-code-overlay.tsx
+const QrCodeOverlay = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useQrCodeContext().getOverlayProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeOverlay.displayName = "QrCodeOverlay";
+
+//#endregion
+//#region src/components/qr-code/qr-code-pattern.tsx
+const QrCodePattern = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useQrCodeContext().getPatternProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.path, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodePattern.displayName = "QrCodePattern";
+
+//#endregion
+//#region src/components/qr-code/use-qr-code.ts
+const useQrCode = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_qr_code.machine, machineProps);
+	return __sprawlify_primitives_machines_qr_code.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-root.tsx
+const splitRootProps = require_create_split_props.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, __sprawlify_primitives_core.mergeProps)(qrCode.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QrCodeProvider, {
+		value: qrCode,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+QrCodeRoot.displayName = "QrcodeRoot";
+
+//#endregion
+//#region src/components/qr-code/qr-code-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const QrCodeRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: qrCode }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(qrCode.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QrCodeProvider, {
+		value: qrCode,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+QrCodeRootProvider.displayName = "QrCodeRootProvider";
+
+//#endregion
+//#region src/components/qr-code/qr-code.ts
+var qr_code_exports = /* @__PURE__ */ require_chunk.__export({
+	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 __sprawlify_primitives_machines_qr_code.anatomy;
+  }
+});
+exports.useQrCode = useQrCode;
+exports.useQrCodeContext = useQrCodeContext;

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

@@ -0,0 +1,59 @@
+import { t as PropTypes } from "../../normalize-props-Ddn7AQaE.cjs";
+import { r as Optional, t as Assign } from "../../types-0lfB8uM7.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-dXEes8-E.cjs";
+import * as react465 from "react";
+import { ReactNode } from "react";
+import * as qrcode from "@sprawlify/primitives/machines/qr-code";
+import { DownloadTriggerProps, QrCodeGenerateOptions, QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult, QrCodeGenerateResult as GenerateResult, anatomy as qrCodeAnatomy } from "@sprawlify/primitives/machines/qr-code";
+
+//#region src/components/qr-code/use-qr-code.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-qr-code-context.d.ts
+interface UseQrCodeContext extends UseQrCodeReturn {}
+//#endregion
+//#region src/components/qr-code/qr-code-context.d.ts
+interface QrCodeContextProps {
+  children: (context: UseQrCodeContext) => ReactNode;
+}
+declare const QrCodeContext: (props: QrCodeContextProps) => ReactNode;
+//#endregion
+//#region src/components/qr-code/qr-code-download-trigger.d.ts
+interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps {}
+interface QrCodeDownloadTriggerProps extends HTMLProps<"button">, QrCodeDownloadTriggerBaseProps {}
+declare const QrCodeDownloadTrigger: react465.ForwardRefExoticComponent<QrCodeDownloadTriggerProps & react465.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-frame.d.ts
+interface QrCodeFrameBaseProps extends PolymorphicProps {}
+interface QrCodeFrameProps extends HTMLProps<"svg">, QrCodeFrameBaseProps {}
+declare const QrCodeFrame: react465.ForwardRefExoticComponent<QrCodeFrameProps & react465.RefAttributes<SVGSVGElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-overlay.d.ts
+interface QrCodeOverlayBaseProps extends PolymorphicProps {}
+interface QrCodeOverlayProps extends HTMLProps<"div">, QrCodeOverlayBaseProps {}
+declare const QrCodeOverlay: react465.ForwardRefExoticComponent<QrCodeOverlayProps & react465.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-pattern.d.ts
+interface QrCodePatternBaseProps extends PolymorphicProps {}
+interface QrCodePatternProps extends HTMLProps<"path">, QrCodePatternBaseProps {}
+declare const QrCodePattern: react465.ForwardRefExoticComponent<QrCodePatternProps & react465.RefAttributes<SVGPathElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-root.d.ts
+interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps {}
+interface QrCodeRootProps extends Assign<HTMLProps<"div">, QrCodeRootBaseProps> {}
+declare const QrCodeRoot: react465.ForwardRefExoticComponent<QrCodeRootProps & react465.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-root-provider.d.ts
+interface RootProviderProps {
+  value: UseQrCodeReturn;
+}
+interface QrCodeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface QrCodeRootProviderProps extends HTMLProps<"div">, QrCodeRootProviderBaseProps {}
+declare const QrCodeRootProvider: react465.ForwardRefExoticComponent<QrCodeRootProviderProps & react465.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/components/qr-code/index.d.mts

@@ -0,0 +1,59 @@
+import { r as PropTypes } from "../../index-BVPDbcQQ.mjs";
+import { r as Optional, t as Assign } from "../../types-C61WyxPn.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-Fen9bAK7.mjs";
+import * as react366 from "react";
+import { ReactNode } from "react";
+import * as qrcode from "@sprawlify/primitives/machines/qr-code";
+import { DownloadTriggerProps, QrCodeGenerateOptions, QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult, QrCodeGenerateResult as GenerateResult, anatomy as qrCodeAnatomy } from "@sprawlify/primitives/machines/qr-code";
+
+//#region src/components/qr-code/use-qr-code.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-qr-code-context.d.ts
+interface UseQrCodeContext extends UseQrCodeReturn {}
+//#endregion
+//#region src/components/qr-code/qr-code-context.d.ts
+interface QrCodeContextProps {
+  children: (context: UseQrCodeContext) => ReactNode;
+}
+declare const QrCodeContext: (props: QrCodeContextProps) => ReactNode;
+//#endregion
+//#region src/components/qr-code/qr-code-download-trigger.d.ts
+interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps {}
+interface QrCodeDownloadTriggerProps extends HTMLProps<"button">, QrCodeDownloadTriggerBaseProps {}
+declare const QrCodeDownloadTrigger: react366.ForwardRefExoticComponent<QrCodeDownloadTriggerProps & react366.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-frame.d.ts
+interface QrCodeFrameBaseProps extends PolymorphicProps {}
+interface QrCodeFrameProps extends HTMLProps<"svg">, QrCodeFrameBaseProps {}
+declare const QrCodeFrame: react366.ForwardRefExoticComponent<QrCodeFrameProps & react366.RefAttributes<SVGSVGElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-overlay.d.ts
+interface QrCodeOverlayBaseProps extends PolymorphicProps {}
+interface QrCodeOverlayProps extends HTMLProps<"div">, QrCodeOverlayBaseProps {}
+declare const QrCodeOverlay: react366.ForwardRefExoticComponent<QrCodeOverlayProps & react366.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-pattern.d.ts
+interface QrCodePatternBaseProps extends PolymorphicProps {}
+interface QrCodePatternProps extends HTMLProps<"path">, QrCodePatternBaseProps {}
+declare const QrCodePattern: react366.ForwardRefExoticComponent<QrCodePatternProps & react366.RefAttributes<SVGPathElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-root.d.ts
+interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps {}
+interface QrCodeRootProps extends Assign<HTMLProps<"div">, QrCodeRootBaseProps> {}
+declare const QrCodeRoot: react366.ForwardRefExoticComponent<QrCodeRootProps & react366.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/qr-code/qr-code-root-provider.d.ts
+interface RootProviderProps {
+  value: UseQrCodeReturn;
+}
+interface QrCodeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface QrCodeRootProviderProps extends HTMLProps<"div">, QrCodeRootProviderBaseProps {}
+declare const QrCodeRootProvider: react366.ForwardRefExoticComponent<QrCodeRootProviderProps & react366.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/components/qr-code/index.mjs

@@ -0,0 +1,145 @@
+import { t as __export } from "../../chunk-Bw6_Qrqn.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-CAwCcfBy.mjs";
+import { t as createContext$1 } from "../../create-context-B-_JrOL2.mjs";
+import { n as useEnvironmentContext } from "../../environment-tlwGXNO0.mjs";
+import { i as useLocaleContext } from "../../locale-BmYiujeK.mjs";
+import "../../providers-DPvEY1gv.mjs";
+import { n as sprawlify } from "../../factory-cfMsSoBo.mjs";
+import { t as createSplitProps } from "../../create-split-props-BjYU0VXX.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as qrcode from "@sprawlify/primitives/machines/qr-code";
+import { anatomy as qrCodeAnatomy } from "@sprawlify/primitives/machines/qr-code";
+
+//#region src/components/qr-code/use-qr-code-context.ts
+const [QrCodeProvider, useQrCodeContext] = createContext$1({
+	name: "QrCodeContext",
+	hookName: "useQrCodeContext",
+	providerName: "<QrCodeProvider />"
+});
+
+//#endregion
+//#region src/components/qr-code/qr-code-context.tsx
+const QrCodeContext = (props) => props.children(useQrCodeContext());
+
+//#endregion
+//#region src/components/qr-code/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(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeDownloadTrigger.displayName = "QrCodeDownloadTrigger";
+
+//#endregion
+//#region src/components/qr-code/qr-code-frame.tsx
+const QrCodeFrame = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useQrCodeContext().getFrameProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.svg, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeFrame.displayName = "QrCodeFrame";
+
+//#endregion
+//#region src/components/qr-code/qr-code-overlay.tsx
+const QrCodeOverlay = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useQrCodeContext().getOverlayProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodeOverlay.displayName = "QrCodeOverlay";
+
+//#endregion
+//#region src/components/qr-code/qr-code-pattern.tsx
+const QrCodePattern = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useQrCodeContext().getPatternProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.path, {
+		...mergedProps,
+		ref
+	});
+});
+QrCodePattern.displayName = "QrCodePattern";
+
+//#endregion
+//#region src/components/qr-code/use-qr-code.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/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(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+QrCodeRoot.displayName = "QrcodeRoot";
+
+//#endregion
+//#region src/components/qr-code/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(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+QrCodeRootProvider.displayName = "QrCodeRootProvider";
+
+//#endregion
+//#region src/components/qr-code/qr-code.ts
+var qr_code_exports = /* @__PURE__ */ __export({
+	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 };