@mage-ui/components 1.0.87 → 1.0.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/dist/components/buttons/button/Button.mjs.map +1 -1
  2. package/dist/components/buttons/button-action/ButtonAction.mjs.map +1 -1
  3. package/dist/components/buttons/button-action/ButtonActionContext.mjs.map +1 -1
  4. package/dist/components/buttons/button-action/ButtonLoader.mjs.map +1 -1
  5. package/dist/components/buttons/button-icon/ButtonIcon.mjs.map +1 -1
  6. package/dist/components/buttons/button-icon-visual/ButtonIconVisual.mjs.map +1 -1
  7. package/dist/components/buttons/button-visual/ButtonVisual.mjs.map +1 -1
  8. package/dist/components/controls/avatar-upload/AvatarUpload.d.mts +0 -1
  9. package/dist/components/controls/avatar-upload/AvatarUpload.d.mts.map +1 -1
  10. package/dist/components/controls/avatar-upload/AvatarUpload.mjs +1 -1
  11. package/dist/components/controls/avatar-upload/AvatarUpload.mjs.map +1 -1
  12. package/dist/components/controls/checkbox/Checkbox.mjs.map +1 -1
  13. package/dist/components/controls/checkbox-group/CheckboxGroup.mjs.map +1 -1
  14. package/dist/components/controls/date-picker/DatePicker.mjs.map +1 -1
  15. package/dist/components/controls/dropdown/Dropdown.d.mts +0 -3
  16. package/dist/components/controls/dropdown/Dropdown.d.mts.map +1 -1
  17. package/dist/components/controls/dropdown/Dropdown.mjs.map +1 -1
  18. package/dist/components/controls/dropdown/DropdownChevron.d.mts +0 -2
  19. package/dist/components/controls/dropdown/DropdownChevron.d.mts.map +1 -1
  20. package/dist/components/controls/dropdown/DropdownChevron.mjs.map +1 -1
  21. package/dist/components/controls/dropdown/DropdownClearButton.d.mts +0 -2
  22. package/dist/components/controls/dropdown/DropdownClearButton.d.mts.map +1 -1
  23. package/dist/components/controls/dropdown/DropdownClearButton.mjs.map +1 -1
  24. package/dist/components/controls/dropdown/DropdownContextProvider.d.mts +0 -2
  25. package/dist/components/controls/dropdown/DropdownContextProvider.d.mts.map +1 -1
  26. package/dist/components/controls/dropdown/DropdownContextProvider.mjs.map +1 -1
  27. package/dist/components/controls/dropdown/DropdownEndSlot.mjs.map +1 -1
  28. package/dist/components/controls/dropdown/DropdownTargetTextInput.d.mts +0 -1
  29. package/dist/components/controls/dropdown/DropdownTargetTextInput.d.mts.map +1 -1
  30. package/dist/components/controls/dropdown/DropdownTargetTextInput.mjs.map +1 -1
  31. package/dist/components/controls/dropdown/autocomplete/Autocomplete.mjs.map +1 -1
  32. package/dist/components/controls/dropdown/autocomplete/AutocompleteLoader.mjs.map +1 -1
  33. package/dist/components/controls/dropdown/autocomplete/AutocompleteTarget.mjs.map +1 -1
  34. package/dist/components/controls/dropdown/combobox/Combobox.mjs.map +1 -1
  35. package/dist/components/controls/dropdown/combobox/ComboboxCreatableOption.d.mts +0 -2
  36. package/dist/components/controls/dropdown/combobox/ComboboxCreatableOption.d.mts.map +1 -1
  37. package/dist/components/controls/dropdown/combobox/ComboboxCreatableOption.mjs.map +1 -1
  38. package/dist/components/controls/dropdown/combobox/ComboboxEmptyOption.d.mts +0 -2
  39. package/dist/components/controls/dropdown/combobox/ComboboxEmptyOption.d.mts.map +1 -1
  40. package/dist/components/controls/dropdown/combobox/ComboboxEmptyOption.mjs.map +1 -1
  41. package/dist/components/controls/dropdown/combobox/ComboboxOptions.mjs.map +1 -1
  42. package/dist/components/controls/dropdown/combobox/ComboboxTarget.d.mts +0 -2
  43. package/dist/components/controls/dropdown/combobox/ComboboxTarget.d.mts.map +1 -1
  44. package/dist/components/controls/dropdown/combobox/ComboboxTarget.mjs.map +1 -1
  45. package/dist/components/controls/dropdown/select/Select.mjs.map +1 -1
  46. package/dist/components/controls/dropdown/select/SelectSearch.d.mts +0 -1
  47. package/dist/components/controls/dropdown/select/SelectSearch.d.mts.map +1 -1
  48. package/dist/components/controls/dropdown/select/SelectSearch.mjs.map +1 -1
  49. package/dist/components/controls/dropzone/Dropzone.d.mts +0 -1
  50. package/dist/components/controls/dropzone/Dropzone.d.mts.map +1 -1
  51. package/dist/components/controls/dropzone/Dropzone.mjs.map +1 -1
  52. package/dist/components/controls/dropzone-files/DropzoneFiles.d.mts +0 -2
  53. package/dist/components/controls/dropzone-files/DropzoneFiles.d.mts.map +1 -1
  54. package/dist/components/controls/dropzone-files/DropzoneFiles.mjs.map +1 -1
  55. package/dist/components/controls/file-input/BaseFileInput.d.mts +0 -1
  56. package/dist/components/controls/file-input/BaseFileInput.d.mts.map +1 -1
  57. package/dist/components/controls/file-input/BaseFileInput.mjs.map +1 -1
  58. package/dist/components/controls/file-input/FileInput.mjs.map +1 -1
  59. package/dist/components/controls/file-input/FileInputMultiple.mjs.map +1 -1
  60. package/dist/components/controls/password-input/PasswordInput.mjs.map +1 -1
  61. package/dist/components/controls/password-input/PasswordStrengthInput.d.mts +0 -1
  62. package/dist/components/controls/password-input/PasswordStrengthInput.d.mts.map +1 -1
  63. package/dist/components/controls/password-input/PasswordStrengthInput.mjs.map +1 -1
  64. package/dist/components/controls/radio/Radio.mjs.map +1 -1
  65. package/dist/components/controls/radio-group/RadioGroup.mjs.map +1 -1
  66. package/dist/components/controls/switch/Switch.d.mts +0 -1
  67. package/dist/components/controls/switch/Switch.d.mts.map +1 -1
  68. package/dist/components/controls/switch/Switch.mjs.map +1 -1
  69. package/dist/components/controls/switch-group/SwitchGroup.mjs.map +1 -1
  70. package/dist/components/controls/text-input/TextInput.mjs.map +1 -1
  71. package/dist/components/controls/textarea/Textarea.mjs.map +1 -1
  72. package/dist/components/data-display/assigned-user/AssignedUser.d.mts +0 -1
  73. package/dist/components/data-display/assigned-user/AssignedUser.d.mts.map +1 -1
  74. package/dist/components/data-display/assigned-user/AssignedUser.mjs.map +1 -1
  75. package/dist/components/data-display/avatar/Avatar.mjs.map +1 -1
  76. package/dist/components/data-display/badge/Badge.mjs.map +1 -1
  77. package/dist/components/data-display/calendar/Calendar.d.mts +11 -48
  78. package/dist/components/data-display/calendar/Calendar.d.mts.map +1 -1
  79. package/dist/components/data-display/calendar/Calendar.mjs +1 -1
  80. package/dist/components/data-display/calendar/Calendar.mjs.map +1 -1
  81. package/dist/components/data-display/datatables/DataTable.d.mts +0 -1
  82. package/dist/components/data-display/datatables/DataTable.d.mts.map +1 -1
  83. package/dist/components/data-display/datatables/DataTable.mjs.map +1 -1
  84. package/dist/components/data-display/datatables/DataTableBody.mjs.map +1 -1
  85. package/dist/components/data-display/datatables/DataTableBottomSlot.mjs.map +1 -1
  86. package/dist/components/data-display/datatables/DataTableBulkBar.d.mts +0 -1
  87. package/dist/components/data-display/datatables/DataTableBulkBar.d.mts.map +1 -1
  88. package/dist/components/data-display/datatables/DataTableBulkBar.mjs.map +1 -1
  89. package/dist/components/data-display/datatables/DataTableColumns.mjs.map +1 -1
  90. package/dist/components/data-display/datatables/DataTableErrorState.mjs.map +1 -1
  91. package/dist/components/data-display/datatables/DataTableHeader.mjs.map +1 -1
  92. package/dist/components/data-display/datatables/DataTablePageSize.mjs.map +1 -1
  93. package/dist/components/data-display/datatables/DataTablePagination.mjs.map +1 -1
  94. package/dist/components/data-display/datatables/DataTableRootContainer.mjs.map +1 -1
  95. package/dist/components/data-display/datatables/DataTableSkeleton.mjs +1 -1
  96. package/dist/components/data-display/datatables/DataTableSkeleton.mjs.map +1 -1
  97. package/dist/components/data-display/datatables/DataTableSlotRow.mjs.map +1 -1
  98. package/dist/components/data-display/datatables/DataTableTopSlot.mjs.map +1 -1
  99. package/dist/components/data-display/datatables/DataTableViewport.mjs.map +1 -1
  100. package/dist/components/data-display/description-list/DescriptionList.mjs.map +1 -1
  101. package/dist/components/data-display/icons/icon/Icon.mjs.map +1 -1
  102. package/dist/components/data-display/icons/icon-raw/IconRaw.mjs.map +1 -1
  103. package/dist/components/data-display/icons/icon-svg/IconSvg.mjs.map +1 -1
  104. package/dist/components/data-display/icons/icon-wrapped/IconWrapped.mjs.map +1 -1
  105. package/dist/components/data-display/index.d.mts +1 -1
  106. package/dist/components/data-display/indicator/Indicator.mjs.map +1 -1
  107. package/dist/components/data-display/loader-dot/LoaderDot.mjs.map +1 -1
  108. package/dist/components/data-display/loader-oval/LoaderOval.mjs.map +1 -1
  109. package/dist/components/data-display/logos/logo-image/LogoImage.mjs.map +1 -1
  110. package/dist/components/data-display/logos/logo-svg/LogoSvg.mjs.map +1 -1
  111. package/dist/components/data-display/notification-banner/NotificationBanner.mjs.map +1 -1
  112. package/dist/components/data-display/removable-item/RemovableItem.d.mts +0 -1
  113. package/dist/components/data-display/removable-item/RemovableItem.d.mts.map +1 -1
  114. package/dist/components/data-display/removable-item/RemovableItem.mjs.map +1 -1
  115. package/dist/components/data-display/table/TableBody.mjs.map +1 -1
  116. package/dist/components/data-display/table/TableCaption.mjs.map +1 -1
  117. package/dist/components/data-display/table/TableCell.mjs.map +1 -1
  118. package/dist/components/data-display/table/TableFoot.mjs.map +1 -1
  119. package/dist/components/data-display/table/TableHead.mjs.map +1 -1
  120. package/dist/components/data-display/table/TableHeaderCell.mjs.map +1 -1
  121. package/dist/components/data-display/table/TableRoot.mjs.map +1 -1
  122. package/dist/components/data-display/table/TableRow.mjs.map +1 -1
  123. package/dist/components/data-display/table/TableScroll.mjs.map +1 -1
  124. package/dist/components/data-display/tag/Tag.d.mts +0 -1
  125. package/dist/components/data-display/tag/Tag.d.mts.map +1 -1
  126. package/dist/components/data-display/tag/Tag.mjs.map +1 -1
  127. package/dist/components/data-display/tag-group/TagGroup.mjs.map +1 -1
  128. package/dist/components/data-display/uploaded-file/UploadedFile.d.mts +0 -1
  129. package/dist/components/data-display/uploaded-file/UploadedFile.d.mts.map +1 -1
  130. package/dist/components/data-display/uploaded-file/UploadedFile.mjs.map +1 -1
  131. package/dist/components/data-display/uploaded-file/UploadedFileDetails.mjs.map +1 -1
  132. package/dist/components/data-display/uploaded-file/UploadedFileIcon.mjs.map +1 -1
  133. package/dist/components/forms/Form.d.mts +0 -1
  134. package/dist/components/forms/Form.d.mts.map +1 -1
  135. package/dist/components/forms/Form.mjs.map +1 -1
  136. package/dist/components/forms/FormBase.mjs.map +1 -1
  137. package/dist/components/forms/FormErrorBox.mjs.map +1 -1
  138. package/dist/components/forms/controls/FormCheckbox.d.mts +0 -2
  139. package/dist/components/forms/controls/FormCheckbox.d.mts.map +1 -1
  140. package/dist/components/forms/controls/FormCheckbox.mjs.map +1 -1
  141. package/dist/components/forms/controls/FormHidden.mjs.map +1 -1
  142. package/dist/components/forms/controls/FormPassword.d.mts +0 -2
  143. package/dist/components/forms/controls/FormPassword.d.mts.map +1 -1
  144. package/dist/components/forms/controls/FormPassword.mjs.map +1 -1
  145. package/dist/components/forms/controls/FormSubmit.d.mts +0 -3
  146. package/dist/components/forms/controls/FormSubmit.d.mts.map +1 -1
  147. package/dist/components/forms/controls/FormSubmit.mjs.map +1 -1
  148. package/dist/components/forms/controls/FormTextInput.mjs.map +1 -1
  149. package/dist/components/forms/controls/register-components.mjs.map +1 -1
  150. package/dist/components/forms/rules/zod.d.mts +0 -1
  151. package/dist/components/forms/rules/zod.d.mts.map +1 -1
  152. package/dist/components/index.d.mts +2 -10
  153. package/dist/components/layouts/card/Card.mjs.map +1 -1
  154. package/dist/components/layouts/fluid-grid/FluidGrid.mjs.map +1 -1
  155. package/dist/components/layouts/grid/Grid.mjs.map +1 -1
  156. package/dist/components/misc/horizontal-divider/HorizontalDivider.mjs.map +1 -1
  157. package/dist/components/misc/scroll-area/ScrollArea.mjs.map +1 -1
  158. package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs.map +1 -1
  159. package/dist/components/misc/visually-hidden/VisuallyHidden.mjs.map +1 -1
  160. package/dist/components/navigations/breadcrumbs/Breadcrumbs.mjs.map +1 -1
  161. package/dist/components/navigations/breadcrumbs/BreadcrumbsBar.mjs.map +1 -1
  162. package/dist/components/navigations/menu/Menu.d.mts +0 -1
  163. package/dist/components/navigations/menu/Menu.d.mts.map +1 -1
  164. package/dist/components/navigations/menu/Menu.mjs.map +1 -1
  165. package/dist/components/navigations/pagination/Pagination.mjs.map +1 -1
  166. package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs.map +1 -1
  167. package/dist/components/navigations/sidebars/sidebar/SidebarContext.mjs.map +1 -1
  168. package/dist/components/navigations/sidebars/sidebar/SidebarNavGroup.mjs.map +1 -1
  169. package/dist/components/navigations/sidebars/sidebar/SidebarNavItem.mjs.map +1 -1
  170. package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButton.mjs.map +1 -1
  171. package/dist/components/navigations/sidebars/sidebar/SidebarNavItemButtonCollapsed.mjs.map +1 -1
  172. package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.mts +0 -1
  173. package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.d.mts.map +1 -1
  174. package/dist/components/navigations/sidebars/sidebar/SidebarNavItemLink.mjs.map +1 -1
  175. package/dist/components/navigations/sidebars/sidebar/SidebarNavList.mjs.map +1 -1
  176. package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.d.mts +0 -1
  177. package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.d.mts.map +1 -1
  178. package/dist/components/navigations/sidebars/sidebar/SidebarSubNavItem.mjs.map +1 -1
  179. package/dist/components/navigations/sidebars/sidebar/SidebarSubnav.mjs.map +1 -1
  180. package/dist/components/overlays/modal/features/ModalAlert.d.mts +0 -2
  181. package/dist/components/overlays/modal/features/ModalAlert.d.mts.map +1 -1
  182. package/dist/components/overlays/modal/features/ModalAlert.mjs.map +1 -1
  183. package/dist/components/overlays/modal/features/ModalConfirm.d.mts +0 -2
  184. package/dist/components/overlays/modal/features/ModalConfirm.d.mts.map +1 -1
  185. package/dist/components/overlays/modal/features/ModalConfirm.mjs.map +1 -1
  186. package/dist/components/overlays/modal/features/ModalDialog.d.mts +0 -2
  187. package/dist/components/overlays/modal/features/ModalDialog.d.mts.map +1 -1
  188. package/dist/components/overlays/modal/features/ModalDialog.mjs.map +1 -1
  189. package/dist/components/overlays/modal/index.mjs +1 -1
  190. package/dist/components/overlays/modal/index.mjs.map +1 -1
  191. package/dist/components/overlays/modal/modal-core.mjs.map +1 -1
  192. package/dist/components/overlays/modal/modal-primitives.mjs.map +1 -1
  193. package/dist/components/overlays/modal/modal-registry.mjs.map +1 -1
  194. package/dist/components/overlays/toast/toast.mjs.map +1 -1
  195. package/dist/components/overlays/tooltip/Tooltip.mjs.map +1 -1
  196. package/dist/index.d.mts +2 -4
  197. package/dist/index.mjs +1 -1
  198. package/dist/providers/MageUiProvider.d.mts +0 -1
  199. package/dist/providers/MageUiProvider.d.mts.map +1 -1
  200. package/dist/providers/MageUiProvider.mjs.map +1 -1
  201. package/package.json +21 -24
@@ -1,2 +1,2 @@
1
- import{Modal as e}from"./Modal.mjs";import{ModalAlert as t}from"./features/ModalAlert.mjs";import{ModalConfirm as n}from"./features/ModalConfirm.mjs";const r={Alert:t,Confirm:n};export{r as Modals};
1
+ import"./Modal.mjs";import{ModalAlert as e}from"./features/ModalAlert.mjs";import{ModalConfirm as t}from"./features/ModalConfirm.mjs";const n={Alert:e,Confirm:t};export{n as Modals};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/overlays/modal/index.ts"],"sourcesContent":["import { ModalAlert } from './features/ModalAlert';\nimport { ModalConfirm } from './features/ModalConfirm';\n\nexport * from './Modal';\n\nexport const Modals = {\n Alert: ModalAlert,\n Confirm: ModalConfirm,\n} as const;\n"],"mappings":"sJAKA,MAAa,EAAS,CACpB,MAAO,EACP,QAAS,EACV"}
1
+ {"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/overlays/modal/index.ts"],"sourcesContent":["import { ModalAlert } from './features/ModalAlert';\nimport { ModalConfirm } from './features/ModalConfirm';\n\nexport * from './Modal';\n\nexport const Modals = {\n Alert: ModalAlert,\n Confirm: ModalConfirm,\n} as const;\n"],"mappings":"sIAKA,MAAa,EAAS,CACpB,MAAO,EACP,QAAS,EACV"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal-core.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-core.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport { isManagedId } from './modal-managed-ids';\nimport {\n ModalBody,\n ModalCloseButton,\n ModalContent,\n ModalHeader,\n ModalOverlay,\n ModalRoot,\n ModalTitle,\n} from './modal-primitives';\nimport type { ModalCoreProps, ModalProps } from './modal-types';\n\nconst SLOT_DISPLAY_NAMES = [\n 'Modal.Header',\n 'Modal.Body',\n 'Modal.Content',\n 'Modal.Overlay',\n 'Modal.Title',\n 'Modal.CloseButton',\n 'Modal.Footer',\n] as const;\n\nexport const ModalCore = ({\n opened,\n onClose,\n centered,\n closeOnClickOutside,\n closeOnEscape,\n withinPortal,\n keepMounted,\n intent,\n classNames,\n title,\n withCloseButton = true,\n children,\n}: ModalCoreProps) => {\n const hasSlots = React.Children.toArray(children).some((child) => {\n if (!React.isValidElement(child)) return false;\n const childType = child.type as { displayName?: string };\n return (\n childType.displayName &&\n SLOT_DISPLAY_NAMES.includes(\n childType.displayName as (typeof SLOT_DISPLAY_NAMES)[number],\n )\n );\n });\n\n const props = {\n opened,\n onClose,\n centered,\n closeOnClickOutside,\n closeOnEscape,\n withinPortal,\n keepMounted,\n intent,\n classNames,\n };\n\n if (hasSlots) {\n return <ModalRoot {...props}>{children}</ModalRoot>;\n }\n\n const hasHeader = !!title || withCloseButton;\n\n return (\n <ModalRoot {...props}>\n <ModalOverlay />\n <ModalContent>\n {hasHeader && (\n <ModalHeader>\n {title && <ModalTitle>{title}</ModalTitle>}\n {withCloseButton && <ModalCloseButton />}\n </ModalHeader>\n )}\n <ModalBody>{children}</ModalBody>\n </ModalContent>\n </ModalRoot>\n );\n};\n\nconst ModalInnerComponent = NiceModal.create<ModalProps>(\n ({ onClose, children, ...props }: ModalProps) => {\n const modal = useModal();\n const [isOpen, setIsOpen] = useState(false);\n\n useEffect(() => {\n if (modal.visible) {\n const raf = requestAnimationFrame(() => {\n setIsOpen(true);\n });\n return () => cancelAnimationFrame(raf);\n }\n\n setIsOpen(false);\n }, [modal.visible]);\n\n return (\n <ModalCore\n opened={isOpen}\n onClose={() => {\n onClose?.();\n modal.hide();\n }}\n {...props}\n >\n {children}\n </ModalCore>\n );\n },\n);\n\nexport const ModalInner = ({ id, ...props }: ModalProps) => {\n if (id != null && !isManagedId(id)) {\n unregister(id);\n NiceModal.register(id, () => <ModalInnerComponent id={id} {...props} />);\n }\n return <ModalInnerComponent id={id} {...props} />;\n};\n"],"mappings":"6XAgBA,MAAM,EAAqB,CACzB,eACA,aACA,gBACA,gBACA,cACA,oBACA,eACD,CAEY,GAAa,CACxB,SACA,UACA,WACA,sBACA,gBACA,eACA,cACA,SACA,aACA,QACA,kBAAkB,GAClB,cACoB,CACpB,IAAM,EAAW,EAAM,SAAS,QAAQ,EAAS,CAAC,KAAM,GAAU,CAChE,GAAI,CAAC,EAAM,eAAe,EAAM,CAAE,MAAO,GACzC,IAAM,EAAY,EAAM,KACxB,OACE,EAAU,aACV,EAAmB,SACjB,EAAU,YACX,EAEH,CAEI,EAAQ,CACZ,SACA,UACA,WACA,sBACA,gBACA,eACA,cACA,SACA,aACD,CAED,GAAI,EACF,OAAO,EAAC,EAAA,CAAU,GAAI,EAAQ,YAAqB,CAGrD,IAAM,EAAY,CAAC,CAAC,GAAS,EAE7B,OACE,EAAC,EAAA,CAAU,GAAI,YACb,EAAC,EAAA,EAAA,CAAe,CAChB,EAAC,EAAA,CAAA,SAAA,CACE,GACC,EAAC,EAAA,CAAA,SAAA,CACE,GAAS,EAAC,EAAA,CAAA,SAAY,EAAA,CAAmB,CACzC,GAAmB,EAAC,EAAA,EAAA,CAAmB,CAAA,CAAA,CAC5B,CAEhB,EAAC,EAAA,CAAW,WAAA,CAAqB,CAAA,CAAA,CACpB,CAAA,EACL,EAIV,EAAsB,EAAU,QACnC,CAAE,UAAS,WAAU,GAAG,KAAwB,CAC/C,IAAM,EAAQ,GAAU,CAClB,CAAC,EAAQ,GAAa,EAAS,GAAM,CAa3C,OAXA,MAAgB,CACd,GAAI,EAAM,QAAS,CACjB,IAAM,EAAM,0BAA4B,CACtC,EAAU,GAAK,EACf,CACF,UAAa,qBAAqB,EAAI,CAGxC,EAAU,GAAM,EACf,CAAC,EAAM,QAAQ,CAAC,CAGjB,EAAC,EAAA,CACC,OAAQ,EACR,YAAe,CACb,KAAW,CACX,EAAM,MAAM,EAEd,GAAI,EAEH,YACS,EAGjB,CAEY,GAAc,CAAE,KAAI,GAAG,MAC9B,GAAM,MAAQ,CAAC,EAAY,EAAG,GAChC,EAAW,EAAG,CACd,EAAU,SAAS,MAAU,EAAC,EAAA,CAAwB,KAAI,GAAI,GAAS,CAAC,EAEnE,EAAC,EAAA,CAAwB,KAAI,GAAI,GAAS"}
1
+ {"version":3,"file":"modal-core.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-core.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport { isManagedId } from './modal-managed-ids';\nimport {\n ModalBody,\n ModalCloseButton,\n ModalContent,\n ModalHeader,\n ModalOverlay,\n ModalRoot,\n ModalTitle,\n} from './modal-primitives';\nimport type { ModalCoreProps, ModalProps } from './modal-types';\n\nconst SLOT_DISPLAY_NAMES = [\n 'Modal.Header',\n 'Modal.Body',\n 'Modal.Content',\n 'Modal.Overlay',\n 'Modal.Title',\n 'Modal.CloseButton',\n 'Modal.Footer',\n] as const;\n\nexport const ModalCore = ({\n opened,\n onClose,\n centered,\n closeOnClickOutside,\n closeOnEscape,\n withinPortal,\n keepMounted,\n intent,\n classNames,\n title,\n withCloseButton = true,\n children,\n}: ModalCoreProps) => {\n const hasSlots = React.Children.toArray(children).some((child) => {\n if (!React.isValidElement(child)) return false;\n const childType = child.type as { displayName?: string };\n return (\n childType.displayName &&\n SLOT_DISPLAY_NAMES.includes(\n childType.displayName as (typeof SLOT_DISPLAY_NAMES)[number],\n )\n );\n });\n\n const props = {\n opened,\n onClose,\n centered,\n closeOnClickOutside,\n closeOnEscape,\n withinPortal,\n keepMounted,\n intent,\n classNames,\n };\n\n if (hasSlots) {\n return <ModalRoot {...props}>{children}</ModalRoot>;\n }\n\n const hasHeader = !!title || withCloseButton;\n\n return (\n <ModalRoot {...props}>\n <ModalOverlay />\n <ModalContent>\n {hasHeader && (\n <ModalHeader>\n {title && <ModalTitle>{title}</ModalTitle>}\n {withCloseButton && <ModalCloseButton />}\n </ModalHeader>\n )}\n <ModalBody>{children}</ModalBody>\n </ModalContent>\n </ModalRoot>\n );\n};\n\nconst ModalInnerComponent = NiceModal.create<ModalProps>(\n ({ onClose, children, ...props }: ModalProps) => {\n const modal = useModal();\n const [isOpen, setIsOpen] = useState(false);\n\n useEffect(() => {\n if (modal.visible) {\n const raf = requestAnimationFrame(() => {\n setIsOpen(true);\n });\n return () => cancelAnimationFrame(raf);\n }\n\n setIsOpen(false);\n }, [modal.visible]);\n\n return (\n <ModalCore\n opened={isOpen}\n onClose={() => {\n onClose?.();\n modal.hide();\n }}\n {...props}\n >\n {children}\n </ModalCore>\n );\n },\n);\n\nexport const ModalInner = ({ id, ...props }: ModalProps) => {\n if (id != null && !isManagedId(id)) {\n unregister(id);\n NiceModal.register(id, () => <ModalInnerComponent id={id} {...props} />);\n }\n return <ModalInnerComponent id={id} {...props} />;\n};\n"],"mappings":"6XAgBA,MAAM,EAAqB,CACzB,eACA,aACA,gBACA,gBACA,cACA,oBACA,eACD,CAEY,GAAa,CACxB,SACA,UACA,WACA,sBACA,gBACA,eACA,cACA,SACA,aACA,QACA,kBAAkB,GAClB,cACoB,CACpB,IAAM,EAAW,EAAM,SAAS,QAAQ,EAAS,CAAC,KAAM,GAAU,CAChE,GAAI,CAAC,EAAM,eAAe,EAAM,CAAE,MAAO,GACzC,IAAM,EAAY,EAAM,KACxB,OACE,EAAU,aACV,EAAmB,SACjB,EAAU,YACX,EAEH,CAEI,EAAQ,CACZ,SACA,UACA,WACA,sBACA,gBACA,eACA,cACA,SACA,aACD,CAED,GAAI,EACF,OAAO,EAAC,EAAD,CAAW,GAAI,EAAQ,WAAqB,CAAA,CAGrD,IAAM,EAAY,CAAC,CAAC,GAAS,EAE7B,OACE,EAAC,EAAD,CAAW,GAAI,WAAf,CACE,EAAC,EAAD,EAAgB,CAAA,CAChB,EAAC,EAAD,CAAA,SAAA,CACG,GACC,EAAC,EAAD,CAAA,SAAA,CACG,GAAS,EAAC,EAAD,CAAA,SAAa,EAAmB,CAAA,CACzC,GAAmB,EAAC,EAAD,EAAoB,CAAA,CAC5B,CAAA,CAAA,CAEhB,EAAC,EAAD,CAAY,WAAqB,CAAA,CACpB,CAAA,CAAA,CACL,IAIV,EAAsB,EAAU,QACnC,CAAE,UAAS,WAAU,GAAG,KAAwB,CAC/C,IAAM,EAAQ,GAAU,CAClB,CAAC,EAAQ,GAAa,EAAS,GAAM,CAa3C,OAXA,MAAgB,CACd,GAAI,EAAM,QAAS,CACjB,IAAM,EAAM,0BAA4B,CACtC,EAAU,GAAK,EACf,CACF,UAAa,qBAAqB,EAAI,CAGxC,EAAU,GAAM,EACf,CAAC,EAAM,QAAQ,CAAC,CAGjB,EAAC,EAAD,CACE,OAAQ,EACR,YAAe,CACb,KAAW,CACX,EAAM,MAAM,EAEd,GAAI,EAEH,WACS,CAAA,EAGjB,CAEY,GAAc,CAAE,KAAI,GAAG,MAC9B,GAAM,MAAQ,CAAC,EAAY,EAAG,GAChC,EAAW,EAAG,CACd,EAAU,SAAS,MAAU,EAAC,EAAD,CAAyB,KAAI,GAAI,EAAS,CAAA,CAAC,EAEnE,EAAC,EAAD,CAAyB,KAAI,GAAI,EAAS,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal-primitives.mjs","names":["MantineModal","modalRecipe"],"sources":["../../../../src/components/overlays/modal/modal-primitives.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n modalBody,\n modalClose,\n modalContent,\n modalFooter,\n modalHeader,\n modalInner,\n modalOverlay,\n modal as modalRecipe,\n modalRoot,\n modalTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Modal as MantineModal } from '@mantine/core';\n\nimport type { ModalRootProps } from './modal-types';\n\nexport const ModalRoot = ({\n children,\n intent,\n classNames,\n ...props\n}: ModalRootProps) => {\n return (\n <MantineModal.Root\n data-intent={intent}\n classNames={{\n root: cx(\n classNames?.modal ?? modalRecipe(),\n classNames?.root ?? modalRoot(),\n ),\n inner: classNames?.inner ?? modalInner(),\n overlay: classNames?.overlay ?? modalOverlay(),\n content: classNames?.content ?? modalContent(),\n header: classNames?.header ?? modalHeader(),\n title: classNames?.title ?? modalTitle(),\n close: classNames?.close ?? modalClose(),\n body: classNames?.body ?? modalBody(),\n }}\n {...props}\n >\n {children}\n </MantineModal.Root>\n );\n};\n\nexport const ModalOverlay = () => <MantineModal.Overlay />;\n\nexport const ModalContent = ({ children }: { children: ReactNode }) => (\n <MantineModal.Content>{children}</MantineModal.Content>\n);\n\nexport const ModalHeader = ({ children }: { children: ReactNode }) => (\n <MantineModal.Header>{children}</MantineModal.Header>\n);\n\nexport const ModalBody = ({ children }: { children: ReactNode }) => (\n <MantineModal.Body>{children}</MantineModal.Body>\n);\n\nexport const ModalTitle = ({ children }: { children: ReactNode }) => (\n <MantineModal.Title>{children}</MantineModal.Title>\n);\n\nexport const ModalCloseButton = () => <MantineModal.CloseButton />;\n\nexport const 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\nModalOverlay.displayName = 'Modal.Overlay';\nModalContent.displayName = 'Modal.Content';\nModalHeader.displayName = 'Modal.Header';\nModalBody.displayName = 'Modal.Body';\nModalTitle.displayName = 'Modal.Title';\nModalCloseButton.displayName = 'Modal.CloseButton';\nModalFooter.displayName = 'Modal.Footer';\n"],"mappings":"yUAmBA,MAAa,GAAa,CACxB,WACA,SACA,aACA,GAAG,KAGD,EAACA,EAAa,KAAA,CACZ,cAAa,EACb,WAAY,CACV,KAAM,EACJ,GAAY,OAASC,GAAa,CAClC,GAAY,MAAQ,GAAW,CAChC,CACD,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACtC,CACD,GAAI,EAEH,YACiB,CAIX,MAAqB,EAACD,EAAa,QAAA,EAAA,CAAU,CAE7C,GAAgB,CAAE,cAC7B,EAACA,EAAa,QAAA,CAAS,WAAA,CAAgC,CAG5C,GAAe,CAAE,cAC5B,EAACA,EAAa,OAAA,CAAQ,WAAA,CAA+B,CAG1C,GAAa,CAAE,cAC1B,EAACA,EAAa,KAAA,CAAM,WAAA,CAA6B,CAGtC,GAAc,CAAE,cAC3B,EAACA,EAAa,MAAA,CAAO,WAAA,CAA8B,CAGxC,MAAyB,EAACA,EAAa,YAAA,EAAA,CAAc,CAErD,GAAe,CAC1B,WACA,YACA,GAAG,KAGD,EAAC,MAAA,CAAI,UAAW,GAAa,GAAa,CAAE,GAAI,EAC7C,YACG,CAIV,EAAa,YAAc,gBAC3B,EAAa,YAAc,gBAC3B,EAAY,YAAc,eAC1B,EAAU,YAAc,aACxB,EAAW,YAAc,cACzB,EAAiB,YAAc,oBAC/B,EAAY,YAAc"}
1
+ {"version":3,"file":"modal-primitives.mjs","names":["MantineModal","modalRecipe"],"sources":["../../../../src/components/overlays/modal/modal-primitives.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n modalBody,\n modalClose,\n modalContent,\n modalFooter,\n modalHeader,\n modalInner,\n modalOverlay,\n modal as modalRecipe,\n modalRoot,\n modalTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Modal as MantineModal } from '@mantine/core';\n\nimport type { ModalRootProps } from './modal-types';\n\nexport const ModalRoot = ({\n children,\n intent,\n classNames,\n ...props\n}: ModalRootProps) => {\n return (\n <MantineModal.Root\n data-intent={intent}\n classNames={{\n root: cx(\n classNames?.modal ?? modalRecipe(),\n classNames?.root ?? modalRoot(),\n ),\n inner: classNames?.inner ?? modalInner(),\n overlay: classNames?.overlay ?? modalOverlay(),\n content: classNames?.content ?? modalContent(),\n header: classNames?.header ?? modalHeader(),\n title: classNames?.title ?? modalTitle(),\n close: classNames?.close ?? modalClose(),\n body: classNames?.body ?? modalBody(),\n }}\n {...props}\n >\n {children}\n </MantineModal.Root>\n );\n};\n\nexport const ModalOverlay = () => <MantineModal.Overlay />;\n\nexport const ModalContent = ({ children }: { children: ReactNode }) => (\n <MantineModal.Content>{children}</MantineModal.Content>\n);\n\nexport const ModalHeader = ({ children }: { children: ReactNode }) => (\n <MantineModal.Header>{children}</MantineModal.Header>\n);\n\nexport const ModalBody = ({ children }: { children: ReactNode }) => (\n <MantineModal.Body>{children}</MantineModal.Body>\n);\n\nexport const ModalTitle = ({ children }: { children: ReactNode }) => (\n <MantineModal.Title>{children}</MantineModal.Title>\n);\n\nexport const ModalCloseButton = () => <MantineModal.CloseButton />;\n\nexport const 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\nModalOverlay.displayName = 'Modal.Overlay';\nModalContent.displayName = 'Modal.Content';\nModalHeader.displayName = 'Modal.Header';\nModalBody.displayName = 'Modal.Body';\nModalTitle.displayName = 'Modal.Title';\nModalCloseButton.displayName = 'Modal.CloseButton';\nModalFooter.displayName = 'Modal.Footer';\n"],"mappings":"yUAmBA,MAAa,GAAa,CACxB,WACA,SACA,aACA,GAAG,KAGD,EAACA,EAAa,KAAd,CACE,cAAa,EACb,WAAY,CACV,KAAM,EACJ,GAAY,OAASC,GAAa,CAClC,GAAY,MAAQ,GAAW,CAChC,CACD,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACtC,CACD,GAAI,EAEH,WACiB,CAAA,CAIX,MAAqB,EAACD,EAAa,QAAd,EAAwB,CAAA,CAE7C,GAAgB,CAAE,cAC7B,EAACA,EAAa,QAAd,CAAuB,WAAgC,CAAA,CAG5C,GAAe,CAAE,cAC5B,EAACA,EAAa,OAAd,CAAsB,WAA+B,CAAA,CAG1C,GAAa,CAAE,cAC1B,EAACA,EAAa,KAAd,CAAoB,WAA6B,CAAA,CAGtC,GAAc,CAAE,cAC3B,EAACA,EAAa,MAAd,CAAqB,WAA8B,CAAA,CAGxC,MAAyB,EAACA,EAAa,YAAd,EAA4B,CAAA,CAErD,GAAe,CAC1B,WACA,YACA,GAAG,KAGD,EAAC,MAAD,CAAK,UAAW,GAAa,GAAa,CAAE,GAAI,EAC7C,WACG,CAAA,CAIV,EAAa,YAAc,gBAC3B,EAAa,YAAc,gBAC3B,EAAY,YAAc,eAC1B,EAAU,YAAc,aACxB,EAAW,YAAc,cACzB,EAAiB,YAAc,oBAC/B,EAAY,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal-registry.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-registry.tsx"],"sourcesContent":["import {\n type ComponentType,\n isValidElement,\n type ReactElement,\n type ReactNode,\n useEffect,\n useRef,\n} from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport { trackManagedId, untrackManagedId } from './modal-managed-ids';\nimport type { ModalProps } from './modal-types';\n\nexport type ModalRegistryEntry =\n | ModalProps\n | ComponentType<{ id: string } & Record<string, unknown>>\n | ReactElement;\n\nexport type ModalRegistry = Record<string, ModalRegistryEntry>;\n\nexport const registerModal = <T extends ModalRegistryEntry>(\n id: string,\n entry: T,\n): T => {\n untrackManagedId(id);\n unregister(id);\n trackManagedId(id);\n\n const modalComponent: ComponentType<\n { id: string } & Record<string, unknown>\n > =\n typeof entry === 'function'\n ? ({ id, ...props }: { id: string } & Record<string, unknown>) => {\n const modal = useModal(id);\n const args = (modal.args ?? {}) as Record<string, unknown>;\n const Component = entry as ComponentType<Record<string, unknown>>;\n return <Component id={id} {...props} {...args} />;\n }\n : () => (isValidElement(entry) ? entry : <ModalInner {...entry} />);\n\n NiceModal.register(id, modalComponent);\n return entry;\n};\n\nexport const ModalProvider: ComponentType<{\n children: ReactNode;\n modals?: ModalRegistry;\n}> = ({ children, modals }) => {\n const registeredRef = useRef(false);\n\n if (!registeredRef.current && modals) {\n Object.entries(modals).forEach(([id, modal]) => {\n registerModal(id, modal);\n });\n registeredRef.current = true;\n }\n\n useEffect(() => {\n if (!modals) return;\n\n Object.entries(modals).forEach(([id, modal]) => {\n registerModal(id, modal);\n });\n }, [modals]);\n\n return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"4SAsBA,MAAa,GACX,EACA,IACM,CACN,EAAiB,EAAG,CACpB,EAAW,EAAG,CACd,EAAe,EAAG,CAElB,IAAM,EAGJ,OAAO,GAAU,YACZ,CAAE,KAAI,GAAG,KAAsD,CAE9D,IAAM,EADQ,EAAS,EAAG,CACN,MAAQ,EAAE,CAE9B,OAAO,EADW,EAAA,CACI,KAAI,GAAI,EAAO,GAAI,GAAQ,MAE5C,EAAe,EAAM,CAAG,EAAQ,EAAC,EAAA,CAAW,GAAI,EAAA,CAAS,CAGtE,OADA,EAAU,SAAS,EAAI,EAAe,CAC/B,GAGI,GAGP,CAAE,WAAU,YAAa,CAC7B,IAAM,EAAgB,EAAO,GAAM,CAiBnC,MAfI,CAAC,EAAc,SAAW,IAC5B,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,CACF,EAAc,QAAU,IAG1B,MAAgB,CACT,GAEL,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,EACD,CAAC,EAAO,CAAC,CAEL,EAAC,EAAU,SAAA,CAAU,WAAA,CAA8B"}
1
+ {"version":3,"file":"modal-registry.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-registry.tsx"],"sourcesContent":["import {\n type ComponentType,\n isValidElement,\n type ReactElement,\n type ReactNode,\n useEffect,\n useRef,\n} from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport { trackManagedId, untrackManagedId } from './modal-managed-ids';\nimport type { ModalProps } from './modal-types';\n\nexport type ModalRegistryEntry =\n | ModalProps\n | ComponentType<{ id: string } & Record<string, unknown>>\n | ReactElement;\n\nexport type ModalRegistry = Record<string, ModalRegistryEntry>;\n\nexport const registerModal = <T extends ModalRegistryEntry>(\n id: string,\n entry: T,\n): T => {\n untrackManagedId(id);\n unregister(id);\n trackManagedId(id);\n\n const modalComponent: ComponentType<\n { id: string } & Record<string, unknown>\n > =\n typeof entry === 'function'\n ? ({ id, ...props }: { id: string } & Record<string, unknown>) => {\n const modal = useModal(id);\n const args = (modal.args ?? {}) as Record<string, unknown>;\n const Component = entry as ComponentType<Record<string, unknown>>;\n return <Component id={id} {...props} {...args} />;\n }\n : () => (isValidElement(entry) ? entry : <ModalInner {...entry} />);\n\n NiceModal.register(id, modalComponent);\n return entry;\n};\n\nexport const ModalProvider: ComponentType<{\n children: ReactNode;\n modals?: ModalRegistry;\n}> = ({ children, modals }) => {\n const registeredRef = useRef(false);\n\n if (!registeredRef.current && modals) {\n Object.entries(modals).forEach(([id, modal]) => {\n registerModal(id, modal);\n });\n registeredRef.current = true;\n }\n\n useEffect(() => {\n if (!modals) return;\n\n Object.entries(modals).forEach(([id, modal]) => {\n registerModal(id, modal);\n });\n }, [modals]);\n\n return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"4SAsBA,MAAa,GACX,EACA,IACM,CACN,EAAiB,EAAG,CACpB,EAAW,EAAG,CACd,EAAe,EAAG,CAElB,IAAM,EAGJ,OAAO,GAAU,YACZ,CAAE,KAAI,GAAG,KAAsD,CAE9D,IAAM,EADQ,EAAS,EAAG,CACN,MAAQ,EAAE,CAE9B,OAAO,EADW,EACX,CAAe,KAAI,GAAI,EAAO,GAAI,EAAQ,CAAA,MAE5C,EAAe,EAAM,CAAG,EAAQ,EAAC,EAAD,CAAY,GAAI,EAAS,CAAA,CAGtE,OADA,EAAU,SAAS,EAAI,EAAe,CAC/B,GAGI,GAGP,CAAE,WAAU,YAAa,CAC7B,IAAM,EAAgB,EAAO,GAAM,CAiBnC,MAfI,CAAC,EAAc,SAAW,IAC5B,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,CACF,EAAc,QAAU,IAG1B,MAAgB,CACT,GAEL,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,EACD,CAAC,EAAO,CAAC,CAEL,EAAC,EAAU,SAAX,CAAqB,WAA8B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"toast.mjs","names":["toastRecipe"],"sources":["../../../../src/components/overlays/toast/toast.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n toastBody,\n toastCloseButton,\n toastDescription,\n toastIcon,\n toastLoader,\n toastNotifications,\n toast as toastRecipe,\n toastRoot,\n toastTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Notifications, notifications } from '@mantine/notifications';\n\nexport type ToastOptions = {\n id?: string;\n title?: ReactNode;\n message: ReactNode;\n color?: string;\n icon?: ReactNode;\n loading?: boolean;\n autoClose?: number | false;\n withCloseButton?: boolean;\n withBorder?: boolean;\n onClose?: () => void;\n onOpen?: () => void;\n classNames?: {\n toast?: string;\n root?: string;\n icon?: string;\n loader?: string;\n body?: string;\n title?: string;\n description?: string;\n closeButton?: string;\n };\n};\n\nexport type ToastProviderProps = {\n position?:\n | 'top-left'\n | 'top-right'\n | 'top-center'\n | 'bottom-left'\n | 'bottom-right'\n | 'bottom-center';\n autoClose?: number | false;\n limit?: number;\n zIndex?: number;\n transitionDuration?: number;\n notificationMaxHeight?: number | string;\n};\n\nconst applyClassNames = (classNames?: ToastOptions['classNames']) => ({\n root: cx(classNames?.toast ?? toastRecipe(), classNames?.root ?? toastRoot()),\n icon: cx(classNames?.icon ?? toastIcon()),\n loader: cx(classNames?.loader ?? toastLoader()),\n body: cx(classNames?.body ?? toastBody()),\n title: cx(classNames?.title ?? toastTitle()),\n description: cx(classNames?.description ?? toastDescription()),\n closeButton: cx(classNames?.closeButton ?? toastCloseButton()),\n});\n\nconst ToastProvider = ({\n position = 'top-right',\n autoClose = 5000,\n limit = 5,\n zIndex,\n transitionDuration = 250,\n notificationMaxHeight = 200,\n}: ToastProviderProps) => {\n return (\n <Notifications\n position={position}\n autoClose={autoClose}\n limit={limit}\n zIndex={zIndex}\n transitionDuration={transitionDuration}\n notificationMaxHeight={notificationMaxHeight}\n classNames={{\n root: toastNotifications(),\n }}\n />\n );\n};\n\nexport const Toast = {\n Provider: ToastProvider,\n\n show: ({ color, classNames, ...props }: ToastOptions) => {\n return notifications.show({\n ...props,\n classNames: applyClassNames(classNames),\n });\n },\n\n update: ({ color, classNames, ...props }: ToastOptions) => {\n notifications.update({\n ...props,\n classNames: applyClassNames(classNames),\n });\n },\n\n hide: (id: string) => {\n notifications.hide(id);\n },\n\n clean: () => {\n notifications.clean();\n },\n\n cleanQueue: () => {\n notifications.cleanQueue();\n },\n};\n"],"mappings":"wXAyDA,MAAM,EAAmB,IAA6C,CACpE,KAAM,EAAG,GAAY,OAASA,GAAa,CAAE,GAAY,MAAQ,GAAW,CAAC,CAC7E,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAC,CACzC,OAAQ,EAAG,GAAY,QAAU,GAAa,CAAC,CAC/C,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAC,CACzC,MAAO,EAAG,GAAY,OAAS,GAAY,CAAC,CAC5C,YAAa,EAAG,GAAY,aAAe,GAAkB,CAAC,CAC9D,YAAa,EAAG,GAAY,aAAe,GAAkB,CAAC,CAC/D,EAyBY,EAAQ,CACnB,UAxBqB,CACrB,WAAW,YACX,YAAY,IACZ,QAAQ,EACR,SACA,qBAAqB,IACrB,wBAAwB,OAGtB,EAAC,EAAA,CACW,WACC,YACJ,QACC,SACY,qBACG,wBACvB,WAAY,CACV,KAAM,GAAoB,CAC3B,EACD,CAOJ,MAAO,CAAE,QAAO,aAAY,GAAG,KACtB,EAAc,KAAK,CACxB,GAAG,EACH,WAAY,EAAgB,EAAW,CACxC,CAAC,CAGJ,QAAS,CAAE,QAAO,aAAY,GAAG,KAA0B,CACzD,EAAc,OAAO,CACnB,GAAG,EACH,WAAY,EAAgB,EAAW,CACxC,CAAC,EAGJ,KAAO,GAAe,CACpB,EAAc,KAAK,EAAG,EAGxB,UAAa,CACX,EAAc,OAAO,EAGvB,eAAkB,CAChB,EAAc,YAAY,EAE7B"}
1
+ {"version":3,"file":"toast.mjs","names":["toastRecipe"],"sources":["../../../../src/components/overlays/toast/toast.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n toastBody,\n toastCloseButton,\n toastDescription,\n toastIcon,\n toastLoader,\n toastNotifications,\n toast as toastRecipe,\n toastRoot,\n toastTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Notifications, notifications } from '@mantine/notifications';\n\nexport type ToastOptions = {\n id?: string;\n title?: ReactNode;\n message: ReactNode;\n color?: string;\n icon?: ReactNode;\n loading?: boolean;\n autoClose?: number | false;\n withCloseButton?: boolean;\n withBorder?: boolean;\n onClose?: () => void;\n onOpen?: () => void;\n classNames?: {\n toast?: string;\n root?: string;\n icon?: string;\n loader?: string;\n body?: string;\n title?: string;\n description?: string;\n closeButton?: string;\n };\n};\n\nexport type ToastProviderProps = {\n position?:\n | 'top-left'\n | 'top-right'\n | 'top-center'\n | 'bottom-left'\n | 'bottom-right'\n | 'bottom-center';\n autoClose?: number | false;\n limit?: number;\n zIndex?: number;\n transitionDuration?: number;\n notificationMaxHeight?: number | string;\n};\n\nconst applyClassNames = (classNames?: ToastOptions['classNames']) => ({\n root: cx(classNames?.toast ?? toastRecipe(), classNames?.root ?? toastRoot()),\n icon: cx(classNames?.icon ?? toastIcon()),\n loader: cx(classNames?.loader ?? toastLoader()),\n body: cx(classNames?.body ?? toastBody()),\n title: cx(classNames?.title ?? toastTitle()),\n description: cx(classNames?.description ?? toastDescription()),\n closeButton: cx(classNames?.closeButton ?? toastCloseButton()),\n});\n\nconst ToastProvider = ({\n position = 'top-right',\n autoClose = 5000,\n limit = 5,\n zIndex,\n transitionDuration = 250,\n notificationMaxHeight = 200,\n}: ToastProviderProps) => {\n return (\n <Notifications\n position={position}\n autoClose={autoClose}\n limit={limit}\n zIndex={zIndex}\n transitionDuration={transitionDuration}\n notificationMaxHeight={notificationMaxHeight}\n classNames={{\n root: toastNotifications(),\n }}\n />\n );\n};\n\nexport const Toast = {\n Provider: ToastProvider,\n\n show: ({ color, classNames, ...props }: ToastOptions) => {\n return notifications.show({\n ...props,\n classNames: applyClassNames(classNames),\n });\n },\n\n update: ({ color, classNames, ...props }: ToastOptions) => {\n notifications.update({\n ...props,\n classNames: applyClassNames(classNames),\n });\n },\n\n hide: (id: string) => {\n notifications.hide(id);\n },\n\n clean: () => {\n notifications.clean();\n },\n\n cleanQueue: () => {\n notifications.cleanQueue();\n },\n};\n"],"mappings":"wXAyDA,MAAM,EAAmB,IAA6C,CACpE,KAAM,EAAG,GAAY,OAASA,GAAa,CAAE,GAAY,MAAQ,GAAW,CAAC,CAC7E,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAC,CACzC,OAAQ,EAAG,GAAY,QAAU,GAAa,CAAC,CAC/C,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAC,CACzC,MAAO,EAAG,GAAY,OAAS,GAAY,CAAC,CAC5C,YAAa,EAAG,GAAY,aAAe,GAAkB,CAAC,CAC9D,YAAa,EAAG,GAAY,aAAe,GAAkB,CAAC,CAC/D,EAyBY,EAAQ,CACnB,UAxBqB,CACrB,WAAW,YACX,YAAY,IACZ,QAAQ,EACR,SACA,qBAAqB,IACrB,wBAAwB,OAGtB,EAAC,EAAD,CACY,WACC,YACJ,QACC,SACY,qBACG,wBACvB,WAAY,CACV,KAAM,GAAoB,CAC3B,CACD,CAAA,CAOJ,MAAO,CAAE,QAAO,aAAY,GAAG,KACtB,EAAc,KAAK,CACxB,GAAG,EACH,WAAY,EAAgB,EAAW,CACxC,CAAC,CAGJ,QAAS,CAAE,QAAO,aAAY,GAAG,KAA0B,CACzD,EAAc,OAAO,CACnB,GAAG,EACH,WAAY,EAAgB,EAAW,CACxC,CAAC,EAGJ,KAAO,GAAe,CACpB,EAAc,KAAK,EAAG,EAGxB,UAAa,CACX,EAAc,OAAO,EAGvB,eAAkB,CAChB,EAAc,YAAY,EAE7B"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.mjs","names":["Tooltip","MantineTooltip"],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n tooltip,\n tooltipArrow,\n tooltipRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip as MantineTooltip } from '@mantine/core';\n\nexport type TooltipProps = {\n children?: ReactNode;\n label: ReactNode;\n offset?: number;\n id?: string;\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 inline?: boolean;\n multiline?: boolean;\n disabled?: boolean;\n target?: string;\n withArrow?: boolean;\n keepMounted?: boolean;\n withinPortal?: boolean;\n classNames?: {\n root?: string;\n tooltip?: string;\n arrow?: string;\n };\n};\n\nexport const Tooltip = ({\n children,\n label,\n offset,\n id,\n position,\n inline,\n multiline,\n disabled,\n target,\n withArrow,\n keepMounted,\n withinPortal,\n classNames,\n}: TooltipProps) => {\n return (\n <MantineTooltip\n label={label}\n offset={offset}\n id={id}\n position={position}\n inline={inline}\n multiline={multiline}\n disabled={disabled}\n target={target}\n withArrow={withArrow}\n keepMounted={keepMounted}\n withinPortal={withinPortal}\n classNames={{\n tooltip: cx(\n classNames?.tooltip ?? tooltip(),\n classNames?.root ?? tooltipRoot(),\n ),\n arrow: classNames?.arrow ?? tooltipArrow(),\n }}\n >\n {children}\n </MantineTooltip>\n );\n};\n"],"mappings":"4NA0CA,MAAaA,GAAW,CACtB,WACA,QACA,SACA,KACA,WACA,SACA,YACA,WACA,SACA,YACA,cACA,eACA,gBAGE,EAACC,EAAAA,CACQ,QACC,SACJ,KACM,WACF,SACG,YACD,WACF,SACG,YACE,cACC,eACd,WAAY,CACV,QAAS,EACP,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,CACD,MAAO,GAAY,OAAS,GAAc,CAC3C,CAEA,YACc"}
1
+ {"version":3,"file":"Tooltip.mjs","names":["Tooltip","MantineTooltip"],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n tooltip,\n tooltipArrow,\n tooltipRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip as MantineTooltip } from '@mantine/core';\n\nexport type TooltipProps = {\n children?: ReactNode;\n label: ReactNode;\n offset?: number;\n id?: string;\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 inline?: boolean;\n multiline?: boolean;\n disabled?: boolean;\n target?: string;\n withArrow?: boolean;\n keepMounted?: boolean;\n withinPortal?: boolean;\n classNames?: {\n root?: string;\n tooltip?: string;\n arrow?: string;\n };\n};\n\nexport const Tooltip = ({\n children,\n label,\n offset,\n id,\n position,\n inline,\n multiline,\n disabled,\n target,\n withArrow,\n keepMounted,\n withinPortal,\n classNames,\n}: TooltipProps) => {\n return (\n <MantineTooltip\n label={label}\n offset={offset}\n id={id}\n position={position}\n inline={inline}\n multiline={multiline}\n disabled={disabled}\n target={target}\n withArrow={withArrow}\n keepMounted={keepMounted}\n withinPortal={withinPortal}\n classNames={{\n tooltip: cx(\n classNames?.tooltip ?? tooltip(),\n classNames?.root ?? tooltipRoot(),\n ),\n arrow: classNames?.arrow ?? tooltipArrow(),\n }}\n >\n {children}\n </MantineTooltip>\n );\n};\n"],"mappings":"4NA0CA,MAAaA,GAAW,CACtB,WACA,QACA,SACA,KACA,WACA,SACA,YACA,WACA,SACA,YACA,cACA,eACA,gBAGE,EAACC,EAAD,CACS,QACC,SACJ,KACM,WACF,SACG,YACD,WACF,SACG,YACE,cACC,eACd,WAAY,CACV,QAAS,EACP,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,CACD,MAAO,GAAY,OAAS,GAAc,CAC3C,CAEA,WACc,CAAA"}
package/dist/index.d.mts CHANGED
@@ -7,7 +7,7 @@ import { ButtonVisual, ButtonVisualProps } from "./components/buttons/button-vis
7
7
  import { AssignedUser, AssignedUserProps } from "./components/data-display/assigned-user/AssignedUser.mjs";
8
8
  import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.mjs";
9
9
  import { Badge, BadgeProps } from "./components/data-display/badge/Badge.mjs";
10
- import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./components/data-display/calendar/Calendar.mjs";
10
+ import { Calendar, CalendarEvent, CalendarProps, CalendarView, DateLocalizer } from "./components/data-display/calendar/Calendar.mjs";
11
11
  import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
12
12
  import { TableClassNames, TableProps } from "./components/data-display/table/TableRoot.mjs";
13
13
  import { TableHeadProps } from "./components/data-display/table/TableHead.mjs";
@@ -81,7 +81,5 @@ import { Modal } from "./components/overlays/modal/Modal.mjs";
81
81
  import { Modals } from "./components/overlays/modal/index.mjs";
82
82
  import { Toast, ToastOptions, ToastProviderProps } from "./components/overlays/toast/toast.mjs";
83
83
  import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
84
- import "./components/index.mjs";
85
84
  import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
86
- import "./providers/index.mjs";
87
- export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, useDataTableContext, usePasswordRules, z };
85
+ export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, useDataTableContext, usePasswordRules, z };
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as U}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as W}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as G}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as K}from"./components/overlays/modal/Modal.mjs";import{Modals as q}from"./components/overlays/modal/index.mjs";import{Toast as J}from"./components/overlays/toast/toast.mjs";import{Tooltip as Y}from"./components/overlays/tooltip/Tooltip.mjs";import{AvatarUpload as X}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as Z}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as Q}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as $}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as ee}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as te}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as ne}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as re}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as ie}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ae}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as oe}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as se}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as ce}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as le}from"./components/controls/switch/Switch.mjs";import{Textarea as ue}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as de}from"./components/forms/rules/password-rules.mjs";import{z as fe}from"./components/forms/rules/zod.mjs";import{Form as pe}from"./components/forms/Form.mjs";import{Card as me,CardBase as he,CardBody as ge,CardFooter as _e,CardHeader as ve,CardRoot as ye}from"./components/layouts/card/Card.mjs";import{FluidGrid as be}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as xe}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Se}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Ce}from"./components/navigations/menu/Menu.mjs";import{Sidebar as we}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Te}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Q as Autocomplete,a as Avatar,X as AvatarUpload,o as Badge,Se as Breadcrumbs,e as Button,n as ButtonAction,U as ButtonIcon,W as ButtonIconVisual,r as ButtonLoader,G as ButtonVisual,s as Calendar,me as Card,he as CardBase,ge as CardBody,_e as CardFooter,ve as CardHeader,ye as CardRoot,_ as Checkbox,$ as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,Z as DatePicker,A as DescriptionList,ee as Dropzone,te as DropzoneFiles,ne as FileInput,re as FileInputMultiple,be as FluidGrid,pe as Form,xe as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,Te as MageUiProvider,Ce as Menu,K as Modal,q as Modals,L as NotificationBanner,de as PASSWORD_RULES,T as Pagination,ie as PasswordInput,ae as PasswordStrengthInput,se as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,we as Sidebar,le as Switch,ce as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,ue as Textarea,J as Toast,Y as Tooltip,V as UploadedFile,H as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,g as useDataTableContext,oe as usePasswordRules,fe as z};
1
+ import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as U}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as W}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as G}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as K}from"./components/overlays/modal/Modal.mjs";import{Modals as q}from"./components/overlays/modal/index.mjs";import{Toast as J}from"./components/overlays/toast/toast.mjs";import{AvatarUpload as Y}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as X}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as Z}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as Q}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as $}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as ee}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as te}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ne}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as re}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ie}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as ae}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as oe}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as se}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as ce}from"./components/controls/switch/Switch.mjs";import{Textarea as le}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as ue}from"./components/forms/rules/password-rules.mjs";import{z as de}from"./components/forms/rules/zod.mjs";import{Form as fe}from"./components/forms/Form.mjs";import{Card as pe,CardBase as me,CardBody as he,CardFooter as ge,CardHeader as _e,CardRoot as ve}from"./components/layouts/card/Card.mjs";import{FluidGrid as ye}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as be}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as xe}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Se}from"./components/navigations/menu/Menu.mjs";import{Sidebar as Ce}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as we}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Z as Autocomplete,a as Avatar,Y as AvatarUpload,o as Badge,xe as Breadcrumbs,e as Button,n as ButtonAction,U as ButtonIcon,W as ButtonIconVisual,r as ButtonLoader,G as ButtonVisual,c as Calendar,pe as Card,me as CardBase,he as CardBody,ge as CardFooter,_e as CardHeader,ve as CardRoot,_ as Checkbox,Q as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,X as DatePicker,A as DescriptionList,$ as Dropzone,ee as DropzoneFiles,te as FileInput,ne as FileInputMultiple,ye as FluidGrid,fe as Form,be as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,we as MageUiProvider,Se as Menu,K as Modal,q as Modals,L as NotificationBanner,ue as PASSWORD_RULES,T as Pagination,re as PasswordInput,ie as PasswordStrengthInput,oe as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Ce as Sidebar,ce as Switch,se as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,le as Textarea,J as Toast,s as Tooltip,V as UploadedFile,H as UploadedFileDetails,l as Virtual,t as VisuallyHidden,g as useDataTableContext,ae as usePasswordRules,de as z};
@@ -1,6 +1,5 @@
1
1
  import { ModalRegistry } from "../components/overlays/modal/modal-registry.mjs";
