@mage-ui/components 1.0.16 → 1.0.18

package/dist/components/index.d.mts

@@ -1,42 +1,53 @@
 import { Button, ButtonProps } from "./buttons/button/Button.mjs";
 import { ButtonAction, ButtonActionProps } from "./buttons/button-action/ButtonAction.mjs";
+import { ButtonLoader } from "./buttons/button-action/ButtonLoader.mjs";
 import { ButtonIcon, ButtonIconProps } from "./buttons/button-icon/ButtonIcon.mjs";
 import { ButtonIconVisual, ButtonIconVisualProps } from "./buttons/button-icon-visual/ButtonIconVisual.mjs";
 import { ButtonVisual, ButtonVisualProps } from "./buttons/button-visual/ButtonVisual.mjs";
 import "./buttons/index.mjs";
-import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
-import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
-import { PasswordInput, PasswordInputProps } from "./controls/password-input/PasswordInput.mjs";
-import { PasswordInputStrength, PasswordInputStrengthProps } from "./controls/password-input-strength/PasswordInputStrength.mjs";
-import { FileInput, FileInputProps } from "./controls/file-input/FileInput.mjs";
-import { FileInputMultiple, FileInputMultipleProps } from "./controls/file-input/FileInputMultiple.mjs";
-import { Textarea, TextareaProps } from "./controls/textarea/Textarea.mjs";
-import { Radio, RadioProps } from "./controls/radio/Radio.mjs";
-import { Select, SelectProps } from "./controls/select/Select.mjs";
-import { MultiSelect, MultiSelectProps } from "./controls/multi-select/MultiSelect.mjs";
-import { MultiSelectTags, MultiSelectTagsProps } from "./controls/multi-select/MultiSelectTags.mjs";
+import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
 import { Combobox, ComboboxProps } from "./controls/combobox/Combobox.mjs";
 import { Autocomplete, AutocompleteProps, OptionProps } from "./controls/autocomplete/Autocomplete.mjs";
