@mage-ui/components 1.0.107 → 1.0.110

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 (35) hide show
  1. package/dist/components/controls/avatar-dropzone/AvatarDropzone.d.mts +26 -0
  2. package/dist/components/controls/avatar-dropzone/AvatarDropzone.d.mts.map +1 -0
  3. package/dist/components/controls/avatar-dropzone/AvatarDropzone.mjs +2 -0
  4. package/dist/components/controls/avatar-dropzone/AvatarDropzone.mjs.map +1 -0
  5. package/dist/components/controls/index.d.mts +1 -0
  6. package/dist/components/data-display/datatables/useDataTableContext.d.mts.map +1 -1
  7. package/dist/components/data-display/datatables/useDataTableContext.mjs.map +1 -1
  8. package/dist/components/forms/controls/FormHidden.mjs.map +1 -1
  9. package/dist/components/index.d.mts +3 -1
  10. package/dist/components/navigations/index.d.mts +1 -0
  11. package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts +35 -0
  12. package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts.map +1 -0
  13. package/dist/components/navigations/navigation-menu/NavigationMenu.mjs +2 -0
  14. package/dist/components/navigations/navigation-menu/NavigationMenu.mjs.map +1 -0
  15. package/dist/components/navigations/navigation-menu/NavigationMenuListItem.d.mts +12 -0
  16. package/dist/components/navigations/navigation-menu/NavigationMenuListItem.d.mts.map +1 -0
  17. package/dist/components/navigations/navigation-menu/NavigationMenuListItem.mjs +2 -0
  18. package/dist/components/navigations/navigation-menu/NavigationMenuListItem.mjs.map +1 -0
  19. package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.d.mts +17 -0
  20. package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.d.mts.map +1 -0
  21. package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.mjs +2 -0
  22. package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.mjs.map +1 -0
  23. package/dist/components/overlays/index.d.mts +1 -1
  24. package/dist/components/overlays/toast/{toast.d.mts → Toast.d.mts} +7 -3
  25. package/dist/components/overlays/toast/Toast.d.mts.map +1 -0
  26. package/dist/components/overlays/toast/Toast.mjs +2 -0
  27. package/dist/components/overlays/toast/Toast.mjs.map +1 -0
  28. package/dist/index.d.mts +4 -2
  29. package/dist/index.mjs +1 -1
  30. package/dist/providers/MageUiProvider.d.mts +1 -1
  31. package/dist/providers/MageUiProvider.mjs +1 -1
  32. package/package.json +2 -2
  33. package/dist/components/overlays/toast/toast.d.mts.map +0 -1
  34. package/dist/components/overlays/toast/toast.mjs +0 -2
  35. package/dist/components/overlays/toast/toast.mjs.map +0 -1
