@mage-ui/components 1.0.36 → 1.0.37

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_runtime23 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_runtime23.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_runtime24 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_runtime24.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_runtime25 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_runtime25.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_runtime26 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_runtime26.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_runtime27 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_runtime27.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_runtime28 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_runtime28.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_runtime46 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_runtime46.JSX.Element;
 //#endregion
 export { Autocomplete, AutocompleteProps, OptionProps };
 //# sourceMappingURL=Autocomplete.d.mts.map

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_runtime47 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_runtime47.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_runtime48 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_runtime48.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_runtime49 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_runtime49.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_runtime50 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_runtime50.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_runtime51 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_runtime51.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_runtime52 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_runtime52.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_runtime53 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_runtime53.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_runtime54 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_runtime54.JSX.Element;
 //#endregion
 export { PasswordInput, PasswordInputProps };
 //# sourceMappingURL=PasswordInput.d.mts.map

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

@@ -1,7 +1,7 @@
 import { IconProps } from "../../data-display/icons/icon/Icon.mjs";
 import "../../data-display/index.mjs";
 import { PasswordInputProps } from "./PasswordInput.mjs";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region src/components/controls/password-input/PasswordStrengthInput.d.ts
 type PasswordRule = {
@@ -39,7 +39,7 @@ declare const PasswordStrengthInput: ({
   showStrengthLabel,
   classNames,
   ...props
-}: PasswordStrengthInputProps) => react_jsx_runtime34.JSX.Element;
+}: PasswordStrengthInputProps) => react_jsx_runtime55.JSX.Element;
 //#endregion
 export { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps };
 //# sourceMappingURL=PasswordStrengthInput.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_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime56 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_runtime35.JSX.Element;
+}: PasswordInputStrengthProps) => react_jsx_runtime56.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_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime57 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_runtime36.JSX.Element;
+}: SelectProps) => react_jsx_runtime57.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_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime58 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_runtime37.JSX.Element;
+}: TextInputProps) => react_jsx_runtime58.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_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime59 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_runtime38.JSX.Element;
+}: TextareaProps) => react_jsx_runtime59.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_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime74 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_runtime70.JSX.Element;
+}: ChevronProps) => react_jsx_runtime74.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_runtime71 from "react/jsx-runtime";
+import * as react_jsx_runtime73 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_runtime71.JSX.Element;
+}: ClearButtonProps) => react_jsx_runtime73.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_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime32 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_runtime39.JSX.Element;
+}: AssignedUserProps) => react_jsx_runtime32.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_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime33 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_runtime40.JSX.Element;
+}: AvatarProps) => react_jsx_runtime33.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_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime34 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_runtime41.JSX.Element;
+}: BadgeProps) => react_jsx_runtime34.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_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime35 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_runtime42.JSX.Element;
+}: CalendarProps) => react_jsx_runtime35.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_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime36 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_runtime43.JSX.Element;
+}: LoaderDotProps) => react_jsx_runtime36.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_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime37 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_runtime44.JSX.Element;
+}: LoaderOvalProps) => react_jsx_runtime37.JSX.Element;
 //#endregion
 export { LoaderOval, LoaderOvalProps };
 //# sourceMappingURL=LoaderOval.d.mts.map

package/dist/components/data-display/notification-banner/NotificationBanner.d.mts

@@ -4,7 +4,7 @@ import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/components/data-display/notification-banner/NotificationBanner.d.ts
 type NotificationBannerIntent = 'info' | 'success' | 'warning' | 'danger';
-type NotificationBannerProps = ComponentPropsWithoutRef<'div'> & {
+type NotificationBannerProps = Omit<ComponentPropsWithoutRef<'div'>, 'className'> & {
   intent?: NotificationBannerIntent;
   startSlot?: ReactNode;
   children: ReactNode;
@@ -23,7 +23,6 @@ declare const NotificationBanner: ({
   startSlot,
   children,
   classNames,
-  className,
   ...props
 }: NotificationBannerProps) => ReactNode;
 //#endregion

package/dist/components/data-display/notification-banner/NotificationBanner.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBanner.d.mts","names":[],"sources":["../../../../src/components/data-display/notification-banner/NotificationBanner.tsx"],"mappings":";;;;;KAuBY,wBAAA;AAAA,KAaA,uBAAA,GAA0B,wBAAA;EACpC,MAAA,GAAS,wBAAA;EACT,SAAA,GAAY,SAAA;EACZ,QAAA,EAAU,SAAA;EACV,UAAA;IACE,kBAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,OAAA;IACA,WAAA,GAAc,gBAAA;IACd,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,kBAAA;EAAsB,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAOhC,uBAAA,KAA0B,SAAA"}
+{"version":3,"file":"NotificationBanner.d.mts","names":[],"sources":["../../../../src/components/data-display/notification-banner/NotificationBanner.tsx"],"mappings":";;;;;KAuBY,wBAAA;AAAA,KAaA,uBAAA,GAA0B,IAAA,CACpC,wBAAA;EAGA,MAAA,GAAS,wBAAA;EACT,SAAA,GAAY,SAAA;EACZ,QAAA,EAAU,SAAA;EACV,UAAA;IACE,kBAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,OAAA;IACA,WAAA,GAAc,gBAAA;IACd,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,kBAAA;EAAsB,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAMhC,uBAAA,KAA0B,SAAA"}

package/dist/components/data-display/notification-banner/NotificationBanner.mjs

@@ -1,2 +1,2 @@
-import{Icon as e}from"../icons/icon/Icon.mjs";import{IconWrapped as t}from"../icons/icon-wrapped/IconWrapped.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{notificationBanner as r,notificationBannerContent as i,notificationBannerIcon as a,notificationBannerIconIconRaw as o,notificationBannerIconIconRawRoot as s,notificationBannerIconRoot as c,notificationBannerIconWrapped as l,notificationBannerIconWrappedRoot as u,notificationBannerRoot as d,notificationBannerSection as f,notificationBannerWrapper as p}from"@mage-ui/styled-system/recipes";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g={info:`mage-notification-banner-info-circle`,success:`mage-notification-banner-info-circle`,warning:`mage-notification-banner-info-circle`,danger:`mage-notification-banner-info-circle`},_=({intent:_=`info`,startSlot:v,children:y,classNames:b,className:x,...S})=>{let C=g[_];return m(`div`,{...S,"data-intent":_,className:n(b?.notificationBanner??r(),b?.root??d(),x),children:h(`div`,{className:b?.wrapper??p(),children:[m(`div`,{className:b?.section??f(),children:v||m(t,{classNames:{iconWrapped:b?.iconWrapped?.iconWrapped??l(),root:b?.iconWrapped?.root??u()},children:m(e,{name:C,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??a(),root:b?.icon?.root??c(),iconRaw:{iconRaw:b?.icon?.iconRaw?.iconRaw??o(),root:b?.icon?.iconRaw?.root??s()}}})})}),m(`div`,{className:b?.content??i(),children:y})]})})};export{_ as NotificationBanner};
+import{Icon as e}from"../icons/icon/Icon.mjs";import{IconWrapped as t}from"../icons/icon-wrapped/IconWrapped.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{notificationBanner as r,notificationBannerContent as i,notificationBannerIcon as a,notificationBannerIconIconRaw as o,notificationBannerIconIconRawRoot as s,notificationBannerIconRoot as c,notificationBannerIconWrapped as l,notificationBannerIconWrappedRoot as u,notificationBannerRoot as d,notificationBannerSection as f,notificationBannerWrapper as p}from"@mage-ui/styled-system/recipes";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g={info:`mage-notification-banner-info-circle`,success:`mage-notification-banner-info-circle`,warning:`mage-notification-banner-info-circle`,danger:`mage-notification-banner-info-circle`},_=({intent:_=`info`,startSlot:v,children:y,classNames:b,...x})=>{let S=g[_];return m(`div`,{...x,"data-intent":_,className:n(b?.notificationBanner??r(),b?.root??d()),children:h(`div`,{className:b?.wrapper??p(),children:[m(`div`,{className:b?.section??f(),children:v||m(t,{classNames:{iconWrapped:b?.iconWrapped?.iconWrapped??l(),root:b?.iconWrapped?.root??u()},children:m(e,{name:S,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??a(),root:b?.icon?.root??c(),iconRaw:{iconRaw:b?.icon?.iconRaw?.iconRaw??o(),root:b?.icon?.iconRaw?.root??s()}}})})}),m(`div`,{className:b?.content??i(),children:y})]})})};export{_ as NotificationBanner};
 //# sourceMappingURL=NotificationBanner.mjs.map

package/dist/components/data-display/notification-banner/NotificationBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBanner.mjs","names":[],"sources":["../../../../src/components/data-display/notification-banner/NotificationBanner.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  notificationBanner,\n  notificationBannerContent,\n  notificationBannerIcon,\n  notificationBannerIconIconRaw,\n  notificationBannerIconIconRawRoot,\n  notificationBannerIconRoot,\n  notificationBannerIconWrapped,\n  notificationBannerIconWrappedRoot,\n  notificationBannerRoot,\n  notificationBannerSection,\n  notificationBannerWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Icon, type IconProps } from '../icons/icon/Icon';\nimport {\n  IconWrapped,\n  type IconWrappedProps,\n} from '../icons/icon-wrapped/IconWrapped';\n\nexport type NotificationBannerIntent =\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger';\n\nconst INTENT_ICON_NAME_MAP: Record<NotificationBannerIntent, string> = {\n  info: 'mage-notification-banner-info-circle',\n  success: 'mage-notification-banner-info-circle',\n  warning: 'mage-notification-banner-info-circle',\n  danger: 'mage-notification-banner-info-circle',\n};\n\nexport type NotificationBannerProps = ComponentPropsWithoutRef<'div'> & {\n  intent?: NotificationBannerIntent;\n  startSlot?: ReactNode;\n  children: ReactNode;\n  classNames?: {\n    notificationBanner?: string;\n    root?: string;\n    wrapper?: string;\n    section?: string;\n    content?: string;\n    iconWrapped?: IconWrappedProps['classNames'];\n    icon?: IconProps['classNames'];\n  };\n};\n\nexport const NotificationBanner = ({\n  intent = 'info',\n  startSlot,\n  children,\n  classNames,\n  className,\n  ...props\n}: NotificationBannerProps): ReactNode => {\n  const iconName = INTENT_ICON_NAME_MAP[intent];\n\n  return (\n    <div\n      {...props}\n      data-intent={intent}\n      className={cx(\n        classNames?.notificationBanner ?? notificationBanner(),\n        classNames?.root ?? notificationBannerRoot(),\n        className,\n      )}\n    >\n      <div className={classNames?.wrapper ?? notificationBannerWrapper()}>\n        <div className={classNames?.section ?? notificationBannerSection()}>\n          {startSlot ? (\n            startSlot\n          ) : (\n            <IconWrapped\n              classNames={{\n                iconWrapped:\n                  classNames?.iconWrapped?.iconWrapped ??\n                  notificationBannerIconWrapped(),\n                root:\n                  classNames?.iconWrapped?.root ??\n                  notificationBannerIconWrappedRoot(),\n              }}\n            >\n              <Icon\n                name={iconName}\n                path='/icons/sprite-mage.svg'\n                classNames={{\n                  icon: classNames?.icon?.icon ?? notificationBannerIcon(),\n                  root: classNames?.icon?.root ?? notificationBannerIconRoot(),\n                  iconRaw: {\n                    iconRaw:\n                      classNames?.icon?.iconRaw?.iconRaw ??\n                      notificationBannerIconIconRaw(),\n                    root:\n                      classNames?.icon?.iconRaw?.root ??\n                      notificationBannerIconIconRawRoot(),\n                  },\n                }}\n              />\n            </IconWrapped>\n          )}\n        </div>\n        <div className={classNames?.content ?? notificationBannerContent()}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"imBA6BA,MAAM,EAAiE,CACrE,KAAM,uCACN,QAAS,uCACT,QAAS,uCACT,OAAQ,uCACT,CAiBY,GAAsB,CACjC,SAAS,OACT,YACA,WACA,aACA,YACA,GAAG,KACqC,CACxC,IAAM,EAAW,EAAqB,GAEtC,OACE,EAAC,MAAA,CACC,GAAI,EACJ,cAAa,EACb,UAAW,EACT,GAAY,oBAAsB,GAAoB,CACtD,GAAY,MAAQ,GAAwB,CAC5C,EACD,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAA2B,WAChE,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAA2B,UAC/D,GAGC,EAAC,EAAA,CACC,WAAY,CACV,YACE,GAAY,aAAa,aACzB,GAA+B,CACjC,KACE,GAAY,aAAa,MACzB,GAAmC,CACtC,UAED,EAAC,EAAA,CACC,KAAM,EACN,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAwB,CACxD,KAAM,GAAY,MAAM,MAAQ,GAA4B,CAC5D,QAAS,CACP,QACE,GAAY,MAAM,SAAS,SAC3B,GAA+B,CACjC,KACE,GAAY,MAAM,SAAS,MAC3B,GAAmC,CACtC,CACF,EACD,EACU,EAEZ,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAA2B,CAC/D,YACG,CAAA,EACF,EACF"}
+{"version":3,"file":"NotificationBanner.mjs","names":[],"sources":["../../../../src/components/data-display/notification-banner/NotificationBanner.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  notificationBanner,\n  notificationBannerContent,\n  notificationBannerIcon,\n  notificationBannerIconIconRaw,\n  notificationBannerIconIconRawRoot,\n  notificationBannerIconRoot,\n  notificationBannerIconWrapped,\n  notificationBannerIconWrappedRoot,\n  notificationBannerRoot,\n  notificationBannerSection,\n  notificationBannerWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Icon, type IconProps } from '../icons/icon/Icon';\nimport {\n  IconWrapped,\n  type IconWrappedProps,\n} from '../icons/icon-wrapped/IconWrapped';\n\nexport type NotificationBannerIntent =\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger';\n\nconst INTENT_ICON_NAME_MAP: Record<NotificationBannerIntent, string> = {\n  info: 'mage-notification-banner-info-circle',\n  success: 'mage-notification-banner-info-circle',\n  warning: 'mage-notification-banner-info-circle',\n  danger: 'mage-notification-banner-info-circle',\n};\n\nexport type NotificationBannerProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'className'\n> & {\n  intent?: NotificationBannerIntent;\n  startSlot?: ReactNode;\n  children: ReactNode;\n  classNames?: {\n    notificationBanner?: string;\n    root?: string;\n    wrapper?: string;\n    section?: string;\n    content?: string;\n    iconWrapped?: IconWrappedProps['classNames'];\n    icon?: IconProps['classNames'];\n  };\n};\n\nexport const NotificationBanner = ({\n  intent = 'info',\n  startSlot,\n  children,\n  classNames,\n  ...props\n}: NotificationBannerProps): ReactNode => {\n  const iconName = INTENT_ICON_NAME_MAP[intent];\n\n  return (\n    <div\n      {...props}\n      data-intent={intent}\n      className={cx(\n        classNames?.notificationBanner ?? notificationBanner(),\n        classNames?.root ?? notificationBannerRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? notificationBannerWrapper()}>\n        <div className={classNames?.section ?? notificationBannerSection()}>\n          {startSlot ? (\n            startSlot\n          ) : (\n            <IconWrapped\n              classNames={{\n                iconWrapped:\n                  classNames?.iconWrapped?.iconWrapped ??\n                  notificationBannerIconWrapped(),\n                root:\n                  classNames?.iconWrapped?.root ??\n                  notificationBannerIconWrappedRoot(),\n              }}\n            >\n              <Icon\n                name={iconName}\n                path='/icons/sprite-mage.svg'\n                classNames={{\n                  icon: classNames?.icon?.icon ?? notificationBannerIcon(),\n                  root: classNames?.icon?.root ?? notificationBannerIconRoot(),\n                  iconRaw: {\n                    iconRaw:\n                      classNames?.icon?.iconRaw?.iconRaw ??\n                      notificationBannerIconIconRaw(),\n                    root:\n                      classNames?.icon?.iconRaw?.root ??\n                      notificationBannerIconIconRawRoot(),\n                  },\n                }}\n              />\n            </IconWrapped>\n          )}\n        </div>\n        <div className={classNames?.content ?? notificationBannerContent()}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"imBA6BA,MAAM,EAAiE,CACrE,KAAM,uCACN,QAAS,uCACT,QAAS,uCACT,OAAQ,uCACT,CAoBY,GAAsB,CACjC,SAAS,OACT,YACA,WACA,aACA,GAAG,KACqC,CACxC,IAAM,EAAW,EAAqB,GAEtC,OACE,EAAC,MAAA,CACC,GAAI,EACJ,cAAa,EACb,UAAW,EACT,GAAY,oBAAsB,GAAoB,CACtD,GAAY,MAAQ,GAAwB,CAC7C,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAA2B,WAChE,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAA2B,UAC/D,GAGC,EAAC,EAAA,CACC,WAAY,CACV,YACE,GAAY,aAAa,aACzB,GAA+B,CACjC,KACE,GAAY,aAAa,MACzB,GAAmC,CACtC,UAED,EAAC,EAAA,CACC,KAAM,EACN,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAwB,CACxD,KAAM,GAAY,MAAM,MAAQ,GAA4B,CAC5D,QAAS,CACP,QACE,GAAY,MAAM,SAAS,SAC3B,GAA+B,CACjC,KACE,GAAY,MAAM,SAAS,MAC3B,GAAmC,CACtC,CACF,EACD,EACU,EAEZ,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAA2B,CAC/D,YACG,CAAA,EACF,EACF"}

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_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime38 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_runtime46.JSX.Element;
+}: RemovableItemProps) => react_jsx_runtime38.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_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime39 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_runtime47.JSX.Element;
+  }: TagProps): react_jsx_runtime39.JSX.Element;
   Group: ({
     children,
     classNames
-  }: TagGroupProps) => react_jsx_runtime47.JSX.Element;
+  }: TagGroupProps) => react_jsx_runtime39.JSX.Element;
 };
 //#endregion
 export { Tag, TagProps };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime41 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_runtime49.JSX.Element;
