@tachui/forms 0.7.0-alpha1 → 0.7.1-alpha

package/dist/validation/index.js

@@ -1,21 +1,600 @@
-import { C as e, m as i, F as t, l as r, j as l, V as o, k as d, i as V, n, d as m, g as u, r as F, e as g, u as c, h as v, f as R, v as f } from "../forms-core-B1bx1drO.js";
+var g = Object.defineProperty;
+var v = (e, t, r) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var m = (e, t, r) => v(e, typeof t != "symbol" ? t + "" : t, r);
+class s extends Error {
+  constructor(t, r) {
+    super(t), this.context = r, this.name = "FormsValidationError";
+  }
+  getFormattedMessage() {
+    const { component: t, suggestion: r, example: a, documentation: o } = this.context;
+    let i = `❌ [@tachui/forms] ${t} Component Error: ${this.message}
+`;
+    return r && (i += `
+💡 Suggestion: ${r}
+`), a && (i += `
+❌ Wrong: ${a.wrong}`, i += `
+✅ Correct: ${a.correct}
+`), o && (i += `
+📚 Documentation: ${o}`), i;
+  }
+}
+const l = {
+  // EmailField Component
+  validateEmailField(e) {
+    if (e.length === 0)
+      throw new s("EmailField component requires a props object with value", {
+        component: "EmailField",
+        suggestion: "Add value: EmailField({ value: emailSignal })",
+        documentation: "https://docs.tachui.dev/forms/components/emailfield",
+        example: {
+          wrong: "EmailField()",
+          correct: "EmailField({ value: emailSignal, onChange: handleChange })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new s("EmailField requires a props object", {
+        component: "EmailField",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: 'EmailField("email@example.com")',
+          correct: 'EmailField({ value: "email@example.com" })'
+        }
+      });
+    if (t.value === void 0)
+      throw new s("EmailField value property is required", {
+        component: "EmailField",
+        suggestion: "Provide a value for the email field",
+        example: {
+          wrong: 'EmailField({ placeholder: "Email" })',
+          correct: 'EmailField({ value: emailSignal, placeholder: "Email" })'
+        }
+      });
+  },
+  // PasswordField Component
+  validatePasswordField(e) {
+    if (e.length === 0)
+      throw new s("PasswordField component requires a props object with value", {
+        component: "PasswordField",
+        suggestion: "Add value: PasswordField({ value: passwordSignal })",
+        documentation: "https://docs.tachui.dev/forms/components/passwordfield",
+        example: {
+          wrong: "PasswordField()",
+          correct: "PasswordField({ value: passwordSignal, onChange: handleChange })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new s("PasswordField requires a props object", {
+        component: "PasswordField",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: 'PasswordField("password")',
+          correct: "PasswordField({ value: passwordSignal })"
+        }
+      });
+    if (t.value === void 0)
+      throw new s("PasswordField value property is required", {
+        component: "PasswordField",
+        suggestion: "Provide a value for the password field",
+        example: {
+          wrong: 'PasswordField({ placeholder: "Password" })',
+          correct: 'PasswordField({ value: passwordSignal, placeholder: "Password" })'
+        }
+      });
+  },
+  // PhoneField Component  
+  validatePhoneField(e) {
+    if (e.length === 0)
+      throw new s("PhoneField component requires a props object with value", {
+        component: "PhoneField",
+        suggestion: "Add value: PhoneField({ value: phoneSignal })",
+        documentation: "https://docs.tachui.dev/forms/components/phonefield",
+        example: {
+          wrong: "PhoneField()",
+          correct: 'PhoneField({ value: phoneSignal, format: "US" })'
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new s("PhoneField requires a props object", {
+        component: "PhoneField",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: 'PhoneField("(555) 123-4567")',
+          correct: "PhoneField({ value: phoneSignal })"
+        }
+      });
+    if (t.value === void 0)
+      throw new s("PhoneField value property is required", {
+        component: "PhoneField",
+        suggestion: "Provide a value for the phone field",
+        example: {
+          wrong: 'PhoneField({ format: "US" })',
+          correct: 'PhoneField({ value: phoneSignal, format: "US" })'
+        }
+      });
+  },
+  // NumberField Component
+  validateNumberField(e) {
+    if (e.length === 0)
+      throw new s("NumberField component requires a props object with value", {
+        component: "NumberField",
+        suggestion: "Add value: NumberField({ value: numberSignal })",
+        documentation: "https://docs.tachui.dev/forms/components/numberfield",
+        example: {
+          wrong: "NumberField()",
+          correct: "NumberField({ value: numberSignal, min: 0, max: 100 })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new s("NumberField requires a props object", {
+        component: "NumberField",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: "NumberField(42)",
+          correct: "NumberField({ value: 42 })"
+        }
+      });
+    if (t.value === void 0)
+      throw new s("NumberField value property is required", {
+        component: "NumberField",
+        suggestion: "Provide a numeric value for the field",
+        example: {
+          wrong: "NumberField({ min: 0, max: 100 })",
+          correct: "NumberField({ value: 42, min: 0, max: 100 })"
+        }
+      });
+  },
+  // CreditCardField Component
+  validateCreditCardField(e) {
+    if (e.length === 0)
+      throw new s("CreditCardField component requires a props object with value", {
+        component: "CreditCardField",
+        suggestion: "Add value: CreditCardField({ value: cardSignal })",
+        documentation: "https://docs.tachui.dev/forms/components/creditcardfield",
+        example: {
+          wrong: "CreditCardField()",
+          correct: "CreditCardField({ value: cardSignal, onChange: handleChange })"
+        }
+      });
+    const [t] = e;
+    if (!t || typeof t != "object")
+      throw new s("CreditCardField requires a props object", {
+        component: "CreditCardField",
+        suggestion: "Pass a props object with value property",
+        example: {
+          wrong: 'CreditCardField("4111111111111111")',
+          correct: "CreditCardField({ value: cardSignal })"
+        }
+      });
+    if (t.value === void 0)
+      throw new s("CreditCardField value property is required", {
+        component: "CreditCardField",
+        suggestion: "Provide a value for the credit card field",
+        example: {
+          wrong: 'CreditCardField({ placeholder: "Card Number" })',
+          correct: 'CreditCardField({ value: cardSignal, placeholder: "Card Number" })'
+        }
+      });
+  }
+  // Additional Forms components would go here...
+  // (SearchField, URLField, TextArea, ColorField, Select, MultiSelect, Checkbox, Radio, etc.)
+};
+function f() {
+  return [
+    {
+      packageName: "forms",
+      componentName: "EmailField",
+      validate: l.validateEmailField
+    },
+    {
+      packageName: "forms",
+      componentName: "PasswordField",
+      validate: l.validatePasswordField
+    },
+    {
+      packageName: "forms",
+      componentName: "PhoneField",
+      validate: l.validatePhoneField
+    },
+    {
+      packageName: "forms",
+      componentName: "NumberField",
+      validate: l.validateNumberField
+    },
+    {
+      packageName: "forms",
+      componentName: "CreditCardField",
+      validate: l.validateCreditCardField
+    }
+    // Additional validators would be added here for remaining 9+ Forms components
+  ];
+}
+async function h() {
+  try {
+    const { registerComponentValidator: e } = await import("@tachui/core/validation"), t = f();
+    for (const r of t)
+      e(r);
+    process.env.NODE_ENV !== "production" && console.info(`🔍 [@tachui/forms] Registered ${t.length} component validators`);
+  } catch (e) {
+    process.env.NODE_ENV !== "production" && console.warn("⚠️ [@tachui/forms] Could not register validators with Core:", e);
+  }
+}
+typeof window < "u" && process.env.NODE_ENV !== "production" && setTimeout(h, 10);
+const u = {
+  required: (e) => ({
+    valid: e != null && e !== "",
+    message: "This field is required",
+    code: "REQUIRED"
+  }),
+  email: (e) => e ? {
+    valid: /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e),
+    message: "Please enter a valid email address",
+    code: "INVALID_EMAIL"
+  } : { valid: !0 },
+  url: (e) => {
+    if (!e) return { valid: !0 };
+    try {
+      return new URL(e), { valid: !0 };
+    } catch {
+      return {
+        valid: !1,
+        message: "Please enter a valid URL",
+        code: "INVALID_URL"
+      };
+    }
+  },
+  number: (e) => {
+    if (!e) return { valid: !0 };
+    const t = Number(e);
+    return {
+      valid: !Number.isNaN(t) && Number.isFinite(t),
+      message: "Please enter a valid number",
+      code: "INVALID_NUMBER"
+    };
+  },
+  integer: (e) => {
+    if (!e) return { valid: !0 };
+    const t = Number(e);
+    return {
+      valid: !Number.isNaN(t) && Number.isFinite(t) && Number.isInteger(t),
+      message: "Please enter a valid integer",
+      code: "INVALID_INTEGER"
+    };
+  },
+  min: (e, t) => {
+    if (!e) return { valid: !0 };
+    const r = Number(e);
+    return Number.isNaN(r) ? { valid: !0 } : {
+      valid: r >= t.min,
+      message: `Value must be at least ${t.min}`,
+      code: "MIN_VALUE"
+    };
+  },
+  max: (e, t) => {
+    if (!e) return { valid: !0 };
+    const r = Number(e);
+    return Number.isNaN(r) ? { valid: !0 } : {
+      valid: r <= t.max,
+      message: `Value must be at most ${t.max}`,
+      code: "MAX_VALUE"
+    };
+  },
+  minLength: (e, t) => e ? {
+    valid: e.length >= t.minLength,
+    message: `Must be at least ${t.minLength} characters`,
+    code: "MIN_LENGTH"
+  } : { valid: !0 },
+  maxLength: (e, t) => e ? {
+    valid: e.length <= t.maxLength,
+    message: `Must be at most ${t.maxLength} characters`,
+    code: "MAX_LENGTH"
+  } : { valid: !0 },
+  pattern: (e, t) => e ? {
+    valid: (typeof t.pattern == "string" ? new RegExp(t.pattern) : t.pattern).test(e),
+    message: t.message || "Value does not match required pattern",
+    code: "PATTERN_MISMATCH"
+  } : { valid: !0 },
+  // Additional validation rules expected by tests
+  numeric: (e) => {
+    if (!e) return { valid: !0 };
+    const t = Number(e);
+    return {
+      valid: !Number.isNaN(t) && Number.isFinite(t),
+      message: "Please enter a valid number",
+      code: "INVALID_NUMERIC"
+    };
+  },
+  phone: (e) => {
+    if (!e) return { valid: !0 };
+    const t = /^\+?[\d\s\-().]+$/, r = e.replace(/[\s\-().]/g, "");
+    return {
+      valid: t.test(e) && r.length >= 10,
+      message: "Please enter a valid phone number",
+      code: "INVALID_PHONE"
+    };
+  },
+  creditCard: (e) => {
+    if (!e) return { valid: !0 };
+    const t = e.replace(/\s/g, "");
+    let r = 0, a = !1;
+    for (let o = t.length - 1; o >= 0; o--) {
+      let i = parseInt(t.charAt(o));
+      a && (i *= 2, i > 9 && (i = i % 10 + 1)), r += i, a = !a;
+    }
+    return {
+      valid: /^\d{13,19}$/.test(t) && r % 10 === 0,
+      message: "Please enter a valid credit card number",
+      code: "INVALID_CREDIT_CARD"
+    };
+  },
+  ssn: (e) => {
+    if (!e) return { valid: !0 };
+    const t = e.replace(/[-\s]/g, "");
+    return {
+      valid: /^\d{9}$/.test(t),
+      message: "Please enter a valid Social Security Number",
+      code: "INVALID_SSN"
+    };
+  },
+  postalCode: (e) => {
+    if (!e) return { valid: !0 };
+    const t = /^\d{5}(-\d{4})?$/, r = /^[A-Z0-9]{3,10}$/i;
+    return {
+      valid: t.test(e) || r.test(e),
+      message: "Please enter a valid postal code",
+      code: "INVALID_POSTAL_CODE"
+    };
+  },
+  zipCode: (e) => e ? {
+    valid: /^\d{5}(-\d{4})?$/.test(e),
+    message: "Please enter a valid ZIP code",
+    code: "INVALID_ZIP_CODE"
+  } : { valid: !0 },
+  date: (e) => {
+    if (!e) return { valid: !0 };
+    const t = new Date(e);
+    return {
+      valid: !Number.isNaN(t.getTime()) && !!e.match(/^\d{4}-\d{2}-\d{2}$/),
+      message: "Please enter a valid date (YYYY-MM-DD)",
+      code: "INVALID_DATE"
+    };
+  },
+  time: (e) => e ? {
+    valid: /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/.test(e),
+    message: "Please enter a valid time (HH:MM)",
+    code: "INVALID_TIME"
+  } : { valid: !0 },
+  strongPassword: (e) => {
+    if (!e) return { valid: !0 };
+    const t = /[A-Z]/.test(e), r = /[a-z]/.test(e), a = /\d/.test(e), o = /\W/.test(e), i = e.length >= 8, n = t && r && a && o && i;
+    return {
+      valid: n,
+      message: n ? void 0 : "Password must be at least 8 characters with uppercase, lowercase, number and special character",
+      code: "WEAK_PASSWORD"
+    };
+  }
+}, c = /* @__PURE__ */ new Map();
+function P(e) {
+  c.set(e.name, e);
+}
+function E(e) {
+  c.delete(e);
+}
+function C() {
+  return [...Object.keys(u), ...c.keys()];
+}
+function p(e, t, r) {
+  for (const a of t) {
+    let o;
+    if (typeof a == "string") {
+      const i = u[a];
+      if (i)
+        o = i(e, r?.[a]);
+      else {
+        const n = c.get(a);
+        if (n)
+          o = n.validate(e, n.options);
+        else {
+          console.warn(`Unknown validation rule: ${a}`);
+          continue;
+        }
+      }
+    } else if ("validate" in a)
+      o = a.validate(e, a.options);
+    else {
+      const i = u[a.name];
+      if (i)
+        o = i(e, a.options);
+      else {
+        console.warn(`Unknown built-in validation rule: ${a.name}`);
+        continue;
+      }
+    }
+    if (!o.valid)
+      return o;
+  }
+  return { valid: !0 };
+}
+function V(e, t) {
+  return !t?.rules || t.rules.length === 0 ? { valid: !0 } : p(e.value, t.rules);
+}
+async function w(e, t, r) {
+  for (const a of t) {
+    let o;
+    if (typeof a == "string") {
+      const n = u[a];
+      if (n)
+        o = n(e, r?.[a]);
+      else {
+        const d = c.get(a);
+        if (d)
+          o = d.validate(e, d.options);
+        else
+          continue;
+      }
+    } else if ("validate" in a)
+      o = a.validate(e, a.options);
+    else {
+      const n = u[a.name];
+      if (n)
+        o = n(e, a.options);
+      else
+        continue;
+    }
+    const i = await Promise.resolve(o);
+    if (!i.valid)
+      return i;
+  }
+  return { valid: !0 };
+}
+function I(e, t = 300) {
+  let r, a, o;
+  return (i) => new Promise((n) => {
+    if (i === a && o) {
+      Promise.resolve(o).then(n);
+      return;
+    }
+    a = i, clearTimeout(r), r = setTimeout(async () => {
+      try {
+        o = e(i);
+        const d = await Promise.resolve(o);
+        n(d);
+      } catch {
+        n({
+          valid: !1,
+          message: "Validation error occurred",
+          code: "VALIDATION_ERROR"
+        });
+      }
+    }, t);
+  });
+}
+const A = {
+  /**
+   * Validate that two fields match (e.g., password confirmation)
+   */
+  fieldMatch: (e, t, r = "Fields must match") => (a) => a[e] === a[t] ? { valid: !0 } : {
+    valid: !1,
+    message: r,
+    code: "FIELD_MISMATCH"
+  },
+  /**
+   * Validate that at least one field in a group is filled
+   */
+  requireOneOf: (e, t = "At least one field is required") => (r) => e.some((o) => {
+    const i = r[o];
+    return i != null && i !== "";
+  }) ? { valid: !0 } : {
+    valid: !1,
+    message: t,
+    code: "REQUIRE_ONE_OF"
+  },
+  /**
+   * Validate that a field is required when another field has a specific value
+   */
+  requiredWhen: (e, t, r, a = `${e} is required`) => (o) => {
+    if (o[t] === r) {
+      const i = o[e];
+      return i != null && i !== "" ? { valid: !0 } : {
+        valid: !1,
+        message: a,
+        code: "REQUIRED_WHEN"
+      };
+    }
+    return { valid: !0 };
+  },
+  /**
+   * Validate date range (start date before end date)
+   */
+  dateRange: (e, t, r = "End date must be after start date") => (a) => {
+    const o = a[e], i = a[t];
+    if (!o || !i) return { valid: !0 };
+    const n = new Date(o);
+    return new Date(i) >= n ? { valid: !0 } : {
+      valid: !1,
+      message: r,
+      code: "INVALID_DATE_RANGE"
+    };
+  }
+}, x = {
+  email: ["required", "email"],
+  password: ["required", { name: "minLength", options: { minLength: 8 } }],
+  phone: [
+    "required",
+    { name: "pattern", options: { pattern: /^\+?[\d\s-()]+$/, message: "Invalid phone number" } }
+  ],
+  url: ["required", "url"],
+  positiveNumber: ["required", "number", { name: "min", options: { min: 0 } }],
+  percentage: [
+    "required",
+    "number",
+    { name: "min", options: { min: 0 } },
+    { name: "max", options: { max: 100 } }
+  ]
+};
+class F {
+  constructor(t = {}) {
+    m(this, "messages", {});
+    this.messages = t;
+  }
+  setMessage(t, r) {
+    this.messages[t] = r;
+  }
+  setMessages(t) {
+    this.messages = { ...this.messages, ...t };
+  }
+  format(t, r) {
+    return t.code && this.messages[t.code] ? this.messages[t.code].replace("${field}", r || "field") : t.message || "Validation failed";
+  }
+}
+const R = new F(), L = {
+  /**
+   * Check if a validation result represents an error
+   */
+  isError: (e) => !e.valid,
+  /**
+   * Check if a validation result is valid
+   */
+  isValid: (e) => e.valid,
+  /**
+   * Combine multiple validation results
+   */
+  combineResults: (e) => {
+    const t = e.filter((r) => !r.valid);
+    return t.length === 0 ? { valid: !0 } : {
+      valid: !1,
+      message: t.map((r) => r.message).join(", "),
+      code: "MULTIPLE_ERRORS"
+    };
+  },
+  /**
+   * Create a validation function from a rule configuration
+   */
+  createValidator: (e, t) => (r) => p(r, e, t),
+  /**
+   * Create an async validation function
+   */
+  createAsyncValidator: (e, t) => (r) => w(r, e, t)
+};
 export {
-  e as CrossFieldValidators,
-  i as FormsComponentValidation,
-  t as FormsValidationError,
-  r as VALIDATION_RULES,
-  l as ValidationMessageFormatter,
-  o as ValidationPresets,
-  d as ValidationUtils,
-  V as createDebouncedValidator,
-  n as createFormsValidators,
-  m as defaultMessageFormatter,
-  u as getValidationRules,
-  F as registerFormsValidators,
-  g as registerValidationRule,
-  c as unregisterValidationRule,
-  v as validateField,
-  R as validateValue,
-  f as validateValueAsync
+  A as CrossFieldValidators,
+  l as FormsComponentValidation,
+  s as FormsValidationError,
+  u as VALIDATION_RULES,
+  F as ValidationMessageFormatter,
+  x as ValidationPresets,
+  L as ValidationUtils,
+  I as createDebouncedValidator,
+  f as createFormsValidators,
+  R as defaultMessageFormatter,
+  C as getValidationRules,
+  h as registerFormsValidators,
+  P as registerValidationRule,
+  E as unregisterValidationRule,
+  V as validateField,
+  p as validateValue,
+  w as validateValueAsync
 };
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@tachui/forms",
-  "version": "0.7.0-alpha1",
+  "version": "0.7.1-alpha",
   "description": "Form components and validation system for tachUI framework",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist/"
+    "dist"
   ],
   "keywords": [
     "tachui",
@@ -20,7 +20,7 @@
   "license": "MPL-2.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/tachUI/tachui.git",
+    "url": "https://github.com/tach-UI/tachUI",
     "directory": "packages/forms"
   },
   "peerDependencies": {
@@ -31,13 +31,12 @@
     "typescript": "^5.2.0",
     "vite": "^5.0.0",
     "vitest": "^1.6.0",
-    "@tachui/core": "0.7.0-alpha1"
+    "@tachui/core": "0.7.1-alpha"
   },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.js"
     },
     "./components": {
       "types": "./dist/components/index.d.ts",

package/dist/Form-ueYEcSg1.cjs

@@ -1,2 +0,0 @@
-"use strict";const a=require("@tachui/core"),k=require("./forms-core-W_JGVLAI.cjs");function v(t,r){return Array.isArray(t)?t.flatMap(o=>C(o,r)):C(t,r)}function C(t,r){if(t==null)return[];if(typeof t=="object"&&"type"in t&&t.type==="component"){const o={...t,props:{...t.props,_formContext:r}},i=t.render.bind(o)();return Array.isArray(i)?i:[i]}return a.defaultChildrenRenderer(t)}const R=t=>{const{onSubmit:r,onChange:o,validation:n={validateOn:"blur",stopOnFirstError:!1,debounceMs:300},initialValues:i={},resetOnSubmit:l=!1,preserveValues:y=!1,children:g,...m}=t,s=k.createFormState(i),[S,u]=a.createSignal("idle"),h=async c=>{if(c&&c.preventDefault(),!!r)try{if(u("idle"),await s.validateForm()){const d=s.watch();await r(d,s.state),u("success"),l&&s.resetForm()}else u("error")}catch(f){u("error"),console.error("Form submission error:",f)}};a.createEffect(()=>{if(o){const c=s.state,f=Object.keys(c.fields).filter(d=>c.fields[d].dirty);if(f.length>0){const d=f[f.length-1],b=c.fields[d];o(d,b.value,b)}}});const x={register:s.register,unregister:s.unregister,setValue:s.setValue,getValue:s.getValue,getError:s.getError,validateField:s.validateField,validation:n,onChange:o};return{type:"component",id:m.id||"form",render:()=>a.h("form",{...m,onsubmit:h,novalidate:!0,"data-tachui-form":!0,"data-form-state":s.state.valid?"valid":"invalid","data-form-submitting":s.state.submitting,"data-submission-result":S()},...v(g,x)),props:t,cleanup:[()=>{y||s.resetForm()}]}},B=t=>{const{title:r,description:o,header:n,footer:i,style:l="automatic",spacing:y=12,collapsible:g=!1,collapsed:m=!1,onToggle:s,accessibilityLabel:S,accessibilityRole:u="group",children:h,...x}=t,[p,c]=a.createSignal(m),f=()=>{const e=!p();c(e),s&&s(e)},d=e=>e?typeof e=="string"?e:typeof e=="function"?e():e:null,b=()=>{const e={marginBottom:"20px",border:"none",padding:"0",margin:"0 0 20px 0"};switch(l){case"grouped":return{...e,backgroundColor:"#ffffff",border:"1px solid #e0e0e0",borderRadius:"12px",overflow:"hidden"};case"inset":return{...e,backgroundColor:"#f8f9fa",border:"1px solid #e9ecef",borderRadius:"8px",margin:"0 16px 20px 16px"};case"sidebar":return{...e,borderLeft:"3px solid #007AFF",paddingLeft:"16px",backgroundColor:"#f8f9fa",borderRadius:"0 8px 8px 0"};case"plain":return e;default:return{...e,backgroundColor:"#ffffff",border:"1px solid #f0f0f0",borderRadius:"8px"}}},w=()=>{const e={fontSize:"16px",fontWeight:"600",color:"#1a1a1a",margin:"0 0 12px 0"};switch(l){case"grouped":case"inset":return{...e,padding:"12px 16px 0 16px",backgroundColor:"#f8f9fa",borderBottom:"1px solid #e9ecef"};case"sidebar":return{...e,fontSize:"14px",textTransform:"uppercase",letterSpacing:"0.5px",color:"#666",marginBottom:"8px"};default:return{...e,padding:"0 0 8px 0"}}},A=()=>{const e={display:"flex",flexDirection:"column",gap:`${y}px`};switch(l){case"grouped":case"inset":return{...e,padding:"16px"};case"sidebar":return{...e,padding:"8px 0"};default:return{...e,padding:"12px"}}},E=()=>{const e={fontSize:"14px",color:"#666",margin:"8px 0 0 0"};switch(l){case"grouped":case"inset":return{...e,padding:"0 16px 12px 16px",backgroundColor:"#f8f9fa",borderTop:"1px solid #e9ecef"};default:return{...e,padding:"0 0 4px 0"}}},O=()=>{const e=r||d(n);if(!e)return[];const F=w();if(g){const I=p()?"▶":"▼";return[a.h("legend",{style:{...F,cursor:"pointer",display:"flex",alignItems:"center",gap:"8px"},onclick:f},a.h("span",{style:{fontSize:"12px",color:"#666"}},a.text(I)),...typeof e=="string"?[a.text(e)]:[e.render()].flat())]}return[a.h("legend",{style:F},...typeof e=="string"?[a.text(e)]:[e.render()].flat())]},V=()=>!o||p()?[]:[a.h("div",{style:{fontSize:"14px",color:"#666",marginBottom:"12px",padding:l==="grouped"||l==="inset"?"0 16px":"0"}},a.text(o))],z=()=>g&&p()?[]:[a.h("div",{style:A()},...v(h,t._formContext))],D=()=>{const e=d(i);return!e||p()?[]:[a.h("div",{style:E()},...typeof e=="string"?[a.text(e)]:[e.render()].flat())]};return{type:"component",id:x.id||"form-section",render:()=>a.h("fieldset",{...x,style:b(),"aria-label":S,role:u,"data-tachui-form-section":!0,"data-collapsible":g,"data-collapsed":p(),"data-style":l},...O(),...V(),...z(),...D()),props:t}},L={createAutoForm:t=>(console.log("Auto form creation:",t),R),validation:{createSchema:t=>({fields:t,validate:async r=>({valid:!0,errors:{}})})},serialize:{toFormData:t=>{const r=new FormData;return Object.entries(t).forEach(([o,n])=>{n!=null&&(n instanceof File||n instanceof Blob?r.append(o,n):Array.isArray(n)?n.forEach((i,l)=>{r.append(`${o}[${l}]`,String(i))}):r.append(o,String(n)))}),r},toURLSearchParams:t=>{const r=new URLSearchParams;return Object.entries(t).forEach(([o,n])=>{n!=null&&(Array.isArray(n)?n.forEach(i=>r.append(o,String(i))):r.append(o,String(n)))}),r},toJSON:t=>JSON.stringify(t,null,2)}};exports.Form=R;exports.FormSection=B;exports.FormUtils=L;
-//# sourceMappingURL=Form-ueYEcSg1.cjs.map