pdyform 1.0.0

package/packages/react/node_modules/.bin/esbuild

@@ -0,0 +1,14 @@
+#!/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/esbuild@0.27.3/node_modules/esbuild/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/esbuild@0.27.3/node_modules/esbuild/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/esbuild@0.27.3/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/esbuild@0.27.3/node_modules/esbuild/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/esbuild@0.27.3/node_modules/esbuild/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/esbuild@0.27.3/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+"$basedir/../../../../node_modules/.pnpm/esbuild@0.27.3/node_modules/esbuild/bin/esbuild"   "$@"
+exit $?

package/packages/react/node_modules/.bin/tsc

@@ -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/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/typescript@5.9.3/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/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/typescript@5.9.3/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/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi

package/packages/react/node_modules/.bin/tsserver

@@ -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/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/typescript@5.9.3/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/typescript@5.9.3/node_modules/typescript/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/typescript@5.9.3/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/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi

package/packages/react/node_modules/.bin/tsup

@@ -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/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/node_modules/tsup/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/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/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/node_modules/tsup/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/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/../tsup/dist/cli-default.js" "$@"
+else
+  exec node  "$basedir/../tsup/dist/cli-default.js" "$@"
+fi

package/packages/react/node_modules/.bin/tsup-node

@@ -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/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/node_modules/tsup/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/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/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/node_modules/tsup/dist/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/node_modules/tsup/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3/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/../tsup/dist/cli-node.js" "$@"
+else
+  exec node  "$basedir/../tsup/dist/cli-node.js" "$@"
+fi

package/packages/react/node_modules/.bin/vite

@@ -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/vite@5.4.21_@types+node@20.19.35/node_modules/vite/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/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/vite@5.4.21_@types+node@20.19.35/node_modules/vite/bin/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/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/vite@5.4.21_@types+node@20.19.35/node_modules/vite/bin/vite.js" "$@"
+else
+  exec node  "$basedir/../../../../node_modules/.pnpm/vite@5.4.21_@types+node@20.19.35/node_modules/vite/bin/vite.js" "$@"
+fi

package/packages/react/node_modules/.bin/vitest

@@ -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/vitest@1.6.1_@types+node@20.19.35_jsdom@22.1.0/node_modules/vitest/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vitest@1.6.1_@types+node@20.19.35_jsdom@22.1.0/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/vitest@1.6.1_@types+node@20.19.35_jsdom@22.1.0/node_modules/vitest/node_modules:/Users/pidan/Work/Learn/dynamic-form/node_modules/.pnpm/vitest@1.6.1_@types+node@20.19.35_jsdom@22.1.0/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/../vitest/vitest.mjs" "$@"
+else
+  exec node  "$basedir/../vitest/vitest.mjs" "$@"
+fi

package/packages/react/node_modules/.vite/vitest/results.json

@@ -0,0 +1 @@
+{"version":"1.6.1","results":[[":src/DynamicForm.test.tsx",{"duration":26,"failed":false}]]}

package/packages/react/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "pdyform-react",
+  "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 src/index.tsx --format cjs,esm --dts --clean --external react --external pdyform",
+    "dev": "tsup src/index.tsx --format cjs,esm --watch --dts --external react --external pdyform",
+    "test": "vitest run",
+    "lint": "eslint src/**/*.{ts,tsx} --no-error-on-unmatched-pattern"
+  },
+  "dependencies": {
+    "clsx": "^2.0.0",
+    "lucide-react": "^0.300.0",
+    "pdyform": "workspace:*",
+    "tailwind-merge": "^2.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^5.1.4",
+    "jsdom": "^22.1.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^1.0.0"
+  }
+}

package/packages/react/src/DynamicForm.test.tsx

