@tachui/forms 0.7.0-alpha1

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

@@ -0,0 +1,1075 @@
+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