@moduix/react 1.1.0

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

@@ -0,0 +1,68 @@
+@layer ui.components {
+  .Y0NE0q_root {
+    box-sizing: border-box;
+    justify-items: center;
+    gap: var(--progress-circular-gap, .5rem);
+    width: var(--progress-circular-root-width, max-content);
+    color: var(--progress-circular-color, var(--color-foreground));
+    display: inline-grid;
+  }
+
+  .Y0NE0q_label {
+    font-size: var(--progress-circular-label-font-size, var(--text-sm));
+    font-weight: var(--progress-circular-label-font-weight, var(--weight-regular));
+    line-height: var(--progress-circular-label-line-height, var(--line-height-text-sm));
+    color: var(--progress-circular-label-color, currentColor);
+  }
+
+  .Y0NE0q_valueText {
+    font-size: var(--progress-circular-value-text-font-size, var(--text-sm));
+    font-weight: var(--progress-circular-value-text-font-weight, var(--weight-medium));
+    line-height: var(--progress-circular-value-text-line-height, var(--line-height-text-sm));
+    color: var(--progress-circular-value-text-color, currentColor);
+    text-align: center;
+  }
+
+  .Y0NE0q_circle {
+    --size: var(--progress-circular-size, 3rem);
+    --thickness: var(--progress-circular-thickness, .4rem);
+    display: block;
+    overflow: visible;
+  }
+
+  .Y0NE0q_circleTrack {
+    stroke: var(--progress-circular-track-bg, var(--color-muted));
+  }
+
+  .Y0NE0q_circleRange {
+    stroke: var(--progress-circular-range-bg, var(--color-primary));
+    stroke-linecap: var(--progress-circular-range-linecap, round);
+    transition: stroke-dashoffset
+      var(--progress-circular-range-transition, var(--transition-default));
+
+    &[data-state="indeterminate"] {
+      animation: var(--progress-circular-range-indeterminate-animation, progress-circular-indeterminate 1.4s linear infinite);
+      stroke-dasharray: var(--progress-circular-range-indeterminate-dasharray, 1 200);
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      &[data-state="indeterminate"] {
+        animation: none;
+      }
+    }
+  }
+
+  .Y0NE0q_view {
+    display: contents;
+  }
+
+  @keyframes Y0NE0q_progress-circular-indeterminate {
+    from {
+      transform: rotate(-90deg);
+    }
+
+    to {
+      transform: rotate(270deg);
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+import { Progress } from "@ark-ui/react/progress";
+
+//#region src/components/progress-circular/ProgressCircular.d.ts
+declare const ProgressCircular: import("react").ForwardRefExoticComponent<Omit<Progress.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+  Root: import("react").ForwardRefExoticComponent<Omit<Progress.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  RootProvider: import("react").ForwardRefExoticComponent<Omit<Progress.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<Progress.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  ValueText: import("react").ForwardRefExoticComponent<Omit<Progress.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Circle: import("react").ForwardRefExoticComponent<Omit<Progress.CircleProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+  CircleTrack: import("react").ForwardRefExoticComponent<Omit<Progress.CircleTrackProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
+  CircleRange: import("react").ForwardRefExoticComponent<Omit<Progress.CircleRangeProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
+  View: import("react").ForwardRefExoticComponent<Omit<Progress.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { ProgressCircular };

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

@@ -0,0 +1,83 @@
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import ProgressCircular_module_default from "./ProgressCircular.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Progress } from "@ark-ui/react/progress";
+//#region src/components/progress-circular/ProgressCircular.tsx
+const ProgressCircularRoot = forwardRef(function ProgressCircularRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Root, {
+		ref,
+		"data-slot": "progress-circular-root",
+		className: clsx(ProgressCircular_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressCircularRootProvider = forwardRef(function ProgressCircularRootProvider({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.RootProvider, {
+		ref,
+		"data-slot": "progress-circular-root-provider",
+		className: clsx(ProgressCircular_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressCircularLabel = forwardRef(function ProgressCircularLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Label, {
+		ref,
+		"data-slot": "progress-circular-label",
+		className: clsx(ProgressCircular_module_default.label, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressCircularValueText = forwardRef(function ProgressCircularValueText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.ValueText, {
+		ref,
+		"data-slot": "progress-circular-value-text",
+		className: clsx(ProgressCircular_module_default.valueText, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressCircularCircle = forwardRef(function ProgressCircularCircle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Circle, {
+		ref,
+		"data-slot": "progress-circular-circle",
+		className: clsx(ProgressCircular_module_default.circle, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressCircularCircleTrack = forwardRef(function ProgressCircularCircleTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.CircleTrack, {
+		ref,
+		"data-slot": "progress-circular-circle-track",
+		className: clsx(ProgressCircular_module_default.circleTrack, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressCircularCircleRange = forwardRef(function ProgressCircularCircleRange({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.CircleRange, {
+		ref,
+		"data-slot": "progress-circular-circle-range",
+		className: clsx(ProgressCircular_module_default.circleRange, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressCircularView = forwardRef(function ProgressCircularView({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.View, {
+		ref,
+		"data-slot": "progress-circular-view",
+		className: clsx(ProgressCircular_module_default.view, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressCircular = Object.assign(ProgressCircularRoot, {
+	Root: ProgressCircularRoot,
+	RootProvider: ProgressCircularRootProvider,
+	Label: ProgressCircularLabel,
+	ValueText: ProgressCircularValueText,
+	Circle: ProgressCircularCircle,
+	CircleTrack: ProgressCircularCircleTrack,
+	CircleRange: ProgressCircularCircleRange,
+	View: ProgressCircularView
+});
+//#endregion
+export { ProgressCircular };

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

@@ -0,0 +1,14 @@
+import './ProgressCircular.css';
+//#region src/components/progress-circular/ProgressCircular.module.css
+var ProgressCircular_module_default = {
+	"circle": "Y0NE0q_circle",
+	"circleRange": "Y0NE0q_circleRange",
+	"circleTrack": "Y0NE0q_circleTrack",
+	"label": "Y0NE0q_label",
+	"progress-circular-indeterminate": "Y0NE0q_progress-circular-indeterminate",
+	"root": "Y0NE0q_root",
+	"valueText": "Y0NE0q_valueText",
+	"view": "Y0NE0q_view"
+};
+//#endregion
+export { ProgressCircular_module_default as default };

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

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

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

@@ -0,0 +1,106 @@
+@layer ui.components {
+  .fteJNa_root {
+    box-sizing: border-box;
+    gap: var(--progress-linear-gap, .5rem);
+    width: var(--progress-linear-width, 12rem);
+    color: var(--progress-linear-color, var(--color-foreground));
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+
+    &[data-orientation="vertical"] {
+      width: var(--progress-linear-vertical-width, max-content);
+      height: var(--progress-linear-height, 12rem);
+      grid-template-rows: auto minmax(0, 1fr);
+      grid-template-columns: minmax(0, 1fr) auto;
+    }
+  }
+
+  .fteJNa_label {
+    font-size: var(--progress-linear-label-font-size, var(--text-sm));
+    font-weight: var(--progress-linear-label-font-weight, var(--weight-regular));
+    line-height: var(--progress-linear-label-line-height, var(--line-height-text-sm));
+    color: var(--progress-linear-label-color, currentColor);
+  }
+
+  .fteJNa_valueText {
+    font-size: var(--progress-linear-value-text-font-size, var(--text-sm));
+    font-weight: var(--progress-linear-value-text-font-weight, var(--weight-regular));
+    line-height: var(--progress-linear-value-text-line-height, var(--line-height-text-sm));
+    color: var(--progress-linear-value-text-color, currentColor);
+    text-align: right;
+    justify-self: end;
+  }
+
+  .fteJNa_track {
+    width: 100%;
+    height: var(--progress-linear-track-height, .5rem);
+    border-radius: var(--progress-linear-track-radius, var(--radius-full));
+    background-color: var(--progress-linear-track-bg, var(--color-muted));
+    box-shadow: inset 0 0 0 var(--progress-linear-track-border-width, var(--border-width-sm))
+      var(--progress-linear-track-border-color, var(--color-border));
+    grid-column: 1 / -1;
+    display: block;
+    overflow: hidden;
+
+    &[data-orientation="vertical"] {
+      width: var(--progress-linear-track-width, .5rem);
+      align-items: end;
+      height: 100%;
+      display: flex;
+    }
+  }
+
+  .fteJNa_range {
+    border-radius: var(--progress-linear-range-radius, inherit);
+    background-color: var(--progress-linear-range-bg, var(--color-primary));
+    height: 100%;
+    transition: width var(--progress-linear-range-transition, var(--transition-default)),
+      height var(--progress-linear-range-transition, var(--transition-default));
+    display: block;
+
+    &[data-state="indeterminate"] {
+      width: var(--progress-linear-range-indeterminate-width, 35%);
+      animation: var(--progress-linear-range-indeterminate-animation, progress-linear-indeterminate 1.5s ease-in-out infinite);
+    }
+
+    &[data-orientation="vertical"] {
+      width: 100%;
+    }
+
+    &[data-state="indeterminate"][data-orientation="vertical"] {
+      height: var(--progress-linear-range-indeterminate-width, 35%);
+      animation: var(--progress-linear-range-indeterminate-vertical-animation, progress-linear-indeterminate-vertical 1.5s ease-in-out infinite);
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      &[data-state="indeterminate"] {
+        animation: none;
+        transform: translate(0);
+      }
+    }
+  }
+
+  .fteJNa_view {
+    display: contents;
+  }
+
+  @keyframes fteJNa_progress-linear-indeterminate {
+    from {
+      transform: translateX(-100%);
+    }
+
+    to {
+      transform: translateX(300%);
+    }
+  }
+
+  @keyframes fteJNa_progress-linear-indeterminate-vertical {
+    from {
+      transform: translateY(100%);
+    }
+
+    to {
+      transform: translateY(-300%);
+    }
+  }
+}

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

@@ -0,0 +1,14 @@
+import { Progress } from "@ark-ui/react/progress";
+
+//#region src/components/progress-linear/ProgressLinear.d.ts
+declare const ProgressLinear: import("react").ForwardRefExoticComponent<Omit<Progress.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+  Root: import("react").ForwardRefExoticComponent<Omit<Progress.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  RootProvider: import("react").ForwardRefExoticComponent<Omit<Progress.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<Progress.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  ValueText: import("react").ForwardRefExoticComponent<Omit<Progress.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Track: import("react").ForwardRefExoticComponent<Omit<Progress.TrackProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Range: import("react").ForwardRefExoticComponent<Omit<Progress.RangeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  View: import("react").ForwardRefExoticComponent<Omit<Progress.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { ProgressLinear };

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

@@ -0,0 +1,74 @@
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import ProgressLinear_module_default from "./ProgressLinear.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Progress } from "@ark-ui/react/progress";
+//#region src/components/progress-linear/ProgressLinear.tsx
+const ProgressLinearRoot = forwardRef(function ProgressLinearRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Root, {
+		ref,
+		"data-slot": "progress-linear-root",
+		className: clsx(ProgressLinear_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressLinearRootProvider = forwardRef(function ProgressLinearRootProvider({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.RootProvider, {
+		ref,
+		"data-slot": "progress-linear-root-provider",
+		className: clsx(ProgressLinear_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressLinearLabel = forwardRef(function ProgressLinearLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Label, {
+		ref,
+		"data-slot": "progress-linear-label",
+		className: clsx(ProgressLinear_module_default.label, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressLinearValueText = forwardRef(function ProgressLinearValueText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.ValueText, {
+		ref,
+		"data-slot": "progress-linear-value-text",
+		className: clsx(ProgressLinear_module_default.valueText, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressLinearTrack = forwardRef(function ProgressLinearTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Track, {
+		ref,
+		"data-slot": "progress-linear-track",
+		className: clsx(ProgressLinear_module_default.track, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressLinearRange = forwardRef(function ProgressLinearRange({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Range, {
+		ref,
+		"data-slot": "progress-linear-range",
+		className: clsx(ProgressLinear_module_default.range, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressLinearView = forwardRef(function ProgressLinearView({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.View, {
+		ref,
+		"data-slot": "progress-linear-view",
+		className: clsx(ProgressLinear_module_default.view, normalizeClassName(className)),
+		...props
+	});
+});
+const ProgressLinear = Object.assign(ProgressLinearRoot, {
+	Root: ProgressLinearRoot,
+	RootProvider: ProgressLinearRootProvider,
+	Label: ProgressLinearLabel,
+	ValueText: ProgressLinearValueText,
+	Track: ProgressLinearTrack,
+	Range: ProgressLinearRange,
+	View: ProgressLinearView
+});
+//#endregion
+export { ProgressLinear };

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

@@ -0,0 +1,14 @@
+import './ProgressLinear.css';
+//#region src/components/progress-linear/ProgressLinear.module.css
+var ProgressLinear_module_default = {
+	"label": "fteJNa_label",
+	"progress-linear-indeterminate": "fteJNa_progress-linear-indeterminate",
+	"progress-linear-indeterminate-vertical": "fteJNa_progress-linear-indeterminate-vertical",
+	"range": "fteJNa_range",
+	"root": "fteJNa_root",
+	"track": "fteJNa_track",
+	"valueText": "fteJNa_valueText",
+	"view": "fteJNa_view"
+};
+//#endregion
+export { ProgressLinear_module_default as default };

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

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

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

@@ -0,0 +1,100 @@
+@layer ui.components {
+  .B15lta_root {
+    box-sizing: border-box;
+    align-items: center;
+    gap: var(--qr-code-gap, var(--spacing-3));
+    width: fit-content;
+    max-width: var(--qr-code-max-width, 100%);
+    color: var(--qr-code-color, var(--color-foreground));
+    flex-direction: column;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .B15lta_frame {
+    box-sizing: border-box;
+    width: var(--qr-code-size, 8rem);
+    height: var(--qr-code-size, 8rem);
+    color: inherit;
+    fill: var(--qr-code-fill, currentColor);
+    display: block;
+  }
+
+  .B15lta_pattern {
+    fill: inherit;
+  }
+
+  .B15lta_overlay {
+    box-sizing: border-box;
+    width: var(--qr-code-overlay-size, 2.5rem);
+    height: var(--qr-code-overlay-size, 2.5rem);
+    padding: var(--qr-code-overlay-padding, var(--spacing-1));
+    border-radius: var(--qr-code-overlay-radius, var(--radius-sm));
+    background-color: var(--qr-code-overlay-bg, var(--color-background));
+    color: var(--qr-code-overlay-color, var(--color-foreground));
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .B15lta_overlay :where(img, svg) {
+    object-fit: contain;
+    width: 100%;
+    height: 100%;
+  }
+
+  .B15lta_downloadTrigger {
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    gap: var(--qr-code-download-trigger-gap, var(--button-content-gap, var(--spacing-2)));
+    min-height: var(--qr-code-download-trigger-height, var(--button-size-md, var(--size-lg)));
+    padding-inline: var(--qr-code-download-trigger-padding-x, var(--button-padding-x-md, 1rem));
+    border: var(--qr-code-download-trigger-border-width, var(--button-border-width, var(--border-width-sm)))
+      solid
+      var(--qr-code-download-trigger-border-color, var(--button-outline-border-color, var(--color-border)));
+    border-radius: var(--qr-code-download-trigger-radius, var(--button-radius, var(--radius-md)));
+    background-color: var(--qr-code-download-trigger-bg, var(--button-outline-bg, var(--color-background)));
+    color: var(--qr-code-download-trigger-color, var(--button-outline-color, var(--color-foreground)));
+    appearance: none;
+    font: inherit;
+    font-size: var(--qr-code-download-trigger-font-size, var(--button-font-size, var(--text-sm)));
+    font-weight: var(--qr-code-download-trigger-font-weight, var(--button-font-weight, var(--weight-medium)));
+    line-height: var(--qr-code-download-trigger-line-height, var(--button-line-height, var(--line-height-text-sm)));
+    user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: border-color var(--qr-code-transition, var(--button-transition, var(--transition-default))),
+      background-color
+        var(--qr-code-transition, var(--button-transition, var(--transition-default))),
+      color var(--qr-code-transition, var(--button-transition, var(--transition-default))),
+      opacity var(--qr-code-transition, var(--button-transition, var(--transition-default))),
+      box-shadow var(--qr-code-transition, var(--button-transition, var(--transition-default)));
+    display: inline-flex;
+  }
+
+  .B15lta_downloadTrigger :where(svg) {
+    width: var(--qr-code-download-trigger-icon-size, var(--button-icon-size, 1rem));
+    height: var(--qr-code-download-trigger-icon-size, var(--button-icon-size, 1rem));
+    flex-shrink: 0;
+  }
+
+  @media (hover: hover) {
+    .B15lta_downloadTrigger:hover:not(:disabled, [data-disabled]) {
+      background-color: var(--qr-code-download-trigger-bg-hover, var(--button-outline-bg-hover, var(--color-accent)));
+    }
+  }
+
+  .B15lta_downloadTrigger:focus-visible {
+    outline: var(--qr-code-download-trigger-focus-ring-width, var(--button-focus-ring-width, var(--border-width-md)))
+      solid
+      var(--qr-code-download-trigger-focus-ring-color, var(--button-focus-ring-color, var(--color-ring)));
+    outline-offset: calc(var(--qr-code-download-trigger-focus-ring-offset, var(--qr-code-download-trigger-border-width, var(--button-border-width, var(--border-width-sm)))) *
+        -1);
+  }
+
+  .B15lta_downloadTrigger:disabled, .B15lta_downloadTrigger[data-disabled] {
+    pointer-events: none;
+    opacity: var(--qr-code-disabled-opacity, var(--button-disabled-opacity, var(--opacity-disabled)));
+  }
+}

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

@@ -0,0 +1,13 @@
+import { QrCode } from "@ark-ui/react/qr-code";
+
+//#region src/components/qr-code/QrCode.d.ts
+declare const QrCode$1: import("react").ForwardRefExoticComponent<Omit<QrCode.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+  Root: import("react").ForwardRefExoticComponent<Omit<QrCode.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  RootProvider: import("react").ForwardRefExoticComponent<Omit<QrCode.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Frame: import("react").ForwardRefExoticComponent<Omit<QrCode.FrameProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+  Pattern: import("react").ForwardRefExoticComponent<Omit<QrCode.PatternProps & import("react").RefAttributes<SVGPathElement>, "ref"> & import("react").RefAttributes<SVGPathElement>>;
+  Overlay: import("react").ForwardRefExoticComponent<Omit<QrCode.OverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  DownloadTrigger: import("react").ForwardRefExoticComponent<Omit<QrCode.DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { QrCode$1 as QrCode };

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

@@ -0,0 +1,65 @@
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import QrCode_module_default from "./QrCode.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { QrCode } from "@ark-ui/react/qr-code";
+//#region src/components/qr-code/QrCode.tsx
+const QrCodeRoot = forwardRef(function QrCodeRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(QrCode.Root, {
+		ref,
+		"data-slot": "qr-code-root",
+		className: clsx(QrCode_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+const QrCodeRootProvider = forwardRef(function QrCodeRootProvider({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(QrCode.RootProvider, {
+		ref,
+		"data-slot": "qr-code-root-provider",
+		className: clsx(QrCode_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+const QrCodeFrame = forwardRef(function QrCodeFrame({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(QrCode.Frame, {
+		ref,
+		"data-slot": "qr-code-frame",
+		className: clsx(QrCode_module_default.frame, normalizeClassName(className)),
+		...props
+	});
+});
+const QrCodePattern = forwardRef(function QrCodePattern({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(QrCode.Pattern, {
+		ref,
+		"data-slot": "qr-code-pattern",
+		className: clsx(QrCode_module_default.pattern, normalizeClassName(className)),
+		...props
+	});
+});
+const QrCodeOverlay = forwardRef(function QrCodeOverlay({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(QrCode.Overlay, {
+		ref,
+		"data-slot": "qr-code-overlay",
+		className: clsx(QrCode_module_default.overlay, normalizeClassName(className)),
+		...props
+	});
+});
+const QrCodeDownloadTrigger = forwardRef(function QrCodeDownloadTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(QrCode.DownloadTrigger, {
+		ref,
+		"data-slot": "qr-code-download-trigger",
+		className: clsx(QrCode_module_default.downloadTrigger, normalizeClassName(className)),
+		...props
+	});
+});
+const QrCode$1 = Object.assign(QrCodeRoot, {
+	Root: QrCodeRoot,
+	RootProvider: QrCodeRootProvider,
+	Frame: QrCodeFrame,
+	Pattern: QrCodePattern,
+	Overlay: QrCodeOverlay,
+	DownloadTrigger: QrCodeDownloadTrigger
+});
+//#endregion
+export { QrCode$1 as QrCode };

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

@@ -0,0 +1,11 @@
+import './QrCode.css';
+//#region src/components/qr-code/QrCode.module.css
+var QrCode_module_default = {
+	"downloadTrigger": "B15lta_downloadTrigger",
+	"frame": "B15lta_frame",
+	"overlay": "B15lta_overlay",
+	"pattern": "B15lta_pattern",
+	"root": "B15lta_root"
+};
+//#endregion
+export { QrCode_module_default as default };

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

@@ -0,0 +1,2 @@
+import { QrCode } from "./QrCode.js";
+export { QrCode };