@mage-ui/components 1.0.88 → 1.0.91

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

@@ -1 +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"}
+{"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,EAAD,CACM,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,EAAD,CAAQ,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,EACM,CAAA,CAEX,CAAA"}

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

@@ -1,7 +1,5 @@
 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

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

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

@@ -1 +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"}
+{"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,EAAD,CACM,KACG,QACP,KAAM,EACE,SACR,WAAY,EACZ,QAAS,EACT,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAD,CAAQ,QAAS,EAAc,WAAY,WACxC,EACM,CAAA,CAET,EAAC,EAAD,CAAQ,QAAS,EAAe,WAAY,WACzC,EACM,CAAA,CACR,CAAA,CAAA,CAEL,CAAA"}

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

@@ -1,6 +1,4 @@
 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

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

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

@@ -1 +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"}
+{"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,EAAD,CAAmB,aAAY,GAAI,WAAnC,CACE,EAAC,EAAM,QAAP,EAAiB,CAAA,CACjB,EAAC,EAAM,QAAP,CAAA,SAAA,CACE,EAAC,EAAM,OAAP,CAAA,SAAA,CACE,EAAC,EAAM,MAAP,CAAA,SAAc,EAAoB,CAAA,CAClC,EAAC,EAAM,YAAP,EAAqB,CAAA,CACR,CAAA,CAAA,CAEf,EAAC,EAAM,KAAP,CAAA,SAAa,EAAkB,CAAA,CAE/B,EAAC,EAAM,OAAP,CAAc,UAAW,GAAY,gBAAS,EAAsB,CAAA,CACtD,CAAA,CAAA,CACV"}

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

