@mage-ui/components 1.0.34 → 1.0.36

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

@@ -1,5 +1,5 @@
 import { ButtonVariantProps } from "@mage-ui/styled-system/recipes";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime16.JSX.Element;
+}: ButtonProps) => react_jsx_runtime17.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_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime18 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_runtime17.JSX.Element;
+}: ButtonActionProps) => react_jsx_runtime18.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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime18.JSX.Element;
+}: ComponentProps<"span">) => react_jsx_runtime19.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_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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_runtime19.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime20.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_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime21 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_runtime20.JSX.Element;
+}: ButtonIconVisualProps) => react_jsx_runtime21.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_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime21.JSX.Element;
+}: ButtonVisualProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { ButtonVisual, ButtonVisualProps };
 //# sourceMappingURL=ButtonVisual.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime70 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_runtime65.JSX.Element;
+}: ChevronProps) => react_jsx_runtime70.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_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime71 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_runtime64.JSX.Element;
+}: ClearButtonProps) => react_jsx_runtime71.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_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime39 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_runtime45.JSX.Element;
+}: AssignedUserProps) => react_jsx_runtime39.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_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime40 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_runtime46.JSX.Element;
+}: AvatarProps) => react_jsx_runtime40.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_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime41 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_runtime47.JSX.Element;
+}: BadgeProps) => react_jsx_runtime41.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_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime42 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_runtime48.JSX.Element;
+}: CalendarProps) => react_jsx_runtime42.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_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime43 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_runtime49.JSX.Element;
+}: LoaderDotProps) => react_jsx_runtime43.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_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime44 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_runtime50.JSX.Element;
+}: LoaderOvalProps) => react_jsx_runtime44.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 = ComponentPropsWithoutRef<'div'> & {
+  intent?: NotificationBannerIntent;
   startSlot?: ReactNode;
   children: ReactNode;
   classNames?: {
@@ -17,10 +19,13 @@ type NotificationBannerProps = ComponentPropsWithRef<'div'> & {
   };
 };
 declare const NotificationBanner: ({
+  intent,
   startSlot,
   children,
-  classNames
+  classNames,
+  className,
+  ...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,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"}

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,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};
 //# 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 = 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"}

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as react_jsx_runtime49 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_runtime55.JSX.Element;
+}: TagGroupProps) => react_jsx_runtime49.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_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime50 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_runtime56.JSX.Element;
+}: UploadedFileProps) => react_jsx_runtime50.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_runtime57 from "react/jsx-runtime";
+import * as react_jsx_runtime45 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_runtime57.JSX.Element;
+}: UploadedFileDetailsProps) => react_jsx_runtime45.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_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime53 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_runtime39.JSX.Element;
+  }: FormProps<T>): react_jsx_runtime53.JSX.Element;
   displayName: string;
   TextInput: {
     ({
@@ -55,7 +55,7 @@ declare const Form: {
       $rule?: string;
       isSubmitting?: boolean;
       name: string;
-    } & TextInputProps): react_jsx_runtime39.JSX.Element;
+    } & TextInputProps): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
   Submit: {
@@ -63,7 +63,7 @@ declare const Form: {
       children,
       successText,
       ...props
-    }: FormSubmitProps): react_jsx_runtime39.JSX.Element;
+    }: FormSubmitProps): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
   Hidden: {
@@ -75,7 +75,7 @@ declare const Form: {
       name?: string;
       value?: string;
       defaultValue?: string;
-    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime39.JSX.Element;
+    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
   Checkbox: {
@@ -84,7 +84,7 @@ declare const Form: {
       isSubmitting,
       name,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime39.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
   Password: {
@@ -96,7 +96,7 @@ declare const Form: {
       name,
       rules,
       ...props
-    }: FormPasswordProps): react_jsx_runtime39.JSX.Element;
+    }: FormPasswordProps): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/forms/rules/password-rules.mjs

@@ -1,2 +1,2 @@
-const e=[{key:`password.rules.min`,text:`Mínimo 12 caracteres`,validate:e=>e.length>=12},{key:`password.rules.lower`,text:`Al menos una minúscula`,validate:e=>/[a-z]/.test(e)},{key:`password.rules.upper`,text:`Al menos una mayúscula`,validate:e=>/[A-Z]/.test(e)},{key:`password.rules.digit`,text:`Al menos un número`,validate:e=>/[0-9]/.test(e)},{key:`password.rules.symbol`,text:`Al menos un símbolo`,validate:e=>/[\W_]/.test(e)},{key:`password.rules.whitespace`,text:`Sin espacios en blanco`,validate:e=>!/\s/.test(e)}];export{e as PASSWORD_RULES};
+const e=[{key:`password.rules.min`,text:`Mínimo 12 caracteres`,validate:e=>e.length>=12},{key:`password.rules.lower`,text:`Al menos una minúscula`,validate:e=>/[a-z]/.test(e)},{key:`password.rules.upper`,text:`Al menos una mayúscula`,validate:e=>/[A-Z]/.test(e)},{key:`password.rules.digit`,text:`Al menos un número`,validate:e=>/[0-9]/.test(e)},{key:`password.rules.symbol`,text:`Al menos un símbolo`,validate:e=>/[^A-Za-z0-9\s]/.test(e)},{key:`password.rules.whitespace`,text:`Sin espacios en blanco`,validate:e=>!/\s/.test(e)}];export{e as PASSWORD_RULES};
 //# sourceMappingURL=password-rules.mjs.map

package/dist/components/forms/rules/password-rules.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"password-rules.mjs","names":[],"sources":["../../../../src/components/forms/rules/password-rules.ts"],"sourcesContent":["import type { PasswordRuleDefinition } from '@/components/controls/password-input/usePasswordRules';\n\nexport const PASSWORD_RULES: PasswordRuleDefinition[] = [\n  {\n    key: 'password.rules.min',\n    text: 'Mínimo 12 caracteres',\n    validate: (v) => v.length >= 12,\n  },\n  {\n    key: 'password.rules.lower',\n    text: 'Al menos una minúscula',\n    validate: (v) => /[a-z]/.test(v),\n  },\n  {\n    key: 'password.rules.upper',\n    text: 'Al menos una mayúscula',\n    validate: (v) => /[A-Z]/.test(v),\n  },\n  {\n    key: 'password.rules.digit',\n    text: 'Al menos un número',\n    validate: (v) => /[0-9]/.test(v),\n  },\n  {\n    key: 'password.rules.symbol',\n    text: 'Al menos un símbolo',\n    validate: (v) => /[\\W_]/.test(v),\n  },\n  {\n    key: 'password.rules.whitespace',\n    text: 'Sin espacios en blanco',\n    validate: (v) => !/\\s/.test(v),\n  },\n];\n"],"mappings":"AAEA,MAAa,EAA2C,CACtD,CACE,IAAK,qBACL,KAAM,uBACN,SAAW,GAAM,EAAE,QAAU,GAC9B,CACD,CACE,IAAK,uBACL,KAAM,yBACN,SAAW,GAAM,QAAQ,KAAK,EAAE,CACjC,CACD,CACE,IAAK,uBACL,KAAM,yBACN,SAAW,GAAM,QAAQ,KAAK,EAAE,CACjC,CACD,CACE,IAAK,uBACL,KAAM,qBACN,SAAW,GAAM,QAAQ,KAAK,EAAE,CACjC,CACD,CACE,IAAK,wBACL,KAAM,sBACN,SAAW,GAAM,QAAQ,KAAK,EAAE,CACjC,CACD,CACE,IAAK,4BACL,KAAM,yBACN,SAAW,GAAM,CAAC,KAAK,KAAK,EAAE,CAC/B,CACF"}
+{"version":3,"file":"password-rules.mjs","names":[],"sources":["../../../../src/components/forms/rules/password-rules.ts"],"sourcesContent":["import type { PasswordRuleDefinition } from '@/components/controls/password-input/usePasswordRules';\n\nexport const PASSWORD_RULES: PasswordRuleDefinition[] = [\n  {\n    key: 'password.rules.min',\n    text: 'Mínimo 12 caracteres',\n    validate: (v) => v.length >= 12,\n  },\n  {\n    key: 'password.rules.lower',\n    text: 'Al menos una minúscula',\n    validate: (v) => /[a-z]/.test(v),\n  },\n  {\n    key: 'password.rules.upper',\n    text: 'Al menos una mayúscula',\n    validate: (v) => /[A-Z]/.test(v),\n  },\n  {\n    key: 'password.rules.digit',\n    text: 'Al menos un número',\n    validate: (v) => /[0-9]/.test(v),\n  },\n  {\n    key: 'password.rules.symbol',\n    text: 'Al menos un símbolo',\n    validate: (v) => /[^A-Za-z0-9\\s]/.test(v),\n  },\n  {\n    key: 'password.rules.whitespace',\n    text: 'Sin espacios en blanco',\n    validate: (v) => !/\\s/.test(v),\n  },\n];\n"],"mappings":"AAEA,MAAa,EAA2C,CACtD,CACE,IAAK,qBACL,KAAM,uBACN,SAAW,GAAM,EAAE,QAAU,GAC9B,CACD,CACE,IAAK,uBACL,KAAM,yBACN,SAAW,GAAM,QAAQ,KAAK,EAAE,CACjC,CACD,CACE,IAAK,uBACL,KAAM,yBACN,SAAW,GAAM,QAAQ,KAAK,EAAE,CACjC,CACD,CACE,IAAK,uBACL,KAAM,qBACN,SAAW,GAAM,QAAQ,KAAK,EAAE,CACjC,CACD,CACE,IAAK,wBACL,KAAM,sBACN,SAAW,GAAM,iBAAiB,KAAK,EAAE,CAC1C,CACD,CACE,IAAK,4BACL,KAAM,yBACN,SAAW,GAAM,CAAC,KAAK,KAAK,EAAE,CAC/B,CACF"}

package/dist/components/index.d.mts

@@ -23,7 +23,7 @@ import { LoaderDot, LoaderDotProps } from "./data-display/loader-dot/LoaderDot.m
 import { LoaderOval, LoaderOvalProps } from "./data-display/loader-oval/LoaderOval.mjs";
 import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoImage.mjs";
 import { LogoSvg, LogoSvgProps } from "./data-display/logos/logo-svg/LogoSvg.mjs";
-import { NotificationBanner, NotificationBannerProps } from "./data-display/notification-banner/NotificationBanner.mjs";
+import { NotificationBanner, NotificationBannerIntent, NotificationBannerProps } from "./data-display/notification-banner/NotificationBanner.mjs";
 import { RemovableItem, RemovableItemProps } from "./data-display/removable-item/RemovableItem.mjs";
 import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
@@ -59,7 +59,7 @@ import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-
 import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/VisuallyHidden.mjs";
 import "./misc/index.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
-import { ItemType, NavType, Sidebar, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
+import { NavType, Sidebar, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
 import "./navigations/index.mjs";
 import { Modal, ModalProps, ModalRootProps } from "./overlays/modal/Modal.mjs";
 import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./overlays/modals/alert/ModalAlert.mjs";

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

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

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

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

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

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

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

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

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

@@ -4,10 +4,15 @@ import * as react_jsx_runtime22 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/menu/Menu.d.ts
+type MenuTargetButtonProps = Partial<ButtonProps> & {
+  [key: `data-${string}`]: string | number | boolean | undefined;
+};
 type MenuProps = {
   target: ReactNode;
   children: ReactNode;
   withinPortal?: boolean;
+  opened?: boolean;
+  onOpenedChange?: (opened: boolean) => void;
   position?: 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
   width?: number | string;
   keepMounted?: boolean;
@@ -21,15 +26,21 @@ type MenuProps = {
     divider?: string;
     target?: {
       button: string;
+      root?: string;
+      inner?: string;
+      label?: string;
+      section?: string;
     };
   };
-  targetButtonProps?: Partial<ButtonProps>;
+  targetButtonProps?: MenuTargetButtonProps;
 };
 declare const Menu: {
   ({
     target,
     children,
     withinPortal,
+    opened,
+    onOpenedChange,
     position,
     width,
     keepMounted,

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.mts","names":[],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"mappings":";;;;;;KAeY,SAAA;EACV,MAAA,EAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,YAAA;EACA,QAAA;EAaA,KAAA;EACA,WAAA;EACA,MAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;IACA,IAAA;IACA,SAAA;IACA,WAAA;IACA,OAAA;IACA,MAAA;MACE,MAAA;IAAA;EAAA;EAGJ,iBAAA,GAAoB,OAAA,CAAQ,WAAA;AAAA;AAAA,cAGjB,IAAA;EAAA;;;;;;;;;;KAUV,SAAA,GAAS,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MAwCsB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Menu.d.mts","names":[],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"mappings":";;;;;;KAmBK,qBAAA,GAAwB,OAAA,CAAQ,WAAA;EAAA,CAClC,GAAA;AAAA;AAAA,KAGS,SAAA;EACV,MAAA,EAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,YAAA;EACA,MAAA;EACA,cAAA,IAAkB,MAAA;EAClB,QAAA;EAaA,KAAA;EACA,WAAA;EACA,MAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;IACA,IAAA;IACA,SAAA;IACA,WAAA;IACA,OAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,KAAA;MACA,OAAA;IAAA;EAAA;EAGJ,iBAAA,GAAoB,qBAAA;AAAA;AAAA,cAGT,IAAA;EAAA;;;;;;;;;;;;KAYV,SAAA,GAAS,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MA8CsB,QAAA,EAAU,SAAA;IAAA,IAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/navigations/menu/Menu.mjs

@@ -1,2 +1,2 @@
-import{Button as e}from"../../buttons/button/Button.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{menu as n,menuDivider as r,menuItem as i,menuItemLabel as a,menuItemSection as o,menuRoot as s,menuTargetButton as c}from"@mage-ui/styled-system/recipes";import{Menu as l,useCombobox as u}from"@mantine/core";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({target:p,children:m,withinPortal:h,position:g,width:_,keepMounted:v,offset:y,classNames:b,targetButtonProps:x})=>{let S=u({onDropdownClose:()=>S.resetSelectedOption()});return f(l,{offset:y||4,withinPortal:h,position:g,width:_,keepMounted:v,classNames:{dropdown:t(b?.menu??n(),b?.root??s()),item:b?.item??i(),itemLabel:b?.itemLabel??a(),itemSection:b?.itemSection??o(),divider:b?.divider??r()},children:[d(l.Target,{children:d(e,{classNames:{button:b?.target?.button??c()},onClick:()=>S.toggleDropdown(),...x,children:p})}),d(l.Dropdown,{children:m})]})},m=({children:e})=>d(l.Item,{component:`div`,children:e}),h=()=>d(l.Divider,{});p.Item=m,m.displayName=`Menu.Item`,p.Divider=h,h.displayName=`Menu.Divider`;export{p as Menu};
+import{Button as e}from"../../buttons/button/Button.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{menu as n,menuDivider as r,menuItem as i,menuItemLabel as a,menuItemSection as o,menuRoot as s,menuTargetButton as c,menuTargetButtonInner as l,menuTargetButtonLabel as u,menuTargetButtonRoot as d,menuTargetButtonSection as f}from"@mage-ui/styled-system/recipes";import{Menu as p,useCombobox as m}from"@mantine/core";import{jsx as h,jsxs as g}from"react/jsx-runtime";const _=({target:_,children:v,withinPortal:y,opened:b,onOpenedChange:x,position:S,width:C,keepMounted:w,offset:T,classNames:E,targetButtonProps:D})=>{let O=m({onDropdownClose:()=>O.resetSelectedOption()});return g(p,{offset:T||4,withinPortal:y,opened:b,onChange:x,position:S,width:C,keepMounted:w,classNames:{dropdown:t(E?.menu??n(),E?.root??s()),item:E?.item??i(),itemLabel:E?.itemLabel??a(),itemSection:E?.itemSection??o(),divider:E?.divider??r()},children:[h(p.Target,{children:h(e,{classNames:{button:E?.target?.button??c(),root:E?.target?.root??d(),inner:E?.target?.inner??l(),label:E?.target?.label??u(),section:E?.target?.section??f()},onClick:()=>O.toggleDropdown(),...D,children:_})}),h(p.Dropdown,{children:v})]})},v=({children:e})=>h(p.Item,{component:`div`,children:e}),y=()=>h(p.Divider,{});_.Item=v,v.displayName=`Menu.Item`,_.Divider=y,y.displayName=`Menu.Divider`;export{_ as Menu};
 //# sourceMappingURL=Menu.mjs.map