moduix 0.11.2 → 1.0.0

package/dist/components/{Autocomplete → autocomplete}/Autocomplete.d.ts

@@ -1,6 +1,6 @@
 import { Autocomplete } from "@base-ui/react/autocomplete";
 
-//#region src/components/Autocomplete/Autocomplete.d.ts
+//#region src/components/autocomplete/Autocomplete.d.ts
 declare const Autocomplete$1: typeof Autocomplete.Root;
 declare const AutocompleteField: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const AutocompleteInlineInputContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/{Autocomplete → autocomplete}/Autocomplete.js

@@ -1,12 +1,12 @@
-import { ChevronDownIcon, ChevronUpDownIcon, CloseIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { ChevronDownIcon, ChevronUpDownIcon, CloseIcon, PopupArrowIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Autocomplete_module_default from "./Autocomplete.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { Autocomplete } from "@base-ui/react/autocomplete";
 import { Combobox } from "@base-ui/react/combobox";
-//#region src/components/Autocomplete/Autocomplete.tsx
+//#region src/components/autocomplete/Autocomplete.tsx
 const Autocomplete$1 = Autocomplete.Root;
 const AutocompleteField = forwardRef(function AutocompleteField({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx("div", {

package/dist/components/autocomplete/Autocomplete.module.js

@@ -0,0 +1,37 @@
+import './Autocomplete.css';
+//#region src/components/autocomplete/Autocomplete.module.css
+var Autocomplete_module_default = {
+	"arrow": "EXUTcW_arrow",
+	"arrowFill": "EXUTcW_arrowFill",
+	"arrowInnerStroke": "EXUTcW_arrowInnerStroke",
+	"arrowOuterStroke": "EXUTcW_arrowOuterStroke",
+	"arrowSvg": "EXUTcW_arrowSvg",
+	"backdrop": "EXUTcW_backdrop",
+	"clear": "EXUTcW_clear",
+	"controlActions": "EXUTcW_controlActions",
+	"empty": "EXUTcW_empty",
+	"field": "EXUTcW_field",
+	"fieldLabel": "EXUTcW_fieldLabel",
+	"fieldTrigger": "EXUTcW_fieldTrigger",
+	"group": "EXUTcW_group",
+	"groupLabel": "EXUTcW_groupLabel",
+	"icon": "EXUTcW_icon",
+	"iconSvg": "EXUTcW_iconSvg",
+	"inlineInputContainer": "EXUTcW_inlineInputContainer",
+	"input": "EXUTcW_input",
+	"inputGroup": "EXUTcW_inputGroup",
+	"item": "EXUTcW_item",
+	"itemText": "EXUTcW_itemText",
+	"itemTextContent": "EXUTcW_itemTextContent",
+	"itemTextIcon": "EXUTcW_itemTextIcon",
+	"itemTextLabel": "EXUTcW_itemTextLabel",
+	"list": "EXUTcW_list",
+	"popup": "EXUTcW_popup",
+	"positioner": "EXUTcW_positioner",
+	"row": "EXUTcW_row",
+	"separator": "EXUTcW_separator",
+	"status": "EXUTcW_status",
+	"trigger": "EXUTcW_trigger"
+};
+//#endregion
+export { Autocomplete_module_default as default };

package/dist/components/{Avatar → avatar}/Avatar.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .Sasgra_root {
+  .B6ktfW_root {
     box-sizing: border-box;
     width: var(--avatar-size, var(--size-md));
     height: var(--avatar-size, var(--size-md));
@@ -48,7 +48,7 @@
     }
   }
 
-  .Sasgra_image {
+  .B6ktfW_image {
     object-fit: var(--avatar-image-object-fit, cover);
     object-position: var(--avatar-image-object-position, center);
     width: 100%;
@@ -61,7 +61,7 @@
     }
   }
 
-  .Sasgra_fallback {
+  .B6ktfW_fallback {
     width: 100%;
     height: 100%;
     padding: var(--avatar-fallback-padding, 0);

package/dist/components/{Avatar → avatar}/Avatar.d.ts

@@ -1,6 +1,6 @@
 import { Avatar } from "@base-ui/react/avatar";
 
-//#region src/components/Avatar/Avatar.d.ts
+//#region src/components/avatar/Avatar.d.ts
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 declare function Avatar$1({
   className,

package/dist/components/{Avatar → avatar}/Avatar.js

@@ -1,8 +1,8 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Avatar_module_default from "./Avatar.module.js";
 import { jsx } from "react/jsx-runtime";
 import { Avatar } from "@base-ui/react/avatar";
-//#region src/components/Avatar/Avatar.tsx
+//#region src/components/avatar/Avatar.tsx
 function Avatar$1({ className, size, ...props }) {
 	return /* @__PURE__ */ jsx(Avatar.Root, {
 		"data-slot": "avatar-root",

package/dist/components/avatar/Avatar.module.js

@@ -0,0 +1,9 @@
+import './Avatar.css';
+//#region src/components/avatar/Avatar.module.css
+var Avatar_module_default = {
+	"fallback": "B6ktfW_fallback",
+	"image": "B6ktfW_image",
+	"root": "B6ktfW_root"
+};
+//#endregion
+export { Avatar_module_default as default };

package/dist/components/{Badge → badge}/Badge.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .PcM4LW_root {
+  ._4vwdYa_root {
     justify-content: center;
     align-items: center;
     gap: var(--badge-gap, .375rem);
@@ -56,7 +56,7 @@
     }
   }
 
-  .PcM4LW_dot {
+  ._4vwdYa_dot {
     width: var(--badge-dot-size, .375rem);
     height: var(--badge-dot-size, .375rem);
     background-color: currentColor;

package/dist/components/{Badge → badge}/Badge.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef } from "react";
 
-//#region src/components/Badge/Badge.d.ts
+//#region src/components/badge/Badge.d.ts
 type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost';
 type BadgeProps = ComponentPropsWithoutRef<'span'> & {
   variant?: BadgeVariant;

package/dist/components/{Badge → badge}/Badge.js

@@ -1,7 +1,7 @@
 import Badge_module_default from "./Badge.module.js";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
-//#region src/components/Badge/Badge.tsx
+//#region src/components/badge/Badge.tsx
 function Badge({ className, variant = "default", ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		"data-slot": "badge-root",

package/dist/components/{Badge → badge}/Badge.module.js

@@ -1,8 +1,8 @@
 import './Badge.css';
-//#region src/components/Badge/Badge.module.css
+//#region src/components/badge/Badge.module.css
 var Badge_module_default = {
-	"dot": "PcM4LW_dot",
-	"root": "PcM4LW_root"
+	"dot": "_4vwdYa_dot",
+	"root": "_4vwdYa_root"
 };
 //#endregion
 export { Badge_module_default as default };

package/dist/components/{Bleed → bleed}/Bleed.css

@@ -1,51 +1,51 @@
 @layer ui.components {
-  .B_mjfG_root {
+  .YpAamG_root {
     box-sizing: border-box;
     margin: 0;
   }
 
-  .B_mjfG_root[data-inline="xs"] {
+  .YpAamG_root[data-inline="xs"] {
     margin-inline: calc(var(--bleed-inline-xs, var(--spacing-1)) * -1);
   }
 
-  .B_mjfG_root[data-inline="sm"] {
+  .YpAamG_root[data-inline="sm"] {
     margin-inline: calc(var(--bleed-inline-sm, var(--spacing-2)) * -1);
   }
 
-  .B_mjfG_root[data-inline="md"] {
+  .YpAamG_root[data-inline="md"] {
     margin-inline: calc(var(--bleed-inline-md, var(--spacing-3)) * -1);
   }
 
-  .B_mjfG_root[data-inline="lg"] {
+  .YpAamG_root[data-inline="lg"] {
     margin-inline: calc(var(--bleed-inline-lg, var(--spacing-4)) * -1);
   }
 
-  .B_mjfG_root[data-inline="xl"] {
+  .YpAamG_root[data-inline="xl"] {
     margin-inline: calc(var(--bleed-inline-xl, var(--spacing-6)) * -1);
   }
 
-  .B_mjfG_root[data-inline="full"] {
+  .YpAamG_root[data-inline="full"] {
     inline-size: var(--bleed-inline-full-size, 100vw);
     margin-inline: var(--bleed-inline-full, calc(50% - 50vw));
   }
 
-  .B_mjfG_root[data-block="xs"] {
+  .YpAamG_root[data-block="xs"] {
     margin-block: calc(var(--bleed-block-xs, var(--spacing-1)) * -1);
   }
 
-  .B_mjfG_root[data-block="sm"] {
+  .YpAamG_root[data-block="sm"] {
     margin-block: calc(var(--bleed-block-sm, var(--spacing-2)) * -1);
   }
 
-  .B_mjfG_root[data-block="md"] {
+  .YpAamG_root[data-block="md"] {
     margin-block: calc(var(--bleed-block-md, var(--spacing-3)) * -1);
   }
 
-  .B_mjfG_root[data-block="lg"] {
+  .YpAamG_root[data-block="lg"] {
     margin-block: calc(var(--bleed-block-lg, var(--spacing-4)) * -1);
   }
 
-  .B_mjfG_root[data-block="xl"] {
+  .YpAamG_root[data-block="xl"] {
     margin-block: calc(var(--bleed-block-xl, var(--spacing-6)) * -1);
   }
 }

package/dist/components/{Bleed → bleed}/Bleed.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ElementType } from "react";
 
-//#region src/components/Bleed/Bleed.d.ts
+//#region src/components/bleed/Bleed.d.ts
 declare function Bleed({
   as: Root,
   inline,

package/dist/components/{Bleed → bleed}/Bleed.js

@@ -1,7 +1,7 @@
 import Bleed_module_default from "./Bleed.module.js";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
-//#region src/components/Bleed/Bleed.tsx
+//#region src/components/bleed/Bleed.tsx
 function Bleed({ as: Root = "div", inline = "full", block = "none", className, ...props }) {
 	return /* @__PURE__ */ jsx(Root, {
 		...props,

package/dist/components/bleed/Bleed.module.js

@@ -0,0 +1,5 @@
+import './Bleed.css';
+//#region src/components/bleed/Bleed.module.css
+var Bleed_module_default = { "root": "YpAamG_root" };
+//#endregion
+export { Bleed_module_default as default };

package/dist/components/{Breadcrumbs → breadcrumbs}/Breadcrumbs.css

@@ -1,12 +1,12 @@
 @layer ui.components {
-  .twF6Fa_root {
+  .IRqw7W_root {
     max-width: var(--breadcrumbs-max-width, 100%);
     color: var(--breadcrumbs-color, var(--color-muted-foreground));
     font-size: var(--breadcrumbs-font-size, var(--text-sm));
     line-height: var(--breadcrumbs-line-height, var(--line-height-text-sm));
   }
 
-  .twF6Fa_list {
+  .IRqw7W_list {
     align-items: center;
     gap: var(--breadcrumbs-gap, var(--spacing-1));
     white-space: nowrap;
@@ -17,31 +17,31 @@
     display: flex;
   }
 
-  .twF6Fa_item {
+  .IRqw7W_item {
     flex: none;
     align-items: center;
     min-width: 0;
     display: inline-flex;
   }
 
-  .twF6Fa_list > .twF6Fa_item:last-child {
+  .IRqw7W_list > .IRqw7W_item:last-child {
     max-width: var(--breadcrumbs-item-max-width, 16rem);
     flex: auto;
   }
 
-  .twF6Fa_link, .twF6Fa_page {
+  .IRqw7W_link, .IRqw7W_page {
     white-space: nowrap;
     min-width: 0;
     max-width: 100%;
     display: block;
   }
 
-  .twF6Fa_link, .twF6Fa_page, .twF6Fa_ellipsis {
+  .IRqw7W_link, .IRqw7W_page, .IRqw7W_ellipsis {
     text-overflow: ellipsis;
     overflow: hidden;
   }
 
-  .twF6Fa_link {
+  .IRqw7W_link {
     color: var(--breadcrumbs-link-color, var(--color-muted-foreground));
     text-decoration: var(--breadcrumbs-link-text-decoration, none);
     text-underline-offset: var(--breadcrumbs-link-underline-offset, .2em);
@@ -62,12 +62,12 @@
     }
   }
 
-  .twF6Fa_page {
+  .IRqw7W_page {
     color: var(--breadcrumbs-page-color, var(--color-foreground));
     font-weight: var(--breadcrumbs-page-font-weight, var(--weight-medium));
   }
 
-  .twF6Fa_separator {
+  .IRqw7W_separator {
     color: var(--breadcrumbs-separator-color, var(--color-muted-foreground));
     font-size: var(--breadcrumbs-separator-font-size, .875em);
     user-select: none;
@@ -76,7 +76,7 @@
     display: inline-flex;
   }
 
-  .twF6Fa_ellipsis {
+  .IRqw7W_ellipsis {
     min-width: var(--breadcrumbs-ellipsis-size, 1rem);
     min-height: var(--breadcrumbs-ellipsis-size, 1rem);
     color: var(--breadcrumbs-ellipsis-color, var(--color-muted-foreground));

package/dist/components/{Breadcrumbs → breadcrumbs}/Breadcrumbs.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
 import { useRender } from "@base-ui/react/use-render";
 
-//#region src/components/Breadcrumbs/Breadcrumbs.d.ts
+//#region src/components/breadcrumbs/Breadcrumbs.d.ts
 declare function Breadcrumbs({
   className,
   'aria-label': ariaLabel,

package/dist/components/{Breadcrumbs → breadcrumbs}/Breadcrumbs.js

@@ -2,7 +2,7 @@ import Breadcrumbs_module_default from "./Breadcrumbs.module.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+//#region src/components/breadcrumbs/Breadcrumbs.tsx
 function Breadcrumbs({ className, "aria-label": ariaLabel = "Breadcrumb", ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"data-slot": "breadcrumbs-root",

package/dist/components/breadcrumbs/Breadcrumbs.module.js

@@ -0,0 +1,13 @@
+import './Breadcrumbs.css';
+//#region src/components/breadcrumbs/Breadcrumbs.module.css
+var Breadcrumbs_module_default = {
+	"ellipsis": "IRqw7W_ellipsis",
+	"item": "IRqw7W_item",
+	"link": "IRqw7W_link",
+	"list": "IRqw7W_list",
+	"page": "IRqw7W_page",
+	"root": "IRqw7W_root",
+	"separator": "IRqw7W_separator"
+};
+//#endregion
+export { Breadcrumbs_module_default as default };

package/dist/components/{Button → button}/Button.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._1ruXdW_root {
+  .D8HPlG_root {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;

package/dist/components/{Button → button}/Button.d.ts

@@ -1,6 +1,6 @@
 import { Button } from "@base-ui/react/button";
 
-//#region src/components/Button/Button.d.ts
+//#region src/components/button/Button.d.ts
 type ButtonVariant = 'default' | 'outline' | 'secondary' | 'destructive' | 'destructive-outline' | 'ghost' | 'link';
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'icon-sm' | 'icon-md' | 'icon-lg';
 type ButtonProps = Button.Props & {

package/dist/components/{Button → button}/Button.js

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

package/dist/components/button/Button.module.js

@@ -0,0 +1,5 @@
+import './Button.css';
+//#region src/components/button/Button.module.css
+var Button_module_default = { "root": "D8HPlG_root" };
+//#endregion
+export { Button_module_default as default };

package/dist/components/{Card → card}/Card.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  ._06ECia_root {
+  ._7aCbKG_root {
     --card-padding-default: var(--card-padding, var(--spacing-6));
     --card-title-font-size-default: var(--card-title-font-size, var(--text-lg));
     --card-title-line-height-default: var(--card-title-line-height, var(--line-height-text-lg));
@@ -26,23 +26,23 @@
       --card-title-line-height-default: var(--card-title-line-height-sm, var(--line-height-text-md));
     }
 
-    &:has(._06ECia_link) :where(a, button, input, select, textarea, [role="button"], [role="checkbox"], [role="menuitem"], [role="switch"], [tabindex]:not([tabindex="-1"])):not(._06ECia_link) {
+    &:has(._7aCbKG_link) :where(a, button, input, select, textarea, [role="button"], [role="checkbox"], [role="menuitem"], [role="switch"], [tabindex]:not([tabindex="-1"])):not(._7aCbKG_link) {
       z-index: 1;
       position: relative;
     }
 
-    & ._06ECia_link {
+    & ._7aCbKG_link {
       position: static;
     }
   }
 
-  ._06ECia_header, ._06ECia_content, ._06ECia_footer {
+  ._7aCbKG_header, ._7aCbKG_content, ._7aCbKG_footer {
     box-sizing: border-box;
     min-width: 0;
     padding-inline: var(--card-padding-default);
   }
 
-  ._06ECia_header {
+  ._7aCbKG_header {
     column-gap: var(--card-action-gap, var(--spacing-2));
     row-gap: var(--card-header-gap, var(--spacing-1));
     padding-block: var(--card-padding-default) 0;
@@ -50,7 +50,7 @@
     display: grid;
   }
 
-  ._06ECia_content {
+  ._7aCbKG_content {
     padding-block: var(--card-content-padding-top, var(--spacing-4)) var(--card-padding-default);
     color: var(--card-content-color, var(--color-muted-foreground));
     font-size: var(--card-content-font-size, var(--text-sm));
@@ -70,7 +70,7 @@
     }
   }
 
-  ._06ECia_footer {
+  ._7aCbKG_footer {
     align-items: center;
     gap: var(--card-footer-gap, var(--spacing-2));
     padding-block: 0 var(--card-padding-default);
@@ -78,7 +78,7 @@
     display: flex;
   }
 
-  ._06ECia_title {
+  ._7aCbKG_title {
     min-width: 0;
     color: var(--card-title-color, currentColor);
     font-size: var(--card-title-font-size-default);
@@ -89,7 +89,7 @@
     margin: 0;
   }
 
-  ._06ECia_description {
+  ._7aCbKG_description {
     min-width: 0;
     color: var(--card-description-color, var(--color-muted-foreground));
     font-size: var(--card-description-font-size, var(--text-sm));
@@ -99,7 +99,7 @@
     margin: 0;
   }
 
-  ._06ECia_action {
+  ._7aCbKG_action {
     z-index: 1;
     justify-content: flex-end;
     align-items: start;
@@ -110,7 +110,7 @@
     position: relative;
   }
 
-  ._06ECia_link {
+  ._7aCbKG_link {
     color: inherit;
     text-decoration: none;
     position: relative;

package/dist/components/{Card → card}/Card.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, ComponentPropsWithoutRef } from "react";
 import { useRender } from "@base-ui/react/use-render";
 
-//#region src/components/Card/Card.d.ts
+//#region src/components/card/Card.d.ts
 type CardSize = 'default' | 'sm';
 type CardTitleElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 declare function Card({

package/dist/components/{Card → card}/Card.js

@@ -2,7 +2,7 @@ import Card_module_default from "./Card.module.js";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/Card/Card.tsx
+//#region src/components/card/Card.tsx
 function Card({ className, render, size = "default", ...props }) {
 	return useRender({
 		defaultTagName: "div",

package/dist/components/card/Card.module.js

@@ -0,0 +1,14 @@
+import './Card.css';
+//#region src/components/card/Card.module.css
+var Card_module_default = {
+	"action": "_7aCbKG_action",
+	"content": "_7aCbKG_content",
+	"description": "_7aCbKG_description",
+	"footer": "_7aCbKG_footer",
+	"header": "_7aCbKG_header",
+	"link": "_7aCbKG_link",
+	"root": "_7aCbKG_root",
+	"title": "_7aCbKG_title"
+};
+//#endregion
+export { Card_module_default as default };

package/dist/components/{Checkbox → checkbox}/Checkbox.css

@@ -1,17 +1,17 @@
 @layer ui.components {
-  ._00Q5eW_field {
+  .CDJB0G_field {
     align-items: center;
     gap: var(--checkbox-gap, var(--spacing-2));
     vertical-align: middle;
     cursor: pointer;
     display: inline-flex;
 
-    &:has(._00Q5eW_root[data-disabled]), &:has(._00Q5eW_root[data-readonly]) {
+    &:has(.CDJB0G_root[data-disabled]), &:has(.CDJB0G_root[data-readonly]) {
       cursor: default;
     }
   }
 
-  ._00Q5eW_root {
+  .CDJB0G_root {
     box-sizing: border-box;
     width: var(--_checkbox-size, 1.25rem);
     height: var(--_checkbox-size, 1.25rem);
@@ -87,19 +87,19 @@
     }
   }
 
-  ._00Q5eW_indicator {
+  .CDJB0G_indicator {
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     display: flex;
 
-    &[data-indeterminate] ._00Q5eW_iconChecked, &[data-checked] ._00Q5eW_iconIndeterminate, &[data-unchecked] ._00Q5eW_iconChecked, &[data-unchecked] ._00Q5eW_iconIndeterminate {
+    &[data-indeterminate] .CDJB0G_iconChecked, &[data-checked] .CDJB0G_iconIndeterminate, &[data-unchecked] .CDJB0G_iconChecked, &[data-unchecked] .CDJB0G_iconIndeterminate {
       display: none;
     }
   }
 
-  ._00Q5eW_icon {
+  .CDJB0G_icon {
     width: var(--_checkbox-icon-size, .75rem);
     height: var(--_checkbox-icon-size, .75rem);
     color: inherit;
@@ -109,7 +109,7 @@
     display: flex;
   }
 
-  ._00Q5eW_iconChecked, ._00Q5eW_iconIndeterminate {
+  .CDJB0G_iconChecked, .CDJB0G_iconIndeterminate {
     justify-content: center;
     align-items: center;
     width: 100%;
@@ -122,7 +122,7 @@
     }
   }
 
-  ._00Q5eW_label {
+  .CDJB0G_label {
     color: var(--checkbox-label-color, var(--color-foreground));
     font-size: var(--checkbox-label-font-size, var(--text-sm));
     font-weight: var(--checkbox-label-font-weight, var(--weight-medium));

package/dist/components/{Checkbox → checkbox}/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
 import { Checkbox } from "@base-ui/react/checkbox";
 
-//#region src/components/Checkbox/Checkbox.d.ts
+//#region src/components/checkbox/Checkbox.d.ts
 type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 declare const Checkbox$1: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CheckboxRootProps & {
   size?: CheckboxSize;

package/dist/components/{Checkbox → checkbox}/Checkbox.js

@@ -1,11 +1,11 @@
-import { CheckIcon, IndeterminateIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { CheckIcon, IndeterminateIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Checkbox_module_default from "./Checkbox.module.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { Checkbox } from "@base-ui/react/checkbox";
-//#region src/components/Checkbox/Checkbox.tsx
+//#region src/components/checkbox/Checkbox.tsx
 const Checkbox$1 = forwardRef(function Checkbox$2({ className, size = "md", children, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Checkbox.Root, {
 		ref,

package/dist/components/checkbox/Checkbox.module.js

@@ -0,0 +1,13 @@
+import './Checkbox.css';
+//#region src/components/checkbox/Checkbox.module.css
+var Checkbox_module_default = {
+	"field": "CDJB0G_field",
+	"icon": "CDJB0G_icon",
+	"iconChecked": "CDJB0G_iconChecked",
+	"iconIndeterminate": "CDJB0G_iconIndeterminate",
+	"indicator": "CDJB0G_indicator",
+	"label": "CDJB0G_label",
+	"root": "CDJB0G_root"
+};
+//#endregion
+export { Checkbox_module_default as default };