@@ -0,0 +1,25 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { DynamicForm } from '../src/DynamicForm';
+import React from 'react';
+
+describe('React DynamicForm', () => {
+  const schema: any = {
+    fields: [
+      { name: 'username', label: 'Username', type: 'text', validations: [{ type: 'required', message: 'Required' }] }
+    ]
+  };
+
+  it('renders correctly', () => {
+    render(<DynamicForm schema={schema} onSubmit={() => {}} />);
+    expect(screen.getByLabelText('Username')).toBeTruthy();
+  });
+
+  it('shows validation error on blur', async () => {
+    render(<DynamicForm schema={schema} onSubmit={() => {}} />);
+    const input = screen.getByLabelText('Username');
+    fireEvent.blur(input);
+    expect(await screen.findByText('Required')).toBeTruthy();
+  });
+});

package/packages/react/src/DynamicForm.tsx

@@ -0,0 +1,93 @@
+import React, { useState } from 'react';
+import { FormSchema, validateField, getDefaultValues } from 'pdyform/core';
+import { FormFieldRenderer } from './FormFieldRenderer';
+
+interface DynamicFormProps {
+  schema: FormSchema;
+  onSubmit: (values: Record<string, any>) => void;
+  className?: string;
+}
+
+export const DynamicForm: React.FC<DynamicFormProps> = ({ schema, onSubmit, className }) => {
+  const [values, setValues] = useState<Record<string, any>>(getDefaultValues(schema.fields));
+  const [errors, setErrors] = useState<Record<string, string>>({});
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const handleFieldChange = (name: string, value: any) => {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    
+    // Validate on change
+    const field = schema.fields.find(f => f.name === name);
+    if (field) {
+      const error = validateField(value, field);
+      setErrors((prev) => ({
+        ...prev,
+        [name]: error || ''
+      }));
+    }
+  };
+
+  const handleFieldBlur = (name: string) => {
+    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: React.FormEvent) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+
+    const newErrors: Record<string, string> = {};
+    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 (
+    <form onSubmit={handleSubmit} className={`space-y-6 ${className || ''}`}>
+      {schema.title && <h2 className="text-2xl font-bold tracking-tight">{schema.title}</h2>}
+      {schema.description && <p className="text-muted-foreground">{schema.description}</p>}
+      
+      <div className="space-y-4">
+        {schema.fields.map((field) => (
+          !field.hidden && (
+            <FormFieldRenderer
+              key={field.name}
+              field={field}
+              value={values[field.name]}
+              onChange={(val) => handleFieldChange(field.name, val)}
+              onBlur={() => handleFieldBlur(field.name)}
+              error={errors[field.name]}
+            />
+          )
+        ))}
+      </div>
+
+      <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"
+      >
+        {isSubmitting ? 'Submitting...' : (schema.submitButtonText || 'Submit')}
+      </button>
+    </form>
+  );
+};

package/packages/react/src/FormFieldRenderer.tsx

