@mage-ui/components 1.0.21 → 1.0.23

package/dist/components/buttons/button/Button.d.mts

@@ -1,5 +1,5 @@
 import { ButtonVariantProps } from "@mage-ui/styled-system/recipes";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/components/buttons/button/Button.d.ts
@@ -21,7 +21,7 @@ declare const Button: ({
   startSlot,
   endSlot,
   ...props
-}: ButtonProps) => react_jsx_runtime17.JSX.Element;
+}: ButtonProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.mts.map

package/dist/components/buttons/button-action/ButtonAction.d.mts

@@ -1,5 +1,5 @@
 import { ButtonProps } from "../button/Button.mjs";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/buttons/button-action/ButtonAction.d.ts
@@ -26,7 +26,7 @@ declare const ButtonAction: ({
   successDuration,
   disabled,
   ...props
-}: ButtonActionProps) => react_jsx_runtime18.JSX.Element;
+}: ButtonActionProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { ButtonAction, ButtonActionProps };
 //# sourceMappingURL=ButtonAction.d.mts.map

package/dist/components/buttons/button-action/ButtonLoader.d.mts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/buttons/button-action/ButtonLoader.d.ts
 declare const ButtonLoader: ({
   className,
   ...props
-}: ComponentProps<"span">) => react_jsx_runtime19.JSX.Element;
+}: ComponentProps<"span">) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { ButtonLoader };
 //# sourceMappingURL=ButtonLoader.d.mts.map

package/dist/components/buttons/button-icon/ButtonIcon.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/buttons/button-icon/ButtonIcon.d.ts
@@ -23,7 +23,7 @@ declare const ButtonIcon: ({
   onClick,
   disabled,
   classNames
-}: ButtonIconProps) => react_jsx_runtime20.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime34.JSX.Element;
 //#endregion
 export { ButtonIcon, ButtonIconProps };
 //# sourceMappingURL=ButtonIcon.d.mts.map

package/dist/components/buttons/button-icon-visual/ButtonIconVisual.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/buttons/button-icon-visual/ButtonIconVisual.d.ts
@@ -22,7 +22,7 @@ declare const ButtonIconVisual: ({
   name,
   path,
   disabled
-}: ButtonIconVisualProps) => react_jsx_runtime21.JSX.Element;
+}: ButtonIconVisualProps) => react_jsx_runtime35.JSX.Element;
 //#endregion
 export { ButtonIconVisual, ButtonIconVisualProps };
 //# sourceMappingURL=ButtonIconVisual.d.mts.map

package/dist/components/buttons/button-visual/ButtonVisual.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/buttons/button-visual/ButtonVisual.d.ts
@@ -21,7 +21,7 @@ declare const ButtonVisual: ({
   endSlot,
   children,
   disabled
-}: ButtonVisualProps) => react_jsx_runtime16.JSX.Element;
+}: ButtonVisualProps) => react_jsx_runtime36.JSX.Element;
 //#endregion
 export { ButtonVisual, ButtonVisualProps };
 //# sourceMappingURL=ButtonVisual.d.mts.map

package/dist/components/controls/autocomplete/Autocomplete.d.mts

@@ -1,5 +1,5 @@
 import { ComboboxProps } from "../combobox/Combobox.mjs";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/autocomplete/Autocomplete.d.ts
@@ -29,7 +29,7 @@ declare const Autocomplete: ({
   emptyMessage,
   minLength,
   classNames
-}: AutocompleteProps) => react_jsx_runtime25.JSX.Element;
+}: AutocompleteProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { Autocomplete, AutocompleteProps, OptionProps };
 //# sourceMappingURL=Autocomplete.d.mts.map

package/dist/components/controls/checkbox/Checkbox.d.mts

