@moduix/react 2.2.0 → 2.2.4

package/dist/components/popover/{Popover.css → Popover_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  .Qww_tG_trigger, .Qww_tG_closeTrigger {
+  .trigger-TuNfDY, .closeTrigger-g6dVFQ {
     box-sizing: border-box;
     min-height: var(--moduix-popover-control-height, var(--moduix-size-md));
     padding: var(--moduix-popover-control-padding-y, var(--moduix-spacing-1))
@@ -12,6 +12,7 @@
     font: inherit;
     font-size: var(--moduix-popover-control-font-size, var(--moduix-text-md));
     line-height: var(--moduix-popover-control-line-height, var(--moduix-line-height-text-md));
+    -webkit-user-select: none;
     user-select: none;
     cursor: pointer;
     transition: background-color var(--moduix-popover-transition, var(--moduix-transition-default)),
@@ -22,37 +23,37 @@
     align-items: center;
     margin: 0;
     display: inline-flex;
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-popover-control-bg-hover, var(--moduix-color-accent));
-      }
+  @media (hover: hover) {
+    :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ):hover {
+      background-color: var(--moduix-popover-control-bg-hover, var(--moduix-color-accent));
     }
+  }
 
-    &:active, &[data-state="open"] {
-      background-color: var(--moduix-popover-control-bg-active, var(--moduix-popover-control-bg-hover, var(--moduix-color-accent)));
-    }
+  :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ):active, :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ)[data-state="open"]:not([data-value]), :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ)[data-state="open"][data-current] {
+    background-color: var(--moduix-popover-control-bg-active, var(--moduix-popover-control-bg-hover, var(--moduix-color-accent)));
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-popover-focus-ring-width, var(--moduix-popover-control-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))))
+  :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ):focus-visible {
+    outline: var(--moduix-popover-focus-ring-width, var(--moduix-popover-control-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))))
         solid var(--moduix-popover-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: calc(var(--moduix-popover-focus-ring-width, var(--moduix-popover-control-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))) *
+    outline-offset: calc(var(--moduix-popover-focus-ring-width, var(--moduix-popover-control-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))) *
           -1);
-    }
+  }
 
