moduix 0.11.2 → 1.0.0

package/dist/components/{Popover → popover}/Popover.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
 import { Popover } from "@base-ui/react/popover";
 
-//#region src/components/Popover/Popover.d.ts
+//#region src/components/popover/Popover.d.ts
 type PopoverPositionerProps = Pick<Popover.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
 type PopoverContentProps = Popover.Popup.Props & PopoverPositionerProps & {
   showArrow?: boolean;

package/dist/components/{Popover → popover}/Popover.js

@@ -1,10 +1,10 @@
-import { PopupArrowIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { PopupArrowIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Popover_module_default from "./Popover.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Popover } from "@base-ui/react/popover";
-//#region src/components/Popover/Popover.tsx
+//#region src/components/popover/Popover.tsx
 const POPOVER_CONTENT_SIDE_OFFSET = 8;
 const Popover$1 = Popover.Root;
 const createPopoverHandle = Popover.createHandle;

package/dist/components/popover/Popover.module.js

@@ -0,0 +1,22 @@
+import './Popover.css';
+//#region src/components/popover/Popover.module.css
+var Popover_module_default = {
+	"arrow": "_5v_BDW_arrow",
+	"arrowFill": "_5v_BDW_arrowFill",
+	"arrowInnerStroke": "_5v_BDW_arrowInnerStroke",
+	"arrowOuterStroke": "_5v_BDW_arrowOuterStroke",
+	"arrowSvg": "_5v_BDW_arrowSvg",
+	"backdrop": "_5v_BDW_backdrop",
+	"body": "_5v_BDW_body",
+	"close": "_5v_BDW_close",
+	"description": "_5v_BDW_description",
+	"footer": "_5v_BDW_footer",
+	"header": "_5v_BDW_header",
+	"popup": "_5v_BDW_popup",
+	"positioner": "_5v_BDW_positioner",
+	"title": "_5v_BDW_title",
+	"trigger": "_5v_BDW_trigger",
+	"viewport": "_5v_BDW_viewport"
+};
+//#endregion
+export { Popover_module_default as default };

package/dist/components/{PreviewCard → preview-card}/PreviewCard.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .ygM3WW_trigger {
+  .GhE2eG_trigger {
     color: var(--preview-card-trigger-color, var(--color-primary));
     text-decoration-line: underline;
     text-decoration-thickness: var(--preview-card-trigger-decoration-thickness, 1px);
@@ -33,7 +33,7 @@
     }
   }
 
-  .ygM3WW_backdrop {
+  .GhE2eG_backdrop {
     z-index: var(--z-backdrop);
     pointer-events: none;
     background-color: var(--preview-card-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
@@ -50,7 +50,7 @@
     }
   }
 
-  .ygM3WW_positioner {
+  .GhE2eG_positioner {
     z-index: var(--z-popup);
     width: var(--positioner-width);
     height: var(--positioner-height);
@@ -58,7 +58,7 @@
     outline: 0;
   }
 
-  .ygM3WW_popup {
+  .GhE2eG_popup {
     box-sizing: border-box;
     width: var(--popup-width, var(--preview-card-width, auto));
     height: var(--popup-height, var(--preview-card-height, auto));
@@ -84,7 +84,7 @@
     }
   }
 
-  .ygM3WW_arrow {
+  .GhE2eG_arrow {
     color: var(--preview-card-bg, var(--color-popover));
     display: flex;
 
@@ -108,26 +108,26 @@
     }
   }
 
-  .ygM3WW_arrowSvg {
+  .GhE2eG_arrowSvg {
     width: var(--preview-card-arrow-width, 1.25rem);
     height: var(--preview-card-arrow-height, .625rem);
     display: block;
     overflow: visible;
   }
 
-  .ygM3WW_arrowFill {
+  .GhE2eG_arrowFill {
     fill: currentColor;
   }
 
-  .ygM3WW_arrowOuterStroke {
+  .GhE2eG_arrowOuterStroke {
     fill: var(--preview-card-arrow-stroke-color, var(--preview-card-border-color, var(--color-border)));
   }
 
-  .ygM3WW_arrowInnerStroke {
+  .GhE2eG_arrowInnerStroke {
     fill: var(--preview-card-bg, var(--color-popover));
   }
 
-  .ygM3WW_viewport {
+  .GhE2eG_viewport {
     width: 100%;
     height: 100%;
     position: relative;

package/dist/components/{PreviewCard → preview-card}/PreviewCard.d.ts

@@ -1,6 +1,6 @@
 import { PreviewCard } from "@base-ui/react/preview-card";
 
-//#region src/components/PreviewCard/PreviewCard.d.ts
+//#region src/components/preview-card/PreviewCard.d.ts
 type PreviewCardPositionerProps = Pick<PreviewCard.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
 type PreviewCardContentProps = PreviewCard.Popup.Props & PreviewCardPositionerProps & {
   showArrow?: boolean;

package/dist/components/{PreviewCard → preview-card}/PreviewCard.js

@@ -1,9 +1,9 @@
-import { PopupArrowIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { PopupArrowIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import PreviewCard_module_default from "./PreviewCard.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PreviewCard } from "@base-ui/react/preview-card";
-//#region src/components/PreviewCard/PreviewCard.tsx
+//#region src/components/preview-card/PreviewCard.tsx
 const DEFAULT_SIDE_OFFSET = 8;
 const PreviewCard$1 = PreviewCard.Root;
 const createPreviewCardHandle = PreviewCard.createHandle;

package/dist/components/preview-card/PreviewCard.module.js

@@ -0,0 +1,16 @@
+import './PreviewCard.css';
+//#region src/components/preview-card/PreviewCard.module.css
+var PreviewCard_module_default = {
+	"arrow": "GhE2eG_arrow",
+	"arrowFill": "GhE2eG_arrowFill",
+	"arrowInnerStroke": "GhE2eG_arrowInnerStroke",
+	"arrowOuterStroke": "GhE2eG_arrowOuterStroke",
+	"arrowSvg": "GhE2eG_arrowSvg",
+	"backdrop": "GhE2eG_backdrop",
+	"popup": "GhE2eG_popup",
+	"positioner": "GhE2eG_positioner",
+	"trigger": "GhE2eG_trigger",
+	"viewport": "GhE2eG_viewport"
+};
+//#endregion
+export { PreviewCard_module_default as default };

package/dist/components/{Progress → progress}/Progress.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .iWwZDW_root {
+  .awMtKa_root {
     box-sizing: border-box;
     gap: var(--progress-gap, .5rem);
     width: var(--progress-width, 12rem);
@@ -8,14 +8,14 @@
     display: grid;
   }
 
-  .iWwZDW_label {
+  .awMtKa_label {
     font-size: var(--progress-label-font-size, var(--text-sm));
     font-weight: var(--progress-label-font-weight, var(--weight-regular));
     line-height: var(--progress-label-line-height, var(--line-height-text-sm));
     color: var(--progress-label-color, currentColor);
   }
 
-  .iWwZDW_value {
+  .awMtKa_value {
     font-size: var(--progress-value-font-size, var(--text-sm));
     font-weight: var(--progress-value-font-weight, var(--weight-regular));
     line-height: var(--progress-value-line-height, var(--line-height-text-sm));
@@ -24,7 +24,7 @@
     justify-self: end;
   }
 
-  .iWwZDW_track {
+  .awMtKa_track {
     width: 100%;
     height: var(--progress-track-height, .5rem);
     border-radius: var(--progress-track-radius, var(--radius-full));
@@ -36,7 +36,7 @@
     overflow: hidden;
   }
 
-  .iWwZDW_indicator {
+  .awMtKa_indicator {
     border-radius: var(--progress-indicator-radius, inherit);
     background-color: var(--progress-indicator-bg, var(--color-primary));
     height: 100%;
@@ -49,7 +49,7 @@
     }
   }
 
-  @keyframes iWwZDW_progress-indeterminate {
+  @keyframes awMtKa_progress-indeterminate {
     from {
       transform: translateX(-100%);
     }
@@ -60,7 +60,7 @@
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .iWwZDW_indicator[data-indeterminate] {
+    .awMtKa_indicator[data-indeterminate] {
       animation: none;
       transform: translateX(0);
     }

package/dist/components/{Progress → progress}/Progress.d.ts

@@ -1,4 +1,4 @@
-//#region src/components/Progress/Progress.d.ts
+//#region src/components/progress/Progress.d.ts
 declare const Progress: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ProgressRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ProgressRoot: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ProgressRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ProgressTrack: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ProgressTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/{Progress → progress}/Progress.js

@@ -1,9 +1,9 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Progress_module_default from "./Progress.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Progress } from "@base-ui/react/progress";
-//#region src/components/Progress/Progress.tsx
+//#region src/components/progress/Progress.tsx
 const Progress$1 = forwardRef(function Progress({ children, ...props }, ref) {
 	return /* @__PURE__ */ jsxs(ProgressRoot, {
 		ref,

package/dist/components/progress/Progress.module.js

@@ -0,0 +1,12 @@
+import './Progress.css';
+//#region src/components/progress/Progress.module.css
+var Progress_module_default = {
+	"indicator": "awMtKa_indicator",
+	"label": "awMtKa_label",
+	"progress-indeterminate": "awMtKa_progress-indeterminate",
+	"root": "awMtKa_root",
+	"track": "awMtKa_track",
+	"value": "awMtKa_value"
+};
+//#endregion
+export { Progress_module_default as default };

package/dist/components/{Radio → radio}/Radio.css

@@ -1,17 +1,17 @@
 @layer ui.components {
-  .-lu0yq_field {
+  .QLHv5q_field {
     align-items: center;
     gap: var(--radio-gap, var(--spacing-2));
     vertical-align: middle;
     cursor: pointer;
     display: inline-flex;
 
-    &:has(.-lu0yq_radio[data-disabled]), &:has(.-lu0yq_radio[data-readonly]) {
+    &:has(.QLHv5q_radio[data-disabled]), &:has(.QLHv5q_radio[data-readonly]) {
       cursor: default;
     }
   }
 
-  .-lu0yq_radio {
+  .QLHv5q_radio {
     box-sizing: border-box;
     -webkit-appearance: none;
     appearance: none;
@@ -89,7 +89,7 @@
     }
   }
 
-  .-lu0yq_indicator {
+  .QLHv5q_indicator {
     justify-content: center;
     align-items: center;
     width: 100%;
@@ -101,7 +101,7 @@
     }
   }
 
-  .-lu0yq_icon {
+  .QLHv5q_icon {
     width: var(--_radio-indicator-size, .5rem);
     height: var(--_radio-indicator-size, .5rem);
     border: var(--radio-indicator-border-width, 0) solid
@@ -111,28 +111,28 @@
     display: block;
   }
 
-  .-lu0yq_label {
+  .QLHv5q_label {
     color: var(--radio-label-color, var(--color-foreground));
     font-size: var(--radio-label-font-size, var(--text-sm));
     font-weight: var(--radio-label-font-weight, var(--weight-medium));
     line-height: var(--radio-label-line-height, var(--line-height-text-sm));
   }
 
-  .-lu0yq_group {
+  .QLHv5q_group {
     gap: var(--radio-group-gap, var(--spacing-2));
     color: var(--radio-group-color, var(--color-foreground));
     flex-direction: column;
     display: flex;
   }
 
-  .-lu0yq_groupLabel {
+  .QLHv5q_groupLabel {
     color: var(--radio-group-label-color, var(--radio-group-color, var(--color-foreground)));
     font-size: var(--radio-group-label-font-size, var(--text-sm));
     font-weight: var(--radio-group-label-font-weight, var(--weight-semibold));
     line-height: var(--radio-group-label-line-height, var(--line-height-text-sm));
   }
 
-  .-lu0yq_groupList {
+  .QLHv5q_groupList {
     align-items: flex-start;
     gap: var(--radio-group-list-gap, var(--spacing-2));
     flex-direction: column;

package/dist/components/{Radio → radio}/Radio.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps } from "react";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
 
-//#region src/components/Radio/Radio.d.ts
+//#region src/components/radio/Radio.d.ts
 type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 declare const Radio$1: import("react").ForwardRefExoticComponent<Omit<Radio.Root.Props<any> & {
   size?: RadioSize;

package/dist/components/{Radio → radio}/Radio.js

@@ -1,11 +1,11 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Radio_module_default from "./Radio.module.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/components/Radio/Radio.tsx
+//#region src/components/radio/Radio.tsx
 const Radio$1 = forwardRef(function Radio$2({ className, size = "md", children, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Radio.Root, {
 		ref,

package/dist/components/radio/Radio.module.js

@@ -0,0 +1,14 @@
+import './Radio.css';
+//#region src/components/radio/Radio.module.css
+var Radio_module_default = {
+	"field": "QLHv5q_field",
+	"group": "QLHv5q_group",
+	"groupLabel": "QLHv5q_groupLabel",
+	"groupList": "QLHv5q_groupList",
+	"icon": "QLHv5q_icon",
+	"indicator": "QLHv5q_indicator",
+	"label": "QLHv5q_label",
+	"radio": "QLHv5q_radio"
+};
+//#endregion
+export { Radio_module_default as default };

package/dist/components/{Rating → rating}/Rating.css

@@ -1,16 +1,16 @@
 @layer ui.components {
-  .wQtr8G_root {
+  .-xIVma_root {
     align-items: center;
     gap: var(--rating-gap, var(--spacing-1));
     color: var(--rating-color, var(--color-muted-foreground));
     display: inline-flex;
   }
 
-  .wQtr8G_root[data-disabled] {
+  .-xIVma_root[data-disabled] {
     opacity: var(--rating-disabled-opacity, var(--opacity-disabled));
   }
 
-  .wQtr8G_item {
+  .-xIVma_item {
     border-radius: var(--radius-sm);
     color: inherit;
     cursor: pointer;
@@ -26,45 +26,45 @@
     display: inline-flex;
   }
 
-  .wQtr8G_item[data-filled] {
+  .-xIVma_item[data-filled] {
     color: var(--rating-active-color, var(--color-primary));
   }
 
-  .wQtr8G_item[data-readonly] {
+  .-xIVma_item[data-readonly] {
     cursor: default;
   }
 
-  .wQtr8G_item[data-disabled] {
+  .-xIVma_item[data-disabled] {
     pointer-events: none;
   }
 
-  .wQtr8G_item:focus-visible {
+  .-xIVma_item:focus-visible {
     outline: var(--rating-focus-ring-width, var(--border-width-sm)) solid
       var(--rating-focus-ring-color, var(--color-ring));
     outline-offset: var(--rating-focus-ring-offset, .125rem);
   }
 
-  .wQtr8G_root[data-size="xs"] {
+  .-xIVma_root[data-size="xs"] {
     --_rating-icon-size: var(--rating-icon-size-xs, .875rem);
   }
 
-  .wQtr8G_root[data-size="sm"] {
+  .-xIVma_root[data-size="sm"] {
     --_rating-icon-size: var(--rating-icon-size-sm, 1rem);
   }
 
-  .wQtr8G_root[data-size="md"] {
+  .-xIVma_root[data-size="md"] {
     --_rating-icon-size: var(--rating-icon-size-md, 1.25rem);
   }
 
-  .wQtr8G_root[data-size="lg"] {
+  .-xIVma_root[data-size="lg"] {
     --_rating-icon-size: var(--rating-icon-size-lg, 1.5rem);
   }
 
-  .wQtr8G_root[data-size="xl"] {
+  .-xIVma_root[data-size="xl"] {
     --_rating-icon-size: var(--rating-icon-size-xl, 1.75rem);
   }
 
-  .wQtr8G_icon {
+  .-xIVma_icon {
     width: var(--_rating-icon-size, var(--rating-icon-size-md, 1.25rem));
     height: var(--_rating-icon-size, var(--rating-icon-size-md, 1.25rem));
     fill: #0000;
@@ -73,7 +73,7 @@
       stroke var(--rating-transition, var(--transition-default));
   }
 
-  .wQtr8G_item[data-filled] .wQtr8G_icon {
+  .-xIVma_item[data-filled] .-xIVma_icon {
     fill: currentColor;
   }
 }

package/dist/components/{Rating → rating}/Rating.d.ts

@@ -1,6 +1,6 @@
 import { RadioGroup } from "@base-ui/react/radio-group";
 
-//#region src/components/Rating/Rating.d.ts
+//#region src/components/rating/Rating.d.ts
 type RatingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type RatingProps = Omit<RadioGroup.Props, 'children' | 'defaultValue' | 'orientation' | 'onValueChange' | 'value'> & {
   defaultValue?: number;

package/dist/components/{Rating → rating}/Rating.js

@@ -1,11 +1,11 @@
-import { RatingStarIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { RatingStarIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Rating_module_default from "./Rating.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/components/Rating/Rating.tsx
+//#region src/components/rating/Rating.tsx
 const DEFAULT_MAX = 5;
 const Rating = forwardRef(function Rating({ className, defaultValue, disabled, max = DEFAULT_MAX, onValueChange, readOnly, size = "md", value, ...props }, ref) {
 	const normalizedMax = normalizeMax(max);

package/dist/components/rating/Rating.module.js

@@ -0,0 +1,9 @@
+import './Rating.css';
+//#region src/components/rating/Rating.module.css
+var Rating_module_default = {
+	"icon": "-xIVma_icon",
+	"item": "-xIVma_item",
+	"root": "-xIVma_root"
+};
+//#endregion
+export { Rating_module_default as default };

package/dist/components/{ScrollArea → scroll-area}/ScrollArea.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .cjUAMq_root {
+  .WhM8lW_root {
     box-sizing: border-box;
     width: var(--scroll-area-width, 100%);
     height: var(--scroll-area-height, 100%);
@@ -7,7 +7,7 @@
     position: relative;
   }
 
-  .cjUAMq_viewport {
+  .WhM8lW_viewport {
     box-sizing: border-box;
     border-radius: var(--scroll-area-radius, var(--radius-md));
     background-color: var(--scroll-area-bg, transparent);
@@ -15,7 +15,7 @@
     width: 100%;
     height: 100%;
 
-    .cjUAMq_root[data-fade="vertical"] &, .cjUAMq_root[data-fade="both"] & {
+    .WhM8lW_root[data-fade="vertical"] &, .WhM8lW_root[data-fade="both"] & {
       mask-image: linear-gradient(to bottom,
         transparent 0,
         black
@@ -29,7 +29,7 @@
       mask-repeat: no-repeat;
     }
 
-    .cjUAMq_root[data-fade="horizontal"] & {
+    .WhM8lW_root[data-fade="horizontal"] & {
       mask-image: linear-gradient(to right,
         transparent 0,
         black
@@ -43,7 +43,7 @@
       mask-repeat: no-repeat;
     }
 
-    .cjUAMq_root:dir(rtl)[data-fade="horizontal"] & {
+    .WhM8lW_root:dir(rtl)[data-fade="horizontal"] & {
       mask-image: linear-gradient(to left,
         transparent 0,
         black
@@ -56,7 +56,7 @@
         transparent 100%);
     }
 
-    .cjUAMq_root[data-fade="both"] & {
+    .WhM8lW_root[data-fade="both"] & {
       mask-image: linear-gradient(to bottom,
           transparent 0,
           black
@@ -80,7 +80,7 @@
       mask-composite: intersect;
     }
 
-    .cjUAMq_root:dir(rtl)[data-fade="both"] & {
+    .WhM8lW_root:dir(rtl)[data-fade="both"] & {
       mask-image: linear-gradient(to bottom,
           transparent 0,
           black
@@ -110,13 +110,13 @@
     }
   }
 
-  .cjUAMq_content {
+  .WhM8lW_content {
     box-sizing: border-box;
     padding: var(--scroll-area-content-padding, 0);
     display: block;
   }
 
-  .cjUAMq_scrollbar {
+  .WhM8lW_scrollbar {
     --_scroll-area-scrollbar-margin: var(--scroll-area-scrollbar-margin, calc(var(--spacing-1) / 2));
     --_scroll-area-scrollbar-hit-area-size: var(--scroll-area-scrollbar-hit-area-size, 1.25rem);
     box-sizing: border-box;
@@ -182,7 +182,7 @@
     }
   }
 
-  .cjUAMq_thumb {
+  .WhM8lW_thumb {
     box-sizing: border-box;
     border-radius: var(--scroll-area-thumb-radius, var(--radius-full));
     background-color: var(--scroll-area-thumb-bg, var(--color-border));
@@ -198,7 +198,7 @@
     }
   }
 
-  .cjUAMq_corner {
+  .WhM8lW_corner {
     box-sizing: border-box;
     background-color: var(--scroll-area-corner-bg, var(--scroll-area-scrollbar-bg, transparent));
   }

package/dist/components/{ScrollArea → scroll-area}/ScrollArea.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 
-//#region src/components/ScrollArea/ScrollArea.d.ts
+//#region src/components/scroll-area/ScrollArea.d.ts
 type FadeDirection = boolean | 'vertical' | 'horizontal' | 'both';
 type Scrollbars = 'vertical' | 'horizontal' | 'both' | false;
 declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/{ScrollArea → scroll-area}/ScrollArea.js

@@ -1,9 +1,9 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import ScrollArea_module_default from "./ScrollArea.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { ScrollArea } from "@base-ui/react/scroll-area";
-//#region src/components/ScrollArea/ScrollArea.tsx
+//#region src/components/scroll-area/ScrollArea.tsx
 const ScrollAreaRoot = forwardRef(function ScrollAreaRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(ScrollArea.Root, {
 		ref,

package/dist/components/scroll-area/ScrollArea.module.js

@@ -0,0 +1,12 @@
+import './ScrollArea.css';
+//#region src/components/scroll-area/ScrollArea.module.css
+var ScrollArea_module_default = {
+	"content": "WhM8lW_content",
+	"corner": "WhM8lW_corner",
+	"root": "WhM8lW_root",
+	"scrollbar": "WhM8lW_scrollbar",
+	"thumb": "WhM8lW_thumb",
+	"viewport": "WhM8lW_viewport"
+};
+//#endregion
+export { ScrollArea_module_default as default };