moduix 0.11.2 → 1.0.0

package/dist/components/{Dialog → dialog}/Dialog.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .u1ogVa_trigger, .u1ogVa_close {
+  .nla08G_trigger, .nla08G_close {
     box-sizing: border-box;
     min-height: var(--dialog-control-height, var(--size-lg));
     padding: var(--dialog-control-padding-y, .5rem) var(--dialog-control-padding-x, .875rem);
@@ -40,7 +40,7 @@
     }
   }
 
-  .u1ogVa_backdrop {
+  .nla08G_backdrop {
     z-index: var(--z-backdrop);
     background-color: var(--dialog-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
     min-height: 100dvh;
@@ -60,7 +60,7 @@
     }
   }
 
-  .u1ogVa_viewport {
+  .nla08G_viewport {
     box-sizing: border-box;
     z-index: var(--z-modal);
     overscroll-behavior: contain;
@@ -76,7 +76,7 @@
     }
   }
 
-  .u1ogVa_viewportNonBlocking {
+  .nla08G_viewportNonBlocking {
     pointer-events: none;
 
     & > [data-slot="dialog-popup"] {
@@ -84,7 +84,7 @@
     }
   }
 
-  .u1ogVa_popup {
+  .nla08G_popup {
     box-sizing: border-box;
     width: min(var(--dialog-width, 28rem),
       var(--dialog-max-width, calc(100vw - var(--spacing-8, 2rem))),
@@ -121,7 +121,7 @@
     }
   }
 
-  .u1ogVa_header {
+  .nla08G_header {
     align-items: start;
     gap: var(--dialog-header-gap, var(--spacing-1));
     grid-template-columns: minmax(0, 1fr) auto;
@@ -141,7 +141,7 @@
     }
   }
 
-  .u1ogVa_title {
+  .nla08G_title {
     color: var(--dialog-title-color, var(--dialog-color, var(--color-popover-foreground)));
     font-size: var(--dialog-title-font-size, var(--text-lg));
     font-weight: var(--dialog-title-font-weight, var(--weight-semibold));
@@ -149,21 +149,21 @@
     margin: 0;
   }
 
-  .u1ogVa_description {
+  .nla08G_description {
     color: var(--dialog-description-color, var(--dialog-muted-color, var(--color-muted-foreground)));
     font-size: var(--dialog-description-font-size, var(--text-md));
     line-height: var(--dialog-description-line-height, var(--line-height-text-md));
     margin: 0;
   }
 
-  .u1ogVa_footer {
+  .nla08G_footer {
     justify-content: flex-end;
     gap: var(--dialog-footer-gap, var(--spacing-2));
     margin-top: var(--dialog-footer-margin-top, var(--spacing-6));
     display: flex;
   }
 
-  .u1ogVa_closeIcon {
+  .nla08G_closeIcon {
     --close-button-size: var(--dialog-close-icon-size, 1.75rem);
     --close-button-radius: var(--dialog-close-icon-radius, var(--radius-md));
     --close-button-color: var(--dialog-close-icon-color, var(--dialog-muted-color, var(--color-muted-foreground)));
@@ -177,7 +177,7 @@
     padding: 0;
   }
 
-  .u1ogVa_body {
+  .nla08G_body {
     margin: var(--dialog-content-margin, var(--spacing-4) 0 0);
     color: var(--dialog-description-color, var(--dialog-muted-color, var(--color-muted-foreground)));
     font-size: var(--dialog-description-font-size, var(--text-md));

package/dist/components/{Dialog → dialog}/Dialog.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
 import { Dialog } from "@base-ui/react/dialog";
 
-//#region src/components/Dialog/Dialog.d.ts
+//#region src/components/dialog/Dialog.d.ts
 declare const createDialogHandle: typeof Dialog.createHandle;
 declare function Dialog$1<Payload = unknown>({
   modal,

package/dist/components/{Dialog → dialog}/Dialog.js

@@ -1,11 +1,11 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
-import { CloseButton } from "../CloseButton/CloseButton.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
+import { CloseButton } from "../close-button/CloseButton.js";
 import Dialog_module_default from "./Dialog.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { createContext, useContext } from "react";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/components/Dialog/Dialog.tsx
+//#region src/components/dialog/Dialog.tsx
 const DEFAULT_CLOSE_BUTTON_LABEL = "Close dialog";
 const DialogModeContext = createContext(true);
 const createDialogHandle = Dialog.createHandle;

package/dist/components/dialog/Dialog.module.js

@@ -0,0 +1,18 @@
+import './Dialog.css';
+//#region src/components/dialog/Dialog.module.css
+var Dialog_module_default = {
+	"backdrop": "nla08G_backdrop",
+	"body": "nla08G_body",
+	"close": "nla08G_close",
+	"closeIcon": "nla08G_closeIcon",
+	"description": "nla08G_description",
+	"footer": "nla08G_footer",
+	"header": "nla08G_header",
+	"popup": "nla08G_popup",
+	"title": "nla08G_title",
+	"trigger": "nla08G_trigger",
+	"viewport": "nla08G_viewport",
+	"viewportNonBlocking": "nla08G_viewportNonBlocking"
+};
+//#endregion
+export { Dialog_module_default as default };

package/dist/components/{Drawer → drawer}/Drawer.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .DGe4oW_indentBackground {
+  .NnadXG_indentBackground {
     background: var(--drawer-indent-background-bg, var(--color-foreground));
     opacity: var(--drawer-indent-background-opacity, 0);
     transition: opacity var(--drawer-indent-transition, .4s cubic-bezier(.32, .72, 0, 1));
@@ -12,7 +12,7 @@
     }
   }
 
-  .DGe4oW_indent {
+  .NnadXG_indent {
     transition: transform var(--drawer-indent-transition, .4s cubic-bezier(.32, .72, 0, 1)),
       border-radius var(--drawer-indent-radius-transition, .25s cubic-bezier(.32, .72, 0, 1));
     transform-origin: top;
@@ -27,7 +27,7 @@
     }
   }
 
-  .DGe4oW_trigger, .DGe4oW_close {
+  .NnadXG_trigger, .NnadXG_close {
     box-sizing: border-box;
     min-height: var(--drawer-control-height, var(--size-lg));
     padding: var(--drawer-control-padding-y, .5rem) var(--drawer-control-padding-x, .875rem);
@@ -68,7 +68,7 @@
     }
   }
 
-  .DGe4oW_swipeArea {
+  .NnadXG_swipeArea {
     z-index: var(--z-modal);
     touch-action: none;
     position: fixed;
@@ -106,7 +106,7 @@
     }
   }
 
-  .DGe4oW_backdrop {
+  .NnadXG_backdrop {
     z-index: var(--z-backdrop);
     background-color: var(--drawer-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
     min-height: 100dvh;
@@ -132,7 +132,7 @@
     }
   }
 
-  .DGe4oW_viewport {
+  .NnadXG_viewport {
     z-index: var(--z-modal);
     top: var(--drawer-viewport-top, 0);
     right: var(--drawer-viewport-right, 0);
@@ -146,31 +146,31 @@
     display: flex;
     position: fixed;
 
-    &:has(.DGe4oW_popup[data-swipe-direction="up"]) {
+    &:has(.NnadXG_popup[data-swipe-direction="up"]) {
       justify-content: center;
       align-items: flex-start;
     }
 
-    &:has(.DGe4oW_popup[data-swipe-direction="left"]) {
+    &:has(.NnadXG_popup[data-swipe-direction="left"]) {
       justify-content: flex-start;
       align-items: center;
     }
 
-    &:has(.DGe4oW_popup[data-swipe-direction="right"]) {
+    &:has(.NnadXG_popup[data-swipe-direction="right"]) {
       justify-content: flex-end;
       align-items: center;
     }
   }
 
-  .DGe4oW_viewportNonModal {
+  .NnadXG_viewportNonModal {
     pointer-events: none;
   }
 
-  .DGe4oW_viewportIsland {
+  .NnadXG_viewportIsland {
     --drawer-viewport-padding: var(--drawer-island-padding, var(--spacing-4));
   }
 
-  .DGe4oW_popup {
+  .NnadXG_popup {
     --drawer-bleed: var(--drawer-bleed-size, 3rem);
     box-sizing: border-box;
     border: var(--border-width-sm) solid var(--drawer-border-color, var(--color-border));
@@ -369,7 +369,7 @@
     }
   }
 
-  .DGe4oW_handle {
+  .NnadXG_handle {
     width: var(--drawer-handle-width, 3rem);
     height: var(--drawer-handle-height, .25rem);
     border-radius: var(--drawer-handle-radius, var(--radius-full));
@@ -380,20 +380,20 @@
     left: 50%;
     transform: translateX(-50%);
 
-    .DGe4oW_popup[data-swipe-direction="down"] & {
+    .NnadXG_popup[data-swipe-direction="down"] & {
       top: var(--drawer-handle-offset, var(--spacing-3));
     }
 
-    .DGe4oW_popup[data-swipe-direction="up"] & {
+    .NnadXG_popup[data-swipe-direction="up"] & {
       bottom: var(--drawer-handle-offset, var(--spacing-3));
     }
 
-    .DGe4oW_popup[data-swipe-direction="left"] &, .DGe4oW_popup[data-swipe-direction="right"] & {
+    .NnadXG_popup[data-swipe-direction="left"] &, .NnadXG_popup[data-swipe-direction="right"] & {
       display: none;
     }
   }
 
-  .DGe4oW_content {
+  .NnadXG_content {
     flex-direction: column;
     flex: 1;
     width: 100%;
@@ -401,7 +401,7 @@
     display: flex;
     overflow: hidden;
 
-    .DGe4oW_popup[data-snap-layout] & {
+    .NnadXG_popup[data-snap-layout] & {
       height: var(--drawer-snap-visible-height, 100%);
       max-height: var(--drawer-snap-visible-height, 100%);
       flex: 0 auto;
@@ -411,12 +411,12 @@
         flex-basis var(--drawer-transition, .45s cubic-bezier(.32, .72, 0, 1));
     }
 
-    .DGe4oW_popup[data-snap-layout][data-swiping] & {
+    .NnadXG_popup[data-snap-layout][data-swiping] & {
       transition: none;
     }
   }
 
-  .DGe4oW_header {
+  .NnadXG_header {
     align-items: start;
     gap: var(--drawer-header-gap, var(--spacing-1));
     grid-template-columns: minmax(0, 1fr) auto;
@@ -436,7 +436,7 @@
     }
   }
 
-  .DGe4oW_title {
+  .NnadXG_title {
     color: var(--drawer-title-color, var(--drawer-color, var(--color-popover-foreground)));
     font-size: var(--drawer-title-font-size, var(--text-lg));
     font-weight: var(--drawer-title-font-weight, var(--weight-semibold));
@@ -444,14 +444,14 @@
     margin: 0;
   }
 
-  .DGe4oW_description {
+  .NnadXG_description {
     color: var(--drawer-description-color, var(--color-muted-foreground));
     font-size: var(--drawer-description-font-size, var(--text-md));
     line-height: var(--drawer-description-line-height, var(--line-height-text-md));
     margin: 0;
   }
 
-  .DGe4oW_body {
+  .NnadXG_body {
     min-height: 0;
     margin-top: var(--drawer-body-margin-top, var(--spacing-4));
     font-size: var(--drawer-body-font-size, var(--text-md));
@@ -460,14 +460,14 @@
     overflow: hidden;
   }
 
-  .DGe4oW_footer {
+  .NnadXG_footer {
     justify-content: flex-end;
     gap: var(--drawer-footer-gap, var(--spacing-2));
     margin-top: var(--drawer-footer-margin-top, var(--spacing-6));
     display: flex;
   }
 
-  .DGe4oW_closeIcon {
+  .NnadXG_closeIcon {
     --close-button-size: var(--drawer-close-icon-size, 1.75rem);
     --close-button-radius: var(--drawer-close-icon-radius, var(--radius-md));
     --close-button-color: var(--drawer-close-icon-color, var(--drawer-description-color, var(--color-muted-foreground)));

package/dist/components/{Drawer → drawer}/Drawer.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
 import { Drawer } from "@base-ui/react/drawer";
 
-//#region src/components/Drawer/Drawer.d.ts
+//#region src/components/drawer/Drawer.d.ts
 declare function Drawer$1<Payload = unknown>({
   modal,
   ...props

package/dist/components/{Drawer → drawer}/Drawer.js

@@ -1,11 +1,11 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
-import { CloseButton } from "../CloseButton/CloseButton.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
+import { CloseButton } from "../close-button/CloseButton.js";
 import Drawer_module_default from "./Drawer.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { createContext, useContext, useEffect, useState } from "react";
 import { Drawer } from "@base-ui/react/drawer";
-//#region src/components/Drawer/Drawer.tsx
+//#region src/components/drawer/Drawer.tsx
 const DEFAULT_CLOSE_BUTTON_LABEL = "Close drawer";
 const DrawerModeContext = createContext(true);
 function useMountReady(disableInitialAnimation) {

package/dist/components/drawer/Drawer.module.js

@@ -0,0 +1,24 @@
+import './Drawer.css';
+//#region src/components/drawer/Drawer.module.css
+var Drawer_module_default = {
+	"backdrop": "NnadXG_backdrop",
+	"body": "NnadXG_body",
+	"close": "NnadXG_close",
+	"closeIcon": "NnadXG_closeIcon",
+	"content": "NnadXG_content",
+	"description": "NnadXG_description",
+	"footer": "NnadXG_footer",
+	"handle": "NnadXG_handle",
+	"header": "NnadXG_header",
+	"indent": "NnadXG_indent",
+	"indentBackground": "NnadXG_indentBackground",
+	"popup": "NnadXG_popup",
+	"swipeArea": "NnadXG_swipeArea",
+	"title": "NnadXG_title",
+	"trigger": "NnadXG_trigger",
+	"viewport": "NnadXG_viewport",
+	"viewportIsland": "NnadXG_viewportIsland",
+	"viewportNonModal": "NnadXG_viewportNonModal"
+};
+//#endregion
+export { Drawer_module_default as default };

package/dist/components/{Empty → empty}/Empty.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .PlHusq_root {
+  .An2k4G_root {
     box-sizing: border-box;
     justify-items: center;
     gap: var(--empty-gap, var(--spacing-4));
@@ -16,7 +16,7 @@
     display: grid;
   }
 
-  .PlHusq_icon {
+  .An2k4G_icon {
     min-width: 0;
     padding: var(--empty-icon-padding, var(--spacing-3));
     border-radius: var(--radius-full);
@@ -34,7 +34,7 @@
     }
   }
 
-  .PlHusq_content {
+  .An2k4G_content {
     justify-items: center;
     gap: var(--empty-content-gap, var(--spacing-1));
     min-width: 0;
@@ -42,7 +42,7 @@
     display: grid;
   }
 
-  .PlHusq_title {
+  .An2k4G_title {
     min-width: 0;
     color: var(--empty-title-color, currentColor);
     font-size: var(--empty-title-font-size, var(--text-xl));
@@ -52,7 +52,7 @@
     margin: 0;
   }
 
-  .PlHusq_description {
+  .An2k4G_description {
     min-width: 0;
     color: var(--empty-description-color, var(--color-muted-foreground));
     font-size: var(--empty-description-font-size, var(--text-sm));
@@ -68,7 +68,7 @@
     }
   }
 
-  .PlHusq_actions {
+  .An2k4G_actions {
     justify-content: center;
     align-items: center;
     gap: var(--empty-actions-gap, var(--spacing-2));

package/dist/components/{Empty → empty}/Empty.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ComponentPropsWithoutRef } from "react";
 
-//#region src/components/Empty/Empty.d.ts
+//#region src/components/empty/Empty.d.ts
 type EmptyTitleElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 declare function Empty({
   className,

package/dist/components/{Empty → empty}/Empty.js

@@ -1,7 +1,7 @@
 import Empty_module_default from "./Empty.module.js";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
-//#region src/components/Empty/Empty.tsx
+//#region src/components/empty/Empty.tsx
 function Empty({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "empty-root",

package/dist/components/empty/Empty.module.js

@@ -0,0 +1,12 @@
+import './Empty.css';
+//#region src/components/empty/Empty.module.css
+var Empty_module_default = {
+	"actions": "An2k4G_actions",
+	"content": "An2k4G_content",
+	"description": "An2k4G_description",
+	"icon": "An2k4G_icon",
+	"root": "An2k4G_root",
+	"title": "An2k4G_title"
+};
+//#endregion
+export { Empty_module_default as default };

package/dist/components/{Field → field}/Field.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .otdAoW_root {
+  .ZTSnFG_root {
     box-sizing: border-box;
     align-items: flex-start;
     gap: var(--field-gap, var(--spacing-1));
@@ -10,16 +10,16 @@
     display: flex;
   }
 
-  :is(.otdAoW_item, .otdAoW_label, .otdAoW_description, .otdAoW_control, .otdAoW_error)[data-disabled] {
+  :is(.ZTSnFG_item, .ZTSnFG_label, .ZTSnFG_description, .ZTSnFG_control, .ZTSnFG_error)[data-disabled] {
     opacity: var(--field-disabled-opacity, var(--opacity-disabled));
   }
 
-  .otdAoW_item {
+  .ZTSnFG_item {
     gap: var(--field-item-gap, var(--spacing-1));
     display: grid;
   }
 
-  .otdAoW_label {
+  .ZTSnFG_label {
     align-items: center;
     gap: var(--field-label-gap, var(--spacing-2));
     color: var(--field-label-color, var(--color-foreground));
@@ -29,14 +29,14 @@
     display: inline-flex;
   }
 
-  .otdAoW_description {
+  .ZTSnFG_description {
     color: var(--field-description-color, var(--color-muted-foreground));
     font-size: var(--field-description-font-size, var(--text-sm));
     line-height: var(--field-description-line-height, var(--line-height-text-sm));
     margin: 0;
   }
 
-  .otdAoW_control {
+  .ZTSnFG_control {
     box-sizing: border-box;
     width: var(--field-control-width, 100%);
     min-height: var(--field-control-height, var(--size-lg));
@@ -53,6 +53,7 @@
     outline: var(--field-focus-ring-width, var(--border-width-sm)) solid transparent;
     outline-offset: var(--field-focus-ring-offset, -1px);
     transition: border-color var(--field-control-transition, var(--transition-default)),
+      outline-color var(--field-control-transition, var(--transition-default)),
       opacity var(--field-control-transition, var(--transition-default));
     margin: 0;
 
@@ -77,7 +78,7 @@
     }
   }
 
-  .otdAoW_error {
+  .ZTSnFG_error {
     color: var(--field-error-color, var(--color-destructive));
     font-size: var(--field-error-font-size, var(--text-sm));
     line-height: var(--field-error-line-height, var(--line-height-text-sm));

package/dist/components/{Field → field}/Field.d.ts

@@ -1,6 +1,6 @@
 import { Field } from "@base-ui/react/field";
 
-//#region src/components/Field/Field.d.ts
+//#region src/components/field/Field.d.ts
 declare function Field$1({
   className,
   ...props

package/dist/components/{Field → field}/Field.js

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

package/dist/components/field/Field.module.js

@@ -0,0 +1,12 @@
+import './Field.css';
+//#region src/components/field/Field.module.css
+var Field_module_default = {
+	"control": "ZTSnFG_control",
+	"description": "ZTSnFG_description",
+	"error": "ZTSnFG_error",
+	"item": "ZTSnFG_item",
+	"label": "ZTSnFG_label",
+	"root": "ZTSnFG_root"
+};
+//#endregion
+export { Field_module_default as default };

package/dist/components/{Fieldset → fieldset}/Fieldset.css

@@ -1,9 +1,9 @@
 @layer ui.components {
-  .xKLSQG_root, .xKLSQG_legend {
+  .UEdKMa_root, .UEdKMa_legend {
     box-sizing: border-box;
   }
 
-  .xKLSQG_root {
+  .UEdKMa_root {
     gap: var(--fieldset-gap, var(--spacing-4));
     width: var(--fieldset-width, 100%);
     max-width: var(--fieldset-max-width, none);
@@ -18,11 +18,11 @@
     display: flex;
   }
 
-  .xKLSQG_root[data-disabled] {
+  .UEdKMa_root[data-disabled] {
     opacity: var(--fieldset-disabled-opacity, var(--opacity-disabled));
   }
 
-  .xKLSQG_legend {
+  .UEdKMa_legend {
     inline-size: 100%;
     max-inline-size: 100%;
     margin: var(--fieldset-legend-margin, 0);

package/dist/components/{Fieldset → fieldset}/Fieldset.d.ts

@@ -1,6 +1,6 @@
 import { Fieldset } from "@base-ui/react/fieldset";
 
-//#region src/components/Fieldset/Fieldset.d.ts
+//#region src/components/fieldset/Fieldset.d.ts
 declare function Fieldset$1({
   className,
   ...props

package/dist/components/{Fieldset → fieldset}/Fieldset.js

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

package/dist/components/{Fieldset → fieldset}/Fieldset.module.js

@@ -1,8 +1,8 @@
 import './Fieldset.css';
-//#region src/components/Fieldset/Fieldset.module.css
+//#region src/components/fieldset/Fieldset.module.css
 var Fieldset_module_default = {
-	"legend": "xKLSQG_legend",
-	"root": "xKLSQG_root"
+	"legend": "UEdKMa_legend",
+	"root": "UEdKMa_root"
 };
 //#endregion
 export { Fieldset_module_default as default };

package/dist/components/{Form → form}/Form.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .t1miBq_root {
+  .Er8nwW_root {
     gap: var(--form-gap, var(--spacing-4));
     width: var(--form-width, 100%);
     max-width: var(--form-max-width, none);

package/dist/components/{Form → form}/Form.d.ts

@@ -1,6 +1,6 @@
 import { Form } from "@base-ui/react/form";
 
-//#region src/components/Form/Form.d.ts
+//#region src/components/form/Form.d.ts
 declare const Form$1: import("react").ForwardRefExoticComponent<Omit<Form.Props<Record<string, any>>, "ref"> & import("react").RefAttributes<HTMLFormElement>>;
 //#endregion
 export { Form$1 as Form };

package/dist/components/{Form → form}/Form.js

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

package/dist/components/form/Form.module.js

@@ -0,0 +1,5 @@
+import './Form.css';
+//#region src/components/form/Form.module.css
+var Form_module_default = { "root": "Er8nwW_root" };
+//#endregion
+export { Form_module_default as default };

package/dist/components/{Heading → heading}/Heading.css

@@ -1,7 +1,7 @@
 @layer ui.components {
-  .qDe8qG_root {
+  .hAKK3q_root {
     color: var(--heading-color, var(--color-foreground));
-    font-family: var(--heading-font-family, var(--font-sans));
+    font-family: var(--heading-font-family, inherit);
     font-size: var(--heading-font-size-2xl, var(--heading-font-size, var(--text-3xl)));
     font-weight: var(--heading-font-weight-semibold, var(--heading-font-weight, var(--weight-semibold)));
     line-height: var(--heading-line-height-2xl, var(--heading-line-height, var(--line-height-text-3xl)));