@saas-ui/modals 3.0.0-alpha.21 → 3.0.0-alpha.23

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @saas-ui/modals
 
+## 3.0.0-alpha.23
+
+### Patch Changes
+
+- Updated dependencies [8ac704a]
+  - @saas-ui/react@3.0.0-alpha.23
+  - @saas-ui/forms@3.0.0-alpha.23
+
+## 3.0.0-alpha.22
+
+### Major Changes
+
+- Renamed ModalOptions.children to ModalOptions.body
+
+### Patch Changes
+
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+- Updated dependencies
+  - @saas-ui/react@3.0.0-alpha.22
+  - @saas-ui/modals-provider@1.0.0-alpha.4
+  - @saas-ui/forms@3.0.0-alpha.22
+
 ## 3.0.0-alpha.21
 
 ### Patch Changes

package/dist/index.cjs

@@ -149,7 +149,7 @@ var Drawer = (props) => {
     !hideBackdrop && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_drawer.Drawer.Backdrop, {}),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_drawer.Drawer.Content, { ...contentProps, children: [
       title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_drawer.Drawer.Header, { ...headerProps, children: title }),
-      !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_drawer.Drawer.CloseTrigger, {}),
+      !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_drawer.Drawer.CloseButton, {}),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_drawer.Drawer.Body, { ...bodyProps, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_drawer.Drawer.Context, { children: ({ open: open2, setOpen }) => (0, import_utils2.runIfFn)(children, { open: open2, setOpen }) }) }),
       footer && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_drawer.Drawer.Footer, { ...footerProps, children: footer })
     ] })