+}: TagGroupProps) => react_jsx_runtime41.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_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime42 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_runtime50.JSX.Element;
+}: UploadedFileProps) => react_jsx_runtime42.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_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime31 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_runtime45.JSX.Element;
+}: UploadedFileDetailsProps) => react_jsx_runtime31.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_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 import { FieldValues, UseFormSetError } from "react-hook-form";
 import { ZodObject, ZodTypeAny } from "zod";
@@ -44,7 +44,7 @@ declare const Form: {
     schema,
     t,
     classNames
-  }: FormProps<T>): react_jsx_runtime53.JSX.Element;
+  }: FormProps<T>): react_jsx_runtime6.JSX.Element;
   displayName: string;
   TextInput: {
     ({
@@ -55,7 +55,7 @@ declare const Form: {
       $rule?: string;
       isSubmitting?: boolean;
       name: string;
-    } & TextInputProps): react_jsx_runtime53.JSX.Element;
+    } & TextInputProps): react_jsx_runtime6.JSX.Element;
     displayName: string;
   };
   Submit: {
@@ -63,7 +63,7 @@ declare const Form: {
       children,
       successText,
       ...props
-    }: FormSubmitProps): react_jsx_runtime53.JSX.Element;
+    }: FormSubmitProps): react_jsx_runtime6.JSX.Element;
     displayName: string;
   };
   Hidden: {
@@ -75,7 +75,7 @@ declare const Form: {
       name?: string;
       value?: string;
       defaultValue?: string;
-    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime53.JSX.Element;
+    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime6.JSX.Element;
     displayName: string;
   };
   Checkbox: {
@@ -84,7 +84,7 @@ declare const Form: {
       isSubmitting,
       name,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime53.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime6.JSX.Element;
     displayName: string;
   };
   Password: {
@@ -96,7 +96,7 @@ declare const Form: {
       name,
       rules,
       ...props
-    }: FormPasswordProps): react_jsx_runtime53.JSX.Element;
+    }: FormPasswordProps): react_jsx_runtime6.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Form.d.mts","names":[],"sources":["../../../src/components/forms/Form.tsx"],"mappings":";;;;;;;;;;;KAeK,YAAA;EACH,IAAA;EACA,OAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,KAGU,SAAA,WAAoB,WAAA;EAC9B,QAAA,GAAW,MAAA;IAAU,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA;EACnC,aAAA,IAAiB,QAAA,EAAU,YAAA;EAC3B,eAAA,IAAmB,MAAA;IACjB,OAAA;IACA,QAAA,EAAU,eAAA,CAAgB,CAAA;IAC1B,MAAA;EAAA;EAEF,aAAA;EACA,QAAA,EAAU,SAAA;EACV,MAAA,GAAS,SAAA,CAAU,MAAA,SAAe,UAAA;EAClC,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,uBACY,KAAA,CAAM,SAAA;EACpB,UAAA;IACE,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAYS,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,aAAA;IAAA,eAAA;IAAA,aAAA;IAAA,QAAA;IAAA,MAAA;IAAA,CAAA;IAAA;EAAA,GASvC,SAAA,CAAU,CAAA,IAAE,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Form.d.mts","names":[],"sources":["../../../src/components/forms/Form.tsx"],"mappings":";;;;;;;;;;;KAeK,YAAA;EACH,IAAA;EACA,OAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,KAGU,SAAA,WAAoB,WAAA;EAC9B,QAAA,GAAW,MAAA;IAAU,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA;EACnC,aAAA,IAAiB,QAAA,EAAU,YAAA;EAC3B,eAAA,IAAmB,MAAA;IACjB,OAAA;IACA,QAAA,EAAU,eAAA,CAAgB,CAAA;IAC1B,MAAA;EAAA;EAEF,aAAA;EACA,QAAA,EAAU,SAAA;EACV,MAAA,GAAS,SAAA,CAAU,MAAA,SAAe,UAAA;EAClC,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,uBACY,KAAA,CAAM,SAAA;EACpB,UAAA;IACE,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAYS,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,aAAA;IAAA,eAAA;IAAA,aAAA;IAAA,QAAA;IAAA,MAAA;IAAA,CAAA;IAAA;EAAA,GASvC,SAAA,CAAU,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime5 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_runtime68.JSX.Element;
+}: TopBarProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 export { TopBar, TopBarProps };
 //# sourceMappingURL=TopBar.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopBar.d.mts","names":[],"sources":["../../../../src/components/layouts/top-bar/TopBar.tsx"],"mappings":";;;;KAWY,WAAA;EACV,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA;AAAA,GAAoC,WAAA,KAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"TopBar.d.mts","names":[],"sources":["../../../../src/components/layouts/top-bar/TopBar.tsx"],"mappings":";;;;KAWY,WAAA;EACV,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA;AAAA,GAAoC,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime29 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_runtime52.JSX.Element;