-    &[data-disabled], &[disabled] {
-      pointer-events: none;
-      opacity: var(--moduix-popover-disabled-opacity, var(--moduix-opacity-disabled));
-    }
+  :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ)[data-disabled], :is(.trigger-TuNfDY, .closeTrigger-g6dVFQ)[disabled] {
+    pointer-events: none;
+    opacity: var(--moduix-popover-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
-  .Qww_tG_positioner {
+  .positioner-gqEojT {
     z-index: var(--z-index, var(--moduix-z-popup));
     max-width: var(--available-width);
     outline: 0;
   }
 
-  .Qww_tG_content {
+  .content-QiLEpj {
     --moduix-popover-close-icon-size-effective: var(--moduix-popover-close-icon-size, var(--moduix-spacing-7));
     --moduix-popover-close-icon-offset-effective: var(--moduix-popover-close-icon-offset, var(--moduix-spacing-3));
     --moduix-popover-header-padding-inline-end-effective: var(--moduix-popover-header-padding-inline-end, calc(var(--moduix-popover-close-icon-size-effective) +
@@ -76,41 +77,49 @@
     border: 0;
     position: relative;
     overflow: visible;
+  }
 
-    &[data-state="open"] {
-      animation: Qww_tG_popover-enter
+  .content-QiLEpj[data-state="open"] {
+    animation: popover-enter-Kmc_ZV
         var(--moduix-popover-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
             var(--moduix-popup-motion-easing, ease))
         both;
-    }
+  }
 
-    &[data-state="closed"] {
-      animation: Qww_tG_popover-exit
+  .content-QiLEpj[data-state="closed"] {
+    animation: popover-exit-AUr4tl
         var(--moduix-popover-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast))
             var(--moduix-popup-motion-easing, ease))
         both;
-    }
+  }
 
-    &:has(.Qww_tG_closeIcon) {
-      & .Qww_tG_header {
-        padding-inline-end: var(--moduix-popover-header-padding-inline-end-effective);
-      }
-    }
+  .content-QiLEpj:has( > .body-aMDFGV) {
+    flex-direction: column;
+    display: flex;
   }
 
-  .Qww_tG_arrow {
+  .content-QiLEpj:has( > .body-aMDFGV) > .body-aMDFGV {
+    min-block-size: 0;
+    overflow: auto;
+  }
+
+  .content-QiLEpj:has(.closeIcon-oldPto) .header-q59Ek4 {
+    padding-inline-end: var(--moduix-popover-header-padding-inline-end-effective);
+  }
+
+  .arrow-B6fVya {
     --arrow-size: var(--moduix-popover-arrow-size, var(--moduix-spacing-2-5));
     --arrow-background: var(--moduix-popover-bg, var(--moduix-color-popover));
   }
 
-  .Qww_tG_arrowTip {
+  .arrowTip-HpILQT {
     border-top: var(--moduix-popover-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-popover-arrow-stroke-color, var(--moduix-popover-border-color, var(--moduix-color-border)));
     border-left: var(--moduix-popover-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-popover-arrow-stroke-color, var(--moduix-popover-border-color, var(--moduix-color-border)));
   }
 
-  .Qww_tG_title {
+  .title-o5I9x8 {
     color: var(--moduix-popover-title-color, var(--moduix-popover-color, var(--moduix-color-popover-foreground)));
     font-size: var(--moduix-popover-title-font-size, var(--moduix-text-md));
     font-weight: var(--moduix-popover-title-font-weight, var(--moduix-weight-semibold));
@@ -118,14 +127,14 @@
     margin: 0;
   }
 
-  .Qww_tG_description {
+  .description-ZrOS9P {
     margin: var(--moduix-popover-description-margin, 0);
     color: var(--moduix-popover-description-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-popover-description-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-popover-description-line-height, var(--moduix-line-height-text-sm));
   }
 
-  .Qww_tG_closeIcon {
+  .closeIcon-oldPto {
     --moduix-close-button-size: var(--moduix-popover-close-icon-size-effective);
     --moduix-close-button-radius: var(--moduix-popover-close-icon-radius, var(--moduix-radius-sm));
     --moduix-close-button-icon-size: var(--moduix-popover-close-icon-glyph-size, var(--moduix-spacing-3-5));
@@ -139,16 +148,16 @@
     inset-inline-end: var(--moduix-popover-close-icon-offset-effective);
   }
 
-  .Qww_tG_header {
+  .header-q59Ek4 {
     gap: var(--moduix-popover-header-gap, var(--moduix-spacing-1));
     display: grid;
   }
 
-  .Qww_tG_body {
+  .body-aMDFGV {
     margin: var(--moduix-popover-body-margin, 0);
   }
 
-  .Qww_tG_footer {
+  .footer-laX930 {
     align-items: center;
     justify-content: var(--moduix-popover-footer-justify, flex-end);
     gap: var(--moduix-popover-footer-gap, var(--moduix-spacing-2));
@@ -156,7 +165,7 @@
     display: flex;
   }
 
-  @keyframes Qww_tG_popover-enter {
+  @keyframes popover-enter-Kmc_ZV {
     from {
       opacity: var(--moduix-popover-content-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));
       translate: var(--moduix-popover-content-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0))
@@ -165,7 +174,7 @@
     }
   }
 
-  @keyframes Qww_tG_popover-exit {
+  @keyframes popover-exit-AUr4tl {
     to {
       opacity: var(--moduix-popover-content-ending-opacity, var(--moduix-popup-motion-ending-opacity, 0));
       translate: var(--moduix-popover-content-ending-translate-x, var(--moduix-popup-motion-ending-translate-x, 0))
@@ -174,3 +183,4 @@
     }
   }
 }
+

package/dist/components/popover/index.d.ts

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

package/dist/components/popover/index.js

@@ -0,0 +1 @@
+export { Popover, usePopover, usePopoverContext } from "./Popover.js";

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

@@ -1,21 +1,18 @@
-import { ComponentProps } from "react";
-import { Progress } from "@ark-ui/react/progress";
-
-//#region src/components/progress-circular/ProgressCircular.d.ts
-type ProgressCircularRingProps = Omit<ComponentProps<typeof Progress.Circle>, 'asChild' | 'children'>;
-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>>;
-  Context: (props: Progress.ContextProps) => import("react").ReactNode;
-  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>>;
-  Ring: import("react").ForwardRefExoticComponent<Omit<ProgressCircularRingProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
-  View: import("react").ForwardRefExoticComponent<Omit<Progress.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  useProgress: (props?: import("@ark-ui/react/progress").UseProgressProps) => import("@ark-ui/react/progress").UseProgressReturn;
-  useProgressContext: () => import("@ark-ui/react/progress").UseProgressContext;
+import { Progress as ProgressPrimitive } from '@ark-ui/react/progress';
+import type { ComponentProps } from 'react';
+type ProgressCircularRingProps = Omit<ComponentProps<typeof ProgressPrimitive.Circle>, 'asChild' | 'children'>;
+declare const ProgressCircular: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ProgressPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Circle: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    CircleTrack: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleTrackProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
+    CircleRange: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleRangeProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
+    Ring: import("react").ForwardRefExoticComponent<Omit<ProgressCircularRingProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    View: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    useProgress: (props?: import("@ark-ui/react/progress").UseProgressProps) => import("@ark-ui/react/progress").UseProgressReturn;
+    useProgressContext: () => import("@ark-ui/react/progress").UseProgressContext;
 };
-//#endregion
-export { ProgressCircular };
+export { ProgressCircular };

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

@@ -1,94 +1,95 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import ProgressCircular_module_default from "./ProgressCircular.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress, useProgress, useProgressContext } 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
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import ProgressCircular_module from "./ProgressCircular.module.js";
+const ProgressCircular_ProgressCircularRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Root, {
+        ref: ref,
+        "data-slot": "progress-circular-root",
+        className: clsx(ProgressCircular_module.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 ProgressCircular_ProgressCircularRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.RootProvider, {
+        ref: ref,
+        "data-slot": "progress-circular-root-provider",
+        className: clsx(ProgressCircular_module.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 ProgressCircular_ProgressCircularLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Label, {
+        ref: ref,
+        "data-slot": "progress-circular-label",
+        className: clsx(ProgressCircular_module.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 ProgressCircular_ProgressCircularValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.ValueText, {
+        ref: ref,
+        "data-slot": "progress-circular-value-text",
+        className: clsx(ProgressCircular_module.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 ProgressCircular_ProgressCircularCircle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Circle, {
+        ref: ref,
+        "data-slot": "progress-circular-circle",
+        className: clsx(ProgressCircular_module.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 ProgressCircular_ProgressCircularCircleTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.CircleTrack, {
+        ref: ref,
+        "data-slot": "progress-circular-circle-track",
+        className: clsx(ProgressCircular_module.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 ProgressCircular_ProgressCircularCircleRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.CircleRange, {
+        ref: ref,
+        "data-slot": "progress-circular-circle-range",
+        className: clsx(ProgressCircular_module.circleRange, normalizeClassName(className)),
+        ...props
+    });
 });
-const ProgressCircularRing = forwardRef(function ProgressCircularRing(props, ref) {
-	return /* @__PURE__ */ jsxs(ProgressCircularCircle, {
-		ref,
-		...props,
-		children: [/* @__PURE__ */ jsx(ProgressCircularCircleTrack, {}), /* @__PURE__ */ jsx(ProgressCircularCircleRange, {})]
-	});
+const ProgressCircular_ProgressCircularRing = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsxs(ProgressCircular_ProgressCircularCircle, {
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(ProgressCircular_ProgressCircularCircleTrack, {}),
+            /*#__PURE__*/ jsx(ProgressCircular_ProgressCircularCircleRange, {})
+        ]
+    });
 });
-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_ProgressCircularView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.View, {
+        ref: ref,
+        "data-slot": "progress-circular-view",
+        className: clsx(ProgressCircular_module.view, normalizeClassName(className)),
+        ...props
+    });
 });
-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,
-	useProgressContext
+const ProgressCircular = Object.assign(ProgressCircular_ProgressCircularRoot, {
+    Root: ProgressCircular_ProgressCircularRoot,
+    RootProvider: ProgressCircular_ProgressCircularRootProvider,
+    Context: Progress.Context,
+    Label: ProgressCircular_ProgressCircularLabel,
+    ValueText: ProgressCircular_ProgressCircularValueText,
+    Circle: ProgressCircular_ProgressCircularCircle,
+    CircleTrack: ProgressCircular_ProgressCircularCircleTrack,
+    CircleRange: ProgressCircular_ProgressCircularCircleRange,
+    Ring: ProgressCircular_ProgressCircularRing,
+    View: ProgressCircular_ProgressCircularView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
 });
-//#endregion
 export { ProgressCircular };

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

@@ -1,14 +1,13 @@
-import './ProgressCircular.css';
-//#region src/components/progress-circular/ProgressCircular.module.css
-var ProgressCircular_module_default = {
-	"circle": "ElFLgq_circle",
-	"circleRange": "ElFLgq_circleRange",
-	"circleTrack": "ElFLgq_circleTrack",
-	"label": "ElFLgq_label",
-	"progress-circular-indeterminate": "ElFLgq_progress-circular-indeterminate",
-	"root": "ElFLgq_root",
-	"valueText": "ElFLgq_valueText",
-	"view": "ElFLgq_view"
+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",
+    "progress-circular-indeterminate": "progress-circular-indeterminate-cw44cR",
+    progressCircularIndeterminate: "progress-circular-indeterminate-cw44cR"
 };
-//#endregion
-export { ProgressCircular_module_default as default };
+export default ProgressCircular_module;

package/dist/components/progress-circular/{ProgressCircular.css → ProgressCircular_module.css}

@@ -1,62 +1,72 @@
 @layer moduix.components {
-  .ElFLgq_root {
+  .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;
   }
 
-  .ElFLgq_label {
+  .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%;
   }
 
-  .ElFLgq_valueText {
+  .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%;
   }
 
-  .ElFLgq_circle {
+  .circle-xQo3V2 {
     --size: var(--moduix-progress-circular-size, var(--moduix-size-xl));
     --thickness: var(--moduix-progress-circular-thickness, .4rem);
     display: block;
     overflow: visible;
   }
 
-  .ElFLgq_circleTrack {
+  .circleTrack-zcLGCi {
     stroke: var(--moduix-progress-circular-track-bg, var(--moduix-color-muted));
   }
 
-  .ElFLgq_circleRange {
+  .circleRange-IITheJ {
     stroke: var(--moduix-progress-circular-range-bg, var(--moduix-color-primary));
     stroke-linecap: var(--moduix-progress-circular-range-linecap, round);
     transition: stroke-dashoffset
       var(--moduix-progress-circular-range-transition, var(--moduix-transition-default));
+  }
 
-    &[data-state="indeterminate"] {
-      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);
-    }
+  .circleRange-IITheJ[data-state="indeterminate"] {
+    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) {
-      &[data-state="indeterminate"] {
-        animation: none;
-      }
+  @media (prefers-reduced-motion: reduce) {
+    .circleRange-IITheJ[data-state="indeterminate"] {
+      stroke-dasharray: 20 200;
+      animation: none;
     }
   }
 
-  .ElFLgq_view {
+  .view-MEKkjf {
     display: contents;
   }
 
-  @keyframes ElFLgq_progress-circular-indeterminate {
+  @keyframes progress-circular-indeterminate-cw44cR {
     from {
       transform: rotate(-90deg);
     }
@@ -66,3 +76,4 @@
     }
   }
 }
+

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

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

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

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

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

@@ -1,17 +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>>;
-  Context: (props: Progress.ContextProps) => import("react").ReactNode;
-  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>>;
-  useProgress: (props?: import("@ark-ui/react/progress").UseProgressProps) => import("@ark-ui/react/progress").UseProgressReturn;
-  useProgressContext: () => import("@ark-ui/react/progress").UseProgressContext;
+import { Progress as ProgressPrimitive } from '@ark-ui/react/progress';
+declare const ProgressLinear: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ProgressPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Track: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.TrackProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Range: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RangeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    View: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    useProgress: (props?: import("@ark-ui/react/progress").UseProgressProps) => import("@ark-ui/react/progress").UseProgressReturn;
+    useProgressContext: () => import("@ark-ui/react/progress").UseProgressContext;
 };
-//#endregion
-export { ProgressLinear };
+export { ProgressLinear };