@@ -0,0 +1,26 @@
1
+ import { IconProps } from "../../data-display/icons/icon/Icon.mjs";
2
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
3
+
4
+ //#region src/components/controls/avatar-dropzone/AvatarDropzone.d.ts
5
+ type AvatarDropzoneProps = {
6
+ value?: string;
7
+ onChange?: (file: File) => void;
8
+ classNames?: {
9
+ dropzone?: string;
10
+ root?: string;
11
+ inner?: string;
12
+ image?: string;
13
+ overlay?: string;
14
+ overlayIconSlot?: string;
15
+ iconSlot?: string;
16
+ icon?: IconProps['classNames'];
17
+ };
18
+ };
19
+ declare const AvatarDropzone: ({
20
+ value,
21
+ onChange,
22
+ classNames
23
+ }: AvatarDropzoneProps) => react_jsx_runtime0.JSX.Element;
24
+ //#endregion
25
+ export { AvatarDropzone, AvatarDropzoneProps };
26
+ //# sourceMappingURL=AvatarDropzone.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarDropzone.d.mts","names":[],"sources":["../../../../src/components/controls/avatar-dropzone/AvatarDropzone.tsx"],"mappings":";;;;KAmBY,mBAAA;EACV,KAAA;EACA,QAAA,IAAY,IAAA,EAAM,IAAA;EAClB,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;IACA,eAAA;IACA,QAAA;IACA,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,cAAA;EAAkB,KAAA;EAAA,QAAA;EAAA;AAAA,GAI5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -0,0 +1,2 @@
1
+ import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{avatarDropzone as n,avatarDropzoneIcon as r,avatarDropzoneIconSlot as i,avatarDropzoneImage as a,avatarDropzoneInner as o,avatarDropzoneOverlay as s,avatarDropzoneOverlayIconSlot as c,avatarDropzoneRoot as l}from"@mage-ui/styled-system/recipes";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{useCallback as p,useState as m}from"react";import{Dropzone as h,IMAGE_MIME_TYPE as g}from"@mantine/dropzone";const _=({value:_,onChange:v,classNames:y})=>{let[b,x]=m(_??null);return f(h,{onDrop:p(e=>{let t=e[0];t&&(x(URL.createObjectURL(t)),v?.(t))},[v]),accept:g,maxFiles:1,classNames:{root:t(y?.dropzone??n(),y?.root??l(),`group`),inner:y?.inner??o()},children:[d(h.Idle,{children:b?f(u,{children:[d(`img`,{src:b,alt:`Avatar`,className:y?.image??a()}),d(`div`,{className:y?.overlay??s()}),d(`div`,{className:y?.overlayIconSlot??c(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:y?.icon?.icon??r()}})})]}):d(`div`,{className:y?.iconSlot??i(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:y?.icon?.icon??r()}})})}),d(h.Accept,{children:d(`div`,{className:y?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:y?.icon?.icon??r()}})})}),d(h.Reject,{children:d(`div`,{className:y?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:y?.icon?.icon??r()}})})})]})};export{_ as AvatarDropzone};
2
+ //# sourceMappingURL=AvatarDropzone.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarDropzone.mjs","names":["MantineDropzone"],"sources":["../../../../src/components/controls/avatar-dropzone/AvatarDropzone.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n avatarDropzone,\n avatarDropzoneIcon,\n avatarDropzoneIconSlot,\n avatarDropzoneImage,\n avatarDropzoneInner,\n avatarDropzoneOverlay,\n avatarDropzoneOverlayIconSlot,\n avatarDropzoneRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n IMAGE_MIME_TYPE,\n Dropzone as MantineDropzone,\n} from '@mantine/dropzone';\nimport { Icon, type IconProps } from '@/components/data-display';\n\nexport type AvatarDropzoneProps = {\n value?: string;\n onChange?: (file: File) => void;\n classNames?: {\n dropzone?: string;\n root?: string;\n inner?: string;\n image?: string;\n overlay?: string;\n overlayIconSlot?: string;\n iconSlot?: string;\n icon?: IconProps['classNames'];\n };\n};\n\nexport const AvatarDropzone = ({\n value,\n onChange,\n classNames,\n}: AvatarDropzoneProps) => {\n const [preview, setPreview] = useState<string | null>(value ?? null);\n\n const handleDrop = useCallback(\n (files: File[]) => {\n const file = files[0];\n if (!file) return;\n const url = URL.createObjectURL(file);\n setPreview(url);\n onChange?.(file);\n },\n [onChange],\n );\n\n return (\n <MantineDropzone\n onDrop={handleDrop}\n accept={IMAGE_MIME_TYPE}\n maxFiles={1}\n classNames={{\n root: cx(\n classNames?.dropzone ?? avatarDropzone(),\n classNames?.root ?? avatarDropzoneRoot(),\n 'group',\n ),\n inner: classNames?.inner ?? avatarDropzoneInner(),\n }}\n >\n <MantineDropzone.Idle>\n {preview ? (\n <>\n <img\n src={preview}\n alt='Avatar'\n className={classNames?.image ?? avatarDropzoneImage()}\n />\n <div className={classNames?.overlay ?? avatarDropzoneOverlay()} />\n <div\n className={\n classNames?.overlayIconSlot ?? avatarDropzoneOverlayIconSlot()\n }\n >\n <Icon\n name='mage-avatar-dropzone-camera-plus'\n path='/icons/sprite-mage.svg'\n classNames={{\n icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n }}\n />\n </div>\n </>\n ) : (\n <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n <Icon\n name='mage-avatar-dropzone-camera-plus'\n path='/icons/sprite-mage.svg'\n classNames={{\n icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n }}\n />\n </div>\n )}\n </MantineDropzone.Idle>\n <MantineDropzone.Accept>\n <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n <Icon\n name='mage-dropzone-thumbs-up'\n path='/icons/sprite-mage.svg'\n classNames={{\n icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n }}\n />\n </div>\n </MantineDropzone.Accept>\n <MantineDropzone.Reject>\n <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n <Icon\n name='mage-dropzone-thumbs-down'\n path='/icons/sprite-mage.svg'\n classNames={{\n icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n }}\n />\n </div>\n </MantineDropzone.Reject>\n </MantineDropzone>\n );\n};\n"],"mappings":"8hBAkCA,MAAa,GAAkB,CAC7B,QACA,WACA,gBACyB,CACzB,GAAM,CAAC,EAAS,GAAc,EAAwB,GAAS,KAAK,CAapE,OACE,EAACA,EAAD,CACE,OAbe,EAChB,GAAkB,CACjB,IAAM,EAAO,EAAM,GACd,IAEL,EADY,IAAI,gBAAgB,EAAK,CACtB,CACf,IAAW,EAAK,GAElB,CAAC,EAAS,CACX,CAKG,OAAQ,EACR,SAAU,EACV,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAgB,CACxC,GAAY,MAAQ,GAAoB,CACxC,QACD,CACD,MAAO,GAAY,OAAS,GAAqB,CAClD,UAXH,CAaE,EAACA,EAAgB,KAAjB,CAAA,SACG,EACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,IAAK,EACL,IAAI,SACJ,UAAW,GAAY,OAAS,GAAqB,CACrD,CAAA,CACF,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAClE,EAAC,MAAD,CACE,UACE,GAAY,iBAAmB,GAA+B,UAGhE,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACL,CAAA,CAAA,CAEH,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CAEa,CAAA,CACvB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACzB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,4BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACT"}
@@ -1,3 +1,4 @@
1
+ import { AvatarDropzone, AvatarDropzoneProps } from "./avatar-dropzone/AvatarDropzone.mjs";
1
2
  import { AvatarUpload, AvatarUploadProps } from "./avatar-upload/AvatarUpload.mjs";
2
3
  import { Checkbox, CheckboxProps } from "./checkbox/Checkbox.mjs";
3
4
  import { DatePicker, DatePickerProps } from "./date-picker/DatePicker.mjs";
