moduix 0.11.2 → 1.0.0

package/dist/components/{Select → select}/Select.css

@@ -1,11 +1,11 @@
 @layer ui.components {
-  .fT9mmG_field {
+  ._5qWfmq_field {
     gap: var(--select-field-gap, .375rem);
     flex-direction: column;
     display: inline-flex;
   }
 
-  .fT9mmG_label {
+  ._5qWfmq_label {
     font-size: var(--select-label-font-size, var(--text-sm));
     line-height: var(--select-label-line-height, var(--line-height-text-sm));
     font-weight: var(--select-label-font-weight, var(--weight-medium));
@@ -15,7 +15,7 @@
     display: inline-flex;
   }
 
-  .fT9mmG_trigger {
+  ._5qWfmq_trigger {
     box-sizing: border-box;
     width: var(--select-width, 14rem);
     min-height: var(--select-control-height, var(--size-lg));
@@ -63,7 +63,7 @@
     }
   }
 
-  .fT9mmG_value {
+  ._5qWfmq_value {
     text-align: start;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -76,7 +76,7 @@
     }
   }
 
-  .fT9mmG_icon {
+  ._5qWfmq_icon {
     width: var(--select-icon-size, .875rem);
     height: var(--select-icon-size, .875rem);
     color: var(--select-icon-color, var(--color-muted-foreground));
@@ -87,12 +87,12 @@
     display: inline-flex;
   }
 
-  .fT9mmG_iconSvg {
+  ._5qWfmq_iconSvg {
     width: var(--select-icon-svg-size, 1rem);
     height: var(--select-icon-svg-size, 1rem);
   }
 
-  .fT9mmG_backdrop {
+  ._5qWfmq_backdrop {
     z-index: var(--z-backdrop);
     background-color: var(--select-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
     min-height: 100dvh;
@@ -108,12 +108,12 @@
     }
   }
 
-  .fT9mmG_positioner {
+  ._5qWfmq_positioner {
     z-index: var(--z-popup);
     outline: 0;
   }
 
-  .fT9mmG_popup {
+  ._5qWfmq_popup {
     box-sizing: border-box;
     width: var(--anchor-width);
     min-width: min(var(--anchor-width), var(--available-width));
@@ -145,7 +145,7 @@
     }
   }
 
-  .fT9mmG_arrow {
+  ._5qWfmq_arrow {
     color: var(--select-popup-bg, var(--color-popover));
     display: flex;
 
@@ -170,26 +170,26 @@
     }
   }
 
-  .fT9mmG_arrowSvg {
+  ._5qWfmq_arrowSvg {
     width: var(--select-arrow-width, 1.25rem);
     height: var(--select-arrow-height, .625rem);
     display: block;
     overflow: visible;
   }
 
-  .fT9mmG_arrowFill {
+  ._5qWfmq_arrowFill {
     fill: currentColor;
   }
 
-  .fT9mmG_arrowOuterStroke {
+  ._5qWfmq_arrowOuterStroke {
     fill: var(--select-arrow-stroke-color, var(--select-popup-border-color, var(--color-border)));
   }
 
-  .fT9mmG_arrowInnerStroke {
+  ._5qWfmq_arrowInnerStroke {
     fill: var(--select-popup-bg, var(--color-popover));
   }
 
-  .fT9mmG_scrollArrow {
+  ._5qWfmq_scrollArrow {
     width: auto;
     height: var(--select-scroll-arrow-height, 1rem);
     background-color: var(--select-popup-bg, var(--color-popover));
@@ -210,12 +210,12 @@
     }
   }
 
-  .fT9mmG_scrollArrowIcon {
+  ._5qWfmq_scrollArrowIcon {
     width: var(--select-scroll-arrow-icon-size, .875rem);
     height: var(--select-scroll-arrow-icon-size, .875rem);
   }
 
-  .fT9mmG_list {
+  ._5qWfmq_list {
     box-sizing: border-box;
     max-height: min(var(--select-list-max-height, var(--select-popup-max-height, 24rem)),
       var(--available-height));
@@ -226,7 +226,7 @@
     overflow-y: auto;
   }
 
-  .fT9mmG_item {
+  ._5qWfmq_item {
     box-sizing: border-box;
     grid-template-columns: var(--select-item-indicator-size, var(--popup-check-indicator-size, .75rem))
       1fr;
@@ -272,18 +272,18 @@
       grid-template-columns: minmax(0, 1fr)
         var(--select-item-indicator-size, var(--popup-check-indicator-size, .75rem));
 
-      & > .fT9mmG_itemIndicator {
+      & > ._5qWfmq_itemIndicator {
         grid-column-start: 2;
         justify-self: end;
       }
 
-      & > .fT9mmG_itemText {
+      & > ._5qWfmq_itemText {
         grid-column-start: 1;
       }
     }
   }
 
-  .fT9mmG_itemIndicator {
+  ._5qWfmq_itemIndicator {
     width: var(--select-item-indicator-size, var(--popup-check-indicator-size, .75rem));
     height: var(--select-item-indicator-size, var(--popup-check-indicator-size, .75rem));
     justify-content: center;
@@ -291,18 +291,18 @@
     display: inline-flex;
   }
 
-  .fT9mmG_itemIndicatorIcon {
+  ._5qWfmq_itemIndicatorIcon {
     width: var(--select-item-indicator-icon-size, .75rem);
     height: var(--select-item-indicator-icon-size, .75rem);
   }
 
-  .fT9mmG_itemText {
+  ._5qWfmq_itemText {
     grid-column-start: 2;
     min-width: 0;
     overflow: hidden;
   }
 
-  .fT9mmG_itemTextContent {
+  ._5qWfmq_itemTextContent {
     align-items: center;
     gap: var(--select-item-text-content-gap, var(--spacing-2));
     vertical-align: top;
@@ -311,7 +311,7 @@
     display: inline-flex;
   }
 
-  .fT9mmG_itemTextIcon {
+  ._5qWfmq_itemTextIcon {
     width: var(--select-item-text-icon-size, 1rem);
     height: var(--select-item-text-icon-size, 1rem);
     color: var(--select-item-text-icon-color, currentColor);
@@ -321,25 +321,25 @@
     display: inline-flex;
   }
 
-  .fT9mmG_itemTextLabel {
+  ._5qWfmq_itemTextLabel {
     text-overflow: ellipsis;
     white-space: nowrap;
     min-width: 0;
     overflow: hidden;
   }
 
-  .fT9mmG_separator {
+  ._5qWfmq_separator {
     height: var(--select-separator-thickness, var(--border-width-sm));
     margin: var(--select-separator-margin-y, var(--popup-separator-margin-y, .375rem))
       var(--select-separator-margin-x, var(--popup-separator-margin-x-start, 1rem));
     background-color: var(--select-separator-color, var(--select-border-color, var(--color-border)));
   }
 
-  .fT9mmG_group {
+  ._5qWfmq_group {
     padding-bottom: var(--select-group-padding-bottom, var(--spacing-1));
   }
 
-  .fT9mmG_groupLabel {
+  ._5qWfmq_groupLabel {
     z-index: 1;
     padding: var(--select-group-label-padding-top, var(--popup-group-label-padding-y, .35rem))
       var(--select-group-label-padding-x, var(--popup-group-label-padding-x-start, .625rem))

package/dist/components/{Select → select}/Select.d.ts

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

package/dist/components/{Select → select}/Select.js

@@ -1,10 +1,10 @@
-import { CheckIcon, ChevronDownIcon, ChevronUpDownIcon, ChevronUpIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { CheckIcon, ChevronDownIcon, ChevronUpDownIcon, ChevronUpIcon, PopupArrowIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Select_module_default from "./Select.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Select } from "@base-ui/react/select";
-//#region src/components/Select/Select.tsx
+//#region src/components/select/Select.tsx
 const SELECT_CONTENT_SIDE_OFFSET = 8;
 const Select$1 = Select.Root;
 function SelectField({ className, ...props }) {

package/dist/components/select/Select.module.js

@@ -0,0 +1,33 @@
+import './Select.css';
+//#region src/components/select/Select.module.css
+var Select_module_default = {
+	"arrow": "_5qWfmq_arrow",
+	"arrowFill": "_5qWfmq_arrowFill",
+	"arrowInnerStroke": "_5qWfmq_arrowInnerStroke",
+	"arrowOuterStroke": "_5qWfmq_arrowOuterStroke",
+	"arrowSvg": "_5qWfmq_arrowSvg",
+	"backdrop": "_5qWfmq_backdrop",
+	"field": "_5qWfmq_field",
+	"group": "_5qWfmq_group",
+	"groupLabel": "_5qWfmq_groupLabel",
+	"icon": "_5qWfmq_icon",
+	"iconSvg": "_5qWfmq_iconSvg",
+	"item": "_5qWfmq_item",
+	"itemIndicator": "_5qWfmq_itemIndicator",
+	"itemIndicatorIcon": "_5qWfmq_itemIndicatorIcon",
+	"itemText": "_5qWfmq_itemText",
+	"itemTextContent": "_5qWfmq_itemTextContent",
+	"itemTextIcon": "_5qWfmq_itemTextIcon",
+	"itemTextLabel": "_5qWfmq_itemTextLabel",
+	"label": "_5qWfmq_label",
+	"list": "_5qWfmq_list",
+	"popup": "_5qWfmq_popup",
+	"positioner": "_5qWfmq_positioner",
+	"scrollArrow": "_5qWfmq_scrollArrow",
+	"scrollArrowIcon": "_5qWfmq_scrollArrowIcon",
+	"separator": "_5qWfmq_separator",
+	"trigger": "_5qWfmq_trigger",
+	"value": "_5qWfmq_value"
+};
+//#endregion
+export { Select_module_default as default };

package/dist/components/{Separator → separator}/Separator.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._5f5eQa_root {
+  .WFtvcW_root {
     background-color: var(--separator-color, var(--color-border));
     flex-shrink: 0;
     display: block;

package/dist/components/{Separator → separator}/Separator.d.ts

@@ -1,4 +1,4 @@
-//#region src/components/Separator/Separator.d.ts
+//#region src/components/separator/Separator.d.ts
 declare const Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Separator };

package/dist/components/{Separator → separator}/Separator.js

@@ -1,9 +1,9 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Separator_module_default from "./Separator.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Separator } from "@base-ui/react/separator";
-//#region src/components/Separator/Separator.tsx
+//#region src/components/separator/Separator.tsx
 const Separator$1 = forwardRef(function Separator$2({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Separator, {
 		ref,

package/dist/components/separator/Separator.module.js

@@ -0,0 +1,5 @@
+import './Separator.css';
+//#region src/components/separator/Separator.module.css
+var Separator_module_default = { "root": "WFtvcW_root" };
+//#endregion
+export { Separator_module_default as default };

package/dist/components/{Skeleton → skeleton}/Skeleton.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .JIuY2W_root {
+  .iFybNa_root {
     border-radius: var(--skeleton-radius, var(--radius-md));
     width: 100%;
     height: 1rem;

package/dist/components/{Skeleton → skeleton}/Skeleton.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 
-//#region src/components/Skeleton/Skeleton.d.ts
+//#region src/components/skeleton/Skeleton.d.ts
 declare function Skeleton({
   className,
   animated,

package/dist/components/{Skeleton → skeleton}/Skeleton.js

@@ -1,7 +1,7 @@
 import Skeleton_module_default from "./Skeleton.module.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
-//#region src/components/Skeleton/Skeleton.tsx
+//#region src/components/skeleton/Skeleton.tsx
 function toCssValue(value) {
 	if (typeof value === "number") return `${value}px`;
 	return value;

package/dist/components/skeleton/Skeleton.module.js

@@ -0,0 +1,5 @@
+import './Skeleton.css';
+//#region src/components/skeleton/Skeleton.module.css
+var Skeleton_module_default = { "root": "iFybNa_root" };
+//#endregion
+export { Skeleton_module_default as default };

package/dist/components/{Slider → slider}/Slider.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .t5JdRq_root {
+  .gpuhTW_root {
     box-sizing: border-box;
     gap: var(--slider-gap, .5rem);
     width: var(--slider-width, 12rem);
@@ -18,14 +18,14 @@
     }
   }
 
-  .t5JdRq_label {
+  .gpuhTW_label {
     color: var(--slider-label-color, var(--slider-color, var(--color-foreground)));
     font-size: var(--slider-label-font-size, var(--text-sm));
     font-weight: var(--slider-label-font-weight, var(--weight-regular));
     line-height: var(--slider-label-line-height, var(--line-height-text-sm));
   }
 
-  .t5JdRq_value {
+  .gpuhTW_value {
     color: var(--slider-value-color, var(--slider-color, var(--color-foreground)));
     font-size: var(--slider-value-font-size, var(--text-sm));
     font-weight: var(--slider-value-font-weight, var(--weight-regular));
@@ -39,7 +39,7 @@
     }
   }
 
-  .t5JdRq_control {
+  .gpuhTW_control {
     box-sizing: border-box;
     width: 100%;
     padding-block: var(--slider-control-padding-y, .625rem);
@@ -63,7 +63,7 @@
     }
   }
 
-  .t5JdRq_track {
+  .gpuhTW_track {
     width: 100%;
     height: var(--slider-track-size, .375rem);
     border-radius: var(--slider-track-radius, var(--radius-full));
@@ -79,12 +79,12 @@
     }
   }
 
-  .t5JdRq_indicator {
+  .gpuhTW_indicator {
     border-radius: var(--slider-indicator-radius, inherit);
     background-color: var(--slider-indicator-bg, var(--color-primary));
   }
 
-  .t5JdRq_thumb {
+  .gpuhTW_thumb {
     box-sizing: border-box;
     width: var(--slider-thumb-size, 1rem);
     height: var(--slider-thumb-size, 1rem);

package/dist/components/{Slider → slider}/Slider.d.ts

@@ -1,7 +1,7 @@
 import { ComponentRef, ReactElement, RefAttributes } from "react";
 import { Slider } from "@base-ui/react/slider";
 
-//#region src/components/Slider/Slider.d.ts
+//#region src/components/slider/Slider.d.ts
 type SliderValue = number | readonly number[];
 type SliderRootComponent = <Value extends SliderValue = SliderValue>(props: Slider.Root.Props<Value> & RefAttributes<ComponentRef<typeof Slider.Root>>) => ReactElement;
 declare const Slider$1: SliderRootComponent;

package/dist/components/{Slider → slider}/Slider.js

@@ -1,9 +1,9 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Slider_module_default from "./Slider.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Children, Fragment as Fragment$1, forwardRef, isValidElement } from "react";
 import { Slider } from "@base-ui/react/slider";
-//#region src/components/Slider/Slider.tsx
+//#region src/components/slider/Slider.tsx
 const Slider$1 = forwardRef(function Slider({ children, ...props }, ref) {
 	const { content, thumbs } = splitSliderChildren(children);
 	return /* @__PURE__ */ jsxs(SliderRoot, {

package/dist/components/slider/Slider.module.js

@@ -0,0 +1,13 @@
+import './Slider.css';
+//#region src/components/slider/Slider.module.css
+var Slider_module_default = {
+	"control": "gpuhTW_control",
+	"indicator": "gpuhTW_indicator",
+	"label": "gpuhTW_label",
+	"root": "gpuhTW_root",
+	"thumb": "gpuhTW_thumb",
+	"track": "gpuhTW_track",
+	"value": "gpuhTW_value"
+};
+//#endregion
+export { Slider_module_default as default };

package/dist/components/{SnapCarousel → snap-carousel}/SnapCarousel.css

@@ -1,11 +1,11 @@
 @layer ui.components {
-  ._4RLCYW_root {
+  .tKbECq_root {
     gap: var(--snap-carousel-gap, var(--spacing-3));
     display: grid;
     position: relative;
   }
 
-  ._4RLCYW_viewport {
+  .tKbECq_viewport {
     overscroll-behavior-x: contain;
     overscroll-behavior-y: auto;
     scroll-snap-type: x mandatory;
@@ -23,48 +23,48 @@
     }
   }
 
-  ._4RLCYW_root[data-orientation="vertical"] {
+  .tKbECq_root[data-orientation="vertical"] {
     height: var(--snap-carousel-height, 100%);
 
-    & ._4RLCYW_viewport {
+    & .tKbECq_viewport {
       overscroll-behavior-x: auto;
       overscroll-behavior-y: contain;
       scroll-snap-type: y mandatory;
       height: 100%;
     }
 
-    & ._4RLCYW_content {
+    & .tKbECq_content {
       flex-direction: column;
       min-height: 100%;
     }
 
-    & ._4RLCYW_item {
+    & .tKbECq_item {
       flex-basis: var(--snap-carousel-item-size, 100%);
     }
 
-    & ._4RLCYW_control {
+    & .tKbECq_control {
       inset-inline-start: 50%;
       transform: translateX(-50%);
     }
 
-    & ._4RLCYW_previous {
+    & .tKbECq_previous {
       inset-block-start: var(--spacing-2);
       inset-inline-end: auto;
     }
 
-    & ._4RLCYW_next {
+    & .tKbECq_next {
       inset-block-start: auto;
       inset-block-end: var(--spacing-2);
       inset-inline-start: 50%;
     }
   }
 
-  ._4RLCYW_content {
+  .tKbECq_content {
     gap: var(--snap-carousel-item-gap, var(--spacing-4));
     display: flex;
   }
 
-  ._4RLCYW_item {
+  .tKbECq_item {
     box-sizing: border-box;
     flex: 0 0 var(--snap-carousel-item-size, 100%);
     scroll-snap-align: start;
@@ -72,7 +72,7 @@
     min-width: 0;
   }
 
-  ._4RLCYW_control {
+  .tKbECq_control {
     z-index: 1;
     width: var(--size-md);
     height: var(--size-md);
@@ -113,19 +113,19 @@
     }
   }
 
-  ._4RLCYW_previous {
+  .tKbECq_previous {
     inset-inline-start: var(--spacing-2);
   }
 
-  ._4RLCYW_next {
+  .tKbECq_next {
     inset-inline-end: var(--spacing-2);
   }
 
-  ._4RLCYW_root[data-align="center"] ._4RLCYW_item {
+  .tKbECq_root[data-align="center"] .tKbECq_item {
     scroll-snap-align: center;
   }
 
-  ._4RLCYW_root[data-align="end"] ._4RLCYW_item {
+  .tKbECq_root[data-align="end"] .tKbECq_item {
     scroll-snap-align: end;
   }
 }

package/dist/components/{SnapCarousel → snap-carousel}/SnapCarousel.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 
-//#region src/components/SnapCarousel/SnapCarousel.d.ts
+//#region src/components/snap-carousel/SnapCarousel.d.ts
 type SnapCarouselOrientation = 'horizontal' | 'vertical';
 type SnapCarouselAlign = 'start' | 'center' | 'end';
 type SnapCarouselProps = ComponentProps<'div'> & {

package/dist/components/{SnapCarousel → snap-carousel}/SnapCarousel.js

@@ -1,9 +1,9 @@
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon } from "../../icons/ui/Icons.js";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon } from "../../lib/moduix/icons/ui/Icons.js";
 import SnapCarousel_module_default from "./SnapCarousel.module.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Children, createContext, useCallback, useContext, useRef } from "react";
-//#region src/components/SnapCarousel/SnapCarousel.tsx
+//#region src/components/snap-carousel/SnapCarousel.tsx
 const SnapCarouselContext = createContext(null);
 const SnapCarouselViewportPresenceContext = createContext(false);
 function useSnapCarouselContext(componentName) {

package/dist/components/snap-carousel/SnapCarousel.module.js

@@ -0,0 +1,13 @@
+import './SnapCarousel.css';
+//#region src/components/snap-carousel/SnapCarousel.module.css
+var SnapCarousel_module_default = {
+	"content": "tKbECq_content",
+	"control": "tKbECq_control",
+	"item": "tKbECq_item",
+	"next": "tKbECq_next",
+	"previous": "tKbECq_previous",
+	"root": "tKbECq_root",
+	"viewport": "tKbECq_viewport"
+};
+//#endregion
+export { SnapCarousel_module_default as default };

package/dist/components/{Spinner → spinner}/Spinner.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .ofoevq_root {
+  .PtWy_a_root {
     --_spinner-size: var(--spinner-size, var(--spinner-size-md, 1.25rem));
     width: var(--_spinner-size);
     height: var(--_spinner-size);
@@ -11,7 +11,7 @@
     display: inline-flex;
   }
 
-  .ofoevq_indicator {
+  .PtWy_a_indicator {
     width: 100%;
     height: 100%;
     animation: var(--spinner-animation, var(--animation-spin));
@@ -20,7 +20,7 @@
     display: inline-flex;
   }
 
-  .ofoevq_ring {
+  .PtWy_a_ring {
     box-sizing: border-box;
     border: var(--spinner-ring-border-width, .125rem) solid
       var(--spinner-ring-track-color, color-mix(in oklab, currentColor 22%, transparent));
@@ -31,29 +31,29 @@
     display: block;
   }
 
-  .ofoevq_indicator :where(svg) {
+  .PtWy_a_indicator :where(svg) {
     width: 100%;
     height: 100%;
   }
 
-  .ofoevq_root[data-size="xs"] {
+  .PtWy_a_root[data-size="xs"] {
     --_spinner-size: var(--spinner-size, var(--spinner-size-xs, .75rem));
   }
 
-  .ofoevq_root[data-size="sm"] {
+  .PtWy_a_root[data-size="sm"] {
     --_spinner-size: var(--spinner-size, var(--spinner-size-sm, 1rem));
   }
 
-  .ofoevq_root[data-size="lg"] {
+  .PtWy_a_root[data-size="lg"] {
     --_spinner-size: var(--spinner-size, var(--spinner-size-lg, 1.75rem));
   }
 
-  .ofoevq_root[data-size="xl"] {
+  .PtWy_a_root[data-size="xl"] {
     --_spinner-size: var(--spinner-size, var(--spinner-size-xl, 2.25rem));
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .ofoevq_indicator {
+    .PtWy_a_indicator {
       animation: none;
     }
   }

package/dist/components/{Spinner → spinner}/Spinner.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 
-//#region src/components/Spinner/Spinner.d.ts
+//#region src/components/spinner/Spinner.d.ts
 type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type SpinnerProps = ComponentProps<'span'> & {
   size?: SpinnerSize;

package/dist/components/{Spinner → spinner}/Spinner.js

@@ -1,7 +1,7 @@
 import Spinner_module_default from "./Spinner.module.js";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
-//#region src/components/Spinner/Spinner.tsx
+//#region src/components/spinner/Spinner.tsx
 function Spinner({ className, size = "md", decorative = false, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) {
 	const accessibleLabel = decorative ? void 0 : ariaLabel ?? (ariaLabelledBy ? void 0 : "Loading");
 	return /* @__PURE__ */ jsx("span", {

package/dist/components/spinner/Spinner.module.js

@@ -0,0 +1,9 @@
+import './Spinner.css';
+//#region src/components/spinner/Spinner.module.css
+var Spinner_module_default = {
+	"indicator": "PtWy_a_indicator",
+	"ring": "PtWy_a_ring",
+	"root": "PtWy_a_root"
+};
+//#endregion
+export { Spinner_module_default as default };