@moduix/solid 1.0.0

package/dist/components/progress-circular/ProgressCircular.jsx

@@ -0,0 +1,90 @@
+import { Progress, useProgress, useProgressContext } from "@ark-ui/solid/progress";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import ProgressCircular_module from "./ProgressCircular.module.jsx";
+function ProgressCircularRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <Progress.Root asChild={local.asChild} data-slot="progress-circular-root" class={clsx(ProgressCircular_module.root, local.class)} {...others}>
+      {local.children}
+    </Progress.Root>;
+}
+function ProgressCircularRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <Progress.RootProvider asChild={local.asChild} data-slot="progress-circular-root-provider" class={clsx(ProgressCircular_module.root, local.class)} {...others}>
+      {local.children}
+    </Progress.RootProvider>;
+}
+function ProgressCircularLabel(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.Label asChild={local.asChild} data-slot="progress-circular-label" class={clsx(ProgressCircular_module.label, local.class)} {...others}/>;
+}
+function ProgressCircularValueText(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.ValueText asChild={local.asChild} data-slot="progress-circular-value-text" class={clsx(ProgressCircular_module.valueText, local.class)} {...others}/>;
+}
+function ProgressCircularCircle(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <Progress.Circle asChild={local.asChild} data-slot="progress-circular-circle" class={clsx(ProgressCircular_module.circle, local.class)} {...others}>
+      {local.children}
+    </Progress.Circle>;
+}
+function ProgressCircularCircleTrack(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.CircleTrack asChild={local.asChild} data-slot="progress-circular-circle-track" class={clsx(ProgressCircular_module.circleTrack, local.class)} {...others}/>;
+}
+function ProgressCircularCircleRange(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.CircleRange asChild={local.asChild} data-slot="progress-circular-circle-range" class={clsx(ProgressCircular_module.circleRange, local.class)} {...others}/>;
+}
+function ProgressCircularRing(props) {
+    return <ProgressCircularCircle {...props}>
+      <ProgressCircularCircleTrack/>
+      <ProgressCircularCircleRange/>
+    </ProgressCircularCircle>;
+}
+function ProgressCircularView(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.View asChild={local.asChild} data-slot="progress-circular-view" class={clsx(ProgressCircular_module.view, local.class)} {...others}/>;
+}
+const ProgressCircular = Object.assign(ProgressCircularRoot, {
+    Root: ProgressCircularRoot,
+    RootProvider: ProgressCircularRootProvider,
+    Context: Progress.Context,
+    Label: ProgressCircularLabel,
+    ValueText: ProgressCircularValueText,
+    Circle: ProgressCircularCircle,
+    CircleTrack: ProgressCircularCircleTrack,
+    CircleRange: ProgressCircularCircleRange,
+    Ring: ProgressCircularRing,
+    View: ProgressCircularView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
+});
+export { ProgressCircular };

package/dist/components/progress-circular/ProgressCircular.module.js

@@ -0,0 +1,11 @@
+import "./ProgressCircular_module.css";
+const ProgressCircular_module = {
+    root: "root-_5vCHo",
+    label: "label-tWWSKr",
+    valueText: "valueText-RKPw3P",
+    circle: "circle-xQo3V2",
+    circleTrack: "circleTrack-zcLGCi",
+    circleRange: "circleRange-IITheJ",
+    view: "view-MEKkjf"
+};
+export default ProgressCircular_module;

package/dist/components/progress-circular/ProgressCircular.module.jsx

@@ -0,0 +1,11 @@
+import "./ProgressCircular_module.css";
+const ProgressCircular_module = {
+    root: "root-_5vCHo",
+    label: "label-tWWSKr",
+    valueText: "valueText-RKPw3P",
+    circle: "circle-xQo3V2",
+    circleTrack: "circleTrack-zcLGCi",
+    circleRange: "circleRange-IITheJ",
+    view: "view-MEKkjf"
+};
+export default ProgressCircular_module;

package/dist/components/progress-circular/ProgressCircular_module.css