@@ -1 +1 @@
1
- {"version":3,"file":"useDataTableContext.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"mappings":";;;;;;KAIY,eAAA;EACV,WAAA;EACA,aAAA,GAAgB,KAAA,EAAO,SAAA,KAAc,SAAA;EACrC,eAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,SAAA,GAAY,KAAA;EACZ,SAAA;EACA,WAAA;EACA,OAAA;AAAA;AAAA,cAGW,yBAAA,EAA2B,eAAA;AAAA,KAa5B,qBAAA;EACV,KAAA,EAAiD,sBAAA,CAAV,KAAA,CAAM,IAAA;EAC7C,OAAA;EACA,WAAA;EACA,MAAA,EAAQ,eAAA;AAAA,IACN,IAAA,CACF,cAAA,CAAe,IAAA;AAAA,cAQJ,mBAAA,cAAgC,qBAAA,CAAsB,IAAA;AAAA,cAYtD,wBAAA,EAAwB,KAAA,CAAA,QAAA,CAAA,qBAAA"}
1
+ {"version":3,"file":"useDataTableContext.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"mappings":";;;;;;KAUY,eAAA;EACV,WAAA;EACA,aAAA,GAAgB,KAAA,EAAO,SAAA,KAAc,SAAA;EACrC,eAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,SAAA,GAAY,KAAA;EACZ,SAAA;EACA,WAAA;EACA,OAAA;AAAA;AAAA,cAGW,yBAAA,EAA2B,eAAA;AAAA,KAa5B,qBAAA;EACV,KAAA,EAAiD,sBAAA,CAAV,KAAA,CAAM,IAAA;EAC7C,OAAA;EACA,WAAA;EACA,MAAA,EAAQ,eAAA;AAAA,IACN,IAAA,CACF,cAAA,CAAe,IAAA;AAAA,cAQJ,mBAAA,cAAgC,qBAAA,CAAsB,IAAA;AAAA,cAYtD,wBAAA,EAAwB,KAAA,CAAA,QAAA,CAAA,qBAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"useDataTableContext.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"sourcesContent":["import { createContext, createElement, Fragment, type ReactNode, useContext } from 'react';\n\nimport type { DataTableProps } from './DataTable';\n\nexport type DataTableLabels = {\n rowsPerPage: string;\n selectedCount: (count: ReactNode) => ReactNode;\n sortedAscending: string;\n sortedDescending: string;\n activateToSort: string;\n selectAllRows: string;\n selectRow: (index: number) => string;\n expandRow: string;\n collapseRow: string;\n loading: string;\n};\n\nexport const DEFAULT_DATA_TABLE_LABELS: DataTableLabels = {\n rowsPerPage: 'Rows per page',\n selectedCount: (count) => createElement(Fragment, null, count, ' selected'),\n sortedAscending: 'Sorted ascending',\n sortedDescending: 'Sorted descending',\n activateToSort: 'Activate to sort',\n selectAllRows: 'Select all rows',\n selectRow: (index) => `Select row ${index}`,\n expandRow: 'Expand row',\n collapseRow: 'Collapse row',\n loading: 'Loading',\n};\n\nexport type DataTableContextValue<Data> = {\n table: import('@tanstack/react-table').Table<Data>;\n refresh: () => void;\n selectedIds: string[];\n labels: DataTableLabels;\n} & Pick<\n DataTableProps<Data>,\n 'loading' | 'sorting' | 'pagination' | 'selection' | 'expansion'\n>;\n\nconst DataTableContext = createContext<DataTableContextValue<unknown> | null>(\n null,\n);\n\nexport const useDataTableContext = <Data>(): DataTableContextValue<Data> => {\n const context = useContext(DataTableContext);\n\n if (!context) {\n throw new Error(\n 'useDataTableContext must be used within <DataTable> or one of its slots.',\n );\n }\n\n return context as DataTableContextValue<Data>;\n};\n\nexport const DataTableContextProvider = DataTableContext.Provider;\n"],"mappings":"uFAiBA,MAAa,EAA6C,CACxD,YAAa,gBACb,cAAgB,GAAU,EAAc,EAAU,KAAM,EAAO,YAAY,CAC3E,gBAAiB,mBACjB,iBAAkB,oBAClB,eAAgB,mBAChB,cAAe,kBACf,UAAY,GAAU,cAAc,IACpC,UAAW,aACX,YAAa,eACb,QAAS,UACV,CAYK,EAAmB,EACvB,KACD,CAEY,MAA+D,CAC1E,IAAM,EAAU,EAAW,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAU,MACR,2EACD,CAGH,OAAO,GAGI,EAA2B,EAAiB"}
1
+ {"version":3,"file":"useDataTableContext.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/useDataTableContext.ts"],"sourcesContent":["import {\n createContext,\n createElement,\n Fragment,\n type ReactNode,\n useContext,\n} from 'react';\n\nimport type { DataTableProps } from './DataTable';\n\nexport type DataTableLabels = {\n rowsPerPage: string;\n selectedCount: (count: ReactNode) => ReactNode;\n sortedAscending: string;\n sortedDescending: string;\n activateToSort: string;\n selectAllRows: string;\n selectRow: (index: number) => string;\n expandRow: string;\n collapseRow: string;\n loading: string;\n};\n\nexport const DEFAULT_DATA_TABLE_LABELS: DataTableLabels = {\n rowsPerPage: 'Rows per page',\n selectedCount: (count) => createElement(Fragment, null, count, ' selected'),\n sortedAscending: 'Sorted ascending',\n sortedDescending: 'Sorted descending',\n activateToSort: 'Activate to sort',\n selectAllRows: 'Select all rows',\n selectRow: (index) => `Select row ${index}`,\n expandRow: 'Expand row',\n collapseRow: 'Collapse row',\n loading: 'Loading',\n};\n\nexport type DataTableContextValue<Data> = {\n table: import('@tanstack/react-table').Table<Data>;\n refresh: () => void;\n selectedIds: string[];\n labels: DataTableLabels;\n} & Pick<\n DataTableProps<Data>,\n 'loading' | 'sorting' | 'pagination' | 'selection' | 'expansion'\n>;\n\nconst DataTableContext = createContext<DataTableContextValue<unknown> | null>(\n null,\n);\n\nexport const useDataTableContext = <Data>(): DataTableContextValue<Data> => {\n const context = useContext(DataTableContext);\n\n if (!context) {\n throw new Error(\n 'useDataTableContext must be used within <DataTable> or one of its slots.',\n );\n }\n\n return context as DataTableContextValue<Data>;\n};\n\nexport const DataTableContextProvider = DataTableContext.Provider;\n"],"mappings":"uFAuBA,MAAa,EAA6C,CACxD,YAAa,gBACb,cAAgB,GAAU,EAAc,EAAU,KAAM,EAAO,YAAY,CAC3E,gBAAiB,mBACjB,iBAAkB,oBAClB,eAAgB,mBAChB,cAAe,kBACf,UAAY,GAAU,cAAc,IACpC,UAAW,aACX,YAAa,eACb,QAAS,UACV,CAYK,EAAmB,EACvB,KACD,CAEY,MAA+D,CAC1E,IAAM,EAAU,EAAW,EAAiB,CAE5C,GAAI,CAAC,EACH,MAAU,MACR,2EACD,CAGH,OAAO,GAGI,EAA2B,EAAiB"}
@@ -1 +1 @@
1
- {"version":3,"file":"FormHidden.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormHidden.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nexport const FormHidden = ({\n name,\n defaultValue,\n}: {\n name?: string;\n defaultValue?: unknown;\n}) => {\n if (!name) return null;\n return (\n <Controller\n name={name}\n defaultValue={defaultValue}\n render={() => <></>}\n />\n );\n};\n\nFormHidden.displayName = 'Form.Hidden';\n"],"mappings":"mGAEA,MAAa,GAAc,CACzB,OACA,kBAKK,EAEH,EAAC,EAAD,CACQ,OACQ,eACd,WAAc,EAAA,EAAA,EAAK,CAAA,CACnB,CAAA,CANc,KAUpB,EAAW,YAAc"}
1
+ {"version":3,"file":"FormHidden.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormHidden.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nexport const FormHidden = ({\n name,\n defaultValue,\n}: {\n name?: string;\n defaultValue?: unknown;\n}) => {\n if (!name) return null;\n return (\n <Controller name={name} defaultValue={defaultValue} render={() => <></>} />\n );\n};\n\nFormHidden.displayName = 'Form.Hidden';\n"],"mappings":"mGAEA,MAAa,GAAc,CACzB,OACA,kBAKK,EAEH,EAAC,EAAD,CAAkB,OAAoB,eAAc,WAAc,EAAA,EAAA,EAAK,CAAA,CAAI,CAAA,CAF3D,KAMpB,EAAW,YAAc"}
@@ -43,6 +43,7 @@ import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
43
43
  import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
