moduix 0.11.3 → 1.0.0

package/dist/components/{CheckboxGroup → checkbox-group}/CheckboxGroup.css

@@ -1,30 +1,30 @@
 @layer ui.components {
-  ._6iNGhG_root {
+  .Jr816G_root {
     gap: var(--checkbox-group-gap, var(--spacing-2));
     color: var(--checkbox-group-color, var(--color-foreground));
     flex-direction: column;
     display: flex;
   }
 
-  ._6iNGhG_label {
+  .Jr816G_label {
     color: var(--checkbox-group-label-color, var(--checkbox-group-color, var(--color-foreground)));
     font-size: var(--checkbox-group-label-font-size, var(--text-sm));
     font-weight: var(--checkbox-group-label-font-weight, var(--weight-semibold));
     line-height: var(--checkbox-group-label-line-height, var(--line-height-text-sm));
   }
 
-  ._6iNGhG_list {
+  .Jr816G_list {
     align-items: flex-start;
     gap: var(--checkbox-group-list-gap, var(--spacing-2));
     flex-direction: column;
     display: flex;
   }
 
-  ._6iNGhG_item {
+  .Jr816G_item {
     gap: var(--checkbox-group-item-gap, var(--checkbox-gap, var(--spacing-2)));
   }
 
-  ._6iNGhG_itemLabel {
+  .Jr816G_itemLabel {
     color: var(--checkbox-group-item-label-color, var(--checkbox-label-color, var(--color-foreground)));
     font-size: var(--checkbox-group-item-label-font-size, var(--checkbox-label-font-size, var(--text-sm)));
     font-weight: var(--checkbox-group-item-label-font-weight, var(--checkbox-label-font-weight, var(--weight-medium)));

package/dist/components/{CheckboxGroup → checkbox-group}/CheckboxGroup.d.ts

@@ -1,8 +1,8 @@
-import { Checkbox, CheckboxField, CheckboxLabel } from "../Checkbox/Checkbox.js";
+import { Checkbox, CheckboxField, CheckboxLabel } from "../checkbox/Checkbox.js";
 import { ComponentProps } from "react";
 import { CheckboxGroup } from "@base-ui/react/checkbox-group";
 
-//#region src/components/CheckboxGroup/CheckboxGroup.d.ts
+//#region src/components/checkbox-group/CheckboxGroup.d.ts
 declare function CheckboxGroup$1({
   className,
   ...props

package/dist/components/{CheckboxGroup → checkbox-group}/CheckboxGroup.js

@@ -1,10 +1,10 @@
-import { mergeClassName } from "../../utils/mergeClassName.js";
-import { Checkbox, CheckboxField, CheckboxLabel } from "../Checkbox/Checkbox.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
+import { Checkbox, CheckboxField, CheckboxLabel } from "../checkbox/Checkbox.js";
 import CheckboxGroup_module_default from "./CheckboxGroup.module.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { CheckboxGroup } from "@base-ui/react/checkbox-group";
-//#region src/components/CheckboxGroup/CheckboxGroup.tsx
+//#region src/components/checkbox-group/CheckboxGroup.tsx
 function CheckboxGroup$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxGroup, {
 		"data-slot": "checkbox-group-root",

package/dist/components/checkbox-group/CheckboxGroup.module.js

@@ -0,0 +1,11 @@
+import './CheckboxGroup.css';
+//#region src/components/checkbox-group/CheckboxGroup.module.css
+var CheckboxGroup_module_default = {
+	"item": "Jr816G_item",
+	"itemLabel": "Jr816G_itemLabel",
+	"label": "Jr816G_label",
+	"list": "Jr816G_list",
+	"root": "Jr816G_root"
+};
+//#endregion
+export { CheckboxGroup_module_default as default };

package/dist/components/{CloseButton → close-button}/CloseButton.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .yxg1Ha_root {
+  .KBai8W_root {
     box-sizing: border-box;
     width: var(--close-button-size, 28px);
     height: var(--close-button-size, 28px);

package/dist/components/{CloseButton → close-button}/CloseButton.d.ts

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

package/dist/components/{CloseButton → close-button}/CloseButton.js

@@ -1,10 +1,10 @@
-import { CloseIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { CloseIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import CloseButton_module_default from "./CloseButton.module.js";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Button } from "@base-ui/react/button";
-//#region src/components/CloseButton/CloseButton.tsx
+//#region src/components/close-button/CloseButton.tsx
 const DEFAULT_CLOSE_BUTTON_LABEL = "Close";
 const CloseButton = forwardRef(function CloseButton({ className, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Button, {

package/dist/components/close-button/CloseButton.module.js

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

package/dist/components/{Collapsible → collapsible}/Collapsible.css

@@ -1,13 +1,15 @@
 @layer ui.components {
-  ._1MdZTG_root {
+  .XwDr5q_root {
     box-sizing: border-box;
+    width: var(--collapsible-width, 14rem);
+    max-width: var(--collapsible-max-width, 100%);
     min-width: 0;
     color: var(--collapsible-color, var(--color-foreground));
     flex-direction: column;
     display: flex;
   }
 
-  ._1MdZTG_trigger {
+  .XwDr5q_trigger {
     box-sizing: border-box;
     justify-content: space-between;
     align-items: center;
@@ -53,7 +55,7 @@
     }
   }
 
-  ._1MdZTG_triggerIcon {
+  .XwDr5q_triggerIcon {
     width: var(--collapsible-icon-size, .75rem);
     height: var(--collapsible-icon-size, .75rem);
     transition: transform var(--collapsible-icon-transition, var(--transition-default));
@@ -72,7 +74,7 @@
     }
   }
 
-  ._1MdZTG_panel {
+  .XwDr5q_panel {
     box-sizing: border-box;
     height: var(--collapsible-panel-height);
     color: var(--collapsible-panel-color, var(--color-muted-foreground));

package/dist/components/{Collapsible → collapsible}/Collapsible.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from "react";
 
-//#region src/components/Collapsible/Collapsible.d.ts
+//#region src/components/collapsible/Collapsible.d.ts
 declare const Collapsible: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 declare function CollapsibleTriggerIcon({

package/dist/components/{Collapsible → collapsible}/Collapsible.js

@@ -1,11 +1,11 @@
-import { ChevronRightIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { ChevronRightIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Collapsible_module_default from "./Collapsible.module.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/components/Collapsible/Collapsible.tsx
+//#region src/components/collapsible/Collapsible.tsx
 const Collapsible$1 = forwardRef(function Collapsible$2({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Collapsible.Root, {
 		ref,

package/dist/components/collapsible/Collapsible.module.js

@@ -0,0 +1,10 @@
+import './Collapsible.css';
+//#region src/components/collapsible/Collapsible.module.css
+var Collapsible_module_default = {
+	"panel": "XwDr5q_panel",
+	"root": "XwDr5q_root",
+	"trigger": "XwDr5q_trigger",
+	"triggerIcon": "XwDr5q_triggerIcon"
+};
+//#endregion
+export { Collapsible_module_default as default };

package/dist/components/{Combobox → combobox}/Combobox.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .IweP1a_fieldLabel {
+  .Ij4laq_fieldLabel {
     font-size: var(--combobox-label-font-size, var(--text-sm));
     line-height: var(--combobox-label-line-height, var(--line-height-text-sm));
     font-weight: var(--combobox-label-font-weight, var(--weight-medium));
@@ -9,7 +9,7 @@
     display: inline-flex;
   }
 
-  .IweP1a_inputGroup {
+  .Ij4laq_inputGroup {
     width: var(--combobox-width, 16rem);
     min-height: var(--combobox-control-height, var(--size-lg));
     padding-inline: var(--combobox-input-group-padding-x, 0);
@@ -36,7 +36,7 @@
     }
   }
 
-  .IweP1a_input {
+  .Ij4laq_input {
     box-sizing: border-box;
     width: 100%;
     min-width: 0;
@@ -56,7 +56,7 @@
     }
   }
 
-  .IweP1a_trigger, .IweP1a_clear {
+  .Ij4laq_trigger, .Ij4laq_clear {
     box-sizing: border-box;
     width: var(--combobox-action-size, 1.5rem);
     height: var(--combobox-action-size, 1.5rem);
@@ -89,7 +89,7 @@
     }
   }
 
-  .IweP1a_icon {
+  .Ij4laq_icon {
     width: var(--combobox-icon-size, .875rem);
     height: var(--combobox-icon-size, .875rem);
     color: var(--combobox-icon-color, var(--color-muted-foreground));
@@ -99,12 +99,12 @@
     display: inline-flex;
   }
 
-  .IweP1a_iconSvg {
+  .Ij4laq_iconSvg {
     width: var(--combobox-icon-svg-size, 1rem);
     height: var(--combobox-icon-svg-size, 1rem);
   }
 
-  .IweP1a_fieldTrigger {
+  .Ij4laq_fieldTrigger {
     width: var(--combobox-width, 16rem);
     min-height: var(--combobox-control-height, var(--size-lg));
     border: var(--combobox-border-width, var(--border-width-sm)) solid
@@ -138,7 +138,7 @@
     }
   }
 
-  .IweP1a_backdrop {
+  .Ij4laq_backdrop {
     z-index: var(--z-backdrop);
     background-color: var(--combobox-backdrop-bg, var(--backdrop-bg, var(--color-overlay)));
     min-height: 100dvh;
@@ -154,12 +154,12 @@
     }
   }
 
-  .IweP1a_positioner {
+  .Ij4laq_positioner {
     z-index: var(--z-popup);
     outline: 0;
   }
 
-  .IweP1a_popup {
+  .Ij4laq_popup {
     box-sizing: border-box;
     width: var(--anchor-width);
     min-width: min(var(--anchor-width), var(--available-width));
@@ -182,7 +182,7 @@
     }
   }
 
-  .IweP1a_arrow {
+  .Ij4laq_arrow {
     color: var(--combobox-popup-bg, var(--color-popover));
     display: flex;
 
@@ -207,26 +207,26 @@
     }
   }
 
-  .IweP1a_arrowSvg {
+  .Ij4laq_arrowSvg {
     width: var(--combobox-arrow-width, 1.25rem);
     height: var(--combobox-arrow-height, .625rem);
     display: block;
     overflow: visible;
   }
 
-  .IweP1a_arrowFill {
+  .Ij4laq_arrowFill {
     fill: currentColor;
   }
 
-  .IweP1a_arrowOuterStroke {
+  .Ij4laq_arrowOuterStroke {
     fill: var(--combobox-arrow-stroke-color, var(--combobox-popup-border-color, var(--color-border)));
   }
 
-  .IweP1a_arrowInnerStroke {
+  .Ij4laq_arrowInnerStroke {
     fill: var(--combobox-popup-bg, var(--color-popover));
   }
 
-  .IweP1a_status {
+  .Ij4laq_status {
     margin: 0;
 
     &:not(:empty) {
@@ -242,7 +242,7 @@
     }
   }
 
-  .IweP1a_empty {
+  .Ij4laq_empty {
     margin: 0;
 
     &:not(:empty) {
@@ -253,7 +253,7 @@
     }
   }
 
-  .IweP1a_list {
+  .Ij4laq_list {
     box-sizing: border-box;
     max-height: min(var(--combobox-list-max-height, var(--combobox-popup-max-height, 24rem)),
       var(--available-height));
@@ -268,11 +268,11 @@
     }
   }
 
-  .IweP1a_row {
+  .Ij4laq_row {
     display: contents;
   }
 
-  .IweP1a_item {
+  .Ij4laq_item {
     box-sizing: border-box;
     grid-template-columns: var(--combobox-item-indicator-size, var(--popup-check-indicator-size, .75rem))
       minmax(0, 1fr);
@@ -321,18 +321,18 @@
       grid-template-columns: minmax(0, 1fr)
         var(--combobox-item-indicator-size, var(--popup-check-indicator-size, .75rem));
 
-      & > .IweP1a_itemIndicator {
+      & > .Ij4laq_itemIndicator {
         grid-column-start: 2;
         justify-self: end;
       }
 
-      & > .IweP1a_itemText {
+      & > .Ij4laq_itemText {
         grid-column-start: 1;
       }
     }
   }
 
-  .IweP1a_itemIndicator {
+  .Ij4laq_itemIndicator {
     padding: var(--combobox-item-indicator-padding, 0);
     width: var(--combobox-item-indicator-size, var(--popup-check-indicator-size, .75rem));
     height: var(--combobox-item-indicator-size, var(--popup-check-indicator-size, .75rem));
@@ -346,23 +346,23 @@
     display: inline-flex;
   }
 
-  .IweP1a_itemIndicatorIcon {
+  .Ij4laq_itemIndicatorIcon {
     width: var(--combobox-item-indicator-icon-size, .75rem);
     height: var(--combobox-item-indicator-icon-size, .75rem);
   }
 
-  .IweP1a_separator {
+  .Ij4laq_separator {
     height: var(--border-width-sm);
     margin: var(--combobox-separator-margin-y, var(--popup-separator-margin-y, .375rem))
       var(--combobox-separator-margin-x, var(--popup-separator-margin-x-start, 1rem));
     background-color: var(--combobox-border-color, var(--color-border));
   }
 
-  .IweP1a_group {
+  .Ij4laq_group {
     padding-bottom: var(--combobox-group-padding-bottom, var(--spacing-1));
   }
 
-  .IweP1a_groupLabel {
+  .Ij4laq_groupLabel {
     z-index: 1;
     padding: var(--combobox-group-label-padding-top, var(--popup-group-label-padding-y, .35rem))
       var(--combobox-group-label-padding-x, var(--popup-group-label-padding-x-start, .625rem))
@@ -378,7 +378,7 @@
     top: 0;
   }
 
-  .IweP1a_chips {
+  .Ij4laq_chips {
     align-items: center;
     gap: var(--combobox-chips-gap, var(--spacing-1));
     width: 100%;
@@ -388,7 +388,7 @@
     display: flex;
   }
 
-  .IweP1a_chip {
+  .Ij4laq_chip {
     align-items: center;
     gap: var(--combobox-chip-gap, var(--spacing-1));
     min-height: var(--combobox-chip-min-height, 1.625rem);
@@ -413,7 +413,7 @@
     }
   }
 
-  .IweP1a_chipRemove {
+  .Ij4laq_chipRemove {
     width: var(--combobox-chip-remove-size, 1rem);
     height: var(--combobox-chip-remove-size, 1rem);
     border-radius: var(--combobox-chip-remove-radius, var(--radius-sm));
@@ -432,12 +432,12 @@
     }
   }
 
-  .IweP1a_chipRemoveIcon {
+  .Ij4laq_chipRemoveIcon {
     width: var(--combobox-chip-remove-icon-size, .75rem);
     height: var(--combobox-chip-remove-icon-size, .75rem);
   }
 
-  .IweP1a_chipsInput {
+  .Ij4laq_chipsInput {
     flex: 1 1 var(--combobox-chips-input-min-width, 4rem);
     min-width: var(--combobox-chips-input-min-width, 4rem);
     height: var(--combobox-chips-input-height, 1.75rem);
@@ -455,13 +455,13 @@
     }
   }
 
-  .IweP1a_field {
+  .Ij4laq_field {
     gap: var(--combobox-field-gap, .375rem);
     flex-direction: column;
     display: inline-flex;
   }
 
-  .IweP1a_controlActions {
+  .Ij4laq_controlActions {
     right: var(--combobox-actions-offset-right, .5rem);
     align-items: center;
     gap: var(--combobox-actions-gap, .125rem);
@@ -471,24 +471,24 @@
     transform: translateY(-50%);
   }
 
-  .IweP1a_itemText {
+  .Ij4laq_itemText {
     grid-column-start: 2;
     min-width: 0;
     overflow: hidden;
   }
 
-  .IweP1a_chipText {
+  .Ij4laq_chipText {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
   }
 
-  .IweP1a_inlineInputContainer {
+  .Ij4laq_inlineInputContainer {
     box-sizing: border-box;
     padding: var(--spacing-2);
     border-bottom: var(--border-width-sm) solid var(--combobox-border-color, var(--color-border));
 
-    & > .IweP1a_input {
+    & > .Ij4laq_input {
       border: var(--border-width-sm) solid var(--combobox-border-color, var(--color-border));
       border-radius: var(--radius-sm);
       padding-inline: .75rem;

package/dist/components/{Combobox → combobox}/Combobox.d.ts

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

package/dist/components/{Combobox → combobox}/Combobox.js

@@ -1,11 +1,11 @@
-import { CheckIcon, ChevronDownIcon, ChevronUpDownIcon, CloseIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
-import { mergeClassName } from "../../utils/mergeClassName.js";
+import { CheckIcon, ChevronDownIcon, ChevronUpDownIcon, CloseIcon, PopupArrowIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { mergeClassName } from "../../lib/moduix/mergeClassName.js";
 import Combobox_module_default from "./Combobox.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
 import { Combobox } from "@base-ui/react/combobox";
-//#region src/components/Combobox/Combobox.tsx
+//#region src/components/combobox/Combobox.tsx
 const COMBOBOX_CONTENT_SIDE_OFFSET = 5;
 const Combobox$1 = Combobox.Root;
 function ComboboxField({ className, ...props }) {

package/dist/components/combobox/Combobox.module.js

@@ -0,0 +1,42 @@
+import './Combobox.css';
+//#region src/components/combobox/Combobox.module.css
+var Combobox_module_default = {
+	"arrow": "Ij4laq_arrow",
+	"arrowFill": "Ij4laq_arrowFill",
+	"arrowInnerStroke": "Ij4laq_arrowInnerStroke",
+	"arrowOuterStroke": "Ij4laq_arrowOuterStroke",
+	"arrowSvg": "Ij4laq_arrowSvg",
+	"backdrop": "Ij4laq_backdrop",
+	"chip": "Ij4laq_chip",
+	"chipRemove": "Ij4laq_chipRemove",
+	"chipRemoveIcon": "Ij4laq_chipRemoveIcon",
+	"chips": "Ij4laq_chips",
+	"chipsInput": "Ij4laq_chipsInput",
+	"chipText": "Ij4laq_chipText",
+	"clear": "Ij4laq_clear",
+	"controlActions": "Ij4laq_controlActions",
+	"empty": "Ij4laq_empty",
+	"field": "Ij4laq_field",
+	"fieldLabel": "Ij4laq_fieldLabel",
+	"fieldTrigger": "Ij4laq_fieldTrigger",
+	"group": "Ij4laq_group",
+	"groupLabel": "Ij4laq_groupLabel",
+	"icon": "Ij4laq_icon",
+	"iconSvg": "Ij4laq_iconSvg",
+	"inlineInputContainer": "Ij4laq_inlineInputContainer",
+	"input": "Ij4laq_input",
+	"inputGroup": "Ij4laq_inputGroup",
+	"item": "Ij4laq_item",
+	"itemIndicator": "Ij4laq_itemIndicator",
+	"itemIndicatorIcon": "Ij4laq_itemIndicatorIcon",
+	"itemText": "Ij4laq_itemText",
+	"list": "Ij4laq_list",
+	"popup": "Ij4laq_popup",
+	"positioner": "Ij4laq_positioner",
+	"row": "Ij4laq_row",
+	"separator": "Ij4laq_separator",
+	"status": "Ij4laq_status",
+	"trigger": "Ij4laq_trigger"
+};
+//#endregion
+export { Combobox_module_default as default };