@mage-ui/components 1.0.35 → 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_runtime64 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_runtime64.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_runtime65 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_runtime65.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/index.d.mts

@@ -11,7 +11,7 @@ import { LoaderDot, LoaderDotProps } from "./loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./logos/logo-image/LogoImage.mjs";
 import { LogoSvg, LogoSvgProps } from "./logos/logo-svg/LogoSvg.mjs";
-import { NotificationBanner, NotificationBannerProps } from "./notification-banner/NotificationBanner.mjs";
+import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./removable-item/RemovableItem.mjs";
 import { Tag, TagProps } from "./tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./tag-group/TagGroup.mjs";

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

@@ -1,9 +1,11 @@
 import { IconProps } from "../icons/icon/Icon.mjs";
 import { IconWrappedProps } from "../icons/icon-wrapped/IconWrapped.mjs";
-import { ComponentPropsWithRef, ReactNode } from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/components/data-display/notification-banner/NotificationBanner.d.ts
-type NotificationBannerProps = ComponentPropsWithRef<'div'> & {
+type NotificationBannerIntent = 'info' | 'success' | 'warning' | 'danger';
+type NotificationBannerProps = Omit<ComponentPropsWithoutRef<'div'>, 'className'> & {
+  intent?: NotificationBannerIntent;
   startSlot?: ReactNode;
   children: ReactNode;
   classNames?: {
@@ -17,10 +19,12 @@ type NotificationBannerProps = ComponentPropsWithRef<'div'> & {
   };
 };
 declare const NotificationBanner: ({
+  intent,
   startSlot,
   children,
-  classNames
+  classNames,
+  ...props
 }: NotificationBannerProps) => ReactNode;
 //#endregion
-export { NotificationBanner, NotificationBannerProps };
+export { NotificationBanner, NotificationBannerIntent, NotificationBannerProps };
 //# sourceMappingURL=NotificationBanner.d.mts.map

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,uBAAA,GAA0B,qBAAA;EACpC,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,SAAA;EAAA,QAAA;EAAA;AAAA,GAIhC,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=({startSlot:g,children:_,classNames:v})=>m(`div`,{className:n(v?.notificationBanner??r(),v?.root??d()),children:h(`div`,{className:v?.wrapper??p(),children:[m(`div`,{className:v?.section??f(),children:g||m(t,{classNames:{iconWrapped:v?.iconWrapped?.iconWrapped??l(),root:v?.iconWrapped?.root??u()},children:m(e,{name:`mage-notification-banner-info-circle`,path:`/icons/sprite-mage.svg`,classNames:{icon:v?.icon?.icon??a(),root:v?.icon?.root??c(),iconRaw:{iconRaw:v?.icon?.iconRaw?.iconRaw??o(),root:v?.icon?.iconRaw?.root??s()}}})})}),m(`div`,{className:v?.content??i(),children:_})]})});export{g 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 { ComponentPropsWithRef, 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 NotificationBannerProps = ComponentPropsWithRef<'div'> & {\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  startSlot,\n  children,\n  classNames,\n}: NotificationBannerProps): ReactNode => {\n  return (\n    <div\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='mage-notification-banner-info-circle'\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":"imBAqCA,MAAa,GAAsB,CACjC,YACA,WACA,gBAGE,EAAC,MAAA,CACC,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,KAAK,uCACL,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_runtime45 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_runtime45.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_runtime46 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_runtime46.JSX.Element;
+  }: TagProps): react_jsx_runtime39.JSX.Element;
   Group: ({
     children,
     classNames
-  }: TagGroupProps) => react_jsx_runtime46.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_runtime48 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_runtime48.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_runtime49 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_runtime49.JSX.Element;
+}: UploadedFileProps) => react_jsx_runtime42.JSX.Element;
 //#endregion
 export { UploadedFile, UploadedFileProps };
 //# sourceMappingURL=UploadedFile.d.mts.map