@@ -2,7 +2,7 @@ import { CheckboxGroupProps } from "../checkbox-group/CheckboxGroup.mjs";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/checkbox/Checkbox.d.ts
-type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {
+type CheckboxProps = Omit<ComponentProps<'input'>, 'size' | 'children'> & {
   label?: ReactNode;
   error?: string;
   classNames?: {

package/dist/components/controls/checkbox/Checkbox.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.mts","names":[],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"mappings":";;;;KAsBY,aAAA,GAAgB,IAAA,CAAK,cAAA;EAC/B,KAAA,GAAQ,SAAA;EACR,KAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,SAAA;IACA,YAAA;IACA,aAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;EAAA;EAEF,WAAA;AAAA;AAAA,cAGW,QAAA;EAAA;;;;;;;;KAQV,aAAA,GAAgB,SAAA"}
+{"version":3,"file":"Checkbox.d.mts","names":[],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"mappings":";;;;KAsBY,aAAA,GAAgB,IAAA,CAC1B,cAAA;EAGA,KAAA,GAAQ,SAAA;EACR,KAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,SAAA;IACA,YAAA;IACA,aAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;EAAA;EAEF,WAAA;AAAA;AAAA,cAGW,QAAA;EAAA;;;;;;;;KAQV,aAAA,GAAgB,SAAA"}

package/dist/components/controls/checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":["Checkbox","MantineCheckbox"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  checkbox,\n  checkboxBody,\n  checkboxBodyError,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelRequired,\n  checkboxLabelWrapper,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as MantineCheckbox } from '@mantine/core';\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup';\n\nexport type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label?: ReactNode;\n  error?: string;\n  classNames?: {\n    checkbox?: string;\n    root?: string;\n    input?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n  hiddenLabel?: boolean;\n};\n\nexport const Checkbox = ({\n  classNames,\n  label,\n  hiddenLabel,\n  error,\n  required,\n  value,\n  ...props\n}: CheckboxProps): ReactNode => {\n  const RequiredAsterisk = () =>\n    required ? (\n      <span className={classNames?.labelRequired ?? checkboxLabelRequired()}>\n        {' '}\n        *\n      </span>\n    ) : null;\n\n  return (\n    <MantineCheckbox\n      classNames={{\n        root: cx(\n          classNames?.checkbox ?? checkbox(),\n          classNames?.root ?? checkboxRoot(),\n        ),\n        input: cx(classNames?.input ?? checkboxInput(), 'peer'),\n        icon: classNames?.icon ?? checkboxIcon(),\n        inner: classNames?.inner ?? checkboxInner(),\n        body: cx(\n          classNames?.body ?? checkboxBody(),\n          error && (classNames?.bodyError ?? checkboxBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? checkboxLabelWrapper(),\n        label: cx(\n          classNames?.label ?? checkboxLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      label={\n        <>\n          {label}\n          <RequiredAsterisk />\n        </>\n      }\n      checked={!!value}\n      {...props}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"mappings":"+jBA0CA,MAAaA,GAAY,CACvB,aACA,QACA,cACA,QACA,WACA,QACA,GAAG,KAWD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,KAAM,EACJ,GAAY,MAAQ,GAAc,CAClC,IAAU,GAAY,WAAa,GAAmB,EACvD,CACD,aAAc,GAAY,cAAgB,GAAsB,CAChE,MAAO,EACL,GAAY,OAAS,GAAe,CACpC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACD,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EACD,MAhCN,EACE,EAAC,OAAA,CAAK,UAAW,GAAY,eAAiB,GAAuB,WAClE,IAAI,IAAA,EAEA,CACL,KA2BG,EAAA,CAAmB,CAAA,CAAA,CACnB,CAEL,QAAS,CAAC,CAAC,EACX,GAAI,GACJ,CAIN,EAAS,YAAc,WACvB,EAAS,MAAQ"}
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox","MantineCheckbox"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  checkbox,\n  checkboxBody,\n  checkboxBodyError,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelRequired,\n  checkboxLabelWrapper,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as MantineCheckbox } from '@mantine/core';\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup';\n\nexport type CheckboxProps = Omit<\n  ComponentProps<'input'>,\n  'size' | 'children'\n> & {\n  label?: ReactNode;\n  error?: string;\n  classNames?: {\n    checkbox?: string;\n    root?: string;\n    input?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n  hiddenLabel?: boolean;\n};\n\nexport const Checkbox = ({\n  classNames,\n  label,\n  hiddenLabel,\n  error,\n  required,\n  value,\n  ...props\n}: CheckboxProps): ReactNode => {\n  const RequiredAsterisk = () =>\n    required ? (\n      <span className={classNames?.labelRequired ?? checkboxLabelRequired()}>\n        {' '}\n        *\n      </span>\n    ) : null;\n\n  return (\n    <MantineCheckbox\n      classNames={{\n        root: cx(\n          classNames?.checkbox ?? checkbox(),\n          classNames?.root ?? checkboxRoot(),\n        ),\n        input: cx(classNames?.input ?? checkboxInput(), 'peer'),\n        icon: classNames?.icon ?? checkboxIcon(),\n        inner: classNames?.inner ?? checkboxInner(),\n        body: cx(\n          classNames?.body ?? checkboxBody(),\n          error && (classNames?.bodyError ?? checkboxBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? checkboxLabelWrapper(),\n        label: cx(\n          classNames?.label ?? checkboxLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      label={\n        <>\n          {label}\n          <RequiredAsterisk />\n        </>\n      }\n      checked={!!value}\n      {...props}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"mappings":"+jBA6CA,MAAaA,GAAY,CACvB,aACA,QACA,cACA,QACA,WACA,QACA,GAAG,KAWD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,KAAM,EACJ,GAAY,MAAQ,GAAc,CAClC,IAAU,GAAY,WAAa,GAAmB,EACvD,CACD,aAAc,GAAY,cAAgB,GAAsB,CAChE,MAAO,EACL,GAAY,OAAS,GAAe,CACpC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACD,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EACD,MAhCN,EACE,EAAC,OAAA,CAAK,UAAW,GAAY,eAAiB,GAAuB,WAClE,IAAI,IAAA,EAEA,CACL,KA2BG,EAAA,CAAmB,CAAA,CAAA,CACnB,CAEL,QAAS,CAAC,CAAC,EACX,GAAI,GACJ,CAIN,EAAS,YAAc,WACvB,EAAS,MAAQ"}

package/dist/components/controls/combobox/Combobox.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/controls/combobox/Combobox.d.ts
 type ComboboxProps = Omit<DropdownProps, 'classNames' | 'onChange' | 'onBlur' | 'onFocus' | 'onClick' | 'setValue' | 'children'> & {
@@ -52,7 +52,7 @@ declare const Combobox: ({
   btnClearLabel,
   onChange,
   classNames
-}: ComboboxProps) => react_jsx_runtime26.JSX.Element;
+}: ComboboxProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { Combobox, ComboboxProps };
 //# sourceMappingURL=Combobox.d.mts.map

package/dist/components/controls/dropzone/Dropzone.d.mts

@@ -1,7 +1,7 @@
 import { IconProps } from "../../data-display/icons/icon/Icon.mjs";
 import { LoaderOvalProps } from "../../data-display/loader-oval/LoaderOval.mjs";
 import "../../data-display/index.mjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/dropzone/Dropzone.d.ts
@@ -64,7 +64,7 @@ declare const Dropzone: ({
   hint,
   inputId,
   classNames
-}: DropzoneProps) => react_jsx_runtime27.JSX.Element;
+}: DropzoneProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { Dropzone, DropzoneProps, FileData };
 //# sourceMappingURL=Dropzone.d.mts.map

package/dist/components/controls/dropzone-files/DropzoneFiles.d.mts

@@ -2,7 +2,7 @@ import { UploadedFileProps } from "../../data-display/uploaded-file/UploadedFile
 import "../../data-display/index.mjs";
 import { DropzoneProps, FileData } from "../dropzone/Dropzone.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/dropzone-files/DropzoneFiles.d.ts
@@ -48,7 +48,7 @@ declare const DropzoneFiles: ({
   url,
   inputId,
   classNames
-}: DropzoneFilesProps) => react_jsx_runtime28.JSX.Element;
+}: DropzoneFilesProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { DropzoneFiles, DropzoneFilesProps };
 //# sourceMappingURL=DropzoneFiles.d.mts.map

package/dist/components/controls/file-input/FileInput.d.mts

@@ -1,5 +1,5 @@
 import { BaseFileInputProps } from "./BaseFileInput.mjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/components/controls/file-input/FileInput.d.ts
 type FileInputProps = Omit<BaseFileInputProps, 'multiple' | 'valueComponent' | 'onChange'> & {
@@ -18,7 +18,7 @@ declare const FileInput: ({
   required,
   disabled,
   classNames
-}: FileInputProps) => react_jsx_runtime29.JSX.Element;
+}: FileInputProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { FileInput, FileInputProps };
 //# sourceMappingURL=FileInput.d.mts.map

package/dist/components/controls/file-input/FileInputMultiple.d.mts

@@ -1,5 +1,5 @@
 import { BaseFileInputProps } from "./BaseFileInput.mjs";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/controls/file-input/FileInputMultiple.d.ts
 type FileInputMultipleProps = Omit<BaseFileInputProps, 'multiple' | 'onChange' | 'valueComponent'> & {
@@ -25,7 +25,7 @@ declare const FileInputMultiple: ({
   disabled,
   classNames,
   badgeClassNames
-}: FileInputMultipleProps) => react_jsx_runtime30.JSX.Element;
+}: FileInputMultipleProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { FileInputMultiple, FileInputMultipleProps };
 //# sourceMappingURL=FileInputMultiple.d.mts.map

package/dist/components/controls/multi-select/MultiSelect.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps, DropdownTextInputClassNames } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/controls/multi-select/MultiSelect.d.ts
 type MultiSelectProps = Omit<DropdownProps, 'classNames' | 'children' | 'onChange' | 'onFocus' | 'onBlur' | 'onClick' | 'value' | 'search' | 'setValue' | 'store' | 'target'> & {
@@ -39,7 +39,7 @@ declare const MultiSelect: ({
   keepMounted,
   textSelected,
   classNames
-}: MultiSelectProps) => react_jsx_runtime31.JSX.Element;
+}: MultiSelectProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { MultiSelect, MultiSelectProps };
 //# sourceMappingURL=MultiSelect.d.mts.map

package/dist/components/controls/multi-select/MultiSelectTags.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps, DropdownTextInputClassNames } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/controls/multi-select/MultiSelectTags.d.ts
 type MultiSelectTagsProps = Omit<DropdownProps, 'classNames' | 'children' | 'onChange' | 'onFocus' | 'onBlur' | 'onClick' | 'value' | 'search' | 'setValue' | 'store' | 'target'> & {
@@ -57,7 +57,7 @@ declare const MultiSelectTags: ({
   startSlot,
   endSlot,
   classNames
-}: MultiSelectTagsProps) => react_jsx_runtime32.JSX.Element;
+}: MultiSelectTagsProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { MultiSelectTags, MultiSelectTagsProps };
 //# sourceMappingURL=MultiSelectTags.d.mts.map

package/dist/components/controls/password-input/PasswordInput.d.mts

@@ -1,5 +1,5 @@
 import { TextInputProps } from "../text-input/TextInput.mjs";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/controls/password-input/PasswordInput.d.ts
 type PasswordInputProps = Omit<NonNullable<TextInputProps>, 'classNames'> & {
@@ -23,7 +23,7 @@ declare const PasswordInput: ({
   hideText,
   showText,
   ...props
-}: PasswordInputProps) => react_jsx_runtime33.JSX.Element;
+}: PasswordInputProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { PasswordInput, PasswordInputProps };
 //# sourceMappingURL=PasswordInput.d.mts.map

package/dist/components/controls/password-input-strength/oldPasswordInputStrength.d.mts

@@ -1,5 +1,5 @@
 import { PasswordInputProps } from "../password-input/PasswordInput.mjs";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/controls/password-input-strength/oldPasswordInputStrength.d.ts
 type PasswordInputStrengthProps = Omit<PasswordInputProps, 'classNames'> & {
@@ -37,7 +37,7 @@ declare const PasswordInputStrength: ({
   weakPasswordText,
   mediumPasswordText,
   strongPasswordText
-}: PasswordInputStrengthProps) => react_jsx_runtime34.JSX.Element;
+}: PasswordInputStrengthProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { PasswordInputStrength, PasswordInputStrengthProps };
 //# sourceMappingURL=oldPasswordInputStrength.d.mts.map

package/dist/components/controls/select/Select.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/select/Select.d.ts
@@ -32,7 +32,7 @@ declare const Select: ({
   emptyMessage,
   btnClearLabel,
   classNames
-}: SelectProps) => react_jsx_runtime35.JSX.Element;
+}: SelectProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { Select, SelectProps };
 //# sourceMappingURL=Select.d.mts.map

package/dist/components/controls/text-input/TextInput.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/text-input/TextInput.d.ts
@@ -26,7 +26,7 @@ declare const TextInput: ({
   startSlot,
   endSlot,
   ...props
-}: TextInputProps) => react_jsx_runtime36.JSX.Element;
+}: TextInputProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { TextInput, TextInputProps };
 //# sourceMappingURL=TextInput.d.mts.map

package/dist/components/controls/textarea/Textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/textarea/Textarea.d.ts
@@ -41,7 +41,7 @@ declare const Textarea: ({
   autosize,
   minRows,
   maxRows
-}: TextareaProps) => react_jsx_runtime37.JSX.Element;
+}: TextareaProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
 //# sourceMappingURL=Textarea.d.mts.map

package/dist/components/controls/utils/chevron/Chevron.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
 
 //#region src/components/controls/utils/chevron/Chevron.d.ts
 type ChevronProps = {
@@ -21,7 +21,7 @@ declare const Chevron: ({
   chevronOpen,
   chevronClose,
   classNames
-}: ChevronProps) => react_jsx_runtime64.JSX.Element;
+}: ChevronProps) => react_jsx_runtime66.JSX.Element;
 //#endregion
 export { Chevron, ChevronProps };
 //# sourceMappingURL=Chevron.d.mts.map

package/dist/components/controls/utils/clear-button/ClearButton.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 
 //#region src/components/controls/utils/clear-button/ClearButton.d.ts
 type ClearButtonProps = {
@@ -20,7 +20,7 @@ declare const ClearButton: ({
   onClick,
   name,
   classNames
-}: ClearButtonProps) => react_jsx_runtime63.JSX.Element;
+}: ClearButtonProps) => react_jsx_runtime65.JSX.Element;
 //#endregion
 export { ClearButton, ClearButtonProps };
 //# sourceMappingURL=ClearButton.d.mts.map

package/dist/components/data-display/assigned-user/AssignedUser.d.mts

@@ -1,7 +1,7 @@
 import { AvatarProps } from "../avatar/Avatar.mjs";
 import { RemovableItemProps } from "../removable-item/RemovableItem.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/assigned-user/AssignedUser.d.ts
@@ -31,7 +31,7 @@ declare const AssignedUser: ({
   removeButtonLabel,
   children,
   classNames
-}: AssignedUserProps) => react_jsx_runtime38.JSX.Element;
+}: AssignedUserProps) => react_jsx_runtime37.JSX.Element;
 //#endregion
 export { AssignedUser, AssignedUserProps };
 //# sourceMappingURL=AssignedUser.d.mts.map

package/dist/components/data-display/avatar/Avatar.d.mts

@@ -1,5 +1,5 @@
 import { AvatarVariantProps } from "@mage-ui/styled-system/recipes";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/components/data-display/avatar/Avatar.d.ts
 type AvatarProps = {
@@ -18,7 +18,7 @@ declare const Avatar: ({
   name,
   src,
   alt
-}: AvatarProps) => react_jsx_runtime39.JSX.Element;
+}: AvatarProps) => react_jsx_runtime38.JSX.Element;
 //#endregion
 export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.mts.map

package/dist/components/data-display/badge/Badge.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/data-display/badge/Badge.d.ts
@@ -18,7 +18,7 @@ declare const Badge: ({
   endSlot,
   startSlot,
   classNames
-}: BadgeProps) => react_jsx_runtime40.JSX.Element;
+}: BadgeProps) => react_jsx_runtime39.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.mts.map

package/dist/components/data-display/calendar/Calendar.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 import { CSSProperties } from "react";
 import { DateLocalizer, DateLocalizer as DateLocalizer$1, Event, Event as CalendarEvent, momentLocalizer } from "react-big-calendar";
 
@@ -60,7 +60,7 @@ declare const Calendar$1: ({
   messages,
   popup,
   components
-}: CalendarProps) => react_jsx_runtime41.JSX.Element;
+}: CalendarProps) => react_jsx_runtime40.JSX.Element;
 //#endregion
 export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, type DateLocalizer$1 as DateLocalizer, momentLocalizer };
 //# sourceMappingURL=Calendar.d.mts.map

package/dist/components/data-display/loader-dot/LoaderDot.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/data-display/loader-dot/LoaderDot.d.ts
 type LoaderDotProps = {
@@ -9,7 +9,7 @@ type LoaderDotProps = {
 };
 declare const LoaderDot: ({
   classNames
-}: LoaderDotProps) => react_jsx_runtime42.JSX.Element;
+}: LoaderDotProps) => react_jsx_runtime41.JSX.Element;
 //#endregion
 export { LoaderDot, LoaderDotProps };
 //# sourceMappingURL=LoaderDot.d.mts.map

package/dist/components/data-display/loader-oval/LoaderOval.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 
 //#region src/components/data-display/loader-oval/LoaderOval.d.ts
 type LoaderOvalProps = {
@@ -9,7 +9,7 @@ type LoaderOvalProps = {
 };
 declare const LoaderOval: ({
   classNames
-}: LoaderOvalProps) => react_jsx_runtime43.JSX.Element;
+}: LoaderOvalProps) => react_jsx_runtime42.JSX.Element;
 //#endregion
 export { LoaderOval, LoaderOvalProps };
 //# sourceMappingURL=LoaderOval.d.mts.map

