@mage-ui/components 1.0.50 → 1.0.52

package/dist/components/index.d.mts

@@ -62,17 +62,10 @@ import "./misc/index.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./navigations/breadcrumbs/Breadcrumbs.mjs";
 import { Sidebar, SidebarClassNames, SidebarProps } from "./navigations/sidebars/sidebar/Sidebar.mjs";
 import "./navigations/index.mjs";
-import { Modal, ModalProps, ModalRootProps } from "./overlays/modal/Modal.mjs";
-import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./overlays/modals/alert/ModalAlert.mjs";
-import { alert } from "./overlays/modals/alert/alert.mjs";
-import { alertById } from "./overlays/modals/alert/alertById.mjs";
-import { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps } from "./overlays/modals/confirm/ModalConfirm.mjs";
-import { confirm } from "./overlays/modals/confirm/confirm.mjs";
-import { confirmById } from "./overlays/modals/confirm/confirmById.mjs";
-import { ModalsProvider, ModalsProviderProps } from "./overlays/modals/ModalsProvider.mjs";
-import { ModalComponent, ModalInternalProps, createModal } from "./overlays/modals/registry/createModal.mjs";
-import { openModalById } from "./overlays/modals/registry/openModalById.mjs";
-import { registerModal } from "./overlays/modals/registry/registerModal.mjs";
+import { 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 { Tooltip, TooltipProps } from "./overlays/tooltip/Tooltip.mjs";
 import "./overlays/index.mjs";

package/dist/components/navigations/breadcrumbs/Breadcrumbs.d.mts

@@ -1,3 +1,4 @@
+import { BreadcrumbsBarProps } from "./BreadcrumbsBar.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
@@ -11,6 +12,7 @@ type BreadcrumbsProps = {
     list?: string;
     item?: string;
     separator?: string;
+    current?: string;
   };
   children?: ReactNode;
 };
@@ -26,6 +28,15 @@ declare const Breadcrumbs: {
     }: ItemProps): ReactNode;
     displayName: string;
   };
+  Bar: {
+    ({
+      backText,
+      classNames,
+      children,
+      onBack
+    }: BreadcrumbsBarProps): ReactNode;
+    displayName: string;
+  };
 };
 type ItemProps = {
   children: ReactNode;

package/dist/components/navigations/breadcrumbs/Breadcrumbs.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.mts","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/Breadcrumbs.tsx"],"mappings":";;;;KAoBY,gBAAA;EACV,SAAA,GAAY,SAAA;EACZ,UAAA;IACE,WAAA;IACA,IAAA;IACA,OAAA;IACA,IAAA;IACA,IAAA;IACA,SAAA;EAAA;EAEF,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,WAAA;EAAA;;;;KAIV,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;OAkES,SAAA,GAAS,SAAA;;;;KAJhC,SAAA;EACH,QAAA,EAAU,SAAA;AAAA"}
+{"version":3,"file":"Breadcrumbs.d.mts","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/Breadcrumbs.tsx"],"mappings":";;;;;KAuBY,gBAAA;EACV,SAAA,GAAY,SAAA;EACZ,UAAA;IACE,WAAA;IACA,IAAA;IACA,OAAA;IACA,IAAA;IACA,IAAA;IACA,SAAA;IACA,OAAA;EAAA;EAEF,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,WAAA;EAAA;;;;KAIV,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;OAmFS,SAAA,GAAS,SAAA;;;;;;;;;;;;;KAJhC,SAAA;EACH,QAAA,EAAU,SAAA;AAAA"}

package/dist/components/navigations/breadcrumbs/Breadcrumbs.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{breadcrumbs as t,breadcrumbsCurrent as n,breadcrumbsItem as r,breadcrumbsList as i,breadcrumbsRoot as a,breadcrumbsSeparator as o,breadcrumbsWrapper as s}from"@mage-ui/styled-system/recipes";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{Children as d,cloneElement as f,isValidElement as p}from"react";const m=({separator:n=`/`,children:f,classNames:m})=>l(`nav`,{"aria-label":`breadcrumb`,className:e(m?.breadcrumbs??t(),m?.root??a()),children:l(`div`,{className:m?.wrapper??s(),children:l(`ol`,{className:m?.list??i(),children:d.map(f,(e,t)=>{if(p(e)&&e.type===g)return u(`li`,{className:m?.item??r(),children:[t<d.count(f)-1&&u(c,{children:[e,l(`span`,{"aria-hidden":`true`,className:m?.separator??o(),children:n})]}),t===d.count(f)-1&&h(e)]},e.key)})})})}),h=e=>{if(p(e)&&p(e.props.children)){let t=e.props.children;return f(t,{"aria-current":`page`,...t.props??{}})}return l(`span`,{"aria-current":`page`,className:n(),children:e})},g=({children:e})=>e;g.displayName=`Breadcrumbs.Item`,m.Item=g;export{m as Breadcrumbs};
+import{BreadcrumbsBar as e}from"./BreadcrumbsBar.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{breadcrumbs as n,breadcrumbsCurrent as r,breadcrumbsItem as i,breadcrumbsList as a,breadcrumbsRoot as o,breadcrumbsSeparator as s,breadcrumbsWrapper as c}from"@mage-ui/styled-system/recipes";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{Children as f,Fragment as p,cloneElement as m,isValidElement as h}from"react";const g=({separator:e=`/`,children:r,classNames:f})=>{let p=_(r);return u(`nav`,{"aria-label":`breadcrumb`,className:t(f?.breadcrumbs??n(),f?.root??o()),children:u(`div`,{className:f?.wrapper??c(),children:u(`ol`,{className:f?.list??a(),children:p.map((t,n)=>d(`li`,{className:f?.item??i(),children:[n<p.length-1&&d(l,{children:[t,u(`span`,{"aria-hidden":`true`,className:f?.separator??s(),children:e})]}),n===p.length-1&&v(t,f)]},t.key??`breadcrumbs-item-${n}`))})})})},_=e=>f.toArray(e).flatMap(e=>h(e)?e.type===p?_(e.props.children):e.type===y?[e]:[]:[]),v=(e,t)=>{if(h(e)&&h(e.props.children)){let t=e.props.children;return m(t,{"aria-current":`page`,...t.props??{}})}return u(`span`,{"aria-current":`page`,className:t?.current??r(),children:e})},y=({children:e})=>e;y.displayName=`Breadcrumbs.Item`,g.Item=y,g.Bar=e;export{g as Breadcrumbs};
 //# sourceMappingURL=Breadcrumbs.mjs.map