-import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
+import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
+import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
-import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
-import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
+import { Calendar, CalendarEvent, CalendarProps, DateLocalizer, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
 import { Icon, IconProps } from "./data-display/icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs";
+import { IconSvg, IconSvgProps } from "./data-display/icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./data-display/icons/icon-wrapped/IconWrapped.mjs";
-import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
+import { Indicator, IndicatorProps } from "./data-display/indicator/Indicator.mjs";
 import { LoaderDot, LoaderDotProps } from "./data-display/loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./data-display/loader-oval/LoaderOval.mjs";
-import { Calendar, CalendarEvent, CalendarProps, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
 import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoImage.mjs";
 import { LogoSvg, LogoSvgProps } from "./data-display/logos/logo-svg/LogoSvg.mjs";
-import { Indicator, IndicatorProps } from "./data-display/indicator/Indicator.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";
+import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
+import { UploadedFileDetails, UploadedFileDetailsProps } from "./data-display/uploaded-file/UploadedFileDetails.mjs";
 import "./data-display/index.mjs";
 import { Dropzone, DropzoneProps, FileData } from "./controls/dropzone/Dropzone.mjs";
 import { DropzoneFiles, DropzoneFilesProps } from "./controls/dropzone-files/DropzoneFiles.mjs";
+import { FileInput, FileInputProps } from "./controls/file-input/FileInput.mjs";
+import { FileInputMultiple, FileInputMultipleProps } from "./controls/file-input/FileInputMultiple.mjs";
+import { MultiSelect, MultiSelectProps } from "./controls/multi-select/MultiSelect.mjs";
+import { MultiSelectTags, MultiSelectTagsProps } from "./controls/multi-select/MultiSelectTags.mjs";
+import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
+import { PasswordInput, PasswordInputProps } from "./controls/password-input/PasswordInput.mjs";
+import { PasswordInputStrength, PasswordInputStrengthProps } from "./controls/password-input-strength/oldPasswordInputStrength.mjs";
+import { Radio, RadioProps } from "./controls/radio/Radio.mjs";
+import { Select, SelectProps } from "./controls/select/Select.mjs";
+import { Textarea, TextareaProps } from "./controls/textarea/Textarea.mjs";
+import { Chevron, ChevronProps } from "./controls/utils/chevron/Chevron.mjs";
+import { ClearButton, ClearButtonProps } from "./controls/utils/clear-button/ClearButton.mjs";
 import "./controls/index.mjs";
+import { Form, FormProps } from "./forms/Form.mjs";
+import { PASSWORD_RULES } from "./forms/rules/password-rules.mjs";
+import { z } from "./forms/rules/zod.mjs";
+import "./forms/index.mjs";
 import { TopBar, TopBarProps } from "./layouts/top-bar/TopBar.mjs";
 import "./layouts/index.mjs";
 import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
@@ -46,16 +57,16 @@ import { VisuallyHidden, VisuallyHiddenProps } from "./misc/visually-hidden/Visu
 import "./misc/index.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
 import "./navigations/index.mjs";
-import { Modal, ModalProps } from "./overlays/modal/Modal.mjs";
-import { ModalsProvider } from "./overlays/modals/ModalsProvider.mjs";
-import { ModalComponent, createModal } from "./overlays/modals/registry/createModal.mjs";
-import { registerModal } from "./overlays/modals/registry/registerModal.mjs";
-import { openModalById } from "./overlays/modals/registry/openModalById.mjs";
-import { ModalConfirm, ModalConfirmPublicProps } from "./overlays/modals/confirm/ModalConfirm.mjs";
-import { confirm } from "./overlays/modals/confirm/confirm.mjs";
-import { confirmById } from "./overlays/modals/confirm/confirmById.mjs";
-import { ModalAlert, ModalAlertPublicProps } from "./overlays/modals/alert/ModalAlert.mjs";
+import { Modal, ModalProps, ModalRootProps } from "./overlays/modal/Modal.mjs";
+import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./overlays/modals/alert/ModalAlert.mjs";
 import { alert } from "./overlays/modals/alert/alert.mjs";
 import { alertById } from "./overlays/modals/alert/alertById.mjs";
+import { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps } from "./overlays/modals/confirm/ModalConfirm.mjs";
+import { confirm } from "./overlays/modals/confirm/confirm.mjs";
+import { confirmById } from "./overlays/modals/confirm/confirmById.mjs";
+import { ModalsProvider, ModalsProviderProps } from "./overlays/modals/ModalsProvider.mjs";
+import { ModalComponent, ModalInternalProps, createModal } from "./overlays/modals/registry/createModal.mjs";
+import { openModalById } from "./overlays/modals/registry/openModalById.mjs";
+import { registerModal } from "./overlays/modals/registry/registerModal.mjs";
 import { Tooltip, TooltipProps } from "./overlays/tooltip/Tooltip.mjs";
 import "./overlays/index.mjs";

package/dist/components/layouts/top-bar/TopBar.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 { 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_runtime37.JSX.Element;
+}: TopBarProps) => react_jsx_runtime58.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":";;;;KAUY,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,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/layouts/top-bar/TopBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.mjs","names":[],"sources":["../../../../src/components/layouts/top-bar/TopBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  topBar,\n  topBarRoot,\n  topBarWrapper,\n  topBarStartSlot,\n  topBarEndSlot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type TopBarProps = {\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    topBar?: string;\n    root?: string;\n    wrapper?: string;\n    startSlot?: string;\n    endSlot?: string;\n  };\n};\n\nexport const TopBar = ({ startSlot, endSlot, classNames }: TopBarProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.topBar ?? topBar(),\n        classNames?.root ?? topBarRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? topBarWrapper()}>\n        <div className={classNames?.startSlot ?? topBarStartSlot()}>\n          {startSlot}\n        </div>\n        <div className={classNames?.endSlot ?? topBarEndSlot()}>{endSlot}</div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"qOAsBA,MAAa,GAAU,CAAE,YAAW,UAAS,gBAEzC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CACjC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAe,WACpD,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAiB,UACvD,GACG,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAe,UAAG,GAAc,CAAA,EACnE,EACF"}
+{"version":3,"file":"TopBar.mjs","names":[],"sources":["../../../../src/components/layouts/top-bar/TopBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  topBar,\n  topBarEndSlot,\n  topBarRoot,\n  topBarStartSlot,\n  topBarWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nexport type TopBarProps = {\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    topBar?: string;\n    root?: string;\n    wrapper?: string;\n    startSlot?: string;\n    endSlot?: string;\n  };\n};\n\nexport const TopBar = ({ startSlot, endSlot, classNames }: TopBarProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.topBar ?? topBar(),\n        classNames?.root ?? topBarRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? topBarWrapper()}>\n        <div className={classNames?.startSlot ?? topBarStartSlot()}>\n          {startSlot}\n        </div>\n        <div className={classNames?.endSlot ?? topBarEndSlot()}>{endSlot}</div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"qOAuBA,MAAa,GAAU,CAAE,YAAW,UAAS,gBAEzC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CACjC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAe,WACpD,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAiB,UACvD,GACG,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAe,UAAG,GAAc,CAAA,EACnE,EACF"}

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

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

package/dist/components/misc/scroll-area/ScrollArea.d.mts

@@ -6,7 +6,7 @@ type ScrollAreaProps = {
   scrollbars?: 'y' | 'x' | 'xy' | false;
   type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';
   scrollbarSize?: string | number;
-  offsetScrollbars?: boolean | "x" | "y" | "present";
+  offsetScrollbars?: boolean | 'x' | 'y' | 'present';
   classNames?: {
     scrollArea?: string;
     root?: string;

package/dist/components/misc/scroll-area/ScrollArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | \"x\" | \"y\" | \"present\";\n  classNames?: {\n    scrollArea?: string;\n    root?: string;\n    viewport?: string;\n    content?: string;\n    scrollbar?: string;\n    thumb?: string;\n    corner?: string;\n  };\n};\n\nexport const ScrollArea = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  children,\n  classNames,\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUA+BA,MAAaA,GAAc,CACzB,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,WACA,gBAGE,EAACC,EAAAA,CACa,aACN,OACS,gBACG,mBAClB,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CAEA,YACiB"}
+{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea","MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area/ScrollArea.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollArea,\n  scrollAreaContent,\n  scrollAreaCorner,\n  scrollAreaRoot,\n  scrollAreaScrollbar,\n  scrollAreaThumb,\n  scrollAreaViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nexport type ScrollAreaProps = {\n  children: ReactNode;\n  scrollbars?: 'y' | 'x' | 'xy' | false;\n  type?: 'hover' | 'scroll' | 'always' | 'auto' | 'never';\n  scrollbarSize?: string | number;\n  offsetScrollbars?: boolean | 'x' | 'y' | 'present';\n  classNames?: {\n    scrollArea?: string;\n    root?: string;\n    viewport?: string;\n    content?: string;\n    scrollbar?: string;\n    thumb?: string;\n    corner?: string;\n  };\n};\n\nexport const ScrollArea = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  children,\n  classNames,\n}: ScrollAreaProps): ReactNode => {\n  return (\n    <MantineScrollArea\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollArea(),\n          classNames?.root ?? scrollAreaRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaViewport(),\n        content: classNames?.content ?? scrollAreaContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaThumb(),\n        corner: classNames?.corner ?? scrollAreaCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea>\n  );\n};\n"],"mappings":"sUA+BA,MAAaA,GAAc,CACzB,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,WACA,gBAGE,EAACC,EAAAA,CACa,aACN,OACS,gBACG,mBAClB,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAY,CACtC,GAAY,MAAQ,GAAgB,CACrC,CACD,SAAU,GAAY,UAAY,GAAoB,CACtD,QAAS,GAAY,SAAW,GAAmB,CACnD,UAAW,GAAY,WAAa,GAAqB,CACzD,MAAO,GAAY,OAAS,GAAiB,CAC7C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CAEA,YACiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaAutosize.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"mappings":";;;;KAcY,uBAAA;EACV,GAAA;AAAA,IACE,eAAA;AAAA,cAES,kBAAA;EAAsB,UAAA;EAAA,IAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,GAAA;EAAA,QAAA;EAAA;AAAA,GAQhC,uBAAA,KAA0B,SAAA"}
+{"version":3,"file":"ScrollAreaAutosize.d.mts","names":[],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"mappings":";;;;KAgBY,uBAAA;EACV,GAAA;AAAA,IACE,eAAA;AAAA,cAES,kBAAA;EAAsB,UAAA;EAAA,IAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,GAAA;EAAA,QAAA;EAAA;AAAA,GAQhC,uBAAA,KAA0B,SAAA"}

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';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\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';\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":"8XAkBA,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 = 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"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime47 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_runtime47.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_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime59 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_runtime49.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime59.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_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/menu/Menu.d.ts
@@ -36,17 +36,17 @@ declare const Menu: {
     offset,
     classNames,
     targetButtonProps
-  }: MenuProps): react_jsx_runtime33.JSX.Element;
+  }: MenuProps): react_jsx_runtime22.JSX.Element;
   Item: {
     ({
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime33.JSX.Element;
+    }): react_jsx_runtime22.JSX.Element;
     displayName: string;
   };
   Divider: {
-    (): react_jsx_runtime33.JSX.Element;
+    (): react_jsx_runtime22.JSX.Element;
     displayName: string;
   };
 };

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;;;;;MAyCsB,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":";;;;;;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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.mjs","names":["Menu","MantineMenu","Button"],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"sourcesContent":["import { Menu as MantineMenu, useCombobox } from '@mantine/core';\n\nimport {\n  menu,\n  menuRoot,\n  menuItem,\n  menuItemLabel,\n  menuItemSection,\n  menuDivider,\n  menuTargetButton,\n} from '@mage-ui/styled-system/recipes';\nimport { Button, type ButtonProps } from '@/components/buttons';\nimport { cx } from '@mage-ui/styled-system/css';\nimport type { ReactNode } from 'react';\n\nexport type MenuProps = {\n  target: ReactNode;\n  children: ReactNode;\n  withinPortal?: boolean;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  width?: number | string;\n  keepMounted?: boolean;\n  offset?: number;\n  classNames?: {\n    menu?: string;\n    root?: string;\n    item?: string;\n    itemLabel?: string;\n    itemSection?: string;\n    divider?: string;\n    target?: {\n      button: string;\n    };\n  };\n  targetButtonProps?: Partial<ButtonProps>;\n};\n\nexport const Menu = ({\n  target,\n  children,\n  withinPortal,\n  position,\n  width,\n  keepMounted,\n  offset,\n  classNames,\n  targetButtonProps,\n}: MenuProps) => {\n  const combobox = useCombobox({\n    onDropdownClose: () => combobox.resetSelectedOption(),\n  });\n\n  return (\n    <MantineMenu\n      offset={offset || 4}\n      withinPortal={withinPortal}\n      position={position}\n      width={width}\n      keepMounted={keepMounted}\n      classNames={{\n        dropdown: cx(\n          classNames?.menu ?? menu(),\n          classNames?.root ?? menuRoot(),\n        ),\n        item: classNames?.item ?? menuItem(),\n        itemLabel: classNames?.itemLabel ?? menuItemLabel(),\n        itemSection: classNames?.itemSection ?? menuItemSection(),\n        divider: classNames?.divider ?? menuDivider(),\n      }}\n    >\n      <MantineMenu.Target>\n        {/* TODO: provisional target, to discuss */}\n        <Button\n          classNames={{\n            button: classNames?.target?.button ?? menuTargetButton(),\n          }}\n          onClick={() => combobox.toggleDropdown()}\n          {...targetButtonProps}\n        >\n          {target}\n        </Button>\n      </MantineMenu.Target>\n\n      <MantineMenu.Dropdown>{children}</MantineMenu.Dropdown>\n    </MantineMenu>\n  );\n};\n\nconst MenuItem = ({ children }: { children: ReactNode }) => {\n  return <MantineMenu.Item component='div'>{children}</MantineMenu.Item>;\n};\n\nconst MenuDivider = () => {\n  return <MantineMenu.Divider />;\n};\n\nMenu.Item = MenuItem;\nMenuItem.displayName = 'Menu.Item';\nMenu.Divider = MenuDivider;\nMenuDivider.displayName = 'Menu.Divider';\n"],"mappings":"kXAiDA,MAAaA,GAAQ,CACnB,SACA,WACA,eACA,WACA,QACA,cACA,SACA,aACA,uBACe,CACf,IAAM,EAAW,EAAY,CAC3B,oBAAuB,EAAS,qBAAqB,CACtD,CAAC,CAEF,OACE,EAACC,EAAAA,CACC,OAAQ,GAAU,EACJ,eACJ,WACH,QACM,cACb,WAAY,CACV,SAAU,EACR,GAAY,MAAQ,GAAM,CAC1B,GAAY,MAAQ,GAAU,CAC/B,CACD,KAAM,GAAY,MAAQ,GAAU,CACpC,UAAW,GAAY,WAAa,GAAe,CACnD,YAAa,GAAY,aAAe,GAAiB,CACzD,QAAS,GAAY,SAAW,GAAa,CAC9C,WAED,EAACA,EAAY,OAAA,CAAA,SAEX,EAACC,EAAAA,CACC,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAkB,CACzD,CACD,YAAe,EAAS,gBAAgB,CACxC,GAAI,WAEH,GACM,CAAA,CACU,CAErB,EAACD,EAAY,SAAA,CAAU,WAAA,CAAgC,CAAA,EAC3C,EAIZ,GAAY,CAAE,cACX,EAACA,EAAY,KAAA,CAAK,UAAU,MAAO,YAA4B,CAGlE,MACG,EAACA,EAAY,QAAA,EAAA,CAAU,CAGhC,EAAK,KAAO,EACZ,EAAS,YAAc,YACvB,EAAK,QAAU,EACf,EAAY,YAAc"}
+{"version":3,"file":"Menu.mjs","names":["Menu","MantineMenu","Button"],"sources":["../../../../src/components/navigations/menu/Menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  menu,\n  menuDivider,\n  menuItem,\n  menuItemLabel,\n  menuItemSection,\n  menuRoot,\n  menuTargetButton,\n} from '@mage-ui/styled-system/recipes';\nimport { Menu as MantineMenu, useCombobox } from '@mantine/core';\nimport { Button, type ButtonProps } from '@/components/buttons';\n\nexport type MenuProps = {\n  target: ReactNode;\n  children: ReactNode;\n  withinPortal?: boolean;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  width?: number | string;\n  keepMounted?: boolean;\n  offset?: number;\n  classNames?: {\n    menu?: string;\n    root?: string;\n    item?: string;\n    itemLabel?: string;\n    itemSection?: string;\n    divider?: string;\n    target?: {\n      button: string;\n    };\n  };\n  targetButtonProps?: Partial<ButtonProps>;\n};\n\nexport const Menu = ({\n  target,\n  children,\n  withinPortal,\n  position,\n  width,\n  keepMounted,\n  offset,\n  classNames,\n  targetButtonProps,\n}: MenuProps) => {\n  const combobox = useCombobox({\n    onDropdownClose: () => combobox.resetSelectedOption(),\n  });\n\n  return (\n    <MantineMenu\n      offset={offset || 4}\n      withinPortal={withinPortal}\n      position={position}\n      width={width}\n      keepMounted={keepMounted}\n      classNames={{\n        dropdown: cx(\n          classNames?.menu ?? menu(),\n          classNames?.root ?? menuRoot(),\n        ),\n        item: classNames?.item ?? menuItem(),\n        itemLabel: classNames?.itemLabel ?? menuItemLabel(),\n        itemSection: classNames?.itemSection ?? menuItemSection(),\n        divider: classNames?.divider ?? menuDivider(),\n      }}\n    >\n      <MantineMenu.Target>\n        <Button\n          classNames={{\n            button: classNames?.target?.button ?? menuTargetButton(),\n          }}\n          onClick={() => combobox.toggleDropdown()}\n          {...targetButtonProps}\n        >\n          {target}\n        </Button>\n      </MantineMenu.Target>\n\n      <MantineMenu.Dropdown>{children}</MantineMenu.Dropdown>\n    </MantineMenu>\n  );\n};\n\nconst MenuItem = ({ children }: { children: ReactNode }) => {\n  return <MantineMenu.Item component='div'>{children}</MantineMenu.Item>;\n};\n\nconst MenuDivider = () => {\n  return <MantineMenu.Divider />;\n};\n\nMenu.Item = MenuItem;\nMenuItem.displayName = 'Menu.Item';\nMenu.Divider = MenuDivider;\nMenuDivider.displayName = 'Menu.Divider';\n"],"mappings":"kXAiDA,MAAaA,GAAQ,CACnB,SACA,WACA,eACA,WACA,QACA,cACA,SACA,aACA,uBACe,CACf,IAAM,EAAW,EAAY,CAC3B,oBAAuB,EAAS,qBAAqB,CACtD,CAAC,CAEF,OACE,EAACC,EAAAA,CACC,OAAQ,GAAU,EACJ,eACJ,WACH,QACM,cACb,WAAY,CACV,SAAU,EACR,GAAY,MAAQ,GAAM,CAC1B,GAAY,MAAQ,GAAU,CAC/B,CACD,KAAM,GAAY,MAAQ,GAAU,CACpC,UAAW,GAAY,WAAa,GAAe,CACnD,YAAa,GAAY,aAAe,GAAiB,CACzD,QAAS,GAAY,SAAW,GAAa,CAC9C,WAED,EAACA,EAAY,OAAA,CAAA,SACX,EAACC,EAAAA,CACC,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAkB,CACzD,CACD,YAAe,EAAS,gBAAgB,CACxC,GAAI,WAEH,GACM,CAAA,CACU,CAErB,EAACD,EAAY,SAAA,CAAU,WAAA,CAAgC,CAAA,EAC3C,EAIZ,GAAY,CAAE,cACX,EAACA,EAAY,KAAA,CAAK,UAAU,MAAO,YAA4B,CAGlE,MACG,EAACA,EAAY,QAAA,EAAA,CAAU,CAGhC,EAAK,KAAO,EACZ,EAAS,YAAc,YACvB,EAAK,QAAU,EACf,EAAY,YAAc"}

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

