@tachui/forms 0.7.1-alpha → 0.8.1-alpha

package/dist/index.js

@@ -1,381 +1,203 @@
-import { o as n, p as d, F as c, a as m, m as u, E as g, P as f, k as p, U as F, i as h, N as v, h as N, l as b, j as I, T as S, D as V, n as x, g as y, C as R, S as A, c as C, R as T, d as P, f as L, M as D, e as E } from "./TextField-CGBM3x7K.js";
-import { b as K } from "./TextField-CGBM3x7K.js";
-import { createFormState as _, createField as M, createMultiStepFormState as U } from "./state/index.js";
-import { defaultMessageFormatter as w, ValidationPresets as $, CrossFieldValidators as k, registerFormsValidators as G, getValidationRules as H } from "./validation/index.js";
-import { FormsComponentValidation as J, FormsValidationError as Y, VALIDATION_RULES as ee, ValidationMessageFormatter as te, ValidationUtils as re, createDebouncedValidator as ae, createFormsValidators as se, registerValidationRule as ie, unregisterValidationRule as oe, validateField as le, validateValue as ne, validateValueAsync as de } from "./validation/index.js";
-const O = {
-  /**
-   * Email validation
-   */
-  email: (e) => {
-    if (!e) return { valid: !0 };
-    const r = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
-    return {
-      valid: r,
-      ...r ? {} : { message: "Please enter a valid email address", code: "INVALID_EMAIL" }
-    };
-  },
-  /**
-   * Phone number validation
-   */
-  phone: (e) => {
-    if (!e) return { valid: !0 };
-    const t = /^[+]?[1-9][\d]{0,15}$/, r = e.replace(/\s/g, ""), a = t.test(r);
-    return {
-      valid: a,
-      ...a ? {} : { message: "Please enter a valid phone number", code: "INVALID_PHONE" }
-    };
-  },
-  /**
-   * URL validation
-   */
-  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" };
-    }
-  },
-  /**
-   * Minimum length validation
-   */
-  minLength: (e) => (t) => {
-    const r = !t || t.length >= e;
-    return {
-      valid: r,
-      ...r ? {} : { message: `Minimum length is ${e} characters`, code: "MIN_LENGTH" }
-    };
-  },
-  /**
-   * Maximum length validation
-   */
-  maxLength: (e) => (t) => {
-    const r = !t || t.length <= e;
-    return {
-      valid: r,
-      ...r ? {} : { message: `Maximum length is ${e} characters`, code: "MAX_LENGTH" }
-    };
-  },
-  /**
-   * Required field validation
-   */
-  required: (e) => {
-    const t = !!(e && e.trim().length > 0);
-    return {
-      valid: t,
-      ...t ? {} : { message: "This field is required", code: "REQUIRED" }
-    };
-  },
-  /**
-   * Pattern validation
-   */
-  pattern: (e, t = "Invalid format") => (r) => {
-    if (!r) return { valid: !0 };
-    const a = e.test(r);
-    return {
-      valid: a,
-      ...a ? {} : { message: t, code: "PATTERN_MISMATCH" }
-    };
-  },
-  /**
-   * Numeric validation
-   */
-  numeric: (e) => {
-    if (!e) return { valid: !0 };
-    const t = !Number.isNaN(Number(e)) && Number.isFinite(Number(e));
-    return {
-      valid: t,
-      ...t ? {} : { message: "Please enter a valid number", code: "INVALID_NUMBER" }
-    };
-  },
-  /**
-   * Integer validation
-   */
-  integer: (e) => {
-    if (!e) return { valid: !0 };
-    const t = Number(e), r = Number.isInteger(t);
-    return {
-      valid: r,
-      ...r ? {} : { message: "Please enter a whole number", code: "INVALID_INTEGER" }
-    };
-  },
-  /**
-   * Minimum value validation
-   */
-  min: (e) => (t) => {
-    if (!t) return { valid: !0 };
-    const r = Number(t), a = !Number.isNaN(r) && r >= e;
-    return {
-      valid: a,
-      ...a ? {} : { message: `Value must be at least ${e}`, code: "MIN_VALUE" }
-    };
-  },
-  /**
-   * Maximum value validation
-   */
-  max: (e) => (t) => {
-    if (!t) return { valid: !0 };
-    const r = Number(t), a = !Number.isNaN(r) && r <= e;
-    return {
-      valid: a,
-      ...a ? {} : { message: `Value must be at most ${e}`, code: "MAX_VALUE" }
-    };
-  },
-  /**
-   * Range validation
-   */
-  range: (e, t) => (r) => {
-    if (!r) return { valid: !0 };
-    const a = Number(r), o = !Number.isNaN(a) && a >= e && a <= t;
-    return {
-      valid: o,
-      ...o ? {} : { message: `Value must be between ${e} and ${t}`, code: "OUT_OF_RANGE" }
-    };
-  },
-  /**
-   * Credit card validation (Luhn algorithm)
-   */
-  creditCard: (e) => {
-    if (!e) return { valid: !0 };
-    const t = e.replace(/\D/g, "");
-    if (t.length < 13 || t.length > 19)
-      return {
-        valid: !1,
-        message: "Credit card number must be 13-19 digits",
-        code: "INVALID_CREDIT_CARD"
-      };
-    let r = 0, a = !1;
-    for (let i = t.length - 1; i >= 0; i--) {
-      let s = parseInt(t[i]);
-      a && (s *= 2, s > 9 && (s -= 9)), r += s, a = !a;
-    }
-    const o = r % 10 === 0;
-    return {
-      valid: o,
-      ...o ? {} : { message: "Please enter a valid credit card number", code: "INVALID_CREDIT_CARD" }
-    };
-  },
-  /**
-   * Social Security Number validation
-   */
-  ssn: (e) => {
-    if (!e) return { valid: !0 };
-    const t = e.replace(/\D/g, ""), a = /^(?!666|000|9\d{2})\d{3}(?!00)\d{2}(?!0{4})\d{4}$/.test(t);
-    return {
-      valid: a,
-      ...a ? {} : { message: "Please enter a valid Social Security Number", code: "INVALID_SSN" }
-    };
-  },
-  /**
-   * US ZIP code validation
-   */
-  zipCode: (e) => {
-    if (!e) return { valid: !0 };
-    const r = /^\d{5}(-\d{4})?$/.test(e);
-    return {
-      valid: r,
-      ...r ? {} : { message: "Please enter a valid ZIP code", code: "INVALID_ZIP" }
-    };
-  },
-  /**
-   * Strong password validation
-   */
-  strongPassword: (e) => {
-    if (!e) return { valid: !0 };
-    const t = /[a-z]/.test(e), r = /[A-Z]/.test(e), a = /\d/.test(e), o = /[!@#$%^&*(),.?":{}|<>]/.test(e), i = e.length >= 8, s = [];
-    i || s.push("at least 8 characters"), t || s.push("lowercase letter"), r || s.push("uppercase letter"), a || s.push("number"), o || s.push("special character");
-    const l = s.length === 0;
-    return {
-      valid: l,
-      ...l ? {} : {
-        message: `Password must contain ${s.join(", ")}`,
-        code: "WEAK_PASSWORD"
+import { createSignal as n, createComputed as a } from "@tachui/core";
+import { c as o } from "./index-D3WfkqVv.js";
+import { a as N, b as T } from "./index-D3WfkqVv.js";
+import { f as D, C as M, D as w, E as A, N as L, P, a as R, c as $, b as k, S as O, d as U, T as H, e as I, U as z } from "./TextField-hX15dY3U.js";
+import { C as _, a as j, c as Z, M as q, R as B, b as J, d as K, S as Q } from "./Select-yZyKooXk.js";
+import { a as X, S as Y } from "./Slider-0-oal5YR.js";
+import { D as te } from "./DatePicker-D5nRFTUm.js";
+import { CrossFieldValidators as ie, FormsComponentValidation as se, FormsValidationError as ae, VALIDATION_RULES as ne, ValidationMessageFormatter as oe, ValidationPresets as de, ValidationUtils as pe, createDebouncedValidator as le, createFormsValidators as ce, defaultMessageFormatter as fe, getValidationRules as me, registerFormsValidators as he, registerValidationRule as ue, unregisterValidationRule as Se, validateField as xe, validateValue as ge, validateValueAsync as Ce } from "./validation/index.js";
+class d {
+  constructor(e) {
+    this.properties = e, this.formState = o(e.initialValues || {}), e.validation && Object.entries(e.validation).forEach(
+      ([t, r]) => {
+        this.formState.register(t, r);
+      }
+    );
+  }
+  type = "form-container";
+  formState;
+  get state() {
+    return this.formState.state;
+  }
+  async handleSubmit() {
+    this.properties.validateOnSubmit !== !1 && !await this.formState.validateForm() || (this.properties.onSubmit && await this.properties.onSubmit(
+      this.formState.watch(),
+      this.formState.state
+    ), this.properties.resetOnSubmit && this.formState.resetForm());
+  }
+  register(e, t) {
+    this.formState.register(e, t);
+  }
+  setValue(e, t) {
+    this.formState.setValue(e, t);
+  }
+  getValue(e) {
+    return this.formState.getValue(e);
+  }
+  getError(e) {
+    return this.formState.getError(e);
+  }
+  async validateField(e) {
+    return this.formState.validateField(e);
+  }
+  async validateForm() {
+    return this.formState.validateForm();
+  }
+  resetForm() {
+    this.formState.resetForm();
+  }
+  render() {
+    const e = document.createElement("form");
+    return this.properties.className && (e.className = this.properties.className), this.properties.id && (e.id = this.properties.id), e.addEventListener("submit", (t) => {
+      t.preventDefault(), this.handleSubmit();
+    }), this.properties.children && (Array.isArray(this.properties.children) ? this.properties.children.forEach((t) => {
+      typeof t == "string" ? e.appendChild(document.createTextNode(t)) : t && typeof t.render == "function" ? e.appendChild(t.render()) : t instanceof HTMLElement && e.appendChild(t);
+    }) : typeof this.properties.children == "string" ? e.appendChild(document.createTextNode(this.properties.children)) : this.properties.children && typeof this.properties.children.render == "function" ? e.appendChild(this.properties.children.render()) : this.properties.children instanceof HTMLElement && e.appendChild(this.properties.children)), e;
+  }
+}
+class p {
+  constructor(e) {
+    this.properties = e;
+    const [t, r] = n(
+      e.defaultExpanded ?? !0
+    );
+    this.expanded = t, this.setExpanded = r;
+  }
+  type = "form-section";
+  expanded;
+  setExpanded;
+  get isExpanded() {
+    return this.expanded();
+  }
+  toggle() {
+    this.properties.collapsible && this.setExpanded(!this.expanded());
+  }
+  expand() {
+    this.setExpanded(!0);
+  }
+  collapse() {
+    this.properties.collapsible && this.setExpanded(!1);
+  }
+  render() {
+    const e = document.createElement("section");
+    if (this.properties.className && (e.className = this.properties.className), this.properties.title) {
+      const r = document.createElement("h3");
+      if (r.textContent = this.properties.title, r.style.cssText = "margin: 0 0 1rem 0; font-weight: 600;", this.properties.collapsible) {
+        r.style.cursor = "pointer", r.addEventListener("click", () => this.toggle());
+        const s = document.createElement("span");
+        s.textContent = this.expanded() ? " ▼" : " ▶", s.style.cssText = "font-size: 0.8em; margin-left: 0.5rem;", r.appendChild(s), a(() => {
+          s.textContent = this.expanded() ? " ▼" : " ▶";
+        });
       }
-    };
-  },
-  /**
-   * Date validation (YYYY-MM-DD format)
-   */
-  date: (e) => {
-    if (!e) return { valid: !0 };
-    const t = new Date(e), r = !Number.isNaN(t.getTime());
-    return {
-      valid: r,
-      ...r ? {} : { message: "Please enter a valid date", code: "INVALID_DATE" }
-    };
-  },
-  /**
-   * Time validation (HH:MM format)
-   */
-  time: (e) => {
-    if (!e) return { valid: !0 };
-    const r = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/.test(e);
-    return {
-      valid: r,
-      ...r ? {} : { message: "Please enter a valid time (HH:MM)", code: "INVALID_TIME" }
-    };
-  },
-  /**
-   * Composite validator - combines multiple validators with AND logic
-   */
-  and: (...e) => (t) => {
-    for (const r of e) {
-      const a = r(t);
-      if (!a.valid)
-        return a;
+      e.appendChild(r);
+    }
+    if (this.properties.description) {
+      const r = document.createElement("p");
+      r.textContent = this.properties.description, r.style.cssText = "margin: 0 0 1rem 0; color: #666; font-size: 0.9em;", e.appendChild(r);
     }
-    return { valid: !0 };
-  },
-  /**
-   * Composite validator - combines multiple validators with OR logic
-   */
-  or: (...e) => (t) => {
-    const r = e.map((i) => i(t));
-    return r.some((i) => i.valid) ? { valid: !0 } : r.find((i) => !i.valid) || { valid: !1, message: "Validation failed", code: "VALIDATION_FAILED" };
-  },
-  /**
-   * Custom validator factory
-   */
-  custom: (e) => e
-}, z = {
-  name: "@tachui/forms",
-  version: "0.1.0",
-  async install(e) {
-    const t = (r, a, o) => {
-      e.registerComponent(r, a, o);
-    };
-    t("Form", c, {
-      category: "forms",
-      tags: ["form", "container", "validation"]
-    }), t("FormSection", m, {
-      category: "forms",
-      tags: ["form", "section", "fieldset"]
-    }), t("TextField", u, {
-      category: "forms",
-      tags: ["input", "text", "validation"]
-    }), t("EmailField", g, {
-      category: "forms",
-      tags: ["input", "email", "validation"]
-    }), t("PasswordField", f, {
-      category: "forms",
-      tags: ["input", "password", "validation"]
-    }), t("SearchField", p, {
-      category: "forms",
-      tags: ["input", "search"]
-    }), t("URLField", F, {
-      category: "forms",
-      tags: ["input", "url", "validation"]
-    }), t("PhoneField", h, {
-      category: "forms",
-      tags: ["input", "phone", "validation"]
-    }), t("NumberField", v, {
-      category: "forms",
-      tags: ["input", "number", "numeric", "validation"]
-    }), t("CreditCardField", N, {
-      category: "forms",
-      tags: ["input", "credit-card", "payment", "validation"]
-    }), t("SSNField", b, {
-      category: "forms",
-      tags: ["input", "ssn", "social-security", "validation"]
-    }), t("PostalCodeField", I, {
-      category: "forms",
-      tags: ["input", "postal-code", "zip", "validation"]
-    }), t("TextArea", S, {
-      category: "forms",
-      tags: ["input", "textarea", "multiline"]
-    }), t("DateField", V, {
-      category: "forms",
-      tags: ["input", "date", "calendar", "validation"]
-    }), t("TimeField", x, {
-      category: "forms",
-      tags: ["input", "time", "clock", "validation"]
-    }), t("ColorField", y, {
-      category: "forms",
-      tags: ["input", "color", "picker"]
-    }), t("Checkbox", R, {
-      category: "forms",
-      tags: ["input", "checkbox", "boolean"]
-    }), t("Switch", A, {
-      category: "forms",
-      tags: ["input", "switch", "toggle", "boolean"]
-    }), t("CheckboxGroup", C, {
-      category: "forms",
-      tags: ["input", "checkbox", "group", "multiple"]
-    }), t("Radio", T, {
-      category: "forms",
-      tags: ["input", "radio", "choice"]
-    }), t("RadioGroup", P, {
-      category: "forms",
-      tags: ["input", "radio", "group", "choice"]
-    }), t("Select", L, {
-      category: "forms",
-      tags: ["input", "select", "dropdown", "choice"]
-    }), t("MultiSelect", D, {
-      category: "forms",
-      tags: ["input", "select", "multiple", "choice"]
-    }), t("Combobox", E, {
-      category: "forms",
-      tags: ["input", "combobox", "search", "choice"]
-    }), e.registerService("formsConfig", {
-      theme: "default",
-      validation: {},
-      accessibility: {}
-    }), e.registerService("validationMessageFormatter", w), e.registerService("createFormState", _), e.registerService("createField", M), e.registerService("createMultiStepFormState", U), e.registerService("ValidationPresets", $), e.registerService("CrossFieldValidators", k), e.registerService("TextFieldFormatters", n), e.registerService("TextFieldParsers", d), e.registerService("TextFieldValidators", O), await G(), console.log("📝 TachUI Forms plugin installed successfully"), console.log("   • 24 form components (including enhanced TextField variants)"), console.log(`   • ${H().length} validation rules`), console.log("   • TextField formatters and validators included");
-  },
-  async uninstall() {
-    console.log("📝 TachUI Forms plugin uninstalled");
+    const t = document.createElement("div");
+    return a(() => {
+      t.style.display = this.expanded() ? "block" : "none";
+    }), this.properties.children && (Array.isArray(this.properties.children) ? this.properties.children.forEach((r) => {
+      typeof r == "string" ? t.appendChild(document.createTextNode(r)) : r && typeof r.render == "function" ? t.appendChild(r.render()) : r instanceof HTMLElement && t.appendChild(r);
+    }) : typeof this.properties.children == "string" ? t.appendChild(document.createTextNode(this.properties.children)) : this.properties.children && typeof this.properties.children.render == "function" ? t.appendChild(this.properties.children.render()) : this.properties.children instanceof HTMLElement && t.appendChild(this.properties.children)), e.appendChild(t), e;
   }
-}, B = async (e) => z.install(e);
+}
+function f(i) {
+  return new d(i);
+}
+function m(i) {
+  return new p(i);
+}
+function h() {
+  return {
+    /* TODO: Implement form state hook */
+  };
+}
+function u() {
+  return {
+    /* TODO: Implement form validation hook */
+  };
+}
+function S(i) {
+  return i.replace(/\D/g, "").replace(/(\d{4})(?=\d)/g, "$1 ");
+}
+function x(i) {
+  return i.replace(/\D/g, "").replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3");
+}
+function g(i) {
+  return i.replace(/\D/g, "").replace(/(\d{3})(\d{2})(\d{4})/, "$1-$2-$3");
+}
+function C(i) {
+  return i.toUpperCase().replace(/[^A-Z0-9]/g, "");
+}
+function F(i, e = "yyyy-MM-dd") {
+  return i.toISOString().split("T")[0];
+}
+function E(i) {
+  return new Date(i);
+}
+function y(i) {
+  return i instanceof Date && !isNaN(i.getTime());
+}
 export {
-  R as Checkbox,
-  C as CheckboxGroup,
-  y as ColorField,
-  E as Combobox,
-  N as CreditCardField,
-  k as CrossFieldValidators,
-  V as DateField,
-  g as EmailField,
-  c as Form,
-  m as FormSection,
-  K as FormUtils,
-  J as FormsComponentValidation,
-  Y as FormsValidationError,
-  D as MultiSelect,
-  v as NumberField,
-  f as PasswordField,
-  h as PhoneField,
-  I as PostalCodeField,
-  T as Radio,
-  P as RadioGroup,
-  b as SSNField,
-  p as SearchField,
-  L as Select,
-  A as Switch,
-  S as TextArea,
-  u as TextField,
-  n as TextFieldFormatters,
-  d as TextFieldParsers,
-  O as TextFieldValidators,
-  x as TimeField,
-  F as URLField,
-  ee as VALIDATION_RULES,
-  te as ValidationMessageFormatter,
-  $ as ValidationPresets,
-  re as ValidationUtils,
-  ae as createDebouncedValidator,
-  M as createField,
-  _ as createFormState,
-  se as createFormsValidators,
-  U as createMultiStepFormState,
-  z as default,
-  w as defaultMessageFormatter,
-  H as getValidationRules,
-  B as installFormsPlugin,
-  G as registerFormsValidators,
-  ie as registerValidationRule,
-  oe as unregisterValidationRule,
-  le as validateField,
-  ne as validateValue,
-  de as validateValueAsync
+  _ as Checkbox,
+  j as CheckboxGroup,
+  D as ColorField,
+  Z as Combobox,
+  M as CreditCardField,
+  ie as CrossFieldValidators,
+  w as DateField,
+  te as DatePicker,
+  A as EmailField,
+  d as Form,
+  p as FormSection,
+  se as FormsComponentValidation,
+  ae as FormsValidationError,
+  q as MultiSelect,
+  L as NumberField,
+  P as PasswordField,
+  R as PhoneField,
+  $ as PostalCodeField,
+  B as Radio,
+  J as RadioGroup,
+  k as SSNField,
+  O as SearchField,
+  K as Select,
+  X as Slider,
+  Y as Stepper,
+  Q as Switch,
+  U as TextArea,
+  H as TextField,
+  I as TimeField,
+  z as URLField,
+  ne as VALIDATION_RULES,
+  oe as ValidationMessageFormatter,
+  de as ValidationPresets,
+  pe as ValidationUtils,
+  le as createDebouncedValidator,
+  N as createField,
+  o as createFormState,
+  ce as createFormsValidators,
+  T as createMultiStepFormState,
+  fe as defaultMessageFormatter,
+  f as form,
+  m as formSection,
+  S as formatCreditCard,
+  F as formatDate,
+  x as formatPhoneNumber,
+  C as formatPostalCode,
+  g as formatSSN,
+  me as getValidationRules,
+  y as isValidDate,
+  E as parseDate,
+  he as registerFormsValidators,
+  ue as registerValidationRule,
+  Se as unregisterValidationRule,
+  h as useFormState,
+  u as useFormValidation,
+  xe as validateField,
+  ge as validateValue,
+  Ce as validateValueAsync
 };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/form-container/index.ts","../src/utils/index.ts"],"sourcesContent":["/**\n * Form Container Components\n *\n * Core form structure and state management components\n */\n\nimport { createSignal, createComputed } from '@tachui/core'\nimport { createFormState } from '../../state'\nimport type { FormState, FormSubmitHandler, FieldValidation } from '../../types'\n\nexport interface FormProps {\n  onSubmit?: FormSubmitHandler\n  validation?: Record<string, FieldValidation>\n  initialValues?: Record<string, any>\n  children?: any\n  className?: string\n  id?: string\n  resetOnSubmit?: boolean\n  validateOnSubmit?: boolean\n  [key: string]: any\n}\n\nexport interface FormSectionProps {\n  title?: string\n  description?: string\n  children?: any\n  className?: string\n  collapsible?: boolean\n  defaultExpanded?: boolean\n  [key: string]: any\n}\n\nexport class Form {\n  readonly type = 'form-container'\n  private formState: ReturnType<typeof createFormState>\n\n  constructor(public readonly properties: FormProps) {\n    this.formState = createFormState(properties.initialValues || {})\n\n    // Register field validations\n    if (properties.validation) {\n      Object.entries(properties.validation).forEach(\n        ([fieldName, validation]) => {\n          this.formState.register(fieldName, validation)\n        }\n      )\n    }\n  }\n\n  get state(): FormState {\n    return this.formState.state\n  }\n\n  async handleSubmit(): Promise<void> {\n    if (this.properties.validateOnSubmit !== false) {\n      const isValid = await this.formState.validateForm()\n      if (!isValid) {\n        return\n      }\n    }\n\n    if (this.properties.onSubmit) {\n      await this.properties.onSubmit(\n        this.formState.watch(),\n        this.formState.state\n      )\n    }\n\n    if (this.properties.resetOnSubmit) {\n      this.formState.resetForm()\n    }\n  }\n\n  register(fieldName: string, validation?: FieldValidation): void {\n    this.formState.register(fieldName, validation)\n  }\n\n  setValue(fieldName: string, value: any): void {\n    this.formState.setValue(fieldName, value)\n  }\n\n  getValue(fieldName: string): any {\n    return this.formState.getValue(fieldName)\n  }\n\n  getError(fieldName: string): string | undefined {\n    return this.formState.getError(fieldName)\n  }\n\n  async validateField(fieldName: string): Promise<boolean> {\n    return this.formState.validateField(fieldName)\n  }\n\n  async validateForm(): Promise<boolean> {\n    return this.formState.validateForm()\n  }\n\n  resetForm(): void {\n    this.formState.resetForm()\n  }\n\n  render(): HTMLElement {\n    const element = document.createElement('form')\n\n    // Set form attributes\n    if (this.properties.className) {\n      element.className = this.properties.className\n    }\n    if (this.properties.id) {\n      element.id = this.properties.id\n    }\n\n    // Prevent default form submission\n    element.addEventListener('submit', e => {\n      e.preventDefault()\n      this.handleSubmit()\n    })\n\n    // Add children if provided\n    if (this.properties.children) {\n      if (Array.isArray(this.properties.children)) {\n        this.properties.children.forEach(child => {\n          if (typeof child === 'string') {\n            element.appendChild(document.createTextNode(child))\n          } else if (child && typeof child.render === 'function') {\n            element.appendChild(child.render())\n          } else if (child instanceof HTMLElement) {\n            element.appendChild(child)\n          }\n        })\n      } else if (typeof this.properties.children === 'string') {\n        element.appendChild(document.createTextNode(this.properties.children))\n      } else if (\n        this.properties.children &&\n        typeof this.properties.children.render === 'function'\n      ) {\n        element.appendChild(this.properties.children.render())\n      } else if (this.properties.children instanceof HTMLElement) {\n        element.appendChild(this.properties.children)\n      }\n    }\n\n    return element\n  }\n}\n\nexport class FormSection {\n  readonly type = 'form-section'\n  private expanded: () => boolean\n  private setExpanded: (value: boolean) => void\n\n  constructor(public readonly properties: FormSectionProps) {\n    const [expandedSignal, setExpandedSignal] = createSignal(\n      properties.defaultExpanded ?? true\n    )\n    this.expanded = expandedSignal\n    this.setExpanded = setExpandedSignal\n  }\n\n  get isExpanded(): boolean {\n    return this.expanded()\n  }\n\n  toggle(): void {\n    if (this.properties.collapsible) {\n      this.setExpanded(!this.expanded())\n    }\n  }\n\n  expand(): void {\n    this.setExpanded(true)\n  }\n\n  collapse(): void {\n    if (this.properties.collapsible) {\n      this.setExpanded(false)\n    }\n  }\n\n  render(): HTMLElement {\n    const section = document.createElement('section')\n\n    if (this.properties.className) {\n      section.className = this.properties.className\n    }\n\n    // Add title if provided\n    if (this.properties.title) {\n      const title = document.createElement('h3')\n      title.textContent = this.properties.title\n      title.style.cssText = 'margin: 0 0 1rem 0; font-weight: 600;'\n\n      if (this.properties.collapsible) {\n        title.style.cursor = 'pointer'\n        title.addEventListener('click', () => this.toggle())\n\n        const indicator = document.createElement('span')\n        indicator.textContent = this.expanded() ? ' ▼' : ' ▶'\n        indicator.style.cssText = 'font-size: 0.8em; margin-left: 0.5rem;'\n        title.appendChild(indicator)\n\n        // Update indicator when expanded state changes\n        createComputed(() => {\n          indicator.textContent = this.expanded() ? ' ▼' : ' ▶'\n        })\n      }\n\n      section.appendChild(title)\n    }\n\n    // Add description if provided\n    if (this.properties.description) {\n      const description = document.createElement('p')\n      description.textContent = this.properties.description\n      description.style.cssText =\n        'margin: 0 0 1rem 0; color: #666; font-size: 0.9em;'\n      section.appendChild(description)\n    }\n\n    // Add content container\n    const content = document.createElement('div')\n\n    // Handle collapsible behavior\n    createComputed(() => {\n      content.style.display = this.expanded() ? 'block' : 'none'\n    })\n\n    // Add children if provided\n    if (this.properties.children) {\n      if (Array.isArray(this.properties.children)) {\n        this.properties.children.forEach(child => {\n          if (typeof child === 'string') {\n            content.appendChild(document.createTextNode(child))\n          } else if (child && typeof child.render === 'function') {\n            content.appendChild(child.render())\n          } else if (child instanceof HTMLElement) {\n            content.appendChild(child)\n          }\n        })\n      } else if (typeof this.properties.children === 'string') {\n        content.appendChild(document.createTextNode(this.properties.children))\n      } else if (\n        this.properties.children &&\n        typeof this.properties.children.render === 'function'\n      ) {\n        content.appendChild(this.properties.children.render())\n      } else if (this.properties.children instanceof HTMLElement) {\n        content.appendChild(this.properties.children)\n      }\n    }\n\n    section.appendChild(content)\n    return section\n  }\n}\n\nexport function form(props: FormProps): Form {\n  return new Form(props)\n}\n\nexport function formSection(props: FormSectionProps): FormSection {\n  return new FormSection(props)\n}\n\n// Re-export types for convenience\nexport type { FormState, FormSubmitHandler, FieldValidation }\n","/**\n * Form Utilities\n *\n * Shared utilities for form handling, formatting, and validation\n */\n\n// TODO: Migrate actual utilities from @tachui/forms\n// Placeholder implementation for unified package structure\n\n// Form state utilities (stubs)\nexport function useFormState() {\n  return {\n    /* TODO: Implement form state hook */\n  }\n}\n\nexport function useFormValidation() {\n  return {\n    /* TODO: Implement form validation hook */\n  }\n}\n\n// Formatting utilities (stubs)\nexport function formatCreditCard(value: string): string {\n  return value.replace(/\\D/g, '').replace(/(\\d{4})(?=\\d)/g, '$1 ')\n}\n\nexport function formatPhoneNumber(value: string): string {\n  return value.replace(/\\D/g, '').replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')\n}\n\nexport function formatSSN(value: string): string {\n  return value.replace(/\\D/g, '').replace(/(\\d{3})(\\d{2})(\\d{4})/, '$1-$2-$3')\n}\n\nexport function formatPostalCode(value: string): string {\n  return value.toUpperCase().replace(/[^A-Z0-9]/g, '')\n}\n\n// Date utilities (stubs)\nexport function formatDate(date: Date, _format: string = 'yyyy-MM-dd'): string {\n  return date.toISOString().split('T')[0]\n}\n\nexport function parseDate(value: string): Date {\n  return new Date(value)\n}\n\nexport function isValidDate(date: Date): boolean {\n  return date instanceof Date && !isNaN(date.getTime())\n}\n\n// Type aliases\nexport type FormStateManager = any\nexport type FormatterFunction = (value: string) => string\nexport type DateFormat = string\nexport type FormUtilOptions = any\n"],"names":["Form","properties","createFormState","fieldName","validation","value","element","e","child","FormSection","expandedSignal","setExpandedSignal","createSignal","section","title","indicator","createComputed","description","content","form","props","formSection","useFormState","useFormValidation","formatCreditCard","formatPhoneNumber","formatSSN","formatPostalCode","formatDate","date","_format","parseDate","isValidDate"],"mappings":"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"}

package/dist/state/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/state/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAEV,eAAe,EAGf,aAAa,EAEd,MAAM,UAAU,CAAA;AAmEjB;;GAEG;AACH,wBAAgB,eAAe,CAAC,aAAa,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,GAAG,aAAa,CAgOtF;AA6BD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,GAAG,GAAG,EACjC,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,CAAC,EAChB,UAAU,CAAC,EAAE,eAAe,GAC3B;IACD,KAAK,EAAE,MAAM,CAAC,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,KAAK,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAC/B,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,KAAK,EAAE,MAAM,OAAO,CAAA;IACpB,KAAK,EAAE,MAAM,OAAO,CAAA;IACpB,UAAU,EAAE,MAAM,OAAO,CAAA;IACzB,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAqEA;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;;;6CAqB9C,OAAO,CAAC,OAAO,CAAC;wBAoBxC,OAAO;0BASH,MAAM,KAAG,OAAO;0BAQlB,aAAa,GAAG,SAAS;wBAI3B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;4BAaT,OAAO,CAAC,OAAO,CAAC;6BAexB,MAAM;iCACF,MAAM;6BACV,MAAM;EAGlC;AAGD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/state/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAEV,eAAe,EAGf,aAAa,EAEd,MAAM,UAAU,CAAA;AAmEjB;;GAEG;AACH,wBAAgB,eAAe,CAC7B,aAAa,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,GACtC,aAAa,CAgOf;AAgCD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,GAAG,GAAG,EACjC,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,CAAC,EAChB,UAAU,CAAC,EAAE,eAAe,GAC3B;IACD,KAAK,EAAE,MAAM,CAAC,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,KAAK,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAC/B,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,KAAK,EAAE,MAAM,OAAO,CAAA;IACpB,KAAK,EAAE,MAAM,OAAO,CAAA;IACpB,UAAU,EAAE,MAAM,OAAO,CAAA;IACzB,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAsEA;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,MAAM,EAAE,EACf,aAAa,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;;;6CAwBU,OAAO,CAAC,OAAO,CAAC;wBAoBxC,OAAO;0BASH,MAAM,KAAG,OAAO;0BAQlB,aAAa,GAAG,SAAS;wBAI3B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;4BAaT,OAAO,CAAC,OAAO,CAAC;6BAiBxB,MAAM;iCACF,MAAM;6BACV,MAAM;EAGlC;AAGD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA"}