+}: HorizontalDividerProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { HorizontalDivider, HorizontalDividerProps };
 //# sourceMappingURL=HorizontalDivider.d.mts.map

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,mah:m=192,children:h,classNames:g})=>l(c.Autosize,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,mah:m,classNames:{root:e(g?.scrollArea??t(),g?.root??i()),viewport:g?.viewport??s(),content:g?.content??n(),scrollbar:g?.scrollbar??a(),thumb:g?.thumb??o(),corner:g?.corner??r()},children:h});export{u as ScrollAreaAutosize};
+import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,mah:m,children:h,classNames:g})=>l(c.Autosize,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,mah:m,classNames:{root:e(g?.scrollArea??t(),g?.root??i()),viewport:g?.viewport??s(),content:g?.content??n(),scrollbar:g?.scrollbar??a(),thumb:g?.thumb??o(),corner:g?.corner??r()},children:h});export{u as ScrollAreaAutosize};
 //# sourceMappingURL=ScrollAreaAutosize.mjs.map

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  mah = 192,\n  children,\n  classNames,\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,MAAM,IACN,WACA,gBAGE,EAACA,EAAkB,SAAA,CACL,aACN,OACS,gBACG,mBACb,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CAEA,YAC0B"}
+{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  mah,\n  children,\n  classNames,\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,MACA,WACA,gBAGE,EAACA,EAAkB,SAAA,CACL,aACN,OACS,gBACG,mBACb,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CAEA,YAC0B"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime30 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_runtime51.JSX.Element;
+}: VisuallyHiddenProps) => react_jsx_runtime30.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_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime68 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_runtime67.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime68.JSX.Element;
   Item: {
     ({
       children

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_runtime43 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/menu/Menu.d.ts
@@ -47,17 +47,17 @@ declare const Menu: {
     offset,
     classNames,
     targetButtonProps
-  }: MenuProps): react_jsx_runtime22.JSX.Element;
+  }: MenuProps): react_jsx_runtime43.JSX.Element;
   Item: {
     ({
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime22.JSX.Element;
+    }): react_jsx_runtime43.JSX.Element;
     displayName: string;
   };
   Divider: {
-    (): react_jsx_runtime22.JSX.Element;
+    (): react_jsx_runtime43.JSX.Element;
     displayName: string;
   };
 };

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

