@moduix/react 2.2.0 → 2.2.4

package/dist/components/angle-slider/AngleSlider.js

@@ -1,108 +1,122 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import AngleSlider_module_default from "./AngleSlider.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AngleSlider, useAngleSlider, useAngleSliderContext } from "@ark-ui/react/angle-slider";
 import { clsx } from "clsx";
 import { Children, cloneElement, forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { AngleSlider, useAngleSlider } from "@ark-ui/react/angle-slider";
-//#region src/components/angle-slider/AngleSlider.tsx
-const AngleSliderRoot = forwardRef(function AngleSliderRoot({ asChild, children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Root, {
-		ref,
-		"data-slot": "angle-slider-root",
-		className: clsx(AngleSlider_module_default.root, normalizeClassName(className)),
-		asChild,
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import AngleSlider_module from "./AngleSlider.module.js";
+const AngleSlider_AngleSliderRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Root, {
+        ref: ref,
+        "data-slot": "angle-slider-root",
+        className: clsx(AngleSlider_module.root, normalizeClassName(className)),
+        asChild: asChild,
+        ...props,
+        children: withHiddenInput(children, asChild)
+    });
 });
-const AngleSliderLabel = forwardRef(function AngleSliderLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Label, {
-		ref,
-		"data-slot": "angle-slider-label",
-		className: clsx(AngleSlider_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Label, {
+        ref: ref,
+        "data-slot": "angle-slider-label",
+        className: clsx(AngleSlider_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSliderRootProvider = forwardRef(function AngleSliderRootProvider({ asChild, children, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.RootProvider, {
-		ref,
-		"data-slot": "angle-slider-root-provider",
-		className: clsx(AngleSlider_module_default.root, normalizeClassName(className)),
-		asChild,
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+const AngleSlider_AngleSliderRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.RootProvider, {
+        ref: ref,
+        "data-slot": "angle-slider-root-provider",
+        className: clsx(AngleSlider_module.root, normalizeClassName(className)),
+        asChild: asChild,
+        ...props,
+        children: withHiddenInput(children, asChild)
+    });
 });
 function withHiddenInput(children, asChild) {
-	const hiddenInput = /* @__PURE__ */ jsx(AngleSlider.HiddenInput, { "data-slot": "angle-slider-hidden-input" });
-	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
-	const child = Children.only(children);
-	return cloneElement(child, {}, child.props.children, hiddenInput);
+    const hiddenInput = /*#__PURE__*/ jsx(AngleSlider.HiddenInput, {
+        "data-slot": "angle-slider-hidden-input"
+    });
+    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            children,
+            hiddenInput
+        ]
+    });
+    const child = Children.only(children);
+    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
 }
-const AngleSliderControl = forwardRef(function AngleSliderControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Control, {
-		ref,
-		"data-slot": "angle-slider-control",
-		className: clsx(AngleSlider_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Control, {
+        ref: ref,
+        "data-slot": "angle-slider-control",
+        className: clsx(AngleSlider_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSliderThumb = forwardRef(function AngleSliderThumb({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Thumb, {
-		ref,
-		"data-slot": "angle-slider-thumb",
-		className: clsx(AngleSlider_module_default.thumb, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Thumb, {
+        ref: ref,
+        "data-slot": "angle-slider-thumb",
+        className: clsx(AngleSlider_module.thumb, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSliderMarkerGroup = forwardRef(function AngleSliderMarkerGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.MarkerGroup, {
-		ref,
-		"data-slot": "angle-slider-marker-group",
-		className: clsx(AngleSlider_module_default.markerGroup, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderMarkerGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.MarkerGroup, {
+        ref: ref,
+        "data-slot": "angle-slider-marker-group",
+        className: clsx(AngleSlider_module.markerGroup, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSliderMarker = forwardRef(function AngleSliderMarker({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.Marker, {
-		ref,
-		"data-slot": "angle-slider-marker",
-		className: clsx(AngleSlider_module_default.marker, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderMarker = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.Marker, {
+        ref: ref,
+        "data-slot": "angle-slider-marker",
+        className: clsx(AngleSlider_module.marker, normalizeClassName(className)),
+        ...props
+    });
 });
 function AngleSliderMarks({ values, ...props }) {
-	return /* @__PURE__ */ jsx(AngleSliderMarkerGroup, {
-		...props,
-		children: values.map((value) => /* @__PURE__ */ jsx(AngleSliderMarker, { value }, value))
-	});
+    return /*#__PURE__*/ jsx(AngleSlider_AngleSliderMarkerGroup, {
+        ...props,
+        children: values.map((value)=>/*#__PURE__*/ jsx(AngleSlider_AngleSliderMarker, {
+                value: value
+            }, value))
+    });
 }
 function AngleSliderDial({ children, thumbClassName, ...props }) {
-	return /* @__PURE__ */ jsxs(AngleSliderControl, {
-		...props,
-		children: [children, /* @__PURE__ */ jsx(AngleSliderThumb, { className: thumbClassName })]
-	});
+    return /*#__PURE__*/ jsxs(AngleSlider_AngleSliderControl, {
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(AngleSlider_AngleSliderThumb, {
+                className: thumbClassName
+            })
+        ]
+    });
 }
-const AngleSliderValueText = forwardRef(function AngleSliderValueText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(AngleSlider.ValueText, {
-		ref,
-		"data-slot": "angle-slider-value-text",
-		className: clsx(AngleSlider_module_default.valueText, normalizeClassName(className)),
-		...props
-	});
+const AngleSlider_AngleSliderValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(AngleSlider.ValueText, {
+        ref: ref,
+        "data-slot": "angle-slider-value-text",
+        className: clsx(AngleSlider_module.valueText, normalizeClassName(className)),
+        ...props
+    });
 });
-const AngleSlider$1 = Object.assign(AngleSliderRoot, {
-	Root: AngleSliderRoot,
-	RootProvider: AngleSliderRootProvider,
-	Label: AngleSliderLabel,
-	Control: AngleSliderControl,
-	Dial: AngleSliderDial,
-	Thumb: AngleSliderThumb,
-	MarkerGroup: AngleSliderMarkerGroup,
-	Marker: AngleSliderMarker,
-	Marks: AngleSliderMarks,
-	ValueText: AngleSliderValueText
+const AngleSlider_AngleSlider = Object.assign(AngleSlider_AngleSliderRoot, {
+    Root: AngleSlider_AngleSliderRoot,
+    RootProvider: AngleSlider_AngleSliderRootProvider,
+    Context: AngleSlider.Context,
+    Label: AngleSlider_AngleSliderLabel,
+    Control: AngleSlider_AngleSliderControl,
+    Dial: AngleSliderDial,
+    Thumb: AngleSlider_AngleSliderThumb,
+    MarkerGroup: AngleSlider_AngleSliderMarkerGroup,
+    Marker: AngleSlider_AngleSliderMarker,
+    Marks: AngleSliderMarks,
+    ValueText: AngleSlider_AngleSliderValueText
 });
-const useAngleSlider$1 = useAngleSlider;
-//#endregion
-export { AngleSlider$1 as AngleSlider, useAngleSlider$1 as useAngleSlider };
+const AngleSlider_useAngleSlider = useAngleSlider;
+export { AngleSlider_AngleSlider as AngleSlider, AngleSlider_useAngleSlider as useAngleSlider, useAngleSliderContext };

package/dist/components/angle-slider/AngleSlider.module.js

@@ -1,13 +1,11 @@
-import './AngleSlider.css';
-//#region src/components/angle-slider/AngleSlider.module.css
-var AngleSlider_module_default = {
-	"control": "vn7zXa_control",
-	"label": "vn7zXa_label",
-	"marker": "vn7zXa_marker",
-	"markerGroup": "vn7zXa_markerGroup",
-	"root": "vn7zXa_root",
-	"thumb": "vn7zXa_thumb",
-	"valueText": "vn7zXa_valueText"
+import "./AngleSlider_module.css";
+const AngleSlider_module = {
+    root: "root-vVzCs9",
+    label: "label-VII5tE",
+    control: "control-TKuxcQ",
+    thumb: "thumb-BSrcel",
+    markerGroup: "markerGroup-Ga67fO",
+    marker: "marker-kWcrOw",
+    valueText: "valueText-QUG00u"
 };
-//#endregion
-export { AngleSlider_module_default as default };
+export default AngleSlider_module;

package/dist/components/angle-slider/AngleSlider_module.css

@@ -0,0 +1,195 @@
+@layer moduix.components {
+  .root-vVzCs9 {
+    box-sizing: border-box;
+    align-items: center;
+    gap: var(--moduix-angle-slider-gap, var(--moduix-spacing-3));
+    min-width: 0;
+    color: var(--moduix-angle-slider-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: inline-flex;
+  }
+
+  .root-vVzCs9[data-disabled] {
+    opacity: var(--moduix-angle-slider-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .label-VII5tE {
+    color: var(--moduix-angle-slider-label-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
+    font-size: var(--moduix-angle-slider-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-angle-slider-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-angle-slider-label-line-height, var(--moduix-line-height-text-sm));
+    text-align: center;
+  }
+
+  .control-TKuxcQ {
+    --_angle-slider-control-border-color: var(--moduix-angle-slider-control-border-color, var(--moduix-color-border));
+    --_angle-slider-track-border-color: var(--moduix-angle-slider-track-border-color, var(--moduix-color-border));
+    box-sizing: border-box;
+    width: var(--moduix-angle-slider-size, 8rem);
+    aspect-ratio: 1;
+    border-radius: var(--moduix-angle-slider-radius, var(--moduix-radius-full));
+    background: var(--moduix-angle-slider-track-bg, var(--moduix-color-muted));
+    min-width: 0;
+    box-shadow: inset 0 0 0 var(--moduix-angle-slider-track-border-width, var(--moduix-border-width-sm))
+        var(--_angle-slider-track-border-color),
+      var(--moduix-angle-slider-shadow, none);
+    cursor: pointer;
+    -webkit-user-select: none;
+    user-select: none;
+    outline: 0;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: relative;
+  }
+
+  .control-TKuxcQ:after {
+    z-index: 1;
+    inset: var(--moduix-angle-slider-ring-thickness, .875rem);
+    border-radius: inherit;
+    background: var(--moduix-angle-slider-control-bg, var(--moduix-color-background));
+    box-shadow: inset 0 0 0
+        var(--moduix-angle-slider-control-border-width, var(--moduix-border-width-sm))
+        var(--_angle-slider-control-border-color);
+    content: "";
+    position: absolute;
+  }
+
+  .control-TKuxcQ:before {
+    z-index: 1;
+    width: var(--moduix-angle-slider-center-dot-size, var(--moduix-spacing-1-5));
+    height: var(--moduix-angle-slider-center-dot-size, var(--moduix-spacing-1-5));
+    border-radius: inherit;
+    background: var(--moduix-angle-slider-center-dot-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
+    content: "";
+    position: absolute;
+  }
+
+  .control-TKuxcQ:has(.thumb-BSrcel:focus-visible) {
+    box-shadow: inset 0 0 0 var(--moduix-angle-slider-track-border-width, var(--moduix-border-width-sm))
+          var(--_angle-slider-track-border-color),
+        0 0 0 var(--moduix-angle-slider-focus-ring-width, .1875rem)
+          var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring)),
+        var(--moduix-angle-slider-shadow, none);
+  }
+
+  .control-TKuxcQ[data-invalid] {
+    --_angle-slider-control-border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
+    --_angle-slider-track-border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
+  }
+
+  .control-TKuxcQ:is([data-disabled], [data-readonly]) {
+    cursor: default;
+  }
+
+  .thumb-BSrcel {
+    top: 0;
+    bottom: 0;
+    left: calc(50% - var(--moduix-angle-slider-thumb-line-width, .1875rem) / 2);
+    z-index: 2;
+    width: var(--moduix-angle-slider-thumb-line-width, .1875rem);
+    outline: 0;
+    position: absolute;
+  }
+
+  .thumb-BSrcel:before {
+    top: var(--moduix-angle-slider-ring-thickness, .875rem);
+    box-sizing: border-box;
+    width: var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4));
+    height: var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4));
+    border: var(--moduix-angle-slider-thumb-border-width, var(--moduix-border-width-sm)) solid
+        var(--moduix-angle-slider-thumb-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-angle-slider-thumb-radius, var(--moduix-radius-full));
+    background: var(--moduix-angle-slider-thumb-bg, var(--moduix-angle-slider-indicator-bg, var(--moduix-color-primary)));
+    box-shadow: var(--moduix-angle-slider-thumb-shadow, var(--moduix-shadow-sm));
+    transition: border-color var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
+        box-shadow var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
+        background-color var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
+        transform var(--moduix-angle-slider-transition, var(--moduix-transition-default));
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .thumb-BSrcel:after {
+    top: calc(var(--moduix-angle-slider-ring-thickness, .875rem) +
+          var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4)) + var(--moduix-spacing-1));
+    width: var(--moduix-angle-slider-thumb-line-width, .1875rem);
+    height: calc(50% - var(--moduix-angle-slider-ring-thickness, .875rem) -
+          var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4)) - var(--moduix-spacing-1-5));
+    border-radius: var(--moduix-radius-full);
+    background: linear-gradient(to bottom,
+        var(--moduix-angle-slider-indicator-bg, var(--moduix-color-primary)),
+        transparent);
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .thumb-BSrcel:focus-visible:before {
+    border-color: var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring));
+    box-shadow: 0 0 0 var(--moduix-border-width-sm)
+        var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .thumb-BSrcel:active:not([data-disabled], [data-readonly]):before {
+    transform: translateX(-50%) scale(1.08);
+  }
+
+  .thumb-BSrcel[data-invalid]:before {
+    border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
+  }
+
+  .thumb-BSrcel[data-invalid]:after {
+    background: linear-gradient(to bottom,
+        var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive)),
+        transparent);
+  }
+
+  .thumb-BSrcel[data-disabled] {
+    pointer-events: none;
+  }
+
+  .markerGroup-Ga67fO {
+    z-index: 1;
+    pointer-events: none;
+    position: absolute;
+    inset: 0;
+  }
+
+  .marker-kWcrOw {
+    position: absolute;
+    inset: 0;
+  }
+
+  .marker-kWcrOw:before {
+    top: calc(var(--moduix-angle-slider-ring-thickness, .875rem) + .125rem);
+    width: var(--moduix-angle-slider-marker-width, .125rem);
+    height: var(--moduix-angle-slider-marker-height, .625rem);
+    border-radius: var(--moduix-radius-full);
+    background: var(--moduix-angle-slider-marker-color, var(--moduix-color-muted-foreground));
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .marker-kWcrOw[data-state="under-value"]:before {
+    background: var(--moduix-angle-slider-marker-active-color, var(--moduix-color-primary));
+  }
+
+  .marker-kWcrOw[data-state="at-value"]:before {
+    background: var(--moduix-angle-slider-marker-current-color, var(--moduix-color-foreground));
+  }
+
+  .valueText-QUG00u {
+    color: var(--moduix-angle-slider-value-text-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
+    font-size: var(--moduix-angle-slider-value-text-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-angle-slider-value-text-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-angle-slider-value-text-line-height, var(--moduix-line-height-text-sm));
+    text-align: center;
+  }
+}
+

package/dist/components/angle-slider/index.d.ts

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

package/dist/components/angle-slider/index.js

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

package/dist/components/aspect-ratio/AspectRatio.d.ts

@@ -1,10 +1,8 @@
-//#region src/components/aspect-ratio/AspectRatio.d.ts
 declare const AspectRatio: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  ratio: number;
-} & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     ratio: number;
-  } & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        ratio: number;
+    } & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { AspectRatio };
+export { AspectRatio };

package/dist/components/aspect-ratio/AspectRatio.js

@@ -1,24 +1,25 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import AspectRatio_module_default from "./AspectRatio.module.js";
+import { jsx } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/aspect-ratio/AspectRatio.tsx
-const AspectRatioRoot = forwardRef(function AspectRatioRoot({ ratio, className, style, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "aspect-ratio",
-		"data-part": "root",
-		"data-slot": "aspect-ratio-root",
-		className: clsx(AspectRatio_module_default.root, normalizeClassName(className)),
-		style: {
-			"--aspect-ratio-value": ratio,
-			...style
-		},
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import AspectRatio_module from "./AspectRatio.module.js";
+const AspectRatio_AspectRatioRoot = /*#__PURE__*/ forwardRef(function({ ratio, className, style, ...props }, ref) {
+    if (!Number.isFinite(ratio) || ratio <= 0) throw new RangeError('AspectRatio `ratio` must be a finite number greater than zero.');
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "aspect-ratio",
+        "data-part": "root",
+        "data-slot": "aspect-ratio-root",
+        className: clsx(AspectRatio_module.root, normalizeClassName(className)),
+        style: {
+            ...style,
+            '--aspect-ratio-value': ratio
+        },
+        ...props
+    });
+});
+const AspectRatio = Object.assign(AspectRatio_AspectRatioRoot, {
+    Root: AspectRatio_AspectRatioRoot
 });
-const AspectRatio = Object.assign(AspectRatioRoot, { Root: AspectRatioRoot });
-//#endregion
 export { AspectRatio };

package/dist/components/aspect-ratio/AspectRatio.module.js

@@ -1,5 +1,5 @@
-import './AspectRatio.css';
-//#region src/components/aspect-ratio/AspectRatio.module.css
-var AspectRatio_module_default = { "root": "iOVgxW_root" };
-//#endregion
-export { AspectRatio_module_default as default };
+import "./AspectRatio_module.css";
+const AspectRatio_module = {
+    root: "root-_8OMdK"
+};
+export default AspectRatio_module;

package/dist/components/aspect-ratio/{AspectRatio.css → AspectRatio_module.css}

@@ -1,16 +1,17 @@
 @layer moduix.components {
-  .iOVgxW_root {
+  .root-_8OMdK {
     --aspect-ratio-value: 1;
     width: 100%;
     aspect-ratio: var(--aspect-ratio-value);
     border-radius: var(--moduix-aspect-ratio-radius, var(--moduix-radius-md));
     position: relative;
     overflow: hidden;
+  }
 
-    & > :where(img, video, iframe, canvas, svg) {
-      width: 100%;
-      height: 100%;
-      display: block;
-    }
+  .root-_8OMdK > :where(img, video, iframe, canvas, svg) {
+    width: 100%;
+    height: 100%;
+    display: block;
   }
 }
+

package/dist/components/aspect-ratio/index.d.ts

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

package/dist/components/aspect-ratio/index.js

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

package/dist/components/avatar/Avatar.d.ts

@@ -1,22 +1,20 @@
-import { ComponentProps } from "react";
-import { Avatar, useAvatar, useAvatarContext } from "@ark-ui/react/avatar";
-
-//#region src/components/avatar/Avatar.d.ts
+import { Avatar as AvatarPrimitive, useAvatar, useAvatarContext } from '@ark-ui/react/avatar';
+import { type ComponentProps } from 'react';
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type AvatarRootProps = ComponentProps<typeof Avatar.Root> & {
-  size?: AvatarSize;
+type AvatarRootProps = ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: AvatarSize;
 };
-type AvatarRootProviderProps = ComponentProps<typeof Avatar.RootProvider> & {
-  size?: AvatarSize;
+type AvatarRootProviderProps = ComponentProps<typeof AvatarPrimitive.RootProvider> & {
+    size?: AvatarSize;
 };
-type AvatarFallbackProps = ComponentProps<typeof Avatar.Fallback> & {
-  name?: string;
+type AvatarFallbackProps = ComponentProps<typeof AvatarPrimitive.Fallback> & {
+    name?: string;
 };
-declare const Avatar$1: import("react").ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<AvatarRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Image: import("react").ForwardRefExoticComponent<Omit<Avatar.ImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
-  Fallback: import("react").ForwardRefExoticComponent<Omit<AvatarFallbackProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<AvatarRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: AvatarPrimitive.ContextProps) => import("react").ReactNode;
+    Image: import("react").ForwardRefExoticComponent<Omit<AvatarPrimitive.ImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+    Fallback: import("react").ForwardRefExoticComponent<Omit<AvatarFallbackProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 };
-//#endregion
-export { Avatar$1 as Avatar, useAvatar, useAvatarContext };
+export { Avatar, useAvatar, useAvatarContext };