@mage-ui/components 1.0.108 → 1.0.110

package/dist/components/data-display/datatables/useDataTableContext.d.mts.map

@@ -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"}
+{"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"}

package/dist/components/data-display/datatables/useDataTableContext.mjs.map

@@ -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"}
+{"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"}

package/dist/components/forms/controls/FormHidden.mjs.map

@@ -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"}
+{"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"}

package/dist/components/index.d.mts

@@ -75,10 +75,11 @@ import { Grid, GridClassNames } from "./layouts/grid/Grid.mjs";
 import { BreadcrumbsBarProps } from "./navigations/breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
 import { Menu, MenuProps } from "./navigations/menu/Menu.mjs";
+import { NavigationMenu, NavigationMenuProps } from "./navigations/navigation-menu/NavigationMenu.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
 import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./overlays/modal/modal-types.mjs";
 import { ModalRegistry, ModalRegistryEntry } from "./overlays/modal/modal-registry.mjs";
 import { Modal } from "./overlays/modal/Modal.mjs";
 import { Modals } from "./overlays/modal/index.mjs";
-import { Toast, ToastOptions, ToastProviderProps } from "./overlays/toast/toast.mjs";
+import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./overlays/toast/Toast.mjs";
 import { Tooltip, TooltipProps } from "./overlays/tooltip/Tooltip.mjs";

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

@@ -2,4 +2,5 @@ import { Pagination, PaginationClassNames, PaginationRootProps } from "./paginat
 import { BreadcrumbsBarProps } from "./breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./breadcrumbs/Breadcrumbs.mjs";
 import { Menu, MenuProps } from "./menu/Menu.mjs";
+import { NavigationMenu, NavigationMenuProps } from "./navigation-menu/NavigationMenu.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./sidebars/sidebar/Sidebar.mjs";

package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts

@@ -0,0 +1,35 @@
+import { NavigationMenuListItemProps } from "./NavigationMenuListItem.mjs";
+import { NavigationMenuNavItemProps } from "./NavigationMenuNavItem.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/navigations/navigation-menu/NavigationMenu.d.ts
+type NavigationMenuProps = {
+  children?: ReactNode;
+  classNames?: {
+    navigationMenu?: string;
+    root?: string;
+    list?: string;
+    listItem?: string;
+  };
+};
+declare const NavigationMenu: {
+  ({
+    classNames,
+    children
+  }: NavigationMenuProps): react_jsx_runtime0.JSX.Element;
+  ListItem: ({
+    classNames,
+    children
+  }: NavigationMenuListItemProps) => react_jsx_runtime0.JSX.Element;
+  NavItem: ({
+    children,
+    startSlot,
+    endSlot,
+    isSelected,
+    classNames
+  }: NavigationMenuNavItemProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { NavigationMenu, NavigationMenuProps };
+//# sourceMappingURL=NavigationMenu.d.mts.map

package/dist/components/navigations/navigation-menu/NavigationMenu.d.mts.map

@@ -0,0 +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"}

package/dist/components/navigations/navigation-menu/NavigationMenu.mjs

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=NavigationMenu.mjs.map

package/dist/components/navigations/navigation-menu/NavigationMenu.mjs.map

@@ -0,0 +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"}

package/dist/components/navigations/navigation-menu/NavigationMenuListItem.d.mts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+
+//#region src/components/navigations/navigation-menu/NavigationMenuListItem.d.ts
+type NavigationMenuListItemProps = {
+  children?: ReactNode;
+  classNames?: {
+    listItem?: string;
+  };
+};
+//#endregion
+export { NavigationMenuListItemProps };
+//# sourceMappingURL=NavigationMenuListItem.d.mts.map

package/dist/components/navigations/navigation-menu/NavigationMenuListItem.d.mts.map

@@ -0,0 +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"}

package/dist/components/navigations/navigation-menu/NavigationMenuListItem.mjs

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=NavigationMenuListItem.mjs.map

package/dist/components/navigations/navigation-menu/NavigationMenuListItem.mjs.map

@@ -0,0 +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"}

package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.d.mts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+
+//#region src/components/navigations/navigation-menu/NavigationMenuNavItem.d.ts
+type NavigationMenuNavItemProps = {
+  children?: ReactNode;
+  startSlot?: ReactNode;
+  endSlot?: ReactNode;
+  isSelected?: boolean;
+  classNames?: {
+    navLink?: string;
+    label?: string;
+    section?: string;
+  };
+};
+//#endregion
+export { NavigationMenuNavItemProps };
+//# sourceMappingURL=NavigationMenuNavItem.d.mts.map

package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.d.mts.map

@@ -0,0 +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"}

package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.mjs

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=NavigationMenuNavItem.mjs.map

package/dist/components/navigations/navigation-menu/NavigationMenuNavItem.mjs.map

@@ -0,0 +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"}

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

@@ -2,5 +2,5 @@ import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./moda
 import { ModalRegistry, ModalRegistryEntry } from "./modal/modal-registry.mjs";
 import { Modal } from "./modal/Modal.mjs";
 import { Modals } from "./modal/index.mjs";
-import { Toast, ToastOptions, ToastProviderProps } from "./toast/toast.mjs";
+import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./toast/Toast.mjs";
 import { Tooltip, TooltipProps } from "./tooltip/Tooltip.mjs";

package/dist/components/overlays/toast/{toast.d.mts → Toast.d.mts}

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
-//#region src/components/overlays/toast/toast.d.ts
+//#region src/components/overlays/toast/Toast.d.ts
+type ToastIntent = 'default' | 'neutral' | 'info' | 'success' | 'warning' | 'danger';
 type ToastOptions = {
   id?: string;
   title?: ReactNode;
@@ -12,6 +13,7 @@ type ToastOptions = {
   autoClose?: number | false;
   withCloseButton?: boolean;
   withBorder?: boolean;
+  intent?: ToastIntent;
   onClose?: () => void;
   onOpen?: () => void;
   classNames?: {
@@ -45,11 +47,13 @@ declare const Toast: {
   show: ({
     color,
     classNames,
+    intent,
     ...props
   }: ToastOptions) => string;
   update: ({
     color,
     classNames,
+    intent,
     ...props
   }: ToastOptions) => void;
   hide: (id: string) => void;
@@ -57,5 +61,5 @@ declare const Toast: {
   cleanQueue: () => void;
 };
 //#endregion
-export { Toast, ToastOptions, ToastProviderProps };
-//# sourceMappingURL=toast.d.mts.map
+export { Toast, ToastIntent, ToastOptions, ToastProviderProps };
+//# sourceMappingURL=Toast.d.mts.map

package/dist/components/overlays/toast/Toast.d.mts.map

@@ -0,0 +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"}

package/dist/components/overlays/toast/Toast.mjs

@@ -0,0 +1,2 @@
+"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};
+//# sourceMappingURL=Toast.mjs.map

package/dist/components/overlays/toast/Toast.mjs.map

@@ -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 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

@@ -75,12 +75,13 @@ import { Grid, GridClassNames } from "./components/layouts/grid/Grid.mjs";
 import { BreadcrumbsBarProps } from "./components/navigations/breadcrumbs/BreadcrumbsBar.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./components/navigations/breadcrumbs/Breadcrumbs.mjs";
 import { Menu, MenuProps } from "./components/navigations/menu/Menu.mjs";
+import { NavigationMenu, NavigationMenuProps } from "./components/navigations/navigation-menu/NavigationMenu.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./components/navigations/sidebars/sidebar/Sidebar.mjs";
 import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./components/overlays/modal/modal-types.mjs";
 import { ModalRegistry, ModalRegistryEntry } from "./components/overlays/modal/modal-registry.mjs";
 import { Modal } from "./components/overlays/modal/Modal.mjs";
 import { Modals } from "./components/overlays/modal/index.mjs";
-import { Toast, ToastOptions, ToastProviderProps } from "./components/overlays/toast/toast.mjs";
+import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./components/overlays/toast/Toast.mjs";
 import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
-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, 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 };
+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

@@ -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{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{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,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,Te as MageUiProvider,Ce as Menu,q as Modal,J 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,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};
+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};

package/dist/providers/MageUiProvider.d.mts

@@ -1,5 +1,5 @@
 import { ModalRegistry } from "../components/overlays/modal/modal-registry.mjs";
-import { ToastProviderProps } from "../components/overlays/toast/toast.mjs";
+import { ToastProviderProps } from "../components/overlays/toast/Toast.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { DayOfWeek } from "@mantine/dates";

package/dist/providers/MageUiProvider.mjs

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=MageUiProvider.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.108",
+  "version": "1.0.110",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.108",
+    "@mage-ui/preset": "1.0.110",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {

package/dist/components/overlays/toast/toast.d.mts.map

@@ -1 +0,0 @@
-{"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"}

package/dist/components/overlays/toast/toast.mjs

@@ -1,2 +0,0 @@
-"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};
-//# sourceMappingURL=toast.mjs.map

package/dist/components/overlays/toast/toast.mjs.map

@@ -1 +0,0 @@
-{"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"}