@sprawlify/solid 0.0.18 → 0.0.19

package/dist/components/progress/index.js

@@ -0,0 +1,163 @@
+import { t as __export } from "../../chunk-Dcpub2IO.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-D7Nb-duK.js";
+import { t as runIfFn } from "../../run-if-fn-B-2chXMn.js";
+import { t as createContext$1 } from "../../create-context-BxYEOGb8.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DU0gn4Pj.js";
+import { t as sprawlify } from "../../factory-Cw0jOohn.js";
+import { t as createSplitProps } from "../../create-split-props-u4BuKc2i.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+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({
+	hookName: "useProgressContext",
+	providerName: "<ProgressProvider />"
+});
+
+//#endregion
+//#region src/components/progress/progress-circle.tsx
+const ProgressCircle = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleProps(), props);
+	return createComponent(sprawlify.svg, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-circle-range.tsx
+const ProgressCircleRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleRangeProps(), props);
+	return createComponent(sprawlify.circle, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-circle-track.tsx
+const ProgressCircleTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getCircleTrackProps(), props);
+	return createComponent(sprawlify.circle, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-context.tsx
+const ProgressContext = (props) => props.children(useProgressContext());
+
+//#endregion
+//#region src/components/progress/progress-label.tsx
+const ProgressLabel = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-range.tsx
+const ProgressRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getRangeProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/use-progress.ts
+const useProgress = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		locale: locale().locale,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(progress.machine, machineProps);
+	return createMemo(() => progress.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/progress/progress-root.tsx
+const ProgressRoot = (props) => {
+	const [progressProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"formatOptions",
+		"id",
+		"ids",
+		"locale",
+		"max",
+		"min",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const api = useProgress(progressProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(ProgressProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/progress/progress-root-provider.tsx
+const ProgressRootProvider = (props) => {
+	const [{ value: progress$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => progress$1().getRootProps(), localProps);
+	return createComponent(ProgressProvider, {
+		value: progress$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/progress/progress-track.tsx
+const ProgressTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getTrackProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/progress/progress-value-text.tsx
+const ProgressValueText = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getValueTextProps(), props);
+	return createComponent(sprawlify.span, mergeProps$1(mergedProps, { get children() {
+		return props.children || api().percentAsString;
+	} }));
+};
+
+//#endregion
+//#region src/components/progress/progress-view.tsx
+const ProgressView = (props) => {
+	const [state, localProps] = createSplitProps()(props, ["state"]);
+	const api = useProgressContext();
+	const mergedProps = mergeProps$2(() => api().getViewProps(state), localProps);
+	return createComponent(sprawlify.span, mergedProps);
+};
+
+//#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/progress/index.jsx

@@ -0,0 +1,154 @@
+import { t as __export } from "../../chunk-D5dGY5zD.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-7JOW6ue9.jsx";
+import { t as runIfFn } from "../../run-if-fn-D59uI-12.jsx";
+import { t as createContext$1 } from "../../create-context-CnA1wNMK.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers--4jSRiKF.jsx";
+import { t as sprawlify } from "../../factory-CaQWQo9S.jsx";
+import { t as createSplitProps } from "../../create-split-props-CdETNVwB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	hookName: "useProgressContext",
+	providerName: "<ProgressProvider />"
+});
+
+//#endregion
+//#region src/components/progress/progress-circle.tsx
+const ProgressCircle = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleProps(), props);
+	return <sprawlify.svg {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-circle-range.tsx
+const ProgressCircleRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleRangeProps(), props);
+	return <sprawlify.circle {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-circle-track.tsx
+const ProgressCircleTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getCircleTrackProps(), props);
+	return <sprawlify.circle {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-context.tsx
+const ProgressContext = (props) => props.children(useProgressContext());
+
+//#endregion
+//#region src/components/progress/progress-label.tsx
+const ProgressLabel = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-range.tsx
+const ProgressRange = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getRangeProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/use-progress.ts
+const useProgress = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		locale: locale().locale,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(progress.machine, machineProps);
+	return createMemo(() => progress.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/progress/progress-root.tsx
+const ProgressRoot = (props) => {
+	const [progressProps, localProps] = createSplitProps()(props, [
+		"defaultValue",
+		"formatOptions",
+		"id",
+		"ids",
+		"locale",
+		"max",
+		"min",
+		"onValueChange",
+		"orientation",
+		"translations",
+		"value"
+	]);
+	const api = useProgress(progressProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <ProgressProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </ProgressProvider>;
+};
+
+//#endregion
+//#region src/components/progress/progress-root-provider.tsx
+const ProgressRootProvider = (props) => {
+	const [{ value: progress$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => progress$1().getRootProps(), localProps);
+	return <ProgressProvider value={progress$1}>
+      <sprawlify.div {...mergedProps} />
+    </ProgressProvider>;
+};
+
+//#endregion
+//#region src/components/progress/progress-track.tsx
+const ProgressTrack = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getTrackProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/progress/progress-value-text.tsx
+const ProgressValueText = (props) => {
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getValueTextProps(), props);
+	return <sprawlify.span {...mergedProps}>{props.children || api().percentAsString}</sprawlify.span>;
+};
+
+//#endregion
+//#region src/components/progress/progress-view.tsx
+const ProgressView = (props) => {
+	const [state, localProps] = createSplitProps()(props, ["state"]);
+	const api = useProgressContext();
+	const mergedProps = mergeProps$1(() => api().getViewProps(state), localProps);
+	return <sprawlify.span {...mergedProps} />;
+};
+
+//#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.d.ts

@@ -0,0 +1,59 @@
+import { n as PropTypes } from "../../index-tbMcVIMv.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-DPhuMU2R.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-JAbO6zq9.js";
+import * as solid_js186 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+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 Accessor<qrCode.Api<PropTypes>> {}
+declare const useQrCode: (props?: MaybeAccessor<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) => JSX.Element;
+}
+declare const QrCodeContext: (props: QrCodeContextProps) => JSX.Element;
+//#endregion
+//#region src/components/qr-code/qr-code-download-trigger.d.ts
+interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps<'button'> {}
+interface QrCodeDownloadTriggerProps extends HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps {}
+declare const QrCodeDownloadTrigger: (props: QrCodeDownloadTriggerProps) => solid_js186.JSX.Element;
+//#endregion
+//#region src/components/qr-code/qr-code-frame.d.ts
+interface QrCodeFrameBaseProps extends PolymorphicProps<'svg'> {}
+interface QrCodeFrameProps extends HTMLProps<'svg'>, QrCodeFrameBaseProps {}
+declare const QrCodeFrame: (props: QrCodeFrameProps) => solid_js186.JSX.Element;
+//#endregion
+//#region src/components/qr-code/qr-code-overlay.d.ts
+interface QrCodeOverlayBaseProps extends PolymorphicProps<'div'> {}
+interface QrCodeOverlayProps extends HTMLProps<'div'>, QrCodeOverlayBaseProps {}
+declare const QrCodeOverlay: (props: QrCodeOverlayProps) => solid_js186.JSX.Element;
+//#endregion
+//#region src/components/qr-code/qr-code-pattern.d.ts
+interface QrCodePatternBaseProps extends PolymorphicProps<'path'> {}
+interface QrCodePatternProps extends HTMLProps<'path'>, QrCodePatternBaseProps {}
+declare const QrCodePattern: (props: QrCodePatternProps) => solid_js186.JSX.Element;
+//#endregion
+//#region src/components/qr-code/qr-code-root.d.ts
+interface QrCodeRootBaseProps extends UseQrCodeProps, PolymorphicProps<'div'> {}
+interface QrCodeRootProps extends HTMLProps<'div'>, QrCodeRootBaseProps {}
+declare const QrCodeRoot: (props: QrCodeRootProps) => solid_js186.JSX.Element;
+//#endregion
+//#region src/components/qr-code/qr-code-root-provider.d.ts
+interface RootProviderProps {
+  value: UseQrCodeReturn;
+}
+interface QrCodeRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface QrCodeRootProviderProps extends HTMLProps<'div'>, RootProviderProps, QrCodeRootProviderBaseProps {}
+declare const QrCodeRootProvider: (props: QrCodeRootProviderProps) => solid_js186.JSX.Element;
+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.js

@@ -0,0 +1,124 @@
+import { t as __export } from "../../chunk-Dcpub2IO.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-D7Nb-duK.js";
+import { t as runIfFn } from "../../run-if-fn-B-2chXMn.js";
+import { t as createContext$1 } from "../../create-context-BxYEOGb8.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DU0gn4Pj.js";
+import { t as sprawlify } from "../../factory-Cw0jOohn.js";
+import { t as createSplitProps } from "../../create-split-props-u4BuKc2i.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+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({
+	hookName: "useQrCodeContext",
+	providerName: "<QrCodeProvider />"
+});
+
+//#endregion
+//#region src/components/qr-code/qr-code-context.ts
+const QrCodeContext = (props) => props.children(useQrCodeContext());
+
+//#endregion
+//#region src/components/qr-code/qr-code-download-trigger.tsx
+const QrCodeDownloadTrigger = (props) => {
+	const [downloadTriggerProps, localProps] = createSplitProps()(props, [
+		"fileName",
+		"mimeType",
+		"quality"
+	]);
+	const qrCode$1 = useQrCodeContext();
+	const mergedProps = mergeProps$2(() => qrCode$1().getDownloadTriggerProps(downloadTriggerProps), localProps);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-frame.tsx
+const QrCodeFrame = (props) => {
+	const qrCode$1 = useQrCodeContext();
+	const mergedProps = mergeProps$2(() => qrCode$1().getFrameProps(), props);
+	return createComponent(sprawlify.svg, mergedProps);
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-overlay.tsx
+const QrCodeOverlay = (props) => {
+	const qrCode$1 = useQrCodeContext();
+	const mergedProps = mergeProps$2(() => qrCode$1().getOverlayProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-pattern.tsx
+const QrCodePattern = (props) => {
+	const qrCode$1 = useQrCodeContext();
+	const mergedProps = mergeProps$2(() => qrCode$1().getPatternProps(), props);
+	return createComponent(sprawlify.path, mergedProps);
+};
+
+//#endregion
+//#region src/components/qr-code/use-qr-code.ts
+const useQrCode = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(qrCode.machine, machineProps);
+	return createMemo(() => qrCode.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-root.tsx
+const QrCodeRoot = (props) => {
+	const [useQrCodeProps, restProps] = createSplitProps()(props, [
+		"defaultValue",
+		"encoding",
+		"id",
+		"ids",
+		"onValueChange",
+		"pixelSize",
+		"value"
+	]);
+	const api = useQrCode(useQrCodeProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), restProps);
+	return createComponent(QrCodeProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-root-provider.tsx
+const QrCodeRootProvider = (props) => {
+	const [{ value: qrCode$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => qrCode$1().getRootProps(), localProps);
+	return createComponent(QrCodeProvider, {
+		value: qrCode$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#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 };

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

@@ -0,0 +1,117 @@
+import { t as __export } from "../../chunk-D5dGY5zD.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-7JOW6ue9.jsx";
+import { t as runIfFn } from "../../run-if-fn-D59uI-12.jsx";
+import { t as createContext$1 } from "../../create-context-CnA1wNMK.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers--4jSRiKF.jsx";
+import { t as sprawlify } from "../../factory-CaQWQo9S.jsx";
+import { t as createSplitProps } from "../../create-split-props-CdETNVwB.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+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({
+	hookName: "useQrCodeContext",
+	providerName: "<QrCodeProvider />"
+});
+
+//#endregion
+//#region src/components/qr-code/qr-code-context.ts
+const QrCodeContext = (props) => props.children(useQrCodeContext());
+
+//#endregion
+//#region src/components/qr-code/qr-code-download-trigger.tsx
+const QrCodeDownloadTrigger = (props) => {
+	const [downloadTriggerProps, localProps] = createSplitProps()(props, [
+		"fileName",
+		"mimeType",
+		"quality"
+	]);
+	const qrCode$1 = useQrCodeContext();
+	const mergedProps = mergeProps$1(() => qrCode$1().getDownloadTriggerProps(downloadTriggerProps), localProps);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-frame.tsx
+const QrCodeFrame = (props) => {
+	const qrCode$1 = useQrCodeContext();
+	const mergedProps = mergeProps$1(() => qrCode$1().getFrameProps(), props);
+	return <sprawlify.svg {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-overlay.tsx
+const QrCodeOverlay = (props) => {
+	const qrCode$1 = useQrCodeContext();
+	const mergedProps = mergeProps$1(() => qrCode$1().getOverlayProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-pattern.tsx
+const QrCodePattern = (props) => {
+	const qrCode$1 = useQrCodeContext();
+	const mergedProps = mergeProps$1(() => qrCode$1().getPatternProps(), props);
+	return <sprawlify.path {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/qr-code/use-qr-code.ts
+const useQrCode = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(qrCode.machine, machineProps);
+	return createMemo(() => qrCode.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-root.tsx
+const QrCodeRoot = (props) => {
+	const [useQrCodeProps, restProps] = createSplitProps()(props, [
+		"defaultValue",
+		"encoding",
+		"id",
+		"ids",
+		"onValueChange",
+		"pixelSize",
+		"value"
+	]);
+	const api = useQrCode(useQrCodeProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), restProps);
+	return <QrCodeProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </QrCodeProvider>;
+};
+
+//#endregion
+//#region src/components/qr-code/qr-code-root-provider.tsx
+const QrCodeRootProvider = (props) => {
+	const [{ value: qrCode$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => qrCode$1().getRootProps(), localProps);
+	return <QrCodeProvider value={qrCode$1}>
+      <sprawlify.div {...mergedProps} />
+    </QrCodeProvider>;
+};
+
+//#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 };