@@ -0,0 +1,130 @@
+import React from 'react';
+import { FormField } from 'pdyform/core';
+
+interface FormFieldRendererProps {
+  field: FormField;
+  value: any;
+  onChange: (value: any) => void;
+  onBlur?: () => void;
+  error?: string;
+}
+
+export const FormFieldRenderer: React.FC<FormFieldRendererProps> = ({ 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 (
+          <textarea
+            id={fieldId}
+            className={`${baseInputClasses} min-h-[80px]`}
+            placeholder={placeholder}
+            value={value || ''}
+            onChange={(e) => onChange(e.target.value)}
+            onBlur={onBlur}
+            disabled={disabled}
+            name={name}
+          />
+        );
+      case 'select':
+        return (
+          <select
+            id={fieldId}
+            className={baseInputClasses}
+            value={value || ''}
+            onChange={(e) => onChange(e.target.value)}
+            onBlur={onBlur}
+            disabled={disabled}
+            name={name}
+          >
+            <option value="" disabled>{placeholder || 'Select an option'}</option>
+            {options?.map((opt) => (
+              <option key={opt.value} value={opt.value}>
+                {opt.label}
+              </option>
+            ))}
+          </select>
+        );
+      case 'checkbox':
+        return (
+          <div className="flex flex-wrap gap-4">
+            {options?.map((opt) => (
+              <label key={opt.value} className="flex items-center space-x-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+                <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={onBlur}
+                  disabled={disabled}
+                />
+                <span>{opt.label}</span>
+              </label>
+            ))}
+          </div>
+        );
+      case 'radio':
+        return (
+          <div className="flex flex-wrap gap-4">
+            {options?.map((opt) => (
+              <label key={opt.value} className="flex items-center space-x-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+                <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={onBlur}
+                  disabled={disabled}
+                />
+                <span>{opt.label}</span>
+              </label>
+            ))}
+          </div>
+        );
+      default:
+        return (
+          <input
+            id={fieldId}
+            type={type}
+            className={baseInputClasses}
+            placeholder={placeholder}
+            value={value || ''}
+            onChange={(e) => onChange(e.target.value)}
+            onBlur={onBlur}
+            disabled={disabled}
+            name={name}
+          />
+        );
+    }
+  };
+
+  return (
+    <div className={`space-y-2 ${field.className || ''}`}>
+      {label && (
+        <label
+          htmlFor={fieldId}
+          className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+        >
+          {label}
+        </label>
+      )}
+      {renderInput()}
+      {description && <p className="text-sm text-muted-foreground">{description}</p>}
+      {error && <p className="text-sm font-medium text-destructive">{error}</p>}
+    </div>
+  );
+};

package/packages/react/src/index.tsx

@@ -0,0 +1,2 @@
+export * from './DynamicForm';
+export * from './FormFieldRenderer';

package/packages/react/tsconfig.json

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

package/packages/react/vitest.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'jsdom',
+    globals: true,
+  },
+  resolve: {
+    alias: {
+      'pdyform/core': path.resolve(__dirname, '../core/src'),
+    },
+  },
+});

package/packages/vue/dist/index.js

