@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

package/dist/lib/form/components/string-field.es.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { T as Textarea } from '../../../textarea-B6wvS_CQ.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
+
+const StringField = ({ inputProps, error, field, id }) => {
+  const { key: _key, className, ...props } = inputProps;
+  return /* @__PURE__ */ jsx(
+    Textarea,
+    {
+      id,
+      ...props,
+      rows: 1,
+      className: cn("field-sizing-content max-h-48 min-h-control-md resize-none overflow-y-auto", className),
+      error: Boolean(error),
+      defaultValue: field.default
+    }
+  );
+};
+
+export { StringField };
+//# sourceMappingURL=string-field.es.js.map

package/dist/lib/form/components/string-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-field.es.js","sources":["../../../../src/lib/form/components/string-field.tsx"],"sourcesContent":["import type { AutoFormFieldProps } from '@autoform/react';\nimport React from 'react';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { cn } from '@/utils/cn';\n\nexport const StringField: React.FC<AutoFormFieldProps> = ({ inputProps, error, field, id }) => {\n  const { key: _key, className, ...props } = inputProps;\n\n  return (\n    <Textarea\n      id={id}\n      {...props}\n      rows={1}\n      className={cn('field-sizing-content max-h-48 min-h-control-md resize-none overflow-y-auto', className)}\n      error={Boolean(error)}\n      defaultValue={field.default}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,cAA4C,CAAC,EAAE,YAAY,KAAA,EAAO,KAAA,EAAO,IAAG,KAAM;AAC7F,EAAA,MAAM,EAAE,GAAA,EAAK,IAAA,EAAM,SAAA,EAAW,GAAG,OAAM,GAAI,UAAA;AAE3C,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,IAAA,EAAM,CAAA;AAAA,MACN,SAAA,EAAW,EAAA,CAAG,4EAAA,EAA8E,SAAS,CAAA;AAAA,MACrG,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA,MACpB,cAAc,KAAA,CAAM;AAAA;AAAA,GACtB;AAEJ;;;;"}

package/dist/lib/form/components/submit-button.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const Button = require('../../../Button-BAMnPqos.cjs');
+
+const SubmitButton = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "submit", children });
+
+exports.SubmitButton = SubmitButton;
+//# sourceMappingURL=submit-button.cjs.js.map

package/dist/lib/form/components/submit-button.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button.cjs.js","sources":["../../../../src/lib/form/components/submit-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@/ds/components/Button';\n\nexport const SubmitButton: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Button type=\"submit\">{children}</Button>\n);\n"],"names":["jsx","Button"],"mappings":";;;;;;;AAGO,MAAM,YAAA,GAAwD,CAAC,EAAE,QAAA,uBACtEA,cAAA,CAACC,aAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAU,QAAA,EAAS;;;;"}

package/dist/lib/form/components/submit-button.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/submit-button'
+export {}

package/dist/lib/form/components/submit-button.es.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+
+const SubmitButton = ({ children }) => /* @__PURE__ */ jsx(Button, { type: "submit", children });
+
+export { SubmitButton };
+//# sourceMappingURL=submit-button.es.js.map

package/dist/lib/form/components/submit-button.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button.es.js","sources":["../../../../src/lib/form/components/submit-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@/ds/components/Button';\n\nexport const SubmitButton: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Button type=\"submit\">{children}</Button>\n);\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAA,GAAwD,CAAC,EAAE,QAAA,uBACtE,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAU,QAAA,EAAS;;;;"}

package/dist/lib/form/components/union-field.cjs.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lib_form_components_customArrayField = require('../../../custom-auto-form-field-Brfb-0Te.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
+
+const UnionField = ({ field, inputProps }) => {
+  const path = inputProps.name?.split(".") ?? [];
+  return field.schema?.map((schema, index) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lib_form_components_customArrayField.CustomAutoFormField, { field: schema, path }, path.join(".")),
+      index < (field.schema?.length ?? 0) - 1 && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "meta", className: "text-center", children: "OR" })
+    ] }, schema.key);
+  });
+};
+
+exports.UnionField = UnionField;
+//# sourceMappingURL=union-field.cjs.js.map

package/dist/lib/form/components/union-field.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"union-field.cjs.js","sources":["../../../../src/lib/form/components/union-field.tsx"],"sourcesContent":["import type { ParsedField } from '@autoform/core';\nimport type { AutoFormFieldProps } from '@autoform/react';\nimport { CustomAutoFormField } from './custom-auto-form-field';\nimport { Txt } from '@/ds/components/Txt';\n\nexport const UnionField: React.FC<AutoFormFieldProps> = ({ field, inputProps }) => {\n  const path = inputProps.name?.split('.') ?? [];\n  return field.schema?.map((schema: ParsedField, index: number) => {\n    return (\n      <div key={schema.key}>\n        <CustomAutoFormField key={path.join('.')} field={schema} path={path} />\n        {index < (field.schema?.length ?? 0) - 1 && (\n          <Txt variant=\"meta\" className=\"text-center\">\n            OR\n          </Txt>\n        )}\n      </div>\n    );\n  });\n};\n"],"names":["jsx","CustomAutoFormField","Txt"],"mappings":";;;;;;;;AAKO,MAAM,UAAA,GAA2C,CAAC,EAAE,KAAA,EAAO,YAAW,KAAM;AACjF,EAAA,MAAM,OAAO,UAAA,CAAW,IAAA,EAAM,KAAA,CAAM,GAAG,KAAK,EAAC;AAC7C,EAAA,OAAO,KAAA,CAAM,MAAA,EAAQ,GAAA,CAAI,CAAC,QAAqB,KAAA,KAAkB;AAC/D,IAAA,uCACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAA,cAAA,CAACC,4DAAyC,KAAA,EAAO,MAAA,EAAQ,QAA/B,IAAA,CAAK,IAAA,CAAK,GAAG,CAA8B,CAAA;AAAA,MACpE,KAAA,GAAA,CAAS,KAAA,CAAM,MAAA,EAAQ,MAAA,IAAU,CAAA,IAAK,CAAA,oBACrCD,cAAA,CAACE,OAAA,EAAA,EAAI,OAAA,EAAQ,MAAA,EAAO,SAAA,EAAU,aAAA,EAAc,QAAA,EAAA,IAAA,EAE5C;AAAA,KAAA,EAAA,EALM,OAAO,GAOjB,CAAA;AAAA,EAEJ,CAAC,CAAA;AACH;;;;"}

package/dist/lib/form/components/union-field.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/lib/form/components/union-field'
+export {}

package/dist/lib/form/components/union-field.es.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { C as CustomAutoFormField } from '../../../custom-auto-form-field-yEMBGXu-.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+
+const UnionField = ({ field, inputProps }) => {
+  const path = inputProps.name?.split(".") ?? [];
+  return field.schema?.map((schema, index) => {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(CustomAutoFormField, { field: schema, path }, path.join(".")),
+      index < (field.schema?.length ?? 0) - 1 && /* @__PURE__ */ jsx(Txt, { variant: "meta", className: "text-center", children: "OR" })
+    ] }, schema.key);
+  });
+};
+
+export { UnionField };
+//# sourceMappingURL=union-field.es.js.map

package/dist/lib/form/components/union-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"union-field.es.js","sources":["../../../../src/lib/form/components/union-field.tsx"],"sourcesContent":["import type { ParsedField } from '@autoform/core';\nimport type { AutoFormFieldProps } from '@autoform/react';\nimport { CustomAutoFormField } from './custom-auto-form-field';\nimport { Txt } from '@/ds/components/Txt';\n\nexport const UnionField: React.FC<AutoFormFieldProps> = ({ field, inputProps }) => {\n  const path = inputProps.name?.split('.') ?? [];\n  return field.schema?.map((schema: ParsedField, index: number) => {\n    return (\n      <div key={schema.key}>\n        <CustomAutoFormField key={path.join('.')} field={schema} path={path} />\n        {index < (field.schema?.length ?? 0) - 1 && (\n          <Txt variant=\"meta\" className=\"text-center\">\n            OR\n          </Txt>\n        )}\n      </div>\n    );\n  });\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,UAAA,GAA2C,CAAC,EAAE,KAAA,EAAO,YAAW,KAAM;AACjF,EAAA,MAAM,OAAO,UAAA,CAAW,IAAA,EAAM,KAAA,CAAM,GAAG,KAAK,EAAC;AAC7C,EAAA,OAAO,KAAA,CAAM,MAAA,EAAQ,GAAA,CAAI,CAAC,QAAqB,KAAA,KAAkB;AAC/D,IAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,uBAAyC,KAAA,EAAO,MAAA,EAAQ,QAA/B,IAAA,CAAK,IAAA,CAAK,GAAG,CAA8B,CAAA;AAAA,MACpE,KAAA,GAAA,CAAS,KAAA,CAAM,MAAA,EAAQ,MAAA,IAAU,CAAA,IAAK,CAAA,oBACrC,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,MAAA,EAAO,SAAA,EAAU,aAAA,EAAc,QAAA,EAAA,IAAA,EAE5C;AAAA,KAAA,EAAA,EALM,OAAO,GAOjB,CAAA;AAAA,EAEJ,CAAC,CAAA;AACH;;;;"}

package/dist/lib/form/custom-auto-form.cjs.js

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const core = require('@autoform/core');
+const react = require('@autoform/react');
+const React = require('react');
+const reactHookForm = require('react-hook-form');
+const lib_form_components_customArrayField = require('../../custom-auto-form-field-Brfb-0Te.cjs');
+
+function CustomAutoForm({
+  schema,
+  onSubmit,
+  defaultValues,
+  values,
+  children,
+  uiComponents,
+  formComponents,
+  withSubmit = false,
+  onFormInit,
+  formProps = {}
+}) {
+  const parsedSchema = React.useMemo(() => core.parseSchema(schema), [schema]);
+  const methods = reactHookForm.useForm({
+    defaultValues: {
+      ...core.getDefaultValues(schema),
+      ...defaultValues
+    },
+    values
+  });
+  React.useEffect(() => {
+    if (onFormInit) {
+      onFormInit(methods);
+    }
+  }, [onFormInit, methods]);
+  const handleSubmit = React.useCallback(
+    async (dataRaw) => {
+      const validationResult = schema.validateSchema(dataRaw);
+      if (validationResult.success) {
+        await onSubmit?.(validationResult.data, methods);
+      } else {
+        methods.clearErrors();
+        let isFocused = false;
+        validationResult.errors?.forEach((error) => {
+          const path = error.path.join(".");
+          methods.setError(
+            path,
+            {
+              type: "custom",
+              message: error.message
+            },
+            { shouldFocus: !isFocused }
+          );
+          isFocused = true;
+          const correctedPath = error.path?.slice?.(0, -1);
+          if (correctedPath?.length > 0) {
+            methods.setError(correctedPath.join("."), {
+              type: "custom",
+              message: error.message
+            });
+          }
+        });
+      }
+    },
+    [schema, onSubmit, methods]
+  );
+  const providerValue = React.useMemo(
+    () => ({
+      schema: parsedSchema,
+      uiComponents,
+      formComponents
+    }),
+    [parsedSchema, uiComponents, formComponents]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...methods, children: /* @__PURE__ */ jsxRuntime.jsx(react.AutoFormProvider, { value: providerValue, children: /* @__PURE__ */ jsxRuntime.jsxs(uiComponents.Form, { onSubmit: methods.handleSubmit(handleSubmit), ...formProps, children: [
+    parsedSchema.fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(lib_form_components_customArrayField.CustomAutoFormField, { field, path: [field.key] }, field.key)),
+    children,
+    withSubmit && /* @__PURE__ */ jsxRuntime.jsx(uiComponents.SubmitButton, { children: "Submit" })
+  ] }) }) });
+}
+
+exports.CustomAutoForm = CustomAutoForm;
+//# sourceMappingURL=custom-auto-form.cjs.js.map

package/dist/lib/form/custom-auto-form.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-auto-form.cjs.js","sources":["../../../src/lib/form/custom-auto-form.tsx"],"sourcesContent":["import { parseSchema, getDefaultValues } from '@autoform/core';\nimport type { AutoFormProps } from '@autoform/react';\nimport { AutoFormProvider } from '@autoform/react';\nimport { useEffect, useMemo, useCallback } from 'react';\nimport type { DefaultValues } from 'react-hook-form';\nimport { useForm, FormProvider } from 'react-hook-form';\nimport { CustomAutoFormField } from './components/custom-auto-form-field';\n\nexport function CustomAutoForm<T extends Record<string, any>>({\n  schema,\n  onSubmit,\n  defaultValues,\n  values,\n  children,\n  uiComponents,\n  formComponents,\n  withSubmit = false,\n  onFormInit,\n  formProps = {},\n}: AutoFormProps<T>) {\n  const parsedSchema = useMemo(() => parseSchema(schema), [schema]);\n  const methods = useForm<T>({\n    defaultValues: {\n      ...(getDefaultValues(schema) as Partial<T>),\n      ...defaultValues,\n    } as DefaultValues<T>,\n    values: values as T,\n  });\n\n  useEffect(() => {\n    if (onFormInit) {\n      onFormInit(methods);\n    }\n  }, [onFormInit, methods]);\n\n  const handleSubmit = useCallback(\n    async (dataRaw: T) => {\n      const validationResult = schema.validateSchema(dataRaw);\n      if (validationResult.success) {\n        await onSubmit?.(validationResult.data, methods);\n      } else {\n        methods.clearErrors();\n        let isFocused: boolean = false;\n        validationResult.errors?.forEach(error => {\n          const path = error.path.join('.');\n          methods.setError(\n            path as any,\n            {\n              type: 'custom',\n              message: error.message,\n            },\n            { shouldFocus: !isFocused },\n          );\n\n          isFocused = true;\n\n          // For some custom errors, zod adds the final element twice for some reason\n          const correctedPath = error.path?.slice?.(0, -1);\n          if (correctedPath?.length > 0) {\n            methods.setError(correctedPath.join('.') as any, {\n              type: 'custom',\n              message: error.message,\n            });\n          }\n        });\n      }\n    },\n    [schema, onSubmit, methods],\n  );\n\n  const providerValue = useMemo(\n    () => ({\n      schema: parsedSchema,\n      uiComponents,\n      formComponents,\n    }),\n    [parsedSchema, uiComponents, formComponents],\n  );\n\n  return (\n    <FormProvider {...methods}>\n      <AutoFormProvider value={providerValue}>\n        <uiComponents.Form onSubmit={methods.handleSubmit(handleSubmit)} {...formProps}>\n          {parsedSchema.fields.map(field => (\n            <CustomAutoFormField key={field.key} field={field} path={[field.key]} />\n          ))}\n          {children}\n          {withSubmit && <uiComponents.SubmitButton>Submit</uiComponents.SubmitButton>}\n        </uiComponents.Form>\n      </AutoFormProvider>\n    </FormProvider>\n  );\n}\n"],"names":["useMemo","parseSchema","useForm","getDefaultValues","useEffect","useCallback","FormProvider","jsx","AutoFormProvider","jsxs","CustomAutoFormField"],"mappings":"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"}

package/dist/lib/form/custom-auto-form.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/lib/form/custom-auto-form'
+export {}

package/dist/lib/form/custom-auto-form.es.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { parseSchema, getDefaultValues } from '@autoform/core';
+import { AutoFormProvider } from '@autoform/react';
+import { useMemo, useEffect, useCallback } from 'react';
+import { useForm, FormProvider } from 'react-hook-form';
+import { C as CustomAutoFormField } from '../../custom-auto-form-field-yEMBGXu-.js';
+
+function CustomAutoForm({
+  schema,
+  onSubmit,
+  defaultValues,
+  values,
+  children,
+  uiComponents,
+  formComponents,
+  withSubmit = false,
+  onFormInit,
+  formProps = {}
+}) {
+  const parsedSchema = useMemo(() => parseSchema(schema), [schema]);
+  const methods = useForm({
+    defaultValues: {
+      ...getDefaultValues(schema),
+      ...defaultValues
+    },
+    values
+  });
+  useEffect(() => {
+    if (onFormInit) {
+      onFormInit(methods);
+    }
+  }, [onFormInit, methods]);
+  const handleSubmit = useCallback(
+    async (dataRaw) => {
+      const validationResult = schema.validateSchema(dataRaw);
+      if (validationResult.success) {
+        await onSubmit?.(validationResult.data, methods);
+      } else {
+        methods.clearErrors();
+        let isFocused = false;
+        validationResult.errors?.forEach((error) => {
+          const path = error.path.join(".");
+          methods.setError(
+            path,
+            {
+              type: "custom",
+              message: error.message
+            },
+            { shouldFocus: !isFocused }
+          );
+          isFocused = true;
+          const correctedPath = error.path?.slice?.(0, -1);
+          if (correctedPath?.length > 0) {
+            methods.setError(correctedPath.join("."), {
+              type: "custom",
+              message: error.message
+            });
+          }
+        });
+      }
+    },
+    [schema, onSubmit, methods]
+  );
+  const providerValue = useMemo(
+    () => ({
+      schema: parsedSchema,
+      uiComponents,
+      formComponents
+    }),
+    [parsedSchema, uiComponents, formComponents]
+  );
+  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(AutoFormProvider, { value: providerValue, children: /* @__PURE__ */ jsxs(uiComponents.Form, { onSubmit: methods.handleSubmit(handleSubmit), ...formProps, children: [
+    parsedSchema.fields.map((field) => /* @__PURE__ */ jsx(CustomAutoFormField, { field, path: [field.key] }, field.key)),
+    children,
+    withSubmit && /* @__PURE__ */ jsx(uiComponents.SubmitButton, { children: "Submit" })
+  ] }) }) });
+}
+
+export { CustomAutoForm };
+//# sourceMappingURL=custom-auto-form.es.js.map

package/dist/lib/form/custom-auto-form.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-auto-form.es.js","sources":["../../../src/lib/form/custom-auto-form.tsx"],"sourcesContent":["import { parseSchema, getDefaultValues } from '@autoform/core';\nimport type { AutoFormProps } from '@autoform/react';\nimport { AutoFormProvider } from '@autoform/react';\nimport { useEffect, useMemo, useCallback } from 'react';\nimport type { DefaultValues } from 'react-hook-form';\nimport { useForm, FormProvider } from 'react-hook-form';\nimport { CustomAutoFormField } from './components/custom-auto-form-field';\n\nexport function CustomAutoForm<T extends Record<string, any>>({\n  schema,\n  onSubmit,\n  defaultValues,\n  values,\n  children,\n  uiComponents,\n  formComponents,\n  withSubmit = false,\n  onFormInit,\n  formProps = {},\n}: AutoFormProps<T>) {\n  const parsedSchema = useMemo(() => parseSchema(schema), [schema]);\n  const methods = useForm<T>({\n    defaultValues: {\n      ...(getDefaultValues(schema) as Partial<T>),\n      ...defaultValues,\n    } as DefaultValues<T>,\n    values: values as T,\n  });\n\n  useEffect(() => {\n    if (onFormInit) {\n      onFormInit(methods);\n    }\n  }, [onFormInit, methods]);\n\n  const handleSubmit = useCallback(\n    async (dataRaw: T) => {\n      const validationResult = schema.validateSchema(dataRaw);\n      if (validationResult.success) {\n        await onSubmit?.(validationResult.data, methods);\n      } else {\n        methods.clearErrors();\n        let isFocused: boolean = false;\n        validationResult.errors?.forEach(error => {\n          const path = error.path.join('.');\n          methods.setError(\n            path as any,\n            {\n              type: 'custom',\n              message: error.message,\n            },\n            { shouldFocus: !isFocused },\n          );\n\n          isFocused = true;\n\n          // For some custom errors, zod adds the final element twice for some reason\n          const correctedPath = error.path?.slice?.(0, -1);\n          if (correctedPath?.length > 0) {\n            methods.setError(correctedPath.join('.') as any, {\n              type: 'custom',\n              message: error.message,\n            });\n          }\n        });\n      }\n    },\n    [schema, onSubmit, methods],\n  );\n\n  const providerValue = useMemo(\n    () => ({\n      schema: parsedSchema,\n      uiComponents,\n      formComponents,\n    }),\n    [parsedSchema, uiComponents, formComponents],\n  );\n\n  return (\n    <FormProvider {...methods}>\n      <AutoFormProvider value={providerValue}>\n        <uiComponents.Form onSubmit={methods.handleSubmit(handleSubmit)} {...formProps}>\n          {parsedSchema.fields.map(field => (\n            <CustomAutoFormField key={field.key} field={field} path={[field.key]} />\n          ))}\n          {children}\n          {withSubmit && <uiComponents.SubmitButton>Submit</uiComponents.SubmitButton>}\n        </uiComponents.Form>\n      </AutoFormProvider>\n    </FormProvider>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/lib/form/dynamic-form.cjs.js

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const zod = require('zod');
+const lib_form_autoForm = require('./auto-form.cjs.js');
+const lib_form_components_formSubmitRow = require('./components/form-submit-row.cjs.js');
+const lib_form_fieldContext = require('./field-context.cjs.js');
+const lib_form_isEmptyZodObject = require('./is-empty-zod-object.cjs.js');
+const lib_form_zodProvider = require('./zod-provider.cjs.js');
+const lib_form_zodProvider_compat = require('./zod-provider/compat.cjs.js');
+const label = require('../../label-DfAhywj_.cjs');
+
+function getFormInput(values, isWrapped) {
+  return isWrapped ? values[lib_form_fieldContext.ROOT_FIELD_KEY] : values;
+}
+function normalizeSchema(schema, isWrapped) {
+  if (lib_form_isEmptyZodObject.isEmptyZodObject(schema)) return zod.z.object({});
+  if (!isWrapped) return schema;
+  return zod.z.object({ [lib_form_fieldContext.ROOT_FIELD_KEY]: schema.description ? schema : schema.describe("Input") });
+}
+const SubmitRowContext = React.createContext(null);
+const SubmitButton = ({ children }) => {
+  const rowProps = React.useContext(SubmitRowContext);
+  return rowProps ? /* @__PURE__ */ jsxRuntime.jsx(lib_form_components_formSubmitRow.FormSubmitRow, { ...rowProps, children }) : null;
+};
+const uiComponents = { SubmitButton };
+const formComponents = {
+  Label: ({ value }) => /* @__PURE__ */ jsxRuntime.jsx(label.Label, { className: "text-body-sm", children: value })
+};
+function DynamicForm({
+  schema,
+  onSubmit,
+  onValuesChange,
+  defaultValues,
+  isSubmitLoading,
+  submitButtonLabel,
+  submitButtonIcon,
+  submitButtonVariant,
+  submitButtonFullWidth,
+  className,
+  readOnly,
+  children,
+  submitActions,
+  leftActions
+}) {
+  const isWrapped = lib_form_zodProvider_compat.getShape(schema) === void 0;
+  const subscriptionRef = React.useRef(null);
+  const onValuesChangeRef = React.useRef(onValuesChange);
+  React.useLayoutEffect(() => {
+    onValuesChangeRef.current = onValuesChange;
+  }, [onValuesChange]);
+  React.useEffect(() => () => subscriptionRef.current?.unsubscribe(), []);
+  const hasValuesListener = Boolean(onValuesChange);
+  const handleFormInit = React.useCallback(
+    (form) => {
+      subscriptionRef.current?.unsubscribe();
+      subscriptionRef.current = null;
+      if (!hasValuesListener) return;
+      subscriptionRef.current = form.watch((values) => onValuesChangeRef.current?.(getFormInput(values, isWrapped)));
+      onValuesChangeRef.current?.(getFormInput(form.getValues(), isWrapped));
+    },
+    [hasValuesListener, isWrapped]
+  );
+  const schemaProvider = React.useMemo(
+    () => schema ? new lib_form_zodProvider.CustomZodProvider(normalizeSchema(schema, isWrapped)) : null,
+    [schema, isWrapped]
+  );
+  const submitRow = React.useMemo(
+    () => onSubmit ? {
+      isSubmitLoading,
+      submitButtonLabel,
+      submitButtonIcon,
+      submitButtonVariant,
+      submitButtonFullWidth,
+      submitActions,
+      leftActions
+    } : null,
+    [
+      onSubmit,
+      isSubmitLoading,
+      submitButtonLabel,
+      submitButtonIcon,
+      submitButtonVariant,
+      submitButtonFullWidth,
+      submitActions,
+      leftActions
+    ]
+  );
+  const normalizedDefaultValues = React.useMemo(
+    () => isWrapped ? defaultValues === void 0 ? void 0 : { [lib_form_fieldContext.ROOT_FIELD_KEY]: defaultValues } : defaultValues,
+    [isWrapped, defaultValues]
+  );
+  const handleSubmit = React.useCallback(
+    async (values) => {
+      await onSubmit?.(getFormInput(values, isWrapped));
+    },
+    [onSubmit, isWrapped]
+  );
+  if (!schemaProvider) {
+    console.error("no form schema found");
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(SubmitRowContext.Provider, { value: submitRow, children: /* @__PURE__ */ jsxRuntime.jsx(
+    lib_form_autoForm.AutoForm,
+    {
+      schema: schemaProvider,
+      onSubmit: handleSubmit,
+      onFormInit: handleFormInit,
+      defaultValues: normalizedDefaultValues,
+      formProps: { className, noValidate: true },
+      uiComponents,
+      formComponents,
+      withSubmit: true,
+      readOnly,
+      children
+    }
+  ) });
+}
+
+exports.DynamicForm = DynamicForm;
+//# sourceMappingURL=dynamic-form.cjs.js.map

package/dist/lib/form/dynamic-form.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-form.cjs.js","sources":["../../../src/lib/form/dynamic-form.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createContext, useContext, useEffect, useLayoutEffect, useRef, useCallback, useMemo } from 'react';\nimport type { UseFormReturn } from 'react-hook-form';\nimport { z } from 'zod';\nimport { AutoForm } from './auto-form';\nimport { FormSubmitRow } from './components/form-submit-row';\nimport type { FormSubmitRowProps } from './components/form-submit-row';\nimport { ROOT_FIELD_KEY } from './field-context';\nimport { isEmptyZodObject } from './is-empty-zod-object';\nimport { CustomZodProvider } from './zod-provider';\nimport { getShape } from './zod-provider/compat';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { Label } from '@/ds/components/Label';\n\ninterface DynamicFormProps {\n  schema: any;\n  onSubmit?: (values: any) => void | Promise<void>;\n  onValuesChange?: (values: any) => void;\n  defaultValues?: any;\n  isSubmitLoading?: boolean;\n  submitButtonLabel?: string;\n  submitButtonIcon?: ReactNode;\n  submitButtonVariant?: ButtonProps['variant'];\n  submitButtonFullWidth?: boolean;\n  className?: string;\n  readOnly?: boolean;\n  children?: React.ReactNode;\n  submitActions?: React.ReactNode;\n  leftActions?: React.ReactNode;\n}\n\nfunction getFormInput(values: Record<string, unknown>, isWrapped: boolean) {\n  return isWrapped ? values[ROOT_FIELD_KEY] : values;\n}\n\nfunction normalizeSchema(schema: z.ZodType, isWrapped: boolean) {\n  if (isEmptyZodObject(schema)) return z.object({});\n  if (!isWrapped) return schema;\n  return z.object({ [ROOT_FIELD_KEY]: schema.description ? schema : schema.describe('Input') });\n}\n\nconst SubmitRowContext = createContext<FormSubmitRowProps | null>(null);\n\n// Defined once, outside any hook: AutoForm renders `uiComponents.SubmitButton` as a component\n// type, so recreating it per render would unmount and remount everything in `submitActions`.\nconst SubmitButton = ({ children }: { children: ReactNode }) => {\n  const rowProps = useContext(SubmitRowContext);\n  return rowProps ? <FormSubmitRow {...rowProps}>{children}</FormSubmitRow> : null;\n};\n\nconst uiComponents = { SubmitButton };\n\nconst formComponents = {\n  Label: ({ value }: { value: string }) => <Label className=\"text-body-sm\">{value}</Label>,\n};\n\nexport function DynamicForm({\n  schema,\n  onSubmit,\n  onValuesChange,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n  className,\n  readOnly,\n  children,\n  submitActions,\n  leftActions,\n}: DynamicFormProps) {\n  const isWrapped = getShape(schema) === undefined;\n  const subscriptionRef = useRef<{ unsubscribe: () => void } | null>(null);\n  const onValuesChangeRef = useRef(onValuesChange);\n  useLayoutEffect(() => {\n    onValuesChangeRef.current = onValuesChange;\n  }, [onValuesChange]);\n\n  useEffect(() => () => subscriptionRef.current?.unsubscribe(), []);\n\n  const hasValuesListener = Boolean(onValuesChange);\n\n  const handleFormInit = useCallback(\n    (form: UseFormReturn<any>) => {\n      subscriptionRef.current?.unsubscribe();\n      subscriptionRef.current = null;\n\n      if (!hasValuesListener) return;\n\n      subscriptionRef.current = form.watch(values => onValuesChangeRef.current?.(getFormInput(values, isWrapped)));\n      onValuesChangeRef.current?.(getFormInput(form.getValues(), isWrapped));\n    },\n    [hasValuesListener, isWrapped],\n  );\n\n  const schemaProvider = useMemo(\n    () => (schema ? new CustomZodProvider(normalizeSchema(schema, isWrapped)) : null),\n    [schema, isWrapped],\n  );\n\n  const submitRow = useMemo<FormSubmitRowProps | null>(\n    () =>\n      onSubmit\n        ? {\n            isSubmitLoading,\n            submitButtonLabel,\n            submitButtonIcon,\n            submitButtonVariant,\n            submitButtonFullWidth,\n            submitActions,\n            leftActions,\n          }\n        : null,\n    [\n      onSubmit,\n      isSubmitLoading,\n      submitButtonLabel,\n      submitButtonIcon,\n      submitButtonVariant,\n      submitButtonFullWidth,\n      submitActions,\n      leftActions,\n    ],\n  );\n\n  const normalizedDefaultValues = useMemo(\n    () => (isWrapped ? (defaultValues === undefined ? undefined : { [ROOT_FIELD_KEY]: defaultValues }) : defaultValues),\n    [isWrapped, defaultValues],\n  );\n\n  const handleSubmit = useCallback(\n    async (values: any) => {\n      await onSubmit?.(getFormInput(values, isWrapped));\n    },\n    [onSubmit, isWrapped],\n  );\n\n  if (!schemaProvider) {\n    console.error('no form schema found');\n    return null;\n  }\n\n  return (\n    <SubmitRowContext.Provider value={submitRow}>\n      <AutoForm\n        schema={schemaProvider}\n        onSubmit={handleSubmit}\n        onFormInit={handleFormInit}\n        defaultValues={normalizedDefaultValues}\n        formProps={{ className, noValidate: true }}\n        uiComponents={uiComponents}\n        formComponents={formComponents}\n        withSubmit={true}\n        readOnly={readOnly}\n      >\n        {children}\n      </AutoForm>\n    </SubmitRowContext.Provider>\n  );\n}\n"],"names":["ROOT_FIELD_KEY","isEmptyZodObject","z","createContext","useContext","jsx","FormSubmitRow","Label","getShape","useRef","useLayoutEffect","useEffect","useCallback","useMemo","CustomZodProvider","AutoForm"],"mappings":"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"}

package/dist/lib/form/dynamic-form.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/lib/form/dynamic-form'
+export {}

package/dist/lib/form/dynamic-form.es.js

@@ -0,0 +1,120 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useRef, useLayoutEffect, useEffect, useCallback, useMemo, useContext } from 'react';
+import { z } from 'zod';
+import { AutoForm } from './auto-form.es.js';
+import { FormSubmitRow } from './components/form-submit-row.es.js';
+import { ROOT_FIELD_KEY } from './field-context.es.js';
+import { isEmptyZodObject } from './is-empty-zod-object.es.js';
+import { CustomZodProvider } from './zod-provider.es.js';
+import { getShape } from './zod-provider/compat.es.js';
+import { L as Label } from '../../label-Dxsz0dFs.js';
+
+function getFormInput(values, isWrapped) {
+  return isWrapped ? values[ROOT_FIELD_KEY] : values;
+}
+function normalizeSchema(schema, isWrapped) {
+  if (isEmptyZodObject(schema)) return z.object({});
+  if (!isWrapped) return schema;
+  return z.object({ [ROOT_FIELD_KEY]: schema.description ? schema : schema.describe("Input") });
+}
+const SubmitRowContext = createContext(null);
+const SubmitButton = ({ children }) => {
+  const rowProps = useContext(SubmitRowContext);
+  return rowProps ? /* @__PURE__ */ jsx(FormSubmitRow, { ...rowProps, children }) : null;
+};
+const uiComponents = { SubmitButton };
+const formComponents = {
+  Label: ({ value }) => /* @__PURE__ */ jsx(Label, { className: "text-body-sm", children: value })
+};
+function DynamicForm({
+  schema,
+  onSubmit,
+  onValuesChange,
+  defaultValues,
+  isSubmitLoading,
+  submitButtonLabel,
+  submitButtonIcon,
+  submitButtonVariant,
+  submitButtonFullWidth,
+  className,
+  readOnly,
+  children,
+  submitActions,
+  leftActions
+}) {
+  const isWrapped = getShape(schema) === void 0;
+  const subscriptionRef = useRef(null);
+  const onValuesChangeRef = useRef(onValuesChange);
+  useLayoutEffect(() => {
+    onValuesChangeRef.current = onValuesChange;
+  }, [onValuesChange]);
+  useEffect(() => () => subscriptionRef.current?.unsubscribe(), []);
+  const hasValuesListener = Boolean(onValuesChange);
+  const handleFormInit = useCallback(
+    (form) => {
+      subscriptionRef.current?.unsubscribe();
+      subscriptionRef.current = null;
+      if (!hasValuesListener) return;
+      subscriptionRef.current = form.watch((values) => onValuesChangeRef.current?.(getFormInput(values, isWrapped)));
+      onValuesChangeRef.current?.(getFormInput(form.getValues(), isWrapped));
+    },
+    [hasValuesListener, isWrapped]
+  );
+  const schemaProvider = useMemo(
+    () => schema ? new CustomZodProvider(normalizeSchema(schema, isWrapped)) : null,
+    [schema, isWrapped]
+  );
+  const submitRow = useMemo(
+    () => onSubmit ? {
+      isSubmitLoading,
+      submitButtonLabel,
+      submitButtonIcon,
+      submitButtonVariant,
+      submitButtonFullWidth,
+      submitActions,
+      leftActions
+    } : null,
+    [
+      onSubmit,
+      isSubmitLoading,
+      submitButtonLabel,
+      submitButtonIcon,
+      submitButtonVariant,
+      submitButtonFullWidth,
+      submitActions,
+      leftActions
+    ]
+  );
+  const normalizedDefaultValues = useMemo(
+    () => isWrapped ? defaultValues === void 0 ? void 0 : { [ROOT_FIELD_KEY]: defaultValues } : defaultValues,
+    [isWrapped, defaultValues]
+  );
+  const handleSubmit = useCallback(
+    async (values) => {
+      await onSubmit?.(getFormInput(values, isWrapped));
+    },
+    [onSubmit, isWrapped]
+  );
+  if (!schemaProvider) {
+    console.error("no form schema found");
+    return null;
+  }
+  return /* @__PURE__ */ jsx(SubmitRowContext.Provider, { value: submitRow, children: /* @__PURE__ */ jsx(
+    AutoForm,
+    {
+      schema: schemaProvider,
+      onSubmit: handleSubmit,
+      onFormInit: handleFormInit,
+      defaultValues: normalizedDefaultValues,
+      formProps: { className, noValidate: true },
+      uiComponents,
+      formComponents,
+      withSubmit: true,
+      readOnly,
+      children
+    }
+  ) });
+}
+
+export { DynamicForm };
+//# sourceMappingURL=dynamic-form.es.js.map

package/dist/lib/form/dynamic-form.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-form.es.js","sources":["../../../src/lib/form/dynamic-form.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { createContext, useContext, useEffect, useLayoutEffect, useRef, useCallback, useMemo } from 'react';\nimport type { UseFormReturn } from 'react-hook-form';\nimport { z } from 'zod';\nimport { AutoForm } from './auto-form';\nimport { FormSubmitRow } from './components/form-submit-row';\nimport type { FormSubmitRowProps } from './components/form-submit-row';\nimport { ROOT_FIELD_KEY } from './field-context';\nimport { isEmptyZodObject } from './is-empty-zod-object';\nimport { CustomZodProvider } from './zod-provider';\nimport { getShape } from './zod-provider/compat';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { Label } from '@/ds/components/Label';\n\ninterface DynamicFormProps {\n  schema: any;\n  onSubmit?: (values: any) => void | Promise<void>;\n  onValuesChange?: (values: any) => void;\n  defaultValues?: any;\n  isSubmitLoading?: boolean;\n  submitButtonLabel?: string;\n  submitButtonIcon?: ReactNode;\n  submitButtonVariant?: ButtonProps['variant'];\n  submitButtonFullWidth?: boolean;\n  className?: string;\n  readOnly?: boolean;\n  children?: React.ReactNode;\n  submitActions?: React.ReactNode;\n  leftActions?: React.ReactNode;\n}\n\nfunction getFormInput(values: Record<string, unknown>, isWrapped: boolean) {\n  return isWrapped ? values[ROOT_FIELD_KEY] : values;\n}\n\nfunction normalizeSchema(schema: z.ZodType, isWrapped: boolean) {\n  if (isEmptyZodObject(schema)) return z.object({});\n  if (!isWrapped) return schema;\n  return z.object({ [ROOT_FIELD_KEY]: schema.description ? schema : schema.describe('Input') });\n}\n\nconst SubmitRowContext = createContext<FormSubmitRowProps | null>(null);\n\n// Defined once, outside any hook: AutoForm renders `uiComponents.SubmitButton` as a component\n// type, so recreating it per render would unmount and remount everything in `submitActions`.\nconst SubmitButton = ({ children }: { children: ReactNode }) => {\n  const rowProps = useContext(SubmitRowContext);\n  return rowProps ? <FormSubmitRow {...rowProps}>{children}</FormSubmitRow> : null;\n};\n\nconst uiComponents = { SubmitButton };\n\nconst formComponents = {\n  Label: ({ value }: { value: string }) => <Label className=\"text-body-sm\">{value}</Label>,\n};\n\nexport function DynamicForm({\n  schema,\n  onSubmit,\n  onValuesChange,\n  defaultValues,\n  isSubmitLoading,\n  submitButtonLabel,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n  className,\n  readOnly,\n  children,\n  submitActions,\n  leftActions,\n}: DynamicFormProps) {\n  const isWrapped = getShape(schema) === undefined;\n  const subscriptionRef = useRef<{ unsubscribe: () => void } | null>(null);\n  const onValuesChangeRef = useRef(onValuesChange);\n  useLayoutEffect(() => {\n    onValuesChangeRef.current = onValuesChange;\n  }, [onValuesChange]);\n\n  useEffect(() => () => subscriptionRef.current?.unsubscribe(), []);\n\n  const hasValuesListener = Boolean(onValuesChange);\n\n  const handleFormInit = useCallback(\n    (form: UseFormReturn<any>) => {\n      subscriptionRef.current?.unsubscribe();\n      subscriptionRef.current = null;\n\n      if (!hasValuesListener) return;\n\n      subscriptionRef.current = form.watch(values => onValuesChangeRef.current?.(getFormInput(values, isWrapped)));\n      onValuesChangeRef.current?.(getFormInput(form.getValues(), isWrapped));\n    },\n    [hasValuesListener, isWrapped],\n  );\n\n  const schemaProvider = useMemo(\n    () => (schema ? new CustomZodProvider(normalizeSchema(schema, isWrapped)) : null),\n    [schema, isWrapped],\n  );\n\n  const submitRow = useMemo<FormSubmitRowProps | null>(\n    () =>\n      onSubmit\n        ? {\n            isSubmitLoading,\n            submitButtonLabel,\n            submitButtonIcon,\n            submitButtonVariant,\n            submitButtonFullWidth,\n            submitActions,\n            leftActions,\n          }\n        : null,\n    [\n      onSubmit,\n      isSubmitLoading,\n      submitButtonLabel,\n      submitButtonIcon,\n      submitButtonVariant,\n      submitButtonFullWidth,\n      submitActions,\n      leftActions,\n    ],\n  );\n\n  const normalizedDefaultValues = useMemo(\n    () => (isWrapped ? (defaultValues === undefined ? undefined : { [ROOT_FIELD_KEY]: defaultValues }) : defaultValues),\n    [isWrapped, defaultValues],\n  );\n\n  const handleSubmit = useCallback(\n    async (values: any) => {\n      await onSubmit?.(getFormInput(values, isWrapped));\n    },\n    [onSubmit, isWrapped],\n  );\n\n  if (!schemaProvider) {\n    console.error('no form schema found');\n    return null;\n  }\n\n  return (\n    <SubmitRowContext.Provider value={submitRow}>\n      <AutoForm\n        schema={schemaProvider}\n        onSubmit={handleSubmit}\n        onFormInit={handleFormInit}\n        defaultValues={normalizedDefaultValues}\n        formProps={{ className, noValidate: true }}\n        uiComponents={uiComponents}\n        formComponents={formComponents}\n        withSubmit={true}\n        readOnly={readOnly}\n      >\n        {children}\n      </AutoForm>\n    </SubmitRowContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/lib/form/field-context.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const FieldPathContext = React.createContext("");
+const FormReadOnlyContext = React.createContext(false);
+const ArrayAddButtonContext = React.createContext(void 0);
+const ROOT_FIELD_KEY = "​";
+
+exports.ArrayAddButtonContext = ArrayAddButtonContext;
+exports.FieldPathContext = FieldPathContext;
+exports.FormReadOnlyContext = FormReadOnlyContext;
+exports.ROOT_FIELD_KEY = ROOT_FIELD_KEY;
+//# sourceMappingURL=field-context.cjs.js.map

package/dist/lib/form/field-context.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-context.cjs.js","sources":["../../../src/lib/form/field-context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { RefObject } from 'react';\n\nexport const FieldPathContext = createContext('');\nexport const FormReadOnlyContext = createContext(false);\n\nexport const ArrayAddButtonContext = createContext<RefObject<HTMLButtonElement | null> | undefined>(undefined);\n\nexport const ROOT_FIELD_KEY = '\\u200B';\n"],"names":["createContext"],"mappings":";;;;;;AAGO,MAAM,gBAAA,GAAmBA,oBAAc,EAAE;AACzC,MAAM,mBAAA,GAAsBA,oBAAc,KAAK;AAE/C,MAAM,qBAAA,GAAwBA,oBAA+D,MAAS;AAEtG,MAAM,cAAA,GAAiB;;;;;;;"}

package/dist/lib/form/field-context.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/lib/form/field-context'
+export {}

package/dist/lib/form/field-context.es.js

@@ -0,0 +1,9 @@
+import { createContext } from 'react';
+
+const FieldPathContext = createContext("");
+const FormReadOnlyContext = createContext(false);
+const ArrayAddButtonContext = createContext(void 0);
+const ROOT_FIELD_KEY = "​";
+
+export { ArrayAddButtonContext, FieldPathContext, FormReadOnlyContext, ROOT_FIELD_KEY };
+//# sourceMappingURL=field-context.es.js.map

package/dist/lib/form/field-context.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-context.es.js","sources":["../../../src/lib/form/field-context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { RefObject } from 'react';\n\nexport const FieldPathContext = createContext('');\nexport const FormReadOnlyContext = createContext(false);\n\nexport const ArrayAddButtonContext = createContext<RefObject<HTMLButtonElement | null> | undefined>(undefined);\n\nexport const ROOT_FIELD_KEY = '\\u200B';\n"],"names":[],"mappings":";;AAGO,MAAM,gBAAA,GAAmB,cAAc,EAAE;AACzC,MAAM,mBAAA,GAAsB,cAAc,KAAK;AAE/C,MAAM,qBAAA,GAAwB,cAA+D,MAAS;AAEtG,MAAM,cAAA,GAAiB;;;;"}