@@ -0,0 +1,76 @@
+@layer moduix.components {
+  .root-_5vCHo {
+    box-sizing: border-box;
+    justify-items: center;
+    gap: var(--moduix-progress-circular-gap, var(--moduix-spacing-2));
+    width: var(--moduix-progress-circular-root-width, max-content);
+    min-width: 0;
+    max-width: 100%;
+    color: var(--moduix-progress-circular-color, var(--moduix-color-foreground));
+    display: inline-grid;
+  }
+
+  .label-tWWSKr {
+    font-size: var(--moduix-progress-circular-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-progress-circular-label-font-weight, var(--moduix-weight-regular));
+    line-height: var(--moduix-progress-circular-label-line-height, var(--moduix-line-height-text-sm));
+    color: var(--moduix-progress-circular-label-color, currentColor);
+    overflow-wrap: anywhere;
+    text-align: center;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .valueText-RKPw3P {
+    font-size: var(--moduix-progress-circular-value-text-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-progress-circular-value-text-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-progress-circular-value-text-line-height, var(--moduix-line-height-text-sm));
+    color: var(--moduix-progress-circular-value-text-color, currentColor);
+    overflow-wrap: anywhere;
+    text-align: center;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .circle-xQo3V2 {
+    --size: var(--moduix-progress-circular-size, var(--moduix-size-xl));
+    --thickness: var(--moduix-progress-circular-thickness, .4rem);
+    display: block;
+    overflow: visible;
+  }
+
+  .circleTrack-zcLGCi {
+    stroke: var(--moduix-progress-circular-track-bg, var(--moduix-color-muted));
+  }
+
+  .circleRange-IITheJ {
+    stroke: var(--moduix-progress-circular-range-bg, var(--moduix-color-primary));
+    stroke-linecap: var(--moduix-progress-circular-range-linecap, round);
+    transform-box: fill-box;
+    transform-origin: center;
+    transition: stroke-dashoffset
+      var(--moduix-progress-circular-range-transition, var(--moduix-transition-default));
+  }
+
+  .circleRange-IITheJ[data-state="indeterminate"] {
+    stroke: var(--moduix-progress-circular-range-indeterminate-bg, var(--moduix-progress-circular-range-bg, var(--moduix-color-primary)));
+    animation: var(--moduix-progress-circular-range-indeterminate-animation, progress-circular-indeterminate 1.4s linear infinite);
+    stroke-dasharray: var(--moduix-progress-circular-range-indeterminate-dasharray, 1 200);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .circleRange-IITheJ {
+      transition: none;
+    }
+
+    .circleRange-IITheJ[data-state="indeterminate"] {
+      stroke-dasharray: var(--moduix-progress-circular-range-indeterminate-reduced-motion-dasharray, 20 200);
+      animation: none;
+    }
+  }
+
+  .view-MEKkjf {
+    display: contents;
+  }
+}
+

package/dist/components/progress-circular/index.d.ts

@@ -0,0 +1 @@
+export { ProgressCircular } from './ProgressCircular.js';

package/dist/components/progress-circular/index.js

@@ -0,0 +1 @@
+export { ProgressCircular } from "./ProgressCircular.js";

package/dist/components/progress-circular/index.jsx

@@ -0,0 +1 @@
+export { ProgressCircular } from "./ProgressCircular.jsx";

package/dist/components/progress-linear/ProgressLinear.d.ts

@@ -0,0 +1,23 @@
+import { Progress as ProgressPrimitive, useProgress, useProgressContext } from '@ark-ui/solid/progress';
+import type { ComponentProps } from 'solid-js';
+declare function ProgressLinearRoot(props: ComponentProps<typeof ProgressPrimitive.Root>): import("solid-js").JSX.Element;
+declare function ProgressLinearRootProvider(props: ComponentProps<typeof ProgressPrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function ProgressLinearLabel(props: ComponentProps<typeof ProgressPrimitive.Label>): import("solid-js").JSX.Element;
+declare function ProgressLinearValueText(props: ComponentProps<typeof ProgressPrimitive.ValueText>): import("solid-js").JSX.Element;
+declare function ProgressLinearTrack(props: ComponentProps<typeof ProgressPrimitive.Track>): import("solid-js").JSX.Element;
+declare function ProgressLinearRange(props: ComponentProps<typeof ProgressPrimitive.Range>): import("solid-js").JSX.Element;
+declare function ProgressLinearView(props: ComponentProps<typeof ProgressPrimitive.View>): import("solid-js").JSX.Element;
+type ProgressLinearComponent = typeof ProgressLinearRoot & {
+    Root: typeof ProgressLinearRoot;
+    RootProvider: typeof ProgressLinearRootProvider;
+    Context: typeof ProgressPrimitive.Context;
+    Label: typeof ProgressLinearLabel;
+    ValueText: typeof ProgressLinearValueText;
+    Track: typeof ProgressLinearTrack;
+    Range: typeof ProgressLinearRange;
+    View: typeof ProgressLinearView;
+    useProgress: typeof useProgress;
+    useProgressContext: typeof useProgressContext;
+};
+declare const ProgressLinear: ProgressLinearComponent;
+export { ProgressLinear };

package/dist/components/progress-linear/ProgressLinear.js

@@ -0,0 +1,95 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { Progress, useProgress, useProgressContext } from "@ark-ui/solid/progress";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import ProgressLinear_module from "./ProgressLinear.module.js";
+function ProgressLinearRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Progress.Root, mergeProps({
+        "data-slot": "progress-linear-root",
+        get ["class"] () {
+            return clsx(ProgressLinear_module.root, local.class);
+        }
+    }, others));
+}
+function ProgressLinearRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Progress.RootProvider, mergeProps({
+        "data-slot": "progress-linear-root-provider",
+        get ["class"] () {
+            return clsx(ProgressLinear_module.root, local.class);
+        }
+    }, others));
+}
+function ProgressLinearLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Progress.Label, mergeProps({
+        "data-slot": "progress-linear-label",
+        get ["class"] () {
+            return clsx(ProgressLinear_module.label, local.class);
+        }
+    }, others));
+}
+function ProgressLinearValueText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Progress.ValueText, mergeProps({
+        "data-slot": "progress-linear-value-text",
+        get ["class"] () {
+            return clsx(ProgressLinear_module.valueText, local.class);
+        }
+    }, others));
+}
+function ProgressLinearTrack(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Progress.Track, mergeProps({
+        "data-slot": "progress-linear-track",
+        get ["class"] () {
+            return clsx(ProgressLinear_module.track, local.class);
+        }
+    }, others));
+}
+function ProgressLinearRange(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Progress.Range, mergeProps({
+        "data-slot": "progress-linear-range",
+        get ["class"] () {
+            return clsx(ProgressLinear_module.range, local.class);
+        }
+    }, others));
+}
+function ProgressLinearView(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Progress.View, mergeProps({
+        "data-slot": "progress-linear-view",
+        get ["class"] () {
+            return clsx(ProgressLinear_module.view, local.class);
+        }
+    }, others));
+}
+const ProgressLinear = Object.assign(ProgressLinearRoot, {
+    Root: ProgressLinearRoot,
+    RootProvider: ProgressLinearRootProvider,
+    Context: Progress.Context,
+    Label: ProgressLinearLabel,
+    ValueText: ProgressLinearValueText,
+    Track: ProgressLinearTrack,
+    Range: ProgressLinearRange,
+    View: ProgressLinearView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
+});
+export { ProgressLinear };