@@ -0,0 +1 @@
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("pdyform/core")):typeof define=="function"&&define.amd?define(["exports","vue","pdyform/core"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.PdDynamicFormVue={},d.Vue,d.PdyformCore))})(this,function(d,e,u){"use strict";const g=["for"],p=["id","placeholder","disabled","name","value"],B=["id","disabled","name","value"],x={value:"",disabled:""},E=["value"],V={key:3,class:"flex flex-wrap gap-4"},C=["disabled","checked","onChange"],S={key:4,class:"flex flex-wrap gap-4"},N=["disabled","name","checked","onChange"],F=["id","type","placeholder","disabled","name","value"],D={key:6,class:"text-sm text-muted-foreground"},w={key:7,class:"text-sm font-medium text-destructive"},b="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",h=e.defineComponent({__name:"FormFieldRenderer",props:{field:{},modelValue:{},error:{}},emits:["update:modelValue"],setup(l,{emit:k}){const c=l,y=k,o=e.computed(()=>`field-${c.field.name}`),r=m=>{y("update:modelValue",m)},f=(m,i)=>{const t=Array.isArray(c.modelValue)?[...c.modelValue]:[];if(i)t.push(m);else{const a=t.indexOf(m);a>-1&&t.splice(a,1)}r(t)};return(m,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["space-y-2",l.field.className])},[l.field.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.value,class:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"},e.toDisplayString(l.field.label),9,g)):e.createCommentVNode("",!0),l.field.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,id:o.value,class:e.normalizeClass([b,"min-h-[80px]"]),placeholder:l.field.placeholder,disabled:l.field.disabled,name:l.field.name,value:l.modelValue,onInput:i[0]||(i[0]=t=>r(t.target.value))},null,42,p)):l.field.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:2,id:o.value,class:e.normalizeClass(b),disabled:l.field.disabled,name:l.field.name,value:l.modelValue,onChange:i[1]||(i[1]=t=>r(t.target.value))},[e.createElementVNode("option",x,e.toDisplayString(l.field.placeholder||"Select an option"),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.field.options,t=>(e.openBlock(),e.createElementBlock("option",{key:t.value,value:t.value},e.toDisplayString(t.label),9,E))),128))],40,B)):l.field.type==="checkbox"?(e.openBlock(),e.createElementBlock("div",V,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.field.options,t=>(e.openBlock(),e.createElementBlock("label",{key:t.value,class:"flex items-center space-x-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"},[e.createElementVNode("input",{type:"checkbox",class:"h-4 w-4 rounded border-primary text-primary focus:ring-primary",disabled:l.field.disabled,checked:Array.isArray(l.modelValue)&&l.modelValue.includes(t.value),onChange:a=>f(t.value,a.target.checked)},null,40,C),e.createElementVNode("span",null,e.toDisplayString(t.label),1)]))),128))])):l.field.type==="radio"?(e.openBlock(),e.createElementBlock("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.field.options,t=>(e.openBlock(),e.createElementBlock("label",{key:t.value,class:"flex items-center space-x-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"},[e.createElementVNode("input",{type:"radio",class:"h-4 w-4 border-primary text-primary focus:ring-primary",disabled:l.field.disabled,name:l.field.name,checked:l.modelValue===t.value,onChange:a=>r(t.value)},null,40,N),e.createElementVNode("span",null,e.toDisplayString(t.label),1)]))),128))])):(e.openBlock(),e.createElementBlock("input",{key:5,id:o.value,type:l.field.type,class:e.normalizeClass(b),placeholder:l.field.placeholder,disabled:l.field.disabled,name:l.field.name,value:l.modelValue,onInput:i[2]||(i[2]=t=>r(t.target.value))},null,40,F)),l.field.description?(e.openBlock(),e.createElementBlock("p",D,e.toDisplayString(l.field.description),1)):e.createCommentVNode("",!0),l.error?(e.openBlock(),e.createElementBlock("p",w,e.toDisplayString(l.error),1)):e.createCommentVNode("",!0)],2))}}),$={key:0,class:"space-y-1"},z={key:0,class:"text-2xl font-bold tracking-tight"},A={key:1,class:"text-muted-foreground"},I={class:"space-y-4"},L=["disabled"],T=e.defineComponent({__name:"DynamicForm",props:{schema:{},className:{}},emits:["submit"],setup(l,{emit:k}){const c=l,y=k,o=e.ref({}),r=e.ref({}),f=e.ref(!1);e.onMounted(()=>{o.value=u.getDefaultValues(c.schema.fields)});const m=(t,a)=>{o.value[t]=a;const n=c.schema.fields.find(s=>s.name===t);if(n){const s=u.validateField(a,n);r.value[t]=s||""}},i=()=>{f.value=!0;const t={};let a=!1;c.schema.fields.forEach(n=>{const s=u.validateField(o.value[n.name],n);s&&(t[n.name]=s,a=!0)}),r.value=t,a||y("submit",{...o.value}),f.value=!1};return(t,a)=>(e.openBlock(),e.createElementBlock("form",{class:e.normalizeClass(["space-y-6",l.className]),onSubmit:e.withModifiers(i,["prevent"])},[l.schema.title||l.schema.description?(e.openBlock(),e.createElementBlock("div",$,[l.schema.title?(e.openBlock(),e.createElementBlock("h2",z,e.toDisplayString(l.schema.title),1)):e.createCommentVNode("",!0),l.schema.description?(e.openBlock(),e.createElementBlock("p",A,e.toDisplayString(l.schema.description),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.schema.fields,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.id},[n.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h,{key:0,field:n,"model-value":o.value[n.name],error:r.value[n.name],"onUpdate:modelValue":s=>m(n.name,s)},null,8,["field","model-value","error","onUpdate:modelValue"]))],64))),128))]),e.createElementVNode("button",{type:"submit",disabled:f.value,class:"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"},e.toDisplayString(f.value?"Submitting...":l.schema.submitButtonText||"Submit"),9,L)],34))}});d.DynamicForm=T,d.FormFieldRenderer=h,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});