pdyform 1.0.0

package/packages/core/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "pdyform-core",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://github.com/LaoChen1994/pdyform",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/LaoChen1994/pdyform"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "lint": "eslint src/**/*.ts --no-error-on-unmatched-pattern"
+  },
+  "dependencies": {
+    "pdyform": "workspace:*"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^1.0.0"
+  }
+}

package/packages/core/src/index.test.ts

@@ -0,0 +1,37 @@
+import { describe, it, expect } from 'vitest';
+import { validateField, getDefaultValues } from '../src';
+import { FormField } from '../src/types';
+
+describe('core utils', () => {
+  it('should validate required fields', () => {
+    const field: FormField = {
+      name: 'test',
+      label: 'Test',
+      type: 'text',
+      validations: [{ type: 'required', message: 'Required' }]
+    };
+    expect(validateField('', field)).toBe('Required');
+    expect(validateField('val', field)).toBeNull();
+  });
+
+  it('should validate regex', () => {
+    const field: FormField = {
+      name: 'test',
+      label: 'Test',
+      type: 'text',
+      validations: [{ type: 'pattern', value: '^[0-9]+$', message: 'Only numbers' }]
+    };
+    expect(validateField('abc', field)).toBe('Only numbers');
+    expect(validateField('123', field)).toBeNull();
+  });
+
+  it('should get default values', () => {
+    const schema = {
+      fields: [
+        { name: 'f1', label: 'L1', type: 'text', defaultValue: 'v1' },
+        { name: 'f2', label: 'L2', type: 'text' }
+      ]
+    } as any;
+    expect(getDefaultValues(schema.fields)).toEqual({ f1: 'v1', f2: '' });
+  });
+});

package/packages/core/src/index.ts

@@ -0,0 +1,2 @@
+export type * from './types';
+export * from './utils';

package/packages/core/src/types.ts

@@ -0,0 +1,42 @@
+export type FieldType = 'text' | 'number' | 'email' | 'password' | 'select' | 'checkbox' | 'radio' | 'textarea' | 'date';
+
+export interface ValidationRule {
+  type: 'required' | 'min' | 'max' | 'pattern' | 'email' | 'custom';
+  value?: any;
+  message?: string;
+  validator?: (value: any) => boolean | string;
+}
+
+export interface Option {
+  label: string;
+  value: string | number;
+}
+
+export interface FormField {
+  id: string;
+  name: string;
+  label: string;
+  type: FieldType;
+  placeholder?: string;
+  description?: string;
+  defaultValue?: any;
+  options?: Option[]; // For select, radio, checkbox
+  validations?: ValidationRule[];
+  hidden?: boolean;
+  disabled?: boolean;
+  className?: string; // CSS class for custom styling
+}
+
+export interface FormSchema {
+  title?: string;
+  description?: string;
+  fields: FormField[];
+  submitButtonText?: string;
+}
+
+export interface FormState {
+  values: Record<string, any>;
+  errors: Record<string, string>;
+  isSubmitting: boolean;
+  isValid: boolean;
+}

package/packages/core/src/utils.ts

@@ -0,0 +1,59 @@
+import type { FormField } from './types';
+
+export function validateField(value: any, field: FormField): string | null {
+  if (!field.validations) return null;
+
+  for (const rule of field.validations) {
+    switch (rule.type) {
+      case 'required':
+        if (value === undefined || value === null || value === '' || (Array.isArray(value) && value.length === 0)) {
+          return rule.message || `${field.label} is required`;
+        }
+        break;
+      case 'min':
+        if (typeof value === 'number' && value < rule.value) {
+          return rule.message || `${field.label} must be at least ${rule.value}`;
+        }
+        if (typeof value === 'string' && value.length < rule.value) {
+          return rule.message || `${field.label} must be at least ${rule.value} characters`;
+        }
+        break;
+      case 'max':
+        if (typeof value === 'number' && value > rule.value) {
+          return rule.message || `${field.label} must be at most ${rule.value}`;
+        }
+        if (typeof value === 'string' && value.length > rule.value) {
+          return rule.message || `${field.label} must be at most ${rule.value} characters`;
+        }
+        break;
+      case 'email': {
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (value && !emailRegex.test(value)) {
+          return rule.message || 'Invalid email address';
+        }
+        break;
+      }
+      case 'pattern':
+        if (value && rule.value && !new RegExp(rule.value).test(value)) {
+          return rule.message || 'Invalid format';
+        }
+        break;
+      case 'custom':
+        if (rule.validator) {
+          const result = rule.validator(value);
+          if (typeof result === 'string') return result;
+          if (!result) return rule.message || 'Invalid value';
+        }
+        break;
+    }
+  }
+
+  return null;
+}
+
+export function getDefaultValues(fields: FormField[]): Record<string, any> {
+  return fields.reduce((acc, field) => {
+    acc[field.name] = field.defaultValue !== undefined ? field.defaultValue : (field.type === 'checkbox' ? [] : '');
+    return acc;
+  }, {} as Record<string, any>);
+}