@@ -1,2 +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};
+import"./Modal.mjs";import{ModalAlert as e}from"./features/ModalAlert.mjs";import{ModalConfirm as t}from"./features/ModalConfirm.mjs";const n={Alert:e,Confirm:t};export{n as Modals};
 //# sourceMappingURL=index.mjs.map

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"modal-registry.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-registry.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useEffect,\n  useRef,\n} from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport { trackManagedId, untrackManagedId } from './modal-managed-ids';\nimport type { ModalProps } from './modal-types';\n\nexport type ModalRegistryEntry =\n  | ModalProps\n  | ComponentType<{ id: string } & Record<string, unknown>>\n  | ReactElement;\n\nexport type ModalRegistry = Record<string, ModalRegistryEntry>;\n\nexport const registerModal = <T extends ModalRegistryEntry>(\n  id: string,\n  entry: T,\n): T => {\n  untrackManagedId(id);\n  unregister(id);\n  trackManagedId(id);\n\n  const modalComponent: ComponentType<\n    { id: string } & Record<string, unknown>\n  > =\n    typeof entry === 'function'\n      ? ({ id, ...props }: { id: string } & Record<string, unknown>) => {\n          const modal = useModal(id);\n          const args = (modal.args ?? {}) as Record<string, unknown>;\n          const Component = entry as ComponentType<Record<string, unknown>>;\n          return <Component id={id} {...props} {...args} />;\n        }\n      : () => (isValidElement(entry) ? entry : <ModalInner {...entry} />);\n\n  NiceModal.register(id, modalComponent);\n  return entry;\n};\n\nexport const ModalProvider: ComponentType<{\n  children: ReactNode;\n  modals?: ModalRegistry;\n}> = ({ children, modals }) => {\n  const registeredRef = useRef(false);\n\n  if (!registeredRef.current && modals) {\n    Object.entries(modals).forEach(([id, modal]) => {\n      registerModal(id, modal);\n    });\n    registeredRef.current = true;\n  }\n\n  useEffect(() => {\n    if (!modals) return;\n\n    Object.entries(modals).forEach(([id, modal]) => {\n      registerModal(id, modal);\n    });\n  }, [modals]);\n\n  return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"4SAsBA,MAAa,GACX,EACA,IACM,CACN,EAAiB,EAAG,CACpB,EAAW,EAAG,CACd,EAAe,EAAG,CAElB,IAAM,EAGJ,OAAO,GAAU,YACZ,CAAE,KAAI,GAAG,KAAsD,CAE9D,IAAM,EADQ,EAAS,EAAG,CACN,MAAQ,EAAE,CAE9B,OAAO,EADW,EAAA,CACI,KAAI,GAAI,EAAO,GAAI,GAAQ,MAE5C,EAAe,EAAM,CAAG,EAAQ,EAAC,EAAA,CAAW,GAAI,EAAA,CAAS,CAGtE,OADA,EAAU,SAAS,EAAI,EAAe,CAC/B,GAGI,GAGP,CAAE,WAAU,YAAa,CAC7B,IAAM,EAAgB,EAAO,GAAM,CAiBnC,MAfI,CAAC,EAAc,SAAW,IAC5B,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,CACF,EAAc,QAAU,IAG1B,MAAgB,CACT,GAEL,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,EACD,CAAC,EAAO,CAAC,CAEL,EAAC,EAAU,SAAA,CAAU,WAAA,CAA8B"}
+{"version":3,"file":"modal-registry.mjs","names":[],"sources":["../../../../src/components/overlays/modal/modal-registry.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useEffect,\n  useRef,\n} from 'react';\n\nimport NiceModal, { unregister, useModal } from '@ebay/nice-modal-react';\n\nimport { ModalInner } from './modal-core';\nimport { trackManagedId, untrackManagedId } from './modal-managed-ids';\nimport type { ModalProps } from './modal-types';\n\nexport type ModalRegistryEntry =\n  | ModalProps\n  | ComponentType<{ id: string } & Record<string, unknown>>\n  | ReactElement;\n\nexport type ModalRegistry = Record<string, ModalRegistryEntry>;\n\nexport const registerModal = <T extends ModalRegistryEntry>(\n  id: string,\n  entry: T,\n): T => {\n  untrackManagedId(id);\n  unregister(id);\n  trackManagedId(id);\n\n  const modalComponent: ComponentType<\n    { id: string } & Record<string, unknown>\n  > =\n    typeof entry === 'function'\n      ? ({ id, ...props }: { id: string } & Record<string, unknown>) => {\n          const modal = useModal(id);\n          const args = (modal.args ?? {}) as Record<string, unknown>;\n          const Component = entry as ComponentType<Record<string, unknown>>;\n          return <Component id={id} {...props} {...args} />;\n        }\n      : () => (isValidElement(entry) ? entry : <ModalInner {...entry} />);\n\n  NiceModal.register(id, modalComponent);\n  return entry;\n};\n\nexport const ModalProvider: ComponentType<{\n  children: ReactNode;\n  modals?: ModalRegistry;\n}> = ({ children, modals }) => {\n  const registeredRef = useRef(false);\n\n  if (!registeredRef.current && modals) {\n    Object.entries(modals).forEach(([id, modal]) => {\n      registerModal(id, modal);\n    });\n    registeredRef.current = true;\n  }\n\n  useEffect(() => {\n    if (!modals) return;\n\n    Object.entries(modals).forEach(([id, modal]) => {\n      registerModal(id, modal);\n    });\n  }, [modals]);\n\n  return <NiceModal.Provider>{children}</NiceModal.Provider>;\n};\n"],"mappings":"4SAsBA,MAAa,GACX,EACA,IACM,CACN,EAAiB,EAAG,CACpB,EAAW,EAAG,CACd,EAAe,EAAG,CAElB,IAAM,EAGJ,OAAO,GAAU,YACZ,CAAE,KAAI,GAAG,KAAsD,CAE9D,IAAM,EADQ,EAAS,EAAG,CACN,MAAQ,EAAE,CAE9B,OAAO,EADW,EACX,CAAe,KAAI,GAAI,EAAO,GAAI,EAAQ,CAAA,MAE5C,EAAe,EAAM,CAAG,EAAQ,EAAC,EAAD,CAAY,GAAI,EAAS,CAAA,CAGtE,OADA,EAAU,SAAS,EAAI,EAAe,CAC/B,GAGI,GAGP,CAAE,WAAU,YAAa,CAC7B,IAAM,EAAgB,EAAO,GAAM,CAiBnC,MAfI,CAAC,EAAc,SAAW,IAC5B,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,CACF,EAAc,QAAU,IAG1B,MAAgB,CACT,GAEL,OAAO,QAAQ,EAAO,CAAC,SAAS,CAAC,EAAI,KAAW,CAC9C,EAAc,EAAI,EAAM,EACxB,EACD,CAAC,EAAO,CAAC,CAEL,EAAC,EAAU,SAAX,CAAqB,WAA8B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"toast.mjs","names":["toastRecipe"],"sources":["../../../../src/components/overlays/toast/toast.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  toastBody,\n  toastCloseButton,\n  toastDescription,\n  toastIcon,\n  toastLoader,\n  toastNotifications,\n  toast as toastRecipe,\n  toastRoot,\n  toastTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Notifications, notifications } from '@mantine/notifications';\n\nexport type ToastOptions = {\n  id?: string;\n  title?: ReactNode;\n  message: ReactNode;\n  color?: string;\n  icon?: ReactNode;\n  loading?: boolean;\n  autoClose?: number | false;\n  withCloseButton?: boolean;\n  withBorder?: boolean;\n  onClose?: () => void;\n  onOpen?: () => void;\n  classNames?: {\n    toast?: string;\n    root?: string;\n    icon?: string;\n    loader?: string;\n    body?: string;\n    title?: string;\n    description?: string;\n    closeButton?: string;\n  };\n};\n\nexport type ToastProviderProps = {\n  position?:\n    | 'top-left'\n    | 'top-right'\n    | 'top-center'\n    | 'bottom-left'\n    | 'bottom-right'\n    | 'bottom-center';\n  autoClose?: number | false;\n  limit?: number;\n  zIndex?: number;\n  transitionDuration?: number;\n  notificationMaxHeight?: number | string;\n};\n\nconst applyClassNames = (classNames?: ToastOptions['classNames']) => ({\n  root: cx(classNames?.toast ?? toastRecipe(), classNames?.root ?? toastRoot()),\n  icon: cx(classNames?.icon ?? toastIcon()),\n  loader: cx(classNames?.loader ?? toastLoader()),\n  body: cx(classNames?.body ?? toastBody()),\n  title: cx(classNames?.title ?? toastTitle()),\n  description: cx(classNames?.description ?? toastDescription()),\n  closeButton: cx(classNames?.closeButton ?? toastCloseButton()),\n});\n\nconst ToastProvider = ({\n  position = 'top-right',\n  autoClose = 5000,\n  limit = 5,\n  zIndex,\n  transitionDuration = 250,\n  notificationMaxHeight = 200,\n}: ToastProviderProps) => {\n  return (\n    <Notifications\n      position={position}\n      autoClose={autoClose}\n      limit={limit}\n      zIndex={zIndex}\n      transitionDuration={transitionDuration}\n      notificationMaxHeight={notificationMaxHeight}\n      classNames={{\n        root: toastNotifications(),\n      }}\n    />\n  );\n};\n\nexport const Toast = {\n  Provider: ToastProvider,\n\n  show: ({ color, classNames, ...props }: ToastOptions) => {\n    return notifications.show({\n      ...props,\n      classNames: applyClassNames(classNames),\n    });\n  },\n\n  update: ({ color, classNames, ...props }: ToastOptions) => {\n    notifications.update({\n      ...props,\n      classNames: applyClassNames(classNames),\n    });\n  },\n\n  hide: (id: string) => {\n    notifications.hide(id);\n  },\n\n  clean: () => {\n    notifications.clean();\n  },\n\n  cleanQueue: () => {\n    notifications.cleanQueue();\n  },\n};\n"],"mappings":"wXAyDA,MAAM,EAAmB,IAA6C,CACpE,KAAM,EAAG,GAAY,OAASA,GAAa,CAAE,GAAY,MAAQ,GAAW,CAAC,CAC7E,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAC,CACzC,OAAQ,EAAG,GAAY,QAAU,GAAa,CAAC,CAC/C,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAC,CACzC,MAAO,EAAG,GAAY,OAAS,GAAY,CAAC,CAC5C,YAAa,EAAG,GAAY,aAAe,GAAkB,CAAC,CAC9D,YAAa,EAAG,GAAY,aAAe,GAAkB,CAAC,CAC/D,EAyBY,EAAQ,CACnB,UAxBqB,CACrB,WAAW,YACX,YAAY,IACZ,QAAQ,EACR,SACA,qBAAqB,IACrB,wBAAwB,OAGtB,EAAC,EAAA,CACW,WACC,YACJ,QACC,SACY,qBACG,wBACvB,WAAY,CACV,KAAM,GAAoB,CAC3B,EACD,CAOJ,MAAO,CAAE,QAAO,aAAY,GAAG,KACtB,EAAc,KAAK,CACxB,GAAG,EACH,WAAY,EAAgB,EAAW,CACxC,CAAC,CAGJ,QAAS,CAAE,QAAO,aAAY,GAAG,KAA0B,CACzD,EAAc,OAAO,CACnB,GAAG,EACH,WAAY,EAAgB,EAAW,CACxC,CAAC,EAGJ,KAAO,GAAe,CACpB,EAAc,KAAK,EAAG,EAGxB,UAAa,CACX,EAAc,OAAO,EAGvB,eAAkB,CAChB,EAAc,YAAY,EAE7B"}
+{"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"}