@@ -2,7 +2,7 @@ import { NavItemProps } from "./SidebarNavItem.mjs";
 import { NavItemButtonProps } from "./SidebarNavItemButton.mjs";
 import { LinkType, NavItemLinkProps } from "./SidebarNavItemLink.mjs";
 import { SubnavProps } from "./SidebarSubnav.mjs";
-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/navigations/sidebars/sidebar/Sidebar.d.ts
@@ -11,22 +11,23 @@ type NavType = {
   item?: string;
   link?: LinkType;
   root?: string;
+  scrollArea?: string;
 };
 type SidebarProps = {
   area?: string;
   classNames?: {
     sidebar?: string;
     root?: string;
-    startSlot?: string;
-    endSlot?: string;
+    topSlot?: string;
+    bottomSlot?: string;
     nav?: NavType;
   };
   isCollapsed: boolean;
   expandedItems?: string[];
   defaultExpandedItems?: string[];
   onExpandedItemsChange?: (expandedItems: string[]) => void;
-  startSlot?: ReactNode;
-  endSlot?: ReactNode;
+  topSlot?: ReactNode;
+  bottomSlot?: ReactNode;
   children?: ReactNode;
 };
 declare const Sidebar: {
@@ -37,8 +38,8 @@ declare const Sidebar: {
     expandedItems,
     defaultExpandedItems,
     onExpandedItemsChange,
-    startSlot,
-    endSlot,
+    topSlot,
+    bottomSlot,
     children
   }: SidebarProps): ReactNode;
   displayName: string;
@@ -48,7 +49,7 @@ declare const Sidebar: {
       isVisible,
       isSubnav,
       children
-    }: NavItemProps): react_jsx_runtime59.JSX.Element | null;
+    }: NavItemProps): react_jsx_runtime60.JSX.Element | null;
     displayName: string;
   };
   Group: {
@@ -67,7 +68,7 @@ declare const Sidebar: {
         };
       };
       isVisible?: boolean;
-    }): react_jsx_runtime59.JSX.Element | null;
+    }): react_jsx_runtime60.JSX.Element | null;
     displayName: string;
   };
   NavList: {
@@ -81,7 +82,7 @@ declare const Sidebar: {
         };
       };
       children?: ReactNode;
-    }): react_jsx_runtime59.JSX.Element;
+    }): react_jsx_runtime60.JSX.Element;
     displayName: string;
   };
   NavItem: {
@@ -90,7 +91,7 @@ declare const Sidebar: {
       isVisible,
       isSubnav,
       children
-    }: NavItemProps): react_jsx_runtime59.JSX.Element | null;
+    }: NavItemProps): react_jsx_runtime60.JSX.Element | null;
     displayName: string;
   };
   NavGroup: {
@@ -109,7 +110,7 @@ declare const Sidebar: {
         };
       };
       isVisible?: boolean;