package/dist/components/navigations/breadcrumbs/Breadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.mjs","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbs,\n  breadcrumbsCurrent,\n  breadcrumbsItem,\n  breadcrumbsList,\n  breadcrumbsRoot,\n  breadcrumbsSeparator,\n  breadcrumbsWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    breadcrumbs?: string;\n    root?: string;\n    wrapper?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={cx(\n        classNames?.breadcrumbs ?? breadcrumbs(),\n        classNames?.root ?? breadcrumbsRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsWrapper()}>\n        <ol className={classNames?.list ?? breadcrumbsList()}>\n          {Children.map(children, (child, index) => {\n            if (\n              isValidElement<{ children: ReactNode }>(child) &&\n              child.type === Item\n            ) {\n              return (\n                <li\n                  key={child.key}\n                  className={classNames?.item ?? breadcrumbsItem()}\n                >\n                  {index < Children.count(children) - 1 && (\n                    <>\n                      {child}\n                      <span\n                        aria-hidden='true'\n                        className={\n                          classNames?.separator ?? breadcrumbsSeparator()\n                        }\n                      >\n                        {separator}\n                      </span>\n                    </>\n                  )}\n                  {index === Children.count(children) - 1 && lastItem(child)}\n                </li>\n              );\n            }\n          })}\n        </ol>\n      </div>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode }>;\n\nconst lastItem = (child: Child) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return (\n    <span aria-current='page' className={breadcrumbsCurrent()}>\n      {child}\n    </span>\n  );\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\n"],"mappings":"6XAiCA,MAAa,GAAe,CAC1B,YAAY,IACZ,WACA,gBAGE,EAAC,MAAA,CACC,aAAW,aACX,UAAW,EACT,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAoB,UACzD,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAiB,UACjD,EAAS,IAAI,GAAW,EAAO,IAAU,CACxC,GACE,EAAwC,EAAM,EAC9C,EAAM,OAAS,EAEf,OACE,EAAC,KAAA,CAEC,UAAW,GAAY,MAAQ,GAAiB,WAE/C,EAAQ,EAAS,MAAM,EAAS,CAAG,GAClC,EAAA,EAAA,CAAA,SAAA,CACG,EACD,EAAC,OAAA,CACC,cAAY,OACZ,UACE,GAAY,WAAa,GAAsB,UAGhD,GACI,CAAA,CAAA,CACN,CAEJ,IAAU,EAAS,MAAM,EAAS,CAAG,GAAK,EAAS,EAAM,CAAA,EAhBrD,EAAM,IAiBR,EAGT,EACC,EACD,EACF,CAMJ,EAAY,GAAiB,CACjC,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,OAAO,EAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,EAAE,CAC9B,CAAgC,CAEnC,OACE,EAAC,OAAA,CAAK,eAAa,OAAO,UAAW,GAAoB,UACtD,GACI,EAQL,GAAQ,CAAE,cACP,EAGT,EAAK,YAAc,mBACnB,EAAY,KAAO"}
+{"version":3,"file":"Breadcrumbs.mjs","names":["Fragment"],"sources":["../../../../src/components/navigations/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  Fragment,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbs,\n  breadcrumbsCurrent,\n  breadcrumbsItem,\n  breadcrumbsList,\n  breadcrumbsRoot,\n  breadcrumbsSeparator,\n  breadcrumbsWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { BreadcrumbsBar } from './BreadcrumbsBar';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    breadcrumbs?: string;\n    root?: string;\n    wrapper?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n    current?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  const items = getItems(children);\n\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={cx(\n        classNames?.breadcrumbs ?? breadcrumbs(),\n        classNames?.root ?? breadcrumbsRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsWrapper()}>\n        <ol className={classNames?.list ?? breadcrumbsList()}>\n          {items.map((child, index) => (\n            <li\n              key={child.key ?? `breadcrumbs-item-${index}`}\n              className={classNames?.item ?? breadcrumbsItem()}\n            >\n              {index < items.length - 1 && (\n                <>\n                  {child}\n                  <span\n                    aria-hidden='true'\n                    className={classNames?.separator ?? breadcrumbsSeparator()}\n                  >\n                    {separator}\n                  </span>\n                </>\n              )}\n              {index === items.length - 1 && lastItem(child, classNames)}\n            </li>\n          ))}\n        </ol>\n      </div>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode }>;\n\nconst getItems = (children: ReactNode): Child[] => {\n  return Children.toArray(children).flatMap((child) => {\n    if (!isValidElement<{ children?: ReactNode }>(child)) {\n      return [];\n    }\n\n    if (child.type === Fragment) {\n      return getItems(child.props.children);\n    }\n\n    if (child.type === Item) {\n      return [child];\n    }\n\n    return [];\n  });\n};\n\nconst lastItem = (\n  child: Child,\n  classNames?: BreadcrumbsProps['classNames'],\n) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return (\n    <span\n      aria-current='page'\n      className={classNames?.current ?? breadcrumbsCurrent()}\n    >\n      {child}\n    </span>\n  );\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\nBreadcrumbs.Bar = BreadcrumbsBar;\n"],"mappings":"icAqCA,MAAa,GAAe,CAC1B,YAAY,IACZ,WACA,gBACsB,CACtB,IAAM,EAAQ,EAAS,EAAS,CAEhC,OACE,EAAC,MAAA,CACC,aAAW,aACX,UAAW,EACT,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAoB,UACzD,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAiB,UACjD,EAAM,KAAK,EAAO,IACjB,EAAC,KAAA,CAEC,UAAW,GAAY,MAAQ,GAAiB,WAE/C,EAAQ,EAAM,OAAS,GACtB,EAAA,EAAA,CAAA,SAAA,CACG,EACD,EAAC,OAAA,CACC,cAAY,OACZ,UAAW,GAAY,WAAa,GAAsB,UAEzD,GACI,CAAA,CAAA,CACN,CAEJ,IAAU,EAAM,OAAS,GAAK,EAAS,EAAO,EAAW,CAAA,EAdrD,EAAM,KAAO,oBAAoB,IAenC,CACL,EACC,EACD,EACF,EAMJ,EAAY,GACT,EAAS,QAAQ,EAAS,CAAC,QAAS,GACpC,EAAyC,EAAM,CAIhD,EAAM,OAASA,EACV,EAAS,EAAM,MAAM,SAAS,CAGnC,EAAM,OAAS,EACV,CAAC,EAAM,CAGT,EAAE,CAXA,EAAE,CAYX,CAGE,GACJ,EACA,IACG,CACH,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,OAAO,EAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,EAAE,CAC9B,CAAgC,CAEnC,OACE,EAAC,OAAA,CACC,eAAa,OACb,UAAW,GAAY,SAAW,GAAoB,UAErD,GACI,EAQL,GAAQ,CAAE,cACP,EAGT,EAAK,YAAc,mBACnB,EAAY,KAAO,EACnB,EAAY,IAAM"}

package/dist/components/navigations/breadcrumbs/BreadcrumbsBar.d.mts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+
+//#region src/components/navigations/breadcrumbs/BreadcrumbsBar.d.ts
+type BreadcrumbsBarProps = {
+  backText?: ReactNode;
+  classNames?: {
+    breadcrumbsBar?: string;
+    root?: string;
+    wrapper?: string;
+    divider?: string;
+    buttonBack?: string;
+  };
+  children?: ReactNode;
+  onBack?: () => void;
+};
+//#endregion
+export { BreadcrumbsBarProps };
+//# sourceMappingURL=BreadcrumbsBar.d.mts.map

package/dist/components/navigations/breadcrumbs/BreadcrumbsBar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsBar.d.mts","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/BreadcrumbsBar.tsx"],"mappings":";;;KAYY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,UAAA;IACE,cAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,UAAA;EAAA;EAEF,QAAA,GAAW,SAAA;EACX,MAAA;AAAA"}

package/dist/components/navigations/breadcrumbs/BreadcrumbsBar.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{breadcrumbsBar as t,breadcrumbsBarButtonBack as n,breadcrumbsBarDivider as r,breadcrumbsBarRoot as i,breadcrumbsBarWrapper as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{Breadcrumbs as c,Button as l,Icon as u}from"@mage-ui/components";const d=({backText:d,classNames:f,children:p,onBack:m})=>o(`div`,{className:e(f?.breadcrumbsBar??t(),f?.root??i()),children:s(`div`,{className:f?.wrapper??a(),children:[o(l,{startSlot:o(u,{path:`/icons/sprite-mage.svg`,name:`breadcrumbs-back`}),classNames:{button:f?.buttonBack??n()},onClick:m,children:d}),o(`span`,{className:f?.divider??r()}),o(c,{separator:o(u,{path:`/icons/sprite-mage.svg`,name:`breadcrumbs-separator`}),children:p})]})});d.displayName=`Breadcrumbs.Bar`;export{d as BreadcrumbsBar};
+//# sourceMappingURL=BreadcrumbsBar.mjs.map

package/dist/components/navigations/breadcrumbs/BreadcrumbsBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsBar.mjs","names":[],"sources":["../../../../src/components/navigations/breadcrumbs/BreadcrumbsBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Breadcrumbs, Button, Icon } from '@mage-ui/components';\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbsBar,\n  breadcrumbsBarButtonBack,\n  breadcrumbsBarDivider,\n  breadcrumbsBarRoot,\n  breadcrumbsBarWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nexport type BreadcrumbsBarProps = {\n  backText?: ReactNode;\n  classNames?: {\n    breadcrumbsBar?: string;\n    root?: string;\n    wrapper?: string;\n    divider?: string;\n    buttonBack?: string;\n  };\n  children?: ReactNode;\n  onBack?: () => void;\n};\n\nexport const BreadcrumbsBar = ({\n  backText,\n  classNames,\n  children,\n  onBack,\n}: BreadcrumbsBarProps): ReactNode => {\n  return (\n    <div\n      className={cx(\n        classNames?.breadcrumbsBar ?? breadcrumbsBar(),\n        classNames?.root ?? breadcrumbsBarRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsBarWrapper()}>\n        <Button\n          startSlot={\n            <Icon path='/icons/sprite-mage.svg' name='breadcrumbs-back' />\n          }\n          classNames={{\n            button: classNames?.buttonBack ?? breadcrumbsBarButtonBack(),\n          }}\n          onClick={onBack}\n        >\n          {backText}\n        </Button>\n        <span className={classNames?.divider ?? breadcrumbsBarDivider()} />\n        <Breadcrumbs\n          separator={\n            <Icon path='/icons/sprite-mage.svg' name='breadcrumbs-separator' />\n          }\n        >\n          {children}\n        </Breadcrumbs>\n      </div>\n    </div>\n  );\n};\n\nBreadcrumbsBar.displayName = 'Breadcrumbs.Bar';\n"],"mappings":"sVAyBA,MAAa,GAAkB,CAC7B,WACA,aACA,WACA,YAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAuB,WAC5D,EAAC,EAAA,CACC,UACE,EAAC,EAAA,CAAK,KAAK,yBAAyB,KAAK,oBAAqB,CAEhE,WAAY,CACV,OAAQ,GAAY,YAAc,GAA0B,CAC7D,CACD,QAAS,WAER,GACM,CACT,EAAC,OAAA,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAA,CAAI,CACnE,EAAC,EAAA,CACC,UACE,EAAC,EAAA,CAAK,KAAK,yBAAyB,KAAK,yBAA0B,CAGpE,YACW,GACV,EACF,CAIV,EAAe,YAAc"}

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

@@ -1,13 +1,6 @@
-import { Modal, ModalProps, ModalRootProps } from "./modal/Modal.mjs";
-import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./modals/alert/ModalAlert.mjs";
-import { alert } from "./modals/alert/alert.mjs";
-import { alertById } from "./modals/alert/alertById.mjs";
-import { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps } from "./modals/confirm/ModalConfirm.mjs";
-import { confirm } from "./modals/confirm/confirm.mjs";
-import { confirmById } from "./modals/confirm/confirmById.mjs";
-import { ModalsProvider, ModalsProviderProps } from "./modals/ModalsProvider.mjs";
-import { ModalComponent, ModalInternalProps, createModal } from "./modals/registry/createModal.mjs";
-import { openModalById } from "./modals/registry/openModalById.mjs";
-import { registerModal } from "./modals/registry/registerModal.mjs";
+import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./modal/modal-types.mjs";
+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 { Tooltip, TooltipProps } from "./tooltip/Tooltip.mjs";

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

@@ -1,72 +1,31 @@
+import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./modal-types.mjs";
+import { ModalRegistry, ModalRegistryEntry, registerModal } from "./modal-registry.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { HTMLAttributes, ReactNode } from "react";
+import * as react from "react";
+import * as _ebay_nice_modal_react0 from "@ebay/nice-modal-react";
 
 //#region src/components/overlays/modal/Modal.d.ts
-type ModalProps = {
-  opened: boolean;
-  onClose: () => void;
-  id?: string;
-  title?: ReactNode;
-  children: ReactNode;
-  centered?: boolean;
-  withCloseButton?: boolean;
-  closeOnClickOutside?: boolean;
-  closeOnEscape?: boolean;
-  withinPortal?: boolean;
-  keepMounted?: boolean;
-  classNames?: {
-    modal?: string;
-    root?: string;
-    overlay?: string;
-    inner?: string;
-    content?: string;
-    header?: string;
-    title?: string;
-    body?: string;
-    close?: string;
-    footer?: string;
-  };
-};
-declare const Modal: {
-  ({
-    opened,
-    onClose,
-    id,
-    title,
-    children,
-    centered,
-    withCloseButton,
-    closeOnClickOutside,
-    closeOnEscape,
-    withinPortal,
-    keepMounted,
-    classNames
-  }: ModalProps): react_jsx_runtime0.JSX.Element;
-  Root: {
-    ({
-      opened,
-      onClose,
-      children,
-      id,
-      withinPortal,
-      keepMounted,
-      centered,
-      classNames,
-      intent
-    }: ModalRootProps): react_jsx_runtime0.JSX.Element;
-    displayName: string;
-  };
+declare const Modal: (({
+  id,
+  ...props
+}: ModalProps) => react_jsx_runtime0.JSX.Element) & {
+  displayName: "Modal";
+  Provider: react.ComponentType<{
+    children: react.ReactNode;
+    modals?: ModalRegistry;
+  }>;
+  register: typeof registerModal;
+  show: typeof _ebay_nice_modal_react0.show;
+  hide: typeof _ebay_nice_modal_react0.hide;
   Overlay: {
-    (_: {
-      children?: never;
-    }): react_jsx_runtime0.JSX.Element;
+    (): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
   Content: {
     ({
       children
     }: {
-      children: ReactNode;
+      children: react.ReactNode;
     }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
@@ -74,7 +33,7 @@ declare const Modal: {
     ({
       children
     }: {
-      children: ReactNode;
+      children: react.ReactNode;
     }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
@@ -82,7 +41,7 @@ declare const Modal: {
     ({
       children
     }: {
-      children: ReactNode;
+      children: react.ReactNode;
     }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
@@ -90,7 +49,7 @@ declare const Modal: {
     ({
       children
     }: {
-      children: ReactNode;
+      children: react.ReactNode;
     }): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
@@ -103,13 +62,10 @@ declare const Modal: {
       children,
       className,
       ...props
-    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
+    }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
 };
-type ModalRootProps = Omit<ModalProps, 'title' | 'withCloseButton'> & {
-  intent?: 'default' | 'info' | 'success' | 'warning' | 'danger';
-};
 //#endregion
-export { Modal, ModalProps, ModalRootProps };
+export { Modal };
 //# sourceMappingURL=Modal.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;KAmBY,UAAA;EACV,MAAA;EACA,OAAA;EACA,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,QAAA,EAAU,SAAA;EACV,QAAA;EACA,eAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EACA,WAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,OAAA;IACA,MAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,MAAA;EAAA;AAAA;AAAA,cAIS,KAAA;EAAA;;;;;;;;;;;;;KAaV,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAgDV,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;MA0BU,QAAA;IAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQP,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAJtB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAQvB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;MAIpB,QAAA,EAAU,SAAA;IAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;OAYtD,cAAA,CAAe,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KApErB,cAAA,GAAiB,IAAA,CAAK,UAAA;EAChC,MAAA;AAAA"}
+{"version":3,"file":"Modal.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/Modal.tsx"],"mappings":";;;;;;;cAsBa,KAAA;EAAK,EAAA;EAAA,GAAA;AAAA,GAAA,UAAA,KAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cAAA,KAAA,CAAA,SAAA"}

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

@@ -1,2 +1,2 @@
-import{ModalProvider as e}from"./ModalContext.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{modal as n,modalBody as r,modalClose as i,modalContent as a,modalFooter as o,modalHeader as s,modalInner as c,modalOverlay as l,modalRoot as u,modalTitle as d}from"@mage-ui/styled-system/recipes";import{Modal as f}from"@mantine/core";import{jsx as p}from"react/jsx-runtime";const m=({opened:o,onClose:m,id:h,title:g,children:_,centered:v=!0,withCloseButton:y=!0,closeOnClickOutside:b=!0,closeOnEscape:x=!0,withinPortal:S=!0,keepMounted:C=!1,classNames:w})=>p(e,{value:{onClose:m},children:p(f,{id:h,opened:o,onClose:m,title:g,centered:v,withCloseButton:y,closeOnClickOutside:b,closeOnEscape:x,withinPortal:S,keepMounted:C,classNames:{root:t(w?.modal??n(),w?.root??u()),overlay:w?.overlay??l(),inner:w?.inner??c(),content:w?.content??a(),header:w?.header??s(),title:w?.title??d(),body:w?.body??r(),close:w?.close??i()},children:_})}),h=({opened:e,onClose:o,children:m,id:h,withinPortal:g=!0,keepMounted:_,centered:v,classNames:y,intent:b})=>p(f.Root,{opened:e,onClose:o,id:h,withinPortal:g,keepMounted:_,centered:v,"data-intent":b,classNames:{root:t(y?.modal??n(),y?.root??u()),overlay:y?.overlay??l(),inner:y?.inner??c(),content:y?.content??a(),header:y?.header??s(),title:y?.title??d(),body:y?.body??r(),close:y?.close??i()},children:m}),g=e=>p(f.Overlay,{}),_=({children:e})=>p(f.Header,{children:e}),v=({children:e})=>p(f.Content,{children:e}),y=({children:e})=>p(f.Body,{children:e}),b=({children:e})=>p(f.Title,{children:e}),x=()=>p(f.CloseButton,{}),S=({children:e,className:t,...n})=>p(`div`,{className:t??o(),...n,children:e});m.Root=h,h.displayName=`Modal.Root`,m.Overlay=g,g.displayName=`Modal.Overlay`,m.Content=v,v.displayName=`Modal.Content`,m.Header=_,_.displayName=`Modal.Header`,m.Body=y,y.displayName=`Modal.Body`,m.Title=b,b.displayName=`Modal.Title`,m.CloseButton=x,x.displayName=`Modal.CloseButton`,m.Footer=S,S.displayName=`Modal.Footer`;export{m as Modal};
+import{ModalBody as e,ModalCloseButton as t,ModalContent as n,ModalFooter as r,ModalHeader as i,ModalOverlay as a,ModalTitle as o}from"./modal-primitives.mjs";import{ModalInner as s}from"./modal-core.mjs";import{ModalProvider as c,registerModal as l}from"./modal-registry.mjs";import u from"@ebay/nice-modal-react";const d=Object.assign(s,{displayName:`Modal`,Provider:c,register:l,show:u.show,hide:u.hide,Overlay:a,Content:n,Header:i,Body:e,Title:o,CloseButton:t,Footer:r});export{d as Modal};
 //# sourceMappingURL=Modal.mjs.map

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

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

package/dist/components/overlays/modal/features/ModalAlert.d.mts

@@ -0,0 +1,26 @@
+import { ModalClassNames } from "../modal-types.mjs";
+import "../Modal.mjs";
+import { ModalDialogProps } from "./ModalDialog.mjs";
+import "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/overlays/modal/features/ModalAlert.d.ts
+type ModalAlertClassNames = ModalClassNames & {
+  footer?: string;
+  confirmButton?: {
+    button?: string;
+    root?: string;
+    inner?: string;
+    label?: string;
+    section?: string;
+  };
+};
+type ModalAlertProps = Omit<ModalDialogProps, 'id' | 'footer'> & {
+  content?: ReactNode;
+  confirmLabel?: ReactNode;
+  onConfirm?: () => void;
+  classNames?: ModalAlertClassNames;
+};
+//#endregion
+export { ModalAlertProps };
+//# sourceMappingURL=ModalAlert.d.mts.map

package/dist/components/overlays/modal/features/ModalAlert.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalAlert.d.mts","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalAlert.tsx"],"mappings":";;;;;;;KAyBY,oBAAA,GAAuB,eAAA;EACjC,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,eAAA,GAAkB,IAAA,CAAK,gBAAA;EACjC,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,SAAA;EACA,UAAA,GAAa,oBAAA;AAAA"}

package/dist/components/overlays/modal/features/ModalAlert.mjs

@@ -0,0 +1,2 @@
+import{Button as e}from"../../../buttons/button/Button.mjs";import{ModalDialog as t}from"./ModalDialog.mjs";import{modalAlert as n,modalAlertBody as r,modalAlertButtonConfirm as i,modalAlertButtonConfirmInner as a,modalAlertButtonConfirmLabel as o,modalAlertButtonConfirmRoot as s,modalAlertButtonConfirmSection as c,modalAlertClose as l,modalAlertContent as u,modalAlertFooter as d,modalAlertHeader as f,modalAlertInner as p,modalAlertOverlay as m,modalAlertRoot as h,modalAlertTitle as g}from"@mage-ui/styled-system/recipes";import{jsx as _}from"react/jsx-runtime";import{useModal as v}from"@ebay/nice-modal-react";const y=({id:y})=>{let b=v(y),{title:x,content:S,confirmLabel:C=`Close`,onConfirm:w,classNames:T}=b.args;return _(t,{id:y,title:x,body:S,classNames:{modal:T?.modal??n(),root:T?.root??h(),overlay:T?.overlay??m(),inner:T?.inner??p(),content:T?.content??u(),header:T?.header??f(),title:T?.title??g(),close:T?.close??l(),body:T?.body??r(),footer:T?.footer??d()},footer:_(e,{onClick:()=>{w?.(),b.resolve(!0),b.hide()},classNames:{button:T?.confirmButton?.button??i(),root:T?.confirmButton?.root??s(),inner:T?.confirmButton?.inner??a(),label:T?.confirmButton?.label??o(),section:T?.confirmButton?.section??c()},children:C})})};export{y as ModalAlert};
+//# sourceMappingURL=ModalAlert.mjs.map

package/dist/components/overlays/modal/features/ModalAlert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalAlert.mjs","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalAlert.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useModal } from '@ebay/nice-modal-react';\nimport {\n  modalAlert,\n  modalAlertBody,\n  modalAlertButtonConfirm,\n  modalAlertButtonConfirmInner,\n  modalAlertButtonConfirmLabel,\n  modalAlertButtonConfirmRoot,\n  modalAlertButtonConfirmSection,\n  modalAlertClose,\n  modalAlertContent,\n  modalAlertFooter,\n  modalAlertHeader,\n  modalAlertInner,\n  modalAlertOverlay,\n  modalAlertRoot,\n  modalAlertTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\n\nimport type { ModalClassNames } from '../Modal';\nimport { ModalDialog, type ModalDialogProps } from './ModalDialog';\n\nexport type ModalAlertClassNames = ModalClassNames & {\n  footer?: string;\n  confirmButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n};\n\nexport type ModalAlertProps = Omit<ModalDialogProps, 'id' | 'footer'> & {\n  content?: ReactNode;\n  confirmLabel?: ReactNode;\n  onConfirm?: () => void;\n  classNames?: ModalAlertClassNames;\n};\n\ntype ModalAlertComponentProps = {\n  id: string;\n} & Partial<ModalAlertProps>;\n\nexport const ModalAlert = ({ id }: ModalAlertComponentProps) => {\n  const modal = useModal(id);\n\n  const {\n    title,\n    content,\n    confirmLabel = 'Close',\n    onConfirm,\n    classNames,\n  } = modal.args as Partial<ModalAlertProps>;\n\n  const handleConfirm = () => {\n    onConfirm?.();\n    modal.resolve(true);\n    modal.hide();\n  };\n\n  const modalClassNames = {\n    modal: classNames?.modal ?? modalAlert(),\n    root: classNames?.root ?? modalAlertRoot(),\n    overlay: classNames?.overlay ?? modalAlertOverlay(),\n    inner: classNames?.inner ?? modalAlertInner(),\n    content: classNames?.content ?? modalAlertContent(),\n    header: classNames?.header ?? modalAlertHeader(),\n    title: classNames?.title ?? modalAlertTitle(),\n    close: classNames?.close ?? modalAlertClose(),\n    body: classNames?.body ?? modalAlertBody(),\n    footer: classNames?.footer ?? modalAlertFooter(),\n  };\n\n  const confirmButtonClassNames = {\n    button: classNames?.confirmButton?.button ?? modalAlertButtonConfirm(),\n    root: classNames?.confirmButton?.root ?? modalAlertButtonConfirmRoot(),\n    inner: classNames?.confirmButton?.inner ?? modalAlertButtonConfirmInner(),\n    label: classNames?.confirmButton?.label ?? modalAlertButtonConfirmLabel(),\n    section:\n      classNames?.confirmButton?.section ?? modalAlertButtonConfirmSection(),\n  };\n\n  return (\n    <ModalDialog\n      id={id}\n      title={title}\n      body={content}\n      classNames={modalClassNames}\n      footer={\n        <Button onClick={handleConfirm} classNames={confirmButtonClassNames}>\n          {confirmLabel}\n        </Button>\n      }\n    />\n  );\n};\n"],"mappings":"ymBA+CA,MAAa,GAAc,CAAE,QAAmC,CAC9D,IAAM,EAAQ,EAAS,EAAG,CAEpB,CACJ,QACA,UACA,eAAe,QACf,YACA,cACE,EAAM,KA8BV,OACE,EAAC,EAAA,CACK,KACG,QACP,KAAM,EACN,WA3BoB,CACtB,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAgB,CAC1C,QAAS,GAAY,SAAW,GAAmB,CACnD,MAAO,GAAY,OAAS,GAAiB,CAC7C,QAAS,GAAY,SAAW,GAAmB,CACnD,OAAQ,GAAY,QAAU,GAAkB,CAChD,MAAO,GAAY,OAAS,GAAiB,CAC7C,MAAO,GAAY,OAAS,GAAiB,CAC7C,KAAM,GAAY,MAAQ,GAAgB,CAC1C,OAAQ,GAAY,QAAU,GAAkB,CACjD,CAiBG,OACE,EAAC,EAAA,CAAO,YAnCc,CAC1B,KAAa,CACb,EAAM,QAAQ,GAAK,CACnB,EAAM,MAAM,EAgCwB,WAhBN,CAC9B,OAAQ,GAAY,eAAe,QAAU,GAAyB,CACtE,KAAM,GAAY,eAAe,MAAQ,GAA6B,CACtE,MAAO,GAAY,eAAe,OAAS,GAA8B,CACzE,MAAO,GAAY,eAAe,OAAS,GAA8B,CACzE,QACE,GAAY,eAAe,SAAW,GAAgC,CACzE,UAUQ,GACM,EAEX"}

package/dist/components/overlays/modal/features/ModalConfirm.d.mts

@@ -0,0 +1,35 @@
+import { ModalClassNames } from "../modal-types.mjs";
+import "../Modal.mjs";
+import { ModalDialogProps } from "./ModalDialog.mjs";
+import "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/overlays/modal/features/ModalConfirm.d.ts
+type ModalConfirmClassNames = ModalClassNames & {
+  footer?: string;
+  confirmButton?: {
+    button?: string;
+    root?: string;
+    inner?: string;
+    label?: string;
+    section?: string;
+  };
+  cancelButton?: {
+    button?: string;
+    root?: string;
+    inner?: string;
+    label?: string;
+    section?: string;
+  };
+};
+type ModalConfirmProps = Omit<ModalDialogProps, 'id' | 'footer'> & {
+  content?: ReactNode;
+  confirmLabel?: ReactNode;
+  cancelLabel?: ReactNode;
+  onConfirm?: () => void;
+  onCancel?: () => void;
+  classNames?: ModalConfirmClassNames;
+};
+//#endregion
+export { ModalConfirmProps };
+//# sourceMappingURL=ModalConfirm.d.mts.map

package/dist/components/overlays/modal/features/ModalConfirm.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalConfirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalConfirm.tsx"],"mappings":";;;;;;;KA8BY,sBAAA,GAAyB,eAAA;EACnC,MAAA;EACA,aAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;EAEF,YAAA;IACE,MAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;EAAA;AAAA;AAAA,KAIQ,iBAAA,GAAoB,IAAA,CAAK,gBAAA;EACnC,OAAA,GAAU,SAAA;EACV,YAAA,GAAe,SAAA;EACf,WAAA,GAAc,SAAA;EACd,SAAA;EACA,QAAA;EACA,UAAA,GAAa,sBAAA;AAAA"}

package/dist/components/overlays/modal/features/ModalConfirm.mjs

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

package/dist/components/overlays/modal/features/ModalConfirm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalConfirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalConfirm.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useModal } from '@ebay/nice-modal-react';\nimport {\n  modalConfirm,\n  modalConfirmBody,\n  modalConfirmButtonCancel,\n  modalConfirmButtonCancelInner,\n  modalConfirmButtonCancelLabel,\n  modalConfirmButtonCancelRoot,\n  modalConfirmButtonCancelSection,\n  modalConfirmButtonConfirm,\n  modalConfirmButtonConfirmInner,\n  modalConfirmButtonConfirmLabel,\n  modalConfirmButtonConfirmRoot,\n  modalConfirmButtonConfirmSection,\n  modalConfirmClose,\n  modalConfirmContent,\n  modalConfirmFooter,\n  modalConfirmHeader,\n  modalConfirmInner,\n  modalConfirmOverlay,\n  modalConfirmRoot,\n  modalConfirmTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\n\nimport type { ModalClassNames } from '../Modal';\nimport { ModalDialog, type ModalDialogProps } from './ModalDialog';\n\nexport type ModalConfirmClassNames = ModalClassNames & {\n  footer?: string;\n  confirmButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n  cancelButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n};\n\nexport type ModalConfirmProps = Omit<ModalDialogProps, 'id' | 'footer'> & {\n  content?: ReactNode;\n  confirmLabel?: ReactNode;\n  cancelLabel?: ReactNode;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n  classNames?: ModalConfirmClassNames;\n};\n\ntype ModalConfirmComponentProps = {\n  id: string;\n} & Partial<ModalConfirmProps>;\n\nexport const ModalConfirm = ({ id }: ModalConfirmComponentProps) => {\n  const modal = useModal(id);\n  const {\n    title,\n    content,\n    confirmLabel = 'Confirm',\n    cancelLabel = 'Cancel',\n    intent,\n    onConfirm,\n    onCancel,\n    classNames,\n  } = modal.args as Partial<ModalConfirmProps>;\n\n  const modalClassNames = {\n    modal: classNames?.modal ?? modalConfirm(),\n    root: classNames?.root ?? modalConfirmRoot(),\n    overlay: classNames?.overlay ?? modalConfirmOverlay(),\n    inner: classNames?.inner ?? modalConfirmInner(),\n    content: classNames?.content ?? modalConfirmContent(),\n    header: classNames?.header ?? modalConfirmHeader(),\n    title: classNames?.title ?? modalConfirmTitle(),\n    close: classNames?.close ?? modalConfirmClose(),\n    body: classNames?.body ?? modalConfirmBody(),\n    footer: classNames?.footer ?? modalConfirmFooter(),\n  };\n\n  const confirmButtonClassNames = {\n    button: classNames?.confirmButton?.button ?? modalConfirmButtonConfirm(),\n    root: classNames?.confirmButton?.root ?? modalConfirmButtonConfirmRoot(),\n    inner: classNames?.confirmButton?.inner ?? modalConfirmButtonConfirmInner(),\n    label: classNames?.confirmButton?.label ?? modalConfirmButtonConfirmLabel(),\n    section:\n      classNames?.confirmButton?.section ?? modalConfirmButtonConfirmSection(),\n  };\n\n  const cancelButtonClassNames = {\n    button: classNames?.cancelButton?.button ?? modalConfirmButtonCancel(),\n    root: classNames?.cancelButton?.root ?? modalConfirmButtonCancelRoot(),\n    inner: classNames?.cancelButton?.inner ?? modalConfirmButtonCancelInner(),\n    label: classNames?.cancelButton?.label ?? modalConfirmButtonCancelLabel(),\n    section:\n      classNames?.cancelButton?.section ?? modalConfirmButtonCancelSection(),\n  };\n\n  const handleConfirm = () => {\n    onConfirm?.();\n    modal.resolve(true);\n    modal.hide();\n  };\n\n  const handleCancel = () => {\n    onCancel?.();\n    modal.resolve(false);\n    modal.hide();\n  };\n\n  return (\n    <ModalDialog\n      id={id}\n      title={title}\n      body={content}\n      intent={intent}\n      classNames={modalClassNames}\n      onClose={handleCancel}\n      footer={\n        <>\n          <Button onClick={handleCancel} classNames={cancelButtonClassNames}>\n            {cancelLabel}\n          </Button>\n\n          <Button onClick={handleConfirm} classNames={confirmButtonClassNames}>\n            {confirmLabel}\n          </Button>\n        </>\n      }\n    />\n  );\n};\n"],"mappings":"00BA6DA,MAAa,GAAgB,CAAE,QAAqC,CAClE,IAAM,EAAQ,EAAS,EAAG,CACpB,CACJ,QACA,UACA,eAAe,UACf,cAAc,SACd,SACA,YACA,WACA,cACE,EAAM,KAEJ,EAAkB,CACtB,MAAO,GAAY,OAAS,GAAc,CAC1C,KAAM,GAAY,MAAQ,GAAkB,CAC5C,QAAS,GAAY,SAAW,GAAqB,CACrD,MAAO,GAAY,OAAS,GAAmB,CAC/C,QAAS,GAAY,SAAW,GAAqB,CACrD,OAAQ,GAAY,QAAU,GAAoB,CAClD,MAAO,GAAY,OAAS,GAAmB,CAC/C,MAAO,GAAY,OAAS,GAAmB,CAC/C,KAAM,GAAY,MAAQ,GAAkB,CAC5C,OAAQ,GAAY,QAAU,GAAoB,CACnD,CAEK,EAA0B,CAC9B,OAAQ,GAAY,eAAe,QAAU,GAA2B,CACxE,KAAM,GAAY,eAAe,MAAQ,GAA+B,CACxE,MAAO,GAAY,eAAe,OAAS,GAAgC,CAC3E,MAAO,GAAY,eAAe,OAAS,GAAgC,CAC3E,QACE,GAAY,eAAe,SAAW,GAAkC,CAC3E,CAEK,EAAyB,CAC7B,OAAQ,GAAY,cAAc,QAAU,GAA0B,CACtE,KAAM,GAAY,cAAc,MAAQ,GAA8B,CACtE,MAAO,GAAY,cAAc,OAAS,GAA+B,CACzE,MAAO,GAAY,cAAc,OAAS,GAA+B,CACzE,QACE,GAAY,cAAc,SAAW,GAAiC,CACzE,CAEK,MAAsB,CAC1B,KAAa,CACb,EAAM,QAAQ,GAAK,CACnB,EAAM,MAAM,EAGR,MAAqB,CACzB,KAAY,CACZ,EAAM,QAAQ,GAAM,CACpB,EAAM,MAAM,EAGd,OACE,EAAC,EAAA,CACK,KACG,QACP,KAAM,EACE,SACR,WAAY,EACZ,QAAS,EACT,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAO,QAAS,EAAc,WAAY,WACxC,GACM,CAET,EAAC,EAAA,CAAO,QAAS,EAAe,WAAY,WACzC,GACM,CAAA,CAAA,CACR,EAEL"}

package/dist/components/overlays/modal/features/ModalDialog.d.mts

@@ -0,0 +1,20 @@
+import { ModalClassNames, ModalIntent } from "../modal-types.mjs";
+import "../Modal.mjs";
+import "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/overlays/modal/features/ModalDialog.d.ts
+type ModalDialogProps = {
+  id: string;
+  title?: ReactNode;
+  body?: ReactNode;
+  intent?: ModalIntent;
+  footer?: ReactNode;
+  classNames?: ModalClassNames & {
+    footer?: string;
+  };
+  onClose?: () => void;
+};
+//#endregion
+export { ModalDialogProps };
+//# sourceMappingURL=ModalDialog.d.mts.map

package/dist/components/overlays/modal/features/ModalDialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDialog.d.mts","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalDialog.tsx"],"mappings":";;;;;;KAIY,gBAAA;EACV,EAAA;EACA,KAAA,GAAQ,SAAA;EACR,IAAA,GAAO,SAAA;EACP,MAAA,GAAS,WAAA;EACT,MAAA,GAAS,SAAA;EACT,UAAA,GAAa,eAAA;IAAoB,MAAA;EAAA;EACjC,OAAA;AAAA"}

package/dist/components/overlays/modal/features/ModalDialog.mjs

@@ -0,0 +1,2 @@
+import{Modal as e}from"../Modal.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({title:r,body:i,footer:a,classNames:o,...s})=>n(e,{classNames:o,...s,children:[t(e.Overlay,{}),n(e.Content,{children:[n(e.Header,{children:[t(e.Title,{children:r}),t(e.CloseButton,{})]}),t(e.Body,{children:i}),t(e.Footer,{className:o?.footer,children:a})]})]});export{r as ModalDialog};
+//# sourceMappingURL=ModalDialog.mjs.map

package/dist/components/overlays/modal/features/ModalDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalDialog.mjs","names":[],"sources":["../../../../../src/components/overlays/modal/features/ModalDialog.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Modal, type ModalClassNames, type ModalIntent } from '../Modal';\n\nexport type ModalDialogProps = {\n  id: string;\n  title?: ReactNode;\n  body?: ReactNode;\n  intent?: ModalIntent;\n  footer?: ReactNode;\n  classNames?: ModalClassNames & { footer?: string };\n  onClose?: () => void;\n};\n\nexport const ModalDialog = ({\n  title,\n  body,\n  footer,\n  classNames,\n  ...props\n}: ModalDialogProps) => {\n  return (\n    <Modal classNames={classNames} {...props}>\n      <Modal.Overlay />\n      <Modal.Content>\n        <Modal.Header>\n          <Modal.Title>{title}</Modal.Title>\n          <Modal.CloseButton />\n        </Modal.Header>\n\n        <Modal.Body>{body}</Modal.Body>\n\n        <Modal.Footer className={classNames?.footer}>{footer}</Modal.Footer>\n      </Modal.Content>\n    </Modal>\n  );\n};\n"],"mappings":"uFAcA,MAAa,GAAe,CAC1B,QACA,OACA,SACA,aACA,GAAG,KAGD,EAAC,EAAA,CAAkB,aAAY,GAAI,YACjC,EAAC,EAAM,QAAA,EAAA,CAAU,CACjB,EAAC,EAAM,QAAA,CAAA,SAAA,CACL,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEf,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAkB,CAE/B,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,gBAAS,GAAsB,GACtD,CAAA,EACV"}

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

@@ -0,0 +1,23 @@
+import { ModalClassNames, ModalIntent, ModalProps, ModalRootProps } from "./modal-types.mjs";
+import { ModalRegistry, ModalRegistryEntry } from "./modal-registry.mjs";
+import { Modal } from "./Modal.mjs";
+import { ModalAlertProps } from "./features/ModalAlert.mjs";
+import { ModalConfirmProps } from "./features/ModalConfirm.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/overlays/modal/index.d.ts
+declare const Modals: {
+  readonly Alert: ({
+    id
+  }: {
+    id: string;
+  } & Partial<ModalAlertProps>) => react_jsx_runtime0.JSX.Element;
+  readonly Confirm: ({
+    id
+  }: {
+    id: string;
+  } & Partial<ModalConfirmProps>) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Modals };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/index.ts"],"mappings":";;;;;;;;cAKa,MAAA;EAAA"}

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

@@ -0,0 +1,2 @@
+import{Modal as e}from"./Modal.mjs";import{ModalAlert as t}from"./features/ModalAlert.mjs";import{ModalConfirm as n}from"./features/ModalConfirm.mjs";const r={Alert:t,Confirm:n};export{r as Modals};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/overlays/modal/index.ts"],"sourcesContent":["import { ModalAlert } from './features/ModalAlert';\nimport { ModalConfirm } from './features/ModalConfirm';\n\nexport * from './Modal';\n\nexport const Modals = {\n  Alert: ModalAlert,\n  Confirm: ModalConfirm,\n} as const;\n"],"mappings":"sJAKA,MAAa,EAAS,CACpB,MAAO,EACP,QAAS,EACV"}

package/dist/components/overlays/modal/modal-core.mjs

@@ -0,0 +1,2 @@
+import{ModalBody as e,ModalCloseButton as t,ModalContent as n,ModalHeader as r,ModalOverlay as i,ModalRoot as a,ModalTitle as o}from"./modal-primitives.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";import l,{useEffect as u,useState as d}from"react";import f,{unregister as p,useModal as m}from"@ebay/nice-modal-react";const h=[`Modal.Header`,`Modal.Body`,`Modal.Content`,`Modal.Overlay`,`Modal.Title`,`Modal.CloseButton`,`Modal.Footer`],g=({opened:u,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:g,keepMounted:_,intent:v,classNames:y,title:b,withCloseButton:x=!0,children:S})=>{let C=l.Children.toArray(S).some(e=>{if(!l.isValidElement(e))return!1;let t=e.type;return t.displayName&&h.includes(t.displayName)}),w={opened:u,onClose:d,centered:f,closeOnClickOutside:p,closeOnEscape:m,withinPortal:g,keepMounted:_,intent:v,classNames:y};if(C)return s(a,{...w,children:S});let T=!!b||x;return c(a,{...w,children:[s(i,{}),c(n,{children:[T&&c(r,{children:[b&&s(o,{children:b}),x&&s(t,{})]}),s(e,{children:S})]})]})},_=f.create(({onClose:e,children:t,...n})=>{let r=m(),[i,a]=d(!1);return u(()=>{if(r.visible){let e=requestAnimationFrame(()=>{a(!0)});return()=>cancelAnimationFrame(e)}a(!1)},[r.visible]),s(g,{opened:i,onClose:()=>{e?.(),r.hide()},...n,children:t})}),v=({id:e,...t})=>(p(e),f.register(e,()=>s(_,{id:e,...t})),s(_,{id:e,...t}));export{v as ModalInner};
+//# sourceMappingURL=modal-core.mjs.map

package/dist/components/overlays/modal/modal-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-core.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-core.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport {\n  ModalBody,\n  ModalCloseButton,\n  ModalContent,\n  ModalHeader,\n  ModalOverlay,\n  ModalRoot,\n  ModalTitle,\n} from './modal-primitives';\nimport type { ModalCoreProps, ModalProps } from './modal-types';\n\nconst SLOT_DISPLAY_NAMES = [\n  'Modal.Header',\n  'Modal.Body',\n  'Modal.Content',\n  'Modal.Overlay',\n  'Modal.Title',\n  'Modal.CloseButton',\n  'Modal.Footer',\n] as const;\n\nexport const ModalCore = ({\n  opened,\n  onClose,\n  centered,\n  closeOnClickOutside,\n  closeOnEscape,\n  withinPortal,\n  keepMounted,\n  intent,\n  classNames,\n  title,\n  withCloseButton = true,\n  children,\n}: ModalCoreProps) => {\n  const hasSlots = React.Children.toArray(children).some((child) => {\n    if (!React.isValidElement(child)) return false;\n    const childType = child.type as { displayName?: string };\n    return (\n      childType.displayName &&\n      SLOT_DISPLAY_NAMES.includes(\n        childType.displayName as (typeof SLOT_DISPLAY_NAMES)[number],\n      )\n    );\n  });\n\n  const props = {\n    opened,\n    onClose,\n    centered,\n    closeOnClickOutside,\n    closeOnEscape,\n    withinPortal,\n    keepMounted,\n    intent,\n    classNames,\n  };\n\n  if (hasSlots) {\n    return <ModalRoot {...props}>{children}</ModalRoot>;\n  }\n\n  const hasHeader = !!title || withCloseButton;\n\n  return (\n    <ModalRoot {...props}>\n      <ModalOverlay />\n      <ModalContent>\n        {hasHeader && (\n          <ModalHeader>\n            {title && <ModalTitle>{title}</ModalTitle>}\n            {withCloseButton && <ModalCloseButton />}\n          </ModalHeader>\n        )}\n        <ModalBody>{children}</ModalBody>\n      </ModalContent>\n    </ModalRoot>\n  );\n};\n\nconst ModalInnerComponent = NiceModal.create<ModalProps>(\n  ({ onClose, children, ...props }: ModalProps) => {\n    const modal = useModal();\n    const [isOpen, setIsOpen] = useState(false);\n\n    useEffect(() => {\n      if (modal.visible) {\n        const raf = requestAnimationFrame(() => {\n          setIsOpen(true);\n        });\n        return () => cancelAnimationFrame(raf);\n      }\n\n      setIsOpen(false);\n    }, [modal.visible]);\n\n    return (\n      <ModalCore\n        opened={isOpen}\n        onClose={() => {\n          onClose?.();\n          modal.hide();\n        }}\n        {...props}\n      >\n        {children}\n      </ModalCore>\n    );\n  },\n);\n\nexport const ModalInner = ({ id, ...props }: ModalProps) => {\n  unregister(id);\n  NiceModal.register(id, () => <ModalInnerComponent id={id} {...props} />);\n  return <ModalInnerComponent id={id} {...props} />;\n};\n"],"mappings":"uUAeA,MAAM,EAAqB,CACzB,eACA,aACA,gBACA,gBACA,cACA,oBACA,eACD,CAEY,GAAa,CACxB,SACA,UACA,WACA,sBACA,gBACA,eACA,cACA,SACA,aACA,QACA,kBAAkB,GAClB,cACoB,CACpB,IAAM,EAAW,EAAM,SAAS,QAAQ,EAAS,CAAC,KAAM,GAAU,CAChE,GAAI,CAAC,EAAM,eAAe,EAAM,CAAE,MAAO,GACzC,IAAM,EAAY,EAAM,KACxB,OACE,EAAU,aACV,EAAmB,SACjB,EAAU,YACX,EAEH,CAEI,EAAQ,CACZ,SACA,UACA,WACA,sBACA,gBACA,eACA,cACA,SACA,aACD,CAED,GAAI,EACF,OAAO,EAAC,EAAA,CAAU,GAAI,EAAQ,YAAqB,CAGrD,IAAM,EAAY,CAAC,CAAC,GAAS,EAE7B,OACE,EAAC,EAAA,CAAU,GAAI,YACb,EAAC,EAAA,EAAA,CAAe,CAChB,EAAC,EAAA,CAAA,SAAA,CACE,GACC,EAAC,EAAA,CAAA,SAAA,CACE,GAAS,EAAC,EAAA,CAAA,SAAY,EAAA,CAAmB,CACzC,GAAmB,EAAC,EAAA,EAAA,CAAmB,CAAA,CAAA,CAC5B,CAEhB,EAAC,EAAA,CAAW,WAAA,CAAqB,CAAA,CAAA,CACpB,CAAA,EACL,EAIV,EAAsB,EAAU,QACnC,CAAE,UAAS,WAAU,GAAG,KAAwB,CAC/C,IAAM,EAAQ,GAAU,CAClB,CAAC,EAAQ,GAAa,EAAS,GAAM,CAa3C,OAXA,MAAgB,CACd,GAAI,EAAM,QAAS,CACjB,IAAM,EAAM,0BAA4B,CACtC,EAAU,GAAK,EACf,CACF,UAAa,qBAAqB,EAAI,CAGxC,EAAU,GAAM,EACf,CAAC,EAAM,QAAQ,CAAC,CAGjB,EAAC,EAAA,CACC,OAAQ,EACR,YAAe,CACb,KAAW,CACX,EAAM,MAAM,EAEd,GAAI,EAEH,YACS,EAGjB,CAEY,GAAc,CAAE,KAAI,GAAG,MAClC,EAAW,EAAG,CACd,EAAU,SAAS,MAAU,EAAC,EAAA,CAAwB,KAAI,GAAI,GAAS,CAAC,CACjE,EAAC,EAAA,CAAwB,KAAI,GAAI,GAAS"}

package/dist/components/overlays/modal/modal-primitives.mjs

@@ -0,0 +1,2 @@
+import{cx as e}from"@mage-ui/styled-system/css";import{modal as t,modalBody as n,modalClose as r,modalContent as i,modalFooter as a,modalHeader as o,modalInner as s,modalOverlay as c,modalRoot as l,modalTitle as u}from"@mage-ui/styled-system/recipes";import{Modal as d}from"@mantine/core";import{jsx as f}from"react/jsx-runtime";const p=({children:a,intent:p,classNames:m,...h})=>f(d.Root,{"data-intent":p,classNames:{root:e(m?.modal??t(),m?.root??l()),inner:m?.inner??s(),overlay:m?.overlay??c(),content:m?.content??i(),header:m?.header??o(),title:m?.title??u(),close:m?.close??r(),body:m?.body??n()},...h,children:a}),m=()=>f(d.Overlay,{}),h=({children:e})=>f(d.Content,{children:e}),g=({children:e})=>f(d.Header,{children:e}),_=({children:e})=>f(d.Body,{children:e}),v=({children:e})=>f(d.Title,{children:e}),y=()=>f(d.CloseButton,{}),b=({children:e,className:t,...n})=>f(`div`,{className:t??a(),...n,children:e});m.displayName=`Modal.Overlay`,h.displayName=`Modal.Content`,g.displayName=`Modal.Header`,_.displayName=`Modal.Body`,v.displayName=`Modal.Title`,y.displayName=`Modal.CloseButton`,b.displayName=`Modal.Footer`;export{_ as ModalBody,y as ModalCloseButton,h as ModalContent,b as ModalFooter,g as ModalHeader,m as ModalOverlay,p as ModalRoot,v as ModalTitle};
+//# sourceMappingURL=modal-primitives.mjs.map

package/dist/components/overlays/modal/modal-primitives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-primitives.mjs","names":["MantineModal","modalRecipe"],"sources":["../../../../src/components/overlays/modal/modal-primitives.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  modalBody,\n  modalClose,\n  modalContent,\n  modalFooter,\n  modalHeader,\n  modalInner,\n  modalOverlay,\n  modal as modalRecipe,\n  modalRoot,\n  modalTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Modal as MantineModal } from '@mantine/core';\n\nimport type { ModalRootProps } from './modal-types';\n\nexport const ModalRoot = ({\n  children,\n  intent,\n  classNames,\n  ...props\n}: ModalRootProps) => {\n  return (\n    <MantineModal.Root\n      data-intent={intent}\n      classNames={{\n        root: cx(\n          classNames?.modal ?? modalRecipe(),\n          classNames?.root ?? modalRoot(),\n        ),\n        inner: classNames?.inner ?? modalInner(),\n        overlay: classNames?.overlay ?? modalOverlay(),\n        content: classNames?.content ?? modalContent(),\n        header: classNames?.header ?? modalHeader(),\n        title: classNames?.title ?? modalTitle(),\n        close: classNames?.close ?? modalClose(),\n        body: classNames?.body ?? modalBody(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineModal.Root>\n  );\n};\n\nexport const ModalOverlay = () => <MantineModal.Overlay />;\n\nexport const ModalContent = ({ children }: { children: ReactNode }) => (\n  <MantineModal.Content>{children}</MantineModal.Content>\n);\n\nexport const ModalHeader = ({ children }: { children: ReactNode }) => (\n  <MantineModal.Header>{children}</MantineModal.Header>\n);\n\nexport const ModalBody = ({ children }: { children: ReactNode }) => (\n  <MantineModal.Body>{children}</MantineModal.Body>\n);\n\nexport const ModalTitle = ({ children }: { children: ReactNode }) => (\n  <MantineModal.Title>{children}</MantineModal.Title>\n);\n\nexport const ModalCloseButton = () => <MantineModal.CloseButton />;\n\nexport const ModalFooter = ({\n  children,\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div className={className ?? modalFooter()} {...props}>\n      {children}\n    </div>\n  );\n};\n\nModalOverlay.displayName = 'Modal.Overlay';\nModalContent.displayName = 'Modal.Content';\nModalHeader.displayName = 'Modal.Header';\nModalBody.displayName = 'Modal.Body';\nModalTitle.displayName = 'Modal.Title';\nModalCloseButton.displayName = 'Modal.CloseButton';\nModalFooter.displayName = 'Modal.Footer';\n"],"mappings":"yUAmBA,MAAa,GAAa,CACxB,WACA,SACA,aACA,GAAG,KAGD,EAACA,EAAa,KAAA,CACZ,cAAa,EACb,WAAY,CACV,KAAM,EACJ,GAAY,OAASC,GAAa,CAClC,GAAY,MAAQ,GAAW,CAChC,CACD,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,QAAS,GAAY,SAAW,GAAc,CAC9C,OAAQ,GAAY,QAAU,GAAa,CAC3C,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACtC,CACD,GAAI,EAEH,YACiB,CAIX,MAAqB,EAACD,EAAa,QAAA,EAAA,CAAU,CAE7C,GAAgB,CAAE,cAC7B,EAACA,EAAa,QAAA,CAAS,WAAA,CAAgC,CAG5C,GAAe,CAAE,cAC5B,EAACA,EAAa,OAAA,CAAQ,WAAA,CAA+B,CAG1C,GAAa,CAAE,cAC1B,EAACA,EAAa,KAAA,CAAM,WAAA,CAA6B,CAGtC,GAAc,CAAE,cAC3B,EAACA,EAAa,MAAA,CAAO,WAAA,CAA8B,CAGxC,MAAyB,EAACA,EAAa,YAAA,EAAA,CAAc,CAErD,GAAe,CAC1B,WACA,YACA,GAAG,KAGD,EAAC,MAAA,CAAI,UAAW,GAAa,GAAa,CAAE,GAAI,EAC7C,YACG,CAIV,EAAa,YAAc,gBAC3B,EAAa,YAAc,gBAC3B,EAAY,YAAc,eAC1B,EAAU,YAAc,aACxB,EAAW,YAAc,cACzB,EAAiB,YAAc,oBAC/B,EAAY,YAAc"}

package/dist/components/overlays/modal/modal-registry.d.mts

@@ -0,0 +1,12 @@
+import { ModalProps } from "./modal-types.mjs";
+import { ComponentType, ReactElement, ReactNode } from "react";
+
+//#region src/components/overlays/modal/modal-registry.d.ts
+type ModalRegistryEntry = ModalProps | ComponentType<{
+  id: string;
+} & Record<string, unknown>> | ReactElement;
+type ModalRegistry = Record<string, ModalRegistryEntry>;
+declare function registerModal<T extends ModalRegistryEntry>(id: string, entry: T): T;
+//#endregion
+export { ModalRegistry, ModalRegistryEntry, registerModal };
+//# sourceMappingURL=modal-registry.d.mts.map

package/dist/components/overlays/modal/modal-registry.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-registry.d.mts","names":[],"sources":["../../../../src/components/overlays/modal/modal-registry.tsx"],"mappings":";;;;KAYY,kBAAA,GACR,UAAA,GACA,aAAA;EAAgB,EAAA;AAAA,IAAe,MAAA,qBAC/B,YAAA;AAAA,KAEQ,aAAA,GAAgB,MAAA,SAAe,kBAAA;AAAA,iBAE3B,aAAA,WAAwB,kBAAA,CAAA,CACtC,EAAA,UACA,KAAA,EAAO,CAAA,GACN,CAAA"}

package/dist/components/overlays/modal/modal-registry.mjs

@@ -0,0 +1,2 @@
+import{ModalInner as e}from"./modal-core.mjs";import{jsx as t}from"react/jsx-runtime";import{isValidElement as n}from"react";import r,{unregister as i,useModal as a}from"@ebay/nice-modal-react";function o(o,s){i(o);let c=typeof s==`function`?({id:e,...n})=>{let r=a(e).args??{};return t(s,{id:e,...n,...r})}:()=>n(s)?s:t(e,{...s});return r.register(o,c),s}const s=({children:e,modals:n})=>(n&&Object.entries(n).forEach(([e,t])=>{o(e,t)}),t(r.Provider,{children:e}));export{s as ModalProvider,o as registerModal};
+//# sourceMappingURL=modal-registry.mjs.map

package/dist/components/overlays/modal/modal-registry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-registry.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-registry.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport type { ModalProps } from './modal-types';\n\nexport type ModalRegistryEntry =\n  | ModalProps\n  | ComponentType<{ id: string } & Record<string, unknown>>\n  | ReactElement;\n\nexport type ModalRegistry = Record<string, ModalRegistryEntry>;\n\nexport function registerModal<T extends ModalRegistryEntry>(\n  id: string,\n  entry: T,\n): T {\n  unregister(id);\n\n  const modalComponent: ComponentType<\n    { id: string } & Record<string, unknown>\n  > =\n    typeof entry === 'function'\n      ? ({ id, ...props }: { id: string } & Record<string, unknown>) => {\n          const modal = useModal(id);\n          const args = (modal.args ?? {}) as Record<string, unknown>;\n          const Component = entry as ComponentType<Record<string, unknown>>;\n          return <Component id={id} {...props} {...args} />;\n        }\n      : () => (isValidElement(entry) ? entry : <ModalInner {...entry} />);\n\n  NiceModal.register(id, modalComponent);\n  return entry;\n}\n\nexport const ModalProvider: ComponentType<{\n  children: ReactNode;\n  modals?: ModalRegistry;\n}> = ({ children, modals }) => {\n  if (modals) {\n    Object.entries(modals).forEach(([id, modal]) => {\n      registerModal(id, modal);\n    });\n  }\n\n  return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"kMAmBA,SAAgB,EACd,EACA,EACG,CACH,EAAW,EAAG,CAEd,IAAM,EAGJ,OAAO,GAAU,YACZ,CAAE,KAAI,GAAG,KAAsD,CAE9D,IAAM,EADQ,EAAS,EAAG,CACN,MAAQ,EAAE,CAE9B,OAAO,EADW,EAAA,CACI,KAAI,GAAI,EAAO,GAAI,GAAQ,MAE5C,EAAe,EAAM,CAAG,EAAQ,EAAC,EAAA,CAAW,GAAI,EAAA,CAAS,CAGtE,OADA,EAAU,SAAS,EAAI,EAAe,CAC/B,EAGT,MAAa,GAGP,CAAE,WAAU,aACZ,GACF,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,CAGG,EAAC,EAAU,SAAA,CAAU,WAAA,CAA8B"}