package/dist/components/overlays/tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","names":["Tooltip","MantineTooltip"],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  tooltip,\n  tooltipArrow,\n  tooltipRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip as MantineTooltip } from '@mantine/core';\n\nexport type TooltipProps = {\n  children?: ReactNode;\n  label: ReactNode;\n  offset?: number;\n  id?: string;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  inline?: boolean;\n  multiline?: boolean;\n  disabled?: boolean;\n  target?: string;\n  withArrow?: boolean;\n  keepMounted?: boolean;\n  withinPortal?: boolean;\n  classNames?: {\n    root?: string;\n    tooltip?: string;\n    arrow?: string;\n  };\n};\n\nexport const Tooltip = ({\n  children,\n  label,\n  offset,\n  id,\n  position,\n  inline,\n  multiline,\n  disabled,\n  target,\n  withArrow,\n  keepMounted,\n  withinPortal,\n  classNames,\n}: TooltipProps) => {\n  return (\n    <MantineTooltip\n      label={label}\n      offset={offset}\n      id={id}\n      position={position}\n      inline={inline}\n      multiline={multiline}\n      disabled={disabled}\n      target={target}\n      withArrow={withArrow}\n      keepMounted={keepMounted}\n      withinPortal={withinPortal}\n      classNames={{\n        tooltip: cx(\n          classNames?.tooltip ?? tooltip(),\n          classNames?.root ?? tooltipRoot(),\n        ),\n        arrow: classNames?.arrow ?? tooltipArrow(),\n      }}\n    >\n      {children}\n    </MantineTooltip>\n  );\n};\n"],"mappings":"4NA0CA,MAAaA,GAAW,CACtB,WACA,QACA,SACA,KACA,WACA,SACA,YACA,WACA,SACA,YACA,cACA,eACA,gBAGE,EAACC,EAAAA,CACQ,QACC,SACJ,KACM,WACF,SACG,YACD,WACF,SACG,YACE,cACC,eACd,WAAY,CACV,QAAS,EACP,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,CACD,MAAO,GAAY,OAAS,GAAc,CAC3C,CAEA,YACc"}
+{"version":3,"file":"Tooltip.mjs","names":["Tooltip","MantineTooltip"],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  tooltip,\n  tooltipArrow,\n  tooltipRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip as MantineTooltip } from '@mantine/core';\n\nexport type TooltipProps = {\n  children?: ReactNode;\n  label: ReactNode;\n  offset?: number;\n  id?: string;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  inline?: boolean;\n  multiline?: boolean;\n  disabled?: boolean;\n  target?: string;\n  withArrow?: boolean;\n  keepMounted?: boolean;\n  withinPortal?: boolean;\n  classNames?: {\n    root?: string;\n    tooltip?: string;\n    arrow?: string;\n  };\n};\n\nexport const Tooltip = ({\n  children,\n  label,\n  offset,\n  id,\n  position,\n  inline,\n  multiline,\n  disabled,\n  target,\n  withArrow,\n  keepMounted,\n  withinPortal,\n  classNames,\n}: TooltipProps) => {\n  return (\n    <MantineTooltip\n      label={label}\n      offset={offset}\n      id={id}\n      position={position}\n      inline={inline}\n      multiline={multiline}\n      disabled={disabled}\n      target={target}\n      withArrow={withArrow}\n      keepMounted={keepMounted}\n      withinPortal={withinPortal}\n      classNames={{\n        tooltip: cx(\n          classNames?.tooltip ?? tooltip(),\n          classNames?.root ?? tooltipRoot(),\n        ),\n        arrow: classNames?.arrow ?? tooltipArrow(),\n      }}\n    >\n      {children}\n    </MantineTooltip>\n  );\n};\n"],"mappings":"4NA0CA,MAAaA,GAAW,CACtB,WACA,QACA,SACA,KACA,WACA,SACA,YACA,WACA,SACA,YACA,cACA,eACA,gBAGE,EAACC,EAAD,CACS,QACC,SACJ,KACM,WACF,SACG,YACD,WACF,SACG,YACE,cACC,eACd,WAAY,CACV,QAAS,EACP,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,CACD,MAAO,GAAY,OAAS,GAAc,CAC3C,CAEA,WACc,CAAA"}