package/dist/components/progress-linear/ProgressLinear.jsx

@@ -0,0 +1,59 @@
+import { Progress, useProgress, useProgressContext } from "@ark-ui/solid/progress";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import ProgressLinear_module from "./ProgressLinear.module.jsx";
+function ProgressLinearRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Progress.Root data-slot="progress-linear-root" class={clsx(ProgressLinear_module.root, local.class)} {...others}/>;
+}
+function ProgressLinearRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Progress.RootProvider data-slot="progress-linear-root-provider" class={clsx(ProgressLinear_module.root, local.class)} {...others}/>;
+}
+function ProgressLinearLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Progress.Label data-slot="progress-linear-label" class={clsx(ProgressLinear_module.label, local.class)} {...others}/>;
+}
+function ProgressLinearValueText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Progress.ValueText data-slot="progress-linear-value-text" class={clsx(ProgressLinear_module.valueText, local.class)} {...others}/>;
+}
+function ProgressLinearTrack(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Progress.Track data-slot="progress-linear-track" class={clsx(ProgressLinear_module.track, local.class)} {...others}/>;
+}
+function ProgressLinearRange(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Progress.Range data-slot="progress-linear-range" class={clsx(ProgressLinear_module.range, local.class)} {...others}/>;
+}
+function ProgressLinearView(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Progress.View data-slot="progress-linear-view" class={clsx(ProgressLinear_module.view, local.class)} {...others}/>;
+}
+const ProgressLinear = Object.assign(ProgressLinearRoot, {
+    Root: ProgressLinearRoot,
+    RootProvider: ProgressLinearRootProvider,
+    Context: Progress.Context,
+    Label: ProgressLinearLabel,
+    ValueText: ProgressLinearValueText,
+    Track: ProgressLinearTrack,
+    Range: ProgressLinearRange,
+    View: ProgressLinearView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
+});
+export { ProgressLinear };