44
44
  import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
45
45
  import { UploadedFileDetails, UploadedFileDetailsProps } from "./data-display/uploaded-file/UploadedFileDetails.mjs";
46
+ import { AvatarDropzone, AvatarDropzoneProps } from "./controls/avatar-dropzone/AvatarDropzone.mjs";
46
47
  import { AvatarUpload, AvatarUploadProps } from "./controls/avatar-upload/AvatarUpload.mjs";
47
48
  import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
48
49
  import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
@@ -74,10 +75,11 @@ import { Grid, GridClassNames } from "./layouts/grid/Grid.mjs";
74
75
  import { BreadcrumbsBarProps } from "./navigations/breadcrumbs/BreadcrumbsBar.mjs";
75
76
  import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
76
77
  import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
78
+ import { NavigationMenu, NavigationMenuProps } from "./navigations/navigation-menu/NavigationMenu.mjs";
77
79
  import { Sidebar, SidebarClassNames, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
78
80
  import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./overlays/modal/modal-types.mjs";
79
81
  import { ModalRegistry, ModalRegistryEntry } from "./overlays/modal/modal-registry.mjs";
80
82
  import { Modal } from "./overlays/modal/Modal.mjs";
81
83
  import { Modals } from "./overlays/modal/index.mjs";
82
- import { Toast, ToastOptions, ToastProviderProps } from "./overlays/toast/toast.mjs";
84
+ import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./overlays/toast/Toast.mjs";
83
85
  import { Tooltip, TooltipProps } from "./overlays/tooltip/Tooltip.mjs";
@@ -2,4 +2,5 @@ import { Pagination, PaginationClassNames, PaginationRootProps } from "./paginat
2
2
  import { BreadcrumbsBarProps } from "./breadcrumbs/BreadcrumbsBar.mjs";
3
3
  import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";
4
4
  import { Menu, MenuProps } from "./menu/Menu.mjs";
5
+ import { NavigationMenu, NavigationMenuProps } from "./navigation-menu/NavigationMenu.mjs";
5
6
  import { Sidebar, SidebarClassNames, SidebarProps } from "./sidebars/sidebar/Sidebar.mjs";
@@ -0,0 +1,35 @@
1
+ import { NavigationMenuListItemProps } from "./NavigationMenuListItem.mjs";
2
+ import { NavigationMenuNavItemProps } from "./NavigationMenuNavItem.mjs";
3
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
4
+ import { ReactNode } from "react";
5
+
6
+ //#region src/components/navigations/navigation-menu/NavigationMenu.d.ts
7
+ type NavigationMenuProps = {
8
+ children?: ReactNode;
9
+ classNames?: {
10
+ navigationMenu?: string;
11
+ root?: string;
12
+ list?: string;
13
+ listItem?: string;
14
+ };
15
+ };
16
+ declare const NavigationMenu: {
17
+ ({
18
+ classNames,
19
+ children
20
+ }: NavigationMenuProps): react_jsx_runtime0.JSX.Element;
21
+ ListItem: ({
22
+ classNames,
23
+ children
24
+ }: NavigationMenuListItemProps) => react_jsx_runtime0.JSX.Element;
25
+ NavItem: ({
26
+ children,
27
+ startSlot,
28
+ endSlot,
29
+ isSelected,
30
+ classNames
31
+ }: NavigationMenuNavItemProps) => react_jsx_runtime0.JSX.Element;
32
+ };
33
+ //#endregion
34
+ export { NavigationMenu, NavigationMenuProps };
35
+ //# sourceMappingURL=NavigationMenu.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationMenu.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"mappings":";;;;;;KAYY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,cAAA;IACA,IAAA;IACA,IAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAA;;;KAGV,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -0,0 +1,2 @@
1
+ import{NavigationMenuListItem as e}from"./NavigationMenuListItem.mjs";import{NavigationMenuNavItem as t}from"./NavigationMenuNavItem.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{navigationMenu as r,navigationMenuList as i,navigationMenuRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({classNames:e,children:t})=>o(`nav`,{className:n(e?.navigationMenu??r(),e?.root??a()),children:o(`ul`,{className:e?.list??i(),children:t})});s.ListItem=e,s.NavItem=t;export{s as NavigationMenu};
2
+ //# sourceMappingURL=NavigationMenu.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationMenu.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n navigationMenu,\n navigationMenuList,\n navigationMenuRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { NavigationMenuListItem } from './NavigationMenuListItem';\nimport { NavigationMenuNavItem } from './NavigationMenuNavItem';\n\nexport type NavigationMenuProps = {\n children?: ReactNode;\n classNames?: {\n navigationMenu?: string;\n root?: string;\n list?: string;\n listItem?: string;\n };\n};\n\nexport const NavigationMenu = ({\n classNames,\n children,\n}: NavigationMenuProps) => {\n return (\n <nav\n className={cx(\n classNames?.navigationMenu ?? navigationMenu(),\n classNames?.root ?? navigationMenuRoot(),\n )}\n >\n <ul className={classNames?.list ?? navigationMenuList()}>{children}</ul>\n </nav>\n );\n};\n\nNavigationMenu.ListItem = NavigationMenuListItem;\nNavigationMenu.NavItem = NavigationMenuNavItem;\n"],"mappings":"kVAsBA,MAAa,GAAkB,CAC7B,aACA,cAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAG,WAAc,CAAA,CACpE,CAAA,CAIV,EAAe,SAAW,EAC1B,EAAe,QAAU"}
@@ -0,0 +1,12 @@
1
+ import { ReactNode } from "react";
2
+
3
+ //#region src/components/navigations/navigation-menu/NavigationMenuListItem.d.ts
4
+ type NavigationMenuListItemProps = {
5
+ children?: ReactNode;
6
+ classNames?: {
7
+ listItem?: string;
8
+ };
9
+ };
10
+ //#endregion
11
+ export { NavigationMenuListItemProps };
12
+ //# sourceMappingURL=NavigationMenuListItem.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationMenuListItem.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuListItem.tsx"],"mappings":";;;KAIY,2BAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,QAAA;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ import{navigationMenuListItem as e}from"@mage-ui/styled-system/recipes";import{jsx as t}from"react/jsx-runtime";const n=({classNames:n,children:r})=>t(`li`,{className:n?.listItem??e(),children:r});export{n as NavigationMenuListItem};
2
+ //# sourceMappingURL=NavigationMenuListItem.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationMenuListItem.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuListItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { navigationMenuListItem } from '@mage-ui/styled-system/recipes';\n\nexport type NavigationMenuListItemProps = {\n children?: ReactNode;\n classNames?: {\n listItem?: string;\n };\n};\n\nexport const NavigationMenuListItem = ({\n classNames,\n children,\n}: NavigationMenuListItemProps) => {\n return (\n <li className={classNames?.listItem ?? navigationMenuListItem()}>\n {children}\n </li>\n );\n};\n"],"mappings":"gHAWA,MAAa,GAA0B,CACrC,aACA,cAGE,EAAC,KAAD,CAAI,UAAW,GAAY,UAAY,GAAwB,CAC5D,WACE,CAAA"}
@@ -0,0 +1,17 @@
1
+ import { ReactNode } from "react";
2
+
3
+ //#region src/components/navigations/navigation-menu/NavigationMenuNavItem.d.ts
4
+ type NavigationMenuNavItemProps = {
5
+ children?: ReactNode;
6
+ startSlot?: ReactNode;
7
+ endSlot?: ReactNode;
8
+ isSelected?: boolean;
9
+ classNames?: {
10
+ navLink?: string;
11
+ label?: string;
12
+ section?: string;
13
+ };
14
+ };
15
+ //#endregion
16
+ export { NavigationMenuNavItemProps };
17
+ //# sourceMappingURL=NavigationMenuNavItem.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationMenuNavItem.d.mts","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuNavItem.tsx"],"mappings":";;;KAQY,0BAAA;EACV,QAAA,GAAW,SAAA;EACX,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;EACA,UAAA;IACE,OAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ import{navigationMenuNavItem as e,navigationMenuNavItemLabel as t,navigationMenuNavItemSection as n}from"@mage-ui/styled-system/recipes";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({children:a,startSlot:o,endSlot:s,isSelected:c,classNames:l})=>i(`span`,{className:l?.navLink??e(),"data-selected":c||void 0,children:[o&&r(`span`,{className:l?.section??n(),"data-section":`start`,children:o}),r(`span`,{className:l?.label??t(),children:a}),s&&r(`span`,{className:l?.section??n(),"data-section":`end`,children:s})]});export{a as NavigationMenuNavItem};
2
+ //# sourceMappingURL=NavigationMenuNavItem.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationMenuNavItem.mjs","names":[],"sources":["../../../../src/components/navigations/navigation-menu/NavigationMenuNavItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n navigationMenuNavItem,\n navigationMenuNavItemLabel,\n navigationMenuNavItemSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type NavigationMenuNavItemProps = {\n children?: ReactNode;\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n isSelected?: boolean;\n classNames?: {\n navLink?: string;\n label?: string;\n section?: string;\n };\n};\n\nexport const NavigationMenuNavItem = ({\n children,\n startSlot,\n endSlot,\n isSelected,\n classNames,\n}: NavigationMenuNavItemProps) => {\n return (\n <span\n className={classNames?.navLink ?? navigationMenuNavItem()}\n data-selected={isSelected || undefined}\n >\n {startSlot && (\n <span\n className={classNames?.section ?? navigationMenuNavItemSection()}\n data-section='start'\n >\n {startSlot}\n </span>\n )}\n <span className={classNames?.label ?? navigationMenuNavItemLabel()}>\n {children}\n </span>\n {endSlot && (\n <span\n className={classNames?.section ?? navigationMenuNavItemSection()}\n data-section='end'\n >\n {endSlot}\n </span>\n )}\n </span>\n );\n};\n"],"mappings":"2LAoBA,MAAa,GAAyB,CACpC,WACA,YACA,UACA,aACA,gBAGE,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAAuB,CACzD,gBAAe,GAAc,IAAA,YAF/B,CAIG,GACC,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAA8B,CAChE,eAAa,iBAEZ,EACI,CAAA,CAET,EAAC,OAAD,CAAM,UAAW,GAAY,OAAS,GAA4B,CAC/D,WACI,CAAA,CACN,GACC,EAAC,OAAD,CACE,UAAW,GAAY,SAAW,GAA8B,CAChE,eAAa,eAEZ,EACI,CAAA,CAEJ"}
@@ -2,5 +2,5 @@ import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./moda
2
2
  import { ModalRegistry, ModalRegistryEntry } from "./modal/modal-registry.mjs";
3
3
  import { Modal } from "./modal/Modal.mjs";
4
4
  import { Modals } from "./modal/index.mjs";
5
- import { Toast, ToastOptions, ToastProviderProps } from "./toast/toast.mjs";
5
+ import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./toast/Toast.mjs";
6
6
  import { Tooltip, TooltipProps } from "./tooltip/Tooltip.mjs";
@@ -1,7 +1,8 @@
1
1
  import * as react_jsx_runtime0 from "react/jsx-runtime";
2
2
  import { ReactNode } from "react";
3
3
 
4
- //#region src/components/overlays/toast/toast.d.ts
4
+ //#region src/components/overlays/toast/Toast.d.ts
5
+ type ToastIntent = 'default' | 'neutral' | 'info' | 'success' | 'warning' | 'danger';
5
6
  type ToastOptions = {
6
7
  id?: string;
7
8
  title?: ReactNode;
@@ -12,6 +13,7 @@ type ToastOptions = {
12
13
  autoClose?: number | false;
13
14
  withCloseButton?: boolean;
14
15
  withBorder?: boolean;
16
+ intent?: ToastIntent;
15
17
  onClose?: () => void;
16
18
  onOpen?: () => void;
17
19
  classNames?: {
@@ -45,11 +47,13 @@ declare const Toast: {
45
47
  show: ({
46
48
  color,
47
49
  classNames,
50
+ intent,
48
51
  ...props
49
52
  }: ToastOptions) => string;
50
53
  update: ({
51
54
  color,
52
55
  classNames,
56
+ intent,
53
57
  ...props
54
58
  }: ToastOptions) => void;
55
59
  hide: (id: string) => void;
@@ -57,5 +61,5 @@ declare const Toast: {
57
61
  cleanQueue: () => void;
58
62
  };
59
63
  //#endregion
60
- export { Toast, ToastOptions, ToastProviderProps };
61
- //# sourceMappingURL=toast.d.mts.map
64
+ export { Toast, ToastIntent, ToastOptions, ToastProviderProps };
65
+ //# sourceMappingURL=Toast.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.d.mts","names":[],"sources":["../../../../src/components/overlays/toast/Toast.tsx"],"mappings":";;;;KAkBY,WAAA;AAAA,KAQA,YAAA;EACV,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,OAAA,EAAS,SAAA;EACT,KAAA;EACA,IAAA,GAAO,SAAA;EACP,OAAA;EACA,SAAA;EACA,eAAA;EACA,UAAA;EACA,MAAA,GAAS,WAAA;EACT,OAAA;EACA,MAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;IACA,IAAA;IACA,MAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;IACA,WAAA;EAAA;AAAA;AAAA,KAIQ,kBAAA;EACV,QAAA;EAOA,SAAA;EACA,KAAA;EACA,MAAA;EACA,kBAAA;EACA,qBAAA;AAAA;AAAA,cAyDW,KAAA;;;;;;;;KAhBV,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAmB6B,YAAA;;;;;;KAOE,YAAA"}
@@ -0,0 +1,2 @@
1
+ "use client";import{cx as e}from"@mage-ui/styled-system/css";import{toast as t,toastBody as n,toastCloseButton as r,toastDescription as i,toastIcon as a,toastLoader as o,toastNotifications as s,toastRoot as c,toastTitle as l}from"@mage-ui/styled-system/recipes";import{jsx as u}from"react/jsx-runtime";import{Notifications as d,notifications as f}from"@mantine/notifications";const p={neutral:`neutral`,info:`info`,success:`success`,warning:`warning`,danger:`danger`},m=(s,u)=>{let d=s&&s!==`default`?p[s]:void 0,f=d?c({intent:d}):c();return{root:e(u?.toast??t(),u?.root??f),icon:e(u?.icon??a()),loader:e(u?.loader??o()),body:e(u?.body??n()),title:e(u?.title??l()),description:e(u?.description??i()),closeButton:e(u?.closeButton??r())}},h={Provider:({position:e=`top-right`,autoClose:t=5e3,limit:n=5,zIndex:r,transitionDuration:i=250,notificationMaxHeight:a=200})=>u(d,{position:e,autoClose:t,limit:n,zIndex:r,transitionDuration:i,notificationMaxHeight:a,classNames:{root:s()}}),show:({color:e,classNames:t,intent:n,...r})=>f.show({...r,classNames:m(n,t)}),update:({color:e,classNames:t,intent:n,...r})=>{f.update({...r,classNames:m(n,t)})},hide:e=>{f.hide(e)},clean:()=>{f.clean()},cleanQueue:()=>{f.cleanQueue()}};export{h as Toast};
2
+ //# sourceMappingURL=Toast.mjs.map
@@ -0,0 +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 ToastIntent =\n | 'default'\n | 'neutral'\n | 'info'\n | 'success'\n | 'warning'\n | 'danger';\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 intent?: ToastIntent;\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 intentColorMap: Record<\n Exclude<ToastIntent, 'default'>,\n 'neutral' | 'info' | 'success' | 'warning' | 'danger'\n> = {\n neutral: 'neutral',\n info: 'info',\n success: 'success',\n warning: 'warning',\n danger: 'danger',\n};\n\nconst applyClassNames = (\n intent?: ToastIntent,\n classNames?: ToastOptions['classNames'],\n) => {\n const intentColor =\n intent && intent !== 'default' ? intentColorMap[intent] : undefined;\n const rootClass = intentColor\n ? toastRoot({ intent: intentColor })\n : toastRoot();\n return {\n root: cx(classNames?.toast ?? toastRecipe(), classNames?.root ?? rootClass),\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};\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, intent, ...props }: ToastOptions) => {\n return notifications.show({\n ...props,\n classNames: applyClassNames(intent, classNames),\n });\n },\n\n update: ({ color, classNames, intent, ...props }: ToastOptions) => {\n notifications.update({\n ...props,\n classNames: applyClassNames(intent, 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":"wXAkEA,MAAM,EAGF,CACF,QAAS,UACT,KAAM,OACN,QAAS,UACT,QAAS,UACT,OAAQ,SACT,CAEK,GACJ,EACA,IACG,CACH,IAAM,EACJ,GAAU,IAAW,UAAY,EAAe,GAAU,IAAA,GACtD,EAAY,EACd,EAAU,CAAE,OAAQ,EAAa,CAAC,CAClC,GAAW,CACf,MAAO,CACL,KAAM,EAAG,GAAY,OAASA,GAAa,CAAE,GAAY,MAAQ,EAAU,CAC3E,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,EA0BU,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,SAAQ,GAAG,KAC9B,EAAc,KAAK,CACxB,GAAG,EACH,WAAY,EAAgB,EAAQ,EAAW,CAChD,CAAC,CAGJ,QAAS,CAAE,QAAO,aAAY,SAAQ,GAAG,KAA0B,CACjE,EAAc,OAAO,CACnB,GAAG,EACH,WAAY,EAAgB,EAAQ,EAAW,CAChD,CAAC,EAGJ,KAAO,GAAe,CACpB,EAAc,KAAK,EAAG,EAGxB,UAAa,CACX,EAAc,OAAO,EAGvB,eAAkB,CAChB,EAAc,YAAY,EAE7B"}
package/dist/index.d.mts CHANGED
@@ -43,6 +43,7 @@ import { Tag, TagProps } from "./components/data-display/tag/Tag.mjs";
43
43
  import { TagGroup, TagGroupProps } from "./components/data-display/tag-group/TagGroup.mjs";
44
44
  import { UploadedFile, UploadedFileProps } from "./components/data-display/uploaded-file/UploadedFile.mjs";
45
45
  import { UploadedFileDetails, UploadedFileDetailsProps } from "./components/data-display/uploaded-file/UploadedFileDetails.mjs";
46
+ import { AvatarDropzone, AvatarDropzoneProps } from "./components/controls/avatar-dropzone/AvatarDropzone.mjs";
46
47
  import { AvatarUpload, AvatarUploadProps } from "./components/controls/avatar-upload/AvatarUpload.mjs";
47
48
  import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.mjs";
48
49
  import { DatePicker, DatePickerProps } from "./components/controls/date-picker/DatePicker.mjs";
@@ -74,12 +75,13 @@ import { Grid, GridClassNames } from "./components/layouts/grid/Grid.mjs";
74
75
  import { BreadcrumbsBarProps } from "./components/navigations/breadcrumbs/BreadcrumbsBar.mjs";
75
76
  import { Breadcrumbs, BreadcrumbsProps } from "./components/navigations/breadcrumbs/Breadcrumbs.mjs";
76
77
  import { Menu, MenuProps } from "./components/navigations/menu/Menu.mjs";
78
+ import { NavigationMenu, NavigationMenuProps } from "./components/navigations/navigation-menu/NavigationMenu.mjs";
77
79
  import { Sidebar, SidebarClassNames, SidebarProps } from "./components/navigations/sidebars/sidebar/Sidebar.mjs";
78
80
  import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./components/overlays/modal/modal-types.mjs";
79
81
  import { ModalRegistry, ModalRegistryEntry } from "./components/overlays/modal/modal-registry.mjs";
80
82
  import { Modal } from "./components/overlays/modal/Modal.mjs";
81
83
  import { Modals } from "./components/overlays/modal/index.mjs";
82
- import { Toast, ToastOptions, ToastProviderProps } from "./components/overlays/toast/toast.mjs";
84
+ import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./components/overlays/toast/Toast.mjs";
83
85
  import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
84
86
  import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
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 };
87
+ export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, 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, NavigationMenu, NavigationMenuProps, 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, ToastIntent, 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{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
+ 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{AvatarDropzone as K}from"./components/controls/avatar-dropzone/AvatarDropzone.mjs";import{Modal as q}from"./components/overlays/modal/Modal.mjs";import{Modals as J}from"./components/overlays/modal/index.mjs";import{Toast as Y}from"./components/overlays/toast/Toast.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{NavigationMenu as we}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as Te}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Ee}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Q as Autocomplete,a as Avatar,K as AvatarDropzone,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,c 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,Ee as MageUiProvider,Ce as Menu,q as Modal,J as Modals,we as NavigationMenu,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,Te as Sidebar,le as Switch,ce as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,ue as Textarea,Y as Toast,s as Tooltip,V as UploadedFile,H as UploadedFileDetails,l as Virtual,t as VisuallyHidden,g as useDataTableContext,oe as usePasswordRules,fe as z};
@@ -1,5 +1,5 @@
1
1
  import { ModalRegistry } from "../components/overlays/modal/modal-registry.mjs";
2
- import { ToastProviderProps } from "../components/overlays/toast/toast.mjs";
2
+ import { ToastProviderProps } from "../components/overlays/toast/Toast.mjs";
3
3
  import * as react_jsx_runtime0 from "react/jsx-runtime";
4
4
  import { ReactNode } from "react";
5
5
  import { DayOfWeek } from "@mantine/dates";
@@ -1,2 +1,2 @@
1
- import{Modal as e}from"../components/overlays/modal/Modal.mjs";import{Toast as t}from"../components/overlays/toast/toast.mjs";import{HeadlessMantineProvider as n}from"@mantine/core";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{DatesProvider as a}from"@mantine/dates";const o=({dates:o,toast:s,modals:c,children:l})=>r(n,{children:i(a,{settings:o,children:[r(t.Provider,{...s}),r(e.Provider,{...c,children:l})]})});export{o as MageUiProvider};
1
+ import{Modal as e}from"../components/overlays/modal/Modal.mjs";import{Toast as t}from"../components/overlays/toast/Toast.mjs";import{HeadlessMantineProvider as n}from"@mantine/core";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{DatesProvider as a}from"@mantine/dates";const o=({dates:o,toast:s,modals:c,children:l})=>r(n,{children:i(a,{settings:o,children:[r(t.Provider,{...s}),r(e.Provider,{...c,children:l})]})});export{o as MageUiProvider};
2
2
  //# sourceMappingURL=MageUiProvider.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/components",
3
- "version": "1.0.107",
3
+ "version": "1.0.110",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],
@@ -25,7 +25,7 @@
25
25
  "rimraf": "^6.1.3",
26
26
  "tsdown": "^0.21.4",
27
27
  "typescript": "^5.9.3",
28
- "@mage-ui/preset": "1.0.107",
28
+ "@mage-ui/preset": "1.0.110",
29
29
  "@mage-ui/styled-system": "1.0.8"
30
30
  },
31
31
  "peerDependencies": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"toast.d.mts","names":[],"sources":["../../../../src/components/overlays/toast/toast.tsx"],"mappings":";;;;KAkBY,YAAA;EACV,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,OAAA,EAAS,SAAA;EACT,KAAA;EACA,IAAA,GAAO,SAAA;EACP,OAAA;EACA,SAAA;EACA,eAAA;EACA,UAAA;EACA,OAAA;EACA,MAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;IACA,IAAA;IACA,MAAA;IACA,IAAA;IACA,KAAA;IACA,WAAA;IACA,WAAA;EAAA;AAAA;AAAA,KAIQ,kBAAA;EACV,QAAA;EAOA,SAAA;EACA,KAAA;EACA,MAAA;EACA,kBAAA;EACA,qBAAA;AAAA;AAAA,cAoCW,KAAA;;;;;;;;KAhBV,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;KAmBqB,YAAA;;;;;KAOE,YAAA"}
@@ -1,2 +0,0 @@
1
- "use client";import{cx as e}from"@mage-ui/styled-system/css";import{toast as t,toastBody as n,toastCloseButton as r,toastDescription as i,toastIcon as a,toastLoader as o,toastNotifications as s,toastRoot as c,toastTitle as l}from"@mage-ui/styled-system/recipes";import{jsx as u}from"react/jsx-runtime";import{Notifications as d,notifications as f}from"@mantine/notifications";const p=s=>({root:e(s?.toast??t(),s?.root??c()),icon:e(s?.icon??a()),loader:e(s?.loader??o()),body:e(s?.body??n()),title:e(s?.title??l()),description:e(s?.description??i()),closeButton:e(s?.closeButton??r())}),m={Provider:({position:e=`top-right`,autoClose:t=5e3,limit:n=5,zIndex:r,transitionDuration:i=250,notificationMaxHeight:a=200})=>u(d,{position:e,autoClose:t,limit:n,zIndex:r,transitionDuration:i,notificationMaxHeight:a,classNames:{root:s()}}),show:({color:e,classNames:t,...n})=>f.show({...n,classNames:p(t)}),update:({color:e,classNames:t,...n})=>{f.update({...n,classNames:p(t)})},hide:e=>{f.hide(e)},clean:()=>{f.clean()},cleanQueue:()=>{f.cleanQueue()}};export{m as Toast};
2
- //# sourceMappingURL=toast.mjs.map
@@ -1 +0,0 @@
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"}