@@ -177,7 +177,7 @@ var Modal = (props) => {
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog2.Dialog.Root, { open, onOpenChange, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_dialog2.Dialog.Content, { ...contentProps, children: [
     title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog2.Dialog.Header, { ...headerProps, children: title }),
-    !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog2.Dialog.CloseTrigger, {}),
+    !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog2.Dialog.CloseButton, {}),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog2.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog2.Dialog.Context, { children: ({ open: open2, setOpen }) => (0, import_utils3.runIfFn)(children, { open: open2, setOpen }) }) }),
     footer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog2.Dialog.Footer, { ...footerProps, children: footer })
   ] }) });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/alert-dialog.tsx","../src/drawer.tsx","../src/modal.tsx","../src/default-modals.ts"],"sourcesContent":["import { createModals } from '@saas-ui/modals-provider'\n\nimport { defaultModals } from './default-modals.ts'\n\n// Exporting from './dialog'\nexport { AlertDialog } from './alert-dialog.tsx'\nexport type { AlertDialogProps } from './alert-dialog.tsx'\n\n// Exporting from './drawer'\nexport { Drawer } from './drawer'\nexport type { DrawerProps } from './drawer'\n\n// Exporting from './modal'\nexport { Modal } from './modal'\nexport type { ModalProps } from './modal'\n\n// Exporting from './form'\n// export { FormDialog, createFormDialog } from './form'\n// export type {\n//   DefaultFormType,\n//   FormDialogFieldOverrides,\n//   FormDialogProps,\n// } from './form'\n\n// Exporting from './provider'\n\nconst { useModals, ModalsProvider } = createModals({\n  modals: defaultModals,\n})\n\nexport { ModalsProvider, useModals }\n","import * as React from 'react'\n\nimport { Button, ButtonProps, type HTMLChakraProps } from '@chakra-ui/react'\nimport { callAll } from '@saas-ui/core/utils'\nimport { Dialog } from '@saas-ui/react/dialog'\n\nexport interface AlertDialogProps\n  extends Omit<\n    Dialog.RootProps,\n    'leastDestructiveRef' | 'onOpenChange' | 'open'\n  > {\n  /**\n   * Whether the dialog is open\n   */\n  open: boolean\n  /**\n   * Callback when the dialog is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The dialog title\n   */\n  title?: React.ReactNode\n  translations?: {\n    cancel?: React.ReactNode\n    confirm?: React.ReactNode\n    close?: React.ReactNode\n  }\n  slotProps?: {\n    cancel?: ButtonProps\n    confirm?: ButtonProps\n    footer?: HTMLChakraProps<'div'>\n  }\n  /**\n   * Close the dialog on cancel\n   * @default true\n   */\n  closeOnCancel?: boolean\n  /**\n   * Close the dialog on confirm\n   * @default true\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Hide the backdrop\n   */\n  backdrop?: boolean\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Defines which button gets initial focus\n   * https://www.w3.org/TR/wai-aria-practices/#alertdialog\n   */\n  leastDestructiveFocus?: 'cancel' | 'confirm'\n  /**\n   * Function that's called when cancel is clicked\n   */\n  onCancel?: () => void\n  /**\n   * Function that's called when confirm is clicked.\n   */\n  onConfirm?: () => Promise<void> | void\n}\n\nexport const AlertDialog: React.FC<AlertDialogProps> = (props) => {\n  const {\n    title,\n    translations,\n    slotProps,\n    open,\n    closeOnCancel = true,\n    closeOnConfirm = true,\n    leastDestructiveFocus = 'cancel',\n    onOpenChange,\n    onCancel,\n    onConfirm,\n    children,\n    ...rest\n  } = props\n\n  const cancelRef = React.useRef(null)\n  const confirmRef = React.useRef(null)\n  const [isLoading, setIsLoading] = React.useState(false)\n\n  const handleConfirm = async () => {\n    try {\n      const result = onConfirm?.()\n      if (typeof result?.then === 'function') {\n        setIsLoading(true)\n        await result\n      }\n\n      closeOnConfirm && onOpenChange({ open: false })\n      /* eslint-disable no-useless-catch */\n    } catch (e: any) {\n      throw e\n    } finally {\n      setIsLoading(false)\n    }\n    /* eslint-enable */\n  }\n\n  const titleId = React.useId()\n  const contentId = React.useId()\n\n  return (\n    <Dialog.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      aria-labelledby={titleId}\n      aria-describedby={contentId}\n      {...rest}\n      initialFocusEl={() =>\n        leastDestructiveFocus === 'cancel'\n          ? cancelRef.current\n          : confirmRef.current\n      }\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title id={titleId}>{title}</Dialog.Title>\n        </Dialog.Header>\n\n        <Dialog.Body id={contentId}>{children}</Dialog.Body>\n\n        <Dialog.Footer {...slotProps?.footer}>\n          <Button\n            ref={cancelRef}\n            variant=\"ghost\"\n            colorPalette=\"gray\"\n            {...slotProps?.cancel}\n            onClick={callAll(slotProps?.cancel?.onClick, () => {\n              onCancel?.()\n\n              closeOnCancel && onOpenChange({ open: false })\n            })}\n          >\n            {slotProps?.cancel?.children || translations?.cancel || 'Cancel'}\n          </Button>\n          <Button\n            ref={confirmRef}\n            variant=\"solid\"\n            disabled={isLoading}\n            {...slotProps?.confirm}\n            onClick={callAll(handleConfirm, slotProps?.confirm?.onClick)}\n          >\n            {slotProps?.confirm?.children || translations?.confirm || 'OK'}\n          </Button>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  )\n}\n","import * as React from 'react'\n\nimport { type HTMLChakraProps } from '@chakra-ui/react'\nimport { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'\nimport { Drawer as BaseDrawer } from '@saas-ui/react/drawer'\n\nexport interface DrawerProps extends Omit<BaseDrawer.RootProps, 'children'> {\n  /**\n   * The drawer title\n   */\n  title: React.ReactNode\n  /**\n   * Whether the modal is open\n   */\n  open: boolean\n  /**\n   * Callback when the drawer is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The drawer children\n   */\n  children: MaybeRenderProp<{\n    open: boolean\n    setOpen: (open: boolean) => void\n  }>\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the backdrop\n   */\n  hideBackdrop?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal content\n   */\n  contentProps?: BaseDrawer.ContentProps\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal body\n   */\n  bodyProps?: HTMLChakraProps<'div'>\n}\n\nexport const Drawer: React.FC<DrawerProps> = (props) => {\n  const {\n    title,\n    children,\n    footer,\n    open,\n    onOpenChange,\n    hideCloseButton,\n    hideBackdrop,\n    headerProps,\n    contentProps,\n    bodyProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <BaseDrawer.Root open={open} onOpenChange={onOpenChange} {...rest}>\n      {!hideBackdrop && <BaseDrawer.Backdrop />}\n      <BaseDrawer.Content {...contentProps}>\n        {title && (\n          <BaseDrawer.Header {...headerProps}>{title}</BaseDrawer.Header>\n        )}\n        {!hideCloseButton && <BaseDrawer.CloseTrigger />}\n        <BaseDrawer.Body {...bodyProps}>\n          <BaseDrawer.Context>\n            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}\n          </BaseDrawer.Context>\n        </BaseDrawer.Body>\n        {footer && (\n          <BaseDrawer.Footer {...footerProps}>{footer}</BaseDrawer.Footer>\n        )}\n      </BaseDrawer.Content>\n    </BaseDrawer.Root>\n  )\n}\n","import * as React from 'react'\n\nimport type { HTMLChakraProps } from '@chakra-ui/react'\nimport { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'\nimport { Dialog as BaseDialog } from '@saas-ui/react/dialog'\n\nexport interface ModalProps extends Omit<BaseDialog.RootProps, 'children'> {\n  /**\n   * The modal title\n   */\n  title?: React.ReactNode\n  /**\n   * Whether the modal is open\n   */\n  open: boolean\n  /**\n   * Callback when the modal is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The modal children\n   */\n  children: MaybeRenderProp<{\n    open: boolean\n    setOpen: (open: boolean) => void\n  }>\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the overlay\n   */\n  hideBackdrop?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal content\n   */\n  contentProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal body\n   */\n  bodyProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: HTMLChakraProps<'div'>\n}\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    title,\n    footer,\n    children,\n    open,\n    onOpenChange,\n    hideCloseButton,\n    hideBackdrop,\n    headerProps,\n    contentProps,\n    bodyProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <BaseDialog.Root open={open} onOpenChange={onOpenChange} {...rest}>\n      <BaseDialog.Content {...contentProps}>\n        {title && (\n          <BaseDialog.Header {...headerProps}>{title}</BaseDialog.Header>\n        )}\n        {!hideCloseButton && <BaseDialog.CloseTrigger />}\n        <BaseDialog.Body>\n          <BaseDialog.Context>\n            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}\n          </BaseDialog.Context>\n        </BaseDialog.Body>\n        {footer && (\n          <BaseDialog.Footer {...footerProps}>{footer}</BaseDialog.Footer>\n        )}\n      </BaseDialog.Content>\n    </BaseDialog.Root>\n  )\n}\n","import { AlertDialog } from './alert-dialog'\nimport { Drawer } from './drawer'\nimport { Modal } from './modal'\n\nexport const defaultModals = {\n  alert: AlertDialog,\n  confirm: AlertDialog,\n  drawer: Drawer,\n  modal: Modal,\n}\n"],"mappings":"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","names":["import_utils","import_jsx_runtime","BaseDrawer","open","import_utils","import_dialog","import_jsx_runtime","BaseDialog","open"]}