2
2
  import { ToastProviderProps } from "../components/overlays/toast/toast.mjs";
3
- import "../components/overlays/index.mjs";
4
3
  import * as react_jsx_runtime0 from "react/jsx-runtime";
5
4
  import { ReactNode } from "react";
6
5
  import { DayOfWeek } from "@mantine/dates";
@@ -1 +1 @@
1
- {"version":3,"file":"MageUiProvider.d.mts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"mappings":";;;;;;;;KAWY,mBAAA;EACV,KAAA;IACE,MAAA;IACA,cAAA,EAAgB,SAAA;IAChB,WAAA,EAAa,SAAA;IACb,cAAA;IACA,eAAA;EAAA;EAEF,KAAA,GAAQ,kBAAA;EACR,MAAA,GAAS,aAAA;EACT,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,GAK5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
1
+ {"version":3,"file":"MageUiProvider.d.mts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"mappings":";;;;;;;KAWY,mBAAA;EACV,KAAA;IACE,MAAA;IACA,cAAA,EAAgB,SAAA;IAChB,WAAA,EAAa,SAAA;IACb,cAAA;IACA,eAAA;EAAA;EAEF,KAAA,GAAQ,kBAAA;EACR,MAAA,GAAS,aAAA;EACT,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,GAK5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"MageUiProvider.mjs","names":["Modal"],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\nimport { DatesProvider, type DayOfWeek } from '@mantine/dates';\nimport {\n Modal,\n type ModalRegistry,\n Toast,\n type ToastProviderProps,\n} from '@/components/overlays';\n\nexport type MageUiProviderProps = {\n dates: {\n locale: string;\n firstDayOfWeek: DayOfWeek;\n weekendDays: DayOfWeek[];\n labelSeparator: string;\n consistentWeeks: boolean;\n };\n toast?: ToastProviderProps;\n modals?: ModalRegistry;\n children: ReactNode;\n};\n\nexport const MageUiProvider = ({\n dates,\n toast,\n modals,\n children,\n}: MageUiProviderProps) => {\n return (\n <HeadlessMantineProvider>\n <DatesProvider settings={dates}>\n <Toast.Provider {...toast} />\n <Modal.Provider {...modals}>{children}</Modal.Provider>\n </DatesProvider>\n </HeadlessMantineProvider>\n );\n};\n"],"mappings":"uRAwBA,MAAa,GAAkB,CAC7B,QACA,QACA,SACA,cAGE,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,SAAU,YACvB,EAAC,EAAM,SAAA,CAAS,GAAI,EAAA,CAAS,CAC7B,EAACA,EAAM,SAAA,CAAS,GAAI,EAAS,YAA0B,CAAA,EACzC,CAAA,CACQ"}
1
+ {"version":3,"file":"MageUiProvider.mjs","names":["Modal"],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\nimport { DatesProvider, type DayOfWeek } from '@mantine/dates';\nimport {\n Modal,\n type ModalRegistry,\n Toast,\n type ToastProviderProps,\n} from '@/components/overlays';\n\nexport type MageUiProviderProps = {\n dates: {\n locale: string;\n firstDayOfWeek: DayOfWeek;\n weekendDays: DayOfWeek[];\n labelSeparator: string;\n consistentWeeks: boolean;\n };\n toast?: ToastProviderProps;\n modals?: ModalRegistry;\n children: ReactNode;\n};\n\nexport const MageUiProvider = ({\n dates,\n toast,\n modals,\n children,\n}: MageUiProviderProps) => {\n return (\n <HeadlessMantineProvider>\n <DatesProvider settings={dates}>\n <Toast.Provider {...toast} />\n <Modal.Provider {...modals}>{children}</Modal.Provider>\n </DatesProvider>\n </HeadlessMantineProvider>\n );\n};\n"],"mappings":"uRAwBA,MAAa,GAAkB,CAC7B,QACA,QACA,SACA,cAGE,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAe,SAAU,WAAzB,CACE,EAAC,EAAM,SAAP,CAAgB,GAAI,EAAS,CAAA,CAC7B,EAACA,EAAM,SAAP,CAAgB,GAAI,EAAS,WAA0B,CAAA,CACzC,GACQ,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/components",
3
- "version": "1.0.87",
3
+ "version": "1.0.89",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],
@@ -16,50 +16,47 @@
16
16
  "dist"
17
17
  ],
18
18
  "devDependencies": {
19
- "@biomejs/biome": "^2.4.5",
20
- "@pandacss/types": "^1.8.2",
21
- "@types/node": "^25.3.3",
19
+ "@biomejs/biome": "^2.4.8",
20
+ "@pandacss/types": "^1.9.1",
21
+ "@types/node": "^25.5.0",
22
22
  "@types/react": "^19.2.14",
23
23
  "@types/react-big-calendar": "^1.16.3",
24
24
  "@types/react-dom": "^19.2.3",
25
25
  "rimraf": "^6.1.3",
26
- "tsdown": "^0.20.3",
27
- "typescript": "^5.9.3",
28
- "@mage-ui/preset": "1.0.87",
26
+ "tsdown": "^0.21.4",
27
+ "typescript": "^6.0.2",
28
+ "@mage-ui/preset": "1.0.89",
29
29
  "@mage-ui/styled-system": "1.0.8"
30
30
  },
31
31
  "peerDependencies": {
32
+ "@dnd-kit/core": "^6.3.1",
33
+ "@dnd-kit/modifiers": "^9.0.0",
34
+ "@dnd-kit/utilities": "^3.2.2",
32
35
  "@ebay/nice-modal-react": "^1.2.13",
33
36
  "@hookform/resolvers": "^5.2.2",
34
- "@mantine/core": "^8.3.15",
35
- "@mantine/dates": "^8.3.15",
36
- "@mantine/dropzone": "^8.3.15",
37
- "@mantine/hooks": "^8.3.15",
38
- "@mantine/notifications": "^8.3.15",
37
+ "@mantine/core": "^8.3.18",
38
+ "@mantine/dates": "^8.3.18",
39
+ "@mantine/dropzone": "^8.3.18",
40
+ "@mantine/hooks": "^8.3.18",
41
+ "@mantine/notifications": "^8.3.18",
39
42
  "@pandabox/define-recipe": "^0.0.3",
40
- "@pandacss/dev": "^1.8.2",
41
- "@tanstack/react-query": "^5.90.21",
42
- "dayjs": "^1.11.19",
43
+ "@pandacss/dev": "^1.9.1",
44
+ "@tanstack/react-query": "^5.95.2",
45
+ "@tanstack/react-table": "^8.21.3",
46
+ "@tanstack/react-virtual": "^3.13.23",
47
+ "dayjs": "^1.11.20",
43
48
  "embla-carousel": "^8.6.0",
44
49
  "embla-carousel-autoplay": "^8.6.0",
45
50
  "embla-carousel-react": "^8.6.0",
46
- "moment": "^2.30.1",
47
51
  "react": "^19.2.4",
48
52
  "react-big-calendar": "^1.19.4",
49
53
  "react-dom": "^19.2.4",
50
- "react-hook-form": "^7.71.2",
54
+ "react-hook-form": "^7.72.0",
51
55
  "zod": "^4.3.6"
52
56
  },
53
57
  "engines": {
54
58
  "node": ">=24.9.0"
55
59
  },
56
- "dependencies": {
57
- "@dnd-kit/core": "^6.3.1",
58
- "@dnd-kit/modifiers": "^9.0.0",
59
- "@dnd-kit/utilities": "^3.2.2",
60
- "@tanstack/react-table": "^8.21.3",
61
- "@tanstack/react-virtual": "^3.13.19"
62
- },
63
60
  "scripts": {
64
61
  "build": "rimraf dist && panda codegen && tsdown --env.NODE_ENV=production --minify",
65
62
  "clean": "rimraf dist node_modules styled-system",