@@ -1,12 +1,12 @@
-import { Modal, ModalProps } from "./modal/Modal.mjs";
-import { ModalsProvider } from "./modals/ModalsProvider.mjs";
-import { ModalComponent, createModal } from "./modals/registry/createModal.mjs";
-import { registerModal } from "./modals/registry/registerModal.mjs";
-import { openModalById } from "./modals/registry/openModalById.mjs";
-import { ModalConfirm, ModalConfirmPublicProps } from "./modals/confirm/ModalConfirm.mjs";
-import { confirm } from "./modals/confirm/confirm.mjs";
-import { confirmById } from "./modals/confirm/confirmById.mjs";
-import { ModalAlert, ModalAlertPublicProps } from "./modals/alert/ModalAlert.mjs";
+import { Modal, ModalProps, ModalRootProps } from "./modal/Modal.mjs";
+import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./modals/alert/ModalAlert.mjs";
 import { alert } from "./modals/alert/alert.mjs";
 import { alertById } from "./modals/alert/alertById.mjs";
+import { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps } from "./modals/confirm/ModalConfirm.mjs";
+import { confirm } from "./modals/confirm/confirm.mjs";
+import { confirmById } from "./modals/confirm/confirmById.mjs";
+import { ModalsProvider, ModalsProviderProps } from "./modals/ModalsProvider.mjs";
+import { ModalComponent, ModalInternalProps, createModal } from "./modals/registry/createModal.mjs";
+import { openModalById } from "./modals/registry/openModalById.mjs";
+import { registerModal } from "./modals/registry/registerModal.mjs";
 import { Tooltip, TooltipProps } from "./tooltip/Tooltip.mjs";

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/overlays/modal/Modal.d.ts
@@ -41,7 +41,7 @@ declare const Modal: {
     withinPortal,
     keepMounted,
     classNames
-  }: ModalProps): react_jsx_runtime5.JSX.Element;
+  }: ModalProps): react_jsx_runtime4.JSX.Element;
   Root: {
     ({
       opened,
@@ -53,13 +53,13 @@ declare const Modal: {
       centered,
       classNames,
       intent
-    }: ModalRootProps): react_jsx_runtime5.JSX.Element;
+    }: ModalRootProps): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Overlay: {
     (_: {
       children?: never;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Content: {
@@ -67,7 +67,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -75,7 +75,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -83,7 +83,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Title: {
@@ -91,11 +91,11 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime5.JSX.Element;
+    }): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   CloseButton: {
-    (): react_jsx_runtime5.JSX.Element;
+    (): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -103,7 +103,7 @@ declare const Modal: {
       children,
       className,
       ...props
-    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime5.JSX.Element;
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime4.JSX.Element;
     displayName: string;
   };
 };
@@ -111,5 +111,5 @@ type ModalRootProps = Omit<ModalProps, 'title' | 'withCloseButton'> & {
   intent?: 'default' | 'info' | 'success' | 'warning' | 'danger';
 };
 //#endregion
-export { Modal, ModalProps };
+export { Modal, ModalProps, ModalRootProps };
 //# sourceMappingURL=Modal.d.mts.map

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":";;;;KAkBY,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,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"}

package/dist/components/overlays/modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","names":["Modal","MantineModal"],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import type { ReactNode, HTMLAttributes } from 'react';\nimport { Modal as MantineModal } from '@mantine/core';\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  modal,\n  modalRoot,\n  modalOverlay,\n  modalInner,\n  modalContent,\n  modalHeader,\n  modalTitle,\n  modalBody,\n  modalClose,\n  modalFooter,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ModalProvider } from './ModalContext';\n\nexport type ModalProps = {\n  opened: boolean;\n  onClose: () => void;\n  id?: string;\n  title?: ReactNode;\n  children: ReactNode;\n  centered?: boolean;\n  withCloseButton?: boolean;\n  closeOnClickOutside?: boolean;\n  closeOnEscape?: boolean;\n  withinPortal?: boolean;\n  keepMounted?: boolean;\n  classNames?: {\n    modal?: string;\n    root?: string;\n    overlay?: string;\n    inner?: string;\n    content?: string;\n    header?: string;\n    title?: string;\n    body?: string;\n    close?: string;\n    footer?: string;\n  };\n};\n\nexport const Modal = ({\n  opened,\n  onClose,\n  id,\n  title,\n  children,\n  centered = true,\n  withCloseButton = true,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  withinPortal = true,\n  keepMounted = false,\n  classNames,\n}: ModalProps) => {\n  return (\n    <ModalProvider value={{ onClose }}>\n      <MantineModal\n        id={id}\n        opened={opened}\n        onClose={onClose}\n        title={title}\n        centered={centered}\n        withCloseButton={withCloseButton}\n        closeOnClickOutside={closeOnClickOutside}\n        closeOnEscape={closeOnEscape}\n        withinPortal={withinPortal}\n        keepMounted={keepMounted}\n        classNames={{\n          root: cx(\n            classNames?.modal ?? modal(),\n            classNames?.root ?? modalRoot(),\n          ),\n          overlay: classNames?.overlay ?? modalOverlay(),\n          inner: classNames?.inner ?? modalInner(),\n          content: classNames?.content ?? modalContent(),\n          header: classNames?.header ?? modalHeader(),\n          title: classNames?.title ?? modalTitle(),\n          body: classNames?.body ?? modalBody(),\n          close: classNames?.close ?? modalClose(),\n        }}\n      >\n        {children}\n      </MantineModal>\n    </ModalProvider>\n  );\n};\n\nexport type ModalRootProps = Omit<ModalProps, 'title' | 'withCloseButton'> & {\n  intent?: 'default' | 'info' | 'success' | 'warning' | 'danger';\n};\n\nconst ModalRoot = ({\n  opened,\n  onClose,\n  children,\n  id,\n  withinPortal = true,\n  keepMounted,\n  centered,\n  classNames,\n  intent,\n}: ModalRootProps) => {\n  return (\n    <MantineModal.Root\n      opened={opened}\n      onClose={onClose}\n      id={id}\n      withinPortal={withinPortal}\n      keepMounted={keepMounted}\n      centered={centered}\n      data-intent={intent}\n      classNames={{\n        root: cx(classNames?.modal ?? modal(), classNames?.root ?? modalRoot()),\n        overlay: classNames?.overlay ?? modalOverlay(),\n        inner: classNames?.inner ?? modalInner(),\n        content: classNames?.content ?? modalContent(),\n        header: classNames?.header ?? modalHeader(),\n        title: classNames?.title ?? modalTitle(),\n        body: classNames?.body ?? modalBody(),\n        close: classNames?.close ?? modalClose(),\n      }}\n    >\n      {children}\n    </MantineModal.Root>\n  );\n};\n\nconst ModalOverlay = (_: { children?: never }) => {\n  return <MantineModal.Overlay />;\n};\n\nconst ModalHeader = ({ children }: { children: ReactNode }) => {\n  return <MantineModal.Header>{children}</MantineModal.Header>;\n};\n\nconst ModalContent = ({ children }: { children: ReactNode }) => {\n  return <MantineModal.Content>{children}</MantineModal.Content>;\n};\n\nconst ModalBody = ({ children }: { children: ReactNode }) => {\n  return <MantineModal.Body>{children}</MantineModal.Body>;\n};\n\nconst ModalTitle = ({ children }: { children: ReactNode }) => {\n  return <MantineModal.Title>{children}</MantineModal.Title>;\n};\n\nconst ModalCloseButton = () => {\n  return <MantineModal.CloseButton />;\n};\n\nconst ModalFooter = ({\n  children,\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div className={className ?? modalFooter()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nModal.Root = ModalRoot;\nModalRoot.displayName = 'Modal.Root';\n\nModal.Overlay = ModalOverlay;\nModalOverlay.displayName = 'Modal.Overlay';\n\nModal.Content = ModalContent;\nModalContent.displayName = 'Modal.Content';\n\nModal.Header = ModalHeader;\nModalHeader.displayName = 'Modal.Header';\n\nModal.Body = ModalBody;\nModalBody.displayName = 'Modal.Body';\n\nModal.Title = ModalTitle;\nModalTitle.displayName = 'Modal.Title';\n\nModal.CloseButton = ModalCloseButton;\nModalCloseButton.displayName = 'Modal.CloseButton';\n\nModal.Footer = ModalFooter;\nModalFooter.displayName = 'Modal.Footer';\n"],"mappings":"4XA4CA,MAAaA,GAAS,CACpB,SACA,UACA,KACA,QACA,WACA,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,gBAGE,EAAC,EAAA,CAAc,MAAO,CAAE,UAAS,UAC/B,EAACC,EAAAA,CACK,KACI,SACC,UACF,QACG,WACO,kBACI,sBACN,gBACD,eACD,cACb,WAAY,CACV,KAAM,EACJ,GAAY,OAAS,GAAO,CAC5B,GAAY,MAAQ,GAAW,CAChC,CACD,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACzC,CAEA,YACY,EACD,CAQd,GAAa,CACjB,SACA,UACA,WACA,KACA,eAAe,GACf,cACA,WACA,aACA,YAGE,EAACA,EAAa,KAAA,CACJ,SACC,UACL,KACU,eACD,cACH,WACV,cAAa,EACb,WAAY,CACV,KAAM,EAAG,GAAY,OAAS,GAAO,CAAE,GAAY,MAAQ,GAAW,CAAC,CACvE,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACzC,CAEA,YACiB,CAIlB,EAAgB,GACb,EAACA,EAAa,QAAA,EAAA,CAAU,CAG3B,GAAe,CAAE,cACd,EAACA,EAAa,OAAA,CAAQ,WAAA,CAA+B,CAGxD,GAAgB,CAAE,cACf,EAACA,EAAa,QAAA,CAAS,WAAA,CAAgC,CAG1D,GAAa,CAAE,cACZ,EAACA,EAAa,KAAA,CAAM,WAAA,CAA6B,CAGpD,GAAc,CAAE,cACb,EAACA,EAAa,MAAA,CAAO,WAAA,CAA8B,CAGtD,MACG,EAACA,EAAa,YAAA,EAAA,CAAc,CAG/B,GAAe,CACnB,WACA,YACA,GAAG,KAGD,EAAC,MAAA,CAAI,UAAW,GAAa,GAAa,CAAE,GAAI,EAC7C,YACG,CAIV,EAAM,KAAO,EACb,EAAU,YAAc,aAExB,EAAM,QAAU,EAChB,EAAa,YAAc,gBAE3B,EAAM,QAAU,EAChB,EAAa,YAAc,gBAE3B,EAAM,OAAS,EACf,EAAY,YAAc,eAE1B,EAAM,KAAO,EACb,EAAU,YAAc,aAExB,EAAM,MAAQ,EACd,EAAW,YAAc,cAEzB,EAAM,YAAc,EACpB,EAAiB,YAAc,oBAE/B,EAAM,OAAS,EACf,EAAY,YAAc"}
+{"version":3,"file":"Modal.mjs","names":["Modal","MantineModal"],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  modal,\n  modalBody,\n  modalClose,\n  modalContent,\n  modalFooter,\n  modalHeader,\n  modalInner,\n  modalOverlay,\n  modalRoot,\n  modalTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Modal as MantineModal } from '@mantine/core';\n\nimport { ModalProvider } from './ModalContext';\n\nexport type ModalProps = {\n  opened: boolean;\n  onClose: () => void;\n  id?: string;\n  title?: ReactNode;\n  children: ReactNode;\n  centered?: boolean;\n  withCloseButton?: boolean;\n  closeOnClickOutside?: boolean;\n  closeOnEscape?: boolean;\n  withinPortal?: boolean;\n  keepMounted?: boolean;\n  classNames?: {\n    modal?: string;\n    root?: string;\n    overlay?: string;\n    inner?: string;\n    content?: string;\n    header?: string;\n    title?: string;\n    body?: string;\n    close?: string;\n    footer?: string;\n  };\n};\n\nexport const Modal = ({\n  opened,\n  onClose,\n  id,\n  title,\n  children,\n  centered = true,\n  withCloseButton = true,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  withinPortal = true,\n  keepMounted = false,\n  classNames,\n}: ModalProps) => {\n  return (\n    <ModalProvider value={{ onClose }}>\n      <MantineModal\n        id={id}\n        opened={opened}\n        onClose={onClose}\n        title={title}\n        centered={centered}\n        withCloseButton={withCloseButton}\n        closeOnClickOutside={closeOnClickOutside}\n        closeOnEscape={closeOnEscape}\n        withinPortal={withinPortal}\n        keepMounted={keepMounted}\n        classNames={{\n          root: cx(\n            classNames?.modal ?? modal(),\n            classNames?.root ?? modalRoot(),\n          ),\n          overlay: classNames?.overlay ?? modalOverlay(),\n          inner: classNames?.inner ?? modalInner(),\n          content: classNames?.content ?? modalContent(),\n          header: classNames?.header ?? modalHeader(),\n          title: classNames?.title ?? modalTitle(),\n          body: classNames?.body ?? modalBody(),\n          close: classNames?.close ?? modalClose(),\n        }}\n      >\n        {children}\n      </MantineModal>\n    </ModalProvider>\n  );\n};\n\nexport type ModalRootProps = Omit<ModalProps, 'title' | 'withCloseButton'> & {\n  intent?: 'default' | 'info' | 'success' | 'warning' | 'danger';\n};\n\nconst ModalRoot = ({\n  opened,\n  onClose,\n  children,\n  id,\n  withinPortal = true,\n  keepMounted,\n  centered,\n  classNames,\n  intent,\n}: ModalRootProps) => {\n  return (\n    <MantineModal.Root\n      opened={opened}\n      onClose={onClose}\n      id={id}\n      withinPortal={withinPortal}\n      keepMounted={keepMounted}\n      centered={centered}\n      data-intent={intent}\n      classNames={{\n        root: cx(classNames?.modal ?? modal(), classNames?.root ?? modalRoot()),\n        overlay: classNames?.overlay ?? modalOverlay(),\n        inner: classNames?.inner ?? modalInner(),\n        content: classNames?.content ?? modalContent(),\n        header: classNames?.header ?? modalHeader(),\n        title: classNames?.title ?? modalTitle(),\n        body: classNames?.body ?? modalBody(),\n        close: classNames?.close ?? modalClose(),\n      }}\n    >\n      {children}\n    </MantineModal.Root>\n  );\n};\n\nconst ModalOverlay = (_: { children?: never }) => {\n  return <MantineModal.Overlay />;\n};\n\nconst ModalHeader = ({ children }: { children: ReactNode }) => {\n  return <MantineModal.Header>{children}</MantineModal.Header>;\n};\n\nconst ModalContent = ({ children }: { children: ReactNode }) => {\n  return <MantineModal.Content>{children}</MantineModal.Content>;\n};\n\nconst ModalBody = ({ children }: { children: ReactNode }) => {\n  return <MantineModal.Body>{children}</MantineModal.Body>;\n};\n\nconst ModalTitle = ({ children }: { children: ReactNode }) => {\n  return <MantineModal.Title>{children}</MantineModal.Title>;\n};\n\nconst ModalCloseButton = () => {\n  return <MantineModal.CloseButton />;\n};\n\nconst ModalFooter = ({\n  children,\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div className={className ?? modalFooter()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nModal.Root = ModalRoot;\nModalRoot.displayName = 'Modal.Root';\n\nModal.Overlay = ModalOverlay;\nModalOverlay.displayName = 'Modal.Overlay';\n\nModal.Content = ModalContent;\nModalContent.displayName = 'Modal.Content';\n\nModal.Header = ModalHeader;\nModalHeader.displayName = 'Modal.Header';\n\nModal.Body = ModalBody;\nModalBody.displayName = 'Modal.Body';\n\nModal.Title = ModalTitle;\nModalTitle.displayName = 'Modal.Title';\n\nModal.CloseButton = ModalCloseButton;\nModalCloseButton.displayName = 'Modal.CloseButton';\n\nModal.Footer = ModalFooter;\nModalFooter.displayName = 'Modal.Footer';\n"],"mappings":"4XA6CA,MAAaA,GAAS,CACpB,SACA,UACA,KACA,QACA,WACA,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,gBAGE,EAAC,EAAA,CAAc,MAAO,CAAE,UAAS,UAC/B,EAACC,EAAAA,CACK,KACI,SACC,UACF,QACG,WACO,kBACI,sBACN,gBACD,eACD,cACb,WAAY,CACV,KAAM,EACJ,GAAY,OAAS,GAAO,CAC5B,GAAY,MAAQ,GAAW,CAChC,CACD,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACzC,CAEA,YACY,EACD,CAQd,GAAa,CACjB,SACA,UACA,WACA,KACA,eAAe,GACf,cACA,WACA,aACA,YAGE,EAACA,EAAa,KAAA,CACJ,SACC,UACL,KACU,eACD,cACH,WACV,cAAa,EACb,WAAY,CACV,KAAM,EAAG,GAAY,OAAS,GAAO,CAAE,GAAY,MAAQ,GAAW,CAAC,CACvE,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACzC,CAEA,YACiB,CAIlB,EAAgB,GACb,EAACA,EAAa,QAAA,EAAA,CAAU,CAG3B,GAAe,CAAE,cACd,EAACA,EAAa,OAAA,CAAQ,WAAA,CAA+B,CAGxD,GAAgB,CAAE,cACf,EAACA,EAAa,QAAA,CAAS,WAAA,CAAgC,CAG1D,GAAa,CAAE,cACZ,EAACA,EAAa,KAAA,CAAM,WAAA,CAA6B,CAGpD,GAAc,CAAE,cACb,EAACA,EAAa,MAAA,CAAO,WAAA,CAA8B,CAGtD,MACG,EAACA,EAAa,YAAA,EAAA,CAAc,CAG/B,GAAe,CACnB,WACA,YACA,GAAG,KAGD,EAAC,MAAA,CAAI,UAAW,GAAa,GAAa,CAAE,GAAI,EAC7C,YACG,CAIV,EAAM,KAAO,EACb,EAAU,YAAc,aAExB,EAAM,QAAU,EAChB,EAAa,YAAc,gBAE3B,EAAM,QAAU,EAChB,EAAa,YAAc,gBAE3B,EAAM,OAAS,EACf,EAAY,YAAc,eAE1B,EAAM,KAAO,EACb,EAAU,YAAc,aAExB,EAAM,MAAQ,EACd,EAAW,YAAc,cAEzB,EAAM,YAAc,EACpB,EAAiB,YAAc,oBAE/B,EAAM,OAAS,EACf,EAAY,YAAc"}

package/dist/components/overlays/modal/ModalContext.mjs

@@ -1,2 +1,2 @@
-import{createContext as e}from"react";const t=e(null).Provider;export{t as ModalProvider};
+import{createContext as e,useContext as t}from"react";const n=e(null).Provider;export{n as ModalProvider};
 //# sourceMappingURL=ModalContext.mjs.map

package/dist/components/overlays/modal/ModalContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.mjs","names":[],"sources":["../../../../src/components/overlays/modal/ModalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype ModalContextValue = {\n  onClose: () => void;\n};\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nexport const ModalProvider = ModalContext.Provider;\n\nexport const useModalContext = () => {\n  const ctx = useContext(ModalContext);\n\n  if (!ctx) {\n    throw new Error('Modal components must be used inside <Modal>');\n  }\n\n  return ctx;\n};\n"],"mappings":"sCAQA,MAAa,EAFQ,EAAwC,KAAK,CAExB"}
+{"version":3,"file":"ModalContext.mjs","names":[],"sources":["../../../../src/components/overlays/modal/ModalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype ModalContextValue = {\n  onClose: () => void;\n};\n\nconst ModalContext = createContext<ModalContextValue | null>(null);\n\nexport const ModalProvider = ModalContext.Provider;\n\nexport const useModalContext = () => {\n  const ctx = useContext(ModalContext);\n\n  if (!ctx) {\n    throw new Error('Modal components must be used inside <Modal>');\n  }\n\n  return ctx;\n};\n"],"mappings":"sDAQA,MAAa,EAFQ,EAAwC,KAAK,CAExB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ModalsProvider.d.mts","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"mappings":";;;;KAKY,mBAAA;EACV,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB;AAAA,GAAc,mBAAA,KAAmB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ModalsProvider.d.mts","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"mappings":";;;;KAMY,mBAAA;EACV,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB;AAAA,GAAc,mBAAA,KAAmB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/overlays/modals/ModalsProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalsProvider.mjs","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"sourcesContent":["'use client';\n\nimport NiceModal from '@ebay/nice-modal-react';\nimport type { ReactNode } from 'react';\n\nexport type ModalsProviderProps = {\n  children: ReactNode;\n};\n\nexport const ModalsProvider = ({ children }: ModalsProviderProps) => {\n  return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"2FASA,MAAa,GAAkB,CAAE,cACxB,EAAC,EAAU,SAAA,CAAU,WAAA,CAA8B"}
+{"version":3,"file":"ModalsProvider.mjs","names":[],"sources":["../../../../src/components/overlays/modals/ModalsProvider.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport NiceModal from '@ebay/nice-modal-react';\n\nexport type ModalsProviderProps = {\n  children: ReactNode;\n};\n\nexport const ModalsProvider = ({ children }: ModalsProviderProps) => {\n  return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"2FAUA,MAAa,GAAkB,CAAE,cACxB,EAAC,EAAU,SAAA,CAAU,WAAA,CAA8B"}

package/dist/components/overlays/modals/alert/ModalAlert.d.mts

@@ -1,5 +1,5 @@
-import { ModalComponent } from "../registry/createModal.mjs";
 import { ModalBaseClassNames } from "../base/BaseModal.mjs";
+import { ModalComponent } from "../registry/createModal.mjs";
 import "../../index.mjs";
 import { ReactNode } from "react";
 
@@ -27,5 +27,5 @@ type ModalAlertPublicProps = {
 };
 declare const ModalAlert: ModalComponent<ModalAlertPublicProps>;
 //#endregion
-export { ModalAlert, ModalAlertPublicProps };
+export { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps };
 //# sourceMappingURL=ModalAlert.d.mts.map

package/dist/components/overlays/modals/alert/ModalAlert.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalAlert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/ModalAlert.tsx"],"mappings":";;;;;;KAuBY,oBAAA;EACV,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,qBAAA;EACV,QAAA;EACA,WAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,MAAA;EACA,SAAA;EACA,cAAA,GAAiB,mBAAA;EACjB,UAAA,GAAa,oBAAA;AAAA;AAAA,cA8EF,UAAA,EAAU,cAAA,CAAA,qBAAA"}
+{"version":3,"file":"ModalAlert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/ModalAlert.tsx"],"mappings":";;;;;;KAyBY,oBAAA;EACV,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,qBAAA;EACV,QAAA;EACA,WAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,MAAA;EACA,SAAA;EACA,cAAA,GAAiB,mBAAA;EACjB,UAAA,GAAa,oBAAA;AAAA;AAAA,cA8EF,UAAA,EAAU,cAAA,CAAA,qBAAA"}

package/dist/components/overlays/modals/alert/ModalAlert.mjs

@@ -1,2 +1,2 @@
-import{Button as e}from"../../../buttons/button/Button.mjs";import{Modal as t}from"../../modal/Modal.mjs";import{createModal as n}from"../registry/createModal.mjs";import{BaseModal as r}from"../base/BaseModal.mjs";import{modalAlert as i,modalAlertBody as a,modalAlertButtonConfirm as o,modalAlertButtonConfirmInner as s,modalAlertButtonConfirmLabel as c,modalAlertButtonConfirmRoot as l,modalAlertButtonConfirmSection as u,modalAlertClose as d,modalAlertContent as f,modalAlertFooter as p,modalAlertHeader as m,modalAlertInner as h,modalAlertOverlay as g,modalAlertRoot as _,modalAlertTitle as v}from"@mage-ui/styled-system/recipes";import{jsx as y,jsxs as b}from"react/jsx-runtime";const x=n(({centered:n=!0,keepMounted:x,opened:S,close:C,title:w,content:T,confirmLabel:E=`Ok`,intent:D=`info`,onConfirm:O,baseClassNames:k,classNames:A})=>b(r,{opened:S,onClose:C,intent:D,keepMounted:x,centered:n,classNames:{modal:k?.modal??i(),root:k?.root??_(),overlay:k?.overlay??g(),inner:k?.inner??h(),content:k?.content??f(),header:k?.header??m(),title:k?.title??v(),close:k?.close??d(),body:k?.body??a()},children:[b(t.Header,{children:[y(t.Title,{children:w}),y(t.CloseButton,{})]}),T&&y(t.Body,{children:T}),y(t.Footer,{className:A?.footer??p(),children:y(e,{onClick:()=>{O?.(),C()},classNames:{button:A?.confirmButton?.button??o(),root:A?.confirmButton?.root??l(),inner:A?.confirmButton?.inner??s(),label:A?.confirmButton?.label??c(),section:A?.confirmButton?.section??u()},children:E})})]}));export{x as ModalAlert};
+import{Button as e}from"../../../buttons/button/Button.mjs";import{Modal as t}from"../../modal/Modal.mjs";import{BaseModal as n}from"../base/BaseModal.mjs";import{createModal as r}from"../registry/createModal.mjs";import{modalAlert as i,modalAlertBody as a,modalAlertButtonConfirm as o,modalAlertButtonConfirmInner as s,modalAlertButtonConfirmLabel as c,modalAlertButtonConfirmRoot as l,modalAlertButtonConfirmSection as u,modalAlertClose as d,modalAlertContent as f,modalAlertFooter as p,modalAlertHeader as m,modalAlertInner as h,modalAlertOverlay as g,modalAlertRoot as _,modalAlertTitle as v}from"@mage-ui/styled-system/recipes";import{jsx as y,jsxs as b}from"react/jsx-runtime";const x=r(({centered:r=!0,keepMounted:x,opened:S,close:C,title:w,content:T,confirmLabel:E=`Ok`,intent:D=`info`,onConfirm:O,baseClassNames:k,classNames:A})=>b(n,{opened:S,onClose:C,intent:D,keepMounted:x,centered:r,classNames:{modal:k?.modal??i(),root:k?.root??_(),overlay:k?.overlay??g(),inner:k?.inner??h(),content:k?.content??f(),header:k?.header??m(),title:k?.title??v(),close:k?.close??d(),body:k?.body??a()},children:[b(t.Header,{children:[y(t.Title,{children:w}),y(t.CloseButton,{})]}),T&&y(t.Body,{children:T}),y(t.Footer,{className:A?.footer??p(),children:y(e,{onClick:()=>{O?.(),C()},classNames:{button:A?.confirmButton?.button??o(),root:A?.confirmButton?.root??l(),inner:A?.confirmButton?.inner??s(),label:A?.confirmButton?.label??c(),section:A?.confirmButton?.section??u()},children:E})})]}));export{x as ModalAlert};
 //# sourceMappingURL=ModalAlert.mjs.map

package/dist/components/overlays/modals/alert/ModalAlert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalAlert.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/ModalAlert.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { Button } from '@/components/buttons';\nimport { Modal } from '@/components/overlays';\nimport { createModal } from '../registry/createModal';\nimport { BaseModal, type ModalBaseClassNames } from '../base/BaseModal';\nimport {\n  modalAlert,\n  modalAlertRoot,\n  modalAlertOverlay,\n  modalAlertInner,\n  modalAlertContent,\n  modalAlertHeader,\n  modalAlertTitle,\n  modalAlertBody,\n  modalAlertClose,\n  modalAlertFooter,\n  modalAlertButtonConfirm,\n  modalAlertButtonConfirmInner,\n  modalAlertButtonConfirmLabel,\n  modalAlertButtonConfirmRoot,\n  modalAlertButtonConfirmSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ModalAlertClassNames = {\n  footer?: string;\n  confirmButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n};\n\nexport type ModalAlertPublicProps = {\n  centered?: boolean;\n  keepMounted?: boolean;\n  title: ReactNode;\n  content?: ReactNode;\n  confirmLabel?: ReactNode;\n  intent?: 'info' | 'success' | 'warning' | 'danger';\n  onConfirm?: () => void;\n  baseClassNames?: ModalBaseClassNames;\n  classNames?: ModalAlertClassNames;\n};\n\ntype ModalAlertInternalProps = ModalAlertPublicProps & {\n  opened: boolean;\n  close: () => void;\n};\n\nconst ModalAlertContent: FC<ModalAlertInternalProps> = ({\n  centered = true,\n  keepMounted,\n  opened,\n  close,\n  title,\n  content,\n  confirmLabel = 'Ok',\n  intent = 'info',\n  onConfirm,\n  baseClassNames,\n  classNames,\n}) => {\n  const handleConfirm = () => {\n    onConfirm?.();\n    close();\n  };\n\n  return (\n    <BaseModal\n      opened={opened}\n      onClose={close}\n      intent={intent}\n      keepMounted={keepMounted}\n      centered={centered}\n      classNames={{\n        modal: baseClassNames?.modal ?? modalAlert(),\n        root: baseClassNames?.root ?? modalAlertRoot(),\n        overlay: baseClassNames?.overlay ?? modalAlertOverlay(),\n        inner: baseClassNames?.inner ?? modalAlertInner(),\n        content: baseClassNames?.content ?? modalAlertContent(),\n        header: baseClassNames?.header ?? modalAlertHeader(),\n        title: baseClassNames?.title ?? modalAlertTitle(),\n        close: baseClassNames?.close ?? modalAlertClose(),\n        body: baseClassNames?.body ?? modalAlertBody(),\n      }}\n    >\n      <Modal.Header>\n        <Modal.Title>{title}</Modal.Title>\n        <Modal.CloseButton />\n      </Modal.Header>\n\n      {content && <Modal.Body>{content}</Modal.Body>}\n\n      <Modal.Footer className={classNames?.footer ?? modalAlertFooter()}>\n        <Button\n          onClick={handleConfirm}\n          classNames={{\n            button:\n              classNames?.confirmButton?.button ?? modalAlertButtonConfirm(),\n            root:\n              classNames?.confirmButton?.root ?? modalAlertButtonConfirmRoot(),\n            inner:\n              classNames?.confirmButton?.inner ??\n              modalAlertButtonConfirmInner(),\n            label:\n              classNames?.confirmButton?.label ??\n              modalAlertButtonConfirmLabel(),\n            section:\n              classNames?.confirmButton?.section ??\n              modalAlertButtonConfirmSection(),\n          }}\n        >\n          {confirmLabel}\n        </Button>\n      </Modal.Footer>\n    </BaseModal>\n  );\n};\n\nexport const ModalAlert = createModal<ModalAlertPublicProps>(ModalAlertContent);\n"],"mappings":"2qBAyHA,MAAa,EAAa,GAtE8B,CACtD,WAAW,GACX,cACA,SACA,QACA,QACA,UACA,eAAe,KACf,SAAS,OACT,YACA,iBACA,gBAQE,EAAC,EAAA,CACS,SACR,QAAS,EACD,SACK,cACH,WACV,WAAY,CACV,MAAO,GAAgB,OAAS,GAAY,CAC5C,KAAM,GAAgB,MAAQ,GAAgB,CAC9C,QAAS,GAAgB,SAAW,GAAmB,CACvD,MAAO,GAAgB,OAAS,GAAiB,CACjD,QAAS,GAAgB,SAAW,GAAmB,CACvD,OAAQ,GAAgB,QAAU,GAAkB,CACpD,MAAO,GAAgB,OAAS,GAAiB,CACjD,MAAO,GAAgB,OAAS,GAAiB,CACjD,KAAM,GAAgB,MAAQ,GAAgB,CAC/C,WAED,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEd,GAAW,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAqB,CAE9C,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,QAAU,GAAkB,UAC/D,EAAC,EAAA,CACC,YAjCoB,CAC1B,KAAa,CACb,GAAO,EAgCD,WAAY,CACV,OACE,GAAY,eAAe,QAAU,GAAyB,CAChE,KACE,GAAY,eAAe,MAAQ,GAA6B,CAClE,MACE,GAAY,eAAe,OAC3B,GAA8B,CAChC,MACE,GAAY,eAAe,OAC3B,GAA8B,CAChC,QACE,GAAY,eAAe,SAC3B,GAAgC,CACnC,UAEA,GACM,EACI,GACL,CAI+D"}
+{"version":3,"file":"ModalAlert.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/ModalAlert.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport {\n  modalAlert,\n  modalAlertBody,\n  modalAlertButtonConfirm,\n  modalAlertButtonConfirmInner,\n  modalAlertButtonConfirmLabel,\n  modalAlertButtonConfirmRoot,\n  modalAlertButtonConfirmSection,\n  modalAlertClose,\n  modalAlertContent,\n  modalAlertFooter,\n  modalAlertHeader,\n  modalAlertInner,\n  modalAlertOverlay,\n  modalAlertRoot,\n  modalAlertTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Modal } from '@/components/overlays';\n\nimport { BaseModal, type ModalBaseClassNames } from '../base/BaseModal';\nimport { createModal } from '../registry/createModal';\n\nexport type ModalAlertClassNames = {\n  footer?: string;\n  confirmButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n};\n\nexport type ModalAlertPublicProps = {\n  centered?: boolean;\n  keepMounted?: boolean;\n  title: ReactNode;\n  content?: ReactNode;\n  confirmLabel?: ReactNode;\n  intent?: 'info' | 'success' | 'warning' | 'danger';\n  onConfirm?: () => void;\n  baseClassNames?: ModalBaseClassNames;\n  classNames?: ModalAlertClassNames;\n};\n\ntype ModalAlertInternalProps = ModalAlertPublicProps & {\n  opened: boolean;\n  close: () => void;\n};\n\nconst ModalAlertContent: FC<ModalAlertInternalProps> = ({\n  centered = true,\n  keepMounted,\n  opened,\n  close,\n  title,\n  content,\n  confirmLabel = 'Ok',\n  intent = 'info',\n  onConfirm,\n  baseClassNames,\n  classNames,\n}) => {\n  const handleConfirm = () => {\n    onConfirm?.();\n    close();\n  };\n\n  return (\n    <BaseModal\n      opened={opened}\n      onClose={close}\n      intent={intent}\n      keepMounted={keepMounted}\n      centered={centered}\n      classNames={{\n        modal: baseClassNames?.modal ?? modalAlert(),\n        root: baseClassNames?.root ?? modalAlertRoot(),\n        overlay: baseClassNames?.overlay ?? modalAlertOverlay(),\n        inner: baseClassNames?.inner ?? modalAlertInner(),\n        content: baseClassNames?.content ?? modalAlertContent(),\n        header: baseClassNames?.header ?? modalAlertHeader(),\n        title: baseClassNames?.title ?? modalAlertTitle(),\n        close: baseClassNames?.close ?? modalAlertClose(),\n        body: baseClassNames?.body ?? modalAlertBody(),\n      }}\n    >\n      <Modal.Header>\n        <Modal.Title>{title}</Modal.Title>\n        <Modal.CloseButton />\n      </Modal.Header>\n\n      {content && <Modal.Body>{content}</Modal.Body>}\n\n      <Modal.Footer className={classNames?.footer ?? modalAlertFooter()}>\n        <Button\n          onClick={handleConfirm}\n          classNames={{\n            button:\n              classNames?.confirmButton?.button ?? modalAlertButtonConfirm(),\n            root:\n              classNames?.confirmButton?.root ?? modalAlertButtonConfirmRoot(),\n            inner:\n              classNames?.confirmButton?.inner ??\n              modalAlertButtonConfirmInner(),\n            label:\n              classNames?.confirmButton?.label ??\n              modalAlertButtonConfirmLabel(),\n            section:\n              classNames?.confirmButton?.section ??\n              modalAlertButtonConfirmSection(),\n          }}\n        >\n          {confirmLabel}\n        </Button>\n      </Modal.Footer>\n    </BaseModal>\n  );\n};\n\nexport const ModalAlert = createModal<ModalAlertPublicProps>(ModalAlertContent);\n"],"mappings":"2qBA2HA,MAAa,EAAa,GAtE8B,CACtD,WAAW,GACX,cACA,SACA,QACA,QACA,UACA,eAAe,KACf,SAAS,OACT,YACA,iBACA,gBAQE,EAAC,EAAA,CACS,SACR,QAAS,EACD,SACK,cACH,WACV,WAAY,CACV,MAAO,GAAgB,OAAS,GAAY,CAC5C,KAAM,GAAgB,MAAQ,GAAgB,CAC9C,QAAS,GAAgB,SAAW,GAAmB,CACvD,MAAO,GAAgB,OAAS,GAAiB,CACjD,QAAS,GAAgB,SAAW,GAAmB,CACvD,OAAQ,GAAgB,QAAU,GAAkB,CACpD,MAAO,GAAgB,OAAS,GAAiB,CACjD,MAAO,GAAgB,OAAS,GAAiB,CACjD,KAAM,GAAgB,MAAQ,GAAgB,CAC/C,WAED,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEd,GAAW,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAqB,CAE9C,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,QAAU,GAAkB,UAC/D,EAAC,EAAA,CACC,YAjCoB,CAC1B,KAAa,CACb,GAAO,EAgCD,WAAY,CACV,OACE,GAAY,eAAe,QAAU,GAAyB,CAChE,KACE,GAAY,eAAe,MAAQ,GAA6B,CAClE,MACE,GAAY,eAAe,OAC3B,GAA8B,CAChC,MACE,GAAY,eAAe,OAC3B,GAA8B,CAChC,QACE,GAAY,eAAe,SAC3B,GAAgC,CACnC,UAEA,GACM,EACI,GACL,CAI+D"}

package/dist/components/overlays/modals/alert/alert.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alert.ts"],"mappings":";;;cAEa,KAAA,GACX,KAAA,EAAO,qBAAA,KACN,OAAA"}
+{"version":3,"file":"alert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alert.ts"],"mappings":";;;cAEa,KAAA,GAAS,KAAA,EAAO,qBAAA,KAAwB,OAAA"}

package/dist/components/overlays/modals/alert/alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alert.ts"],"sourcesContent":["import { ModalAlert, type ModalAlertPublicProps } from './ModalAlert';\n\nexport const alert = (\n  props: ModalAlertPublicProps,\n): Promise<void> => {\n  return new Promise((resolve) => {\n    ModalAlert.open({\n      ...props,\n      onConfirm: () => {\n        props.onConfirm?.();\n        resolve();\n      },\n    });\n  });\n};\n"],"mappings":"8CAEA,MAAa,EACX,GAEO,IAAI,QAAS,GAAY,CAC9B,EAAW,KAAK,CACd,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,GAAS,EAEZ,CAAC,EACF"}
+{"version":3,"file":"alert.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/alert/alert.ts"],"sourcesContent":["import { ModalAlert, type ModalAlertPublicProps } from './ModalAlert';\n\nexport const alert = (props: ModalAlertPublicProps): Promise<void> => {\n  return new Promise((resolve) => {\n    ModalAlert.open({\n      ...props,\n      onConfirm: () => {\n        props.onConfirm?.();\n        resolve();\n      },\n    });\n  });\n};\n"],"mappings":"8CAEA,MAAa,EAAS,GACb,IAAI,QAAS,GAAY,CAC9B,EAAW,KAAK,CACd,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,GAAS,EAEZ,CAAC,EACF"}

package/dist/components/overlays/modals/confirm/ModalConfirm.d.mts

@@ -1,5 +1,5 @@
-import { ModalComponent } from "../registry/createModal.mjs";
 import { ModalBaseClassNames } from "../base/BaseModal.mjs";
+import { ModalComponent } from "../registry/createModal.mjs";
 import "../../index.mjs";
 import { ReactNode } from "react";
 
@@ -36,5 +36,5 @@ type ModalConfirmPublicProps = {
 };
 declare const ModalConfirm: ModalComponent<ModalConfirmPublicProps>;
 //#endregion
-export { ModalConfirm, ModalConfirmPublicProps };
+export { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps };
 //# sourceMappingURL=ModalConfirm.d.mts.map

package/dist/components/overlays/modals/confirm/ModalConfirm.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalConfirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/ModalConfirm.tsx"],"mappings":";;;;;;KA4BY,sBAAA;EACV,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;EAEF,YAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,uBAAA;EACV,QAAA;EACA,WAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,WAAA,GAAc,SAAA;EACd,MAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA,GAAiB,mBAAA;EACjB,UAAA,GAAa,sBAAA;AAAA;AAAA,cA2GF,YAAA,EAAY,cAAA,CAAA,uBAAA"}
+{"version":3,"file":"ModalConfirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/ModalConfirm.tsx"],"mappings":";;;;;;KA8BY,sBAAA;EACV,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;EAEF,YAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,uBAAA;EACV,QAAA;EACA,WAAA;EACA,KAAA,EAAO,SAAA;EACP,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,WAAA,GAAc,SAAA;EACd,MAAA;EACA,SAAA;EACA,QAAA;EACA,cAAA,GAAiB,mBAAA;EACjB,UAAA,GAAa,sBAAA;AAAA;AAAA,cA2GF,YAAA,EAAY,cAAA,CAAA,uBAAA"}

package/dist/components/overlays/modals/confirm/ModalConfirm.mjs

@@ -1,2 +1,2 @@
-import{Button as e}from"../../../buttons/button/Button.mjs";import{Modal as t}from"../../modal/Modal.mjs";import{createModal as n}from"../registry/createModal.mjs";import{BaseModal as r}from"../base/BaseModal.mjs";import{modalConfirm as i,modalConfirmBody as a,modalConfirmButtonCancel as o,modalConfirmButtonCancelInner as s,modalConfirmButtonCancelLabel as c,modalConfirmButtonCancelRoot as l,modalConfirmButtonCancelSection as u,modalConfirmButtonConfirm as d,modalConfirmButtonConfirmInner as f,modalConfirmButtonConfirmLabel as p,modalConfirmButtonConfirmRoot as m,modalConfirmButtonConfirmSection as h,modalConfirmClose as g,modalConfirmContent as _,modalConfirmFooter as v,modalConfirmHeader as y,modalConfirmInner as b,modalConfirmOverlay as x,modalConfirmRoot as S,modalConfirmTitle as C}from"@mage-ui/styled-system/recipes";import{jsx as w,jsxs as T}from"react/jsx-runtime";const E=n(({centered:n=!0,keepMounted:E,opened:D,close:O,title:k,content:A,confirmLabel:j=`Confirm`,cancelLabel:M=`Cancel`,intent:N=`default`,onConfirm:P,onCancel:F,baseClassNames:I,classNames:L})=>T(r,{opened:D,onClose:O,intent:N,keepMounted:E,centered:n,classNames:{modal:I?.modal??i(),root:I?.root??S(),overlay:I?.overlay??x(),inner:I?.inner??b(),content:I?.content??_(),header:I?.header??y(),title:I?.title??C(),close:I?.close??g(),body:I?.body??a()},children:[T(t.Header,{children:[w(t.Title,{children:k}),w(t.CloseButton,{})]}),A&&w(t.Body,{children:A}),T(t.Footer,{className:L?.footer??v(),children:[w(e,{onClick:()=>{F?.(),O()},classNames:{button:L?.cancelButton?.button??o(),root:L?.cancelButton?.root??l(),inner:L?.cancelButton?.inner??s(),label:L?.cancelButton?.label??c(),section:L?.cancelButton?.section??u()},children:M}),w(e,{onClick:()=>{P?.(),O()},classNames:{button:L?.confirmButton?.button??d(),root:L?.confirmButton?.root??m(),inner:L?.confirmButton?.inner??f(),label:L?.confirmButton?.label??p(),section:L?.confirmButton?.section??h()},children:j})]})]}));export{E as ModalConfirm};
+import{Button as e}from"../../../buttons/button/Button.mjs";import{Modal as t}from"../../modal/Modal.mjs";import{BaseModal as n}from"../base/BaseModal.mjs";import{createModal as r}from"../registry/createModal.mjs";import{modalConfirm as i,modalConfirmBody as a,modalConfirmButtonCancel as o,modalConfirmButtonCancelInner as s,modalConfirmButtonCancelLabel as c,modalConfirmButtonCancelRoot as l,modalConfirmButtonCancelSection as u,modalConfirmButtonConfirm as d,modalConfirmButtonConfirmInner as f,modalConfirmButtonConfirmLabel as p,modalConfirmButtonConfirmRoot as m,modalConfirmButtonConfirmSection as h,modalConfirmClose as g,modalConfirmContent as _,modalConfirmFooter as v,modalConfirmHeader as y,modalConfirmInner as b,modalConfirmOverlay as x,modalConfirmRoot as S,modalConfirmTitle as C}from"@mage-ui/styled-system/recipes";import{jsx as w,jsxs as T}from"react/jsx-runtime";const E=r(({centered:r=!0,keepMounted:E,opened:D,close:O,title:k,content:A,confirmLabel:j=`Confirm`,cancelLabel:M=`Cancel`,intent:N=`default`,onConfirm:P,onCancel:F,baseClassNames:I,classNames:L})=>T(n,{opened:D,onClose:O,intent:N,keepMounted:E,centered:r,classNames:{modal:I?.modal??i(),root:I?.root??S(),overlay:I?.overlay??x(),inner:I?.inner??b(),content:I?.content??_(),header:I?.header??y(),title:I?.title??C(),close:I?.close??g(),body:I?.body??a()},children:[T(t.Header,{children:[w(t.Title,{children:k}),w(t.CloseButton,{})]}),A&&w(t.Body,{children:A}),T(t.Footer,{className:L?.footer??v(),children:[w(e,{onClick:()=>{F?.(),O()},classNames:{button:L?.cancelButton?.button??o(),root:L?.cancelButton?.root??l(),inner:L?.cancelButton?.inner??s(),label:L?.cancelButton?.label??c(),section:L?.cancelButton?.section??u()},children:M}),w(e,{onClick:()=>{P?.(),O()},classNames:{button:L?.confirmButton?.button??d(),root:L?.confirmButton?.root??m(),inner:L?.confirmButton?.inner??f(),label:L?.confirmButton?.label??p(),section:L?.confirmButton?.section??h()},children:j})]})]}));export{E as ModalConfirm};
 //# sourceMappingURL=ModalConfirm.mjs.map