package/dist/components/progress-linear/ProgressLinear.module.js

@@ -0,0 +1,10 @@
+import "./ProgressLinear_module.css";
+const ProgressLinear_module = {
+    root: "root-wybK9i",
+    label: "label-Rv3Sur",
+    valueText: "valueText-tmx0si",
+    track: "track-o7p8iH",
+    range: "range-A5c8GJ",
+    view: "view-KoQ_CZ"
+};
+export default ProgressLinear_module;

package/dist/components/progress-linear/ProgressLinear.module.jsx

@@ -0,0 +1,10 @@
+import "./ProgressLinear_module.css";
+const ProgressLinear_module = {
+    root: "root-wybK9i",
+    label: "label-Rv3Sur",
+    valueText: "valueText-tmx0si",
+    track: "track-o7p8iH",
+    range: "range-A5c8GJ",
+    view: "view-KoQ_CZ"
+};
+export default ProgressLinear_module;

package/dist/components/progress-linear/ProgressLinear_module.css

@@ -0,0 +1,100 @@
+@layer moduix.components {
+  .root-wybK9i {
+    box-sizing: border-box;
+    gap: var(--moduix-progress-linear-gap, var(--moduix-spacing-2));
+    width: var(--moduix-progress-linear-width, 12rem);
+    min-width: 0;
+    max-width: 100%;
+    color: var(--moduix-progress-linear-color, var(--moduix-color-foreground));
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+  }
+
+  .root-wybK9i[data-orientation="vertical"] {
+    width: var(--moduix-progress-linear-vertical-width, max-content);
+    height: var(--moduix-progress-linear-height, 12rem);
+    grid-template-rows: auto minmax(0, 1fr);
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+
+  .label-Rv3Sur {
+    font-size: var(--moduix-progress-linear-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-progress-linear-label-font-weight, var(--moduix-weight-regular));
+    line-height: var(--moduix-progress-linear-label-line-height, var(--moduix-line-height-text-sm));
+    overflow-wrap: anywhere;
+    min-width: 0;
+    color: var(--moduix-progress-linear-label-color, currentColor);
+  }
+
+  .valueText-tmx0si {
+    font-size: var(--moduix-progress-linear-value-text-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-progress-linear-value-text-font-weight, var(--moduix-weight-regular));
+    line-height: var(--moduix-progress-linear-value-text-line-height, var(--moduix-line-height-text-sm));
+    overflow-wrap: anywhere;
+    min-width: 0;
+    color: var(--moduix-progress-linear-value-text-color, currentColor);
+    text-align: end;
+    justify-self: end;
+  }
+
+  .track-o7p8iH {
+    width: 100%;
+    height: var(--moduix-progress-linear-track-height, .5rem);
+    border-radius: var(--moduix-progress-linear-track-radius, var(--moduix-radius-full));
+    background-color: var(--moduix-progress-linear-track-bg, var(--moduix-color-muted));
+    box-shadow: inset 0 0 0
+      var(--moduix-progress-linear-track-border-width, var(--moduix-border-width-sm))
+      var(--moduix-progress-linear-track-border-color, var(--moduix-color-border));
+    grid-column: 1 / -1;
+    display: block;
+    overflow: hidden;
+  }
+
+  .track-o7p8iH[data-orientation="vertical"] {
+    width: var(--moduix-progress-linear-track-width, .5rem);
+    justify-self: center;
+    align-items: end;
+    height: 100%;
+    display: flex;
+  }
+
+  .range-A5c8GJ {
+    border-radius: var(--moduix-progress-linear-range-radius, inherit);
+    background-color: var(--moduix-progress-linear-range-bg, var(--moduix-color-primary));
+    height: 100%;
+    transition: width var(--moduix-progress-linear-range-transition, var(--moduix-transition-default)),
+      height var(--moduix-progress-linear-range-transition, var(--moduix-transition-default));
+    display: block;
+  }
+
+  .range-A5c8GJ[data-state="indeterminate"] {
+    width: var(--moduix-progress-linear-range-indeterminate-width, 35%);
+    background-color: var(--moduix-progress-linear-range-indeterminate-bg, var(--moduix-progress-linear-range-bg, var(--moduix-color-primary)));
+    animation: var(--moduix-progress-linear-range-indeterminate-animation, progress-linear-indeterminate 1.5s ease-in-out infinite);
+  }
+
+  .range-A5c8GJ[data-orientation="vertical"] {
+    width: 100%;
+  }
+
+  .range-A5c8GJ[data-state="indeterminate"][data-orientation="vertical"] {
+    height: var(--moduix-progress-linear-range-indeterminate-width, 35%);
+    animation: var(--moduix-progress-linear-range-indeterminate-vertical-animation, progress-linear-indeterminate-vertical 1.5s ease-in-out infinite);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .range-A5c8GJ[data-state="indeterminate"] {
+      animation: none;
+      transform: translate(0);
+    }
+  }
+
+  [dir="rtl"] .range-A5c8GJ[data-state="indeterminate"][data-orientation="horizontal"] {
+    animation-direction: reverse;
+  }
+
+  .view-KoQ_CZ {
+    display: contents;
+  }
+}
+

package/dist/components/progress-linear/index.d.ts

@@ -0,0 +1 @@
+export { ProgressLinear } from './ProgressLinear.js';

package/dist/components/progress-linear/index.js

@@ -0,0 +1 @@
+export { ProgressLinear } from "./ProgressLinear.js";

package/dist/components/progress-linear/index.jsx

@@ -0,0 +1 @@
+export { ProgressLinear } from "./ProgressLinear.jsx";

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

@@ -0,0 +1,19 @@
+import { QrCode as QrCodePrimitive, useQrCode, useQrCodeContext } from '@ark-ui/solid/qr-code';
+import type { ComponentProps } from 'solid-js';
+declare function QrCodeRoot(props: ComponentProps<typeof QrCodePrimitive.Root>): import("solid-js").JSX.Element;
+declare function QrCodeRootProvider(props: ComponentProps<typeof QrCodePrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function QrCodeFrame(props: ComponentProps<typeof QrCodePrimitive.Frame>): import("solid-js").JSX.Element;
+declare function QrCodePattern(props: ComponentProps<typeof QrCodePrimitive.Pattern>): import("solid-js").JSX.Element;
+declare function QrCodeOverlay(props: ComponentProps<typeof QrCodePrimitive.Overlay>): import("solid-js").JSX.Element;
+declare function QrCodeDownloadTrigger(props: ComponentProps<typeof QrCodePrimitive.DownloadTrigger>): import("solid-js").JSX.Element;
+type QrCodeComponent = typeof QrCodeRoot & {
+    Root: typeof QrCodeRoot;
+    RootProvider: typeof QrCodeRootProvider;
+    Context: typeof QrCodePrimitive.Context;
+    Frame: typeof QrCodeFrame;
+    Pattern: typeof QrCodePattern;
+    Overlay: typeof QrCodeOverlay;
+    DownloadTrigger: typeof QrCodeDownloadTrigger;
+};
+declare const QrCode: QrCodeComponent;
+export { QrCode, useQrCode, useQrCodeContext };

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

@@ -0,0 +1,130 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { QrCode, useQrCode, useQrCodeContext } from "@ark-ui/solid/qr-code";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import QrCode_module from "./QrCode.module.js";
+function QrCodeRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(QrCode.Root, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "qr-code-root",
+        get ["class"] () {
+            return clsx(QrCode_module.root, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function QrCodeRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(QrCode.RootProvider, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "qr-code-root-provider",
+        get ["class"] () {
+            return clsx(QrCode_module.root, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function QrCodeFrame(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(QrCode.Frame, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "qr-code-frame",
+        get ["class"] () {
+            return clsx(QrCode_module.frame, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function QrCodePattern(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(QrCode.Pattern, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "qr-code-pattern",
+        get ["class"] () {
+            return clsx(QrCode_module.pattern, local.class);
+        }
+    }, others));
+}
+function QrCodeOverlay(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(QrCode.Overlay, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "qr-code-overlay",
+        get ["class"] () {
+            return clsx(QrCode_module.overlay, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function QrCodeDownloadTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(QrCode.DownloadTrigger, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "qr-code-download-trigger",
+        get ["class"] () {
+            return clsx(QrCode_module.downloadTrigger, local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+const QrCode_QrCode = Object.assign(QrCodeRoot, {
+    Root: QrCodeRoot,
+    RootProvider: QrCodeRootProvider,
+    Context: QrCode.Context,
+    Frame: QrCodeFrame,
+    Pattern: QrCodePattern,
+    Overlay: QrCodeOverlay,
+    DownloadTrigger: QrCodeDownloadTrigger
+});
+export { QrCode_QrCode as QrCode, useQrCode, useQrCodeContext };