+{"version":3,"sources":["../src/index.ts","../src/alert-dialog.tsx","../src/drawer.tsx","../src/modal.tsx","../src/default-modals.ts"],"sourcesContent":["import { createModals } from '@saas-ui/modals-provider'\n\nimport { defaultModals } from './default-modals.ts'\n\n// Exporting from './dialog'\nexport { AlertDialog } from './alert-dialog.tsx'\nexport type { AlertDialogProps } from './alert-dialog.tsx'\n\n// Exporting from './drawer'\nexport { Drawer } from './drawer'\nexport type { DrawerProps } from './drawer'\n\n// Exporting from './modal'\nexport { Modal } from './modal'\nexport type { ModalProps } from './modal'\n\n// Exporting from './form'\n// export { FormDialog, createFormDialog } from './form'\n// export type {\n//   DefaultFormType,\n//   FormDialogFieldOverrides,\n//   FormDialogProps,\n// } from './form'\n\n// Exporting from './provider'\n\nconst { useModals, ModalsProvider } = createModals({\n  modals: defaultModals,\n})\n\nexport { ModalsProvider, useModals }\n","import * as React from 'react'\n\nimport { Button, ButtonProps, type HTMLChakraProps } from '@chakra-ui/react'\nimport { callAll } from '@saas-ui/core/utils'\nimport { Dialog } from '@saas-ui/react/dialog'\n\nexport interface AlertDialogProps\n  extends Omit<\n    Dialog.RootProps,\n    'leastDestructiveRef' | 'onOpenChange' | 'open'\n  > {\n  /**\n   * Whether the dialog is open\n   */\n  open: boolean\n  /**\n   * Callback when the dialog is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The dialog title\n   */\n  title?: React.ReactNode\n  translations?: {\n    cancel?: React.ReactNode\n    confirm?: React.ReactNode\n    close?: React.ReactNode\n  }\n  slotProps?: {\n    cancel?: ButtonProps\n    confirm?: ButtonProps\n    footer?: HTMLChakraProps<'div'>\n  }\n  /**\n   * Close the dialog on cancel\n   * @default true\n   */\n  closeOnCancel?: boolean\n  /**\n   * Close the dialog on confirm\n   * @default true\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Hide the backdrop\n   */\n  backdrop?: boolean\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Defines which button gets initial focus\n   * https://www.w3.org/TR/wai-aria-practices/#alertdialog\n   */\n  leastDestructiveFocus?: 'cancel' | 'confirm'\n  /**\n   * Function that's called when cancel is clicked\n   */\n  onCancel?: () => void\n  /**\n   * Function that's called when confirm is clicked.\n   */\n  onConfirm?: () => Promise<void> | void\n}\n\nexport const AlertDialog: React.FC<AlertDialogProps> = (props) => {\n  const {\n    title,\n    translations,\n    slotProps,\n    open,\n    closeOnCancel = true,\n    closeOnConfirm = true,\n    leastDestructiveFocus = 'cancel',\n    onOpenChange,\n    onCancel,\n    onConfirm,\n    children,\n    ...rest\n  } = props\n\n  const cancelRef = React.useRef(null)\n  const confirmRef = React.useRef(null)\n  const [isLoading, setIsLoading] = React.useState(false)\n\n  const handleConfirm = async () => {\n    try {\n      const result = onConfirm?.()\n      if (typeof result?.then === 'function') {\n        setIsLoading(true)\n        await result\n      }\n\n      closeOnConfirm && onOpenChange({ open: false })\n      /* eslint-disable no-useless-catch */\n    } catch (e: any) {\n      throw e\n    } finally {\n      setIsLoading(false)\n    }\n    /* eslint-enable */\n  }\n\n  const titleId = React.useId()\n  const contentId = React.useId()\n\n  return (\n    <Dialog.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      aria-labelledby={titleId}\n      aria-describedby={contentId}\n      {...rest}\n      initialFocusEl={() =>\n        leastDestructiveFocus === 'cancel'\n          ? cancelRef.current\n          : confirmRef.current\n      }\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title id={titleId}>{title}</Dialog.Title>\n        </Dialog.Header>\n\n        <Dialog.Body id={contentId}>{children}</Dialog.Body>\n\n        <Dialog.Footer {...slotProps?.footer}>\n          <Button\n            ref={cancelRef}\n            variant=\"ghost\"\n            colorPalette=\"gray\"\n            {...slotProps?.cancel}\n            onClick={callAll(slotProps?.cancel?.onClick, () => {\n              onCancel?.()\n\n              closeOnCancel && onOpenChange({ open: false })\n            })}\n          >\n            {slotProps?.cancel?.children || translations?.cancel || 'Cancel'}\n          </Button>\n          <Button\n            ref={confirmRef}\n            variant=\"solid\"\n            disabled={isLoading}\n            {...slotProps?.confirm}\n            onClick={callAll(handleConfirm, slotProps?.confirm?.onClick)}\n          >\n            {slotProps?.confirm?.children || translations?.confirm || 'OK'}\n          </Button>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  )\n}\n","import * as React from 'react'\n\nimport { type HTMLChakraProps } from '@chakra-ui/react'\nimport { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'\nimport { Drawer as BaseDrawer } from '@saas-ui/react/drawer'\n\nexport interface DrawerProps extends Omit<BaseDrawer.RootProps, 'children'> {\n  /**\n   * The drawer title\n   */\n  title: React.ReactNode\n  /**\n   * Whether the modal is open\n   */\n  open: boolean\n  /**\n   * Callback when the drawer is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The drawer children\n   */\n  children: MaybeRenderProp<{\n    open: boolean\n    setOpen: (open: boolean) => void\n  }>\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the backdrop\n   */\n  hideBackdrop?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal content\n   */\n  contentProps?: BaseDrawer.ContentProps\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal body\n   */\n  bodyProps?: HTMLChakraProps<'div'>\n}\n\nexport const Drawer: React.FC<DrawerProps> = (props) => {\n  const {\n    title,\n    children,\n    footer,\n    open,\n    onOpenChange,\n    hideCloseButton,\n    hideBackdrop,\n    headerProps,\n    contentProps,\n    bodyProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <BaseDrawer.Root open={open} onOpenChange={onOpenChange} {...rest}>\n      {!hideBackdrop && <BaseDrawer.Backdrop />}\n      <BaseDrawer.Content {...contentProps}>\n        {title && (\n          <BaseDrawer.Header {...headerProps}>{title}</BaseDrawer.Header>\n        )}\n        {!hideCloseButton && <BaseDrawer.CloseButton />}\n        <BaseDrawer.Body {...bodyProps}>\n          <BaseDrawer.Context>\n            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}\n          </BaseDrawer.Context>\n        </BaseDrawer.Body>\n        {footer && (\n          <BaseDrawer.Footer {...footerProps}>{footer}</BaseDrawer.Footer>\n        )}\n      </BaseDrawer.Content>\n    </BaseDrawer.Root>\n  )\n}\n","import * as React from 'react'\n\nimport type { HTMLChakraProps } from '@chakra-ui/react'\nimport { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'\nimport { Dialog as BaseDialog } from '@saas-ui/react/dialog'\n\nexport interface ModalProps extends Omit<BaseDialog.RootProps, 'children'> {\n  /**\n   * The modal title\n   */\n  title?: React.ReactNode\n  /**\n   * Whether the modal is open\n   */\n  open: boolean\n  /**\n   * Callback when the modal is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The modal children\n   */\n  children: MaybeRenderProp<{\n    open: boolean\n    setOpen: (open: boolean) => void\n  }>\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the overlay\n   */\n  hideBackdrop?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal content\n   */\n  contentProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal body\n   */\n  bodyProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: HTMLChakraProps<'div'>\n}\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    title,\n    footer,\n    children,\n    open,\n    onOpenChange,\n    hideCloseButton,\n    hideBackdrop,\n    headerProps,\n    contentProps,\n    bodyProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <BaseDialog.Root open={open} onOpenChange={onOpenChange} {...rest}>\n      <BaseDialog.Content {...contentProps}>\n        {title && (\n          <BaseDialog.Header {...headerProps}>{title}</BaseDialog.Header>\n        )}\n        {!hideCloseButton && <BaseDialog.CloseButton />}\n        <BaseDialog.Body>\n          <BaseDialog.Context>\n            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}\n          </BaseDialog.Context>\n        </BaseDialog.Body>\n        {footer && (\n          <BaseDialog.Footer {...footerProps}>{footer}</BaseDialog.Footer>\n        )}\n      </BaseDialog.Content>\n    </BaseDialog.Root>\n  )\n}\n","import { AlertDialog } from './alert-dialog'\nimport { Drawer } from './drawer'\nimport { Modal } from './modal'\n\nexport const defaultModals = {\n  alert: AlertDialog,\n  confirm: AlertDialog,\n  drawer: Drawer,\n  modal: Modal,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA6B;;;ACA7B,YAAuB;AAEvB,mBAA0D;AAC1D,mBAAwB;AACxB,oBAAuB;AAuHb;AAzDH,IAAM,cAA0C,CAAC,UAAU;AAlElE;AAmEE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,YAAkB,aAAO,IAAI;AACnC,QAAM,aAAmB,aAAO,IAAI;AACpC,QAAM,CAAC,WAAW,YAAY,IAAU,eAAS,KAAK;AAEtD,QAAM,gBAAgB,YAAY;AAChC,QAAI;AACF,YAAM,SAAS;AACf,UAAI,QAAO,iCAAQ,UAAS,YAAY;AACtC,qBAAa,IAAI;AACjB,cAAM;AAAA,MACR;AAEA,wBAAkB,aAAa,EAAE,MAAM,MAAM,CAAC;AAAA,IAEhD,SAAS,GAAQ;AACf,YAAM;AAAA,IACR,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EAEF;AAEA,QAAM,UAAgB,YAAM;AAC5B,QAAM,YAAkB,YAAM;AAE9B,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACJ,gBAAgB,MACd,0BAA0B,WACtB,UAAU,UACV,WAAW;AAAA,MAGjB,uDAAC,qBAAO,SAAP,EACC;AAAA,oDAAC,qBAAO,QAAP,EACC,sDAAC,qBAAO,OAAP,EAAa,IAAI,SAAU,iBAAM,GACpC;AAAA,QAEA,4CAAC,qBAAO,MAAP,EAAY,IAAI,WAAY,UAAS;AAAA,QAEtC,6CAAC,qBAAO,QAAP,EAAe,GAAG,uCAAW,QAC5B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,SAAQ;AAAA,cACR,cAAa;AAAA,cACZ,GAAG,uCAAW;AAAA,cACf,aAAS,uBAAQ,4CAAW,WAAX,mBAAmB,SAAS,MAAM;AACjD;AAEA,iCAAiB,aAAa,EAAE,MAAM,MAAM,CAAC;AAAA,cAC/C,CAAC;AAAA,cAEA,wDAAW,WAAX,mBAAmB,cAAY,6CAAc,WAAU;AAAA;AAAA,UAC1D;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,SAAQ;AAAA,cACR,UAAU;AAAA,cACT,GAAG,uCAAW;AAAA,cACf,aAAS,sBAAQ,gBAAe,4CAAW,YAAX,mBAAoB,OAAO;AAAA,cAE1D,wDAAW,YAAX,mBAAoB,cAAY,6CAAc,YAAW;AAAA;AAAA,UAC5D;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;;;ACxJA,IAAAA,gBAAyC;AACzC,oBAAqC;AAqEb,IAAAC,sBAAA;AAjBjB,IAAM,SAAgC,CAAC,UAAU;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SACE,8CAAC,cAAAC,OAAW,MAAX,EAAgB,MAAY,cAA6B,GAAG,MAC1D;AAAA,KAAC,gBAAgB,6CAAC,cAAAA,OAAW,UAAX,EAAoB;AAAA,IACvC,8CAAC,cAAAA,OAAW,SAAX,EAAoB,GAAG,cACrB;AAAA,eACC,6CAAC,cAAAA,OAAW,QAAX,EAAmB,GAAG,aAAc,iBAAM;AAAA,MAE5C,CAAC,mBAAmB,6CAAC,cAAAA,OAAW,aAAX,EAAuB;AAAA,MAC7C,6CAAC,cAAAA,OAAW,MAAX,EAAiB,GAAG,WACnB,uDAAC,cAAAA,OAAW,SAAX,EACE,WAAC,EAAE,MAAAC,OAAM,QAAQ,UAAM,uBAAQ,UAAU,EAAE,MAAAA,OAAM,QAAQ,CAAC,GAC7D,GACF;AAAA,MACC,UACC,6CAAC,cAAAD,OAAW,QAAX,EAAmB,GAAG,aAAc,kBAAO;AAAA,OAEhD;AAAA,KACF;AAEJ;;;ACvFA,IAAAE,gBAAyC;AACzC,IAAAC,iBAAqC;AAqE/B,IAAAC,sBAAA;AAjBC,IAAM,QAA8B,CAAC,UAAU;AACpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SACE,6CAAC,eAAAC,OAAW,MAAX,EAAgB,MAAY,cAA6B,GAAG,MAC3D,wDAAC,eAAAA,OAAW,SAAX,EAAoB,GAAG,cACrB;AAAA,aACC,6CAAC,eAAAA,OAAW,QAAX,EAAmB,GAAG,aAAc,iBAAM;AAAA,IAE5C,CAAC,mBAAmB,6CAAC,eAAAA,OAAW,aAAX,EAAuB;AAAA,IAC7C,6CAAC,eAAAA,OAAW,MAAX,EACC,uDAAC,eAAAA,OAAW,SAAX,EACE,WAAC,EAAE,MAAAC,OAAM,QAAQ,UAAM,uBAAQ,UAAU,EAAE,MAAAA,OAAM,QAAQ,CAAC,GAC7D,GACF;AAAA,IACC,UACC,6CAAC,eAAAD,OAAW,QAAX,EAAmB,GAAG,aAAc,kBAAO;AAAA,KAEhD,GACF;AAEJ;;;ACrFO,IAAM,gBAAgB;AAAA,EAC3B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AACT;;;AJiBA,IAAM,EAAE,WAAW,eAAe,QAAI,qCAAa;AAAA,EACjD,QAAQ;AACV,CAAC;","names":["import_utils","import_jsx_runtime","BaseDrawer","open","import_utils","import_dialog","import_jsx_runtime","BaseDialog","open"]}

package/dist/index.js

@@ -112,7 +112,7 @@ var Drawer = (props) => {
     !hideBackdrop && /* @__PURE__ */ jsx2(BaseDrawer.Backdrop, {}),
     /* @__PURE__ */ jsxs2(BaseDrawer.Content, { ...contentProps, children: [
       title && /* @__PURE__ */ jsx2(BaseDrawer.Header, { ...headerProps, children: title }),
-      !hideCloseButton && /* @__PURE__ */ jsx2(BaseDrawer.CloseTrigger, {}),
+      !hideCloseButton && /* @__PURE__ */ jsx2(BaseDrawer.CloseButton, {}),
       /* @__PURE__ */ jsx2(BaseDrawer.Body, { ...bodyProps, children: /* @__PURE__ */ jsx2(BaseDrawer.Context, { children: ({ open: open2, setOpen }) => runIfFn(children, { open: open2, setOpen }) }) }),
       footer && /* @__PURE__ */ jsx2(BaseDrawer.Footer, { ...footerProps, children: footer })
     ] })
@@ -140,7 +140,7 @@ var Modal = (props) => {
   } = props;
   return /* @__PURE__ */ jsx3(BaseDialog.Root, { open, onOpenChange, ...rest, children: /* @__PURE__ */ jsxs3(BaseDialog.Content, { ...contentProps, children: [
     title && /* @__PURE__ */ jsx3(BaseDialog.Header, { ...headerProps, children: title }),
-    !hideCloseButton && /* @__PURE__ */ jsx3(BaseDialog.CloseTrigger, {}),
+    !hideCloseButton && /* @__PURE__ */ jsx3(BaseDialog.CloseButton, {}),
     /* @__PURE__ */ jsx3(BaseDialog.Body, { children: /* @__PURE__ */ jsx3(BaseDialog.Context, { children: ({ open: open2, setOpen }) => runIfFn2(children, { open: open2, setOpen }) }) }),
     footer && /* @__PURE__ */ jsx3(BaseDialog.Footer, { ...footerProps, children: footer })
   ] }) });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/alert-dialog.tsx","../src/drawer.tsx","../src/modal.tsx","../src/default-modals.ts"],"sourcesContent":["import { createModals } from '@saas-ui/modals-provider'\n\nimport { defaultModals } from './default-modals.ts'\n\n// Exporting from './dialog'\nexport { AlertDialog } from './alert-dialog.tsx'\nexport type { AlertDialogProps } from './alert-dialog.tsx'\n\n// Exporting from './drawer'\nexport { Drawer } from './drawer'\nexport type { DrawerProps } from './drawer'\n\n// Exporting from './modal'\nexport { Modal } from './modal'\nexport type { ModalProps } from './modal'\n\n// Exporting from './form'\n// export { FormDialog, createFormDialog } from './form'\n// export type {\n//   DefaultFormType,\n//   FormDialogFieldOverrides,\n//   FormDialogProps,\n// } from './form'\n\n// Exporting from './provider'\n\nconst { useModals, ModalsProvider } = createModals({\n  modals: defaultModals,\n})\n\nexport { ModalsProvider, useModals }\n","import * as React from 'react'\n\nimport { Button, ButtonProps, type HTMLChakraProps } from '@chakra-ui/react'\nimport { callAll } from '@saas-ui/core/utils'\nimport { Dialog } from '@saas-ui/react/dialog'\n\nexport interface AlertDialogProps\n  extends Omit<\n    Dialog.RootProps,\n    'leastDestructiveRef' | 'onOpenChange' | 'open'\n  > {\n  /**\n   * Whether the dialog is open\n   */\n  open: boolean\n  /**\n   * Callback when the dialog is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The dialog title\n   */\n  title?: React.ReactNode\n  translations?: {\n    cancel?: React.ReactNode\n    confirm?: React.ReactNode\n    close?: React.ReactNode\n  }\n  slotProps?: {\n    cancel?: ButtonProps\n    confirm?: ButtonProps\n    footer?: HTMLChakraProps<'div'>\n  }\n  /**\n   * Close the dialog on cancel\n   * @default true\n   */\n  closeOnCancel?: boolean\n  /**\n   * Close the dialog on confirm\n   * @default true\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Hide the backdrop\n   */\n  backdrop?: boolean\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Defines which button gets initial focus\n   * https://www.w3.org/TR/wai-aria-practices/#alertdialog\n   */\n  leastDestructiveFocus?: 'cancel' | 'confirm'\n  /**\n   * Function that's called when cancel is clicked\n   */\n  onCancel?: () => void\n  /**\n   * Function that's called when confirm is clicked.\n   */\n  onConfirm?: () => Promise<void> | void\n}\n\nexport const AlertDialog: React.FC<AlertDialogProps> = (props) => {\n  const {\n    title,\n    translations,\n    slotProps,\n    open,\n    closeOnCancel = true,\n    closeOnConfirm = true,\n    leastDestructiveFocus = 'cancel',\n    onOpenChange,\n    onCancel,\n    onConfirm,\n    children,\n    ...rest\n  } = props\n\n  const cancelRef = React.useRef(null)\n  const confirmRef = React.useRef(null)\n  const [isLoading, setIsLoading] = React.useState(false)\n\n  const handleConfirm = async () => {\n    try {\n      const result = onConfirm?.()\n      if (typeof result?.then === 'function') {\n        setIsLoading(true)\n        await result\n      }\n\n      closeOnConfirm && onOpenChange({ open: false })\n      /* eslint-disable no-useless-catch */\n    } catch (e: any) {\n      throw e\n    } finally {\n      setIsLoading(false)\n    }\n    /* eslint-enable */\n  }\n\n  const titleId = React.useId()\n  const contentId = React.useId()\n\n  return (\n    <Dialog.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      aria-labelledby={titleId}\n      aria-describedby={contentId}\n      {...rest}\n      initialFocusEl={() =>\n        leastDestructiveFocus === 'cancel'\n          ? cancelRef.current\n          : confirmRef.current\n      }\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title id={titleId}>{title}</Dialog.Title>\n        </Dialog.Header>\n\n        <Dialog.Body id={contentId}>{children}</Dialog.Body>\n\n        <Dialog.Footer {...slotProps?.footer}>\n          <Button\n            ref={cancelRef}\n            variant=\"ghost\"\n            colorPalette=\"gray\"\n            {...slotProps?.cancel}\n            onClick={callAll(slotProps?.cancel?.onClick, () => {\n              onCancel?.()\n\n              closeOnCancel && onOpenChange({ open: false })\n            })}\n          >\n            {slotProps?.cancel?.children || translations?.cancel || 'Cancel'}\n          </Button>\n          <Button\n            ref={confirmRef}\n            variant=\"solid\"\n            disabled={isLoading}\n            {...slotProps?.confirm}\n            onClick={callAll(handleConfirm, slotProps?.confirm?.onClick)}\n          >\n            {slotProps?.confirm?.children || translations?.confirm || 'OK'}\n          </Button>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  )\n}\n","import * as React from 'react'\n\nimport { type HTMLChakraProps } from '@chakra-ui/react'\nimport { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'\nimport { Drawer as BaseDrawer } from '@saas-ui/react/drawer'\n\nexport interface DrawerProps extends Omit<BaseDrawer.RootProps, 'children'> {\n  /**\n   * The drawer title\n   */\n  title: React.ReactNode\n  /**\n   * Whether the modal is open\n   */\n  open: boolean\n  /**\n   * Callback when the drawer is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The drawer children\n   */\n  children: MaybeRenderProp<{\n    open: boolean\n    setOpen: (open: boolean) => void\n  }>\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the backdrop\n   */\n  hideBackdrop?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal content\n   */\n  contentProps?: BaseDrawer.ContentProps\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal body\n   */\n  bodyProps?: HTMLChakraProps<'div'>\n}\n\nexport const Drawer: React.FC<DrawerProps> = (props) => {\n  const {\n    title,\n    children,\n    footer,\n    open,\n    onOpenChange,\n    hideCloseButton,\n    hideBackdrop,\n    headerProps,\n    contentProps,\n    bodyProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <BaseDrawer.Root open={open} onOpenChange={onOpenChange} {...rest}>\n      {!hideBackdrop && <BaseDrawer.Backdrop />}\n      <BaseDrawer.Content {...contentProps}>\n        {title && (\n          <BaseDrawer.Header {...headerProps}>{title}</BaseDrawer.Header>\n        )}\n        {!hideCloseButton && <BaseDrawer.CloseTrigger />}\n        <BaseDrawer.Body {...bodyProps}>\n          <BaseDrawer.Context>\n            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}\n          </BaseDrawer.Context>\n        </BaseDrawer.Body>\n        {footer && (\n          <BaseDrawer.Footer {...footerProps}>{footer}</BaseDrawer.Footer>\n        )}\n      </BaseDrawer.Content>\n    </BaseDrawer.Root>\n  )\n}\n","import * as React from 'react'\n\nimport type { HTMLChakraProps } from '@chakra-ui/react'\nimport { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'\nimport { Dialog as BaseDialog } from '@saas-ui/react/dialog'\n\nexport interface ModalProps extends Omit<BaseDialog.RootProps, 'children'> {\n  /**\n   * The modal title\n   */\n  title?: React.ReactNode\n  /**\n   * Whether the modal is open\n   */\n  open: boolean\n  /**\n   * Callback when the modal is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The modal children\n   */\n  children: MaybeRenderProp<{\n    open: boolean\n    setOpen: (open: boolean) => void\n  }>\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the overlay\n   */\n  hideBackdrop?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal content\n   */\n  contentProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal body\n   */\n  bodyProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: HTMLChakraProps<'div'>\n}\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    title,\n    footer,\n    children,\n    open,\n    onOpenChange,\n    hideCloseButton,\n    hideBackdrop,\n    headerProps,\n    contentProps,\n    bodyProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <BaseDialog.Root open={open} onOpenChange={onOpenChange} {...rest}>\n      <BaseDialog.Content {...contentProps}>\n        {title && (\n          <BaseDialog.Header {...headerProps}>{title}</BaseDialog.Header>\n        )}\n        {!hideCloseButton && <BaseDialog.CloseTrigger />}\n        <BaseDialog.Body>\n          <BaseDialog.Context>\n            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}\n          </BaseDialog.Context>\n        </BaseDialog.Body>\n        {footer && (\n          <BaseDialog.Footer {...footerProps}>{footer}</BaseDialog.Footer>\n        )}\n      </BaseDialog.Content>\n    </BaseDialog.Root>\n  )\n}\n","import { AlertDialog } from './alert-dialog'\nimport { Drawer } from './drawer'\nimport { Modal } from './modal'\n\nexport const defaultModals = {\n  alert: AlertDialog,\n  confirm: AlertDialog,\n  drawer: Drawer,\n  modal: Modal,\n}\n"],"mappings":"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","names":["jsx","jsxs","open","runIfFn","jsx","jsxs","open"]}
+{"version":3,"sources":["../src/index.ts","../src/alert-dialog.tsx","../src/drawer.tsx","../src/modal.tsx","../src/default-modals.ts"],"sourcesContent":["import { createModals } from '@saas-ui/modals-provider'\n\nimport { defaultModals } from './default-modals.ts'\n\n// Exporting from './dialog'\nexport { AlertDialog } from './alert-dialog.tsx'\nexport type { AlertDialogProps } from './alert-dialog.tsx'\n\n// Exporting from './drawer'\nexport { Drawer } from './drawer'\nexport type { DrawerProps } from './drawer'\n\n// Exporting from './modal'\nexport { Modal } from './modal'\nexport type { ModalProps } from './modal'\n\n// Exporting from './form'\n// export { FormDialog, createFormDialog } from './form'\n// export type {\n//   DefaultFormType,\n//   FormDialogFieldOverrides,\n//   FormDialogProps,\n// } from './form'\n\n// Exporting from './provider'\n\nconst { useModals, ModalsProvider } = createModals({\n  modals: defaultModals,\n})\n\nexport { ModalsProvider, useModals }\n","import * as React from 'react'\n\nimport { Button, ButtonProps, type HTMLChakraProps } from '@chakra-ui/react'\nimport { callAll } from '@saas-ui/core/utils'\nimport { Dialog } from '@saas-ui/react/dialog'\n\nexport interface AlertDialogProps\n  extends Omit<\n    Dialog.RootProps,\n    'leastDestructiveRef' | 'onOpenChange' | 'open'\n  > {\n  /**\n   * Whether the dialog is open\n   */\n  open: boolean\n  /**\n   * Callback when the dialog is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The dialog title\n   */\n  title?: React.ReactNode\n  translations?: {\n    cancel?: React.ReactNode\n    confirm?: React.ReactNode\n    close?: React.ReactNode\n  }\n  slotProps?: {\n    cancel?: ButtonProps\n    confirm?: ButtonProps\n    footer?: HTMLChakraProps<'div'>\n  }\n  /**\n   * Close the dialog on cancel\n   * @default true\n   */\n  closeOnCancel?: boolean\n  /**\n   * Close the dialog on confirm\n   * @default true\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Hide the backdrop\n   */\n  backdrop?: boolean\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Defines which button gets initial focus\n   * https://www.w3.org/TR/wai-aria-practices/#alertdialog\n   */\n  leastDestructiveFocus?: 'cancel' | 'confirm'\n  /**\n   * Function that's called when cancel is clicked\n   */\n  onCancel?: () => void\n  /**\n   * Function that's called when confirm is clicked.\n   */\n  onConfirm?: () => Promise<void> | void\n}\n\nexport const AlertDialog: React.FC<AlertDialogProps> = (props) => {\n  const {\n    title,\n    translations,\n    slotProps,\n    open,\n    closeOnCancel = true,\n    closeOnConfirm = true,\n    leastDestructiveFocus = 'cancel',\n    onOpenChange,\n    onCancel,\n    onConfirm,\n    children,\n    ...rest\n  } = props\n\n  const cancelRef = React.useRef(null)\n  const confirmRef = React.useRef(null)\n  const [isLoading, setIsLoading] = React.useState(false)\n\n  const handleConfirm = async () => {\n    try {\n      const result = onConfirm?.()\n      if (typeof result?.then === 'function') {\n        setIsLoading(true)\n        await result\n      }\n\n      closeOnConfirm && onOpenChange({ open: false })\n      /* eslint-disable no-useless-catch */\n    } catch (e: any) {\n      throw e\n    } finally {\n      setIsLoading(false)\n    }\n    /* eslint-enable */\n  }\n\n  const titleId = React.useId()\n  const contentId = React.useId()\n\n  return (\n    <Dialog.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      aria-labelledby={titleId}\n      aria-describedby={contentId}\n      {...rest}\n      initialFocusEl={() =>\n        leastDestructiveFocus === 'cancel'\n          ? cancelRef.current\n          : confirmRef.current\n      }\n    >\n      <Dialog.Content>\n        <Dialog.Header>\n          <Dialog.Title id={titleId}>{title}</Dialog.Title>\n        </Dialog.Header>\n\n        <Dialog.Body id={contentId}>{children}</Dialog.Body>\n\n        <Dialog.Footer {...slotProps?.footer}>\n          <Button\n            ref={cancelRef}\n            variant=\"ghost\"\n            colorPalette=\"gray\"\n            {...slotProps?.cancel}\n            onClick={callAll(slotProps?.cancel?.onClick, () => {\n              onCancel?.()\n\n              closeOnCancel && onOpenChange({ open: false })\n            })}\n          >\n            {slotProps?.cancel?.children || translations?.cancel || 'Cancel'}\n          </Button>\n          <Button\n            ref={confirmRef}\n            variant=\"solid\"\n            disabled={isLoading}\n            {...slotProps?.confirm}\n            onClick={callAll(handleConfirm, slotProps?.confirm?.onClick)}\n          >\n            {slotProps?.confirm?.children || translations?.confirm || 'OK'}\n          </Button>\n        </Dialog.Footer>\n      </Dialog.Content>\n    </Dialog.Root>\n  )\n}\n","import * as React from 'react'\n\nimport { type HTMLChakraProps } from '@chakra-ui/react'\nimport { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'\nimport { Drawer as BaseDrawer } from '@saas-ui/react/drawer'\n\nexport interface DrawerProps extends Omit<BaseDrawer.RootProps, 'children'> {\n  /**\n   * The drawer title\n   */\n  title: React.ReactNode\n  /**\n   * Whether the modal is open\n   */\n  open: boolean\n  /**\n   * Callback when the drawer is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The drawer children\n   */\n  children: MaybeRenderProp<{\n    open: boolean\n    setOpen: (open: boolean) => void\n  }>\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the backdrop\n   */\n  hideBackdrop?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal content\n   */\n  contentProps?: BaseDrawer.ContentProps\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal body\n   */\n  bodyProps?: HTMLChakraProps<'div'>\n}\n\nexport const Drawer: React.FC<DrawerProps> = (props) => {\n  const {\n    title,\n    children,\n    footer,\n    open,\n    onOpenChange,\n    hideCloseButton,\n    hideBackdrop,\n    headerProps,\n    contentProps,\n    bodyProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <BaseDrawer.Root open={open} onOpenChange={onOpenChange} {...rest}>\n      {!hideBackdrop && <BaseDrawer.Backdrop />}\n      <BaseDrawer.Content {...contentProps}>\n        {title && (\n          <BaseDrawer.Header {...headerProps}>{title}</BaseDrawer.Header>\n        )}\n        {!hideCloseButton && <BaseDrawer.CloseButton />}\n        <BaseDrawer.Body {...bodyProps}>\n          <BaseDrawer.Context>\n            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}\n          </BaseDrawer.Context>\n        </BaseDrawer.Body>\n        {footer && (\n          <BaseDrawer.Footer {...footerProps}>{footer}</BaseDrawer.Footer>\n        )}\n      </BaseDrawer.Content>\n    </BaseDrawer.Root>\n  )\n}\n","import * as React from 'react'\n\nimport type { HTMLChakraProps } from '@chakra-ui/react'\nimport { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'\nimport { Dialog as BaseDialog } from '@saas-ui/react/dialog'\n\nexport interface ModalProps extends Omit<BaseDialog.RootProps, 'children'> {\n  /**\n   * The modal title\n   */\n  title?: React.ReactNode\n  /**\n   * Whether the modal is open\n   */\n  open: boolean\n  /**\n   * Callback when the modal is opened or closed\n   */\n  onOpenChange: (details: { open: boolean }) => void\n  /**\n   * The modal children\n   */\n  children: MaybeRenderProp<{\n    open: boolean\n    setOpen: (open: boolean) => void\n  }>\n  /**\n   * The modal footer\n   */\n  footer?: React.ReactNode\n  /**\n   * Hide the close button\n   */\n  hideCloseButton?: boolean\n  /**\n   * Hide the overlay\n   */\n  hideBackdrop?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal content\n   */\n  contentProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal body\n   */\n  bodyProps?: HTMLChakraProps<'div'>\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: HTMLChakraProps<'div'>\n}\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    title,\n    footer,\n    children,\n    open,\n    onOpenChange,\n    hideCloseButton,\n    hideBackdrop,\n    headerProps,\n    contentProps,\n    bodyProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <BaseDialog.Root open={open} onOpenChange={onOpenChange} {...rest}>\n      <BaseDialog.Content {...contentProps}>\n        {title && (\n          <BaseDialog.Header {...headerProps}>{title}</BaseDialog.Header>\n        )}\n        {!hideCloseButton && <BaseDialog.CloseButton />}\n        <BaseDialog.Body>\n          <BaseDialog.Context>\n            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}\n          </BaseDialog.Context>\n        </BaseDialog.Body>\n        {footer && (\n          <BaseDialog.Footer {...footerProps}>{footer}</BaseDialog.Footer>\n        )}\n      </BaseDialog.Content>\n    </BaseDialog.Root>\n  )\n}\n","import { AlertDialog } from './alert-dialog'\nimport { Drawer } from './drawer'\nimport { Modal } from './modal'\n\nexport const defaultModals = {\n  alert: AlertDialog,\n  confirm: AlertDialog,\n  drawer: Drawer,\n  modal: Modal,\n}\n"],"mappings":"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","names":["jsx","jsxs","open","runIfFn","jsx","jsxs","open"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/modals",
-  "version": "3.0.0-alpha.21",
+  "version": "3.0.0-alpha.23",
   "description": "A modal manager for Chakra UI",
   "type": "module",
   "exports": {
@@ -67,14 +67,14 @@
   },
   "dependencies": {
     "@saas-ui/core": "3.0.0-alpha.7",
-    "@saas-ui/forms": "3.0.0-alpha.21",
+    "@saas-ui/forms": "3.0.0-alpha.23",
     "@saas-ui/hooks": "3.0.0-alpha.4",
-    "@saas-ui/modals-provider": "1.0.0-alpha.3"
+    "@saas-ui/modals-provider": "1.0.0-alpha.4"
   },
   "peerDependencies": {
     "@chakra-ui/react": "^3.2.3",
     "@emotion/react": ">=11.0.0",
-    "@saas-ui/react": "3.0.0-alpha.21",
+    "@saas-ui/react": "3.0.0-alpha.23",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },