@saas-ui/modals 2.4.2 → 3.0.0-alpha.0

package/src/index.ts

@@ -1,47 +1,31 @@
+import { createModals } from '@saas-ui/modals-provider'
+
+import { defaultModals } from './default-modals.ts'
+
 // Exporting from './dialog'
-export { ConfirmDialog } from './dialog'
-export type { ConfirmDialogProps } from './dialog'
+export { AlertDialog } from './alert-dialog.tsx'
+export type { AlertDialogProps } from './alert-dialog.tsx'
 
 // Exporting from './drawer'
-export { BaseDrawer, Drawer } from './drawer'
-export type { BaseDrawerProps, DrawerProps } from './drawer'
+export { Drawer } from './drawer'
+export type { DrawerProps } from './drawer'
 
 // Exporting from './modal'
-export { BaseModal, Modal } from './modal'
-export type { BaseModalProps } from './modal'
-
-// Exporting from './menu'
-export { MenuDialog, MenuDialogList } from './menu'
-export type { MenuDialogListProps, MenuDialogProps } from './menu'
+export { Modal } from './modal'
+export type { ModalProps } from './modal'
 
 // Exporting from './form'
-export { FormDialog, createFormDialog } from './form'
-export type {
-  DefaultFormType,
-  FormDialogFieldOverrides,
-  FormDialogProps,
-} from './form'
+// export { FormDialog, createFormDialog } from './form'
+// export type {
+//   DefaultFormType,
+//   FormDialogFieldOverrides,
+//   FormDialogProps,
+// } from './form'
 
 // Exporting from './provider'
-export {
-  ModalsContext,
-  ModalsProvider,
-  useModals,
-  useModalsContext,
-} from './provider'
-export type {
-  ConfirmDialogOptions,
-  DrawerOptions,
-  FormDialogOptions,
-  MenuDialogOptions,
-  ModalConfig,
-  ModalId,
-  ModalScopes,
-  ModalsContextValue,
-  ModalsProviderProps,
-  OpenOptions,
-} from './provider'
-
-// Exporting from './create-modals'
-export { createModals } from './create-modals'
-export type { CreateModalsOptions } from './create-modals'
+
+const { useModals, ModalsProvider } = createModals({
+  modals: defaultModals,
+})
+
+export { ModalsProvider, useModals }

package/src/modal.tsx

@@ -1,32 +1,28 @@
 import * as React from 'react'
 
-import {
-  Modal as ChakraModal,
-  ModalOverlay,
-  ModalContent,
-  ModalHeader,
-  ModalFooter,
-  ModalBody,
-  ModalCloseButton,
-  ModalProps as ChakraModalProps,
-  ModalContentProps,
-  ModalHeaderProps,
-  ModalFooterProps,
-} from '@chakra-ui/react'
+import type { HTMLChakraProps } from '@chakra-ui/react'
+import { MaybeRenderProp, runIfFn } from '@saas-ui/core/utils'
+import { Dialog as BaseDialog } from '@saas-ui/react/dialog'
 
-import { runIfFn, MaybeRenderProp } from '@chakra-ui/utils'
-
-export interface BaseModalProps extends Omit<ChakraModalProps, 'children'> {
+export interface ModalProps extends Omit<BaseDialog.RootProps, 'children'> {
   /**
    * The modal title
    */
   title?: React.ReactNode
+  /**
+   * Whether the modal is open
+   */
+  open: boolean
+  /**
+   * Callback when the modal is opened or closed
+   */
+  onOpenChange: (details: { open: boolean }) => void
   /**
    * The modal children
    */
   children: MaybeRenderProp<{
-    isOpen: boolean
-    onClose: () => void
+    open: boolean
+    setOpen: (open: boolean) => void
   }>
   /**
    * The modal footer
@@ -39,61 +35,56 @@ export interface BaseModalProps extends Omit<ChakraModalProps, 'children'> {
   /**
    * Hide the overlay
    */
-  hideOverlay?: boolean
+  hideBackdrop?: boolean
   /**
    * Props for the modal header
    */
-  headerProps?: ModalHeaderProps
+  headerProps?: HTMLChakraProps<'div'>
   /**
    * Props for the modal content
    */
-  contentProps?: ModalContentProps
+  contentProps?: HTMLChakraProps<'div'>
+  /**
+   * Props for the modal body
+   */
+  bodyProps?: HTMLChakraProps<'div'>
   /**
    * Props for the modal footer
    */
-  footerProps?: ModalFooterProps
+  footerProps?: HTMLChakraProps<'div'>
 }
 
-export const BaseModal: React.FC<BaseModalProps> = (props) => {
+export const Modal: React.FC<ModalProps> = (props) => {
   const {
     title,
     footer,
     children,
-    isOpen,
-    onClose,
+    open,
+    onOpenChange,
     hideCloseButton,
-    hideOverlay,
+    hideBackdrop,
     headerProps,
     contentProps,
+    bodyProps,
     footerProps,
     ...rest
   } = props
   return (
-    <ChakraModal isOpen={isOpen} onClose={onClose} {...rest}>
-      {!hideOverlay && <ModalOverlay />}
-      <ModalContent {...contentProps}>
-        {title && <ModalHeader {...headerProps}>{title}</ModalHeader>}
-        {!hideCloseButton && <ModalCloseButton />}
-        {runIfFn(children, {
-          isOpen,
-          onClose,
-        })}
-        {footer && <ModalFooter {...footerProps}>{footer}</ModalFooter>}
-      </ModalContent>
-    </ChakraModal>
-  )
-}
-
-export const Modal: React.FC<BaseModalProps> = (props) => {
-  const { children, isOpen, onClose, ...rest } = props
-  return (
-    <BaseModal {...rest} isOpen={isOpen} onClose={onClose}>
-      <ModalBody>
-        {runIfFn(children, {
-          isOpen,
-          onClose,
-        })}
-      </ModalBody>
-    </BaseModal>
+    <BaseDialog.Root open={open} onOpenChange={onOpenChange} {...rest}>
+      <BaseDialog.Content {...contentProps}>
+        {title && (
+          <BaseDialog.Header {...headerProps}>{title}</BaseDialog.Header>
+        )}
+        {!hideCloseButton && <BaseDialog.CloseTrigger />}
+        <BaseDialog.Body>
+          <BaseDialog.Context>
+            {({ open, setOpen }) => runIfFn(children, { open, setOpen })}
+          </BaseDialog.Context>
+        </BaseDialog.Body>
+        {footer && (
+          <BaseDialog.Footer {...footerProps}>{footer}</BaseDialog.Footer>
+        )}
+      </BaseDialog.Content>
+    </BaseDialog.Root>
   )
 }

package/src/types.ts

@@ -1,40 +1,53 @@
-import { FormProps, FormType } from '@saas-ui/forms'
-import { ModalId } from './provider'
+import type {
+  FieldValues,
+  FormProps,
+  FormType,
+  WithFields,
+} from '@saas-ui/forms'
 import { AnyObjectSchema, YupFormType } from '@saas-ui/forms/yup'
-import { FormDialogFieldOverrides } from './form'
-import { WithFields } from '@saas-ui/forms'
-import { FieldValues } from '@saas-ui/forms'
-import type { z } from 'zod'
-import type { InferType } from 'yup'
 import { ZodFormType } from '@saas-ui/forms/zod'
+import { ModalId } from '@saas-ui/modals-provider'
+import type { InferType } from 'yup'
+import type { z } from 'zod'
+
+import { FormDialogFieldOverrides } from './form'
 
-export type FormDialogHandler<T> = T extends YupFormType<
-  infer FieldDefs,
-  infer ExtraProps,
-  infer ExtraOverrides,
-  'yup'
->
-  ? YupHandler<FieldDefs, object, ExtraOverrides & FormDialogFieldOverrides>
-  : T extends ZodFormType<
-      infer FieldDefs,
-      infer ExtraProps,
-      infer ExtraOverrides,
-      'zod'
-    >
-  ? ZodHandler<FieldDefs, object, ExtraOverrides & FormDialogFieldOverrides>
-  : T extends FormType<infer FieldDefs, infer ExtraProps, infer ExtraOverrides>
-  ? FormHandler<FieldDefs, object, ExtraOverrides & FormDialogFieldOverrides>
-  : never
+export type FormDialogHandler<T> =
+  T extends YupFormType<
+    infer FieldDefs,
+    infer ExtraProps,
+    infer ExtraOverrides,
+    'yup'
+  >
+    ? YupHandler<FieldDefs, object, ExtraOverrides & FormDialogFieldOverrides>
+    : T extends ZodFormType<
+          infer FieldDefs,
+          infer ExtraProps,
+          infer ExtraOverrides,
+          'zod'
+        >
+      ? ZodHandler<FieldDefs, object, ExtraOverrides & FormDialogFieldOverrides>
+      : T extends FormType<
+            infer FieldDefs,
+            infer ExtraProps,
+            infer ExtraOverrides
+          >
+        ? FormHandler<
+            FieldDefs,
+            object,
+            ExtraOverrides & FormDialogFieldOverrides
+          >
+        : never
 
 export type ZodHandler<
   FieldDefs,
   ExtraProps = object,
   ExtraOverrides = object,
-  Type extends 'zod' = 'zod'
+  Type extends 'zod' = 'zod',
 > = <
   TSchema extends z.AnyZodObject = z.AnyZodObject,
   TFieldValues extends z.infer<TSchema> = z.infer<TSchema>,
-  TContext extends object = object
+  TContext extends object = object,
 >(
   props: WithFields<
     FormProps<TSchema, TFieldValues, TContext>,
@@ -42,17 +55,17 @@ export type ZodHandler<
     ExtraOverrides
   > & {
     ref?: React.ForwardedRef<HTMLFormElement>
-  } & ExtraProps
+  } & ExtraProps,
 ) => ModalId
 
 export type FormHandler<
   FieldDefs,
   ExtraProps = object,
-  ExtraOverrides = object
+  ExtraOverrides = object,
 > = <
   TSchema = unknown,
   TFieldValues extends FieldValues = FieldValues,
-  TContext extends object = object
+  TContext extends object = object,
 >(
   props: WithFields<
     FormProps<TSchema, TFieldValues, TContext>,
@@ -60,18 +73,18 @@ export type FormHandler<
     ExtraOverrides
   > & {
     ref?: React.ForwardedRef<HTMLFormElement>
-  } & ExtraProps
+  } & ExtraProps,
 ) => ModalId
 
 export type YupHandler<
   FieldDefs,
   ExtraProps = object,
   ExtraOverrides = object,
-  Type extends 'yup' = 'yup'
+  Type extends 'yup' = 'yup',
 > = <
   TSchema extends AnyObjectSchema = AnyObjectSchema,
   TFieldValues extends InferType<TSchema> = InferType<TSchema>, // placeholder
-  TContext extends object = object
+  TContext extends object = object,
 >(
   props: WithFields<
     FormProps<TFieldValues, TContext, TSchema>,
@@ -79,5 +92,5 @@ export type YupHandler<
     ExtraOverrides
   > & {
     ref?: React.ForwardedRef<HTMLFormElement>
-  } & ExtraProps
+  } & ExtraProps,
 ) => ModalId

package/dist/chunk-FRC2HTO7.mjs

@@ -1,154 +0,0 @@
-'use client'
-
-// src/modal.tsx
-import {
-  Modal as ChakraModal,
-  ModalOverlay,
-  ModalContent,
-  ModalHeader,
-  ModalFooter,
-  ModalBody,
-  ModalCloseButton
-} from "@chakra-ui/react";
-import { runIfFn } from "@chakra-ui/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var BaseModal = (props) => {
-  const {
-    title,
-    footer,
-    children,
-    isOpen,
-    onClose,
-    hideCloseButton,
-    hideOverlay,
-    headerProps,
-    contentProps,
-    footerProps,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsxs(ChakraModal, { isOpen, onClose, ...rest, children: [
-    !hideOverlay && /* @__PURE__ */ jsx(ModalOverlay, {}),
-    /* @__PURE__ */ jsxs(ModalContent, { ...contentProps, children: [
-      title && /* @__PURE__ */ jsx(ModalHeader, { ...headerProps, children: title }),
-      !hideCloseButton && /* @__PURE__ */ jsx(ModalCloseButton, {}),
-      runIfFn(children, {
-        isOpen,
-        onClose
-      }),
-      footer && /* @__PURE__ */ jsx(ModalFooter, { ...footerProps, children: footer })
-    ] })
-  ] });
-};
-var Modal = (props) => {
-  const { children, isOpen, onClose, ...rest } = props;
-  return /* @__PURE__ */ jsx(BaseModal, { ...rest, isOpen, onClose, children: /* @__PURE__ */ jsx(ModalBody, { children: runIfFn(children, {
-    isOpen,
-    onClose
-  }) }) });
-};
-
-// src/form.tsx
-import {
-  ModalBody as ModalBody2,
-  ModalFooter as ModalFooter2,
-  Button,
-  forwardRef
-} from "@chakra-ui/react";
-import { runIfFn as runIfFn2 } from "@saas-ui/react-utils";
-import {
-  Form,
-  AutoFields,
-  SubmitButton
-} from "@saas-ui/forms";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var useFormProps = (props) => {
-  const {
-    schema,
-    resolver,
-    fieldResolver,
-    defaultValues,
-    values,
-    context,
-    onChange,
-    onSubmit,
-    onError,
-    mode,
-    reValidateMode,
-    shouldFocusError = true,
-    shouldUnregister,
-    shouldUseNativeValidation,
-    criteriaMode,
-    delayError = 100,
-    fields,
-    formRef,
-    ...modalProps
-  } = props;
-  const formProps = {
-    schema,
-    resolver,
-    defaultValues,
-    values,
-    context,
-    onChange,
-    onSubmit,
-    onError,
-    mode,
-    reValidateMode,
-    shouldFocusError,
-    shouldUnregister,
-    shouldUseNativeValidation,
-    criteriaMode,
-    delayError,
-    fields,
-    formRef
-  };
-  return { modalProps, formProps, fields };
-};
-function createFormDialog(Form2) {
-  const Dialog = forwardRef((props, ref) => {
-    const { isOpen, onClose, footer, children, ...rest } = props;
-    const { modalProps, formProps, fields } = useFormProps(rest);
-    return /* @__PURE__ */ jsx2(BaseModal, { ...modalProps, isOpen, onClose, children: /* @__PURE__ */ jsx2(
-      Form2,
-      {
-        ref,
-        ...formProps,
-        flex: "1",
-        minHeight: "0px",
-        display: "flex",
-        flexDirection: "column",
-        children: (form) => {
-          var _a, _b;
-          return /* @__PURE__ */ jsxs2(Fragment, { children: [
-            /* @__PURE__ */ jsx2(ModalBody2, { height: "100%", children: runIfFn2(children, form) || /* @__PURE__ */ jsx2(AutoFields, {}) }),
-            footer || /* @__PURE__ */ jsxs2(ModalFooter2, { children: [
-              /* @__PURE__ */ jsx2(
-                Button,
-                {
-                  variant: "ghost",
-                  mr: 3,
-                  onClick: onClose,
-                  ...fields == null ? void 0 : fields.cancel,
-                  children: (_b = (_a = fields == null ? void 0 : fields.cancel) == null ? void 0 : _a.children) != null ? _b : "Cancel"
-                }
-              ),
-              /* @__PURE__ */ jsx2(SubmitButton, { ...fields == null ? void 0 : fields.submit })
-            ] })
-          ] });
-        }
-      }
-    ) });
-  });
-  Dialog.displayName = `${Form2.displayName || Form2.name}Dialog`;
-  Dialog.id = Form2.id;
-  return Dialog;
-}
-var FormDialog = createFormDialog(Form);
-
-export {
-  BaseModal,
-  Modal,
-  createFormDialog,
-  FormDialog
-};
-//# sourceMappingURL=chunk-FRC2HTO7.mjs.map

package/dist/chunk-FRC2HTO7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/modal.tsx","../src/form.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  Modal as ChakraModal,\n  ModalOverlay,\n  ModalContent,\n  ModalHeader,\n  ModalFooter,\n  ModalBody,\n  ModalCloseButton,\n  ModalProps as ChakraModalProps,\n  ModalContentProps,\n  ModalHeaderProps,\n  ModalFooterProps,\n} from '@chakra-ui/react'\n\nimport { runIfFn, MaybeRenderProp } from '@chakra-ui/utils'\n\nexport interface BaseModalProps extends Omit<ChakraModalProps, 'children'> {\n  /**\n   * The modal title\n   */\n  title?: React.ReactNode\n  /**\n   * The modal children\n   */\n  children: MaybeRenderProp<{\n    isOpen: boolean\n    onClose: () => 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  hideOverlay?: boolean\n  /**\n   * Props for the modal header\n   */\n  headerProps?: ModalHeaderProps\n  /**\n   * Props for the modal content\n   */\n  contentProps?: ModalContentProps\n  /**\n   * Props for the modal footer\n   */\n  footerProps?: ModalFooterProps\n}\n\nexport const BaseModal: React.FC<BaseModalProps> = (props) => {\n  const {\n    title,\n    footer,\n    children,\n    isOpen,\n    onClose,\n    hideCloseButton,\n    hideOverlay,\n    headerProps,\n    contentProps,\n    footerProps,\n    ...rest\n  } = props\n  return (\n    <ChakraModal isOpen={isOpen} onClose={onClose} {...rest}>\n      {!hideOverlay && <ModalOverlay />}\n      <ModalContent {...contentProps}>\n        {title && <ModalHeader {...headerProps}>{title}</ModalHeader>}\n        {!hideCloseButton && <ModalCloseButton />}\n        {runIfFn(children, {\n          isOpen,\n          onClose,\n        })}\n        {footer && <ModalFooter {...footerProps}>{footer}</ModalFooter>}\n      </ModalContent>\n    </ChakraModal>\n  )\n}\n\nexport const Modal: React.FC<BaseModalProps> = (props) => {\n  const { children, isOpen, onClose, ...rest } = props\n  return (\n    <BaseModal {...rest} isOpen={isOpen} onClose={onClose}>\n      <ModalBody>\n        {runIfFn(children, {\n          isOpen,\n          onClose,\n        })}\n      </ModalBody>\n    </BaseModal>\n  )\n}\n","import * as React from 'react'\n\nimport {\n  ModalBody,\n  ModalFooter,\n  Button,\n  forwardRef,\n  ButtonProps,\n} from '@chakra-ui/react'\nimport { runIfFn } from '@saas-ui/react-utils'\n\nimport {\n  Form,\n  AutoFields,\n  SubmitButton,\n  FormProps,\n  FieldValues,\n  FieldResolver,\n  FieldProps,\n  FormType,\n  DefaultFieldOverrides,\n} from '@saas-ui/forms'\n\nimport { BaseModal, BaseModalProps } from './modal'\n\nexport type FormDialogFieldOverrides = DefaultFieldOverrides & {\n  cancel?: ButtonProps\n}\n\nexport interface FormDialogProps<\n  TSchema = any,\n  TFieldValues extends FieldValues = FieldValues,\n  TContext extends object = object,\n  TExtraFieldProps extends object = object,\n  TFieldTypes = FieldProps<TFieldValues>,\n> extends Omit<BaseModalProps, 'children'>,\n    Pick<\n      FormProps<TSchema, TFieldValues, TContext, TExtraFieldProps, TFieldTypes>,\n      | 'schema'\n      | 'defaultValues'\n      | 'values'\n      | 'context'\n      | 'onChange'\n      | 'onSubmit'\n      | 'onError'\n      | 'resolver'\n      | 'mode'\n      | 'reValidateMode'\n      | 'shouldFocusError'\n      | 'shouldUnregister'\n      | 'shouldUseNativeValidation'\n      | 'criteriaMode'\n      | 'delayError'\n      | 'resetOptions'\n      | 'formRef'\n      | 'children'\n    > {\n  /**\n   * The modal footer, will be wrapped with `ModalFooter`.\n   * Defaults to a cancel and submit button.\n   */\n  footer?: React.ReactNode\n  /**\n   * A schema field resolver used to auto generate form fields.\n   */\n  fieldResolver?: FieldResolver\n  /**\n   * Field overrides\n   */\n  fields?: FormDialogFieldOverrides\n}\n\nconst useFormProps = (props: FormDialogProps) => {\n  const {\n    schema,\n    resolver,\n    fieldResolver,\n    defaultValues,\n    values,\n    context,\n    onChange,\n    onSubmit,\n    onError,\n    mode,\n    reValidateMode,\n    shouldFocusError = true,\n    shouldUnregister,\n    shouldUseNativeValidation,\n    criteriaMode,\n    delayError = 100,\n    fields,\n    formRef,\n    ...modalProps\n  } = props\n\n  const formProps = {\n    schema,\n    resolver,\n    defaultValues,\n    values,\n    context,\n    onChange,\n    onSubmit,\n    onError,\n    mode,\n    reValidateMode,\n    shouldFocusError,\n    shouldUnregister,\n    shouldUseNativeValidation,\n    criteriaMode,\n    delayError,\n    fields,\n    formRef,\n  }\n\n  return { modalProps, formProps, fields }\n}\n\n/**\n * @todo make this dynamic to support other schema types\n */\ntype MergeDialogProps<T> =\n  T extends FormType<\n    infer FieldDefs,\n    infer ExtraProps,\n    infer ExtraFieldProps,\n    infer ExtraOverrides\n  >\n    ? FormType<\n        FieldDefs,\n        ExtraProps & Omit<BaseModalProps, 'children'>,\n        ExtraFieldProps,\n        ExtraOverrides & FormDialogFieldOverrides\n      >\n    : never\n\ntype IsSchemaType<T, Schema, FieldDefs> =\n  T extends DefaultFormType<FieldDefs>\n    ? T extends (\n        props: FormProps<infer TSchema, infer TFieldValues, infer TContext>\n      ) => any\n      ? Schema extends TSchema\n        ? true\n        : false\n      : false\n    : false\n\nexport type DefaultFormType<\n  FieldDefs = any,\n  ExtraProps = object,\n  ExtraFieldProps extends object = object,\n  ExtraOverrides = FormDialogFieldOverrides,\n> = (<\n  TSchema = unknown,\n  TFieldValues extends Record<string, any> = any,\n  TContext extends object = object,\n>(\n  props: any\n) => React.ReactElement) & {\n  displayName?: string\n  id?: string\n}\n\nexport function createFormDialog<\n  FieldDefs = any,\n  ExtraProps = object,\n  ExtraFieldProps extends object = object,\n  ExtraOverrides = FormDialogFieldOverrides,\n  TFormType extends DefaultFormType<\n    FieldDefs,\n    ExtraProps,\n    ExtraFieldProps,\n    ExtraOverrides\n  > = DefaultFormType<FieldDefs, ExtraProps, ExtraFieldProps, ExtraOverrides>,\n>(Form: TFormType) {\n  const Dialog = forwardRef<any, 'div'>((props, ref) => {\n    const { isOpen, onClose, footer, children, ...rest } = props\n    const { modalProps, formProps, fields } = useFormProps(rest)\n    return (\n      <BaseModal {...modalProps} isOpen={isOpen} onClose={onClose}>\n        <Form\n          ref={ref}\n          {...(formProps as any)}\n          flex=\"1\"\n          minHeight=\"0px\"\n          display=\"flex\"\n          flexDirection=\"column\"\n        >\n          {(form: any) => (\n            <>\n              <ModalBody height=\"100%\">\n                {runIfFn(children, form) || <AutoFields />}\n              </ModalBody>\n\n              {footer || (\n                <ModalFooter>\n                  <Button\n                    variant=\"ghost\"\n                    mr={3}\n                    onClick={onClose}\n                    {...fields?.cancel}\n                  >\n                    {fields?.cancel?.children ?? 'Cancel'}\n                  </Button>\n                  <SubmitButton {...fields?.submit} />\n                </ModalFooter>\n              )}\n            </>\n          )}\n        </Form>\n      </BaseModal>\n    )\n  }) as MergeDialogProps<TFormType>\n\n  Dialog.displayName = `${Form.displayName || Form.name}Dialog`\n  Dialog.id = Form.id\n\n  return Dialog\n}\n\n/**\n * Can be used to quickly request information from people without leaving the current page.\n *\n * @see Docs https://saas-ui.dev/docs/components/overlay/form-dialog\n */\nexport const FormDialog = createFormDialog(Form)\n"],"mappings":"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","names":["ModalBody","ModalFooter","runIfFn","jsx","jsxs","Form","ModalBody","runIfFn","ModalFooter"]}

package/dist/form-BtCUKHAs.d.mts

@@ -1,82 +0,0 @@
-import * as React from 'react';
-import { ModalProps, ModalHeaderProps, ModalContentProps, ModalFooterProps, ButtonProps } from '@chakra-ui/react';
-import { DefaultFieldOverrides, FieldValues, FieldProps, FormProps, FieldResolver, FormType } from '@saas-ui/forms';
-import { MaybeRenderProp } from '@chakra-ui/utils';
-
-interface BaseModalProps extends Omit<ModalProps, 'children'> {
-    /**
-     * The modal title
-     */
-    title?: React.ReactNode;
-    /**
-     * The modal children
-     */
-    children: MaybeRenderProp<{
-        isOpen: boolean;
-        onClose: () => void;
-    }>;
-    /**
-     * The modal footer
-     */
-    footer?: React.ReactNode;
-    /**
-     * Hide the close button
-     */
-    hideCloseButton?: boolean;
-    /**
-     * Hide the overlay
-     */
-    hideOverlay?: boolean;
-    /**
-     * Props for the modal header
-     */
-    headerProps?: ModalHeaderProps;
-    /**
-     * Props for the modal content
-     */
-    contentProps?: ModalContentProps;
-    /**
-     * Props for the modal footer
-     */
-    footerProps?: ModalFooterProps;
-}
-declare const BaseModal: React.FC<BaseModalProps>;
-declare const Modal: React.FC<BaseModalProps>;
-
-type FormDialogFieldOverrides = DefaultFieldOverrides & {
-    cancel?: ButtonProps;
-};
-interface FormDialogProps<TSchema = any, TFieldValues extends FieldValues = FieldValues, TContext extends object = object, TExtraFieldProps extends object = object, TFieldTypes = FieldProps<TFieldValues>> extends Omit<BaseModalProps, 'children'>, Pick<FormProps<TSchema, TFieldValues, TContext, TExtraFieldProps, TFieldTypes>, 'schema' | 'defaultValues' | 'values' | 'context' | 'onChange' | 'onSubmit' | 'onError' | 'resolver' | 'mode' | 'reValidateMode' | 'shouldFocusError' | 'shouldUnregister' | 'shouldUseNativeValidation' | 'criteriaMode' | 'delayError' | 'resetOptions' | 'formRef' | 'children'> {
-    /**
-     * The modal footer, will be wrapped with `ModalFooter`.
-     * Defaults to a cancel and submit button.
-     */
-    footer?: React.ReactNode;
-    /**
-     * A schema field resolver used to auto generate form fields.
-     */
-    fieldResolver?: FieldResolver;
-    /**
-     * Field overrides
-     */
-    fields?: FormDialogFieldOverrides;
-}
-/**
- * @todo make this dynamic to support other schema types
- */
-type MergeDialogProps<T> = T extends FormType<infer FieldDefs, infer ExtraProps, infer ExtraFieldProps, infer ExtraOverrides> ? FormType<FieldDefs, ExtraProps & Omit<BaseModalProps, 'children'>, ExtraFieldProps, ExtraOverrides & FormDialogFieldOverrides> : never;
-type DefaultFormType<FieldDefs = any, ExtraProps = object, ExtraFieldProps extends object = object, ExtraOverrides = FormDialogFieldOverrides> = (<TSchema = unknown, TFieldValues extends Record<string, any> = any, TContext extends object = object>(props: any) => React.ReactElement) & {
-    displayName?: string;
-    id?: string;
-};
-declare function createFormDialog<FieldDefs = any, ExtraProps = object, ExtraFieldProps extends object = object, ExtraOverrides = FormDialogFieldOverrides, TFormType extends DefaultFormType<FieldDefs, ExtraProps, ExtraFieldProps, ExtraOverrides> = DefaultFormType<FieldDefs, ExtraProps, ExtraFieldProps, ExtraOverrides>>(Form: TFormType): MergeDialogProps<TFormType>;
-/**
- * Can be used to quickly request information from people without leaving the current page.
- *
- * @see Docs https://saas-ui.dev/docs/components/overlay/form-dialog
- */
-declare const FormDialog: FormType<unknown, object & Omit<BaseModalProps, "children">, any, object & DefaultFieldOverrides & {
-    cancel?: ButtonProps;
-}>;
-
-export { type BaseModalProps as B, type DefaultFormType as D, type FormDialogFieldOverrides as F, Modal as M, type FormDialogProps as a, BaseModal as b, FormDialog as c, createFormDialog as d };