package/dist/components/data-display/removable-item/RemovableItem.d.mts

@@ -1,6 +1,6 @@
 import { ButtonIconProps } from "../../buttons/button-icon/ButtonIcon.mjs";
 import "../../buttons/index.mjs";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/removable-item/RemovableItem.d.ts
@@ -23,7 +23,7 @@ declare const RemovableItem: ({
   onRemove,
   removeButtonLabel,
   classNames
-}: RemovableItemProps) => react_jsx_runtime44.JSX.Element;
+}: RemovableItemProps) => react_jsx_runtime43.JSX.Element;
 //#endregion
 export { RemovableItem, RemovableItemProps };
 //# sourceMappingURL=RemovableItem.d.mts.map

package/dist/components/data-display/tag/Tag.d.mts

@@ -1,7 +1,7 @@
 import { BadgeProps } from "../badge/Badge.mjs";
 import { TagGroupProps } from "../tag-group/TagGroup.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 
 //#region src/components/data-display/tag/Tag.d.ts
 type TagProps = Omit<BadgeProps, 'classNames'> & {
@@ -25,11 +25,11 @@ declare const Tag: {
     onRemove,
     classNames,
     children
-  }: TagProps): react_jsx_runtime45.JSX.Element;
+  }: TagProps): react_jsx_runtime44.JSX.Element;
   Group: ({
     children,
     classNames
-  }: TagGroupProps) => react_jsx_runtime45.JSX.Element;
+  }: TagGroupProps) => react_jsx_runtime44.JSX.Element;
 };
 //#endregion
 export { Tag, TagProps };

package/dist/components/data-display/tag-group/TagGroup.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 
 //#region src/components/data-display/tag-group/TagGroup.d.ts
 type TagGroupProps = {
@@ -11,7 +11,7 @@ type TagGroupProps = {
 declare const TagGroup: ({
   children,
   classNames
-}: TagGroupProps) => react_jsx_runtime47.JSX.Element;
+}: TagGroupProps) => react_jsx_runtime46.JSX.Element;
 //#endregion
 export { TagGroup, TagGroupProps };
 //# sourceMappingURL=TagGroup.d.mts.map

package/dist/components/data-display/uploaded-file/UploadedFile.d.mts

@@ -2,7 +2,7 @@ import { IconProps } from "../icons/icon/Icon.mjs";
 import { IconWrappedProps } from "../icons/icon-wrapped/IconWrapped.mjs";
 import { RemovableItemProps } from "../removable-item/RemovableItem.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/uploaded-file/UploadedFile.d.ts
@@ -35,7 +35,7 @@ declare const UploadedFile: ({
   children,
   onRemove,
   classNames
-}: UploadedFileProps) => react_jsx_runtime48.JSX.Element;
+}: UploadedFileProps) => react_jsx_runtime47.JSX.Element;
 //#endregion
 export { UploadedFile, UploadedFileProps };
 //# sourceMappingURL=UploadedFile.d.mts.map

package/dist/components/data-display/uploaded-file/UploadedFileDetails.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/uploaded-file/UploadedFileDetails.d.ts
@@ -17,7 +17,7 @@ declare const UploadedFileDetails: ({
   fileDate,
   fileType,
   classNames
-}: UploadedFileDetailsProps) => react_jsx_runtime49.JSX.Element;
+}: UploadedFileDetailsProps) => react_jsx_runtime48.JSX.Element;
 //#endregion
 export { UploadedFileDetails, UploadedFileDetailsProps };
 //# sourceMappingURL=UploadedFileDetails.d.mts.map

package/dist/components/forms/Form.d.mts

@@ -3,7 +3,7 @@ import { FormSubmitProps } from "./controls/FormSubmit.mjs";
 import { FormCheckboxProps } from "./controls/FormCheckbox.mjs";
 import { FormPasswordProps } from "./controls/FormPassword.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 import { FieldValues, UseFormSetError } from "react-hook-form";
 import { ZodObject, ZodTypeAny } from "zod";
@@ -39,7 +39,7 @@ declare const Form: {
     children,
     schema,
     t
-  }: FormProps<T>): react_jsx_runtime50.JSX.Element;
+  }: FormProps<T>): react_jsx_runtime51.JSX.Element;
   displayName: string;
   TextInput: {
     ({
@@ -50,7 +50,7 @@ declare const Form: {
       $rule?: string;
       isSubmitting?: boolean;
       name: string;
-    } & TextInputProps): react_jsx_runtime50.JSX.Element;
+    } & TextInputProps): react_jsx_runtime51.JSX.Element;
     displayName: string;
   };
   Submit: {
@@ -58,7 +58,7 @@ declare const Form: {
       children,
       successText,
       ...props
-    }: FormSubmitProps): react_jsx_runtime50.JSX.Element;
+    }: FormSubmitProps): react_jsx_runtime51.JSX.Element;
     displayName: string;
   };
   Hidden: {
@@ -70,17 +70,16 @@ declare const Form: {
       name?: string;
       value?: string;
       defaultValue?: string;
-    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime50.JSX.Element;
+    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime51.JSX.Element;
     displayName: string;
   };
   Checkbox: {
     ({
       $rule,
       isSubmitting,
-      children,
       name,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime50.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime51.JSX.Element;
     displayName: string;
   };
   Password: {
@@ -92,7 +91,7 @@ declare const Form: {
       name,
       rules,
       ...props
-    }: FormPasswordProps): react_jsx_runtime50.JSX.Element;
+    }: FormPasswordProps): react_jsx_runtime51.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/forms/controls/FormCheckbox.mjs

@@ -1,2 +1,2 @@
-import{Checkbox as e}from"../../controls/checkbox/Checkbox.mjs";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";const r=({$rule:r,isSubmitting:i,children:a,name:o,...s})=>t(n,{name:o,render:({field:{value:n,...r}})=>t(e,{disabled:i,value:n,...s,...r,children:a})});r.displayName=`Form.Checkbox`;export{r as FormCheckbox};
+import{Checkbox as e}from"../../controls/checkbox/Checkbox.mjs";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";const r=({$rule:r,isSubmitting:i,name:a,...o})=>t(n,{name:a,render:({field:{value:n,...r}})=>t(e,{disabled:i,value:n,...o,...r})});r.displayName=`Form.Checkbox`;export{r as FormCheckbox};
 //# sourceMappingURL=FormCheckbox.mjs.map

package/dist/components/forms/controls/FormCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormCheckbox.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/controls/checkbox/Checkbox';\n\nexport type FormCheckboxProps = CheckboxProps & {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  name: string;\n};\n\nexport const FormCheckbox = ({\n  $rule,\n  isSubmitting,\n  children,\n  name,\n  ...props\n}: FormCheckboxProps) => {\n  return (\n    <Controller\n      name={name}\n      render={({ field: { value, ...fieldProps } }) => {\n        const mergedProps = {\n          disabled: isSubmitting,\n          value,\n          ...props,\n          ...fieldProps,\n        };\n        return <Checkbox {...mergedProps}>{children}</Checkbox>;\n      }}\n    />\n  );\n};\n\nFormCheckbox.displayName = 'Form.Checkbox';\n"],"mappings":"qJAcA,MAAa,GAAgB,CAC3B,QACA,eACA,WACA,OACA,GAAG,KAGD,EAAC,EAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,GAAG,MAOrB,EAAC,EAAA,CALN,SAAU,EACV,QACA,GAAG,EACH,GAAG,EAE8B,YAAoB,EAEzD,CAIN,EAAa,YAAc"}
+{"version":3,"file":"FormCheckbox.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormCheckbox.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport {\n  Checkbox,\n  type CheckboxProps,\n} from '@/components/controls/checkbox/Checkbox';\n\nexport type FormCheckboxProps = CheckboxProps & {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  name: string;\n};\n\nexport const FormCheckbox = ({\n  $rule,\n  isSubmitting,\n  name,\n  ...props\n}: FormCheckboxProps) => {\n  return (\n    <Controller\n      name={name}\n      render={({ field: { value, ...fieldProps } }) => {\n        const mergedProps = {\n          disabled: isSubmitting,\n          value,\n          ...props,\n          ...fieldProps,\n        };\n        return <Checkbox {...mergedProps} />;\n      }}\n    />\n  );\n};\n\nFormCheckbox.displayName = 'Form.Checkbox';\n"],"mappings":"qJAcA,MAAa,GAAgB,CAC3B,QACA,eACA,OACA,GAAG,KAGD,EAAC,EAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,QAAO,GAAG,MAOrB,EAAC,EAAA,CALN,SAAU,EACV,QACA,GAAG,EACH,GAAG,GAE+B,EAEtC,CAIN,EAAa,YAAc"}

package/dist/components/index.d.mts

@@ -56,6 +56,7 @@ import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-
 import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
 import "./misc/index.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
+import { NavType, Sidebar, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
 import "./navigations/index.mjs";
 import { Modal, ModalProps, ModalRootProps } from "./overlays/modal/Modal.mjs";
 import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./overlays/modals/alert/ModalAlert.mjs";

package/dist/components/layouts/top-bar/TopBar.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime59 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/layouts/top-bar/TopBar.d.ts
@@ -17,7 +17,7 @@ declare const TopBar: ({
   startSlot,
   endSlot,
   classNames
-}: TopBarProps) => react_jsx_runtime59.JSX.Element;
+}: TopBarProps) => react_jsx_runtime60.JSX.Element;
 //#endregion
 export { TopBar, TopBarProps };
 //# sourceMappingURL=TopBar.d.mts.map

package/dist/components/misc/horizontal-divider/HorizontalDivider.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/components/misc/horizontal-divider/HorizontalDivider.d.ts
 type HorizontalDividerProps = {
@@ -9,7 +9,7 @@ type HorizontalDividerProps = {
 };
 declare const HorizontalDivider: ({
   classNames
-}: HorizontalDividerProps) => react_jsx_runtime56.JSX.Element;
+}: HorizontalDividerProps) => react_jsx_runtime49.JSX.Element;
 //#endregion
 export { HorizontalDivider, HorizontalDividerProps };
 //# sourceMappingURL=HorizontalDivider.d.mts.map

package/dist/components/misc/visually-hidden/VisuallyHidden.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime57 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/components/misc/visually-hidden/VisuallyHidden.d.ts
@@ -8,7 +8,7 @@ type VisuallyHiddenProps = {
 declare const VisuallyHidden: ({
   children,
   ...props
-}: VisuallyHiddenProps) => react_jsx_runtime57.JSX.Element;
+}: VisuallyHiddenProps) => react_jsx_runtime50.JSX.Element;
 //#endregion
 export { VisuallyHidden, VisuallyHiddenProps };
 //# sourceMappingURL=VisuallyHidden.d.mts.map

package/dist/components/navigations/breadcrumbs/Breadcrumbs.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/breadcrumbs/Breadcrumbs.d.ts
@@ -19,7 +19,7 @@ declare const Breadcrumbs: {
     separator,
     children,
     classNames
-  }: BreadcrumbsProps): react_jsx_runtime58.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime57.JSX.Element;
   Item: {
     ({
       children

package/dist/components/navigations/index.d.mts

@@ -1,2 +1,3 @@
 import { Menu, MenuProps } from "./menu/Menu.mjs";
-import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";
+import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";
+import { NavType, Sidebar, SidebarProps } from "./sidebars/sidebar/Sidebar.mjs";

package/dist/components/navigations/menu/Menu.d.mts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "../../buttons/button/Button.mjs";
 import "../../buttons/index.mjs";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/menu/Menu.d.ts
@@ -36,17 +36,17 @@ declare const Menu: {
     offset,
     classNames,
     targetButtonProps
-  }: MenuProps): react_jsx_runtime22.JSX.Element;
+  }: MenuProps): react_jsx_runtime15.JSX.Element;
   Item: {
     ({
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime22.JSX.Element;
+    }): react_jsx_runtime15.JSX.Element;
     displayName: string;
   };
   Divider: {
-    (): react_jsx_runtime22.JSX.Element;
+    (): react_jsx_runtime15.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/navigations/sidebars/sidebar/Sidebar.d.mts

@@ -0,0 +1,61 @@
+import { NavItemProps } from "./SidebarNavItem.mjs";
+import { LinkType } from "./SidebarNavItemLink.mjs";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/navigations/sidebars/sidebar/Sidebar.d.ts
+type NavType = {
+  list?: string;
+  item?: string;
+  link?: LinkType;
+  root?: string;
+};
+type SidebarProps = {
+  area?: string;
+  classNames?: {
+    sidebar?: string;
+    root?: string;
+    nav?: NavType;
+  };
+  isCollapsed: boolean;
+  children?: ReactNode;
+};
+declare const Sidebar: {
+  ({
+    area,
+    classNames,
+    isCollapsed,
+    children
+  }: SidebarProps): ReactNode;
+  displayName: string;
+  Item: {
+    ({
+      classNames,
+      isVisible,
+      children
+    }: NavItemProps): react_jsx_runtime58.JSX.Element | null;
+    displayName: string;
+  };
+  Group: {
+    ({
+      title,
+      isVisible,
+      children,
+      classNames
+    }: {
+      title?: string;
+      children?: React.ReactNode;
+      classNames?: {
+        nav?: {
+          group?: string;
+          groupLabel?: string;
+        };
+      };
+      isVisible?: boolean;
+    }): react_jsx_runtime58.JSX.Element | null;
+    displayName: string;
+  };
+};
+//#endregion
+export { NavType, Sidebar, SidebarProps };
+//# sourceMappingURL=Sidebar.d.mts.map

package/dist/components/navigations/sidebars/sidebar/Sidebar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"mappings":";;;;;;KAaY,OAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA,GAAO,QAAA;EACP,IAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;IACA,GAAA,GAAM,OAAA;EAAA;EAER,WAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,OAAA;EAAA;;;;;KAKV,YAAA,GAAe,SAAA"}

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs

@@ -0,0 +1,2 @@
+import{NavList as e}from"./SidebarNavList.mjs";import{NavGroup as t}from"./SidebarNavGroup.mjs";import{NavItem as n}from"./SidebarNavItem.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{sidebar as i,sidebarNavRoot as a,sidebarRoot as o}from"@mage-ui/styled-system/recipes";import{jsx as s}from"react/jsx-runtime";const c=({area:t=`sidebar`,classNames:n,isCollapsed:c,children:l})=>{let u=t===`sidebar`?void 0:{"--sidebar-grid-area":t};return s(`div`,{"data-collapsed":c||!1,className:r(n?.sidebar??i(),n?.root??o(),`group`),style:u,children:s(`nav`,{className:n?.nav?.root??a(),children:s(e,{classNames:n,children:l})})})};c.displayName=`Sidebar`,c.Item=n,c.Group=t;export{c as Sidebar};
+//# sourceMappingURL=Sidebar.mjs.map

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarNavRoot,\n  sidebarRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport type { CSSProperties, ReactNode } from 'react';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport type { LinkType } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\n\nexport type NavType = {\n  list?: string;\n  item?: string;\n  link?: LinkType;\n  root?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  classNames?: {\n    sidebar?: string;\n    root?: string;\n    nav?: NavType;\n  };\n  isCollapsed: boolean;\n  children?: ReactNode;\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed,\n  children,\n}: SidebarProps): ReactNode => {\n  const style =\n    area !== 'sidebar' ? { '--sidebar-grid-area': area } : undefined;\n\n  return (\n    <div\n      data-collapsed={isCollapsed || false}\n      className={cx(\n        classNames?.sidebar ?? sidebar(),\n        classNames?.root ?? sidebarRoot(),\n        'group',\n      )}\n      style={style as CSSProperties}>\n      <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n        <NavList classNames={classNames}>{children}</NavList>\n      </nav>\n    </div>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\n"],"mappings":"qUA+BA,MAAa,GAAW,CACtB,OAAO,UACP,aACA,cACA,cAC6B,CAC7B,IAAM,EACJ,IAAS,UAA8C,IAAA,GAAlC,CAAE,sBAAuB,EAAM,CAEtD,OACE,EAAC,MAAA,CACC,iBAAgB,GAAe,GAC/B,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,iBACP,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CAAoB,aAAa,YAAmB,EACjD,EACF,EAIV,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavGroup.mjs

@@ -0,0 +1,2 @@
+import{NavList as e}from"./SidebarNavList.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({title:r,isVisible:i=!0,children:a,classNames:o})=>i?n(`li`,{className:o?.nav?.group,children:[r&&t(`span`,{className:o?.nav?.groupLabel,children:r}),t(e,{children:a})]}):null;r.displayName=`Sidebar.NavGroup`;export{r as NavGroup};
+//# sourceMappingURL=SidebarNavGroup.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavGroup.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavGroup.tsx"],"sourcesContent":["import { NavList } from './SidebarNavList';\n\ntype NavGroupProps = {\n  title?: string;\n  children?: React.ReactNode;\n  classNames?: {\n    nav?: {\n      group?: string;\n      groupLabel?: string;\n    };\n  };\n  isVisible?: boolean;\n};\n\nexport const NavGroup = ({\n  title,\n  isVisible = true,\n  children,\n  classNames,\n}: NavGroupProps) => {\n  if (!isVisible) {\n    return null;\n  }\n  return (\n    <li className={classNames?.nav?.group}>\n      {title && <span className={classNames?.nav?.groupLabel}>{title}</span>}\n      <NavList>{children}</NavList>\n    </li>\n  );\n};\n\nNavGroup.displayName = 'Sidebar.NavGroup';\n"],"mappings":"iGAcA,MAAa,GAAY,CACvB,QACA,YAAY,GACZ,WACA,gBAEK,EAIH,EAAC,KAAA,CAAG,UAAW,GAAY,KAAK,gBAC7B,GAAS,EAAC,OAAA,CAAK,UAAW,GAAY,KAAK,oBAAa,GAAa,CACtE,EAAC,EAAA,CAAS,WAAA,CAAmB,CAAA,EAC1B,CANE,KAUX,EAAS,YAAc"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItem.d.mts

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/navigations/sidebars/sidebar/SidebarNavItem.d.ts
+type NavItemProps = {
+  classNames?: {
+    nav?: {
+      item?: string;
+    };
+  };
+  children?: React.ReactNode;
+  isVisible?: boolean;
+};
+//#endregion
+export { NavItemProps };
+//# sourceMappingURL=SidebarNavItem.d.mts.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItem.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItem.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItem.tsx"],"mappings":";;;;KAIY,YAAA;EACV,UAAA;IACE,GAAA;MACE,IAAA;IAAA;EAAA;EAGJ,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,SAAA;AAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItem.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{sidebarNavItem as t}from"@mage-ui/styled-system/recipes";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,isVisible:i=!0,children:a})=>i?n(`li`,{className:e(r?.nav?.item??t()),children:a}):null;r.displayName=`Sidebar.NavItem`;export{r as NavItem};
+//# sourceMappingURL=SidebarNavItem.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItem.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItem.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport { sidebarNavItem } from '@mage-ui/styled-system/recipes';\nimport type React from 'react';\n\nexport type NavItemProps = {\n  classNames?: {\n    nav?: {\n      item?: string;\n    };\n  };\n  children?: React.ReactNode;\n  isVisible?: boolean;\n};\n\nexport const NavItem = ({\n  classNames,\n  isVisible = true,\n  children,\n}: NavItemProps) => {\n  if (!isVisible) {\n    return null;\n  }\n  return (\n    <li className={cx(classNames?.nav?.item ?? sidebarNavItem())}>\n      {children}\n    </li>\n  );\n};\n\nNavItem.displayName = 'Sidebar.NavItem';\n"],"mappings":"wJAcA,MAAa,GAAW,CACtB,aACA,YAAY,GACZ,cAEK,EAIH,EAAC,KAAA,CAAG,UAAW,EAAG,GAAY,KAAK,MAAQ,GAAgB,CAAC,CACzD,YACE,CALE,KASX,EAAQ,YAAc"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.mts

@@ -0,0 +1,11 @@
+import "./Sidebar.mjs";
+import "react/jsx-runtime";
+
+//#region src/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.ts
+type LinkType = {
+  anchor?: string;
+  label?: string;
+};
+//#endregion
+export { LinkType };
+//# sourceMappingURL=SidebarNavItemLink.d.mts.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItemLink.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavItemLink.tsx"],"mappings":";;;;KAUY,QAAA;EACV,MAAA;EACA,KAAA;AAAA"}

package/dist/components/navigations/sidebars/sidebar/SidebarNavList.mjs

@@ -0,0 +1,2 @@
+import{sidebarNavList as e}from"@mage-ui/styled-system/recipes";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,children:r})=>t(`ul`,{className:n?.nav?.list??e(),children:r});n.displayName=`Sidebar.NavList`;export{n as NavList};
+//# sourceMappingURL=SidebarNavList.mjs.map

package/dist/components/navigations/sidebars/sidebar/SidebarNavList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavList.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/SidebarNavList.tsx"],"sourcesContent":["import { sidebarNavList } from '@mage-ui/styled-system/recipes';\nimport type { ReactNode } from 'react';\n\ntype NavListProps = {\n  classNames?: {\n    nav?: {\n      list?: string;\n    };\n  };\n  children?: ReactNode;\n};\n\nexport const NavList = ({ classNames, children }: NavListProps) => {\n  return (\n    <ul className={classNames?.nav?.list ?? sidebarNavList()}>\n      {children}\n    </ul>\n  );\n};\n\nNavList.displayName = 'Sidebar.NavList';\n"],"mappings":"wGAYA,MAAa,GAAW,CAAE,aAAY,cAElC,EAAC,KAAA,CAAG,UAAW,GAAY,KAAK,MAAQ,GAAgB,CACrD,YACE,CAIT,EAAQ,YAAc"}

package/dist/components/overlays/modal/Modal.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/overlays/modal/Modal.d.ts
@@ -41,7 +41,7 @@ declare const Modal: {
     withinPortal,
     keepMounted,
     classNames
-  }: ModalProps): react_jsx_runtime5.JSX.Element;
+  }: ModalProps): react_jsx_runtime4.JSX.Element;
   Root: {
     ({
       opened,
@@ -53,13 +53,13 @@ declare const Modal: {
       centered,
       classNames,
       intent
-    }: ModalRootProps): react_jsx_runtime5.JSX.Element;
+    }: ModalRootProps): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Overlay: {
     (_: {
       children?: never;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Content: {
@@ -67,7 +67,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -75,7 +75,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -83,7 +83,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Title: {
@@ -91,11 +91,11 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   CloseButton: {
-    (): react_jsx_runtime5.JSX.Element;
+    (): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -103,7 +103,7 @@ declare const Modal: {
       children,
       className,
       ...props
-    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime5.JSX.Element;
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/overlays/modals/ModalsProvider.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/overlays/modals/ModalsProvider.d.ts
@@ -7,7 +7,7 @@ type ModalsProviderProps = {
 };
 declare const ModalsProvider: ({
   children
-}: ModalsProviderProps) => react_jsx_runtime14.JSX.Element;
+}: ModalsProviderProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { ModalsProvider, ModalsProviderProps };
 //# sourceMappingURL=ModalsProvider.d.mts.map

package/dist/components/overlays/tooltip/Tooltip.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/overlays/tooltip/Tooltip.d.ts
@@ -35,7 +35,7 @@ declare const Tooltip: ({
   keepMounted,
   withinPortal,
   classNames
-}: TooltipProps) => react_jsx_runtime4.JSX.Element;
+}: TooltipProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Tooltip, TooltipProps };
 //# sourceMappingURL=Tooltip.d.mts.map

package/dist/components/overlays/tooltip/Tooltip.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.mts","names":[],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"mappings":";;;;KAUY,YAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,EAAO,SAAA;EACP,MAAA;EACA,EAAA;EACA,QAAA;EAaA,MAAA;EACA,SAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;IACE,IAAA;IACA,OAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW,QAAA;EAAA,KAAA;EAAA,MAAA;EAAA,EAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,WAAA;EAAA,YAAA;EAAA;AAAA,GAcrB,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Tooltip.d.mts","names":[],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"mappings":";;;;KAUY,YAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,EAAO,SAAA;EACP,MAAA;EACA,EAAA;EACA,QAAA;EAaA,MAAA;EACA,SAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;IACE,IAAA;IACA,OAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW,QAAA;EAAA,KAAA;EAAA,MAAA;EAAA,EAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,WAAA;EAAA,YAAA;EAAA;AAAA,GAcrB,YAAA,KAAY,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/index.d.mts

@@ -50,6 +50,7 @@ import { ScrollArea, ScrollAreaProps } from "./components/misc/scroll-area/Scrol
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
 import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./components/navigations/breadcrumbs/Breadcrumbs.mjs";
+import { NavType, Sidebar, SidebarProps } from "./components/navigations/sidebars/sidebar/Sidebar.mjs";
 import { Modal, ModalProps, ModalRootProps } from "./components/overlays/modal/Modal.mjs";
 import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./components/overlays/modals/alert/ModalAlert.mjs";
 import { alert } from "./components/overlays/modals/alert/alert.mjs";
@@ -74,4 +75,4 @@ import { BackofficeTopBar, BackofficeTopBarProps } from "./semedlab/components/n
 import { BreadcrumbsBar, BreadcrumbsBarProps } from "./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";
 import { NotificationList, NotificationListProps } from "./semedlab/components/navigations/notification-list/NotificationList.mjs";
 import "./semedlab/components/index.mjs";
-export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, BackofficeTopBar, BackofficeTopBarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBar, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertClassNames, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps, ModalInternalProps, ModalProps, ModalRootProps, ModalsProvider, ModalsProviderProps, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, Notification, NotificationList, NotificationListProps, NotificationMenu, NotificationMenuProps, NotificationProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, ProfileMenu, ProfileMenuProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Tooltip, TooltipProps, TopBar, TopBarProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UserGroupPreview, UserGroupPreviewProps, UserProfile, UserProfileProps, VisuallyHidden, VisuallyHiddenProps, alert, alertById, confirm, confirmById, createModal, momentLocalizer, openModalById, registerModal, z };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, BackofficeTopBar, BackofficeTopBarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBar, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertClassNames, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps, ModalInternalProps, ModalProps, ModalRootProps, ModalsProvider, ModalsProviderProps, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NavType, Notification, NotificationList, NotificationListProps, NotificationMenu, NotificationMenuProps, NotificationProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, ProfileMenu, ProfileMenuProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Tooltip, TooltipProps, TopBar, TopBarProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UserGroupPreview, UserGroupPreviewProps, UserProfile, UserProfileProps, VisuallyHidden, VisuallyHiddenProps, alert, alertById, confirm, confirmById, createModal, momentLocalizer, openModalById, registerModal, z };

package/dist/index.mjs

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{RemovableItem as v}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as y}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as b}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as x}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as S}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as C}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as w}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as T}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as E}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as D}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as O}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as k}from"./components/navigations/menu/Menu.mjs";import{TextInput as A}from"./components/controls/text-input/TextInput.mjs";import{Chevron as j}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as M}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as N}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as P}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as F}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as I}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as L}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as R}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as z}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as B}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as V}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as H}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as U}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordInputStrength as W}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as G}from"./components/controls/radio/Radio.mjs";import{Select as K}from"./components/controls/select/Select.mjs";import{Textarea as q}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as J}from"./components/forms/rules/password-rules.mjs";import{z as Y}from"./components/forms/rules/zod.mjs";import{Form as X}from"./components/forms/Form.mjs";import{TopBar as Z}from"./components/layouts/top-bar/TopBar.mjs";import{Breadcrumbs as Q}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as $}from"./components/overlays/modal/Modal.mjs";import{createModal as ee}from"./components/overlays/modals/registry/createModal.mjs";import{ModalAlert as te}from"./components/overlays/modals/alert/ModalAlert.mjs";import{alert as ne}from"./components/overlays/modals/alert/alert.mjs";import{openModalById as re}from"./components/overlays/modals/registry/openModalById.mjs";import{alertById as ie}from"./components/overlays/modals/alert/alertById.mjs";import{ModalConfirm as ae}from"./components/overlays/modals/confirm/ModalConfirm.mjs";import{confirm as oe}from"./components/overlays/modals/confirm/confirm.mjs";import{confirmById as se}from"./components/overlays/modals/confirm/confirmById.mjs";import{ModalsProvider as ce}from"./components/overlays/modals/ModalsProvider.mjs";import{registerModal as le}from"./components/overlays/modals/registry/registerModal.mjs";import{Tooltip as ue}from"./components/overlays/tooltip/Tooltip.mjs";import{MageUiProvider as de}from"./providers/MageUiProvider.mjs";import{Notification as fe}from"./semedlab/components/data-display/notification/Notification.mjs";import{UserGroupPreview as pe}from"./semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs";import{UserProfile as me}from"./semedlab/components/data-display/user-profile/UserProfile.mjs";import{NotificationMenu as he}from"./semedlab/components/navigations/notification-menu/NotificationMenu.mjs";import{ProfileMenu as ge}from"./semedlab/components/navigations/profile-menu/ProfileMenu.mjs";import{BackofficeTopBar as _e}from"./semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs";import{BreadcrumbsBar as ve}from"./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";import{NotificationList as ye}from"./semedlab/components/navigations/notification-list/NotificationList.mjs";export{i as AssignedUser,P as Autocomplete,a as Avatar,_e as BackofficeTopBar,o as Badge,Q as Breadcrumbs,ve as BreadcrumbsBar,e as Button,n as ButtonAction,E as ButtonIcon,D as ButtonIconVisual,r as ButtonLoader,O as ButtonVisual,s as Calendar,F as Checkbox,j as Chevron,M as ClearButton,N as Combobox,I as DatePicker,L as Dropzone,R as DropzoneFiles,z as FileInput,B as FileInputMultiple,X as Form,C as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,de as MageUiProvider,k as Menu,$ as Modal,te as ModalAlert,ae as ModalConfirm,ce as ModalsProvider,V as MultiSelect,H as MultiSelectTags,fe as Notification,ye as NotificationList,he as NotificationMenu,J as PASSWORD_RULES,U as PasswordInput,W as PasswordInputStrength,ge as ProfileMenu,G as Radio,v as RemovableItem,w as ScrollArea,T as ScrollAreaAutosize,K as Select,b as Tag,y as TagGroup,A as TextInput,q as Textarea,ue as Tooltip,Z as TopBar,x as UploadedFile,S as UploadedFileDetails,pe as UserGroupPreview,me as UserProfile,t as VisuallyHidden,ne as alert,ie as alertById,oe as confirm,se as confirmById,ee as createModal,c as momentLocalizer,re as openModalById,le as registerModal,Y as z};
+import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{RemovableItem as v}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as y}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as b}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as x}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as S}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as C}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as w}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as T}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as E}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as D}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as O}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as k}from"./components/navigations/menu/Menu.mjs";import{TextInput as A}from"./components/controls/text-input/TextInput.mjs";import{Chevron as j}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as M}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as N}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as P}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as F}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as I}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as L}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as R}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as z}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as B}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as V}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as H}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as U}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordInputStrength as W}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as G}from"./components/controls/radio/Radio.mjs";import{Select as K}from"./components/controls/select/Select.mjs";import{Textarea as q}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as J}from"./components/forms/rules/password-rules.mjs";import{z as Y}from"./components/forms/rules/zod.mjs";import{Form as X}from"./components/forms/Form.mjs";import{TopBar as Z}from"./components/layouts/top-bar/TopBar.mjs";import{Breadcrumbs as Q}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Sidebar as $}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{Modal as ee}from"./components/overlays/modal/Modal.mjs";import{createModal as te}from"./components/overlays/modals/registry/createModal.mjs";import{ModalAlert as ne}from"./components/overlays/modals/alert/ModalAlert.mjs";import{alert as re}from"./components/overlays/modals/alert/alert.mjs";import{openModalById as ie}from"./components/overlays/modals/registry/openModalById.mjs";import{alertById as ae}from"./components/overlays/modals/alert/alertById.mjs";import{ModalConfirm as oe}from"./components/overlays/modals/confirm/ModalConfirm.mjs";import{confirm as se}from"./components/overlays/modals/confirm/confirm.mjs";import{confirmById as ce}from"./components/overlays/modals/confirm/confirmById.mjs";import{ModalsProvider as le}from"./components/overlays/modals/ModalsProvider.mjs";import{registerModal as ue}from"./components/overlays/modals/registry/registerModal.mjs";import{Tooltip as de}from"./components/overlays/tooltip/Tooltip.mjs";import{MageUiProvider as fe}from"./providers/MageUiProvider.mjs";import{Notification as pe}from"./semedlab/components/data-display/notification/Notification.mjs";import{UserGroupPreview as me}from"./semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs";import{UserProfile as he}from"./semedlab/components/data-display/user-profile/UserProfile.mjs";import{NotificationMenu as ge}from"./semedlab/components/navigations/notification-menu/NotificationMenu.mjs";import{ProfileMenu as _e}from"./semedlab/components/navigations/profile-menu/ProfileMenu.mjs";import{BackofficeTopBar as ve}from"./semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs";import{BreadcrumbsBar as ye}from"./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";import{NotificationList as be}from"./semedlab/components/navigations/notification-list/NotificationList.mjs";export{i as AssignedUser,P as Autocomplete,a as Avatar,ve as BackofficeTopBar,o as Badge,Q as Breadcrumbs,ye as BreadcrumbsBar,e as Button,n as ButtonAction,E as ButtonIcon,D as ButtonIconVisual,r as ButtonLoader,O as ButtonVisual,s as Calendar,F as Checkbox,j as Chevron,M as ClearButton,N as Combobox,I as DatePicker,L as Dropzone,R as DropzoneFiles,z as FileInput,B as FileInputMultiple,X as Form,C as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,fe as MageUiProvider,k as Menu,ee as Modal,ne as ModalAlert,oe as ModalConfirm,le as ModalsProvider,V as MultiSelect,H as MultiSelectTags,pe as Notification,be as NotificationList,ge as NotificationMenu,J as PASSWORD_RULES,U as PasswordInput,W as PasswordInputStrength,_e as ProfileMenu,G as Radio,v as RemovableItem,w as ScrollArea,T as ScrollAreaAutosize,K as Select,$ as Sidebar,b as Tag,y as TagGroup,A as TextInput,q as Textarea,de as Tooltip,Z as TopBar,x as UploadedFile,S as UploadedFileDetails,me as UserGroupPreview,he as UserProfile,t as VisuallyHidden,re as alert,ae as alertById,se as confirm,ce as confirmById,te as createModal,c as momentLocalizer,ie as openModalById,ue as registerModal,Y as z};

package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts

@@ -1,6 +1,6 @@
 import { AvatarProps } from "../../../../components/data-display/avatar/Avatar.mjs";
 import "../../../../components/index.mjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 
 //#region src/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.ts
 type UserGroupPreviewProps = {
@@ -26,7 +26,7 @@ declare const UserGroupPreview: ({
   maxAvatars,
   previewText,
   classNames
-}: UserGroupPreviewProps) => react_jsx_runtime15.JSX.Element;
+}: UserGroupPreviewProps) => react_jsx_runtime61.JSX.Element;
 //#endregion
 export { UserGroupPreview, UserGroupPreviewProps };
 //# sourceMappingURL=UserGroupPreview.d.mts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,7 +26,7 @@
     "tsdown": "^0.20.1",
     "typescript": "^5.9.3",
     "baseline-browser-mapping": "^2.9.19",
-    "@mage-ui/preset": "1.0.21",
+    "@mage-ui/preset": "1.0.23",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {