@moduix/react 2.2.0 → 2.2.4

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

@@ -1,77 +1,75 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import ProgressLinear_module_default from "./ProgressLinear.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Progress, useProgress, useProgressContext } 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
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import ProgressLinear_module from "./ProgressLinear.module.js";
+const ProgressLinear_ProgressLinearRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Root, {
+        ref: ref,
+        "data-slot": "progress-linear-root",
+        className: clsx(ProgressLinear_module.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 ProgressLinear_ProgressLinearRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.RootProvider, {
+        ref: ref,
+        "data-slot": "progress-linear-root-provider",
+        className: clsx(ProgressLinear_module.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 ProgressLinear_ProgressLinearLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Label, {
+        ref: ref,
+        "data-slot": "progress-linear-label",
+        className: clsx(ProgressLinear_module.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 ProgressLinear_ProgressLinearValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.ValueText, {
+        ref: ref,
+        "data-slot": "progress-linear-value-text",
+        className: clsx(ProgressLinear_module.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 ProgressLinear_ProgressLinearTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Track, {
+        ref: ref,
+        "data-slot": "progress-linear-track",
+        className: clsx(ProgressLinear_module.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 ProgressLinear_ProgressLinearRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Range, {
+        ref: ref,
+        "data-slot": "progress-linear-range",
+        className: clsx(ProgressLinear_module.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_ProgressLinearView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.View, {
+        ref: ref,
+        "data-slot": "progress-linear-view",
+        className: clsx(ProgressLinear_module.view, normalizeClassName(className)),
+        ...props
+    });
 });
-const ProgressLinear = Object.assign(ProgressLinearRoot, {
-	Root: ProgressLinearRoot,
-	RootProvider: ProgressLinearRootProvider,
-	Context: Progress.Context,
-	Label: ProgressLinearLabel,
-	ValueText: ProgressLinearValueText,
-	Track: ProgressLinearTrack,
-	Range: ProgressLinearRange,
-	View: ProgressLinearView,
-	useProgress,
-	useProgressContext
+const ProgressLinear = Object.assign(ProgressLinear_ProgressLinearRoot, {
+    Root: ProgressLinear_ProgressLinearRoot,
+    RootProvider: ProgressLinear_ProgressLinearRootProvider,
+    Context: Progress.Context,
+    Label: ProgressLinear_ProgressLinearLabel,
+    ValueText: ProgressLinear_ProgressLinearValueText,
+    Track: ProgressLinear_ProgressLinearTrack,
+    Range: ProgressLinear_ProgressLinearRange,
+    View: ProgressLinear_ProgressLinearView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
 });
-//#endregion
 export { ProgressLinear };

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

@@ -1,14 +1,14 @@
-import './ProgressLinear.css';
-//#region src/components/progress-linear/ProgressLinear.module.css
-var ProgressLinear_module_default = {
-	"label": "Z1JBTG_label",
-	"progress-linear-indeterminate": "Z1JBTG_progress-linear-indeterminate",
-	"progress-linear-indeterminate-vertical": "Z1JBTG_progress-linear-indeterminate-vertical",
-	"range": "Z1JBTG_range",
-	"root": "Z1JBTG_root",
-	"track": "Z1JBTG_track",
-	"valueText": "Z1JBTG_valueText",
-	"view": "Z1JBTG_view"
+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",
+    "progress-linear-indeterminate": "progress-linear-indeterminate-MpsSj8",
+    progressLinearIndeterminate: "progress-linear-indeterminate-MpsSj8",
+    "progress-linear-indeterminate-vertical": "progress-linear-indeterminate-vertical-ynw1oD",
+    progressLinearIndeterminateVertical: "progress-linear-indeterminate-vertical-ynw1oD"
 };
-//#endregion
-export { ProgressLinear_module_default as default };
+export default ProgressLinear_module;

package/dist/components/progress-linear/{ProgressLinear.css → ProgressLinear_module.css}

@@ -1,37 +1,43 @@
 @layer moduix.components {
-  .Z1JBTG_root {
+  .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;
+  }
 
-    &[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;
-    }
+  .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;
   }
 
-  .Z1JBTG_label {
+  .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);
   }
 
-  .Z1JBTG_valueText {
+  .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: right;
+    text-align: end;
     justify-self: end;
   }
 
-  .Z1JBTG_track {
+  .track-o7p8iH {
     width: 100%;
     height: var(--moduix-progress-linear-track-height, .5rem);
     border-radius: var(--moduix-progress-linear-track-radius, var(--moduix-radius-full));
@@ -42,50 +48,55 @@
     grid-column: 1 / -1;
     display: block;
     overflow: hidden;
+  }
 
-    &[data-orientation="vertical"] {
-      width: var(--moduix-progress-linear-track-width, .5rem);
-      align-items: end;
-      height: 100%;
-      display: flex;
-    }
+  .track-o7p8iH[data-orientation="vertical"] {
+    width: var(--moduix-progress-linear-track-width, .5rem);
+    justify-self: center;
+    align-items: end;
+    height: 100%;
+    display: flex;
   }
 
-  .Z1JBTG_range {
+  .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;
+  }
 
-    &[data-state="indeterminate"] {
-      width: var(--moduix-progress-linear-range-indeterminate-width, 35%);
-      animation: var(--moduix-progress-linear-range-indeterminate-animation, progress-linear-indeterminate 1.5s ease-in-out infinite);
-    }
+  .range-A5c8GJ[data-state="indeterminate"] {
+    width: var(--moduix-progress-linear-range-indeterminate-width, 35%);
+    animation: var(--moduix-progress-linear-range-indeterminate-animation, progress-linear-indeterminate 1.5s ease-in-out infinite);
+  }
 
-    &[data-orientation="vertical"] {
-      width: 100%;
-    }
+  .range-A5c8GJ[data-orientation="vertical"] {
+    width: 100%;
+  }
 
-    &[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);
-    }
+  .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) {
-      &[data-state="indeterminate"] {
-        animation: none;
-        transform: translate(0);
-      }
+  @media (prefers-reduced-motion: reduce) {
+    .range-A5c8GJ[data-state="indeterminate"] {
+      animation: none;
+      transform: translate(0);
     }
   }
 
-  .Z1JBTG_view {
+  [dir="rtl"] .range-A5c8GJ[data-state="indeterminate"][data-orientation="horizontal"] {
+    animation-direction: reverse;
+  }
+
+  .view-KoQ_CZ {
     display: contents;
   }
 
-  @keyframes Z1JBTG_progress-linear-indeterminate {
+  @keyframes progress-linear-indeterminate-MpsSj8 {
     from {
       transform: translateX(-100%);
     }
@@ -95,7 +106,7 @@
     }
   }
 
-  @keyframes Z1JBTG_progress-linear-indeterminate-vertical {
+  @keyframes progress-linear-indeterminate-vertical-ynw1oD {
     from {
       transform: translateY(100%);
     }
@@ -105,3 +116,4 @@
     }
   }
 }
+

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

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

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

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

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

@@ -1,13 +1,11 @@
-import { QrCode, useQrCode } 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>>;
+import { QrCode as QrCodePrimitive, useQrCode, useQrCodeContext } from '@ark-ui/react/qr-code';
+declare const QrCode: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: QrCodePrimitive.ContextProps) => import("react").ReactNode;
+    Frame: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.FrameProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    Pattern: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.PatternProps & import("react").RefAttributes<SVGPathElement>, "ref"> & import("react").RefAttributes<SVGPathElement>>;
+    Overlay: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.OverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    DownloadTrigger: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
-export { QrCode$1 as QrCode, useQrCode };
+export { QrCode, useQrCode, useQrCodeContext };

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

@@ -1,65 +1,65 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import QrCode_module_default from "./QrCode.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { QrCode, useQrCode, useQrCodeContext } from "@ark-ui/react/qr-code";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { QrCode, useQrCode } 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
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import QrCode_module from "./QrCode.module.js";
+const QrCode_QrCodeRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.Root, {
+        ref: ref,
+        "data-slot": "qr-code-root",
+        className: clsx(QrCode_module.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 QrCode_QrCodeRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.RootProvider, {
+        ref: ref,
+        "data-slot": "qr-code-root-provider",
+        className: clsx(QrCode_module.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 QrCode_QrCodeFrame = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.Frame, {
+        ref: ref,
+        "data-slot": "qr-code-frame",
+        className: clsx(QrCode_module.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 QrCode_QrCodePattern = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.Pattern, {
+        ref: ref,
+        "data-slot": "qr-code-pattern",
+        className: clsx(QrCode_module.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 QrCode_QrCodeOverlay = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.Overlay, {
+        ref: ref,
+        "data-slot": "qr-code-overlay",
+        className: clsx(QrCode_module.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_QrCodeDownloadTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.DownloadTrigger, {
+        ref: ref,
+        "data-slot": "qr-code-download-trigger",
+        className: clsx(QrCode_module.downloadTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const QrCode$1 = Object.assign(QrCodeRoot, {
-	Root: QrCodeRoot,
-	RootProvider: QrCodeRootProvider,
-	Frame: QrCodeFrame,
-	Pattern: QrCodePattern,
-	Overlay: QrCodeOverlay,
-	DownloadTrigger: QrCodeDownloadTrigger
+const QrCode_QrCode = Object.assign(QrCode_QrCodeRoot, {
+    Root: QrCode_QrCodeRoot,
+    RootProvider: QrCode_QrCodeRootProvider,
+    Context: QrCode.Context,
+    Frame: QrCode_QrCodeFrame,
+    Pattern: QrCode_QrCodePattern,
+    Overlay: QrCode_QrCodeOverlay,
+    DownloadTrigger: QrCode_QrCodeDownloadTrigger
 });
-//#endregion
-export { QrCode$1 as QrCode, useQrCode };
+export { QrCode_QrCode as QrCode, useQrCode, useQrCodeContext };

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

@@ -1,11 +1,9 @@
-import './QrCode.css';
-//#region src/components/qr-code/QrCode.module.css
-var QrCode_module_default = {
-	"downloadTrigger": "ZbLWjq_downloadTrigger",
-	"frame": "ZbLWjq_frame",
-	"overlay": "ZbLWjq_overlay",
-	"pattern": "ZbLWjq_pattern",
-	"root": "ZbLWjq_root"
+import "./QrCode_module.css";
+const QrCode_module = {
+    root: "root-FbZFrE",
+    frame: "frame-xuEHtQ",
+    pattern: "pattern-rEX5Uj",
+    overlay: "overlay-ZFFTQV",
+    downloadTrigger: "downloadTrigger-qWJcms"
 };
-//#endregion
-export { QrCode_module_default as default };
+export default QrCode_module;

package/dist/components/qr-code/{QrCode.css → QrCode_module.css}

@@ -1,8 +1,9 @@
 @layer moduix.components {
-  .ZbLWjq_root {
+  .root-FbZFrE {
     box-sizing: border-box;
     align-items: center;
     gap: var(--moduix-qr-code-gap, var(--moduix-spacing-3));
+    width: -moz-fit-content;
     width: fit-content;
     max-width: var(--moduix-qr-code-max-width, 100%);
     color: var(--moduix-qr-code-color, var(--moduix-color-foreground));
@@ -11,7 +12,7 @@
     position: relative;
   }
 
-  .ZbLWjq_frame {
+  .frame-xuEHtQ {
     box-sizing: border-box;
     width: min(var(--moduix-qr-code-size, 8rem), 100%);
     aspect-ratio: 1;
@@ -21,11 +22,11 @@
     display: block;
   }
 
-  .ZbLWjq_pattern {
+  .pattern-rEX5Uj {
     fill: inherit;
   }
 
-  .ZbLWjq_overlay {
+  .overlay-ZFFTQV {
     box-sizing: border-box;
     width: var(--moduix-qr-code-overlay-size, var(--moduix-size-lg));
     height: var(--moduix-qr-code-overlay-size, var(--moduix-size-lg));
@@ -38,13 +39,13 @@
     display: inline-flex;
   }
 
-  .ZbLWjq_overlay :where(img, svg) {
+  .overlay-ZFFTQV :where(img, svg) {
     object-fit: contain;
     width: 100%;
     height: 100%;
   }
 
-  .ZbLWjq_downloadTrigger {
+  .downloadTrigger-qWJcms {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -62,6 +63,7 @@
     font-size: var(--moduix-qr-code-download-trigger-font-size, var(--moduix-button-font-size, var(--moduix-text-sm)));
     font-weight: var(--moduix-qr-code-download-trigger-font-weight, var(--moduix-button-font-weight, var(--moduix-weight-medium)));
     line-height: var(--moduix-qr-code-download-trigger-line-height, var(--moduix-button-line-height, var(--moduix-line-height-text-sm)));
+    -webkit-user-select: none;
     user-select: none;
     white-space: nowrap;
     cursor: pointer;
@@ -74,23 +76,25 @@
       opacity
         var(--moduix-qr-code-transition, var(--moduix-button-transition, var(--moduix-transition-default))),
       box-shadow
+        var(--moduix-qr-code-transition, var(--moduix-button-transition, var(--moduix-transition-default))),
+      transform
         var(--moduix-qr-code-transition, var(--moduix-button-transition, var(--moduix-transition-default)));
     display: inline-flex;
   }
 
-  .ZbLWjq_downloadTrigger :where(svg) {
+  .downloadTrigger-qWJcms :where(svg) {
     width: var(--moduix-qr-code-download-trigger-icon-size, var(--moduix-button-icon-size, var(--moduix-spacing-4)));
     height: var(--moduix-qr-code-download-trigger-icon-size, var(--moduix-button-icon-size, var(--moduix-spacing-4)));
     flex-shrink: 0;
   }
 
   @media (hover: hover) {
-    .ZbLWjq_downloadTrigger:hover:not(:disabled, [data-disabled]) {
+    .downloadTrigger-qWJcms:hover:not(:disabled, [data-disabled]) {
       background-color: var(--moduix-qr-code-download-trigger-bg-hover, var(--moduix-button-outline-bg-hover, var(--moduix-color-accent)));
     }
   }
 
-  .ZbLWjq_downloadTrigger:focus-visible {
+  .downloadTrigger-qWJcms:focus-visible {
     outline: var(--moduix-qr-code-download-trigger-focus-ring-width, var(--moduix-button-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md))))
       solid
       var(--moduix-qr-code-download-trigger-focus-ring-color, var(--moduix-button-focus-ring-color, var(--moduix-color-ring)));
@@ -98,8 +102,19 @@
         -1);
   }
 
-  .ZbLWjq_downloadTrigger:disabled, .ZbLWjq_downloadTrigger[data-disabled] {
+  .downloadTrigger-qWJcms:active:not(:disabled, [data-disabled]) {
+    opacity: .94;
+  }
+
+  @media (prefers-reduced-motion: no-preference) {
+    .downloadTrigger-qWJcms:active:not(:disabled, [data-disabled]) {
+      transform: translateY(1px) scale(.985);
+    }
+  }
+
+  .downloadTrigger-qWJcms:disabled, .downloadTrigger-qWJcms[data-disabled] {
     pointer-events: none;
     opacity: var(--moduix-qr-code-disabled-opacity, var(--moduix-button-disabled-opacity, var(--moduix-opacity-disabled)));
   }
 }
+

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

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

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

@@ -0,0 +1 @@
+export * from "./QrCode.js";