@tachui/forms 0.7.0-alpha1 → 0.7.1-alpha

package/dist/forms-inputs-6QdeMWFk.js

@@ -1,1075 +0,0 @@
-import { createSignal as B, createEffect as E, h as t, text as f, isSignal as Fe } from "@tachui/core";
-import { c as z } from "./forms-core-B1bx1drO.js";
-const le = (e) => {
-  const {
-    name: a,
-    label: r,
-    disabled: n = !1,
-    required: d = !1,
-    checked: c,
-    defaultChecked: h = !1,
-    indeterminate: k = !1,
-    validation: g,
-    onChange: $,
-    onBlur: F,
-    onFocus: V,
-    error: P,
-    helperText: C,
-    ...b
-  } = e, s = e._formContext, l = z(a, c ?? h, g);
-  s && s.register(a, g);
-  const [u, y] = B(!1);
-  c !== void 0 && E(() => {
-    l.value() !== c && l.setValue(c);
-  });
-  const L = (D) => {
-    const x = D.target.checked;
-    l.setValue(x), s && s.setValue(a, x), $ && $(a, x, l);
-  }, i = (D) => {
-    y(!0), l.onFocus(), V && V(a, l.value());
-  }, v = (D) => {
-    y(!1), l.onBlur(), F && F(a, l.value());
-  }, o = P || l.error() || s?.getError(a), w = (D) => {
-    if (D.key === " " || D.key === "Enter") {
-      D.preventDefault();
-      const _ = D.target;
-      _.checked = !_.checked, L(D);
-    }
-  };
-  return {
-    type: "component",
-    id: b.id || `checkbox-${a}`,
-    render: () => t(
-      "div",
-      {
-        ...b,
-        class: `tachui-checkbox ${b.class || ""}`.trim(),
-        "data-tachui-checkbox-container": !0,
-        "data-field-state": o ? "error" : l.validating() ? "validating" : "valid",
-        "data-checked": l.value(),
-        "data-indeterminate": k,
-        "data-disabled": n
-      },
-      // Checkbox input and label wrapper
-      t(
-        "label",
-        {
-          "data-tachui-checkbox-label": !0,
-          "data-focused": u(),
-          "data-disabled": n
-        },
-        // Hidden native checkbox for accessibility
-        t("input", {
-          type: "checkbox",
-          id: b.id || a,
-          name: a,
-          checked: l.value(),
-          disabled: n,
-          required: d,
-          onchange: L,
-          onfocus: i,
-          onblur: v,
-          onkeydown: w,
-          "aria-invalid": !!o,
-          "aria-describedby": [o ? `${a}-error` : null, C ? `${a}-helper` : null].filter(Boolean).join(" ") || void 0,
-          "data-tachui-checkbox-input": !0,
-          style: {
-            position: "absolute",
-            opacity: "0",
-            width: "1px",
-            height: "1px",
-            margin: "-1px",
-            padding: "0",
-            border: "0",
-            clip: "rect(0,0,0,0)"
-          }
-        }),
-        // Custom checkbox visual
-        t(
-          "div",
-          {
-            "data-tachui-checkbox-visual": !0,
-            "data-checked": l.value(),
-            "data-indeterminate": k,
-            "data-focused": u(),
-            "data-disabled": n,
-            "data-error": !!o,
-            "aria-hidden": "true",
-            role: "presentation"
-          },
-          ...l.value() || k ? [
-            t(
-              "div",
-              {
-                "data-tachui-checkbox-indicator": !0,
-                "data-type": k ? "indeterminate" : "checked"
-              },
-              f(k ? "−" : "✓")
-            )
-          ] : []
-        ),
-        ...r ? [
-          t(
-            "span",
-            {
-              "data-tachui-checkbox-text": !0,
-              "data-disabled": n
-            },
-            f(r),
-            ...d ? [
-              t(
-                "span",
-                {
-                  "aria-label": "required",
-                  "data-required-indicator": !0
-                },
-                f(" *")
-              )
-            ] : []
-          )
-        ] : []
-      ),
-      ...o ? [
-        t(
-          "div",
-          {
-            id: `${a}-error`,
-            role: "alert",
-            "aria-live": "polite",
-            "data-tachui-error": !0
-          },
-          f(o)
-        )
-      ] : [],
-      ...C && !o ? [
-        t(
-          "div",
-          {
-            id: `${a}-helper`,
-            "data-tachui-helper": !0
-          },
-          f(C)
-        )
-      ] : [],
-      ...l.validating() ? [
-        t(
-          "div",
-          {
-            "data-tachui-validation-spinner": !0,
-            "aria-label": "Validating..."
-          },
-          f("⏳")
-        )
-      ] : []
-    ),
-    props: e,
-    cleanup: [
-      () => {
-        s && s.unregister(a);
-      }
-    ]
-  };
-}, Pe = (e) => {
-  const { size: a = "medium", ...r } = e, n = {
-    ...r,
-    class: `tachui-switch tachui-switch-${a} ${r.class || ""}`.trim()
-  }, d = le(n);
-  return {
-    ...d,
-    render: () => {
-      const c = d.render();
-      return Array.isArray(c) ? c.map((h) => ({
-        ...h,
-        props: {
-          ...h.props,
-          "data-tachui-switch": !0,
-          "data-switch-size": a
-        }
-      })) : {
-        ...c,
-        props: {
-          ...c.props,
-          "data-tachui-switch": !0,
-          "data-switch-size": a
-        }
-      };
-    }
-  };
-}, Se = (e) => {
-  const {
-    name: a,
-    label: r,
-    options: n,
-    value: d,
-    defaultValue: c = [],
-    onChange: h,
-    validation: k,
-    error: g,
-    helperText: $,
-    disabled: F = !1,
-    required: V = !1,
-    direction: P = "vertical",
-    ...C
-  } = e, b = z(a, d ?? c, k), s = (u, y) => {
-    const L = b.value() || [];
-    let i;
-    y ? i = [...L, u] : i = L.filter((v) => v !== u), b.setValue(i), h && h(a, i, u);
-  };
-  return {
-    type: "component",
-    id: C.id || `checkbox-group-${a}`,
-    render: () => t(
-      "fieldset",
-      {
-        ...C,
-        "data-tachui-checkbox-group": !0,
-        "data-direction": P,
-        "data-disabled": F
-      },
-      ...r ? [
-        t(
-          "legend",
-          {
-            "data-tachui-group-label": !0
-          },
-          f(r),
-          ...V ? [
-            t(
-              "span",
-              {
-                "aria-label": "required",
-                "data-required-indicator": !0
-              },
-              f(" *")
-            )
-          ] : []
-        )
-      ] : [],
-      // Checkbox options
-      t(
-        "div",
-        {
-          "data-tachui-checkbox-options": !0,
-          "data-direction": P
-        },
-        ...n.flatMap((u, y) => {
-          const i = le({
-            name: `${a}-${y}`,
-            label: u.label,
-            checked: (b.value() || []).includes(u.value),
-            disabled: F || u.disabled,
-            onChange: (v, o) => s(u.value, o)
-          }).render();
-          return Array.isArray(i) ? i : [i];
-        })
-      ),
-      ...g ? [
-        t(
-          "div",
-          {
-            id: `${a}-error`,
-            role: "alert",
-            "aria-live": "polite",
-            "data-tachui-error": !0
-          },
-          f(g)
-        )
-      ] : [],
-      ...$ && !g ? [
-        t(
-          "div",
-          {
-            id: `${a}-helper`,
-            "data-tachui-helper": !0
-          },
-          f($)
-        )
-      ] : []
-    ),
-    props: e
-  };
-}, Le = (e) => {
-  const {
-    name: a,
-    value: r,
-    label: n,
-    checked: d,
-    groupName: c,
-    disabled: h = !1,
-    required: k = !1,
-    validation: g,
-    onChange: $,
-    onBlur: F,
-    onFocus: V,
-    error: P,
-    helperText: C,
-    ...b
-  } = e, s = e._formContext, l = c || a, u = z(l, d ? r : void 0, g);
-  s && s.register(l, g);
-  const [y, L] = B(!1), i = () => u.value() === r, v = (x) => {
-    x.target.checked && (u.setValue(r), s && s.setValue(l, r), $ && $(l, r, u));
-  }, o = (x) => {
-    L(!0), u.onFocus(), V && V(l, u.value());
-  }, w = (x) => {
-    L(!1), u.onBlur(), F && F(l, u.value());
-  }, I = P || u.error() || s?.getError(l), D = (x) => {
-    (x.key === " " || x.key === "Enter") && (x.preventDefault(), v(x));
-  };
-  return {
-    type: "component",
-    id: b.id || `radio-${l}-${r}`,
-    render: () => t(
-      "div",
-      {
-        ...b,
-        class: `tachui-radio ${b.class || ""}`.trim(),
-        "data-tachui-radio-container": !0,
-        "data-field-state": I ? "error" : u.validating() ? "validating" : "valid",
-        "data-checked": i(),
-        "data-disabled": h
-      },
-      // Radio input and label wrapper
-      t(
-        "label",
-        {
-          "data-tachui-radio-label": !0,
-          "data-focused": y(),
-          "data-disabled": h
-        },
-        // Hidden native radio for accessibility
-        t("input", {
-          type: "radio",
-          id: b.id || `${l}-${r}`,
-          name: l,
-          value: r,
-          checked: i(),
-          disabled: h,
-          required: k,
-          onchange: v,
-          onfocus: o,
-          onblur: w,
-          onkeydown: D,
-          "aria-invalid": !!I,
-          "aria-describedby": [
-            I ? `${l}-error` : null,
-            C ? `${l}-helper` : null
-          ].filter(Boolean).join(" ") || void 0,
-          "data-tachui-radio-input": !0,
-          style: {
-            position: "absolute",
-            opacity: "0",
-            width: "1px",
-            height: "1px",
-            margin: "-1px",
-            padding: "0",
-            border: "0",
-            clip: "rect(0,0,0,0)"
-          }
-        }),
-        // Custom radio visual
-        t(
-          "div",
-          {
-            "data-tachui-radio-visual": !0,
-            "data-checked": i(),
-            "data-focused": y(),
-            "data-disabled": h,
-            "data-error": !!I,
-            "aria-hidden": "true",
-            role: "presentation"
-          },
-          ...i() ? [
-            t("div", {
-              "data-tachui-radio-dot": !0
-            })
-          ] : []
-        ),
-        ...n ? [
-          t(
-            "span",
-            {
-              "data-tachui-radio-text": !0,
-              "data-disabled": h
-            },
-            f(n),
-            ...k ? [
-              t(
-                "span",
-                {
-                  "aria-label": "required",
-                  "data-required-indicator": !0
-                },
-                f(" *")
-              )
-            ] : []
-          )
-        ] : []
-      )
-    ),
-    props: e,
-    cleanup: [
-      () => {
-      }
-    ]
-  };
-}, qe = (e) => {
-  const {
-    name: a,
-    label: r,
-    options: n,
-    value: d,
-    defaultValue: c,
-    onChange: h,
-    validation: k,
-    error: g,
-    helperText: $,
-    disabled: F = !1,
-    required: V = !1,
-    direction: P = "vertical",
-    ...C
-  } = e, b = e._formContext, s = z(a, d ?? c, k);
-  b && b.register(a, k), d !== void 0 && E(() => {
-    s.value() !== d && s.setValue(d);
-  });
-  const l = (i) => {
-    s.setValue(i), b && b.setValue(a, i), h && h(a, i);
-  }, u = (i) => {
-    const v = n.findIndex((w) => w.value === s.value());
-    let o = v;
-    switch (i.key) {
-      case "ArrowDown":
-      case "ArrowRight":
-        i.preventDefault(), o = (v + 1) % n.length;
-        break;
-      case "ArrowUp":
-      case "ArrowLeft":
-        i.preventDefault(), o = v === 0 ? n.length - 1 : v - 1;
-        break;
-      case "Home":
-        i.preventDefault(), o = 0;
-        break;
-      case "End":
-        i.preventDefault(), o = n.length - 1;
-        break;
-      default:
-        return;
-    }
-    for (; n[o]?.disabled && (i.key === "ArrowDown" || i.key === "ArrowRight" ? o = (o + 1) % n.length : o = o === 0 ? n.length - 1 : o - 1, o !== v); )
-      ;
-    n[o]?.disabled || (l(n[o].value), setTimeout(() => {
-      const w = document.querySelector(
-        `input[name="${a}"][value="${n[o].value}"]`
-      );
-      w && w.focus();
-    }, 0));
-  }, y = g || s.error();
-  return {
-    type: "component",
-    id: C.id || `radio-group-${a}`,
-    render: () => t(
-      "fieldset",
-      {
-        ...C,
-        "data-tachui-radio-group": !0,
-        "data-direction": P,
-        "data-disabled": F,
-        role: "radiogroup",
-        "aria-invalid": !!y,
-        "aria-describedby": [y ? `${a}-error` : null, $ ? `${a}-helper` : null].filter(Boolean).join(" ") || void 0,
-        onkeydown: u
-      },
-      ...r ? [
-        t(
-          "legend",
-          {
-            "data-tachui-group-label": !0
-          },
-          f(r),
-          ...V ? [
-            t(
-              "span",
-              {
-                "aria-label": "required",
-                "data-required-indicator": !0
-              },
-              f(" *")
-            )
-          ] : []
-        )
-      ] : [],
-      // Radio options
-      t(
-        "div",
-        {
-          "data-tachui-radio-options": !0,
-          "data-direction": P
-        },
-        ...n.flatMap((i, v) => {
-          const w = Le({
-            name: `${a}-${v}`,
-            groupName: a,
-            value: i.value,
-            label: i.label,
-            checked: s.value() === i.value,
-            disabled: F || i.disabled,
-            required: V,
-            onChange: () => l(i.value),
-            _formContext: b
-          }).render();
-          return Array.isArray(w) ? w : [w];
-        })
-      ),
-      ...y ? [
-        t(
-          "div",
-          {
-            id: `${a}-error`,
-            role: "alert",
-            "aria-live": "polite",
-            "data-tachui-error": !0
-          },
-          f(y)
-        )
-      ] : [],
-      ...$ && !y ? [
-        t(
-          "div",
-          {
-            id: `${a}-helper`,
-            "data-tachui-helper": !0
-          },
-          f($)
-        )
-      ] : []
-    ),
-    props: e,
-    cleanup: [
-      () => {
-        b && b.unregister(a);
-      }
-    ]
-  };
-}, O = {
-  /**
-   * Phone number formatter (US format)
-   */
-  phone: (e) => {
-    const a = e.replace(/\D/g, "");
-    return a.length <= 3 ? a : a.length <= 6 ? `(${a.slice(0, 3)}) ${a.slice(3)}` : `(${a.slice(0, 3)}) ${a.slice(3, 6)}-${a.slice(6, 10)}`;
-  },
-  /**
-   * Credit card formatter
-   */
-  creditCard: (e) => e.replace(/\D/g, "").replace(/(\d{4})(?=\d)/g, "$1 "),
-  /**
-   * Currency formatter
-   */
-  currency: (e) => {
-    const a = parseFloat(e.replace(/[^\d.]/g, ""));
-    return Number.isNaN(a) ? "" : new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD"
-    }).format(a);
-  },
-  /**
-   * Uppercase formatter
-   */
-  uppercase: (e) => e.toUpperCase(),
-  /**
-   * Lowercase formatter
-   */
-  lowercase: (e) => e.toLowerCase(),
-  /**
-   * Title case formatter
-   */
-  titleCase: (e) => e.replace(
-    /\w\S*/g,
-    (a) => a.charAt(0).toUpperCase() + a.substr(1).toLowerCase()
-  ),
-  /**
-   * Social Security Number formatter
-   */
-  ssn: (e) => {
-    const a = e.replace(/\D/g, "");
-    return a.length <= 3 ? a : a.length <= 5 ? `${a.slice(0, 3)}-${a.slice(3)}` : `${a.slice(0, 3)}-${a.slice(3, 5)}-${a.slice(5, 9)}`;
-  },
-  /**
-   * Postal code formatter (US ZIP)
-   */
-  postalCode: (e) => {
-    const a = e.replace(/\D/g, "");
-    return a.length <= 5 ? a : `${a.slice(0, 5)}-${a.slice(5, 9)}`;
-  },
-  /**
-   * Decimal number formatter
-   */
-  decimal: (e = 2) => (a) => {
-    const r = parseFloat(a.replace(/[^\d.-]/g, ""));
-    return Number.isNaN(r) ? "" : r.toFixed(e);
-  },
-  /**
-   * Percentage formatter
-   */
-  percentage: (e) => {
-    const a = parseFloat(e.replace(/[^\d.-]/g, ""));
-    return Number.isNaN(a) ? "" : `${a}%`;
-  },
-  /**
-   * Custom formatter factory
-   */
-  custom: (e) => e
-}, R = {
-  /**
-   * Phone number parser - extracts digits only
-   */
-  phone: (e) => e.replace(/\D/g, ""),
-  /**
-   * Credit card parser - extracts digits only
-   */
-  creditCard: (e) => e.replace(/\D/g, ""),
-  /**
-   * Currency parser - extracts numeric value
-   */
-  currency: (e) => {
-    const a = e.match(/[\d.-]+/);
-    return a ? a[0] : "";
-  },
-  /**
-   * SSN parser - extracts digits only
-   */
-  ssn: (e) => e.replace(/\D/g, ""),
-  /**
-   * Postal code parser - extracts digits only
-   */
-  postalCode: (e) => e.replace(/\D/g, ""),
-  /**
-   * Decimal parser - extracts number
-   */
-  decimal: (e) => {
-    const a = e.match(/^-?\d*\.?\d*/);
-    return a ? a[0] : "";
-  },
-  /**
-   * Percentage parser - extracts number without %
-   */
-  percentage: (e) => e.replace(/[^\d.-]/g, ""),
-  /**
-   * No-op parser (returns value unchanged)
-   */
-  none: (e) => e,
-  /**
-   * Custom parser factory
-   */
-  custom: (e) => e
-}, Q = (e, a) => e === void 0 ? a : typeof e == "function" || Fe(e) ? e() : e, T = (e) => {
-  const {
-    name: a,
-    label: r,
-    placeholder: n,
-    type: d = "text",
-    multiline: c = !1,
-    rows: h = 3,
-    minLength: k,
-    maxLength: g,
-    pattern: $,
-    autocomplete: F,
-    spellcheck: V = !0,
-    disabled: P = !1,
-    required: C = !1,
-    validation: b,
-    value: s,
-    defaultValue: l = "",
-    onChange: u,
-    onBlur: y,
-    onFocus: L,
-    error: i,
-    helperText: v,
-    // New enhanced features
-    keyboardType: o = "default",
-    returnKeyType: w,
-    autoCapitalize: I,
-    autoFocus: D = !1,
-    accessibilityLabel: _,
-    accessibilityHint: x,
-    accessibilityRole: X = "textbox",
-    formatter: K,
-    parser: j,
-    validateOnChange: ne = !1,
-    validateOnBlur: oe = !0,
-    font: S,
-    textAlign: Y,
-    text: H,
-    placeholderSignal: G,
-    disabledSignal: W,
-    ...U
-  } = e, q = e._formContext, p = z(a, s ?? l, b);
-  q && q.register(a, b);
-  const [de, Z] = B(!1), [ee, ce] = B(0), [se, ue] = B(""), [he, be] = B(""), [fe, pe] = B(!1);
-  E(() => {
-    if (H) {
-      const m = Q(H, "");
-      ue(m), m !== p.value() && p.setValue(m);
-    }
-  }), E(() => {
-    G && be(Q(G, ""));
-  }), E(() => {
-    W && pe(Q(W, !1));
-  }), s !== void 0 && E(() => {
-    p.value() !== s && p.setValue(s);
-  }), E(() => {
-    const m = p.value() || "";
-    ce(String(m).length);
-  });
-  const ae = (m) => {
-    if (K)
-      try {
-        return K(m);
-      } catch (N) {
-        return console.warn("TextField formatter error:", N), m;
-      }
-    return m;
-  }, me = (m) => {
-    if (j)
-      try {
-        return j(m);
-      } catch (N) {
-        return console.warn("TextField parser error:", N), m;
-      }
-    return m;
-  }, ve = (m) => {
-    const N = m.target, te = N.value, M = me(te), re = ae(M);
-    if (p.setValue(M), re !== te && N) {
-      const ie = N.selectionStart || 0;
-      N.value = re, N.setSelectionRange(ie, ie);
-    }
-    q && q.setValue(a, M), ne && p.validate(), u && u(a, M, p);
-  }, ye = (m) => {
-    Z(!0), p.onFocus(), L && L(a, p.value());
-  }, ge = (m) => {
-    Z(!1), p.onBlur(), oe && p.validate(), y && y(a, p.value());
-  }, xe = (m) => {
-    m.key === "Enter" && !c && (m.preventDefault(), q?.submitForm && q.submitForm());
-  }, A = i || p.error() || q?.getError(a), ke = G ? he() : n, Ce = W ? fe() : P, $e = H ? se() : p.value() || "", we = ae($e), J = {
-    id: U.id || a,
-    name: a,
-    value: we,
-    placeholder: ke,
-    disabled: Ce,
-    required: C,
-    minlength: k,
-    maxlength: g,
-    pattern: $,
-    autocomplete: F,
-    spellcheck: V,
-    oninput: ve,
-    onfocus: ye,
-    onblur: ge,
-    onkeydown: xe,
-    // Enhanced accessibility
-    "aria-invalid": !!A,
-    "aria-describedby": [
-      A ? `${a}-error` : null,
-      v ? `${a}-helper` : null,
-      g ? `${a}-counter` : null,
-      x ? `${a}-hint` : null
-    ].filter(Boolean).join(" ") || void 0,
-    "aria-label": _,
-    role: X,
-    // Mobile features
-    inputMode: o !== "default" ? o : void 0,
-    enterKeyHint: w,
-    autoCapitalize: I,
-    autoFocus: D,
-    // Data attributes for styling and debugging
-    "data-tachui-textfield": !0,
-    "data-field-name": a,
-    "data-field-type": d,
-    "data-field-valid": !A,
-    "data-field-touched": p.touched(),
-    "data-field-dirty": p.dirty(),
-    "data-field-focused": de(),
-    "data-field-validating": p.validating(),
-    "data-field-has-formatter": !!K,
-    "data-field-has-parser": !!j,
-    // Typography styling
-    style: {
-      ...S?.family && { fontFamily: S.family },
-      ...S?.size && { fontSize: typeof S.size == "number" ? `${S.size}px` : S.size },
-      ...S?.weight && { fontWeight: S.weight },
-      ...S?.style && { fontStyle: S.style },
-      ...Y && { textAlign: Y }
-      // Additional styling can be applied via modifiers
-    }
-  };
-  return d && !c && (J.type = d), {
-    type: "component",
-    id: U.id || `textfield-${a}`,
-    render: () => t(
-      "div",
-      {
-        ...U,
-        class: `tachui-textfield ${U.class || ""}`.trim(),
-        "data-tachui-textfield-container": !0,
-        "data-field-state": A ? "error" : p.validating() ? "validating" : "valid"
-      },
-      ...r ? [
-        t(
-          "label",
-          {
-            for: J.id,
-            "data-tachui-label": !0,
-            "data-required": C
-          },
-          f(r),
-          ...C ? [
-            t(
-              "span",
-              {
-                "aria-label": "required",
-                "data-required-indicator": !0
-              },
-              f(" *")
-            )
-          ] : []
-        )
-      ] : [],
-      // Input field
-      t(c ? "textarea" : "input", {
-        ...J,
-        ...c ? { rows: h } : {}
-      }),
-      ...g ? [
-        t(
-          "div",
-          {
-            id: `${a}-counter`,
-            "data-tachui-character-counter": !0,
-            "data-over-limit": ee() > g
-          },
-          f(`${ee()}/${g}`)
-        )
-      ] : [],
-      ...A ? [
-        t(
-          "div",
-          {
-            id: `${a}-error`,
-            role: "alert",
-            "aria-live": "polite",
-            "data-tachui-error": !0
-          },
-          f(A)
-        )
-      ] : [],
-      ...v && !A ? [
-        t(
-          "div",
-          {
-            id: `${a}-helper`,
-            "data-tachui-helper": !0
-          },
-          f(v)
-        )
-      ] : [],
-      ...x ? [
-        t(
-          "div",
-          {
-            id: `${a}-hint`,
-            "data-tachui-accessibility-hint": !0,
-            "aria-hidden": "true"
-          },
-          f(x)
-        )
-      ] : [],
-      ...p.validating() ? [
-        t(
-          "div",
-          {
-            "data-tachui-validation-spinner": !0,
-            "aria-label": "Validating...",
-            "aria-live": "polite"
-          },
-          f("⏳")
-        )
-      ] : []
-    ),
-    props: e,
-    cleanup: [
-      () => {
-        q && q.unregister(a);
-      }
-    ]
-  };
-}, Ne = (e) => T({
-  ...e,
-  type: "email",
-  keyboardType: "email",
-  validation: {
-    rules: ["required", "email"],
-    validateOn: "blur",
-    ...e.validation
-  },
-  accessibilityRole: "textbox",
-  accessibilityLabel: e.accessibilityLabel || "Email address"
-}), Ie = (e) => {
-  const {
-    showStrengthIndicator: a = !1,
-    strongValidation: r = !1,
-    minLength: n,
-    ...d
-  } = e, c = ["required"];
-  return r ? c.push("strongPassword") : (c.push("minLength"), c.push({ name: "minLength", options: { minLength: n || 6 } })), T({
-    ...d,
-    type: "password",
-    validation: {
-      rules: c,
-      validateOn: "change",
-      ...e.validation
-    },
-    accessibilityLabel: e.accessibilityLabel || "Password"
-  });
-}, Ae = (e) => T({
-  ...e,
-  type: "search",
-  keyboardType: "search",
-  placeholder: e.placeholder || "Search...",
-  accessibilityRole: "searchbox",
-  accessibilityLabel: e.accessibilityLabel || "Search"
-}), Be = (e) => T({
-  ...e,
-  type: "url",
-  keyboardType: "url",
-  validation: {
-    rules: ["url"],
-    validateOn: "blur",
-    ...e.validation
-  },
-  accessibilityLabel: e.accessibilityLabel || "Website URL"
-}), Ee = (e) => {
-  const { format: a = "us", ...r } = e;
-  return T({
-    ...r,
-    type: "tel",
-    keyboardType: "phone",
-    formatter: O.phone,
-    parser: R.phone,
-    validation: {
-      rules: ["phone"],
-      validateOn: "blur",
-      ...e.validation
-    },
-    accessibilityLabel: e.accessibilityLabel || "Phone number"
-  });
-}, _e = (e) => {
-  const { min: a, max: r, precision: n = 0, currency: d = !1, ...c } = e, h = ["numeric"];
-  return a !== void 0 && (h.push("min"), h.push({ name: "min", options: { min: a } })), r !== void 0 && (h.push("max"), h.push({ name: "max", options: { max: r } })), T({
-    ...c,
-    type: "number",
-    keyboardType: "numeric",
-    formatter: d ? O.currency : n > 0 ? O.decimal(n) : void 0,
-    parser: d ? R.currency : R.decimal,
-    validation: {
-      rules: h,
-      validateOn: "blur",
-      ...e.validation
-    },
-    accessibilityLabel: e.accessibilityLabel || "Number"
-  });
-}, Oe = (e) => T({
-  ...e,
-  type: "text",
-  keyboardType: "numeric",
-  formatter: O.creditCard,
-  parser: R.creditCard,
-  maxLength: 19,
-  // 16 digits + 3 spaces
-  validation: {
-    rules: ["creditCard"],
-    validateOn: "blur",
-    ...e.validation
-  },
-  accessibilityLabel: e.accessibilityLabel || "Credit card number"
-}), Re = (e) => T({
-  ...e,
-  type: "text",
-  keyboardType: "numeric",
-  formatter: O.ssn,
-  parser: R.ssn,
-  maxLength: 11,
-  // 9 digits + 2 hyphens
-  validation: {
-    rules: ["ssn"],
-    validateOn: "blur",
-    ...e.validation
-  },
-  accessibilityLabel: e.accessibilityLabel || "Social Security Number"
-}), ze = (e) => T({
-  ...e,
-  type: "text",
-  keyboardType: "numeric",
-  formatter: O.postalCode,
-  parser: R.postalCode,
-  maxLength: 10,
-  // 5 or 9 digits + hyphen
-  validation: {
-    rules: ["zipCode"],
-    // Use zipCode to match test expectation
-    validateOn: "blur",
-    ...e.validation
-  },
-  accessibilityLabel: e.accessibilityLabel || "Postal code"
-}), Ue = (e) => T({
-  ...e,
-  multiline: !0,
-  accessibilityLabel: e.accessibilityLabel || "Text area"
-}), Me = (e) => {
-  const { min: a, max: r, ...n } = e, d = ["date"];
-  return a && d.push({ name: "min", options: { min: new Date(a) } }), r && d.push({ name: "max", options: { max: new Date(r) } }), T({
-    ...n,
-    type: "date",
-    validation: {
-      rules: d,
-      validateOn: "blur",
-      ...e.validation
-    },
-    accessibilityLabel: e.accessibilityLabel || "Date"
-  });
-}, Ke = (e) => T({
-  ...e,
-  type: "time",
-  validation: {
-    rules: ["time"],
-    validateOn: "blur",
-    ...e.validation
-  },
-  accessibilityLabel: e.accessibilityLabel || "Time"
-}), je = (e) => T({
-  ...e,
-  type: "color",
-  accessibilityLabel: e.accessibilityLabel || "Color picker"
-});
-export {
-  le as C,
-  Me as D,
-  Ne as E,
-  _e as N,
-  Ie as P,
-  Le as R,
-  Pe as S,
-  Ue as T,
-  Be as U,
-  Se as a,
-  qe as b,
-  je as c,
-  Oe as d,
-  Ee as e,
-  ze as f,
-  Ae as g,
-  Re as h,
-  T as i,
-  Ke as j,
-  O as k,
-  R as l
-};
-//# sourceMappingURL=forms-inputs-6QdeMWFk.js.map