-    }): react_jsx_runtime59.JSX.Element | null;
+    }): react_jsx_runtime60.JSX.Element | null;
     displayName: string;
   };
   NavItemButton: {
@@ -124,7 +125,7 @@ declare const Sidebar: {
       classNames,
       isVisible,
       tooltipLabel
-    }: NavItemButtonProps): react_jsx_runtime59.JSX.Element | null;
+    }: NavItemButtonProps): react_jsx_runtime60.JSX.Element | null;
     displayName: string;
   };
   NavItemLink: {
@@ -139,7 +140,7 @@ declare const Sidebar: {
       isExpanded,
       isVisible,
       isSubnav
-    }: NavItemLinkProps): react_jsx_runtime59.JSX.Element | null;
+    }: NavItemLinkProps): react_jsx_runtime60.JSX.Element | null;
     displayName: string;
   };
   Subnav: {
@@ -147,7 +148,7 @@ declare const Sidebar: {
       classNames,
       isVisible,
       children
-    }: SubnavProps): react_jsx_runtime59.JSX.Element | null;
+    }: SubnavProps): react_jsx_runtime60.JSX.Element | null;
     displayName: string;
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"mappings":";;;;;;;;KAmBY,OAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA,GAAO,QAAA;EACP,IAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;IACA,SAAA;IACA,OAAA;IACA,GAAA,GAAM,OAAA;EAAA;EAER,WAAA;EACA,aAAA;EACA,oBAAA;EACA,qBAAA,IAAyB,aAAA;EACzB,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,OAAA;EAAA;;;;;;;;;;KAUV,YAAA,GAAe,SAAA"}
+{"version":3,"file":"Sidebar.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"mappings":";;;;;;;;KAuBY,OAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA,GAAO,QAAA;EACP,IAAA;EACA,UAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;IACA,OAAA;IACA,UAAA;IACA,GAAA,GAAM,OAAA;EAAA;EAER,WAAA;EACA,aAAA;EACA,oBAAA;EACA,qBAAA,IAAyB,aAAA;EACzB,OAAA,GAAU,SAAA;EACV,UAAA,GAAa,SAAA;EACb,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,OAAA;EAAA;;;;;;;;;;KAUV,YAAA,GAAe,SAAA"}

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

@@ -1,2 +1,2 @@
-import{SidebarProvider as e}from"./SidebarContext.mjs";import{NavList as t}from"./SidebarNavList.mjs";import{NavGroup as n}from"./SidebarNavGroup.mjs";import{NavItem as r}from"./SidebarNavItem.mjs";import{NavItemButton as i}from"./SidebarNavItemButton.mjs";import{NavItemLink as a}from"./SidebarNavItemLink.mjs";import{Subnav as o}from"./SidebarSubnav.mjs";import{cx as s}from"@mage-ui/styled-system/css";import{sidebar as c,sidebarNavRoot as l,sidebarRoot as u}from"@mage-ui/styled-system/recipes";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useEffect as p,useMemo as m,useRef as h,useState as g}from"react";const _=({area:n=`sidebar`,classNames:r,isCollapsed:i=!1,expandedItems:a,defaultExpandedItems:o=[],onExpandedItemsChange:_,startSlot:v,endSlot:y,children:b})=>{let[x,S]=g(o),C=h(!1),w=a??x,T=e=>{a===void 0&&S(e),_?.(e)};p(()=>{!C.current&&i&&T([]),C.current=i},[i,T]);let E=e=>{let t=w.includes(e);if(i){T(t?[]:[e]);return}T(t?w.filter(t=>t!==e):[...w,e])},D=(e,t)=>{if(t!==w.includes(e)){if(i){T(t?[e]:[]);return}T(t?[...w,e]:w.filter(t=>t!==e))}},O=m(()=>({isCollapsed:i,expandedItems:w,toggleItem:E,setItemExpanded:D,isItemExpanded:e=>w.includes(e)}),[w,i,D,E]),k=n===`sidebar`?void 0:{"--sidebar-grid-area":n};return d(e,{value:O,children:f(`div`,{"data-collapsed":i?`true`:`false`,className:s(r?.sidebar??c(),r?.root??u(),`group`),style:k,children:[v?d(`div`,{className:r?.startSlot,children:v}):null,d(`nav`,{className:r?.nav?.root??l(),children:d(t,{classNames:r,children:b})}),y?d(`div`,{className:r?.endSlot,children:y}):null]})})};_.displayName=`Sidebar`,_.Item=r,_.Group=n,_.NavList=t,_.NavItem=r,_.NavGroup=n,_.NavItemButton=i,_.NavItemLink=a,_.Subnav=o;export{_ as Sidebar};
+import{ScrollAreaAutosize as e}from"../../../misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{SidebarProvider as t}from"./SidebarContext.mjs";import{NavList as n}from"./SidebarNavList.mjs";import{NavGroup as r}from"./SidebarNavGroup.mjs";import{NavItem as i}from"./SidebarNavItem.mjs";import{NavItemButton as a}from"./SidebarNavItemButton.mjs";import{NavItemLink as o}from"./SidebarNavItemLink.mjs";import{Subnav as s}from"./SidebarSubnav.mjs";import{cx as c}from"@mage-ui/styled-system/css";import{sidebar as l,sidebarBottomSlot as u,sidebarNavRoot as d,sidebarRoot as f,sidebarScrollAreaAutosize as p,sidebarTopSlot as m}from"@mage-ui/styled-system/recipes";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useEffect as _,useMemo as v,useRef as y,useState as b}from"react";const x=({area:r=`sidebar`,classNames:i,isCollapsed:a=!1,expandedItems:o,defaultExpandedItems:s=[],onExpandedItemsChange:x,topSlot:S,bottomSlot:C,children:w})=>{let[T,E]=b(s),D=y(!1),O=o??T,k=e=>{o===void 0&&E(e),x?.(e)};_(()=>{!D.current&&a&&k([]),D.current=a},[a,k]);let A=e=>{let t=O.includes(e);if(a){k(t?[]:[e]);return}k(t?O.filter(t=>t!==e):[...O,e])},j=(e,t)=>{if(t!==O.includes(e)){if(a){k(t?[e]:[]);return}k(t?[...O,e]:O.filter(t=>t!==e))}},M=v(()=>({isCollapsed:a,expandedItems:O,toggleItem:A,setItemExpanded:j,isItemExpanded:e=>O.includes(e)}),[O,a,j,A]),N=r===`sidebar`?void 0:{"--sidebar-grid-area":r};return h(t,{value:M,children:g(`div`,{"data-collapsed":a?`true`:`false`,className:c(i?.sidebar??l(),i?.root??f(),`group`),style:N,children:[S?h(`div`,{className:i?.topSlot??m(),children:S}):null,h(`nav`,{className:i?.nav?.root??d(),children:h(e,{mah:`100%`,scrollbars:`y`,classNames:{scrollArea:i?.nav?.scrollArea??p()},children:h(n,{classNames:i,children:w})})}),C?h(`div`,{className:i?.bottomSlot??u(),children:C}):null]})})};x.displayName=`Sidebar`,x.Item=i,x.Group=r,x.NavList=n,x.NavItem=i,x.NavGroup=r,x.NavItemButton=a,x.NavItemLink=o,x.Subnav=s;export{x as Sidebar};
 //# sourceMappingURL=Sidebar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarNavRoot,\n  sidebarRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { SidebarProvider } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemButton } from './SidebarNavItemButton';\nimport type { LinkType } from './SidebarNavItemLink';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { Subnav } from './SidebarSubnav';\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    startSlot?: string;\n    endSlot?: string;\n    nav?: NavType;\n  };\n  isCollapsed: boolean;\n  expandedItems?: string[];\n  defaultExpandedItems?: string[];\n  onExpandedItemsChange?: (expandedItems: string[]) => void;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed = false,\n  expandedItems,\n  defaultExpandedItems = [],\n  onExpandedItemsChange,\n  startSlot,\n  endSlot,\n  children,\n}: SidebarProps): ReactNode => {\n  const [uncontrolledExpandedItems, setUncontrolledExpandedItems] =\n    useState<string[]>(defaultExpandedItems);\n  const wasCollapsedRef = useRef(false);\n\n  const currentExpandedItems = expandedItems ?? uncontrolledExpandedItems;\n\n  const setExpandedItems = (nextExpandedItems: string[]) => {\n    if (expandedItems === undefined) {\n      setUncontrolledExpandedItems(nextExpandedItems);\n    }\n\n    onExpandedItemsChange?.(nextExpandedItems);\n  };\n\n  useEffect(() => {\n    // Normalize state on collapse so expanded desktop subnavs do not remain\n    // visible as flyouts.\n    if (!wasCollapsedRef.current && isCollapsed) {\n      setExpandedItems([]);\n    }\n\n    wasCollapsedRef.current = isCollapsed;\n  }, [isCollapsed, setExpandedItems]);\n\n  const toggleItem = (itemId: string) => {\n    const isExpanded = currentExpandedItems.includes(itemId);\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [] : [itemId]);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? currentExpandedItems.filter((id) => id !== itemId)\n        : [...currentExpandedItems, itemId],\n    );\n  };\n\n  const setItemExpanded = (itemId: string, isExpanded: boolean) => {\n    const alreadyExpanded = currentExpandedItems.includes(itemId);\n\n    if (isExpanded === alreadyExpanded) {\n      return;\n    }\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [itemId] : []);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? [...currentExpandedItems, itemId]\n        : currentExpandedItems.filter((id) => id !== itemId),\n    );\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      isCollapsed,\n      expandedItems: currentExpandedItems,\n      toggleItem,\n      setItemExpanded,\n      isItemExpanded: (itemId: string) => currentExpandedItems.includes(itemId),\n    }),\n    [currentExpandedItems, isCollapsed, setItemExpanded, toggleItem],\n  );\n\n  const style =\n    area !== 'sidebar' ? { '--sidebar-grid-area': area } : undefined;\n\n  return (\n    <SidebarProvider value={contextValue}>\n      <div\n        data-collapsed={isCollapsed ? 'true' : 'false'}\n        className={cx(\n          classNames?.sidebar ?? sidebar(),\n          classNames?.root ?? sidebarRoot(),\n          'group',\n        )}\n        style={style as CSSProperties}\n      >\n        {startSlot ? (\n          <div className={classNames?.startSlot}>{startSlot}</div>\n        ) : null}\n\n        <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n          <NavList classNames={classNames}>{children}</NavList>\n        </nav>\n\n        {endSlot ? <div className={classNames?.endSlot}>{endSlot}</div> : null}\n      </div>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.NavList = NavList;\nSidebar.NavItem = NavItem;\nSidebar.NavGroup = NavGroup;\nSidebar.NavItemButton = NavItemButton;\nSidebar.NavItemLink = NavItemLink;\nSidebar.Subnav = Subnav;\n"],"mappings":"8mBA4CA,MAAa,GAAW,CACtB,OAAO,UACP,aACA,cAAc,GACd,gBACA,uBAAuB,EAAE,CACzB,wBACA,YACA,UACA,cAC6B,CAC7B,GAAM,CAAC,EAA2B,GAChC,EAAmB,EAAqB,CACpC,EAAkB,EAAO,GAAM,CAE/B,EAAuB,GAAiB,EAExC,EAAoB,GAAgC,CACpD,IAAkB,IAAA,IACpB,EAA6B,EAAkB,CAGjD,IAAwB,EAAkB,EAG5C,MAAgB,CAGV,CAAC,EAAgB,SAAW,GAC9B,EAAiB,EAAE,CAAC,CAGtB,EAAgB,QAAU,GACzB,CAAC,EAAa,EAAiB,CAAC,CAEnC,IAAM,EAAc,GAAmB,CACrC,IAAM,EAAa,EAAqB,SAAS,EAAO,CAExD,GAAI,EAAa,CACf,EAAiB,EAAa,EAAE,CAAG,CAAC,EAAO,CAAC,CAC5C,OAGF,EACE,EACI,EAAqB,OAAQ,GAAO,IAAO,EAAO,CAClD,CAAC,GAAG,EAAsB,EAAO,CACtC,EAGG,GAAmB,EAAgB,IAAwB,CAG3D,OAFoB,EAAqB,SAAS,EAAO,CAM7D,IAAI,EAAa,CACf,EAAiB,EAAa,CAAC,EAAO,CAAG,EAAE,CAAC,CAC5C,OAGF,EACE,EACI,CAAC,GAAG,EAAsB,EAAO,CACjC,EAAqB,OAAQ,GAAO,IAAO,EAAO,CACvD,GAGG,EAAe,OACZ,CACL,cACA,cAAe,EACf,aACA,kBACA,eAAiB,GAAmB,EAAqB,SAAS,EAAO,CAC1E,EACD,CAAC,EAAsB,EAAa,EAAiB,EAAW,CACjE,CAEK,EACJ,IAAS,UAA8C,IAAA,GAAlC,CAAE,sBAAuB,EAAM,CAEtD,OACE,EAAC,EAAA,CAAgB,MAAO,WACtB,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,mBAAY,GAAgB,CACtD,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CAAoB,aAAa,YAAmB,EACjD,CAEL,EAAU,EAAC,MAAA,CAAI,UAAW,GAAY,iBAAU,GAAc,CAAG,OAC9D,EACU,EAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,QAAU,EAClB,EAAQ,QAAU,EAClB,EAAQ,SAAW,EACnB,EAAQ,cAAgB,EACxB,EAAQ,YAAc,EACtB,EAAQ,OAAS"}