package/dist/index.d.mts

@@ -7,7 +7,7 @@ import { ButtonVisual, ButtonVisualProps } from "./components/buttons/button-vis
 import { AssignedUser, AssignedUserProps } from "./components/data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./components/data-display/badge/Badge.mjs";
-import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, DateLocalizer } from "./components/data-display/calendar/Calendar.mjs";
+import { Calendar, CalendarEvent, CalendarProps, CalendarView, DateLocalizer } from "./components/data-display/calendar/Calendar.mjs";
 import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
 import { TableClassNames, TableProps } from "./components/data-display/table/TableRoot.mjs";
 import { TableHeadProps } from "./components/data-display/table/TableHead.mjs";
@@ -81,7 +81,5 @@ 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 { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
-import "./components/index.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
-import "./providers/index.mjs";
-export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, 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, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, useDataTableContext, usePasswordRules, z };

package/dist/providers/MageUiProvider.d.mts

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

package/dist/providers/MageUiProvider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"MageUiProvider.d.mts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"mappings":";;;;;;;;KAWY,mBAAA;EACV,KAAA;IACE,MAAA;IACA,cAAA,EAAgB,SAAA;IAChB,WAAA,EAAa,SAAA;IACb,cAAA;IACA,eAAA;EAAA;EAEF,KAAA,GAAQ,kBAAA;EACR,MAAA,GAAS,aAAA;EACT,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,GAK5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"MageUiProvider.d.mts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"mappings":";;;;;;;KAWY,mBAAA;EACV,KAAA;IACE,MAAA;IACA,cAAA,EAAgB,SAAA;IAChB,WAAA,EAAa,SAAA;IACb,cAAA;IACA,eAAA;EAAA;EAEF,KAAA,GAAQ,kBAAA;EACR,MAAA,GAAS,aAAA;EACT,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,GAK5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/providers/MageUiProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MageUiProvider.mjs","names":["Modal"],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\nimport { DatesProvider, type DayOfWeek } from '@mantine/dates';\nimport {\n  Modal,\n  type ModalRegistry,\n  Toast,\n  type ToastProviderProps,\n} from '@/components/overlays';\n\nexport type MageUiProviderProps = {\n  dates: {\n    locale: string;\n    firstDayOfWeek: DayOfWeek;\n    weekendDays: DayOfWeek[];\n    labelSeparator: string;\n    consistentWeeks: boolean;\n  };\n  toast?: ToastProviderProps;\n  modals?: ModalRegistry;\n  children: ReactNode;\n};\n\nexport const MageUiProvider = ({\n  dates,\n  toast,\n  modals,\n  children,\n}: MageUiProviderProps) => {\n  return (\n    <HeadlessMantineProvider>\n      <DatesProvider settings={dates}>\n        <Toast.Provider {...toast} />\n        <Modal.Provider {...modals}>{children}</Modal.Provider>\n      </DatesProvider>\n    </HeadlessMantineProvider>\n  );\n};\n"],"mappings":"uRAwBA,MAAa,GAAkB,CAC7B,QACA,QACA,SACA,cAGE,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,SAAU,YACvB,EAAC,EAAM,SAAA,CAAS,GAAI,EAAA,CAAS,CAC7B,EAACA,EAAM,SAAA,CAAS,GAAI,EAAS,YAA0B,CAAA,EACzC,CAAA,CACQ"}
+{"version":3,"file":"MageUiProvider.mjs","names":["Modal"],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\nimport { DatesProvider, type DayOfWeek } from '@mantine/dates';\nimport {\n  Modal,\n  type ModalRegistry,\n  Toast,\n  type ToastProviderProps,\n} from '@/components/overlays';\n\nexport type MageUiProviderProps = {\n  dates: {\n    locale: string;\n    firstDayOfWeek: DayOfWeek;\n    weekendDays: DayOfWeek[];\n    labelSeparator: string;\n    consistentWeeks: boolean;\n  };\n  toast?: ToastProviderProps;\n  modals?: ModalRegistry;\n  children: ReactNode;\n};\n\nexport const MageUiProvider = ({\n  dates,\n  toast,\n  modals,\n  children,\n}: MageUiProviderProps) => {\n  return (\n    <HeadlessMantineProvider>\n      <DatesProvider settings={dates}>\n        <Toast.Provider {...toast} />\n        <Modal.Provider {...modals}>{children}</Modal.Provider>\n      </DatesProvider>\n    </HeadlessMantineProvider>\n  );\n};\n"],"mappings":"uRAwBA,MAAa,GAAkB,CAC7B,QACA,QACA,SACA,cAGE,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAe,SAAU,WAAzB,CACE,EAAC,EAAM,SAAP,CAAgB,GAAI,EAAS,CAAA,CAC7B,EAACA,EAAM,SAAP,CAAgB,GAAI,EAAS,WAA0B,CAAA,CACzC,GACQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.88",
+  "version": "1.0.91",
   "private": false,
   "description": "",
   "keywords": [],
@@ -16,50 +16,47 @@
     "dist"
   ],
   "devDependencies": {
-    "@biomejs/biome": "^2.4.5",
-    "@pandacss/types": "^1.8.2",
-    "@types/node": "^25.3.3",
+    "@biomejs/biome": "^2.4.8",
+    "@pandacss/types": "^1.9.1",
+    "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "@types/react-big-calendar": "^1.16.3",
     "@types/react-dom": "^19.2.3",
     "rimraf": "^6.1.3",
-    "tsdown": "^0.20.3",
+    "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/styled-system": "1.0.8",
-    "@mage-ui/preset": "1.0.88"
+    "@mage-ui/preset": "1.0.91",
+    "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@ebay/nice-modal-react": "^1.2.13",
     "@hookform/resolvers": "^5.2.2",
-    "@mantine/core": "^8.3.15",
-    "@mantine/dates": "^8.3.15",
-    "@mantine/dropzone": "^8.3.15",
-    "@mantine/hooks": "^8.3.15",
-    "@mantine/notifications": "^8.3.15",
+    "@mantine/core": "^8.3.18",
+    "@mantine/dates": "^8.3.18",
+    "@mantine/dropzone": "^8.3.18",
+    "@mantine/hooks": "^8.3.18",
+    "@mantine/notifications": "^8.3.18",
     "@pandabox/define-recipe": "^0.0.3",
-    "@pandacss/dev": "^1.8.2",
-    "@tanstack/react-query": "^5.90.21",
-    "dayjs": "^1.11.19",
+    "@pandacss/dev": "^1.9.1",
+    "@tanstack/react-query": "^5.95.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.23",
+    "dayjs": "^1.11.20",
     "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
-    "moment": "^2.30.1",
     "react": "^19.2.4",
     "react-big-calendar": "^1.19.4",
     "react-dom": "^19.2.4",
-    "react-hook-form": "^7.71.2",
+    "react-hook-form": "^7.72.0",
     "zod": "^4.3.6"
   },
   "engines": {
     "node": ">=24.9.0"
   },
-  "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.19"
-  },
   "scripts": {
     "build": "rimraf dist && panda codegen && tsdown --env.NODE_ENV=production --minify",
     "clean": "rimraf dist node_modules styled-system",