package/packages/core/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "composite": false,
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["node_modules", "dist", "**/*.test.ts"]
+}

package/packages/core/tsup.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts', 'src/types.ts', 'src/utils.ts', 'src/parser.ts'],
+  format: ['cjs', 'esm'],
+  dts: true,
+  clean: true,
+  tsconfig: './tsconfig.json'
+});

package/packages/react/dist/index.cjs

@@ -0,0 +1,217 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  DynamicForm: () => DynamicForm,
+  FormFieldRenderer: () => FormFieldRenderer
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/DynamicForm.tsx
+var import_react = require("react");
+var import_core = require("pdyform/core");
+
+// src/FormFieldRenderer.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var FormFieldRenderer = ({ field, value, onChange, onBlur, error }) => {
+  const { type, label, placeholder, options, description, disabled, name } = field;
+  const fieldId = `field-${name}`;
+  const baseInputClasses = "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+  const renderInput = () => {
+    switch (type) {
+      case "textarea":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "textarea",
+          {
+            id: fieldId,
+            className: `${baseInputClasses} min-h-[80px]`,
+            placeholder,
+            value: value || "",
+            onChange: (e) => onChange(e.target.value),
+            onBlur,
+            disabled,
+            name
+          }
+        );
+      case "select":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "select",
+          {
+            id: fieldId,
+            className: baseInputClasses,
+            value: value || "",
+            onChange: (e) => onChange(e.target.value),
+            onBlur,
+            disabled,
+            name,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", disabled: true, children: placeholder || "Select an option" }),
+              options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+            ]
+          }
+        );
+      case "checkbox":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-4", children: options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "flex items-center space-x-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              className: "h-4 w-4 rounded border-primary text-primary focus:ring-primary",
+              checked: Array.isArray(value) && value.includes(opt.value),
+              onChange: (e) => {
+                const newValue = Array.isArray(value) ? [...value] : [];
+                if (e.target.checked) {
+                  newValue.push(opt.value);
+                } else {
+                  const index = newValue.indexOf(opt.value);
+                  if (index > -1) newValue.splice(index, 1);
+                }
+                onChange(newValue);
+              },
+              onBlur,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: opt.label })
+        ] }, opt.value)) });
+      case "radio":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-4", children: options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "flex items-center space-x-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "radio",
+              className: "h-4 w-4 border-primary text-primary focus:ring-primary",
+              name: field.name,
+              checked: value === opt.value,
+              onChange: () => onChange(opt.value),
+              onBlur,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: opt.label })
+        ] }, opt.value)) });
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            id: fieldId,
+            type,
+            className: baseInputClasses,
+            placeholder,
+            value: value || "",
+            onChange: (e) => onChange(e.target.value),
+            onBlur,
+            disabled,
+            name
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `space-y-2 ${field.className || ""}`, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "label",
+      {
+        htmlFor: fieldId,
+        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        children: label
+      }
+    ),
+    renderInput(),
+    description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: description }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium text-destructive", children: error })
+  ] });
+};
+
+// src/DynamicForm.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DynamicForm = ({ schema, onSubmit, className }) => {
+  const [values, setValues] = (0, import_react.useState)((0, import_core.getDefaultValues)(schema.fields));
+  const [errors, setErrors] = (0, import_react.useState)({});
+  const [isSubmitting, setIsSubmitting] = (0, import_react.useState)(false);
+  const handleFieldChange = (name, value) => {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    const field = schema.fields.find((f) => f.name === name);
+    if (field) {
+      const error = (0, import_core.validateField)(value, field);
+      setErrors((prev) => ({
+        ...prev,
+        [name]: error || ""
+      }));
+    }
+  };
+  const handleFieldBlur = (name) => {
+    const field = schema.fields.find((f) => f.name === name);
+    if (field) {
+      const error = (0, import_core.validateField)(values[name], field);
+      setErrors((prev) => ({
+        ...prev,
+        [name]: error || ""
+      }));
+    }
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    const newErrors = {};
+    let hasError = false;
+    schema.fields.forEach((field) => {
+      const error = (0, import_core.validateField)(values[field.name], field);
+      if (error) {
+        newErrors[field.name] = error;
+        hasError = true;
+      }
+    });
+    setErrors(newErrors);
+    if (!hasError) {
+      onSubmit(values);
+    }
+    setIsSubmitting(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { onSubmit: handleSubmit, className: `space-y-6 ${className || ""}`, children: [
+    schema.title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: "text-2xl font-bold tracking-tight", children: schema.title }),
+    schema.description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-muted-foreground", children: schema.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "space-y-4", children: schema.fields.map((field) => !field.hidden && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      FormFieldRenderer,
+      {
+        field,
+        value: values[field.name],
+        onChange: (val) => handleFieldChange(field.name, val),
+        onBlur: () => handleFieldBlur(field.name),
+        error: errors[field.name]
+      },
+      field.name
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: isSubmitting,
+        className: "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full",
+        children: isSubmitting ? "Submitting..." : schema.submitButtonText || "Submit"
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DynamicForm,
+  FormFieldRenderer
+});