+{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarBottomSlot,\n  sidebarNavRoot,\n  sidebarRoot,\n  sidebarScrollAreaAutosize,\n  sidebarTopSlot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ScrollAreaAutosize } from '../../../misc';\nimport { SidebarProvider } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemButton } from './SidebarNavItemButton';\nimport type { LinkType } from './SidebarNavItemLink';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { Subnav } from './SidebarSubnav';\n\nexport type NavType = {\n  list?: string;\n  item?: string;\n  link?: LinkType;\n  root?: string;\n  scrollArea?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  classNames?: {\n    sidebar?: string;\n    root?: string;\n    topSlot?: string;\n    bottomSlot?: string;\n    nav?: NavType;\n  };\n  isCollapsed: boolean;\n  expandedItems?: string[];\n  defaultExpandedItems?: string[];\n  onExpandedItemsChange?: (expandedItems: string[]) => void;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed = false,\n  expandedItems,\n  defaultExpandedItems = [],\n  onExpandedItemsChange,\n  topSlot,\n  bottomSlot,\n  children,\n}: SidebarProps): ReactNode => {\n  const [uncontrolledExpandedItems, setUncontrolledExpandedItems] =\n    useState<string[]>(defaultExpandedItems);\n  const wasCollapsedRef = useRef(false);\n\n  const currentExpandedItems = expandedItems ?? uncontrolledExpandedItems;\n\n  const setExpandedItems = (nextExpandedItems: string[]) => {\n    if (expandedItems === undefined) {\n      setUncontrolledExpandedItems(nextExpandedItems);\n    }\n\n    onExpandedItemsChange?.(nextExpandedItems);\n  };\n\n  useEffect(() => {\n    // Normalize state on collapse so expanded desktop subnavs do not remain\n    // visible as flyouts.\n    if (!wasCollapsedRef.current && isCollapsed) {\n      setExpandedItems([]);\n    }\n\n    wasCollapsedRef.current = isCollapsed;\n  }, [isCollapsed, setExpandedItems]);\n\n  const toggleItem = (itemId: string) => {\n    const isExpanded = currentExpandedItems.includes(itemId);\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [] : [itemId]);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? currentExpandedItems.filter((id) => id !== itemId)\n        : [...currentExpandedItems, itemId],\n    );\n  };\n\n  const setItemExpanded = (itemId: string, isExpanded: boolean) => {\n    const alreadyExpanded = currentExpandedItems.includes(itemId);\n\n    if (isExpanded === alreadyExpanded) {\n      return;\n    }\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [itemId] : []);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? [...currentExpandedItems, itemId]\n        : currentExpandedItems.filter((id) => id !== itemId),\n    );\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      isCollapsed,\n      expandedItems: currentExpandedItems,\n      toggleItem,\n      setItemExpanded,\n      isItemExpanded: (itemId: string) => currentExpandedItems.includes(itemId),\n    }),\n    [currentExpandedItems, isCollapsed, setItemExpanded, toggleItem],\n  );\n\n  const style =\n    area !== 'sidebar' ? { '--sidebar-grid-area': area } : undefined;\n\n  return (\n    <SidebarProvider value={contextValue}>\n      <div\n        data-collapsed={isCollapsed ? 'true' : 'false'}\n        className={cx(\n          classNames?.sidebar ?? sidebar(),\n          classNames?.root ?? sidebarRoot(),\n          'group',\n        )}\n        style={style as CSSProperties}\n      >\n        {topSlot ? (\n          <div className={classNames?.topSlot ?? sidebarTopSlot()}>\n            {topSlot}\n          </div>\n        ) : null}\n\n        <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n          <ScrollAreaAutosize\n            mah='100%'\n            scrollbars='y'\n            classNames={{\n              scrollArea:\n                classNames?.nav?.scrollArea ?? sidebarScrollAreaAutosize(),\n            }}\n          >\n            <NavList classNames={classNames}>{children}</NavList>\n          </ScrollAreaAutosize>\n        </nav>\n\n        {bottomSlot ? (\n          <div className={classNames?.bottomSlot ?? sidebarBottomSlot()}>\n            {bottomSlot}\n          </div>\n        ) : null}\n      </div>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.NavList = NavList;\nSidebar.NavItem = NavItem;\nSidebar.NavGroup = NavGroup;\nSidebar.NavItemButton = NavItemButton;\nSidebar.NavItemLink = NavItemLink;\nSidebar.Subnav = Subnav;\n"],"mappings":"uxBAiDA,MAAa,GAAW,CACtB,OAAO,UACP,aACA,cAAc,GACd,gBACA,uBAAuB,EAAE,CACzB,wBACA,UACA,aACA,cAC6B,CAC7B,GAAM,CAAC,EAA2B,GAChC,EAAmB,EAAqB,CACpC,EAAkB,EAAO,GAAM,CAE/B,EAAuB,GAAiB,EAExC,EAAoB,GAAgC,CACpD,IAAkB,IAAA,IACpB,EAA6B,EAAkB,CAGjD,IAAwB,EAAkB,EAG5C,MAAgB,CAGV,CAAC,EAAgB,SAAW,GAC9B,EAAiB,EAAE,CAAC,CAGtB,EAAgB,QAAU,GACzB,CAAC,EAAa,EAAiB,CAAC,CAEnC,IAAM,EAAc,GAAmB,CACrC,IAAM,EAAa,EAAqB,SAAS,EAAO,CAExD,GAAI,EAAa,CACf,EAAiB,EAAa,EAAE,CAAG,CAAC,EAAO,CAAC,CAC5C,OAGF,EACE,EACI,EAAqB,OAAQ,GAAO,IAAO,EAAO,CAClD,CAAC,GAAG,EAAsB,EAAO,CACtC,EAGG,GAAmB,EAAgB,IAAwB,CAG3D,OAFoB,EAAqB,SAAS,EAAO,CAM7D,IAAI,EAAa,CACf,EAAiB,EAAa,CAAC,EAAO,CAAG,EAAE,CAAC,CAC5C,OAGF,EACE,EACI,CAAC,GAAG,EAAsB,EAAO,CACjC,EAAqB,OAAQ,GAAO,IAAO,EAAO,CACvD,GAGG,EAAe,OACZ,CACL,cACA,cAAe,EACf,aACA,kBACA,eAAiB,GAAmB,EAAqB,SAAS,EAAO,CAC1E,EACD,CAAC,EAAsB,EAAa,EAAiB,EAAW,CACjE,CAEK,EACJ,IAAS,UAA8C,IAAA,GAAlC,CAAE,sBAAuB,EAAM,CAEtD,OACE,EAAC,EAAA,CAAgB,MAAO,WACtB,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAgB,UACpD,GACG,CACJ,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CACC,IAAI,OACJ,WAAW,IACX,WAAY,CACV,WACE,GAAY,KAAK,YAAc,GAA2B,CAC7D,UAED,EAAC,EAAA,CAAoB,aAAa,YAAmB,EAClC,EACjB,CAEL,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAmB,UAC1D,GACG,CACJ,OACA,EACU,EAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,QAAU,EAClB,EAAQ,QAAU,EAClB,EAAQ,SAAW,EACnB,EAAQ,cAAgB,EACxB,EAAQ,YAAc,EACtB,EAAQ,OAAS"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime13 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_runtime6.JSX.Element;
+  }: ModalProps): react_jsx_runtime13.JSX.Element;
   Root: {
     ({
       opened,
@@ -53,13 +53,13 @@ declare const Modal: {
       centered,
       classNames,
       intent
-    }: ModalRootProps): react_jsx_runtime6.JSX.Element;
+    }: ModalRootProps): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
   Overlay: {
     (_: {
       children?: never;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
   Content: {
@@ -67,7 +67,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -75,7 +75,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -83,7 +83,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
   Title: {
@@ -91,11 +91,11 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
   CloseButton: {
-    (): react_jsx_runtime6.JSX.Element;
+    (): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -103,7 +103,7 @@ declare const Modal: {
       children,
       className,
       ...props
-    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;KAmBY,UAAA;EACV,MAAA;EACA,OAAA;EACA,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,QAAA;EACA,eAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,MAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,KAAA;EAAA;;;;;;;;;;;;;KAaV,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAgDV,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MA0BU,QAAA;IAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQP,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAJtB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQvB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAIpB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAYtD,cAAA,CAAe,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KApErB,cAAA,GAAiB,IAAA,CAAK,UAAA;EAChC,MAAA;AAAA"}
+{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;KAmBY,UAAA;EACV,MAAA;EACA,OAAA;EACA,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,QAAA;EACA,eAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,MAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,KAAA;EAAA;;;;;;;;;;;;;KAaV,UAAA,GAAU,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAgDV,cAAA,GAAc,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MA0BU,QAAA;IAAA,IAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQP,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAJtB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQvB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAIpB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAYtD,cAAA,CAAe,cAAA,IAAe,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;KApErB,cAAA,GAAiB,IAAA,CAAK,UAAA;EAChC,MAAA;AAAA"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime22 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_runtime15.JSX.Element;
+}: ModalsProviderProps) => react_jsx_runtime22.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_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime5.JSX.Element;
+}: TooltipProps) => react_jsx_runtime12.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/package.json

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