package/packages/react/dist/index.d.cts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FormSchema, FormField } from 'pdyform/core';
+
+interface DynamicFormProps {
+    schema: FormSchema;
+    onSubmit: (values: Record<string, any>) => void;
+    className?: string;
+}
+declare const DynamicForm: React.FC<DynamicFormProps>;
+
+interface FormFieldRendererProps {
+    field: FormField;
+    value: any;
+    onChange: (value: any) => void;
+    onBlur?: () => void;
+    error?: string;
+}
+declare const FormFieldRenderer: React.FC<FormFieldRendererProps>;
+
+export { DynamicForm, FormFieldRenderer };

package/packages/react/dist/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FormSchema, FormField } from 'pdyform/core';
+
+interface DynamicFormProps {
+    schema: FormSchema;
+    onSubmit: (values: Record<string, any>) => void;
+    className?: string;
+}
+declare const DynamicForm: React.FC<DynamicFormProps>;
+
+interface FormFieldRendererProps {
+    field: FormField;
+    value: any;
+    onChange: (value: any) => void;
+    onBlur?: () => void;
+    error?: string;
+}
+declare const FormFieldRenderer: React.FC<FormFieldRendererProps>;
+
+export { DynamicForm, FormFieldRenderer };

package/packages/react/dist/index.js

@@ -0,0 +1,189 @@
+// src/DynamicForm.tsx
+import { useState } from "react";
+import { validateField, getDefaultValues } from "pdyform/core";
+
+// src/FormFieldRenderer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FormFieldRenderer = ({ field, value, onChange, onBlur, error }) => {
+  const { type, label, placeholder, options, description, disabled, name } = field;
+  const fieldId = `field-${name}`;
+  const baseInputClasses = "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+  const renderInput = () => {
+    switch (type) {
+      case "textarea":
+        return /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            id: fieldId,
+            className: `${baseInputClasses} min-h-[80px]`,
+            placeholder,
+            value: value || "",
+            onChange: (e) => onChange(e.target.value),
+            onBlur,
+            disabled,
+            name
+          }
+        );
+      case "select":
+        return /* @__PURE__ */ jsxs(
+          "select",
+          {
+            id: fieldId,
+            className: baseInputClasses,
+            value: value || "",
+            onChange: (e) => onChange(e.target.value),
+            onBlur,
+            disabled,
+            name,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder || "Select an option" }),
+              options?.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+            ]
+          }
+        );
+      case "checkbox":
+        return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: options?.map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center space-x-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              className: "h-4 w-4 rounded border-primary text-primary focus:ring-primary",
+              checked: Array.isArray(value) && value.includes(opt.value),
+              onChange: (e) => {
+                const newValue = Array.isArray(value) ? [...value] : [];
+                if (e.target.checked) {
+                  newValue.push(opt.value);
+                } else {
+                  const index = newValue.indexOf(opt.value);
+                  if (index > -1) newValue.splice(index, 1);
+                }
+                onChange(newValue);
+              },
+              onBlur,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: opt.label })
+        ] }, opt.value)) });
+      case "radio":
+        return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: options?.map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center space-x-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              className: "h-4 w-4 border-primary text-primary focus:ring-primary",
+              name: field.name,
+              checked: value === opt.value,
+              onChange: () => onChange(opt.value),
+              onBlur,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: opt.label })
+        ] }, opt.value)) });
+      default:
+        return /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: fieldId,
+            type,
+            className: baseInputClasses,
+            placeholder,
+            value: value || "",
+            onChange: (e) => onChange(e.target.value),
+            onBlur,
+            disabled,
+            name
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `space-y-2 ${field.className || ""}`, children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: fieldId,
+        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        children: label
+      }
+    ),
+    renderInput(),
+    description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: error })
+  ] });
+};
+
+// src/DynamicForm.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DynamicForm = ({ schema, onSubmit, className }) => {
+  const [values, setValues] = useState(getDefaultValues(schema.fields));
+  const [errors, setErrors] = useState({});
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const handleFieldChange = (name, value) => {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    const field = schema.fields.find((f) => f.name === name);
+    if (field) {
+      const error = validateField(value, field);
+      setErrors((prev) => ({
+        ...prev,
+        [name]: error || ""
+      }));
+    }
+  };
+  const handleFieldBlur = (name) => {
+    const field = schema.fields.find((f) => f.name === name);
+    if (field) {
+      const error = validateField(values[name], field);
+      setErrors((prev) => ({
+        ...prev,
+        [name]: error || ""
+      }));
+    }
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    const newErrors = {};
+    let hasError = false;
+    schema.fields.forEach((field) => {
+      const error = validateField(values[field.name], field);
+      if (error) {
+        newErrors[field.name] = error;
+        hasError = true;
+      }
+    });
+    setErrors(newErrors);
+    if (!hasError) {
+      onSubmit(values);
+    }
+    setIsSubmitting(false);
+  };
+  return /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: `space-y-6 ${className || ""}`, children: [
+    schema.title && /* @__PURE__ */ jsx2("h2", { className: "text-2xl font-bold tracking-tight", children: schema.title }),
+    schema.description && /* @__PURE__ */ jsx2("p", { className: "text-muted-foreground", children: schema.description }),
+    /* @__PURE__ */ jsx2("div", { className: "space-y-4", children: schema.fields.map((field) => !field.hidden && /* @__PURE__ */ jsx2(
+      FormFieldRenderer,
+      {
+        field,
+        value: values[field.name],
+        onChange: (val) => handleFieldChange(field.name, val),
+        onBlur: () => handleFieldBlur(field.name),
+        error: errors[field.name]
+      },
+      field.name
+    )) }),
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "submit",
+        disabled: isSubmitting,
+        className: "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full",
+        children: isSubmitting ? "Submitting..." : schema.submitButtonText || "Submit"
+      }
+    )
+  ] });
+};
+export {
+  DynamicForm,
+  FormFieldRenderer
+};

package/packages/react/node_modules/.bin/browserslist

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/browserslist@4.28.1/node_modules/browserslist/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/browserslist@4.28.1/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/browserslist@4.28.1/node_modules/browserslist/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/browserslist@4.28.1/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/browserslist@4.28.1/node_modules/browserslist/cli.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/browserslist@4.28.1/node_modules/browserslist/cli.js" "$@"
+fi