@tachui/forms 0.8.15 → 0.8.16

package/dist/{Select-yZyKooXk.js → Select-C2CbXEop.js}

@@ -1,45 +1,46 @@
-import { createSignal as M, createEffect as N, h as n, text as s, useLifecycle as te, setupOutsideClickDetection as re } from "@tachui/core";
-import { a as T } from "./index-D3WfkqVv.js";
-const Q = (p) => {
+import { createSignal as E, createEffect as H, h as n, text as s, useLifecycle as ne, setupOutsideClickDetection as de } from "@tachui/core";
+import { a as R } from "./index-D3WfkqVv.js";
+const J = (p) => {
   const {
     name: e,
     label: f,
-    disabled: o = !1,
+    disabled: d = !1,
     required: u = !1,
     checked: v,
-    defaultChecked: m = !1,
-    indeterminate: w = !1,
-    validation: q,
-    onChange: V,
+    defaultChecked: k = !1,
+    indeterminate: C = !1,
+    validation: A,
+    onChange: D,
     onBlur: I,
-    onFocus: D,
+    onFocus: w,
     error: B,
-    helperText: C,
+    helperText: $,
     ...b
-  } = p, h = p._formContext, t = T(
+  } = p, h = p._formContext, t = R(
     e,
-    v ?? m,
-    q
+    v ?? k,
+    A
   );
-  h && h.register(e, q);
-  const [c, k] = M(!1);
-  v !== void 0 && N(() => {
+  h && h.register(e, A);
+  const [c, x] = E(!1);
+  v !== void 0 && H(() => {
     t.value() !== v && t.setValue(v);
   });
-  const S = (x) => {
-    const $ = x.target.checked;
-    t.setValue($), h && h.setValue(e, $), V && V(e, $, t);
-  }, r = (x) => {
-    k(!0), t.onFocus(), D && D(e, t.value());
-  }, g = (x) => {
-    k(!1), t.onBlur(), I && I(e, t.value());
-  }, l = B || t.error() || h?.getError(e), i = (x) => {
-    if (x.key === " " || x.key === "Enter") {
-      x.preventDefault();
-      const E = x.target;
-      E.checked = !E.checked, S(x);
+  const S = (g) => {
+    if (y()) return;
+    const M = g.target.checked;
+    t.setValue(M), h && h.setValue(e, M), D && D(e, M, t);
+  }, r = (g) => {
+    x(!0), t.onFocus(), w && w(e, t.value());
+  }, m = (g) => {
+    x(!1), t.onBlur(), I && I(e, t.value());
+  }, l = B || t.error() || h?.getError(e), i = (g) => {
+    if (!y() && (g.key === " " || g.key === "Enter")) {
+      g.preventDefault();
+      const F = g.target;
+      F.checked = !F.checked, S(g);
     }
-  };
+  }, y = () => typeof d == "function" ? d() : d, q = typeof d == "function" ? d : () => d;
   return {
     type: "component",
     id: b.id || `checkbox-${e}`,
@@ -51,8 +52,8 @@ const Q = (p) => {
         "data-tachui-checkbox-container": !0,
         "data-field-state": l ? "error" : t.validating() ? "validating" : "valid",
         "data-checked": t.value(),
-        "data-indeterminate": w,
-        "data-disabled": o
+        "data-indeterminate": C,
+        "data-disabled": q
       },
       // Checkbox input and label wrapper
       n(
@@ -60,7 +61,7 @@ const Q = (p) => {
         {
           "data-tachui-checkbox-label": !0,
           "data-focused": c(),
-          "data-disabled": o
+          "data-disabled": q
         },
         // Hidden native checkbox for accessibility
         n("input", {
@@ -68,16 +69,16 @@ const Q = (p) => {
           id: b.id || e,
           name: e,
           checked: t.value(),
-          disabled: o,
+          disabled: q,
           required: u,
           onchange: S,
           onfocus: r,
-          onblur: g,
+          onblur: m,
           onkeydown: i,
           "aria-invalid": !!l,
           "aria-describedby": [
             l ? `${e}-error` : null,
-            C ? `${e}-helper` : null
+            $ ? `${e}-helper` : null
           ].filter(Boolean).join(" ") || void 0,
           "data-tachui-checkbox-input": !0,
           style: {
@@ -97,21 +98,21 @@ const Q = (p) => {
           {
             "data-tachui-checkbox-visual": !0,
             "data-checked": t.value(),
-            "data-indeterminate": w,
+            "data-indeterminate": C,
             "data-focused": c(),
-            "data-disabled": o,
+            "data-disabled": q,
             "data-error": !!l,
             "aria-hidden": "true",
             role: "presentation"
           },
-          ...t.value() || w ? [
+          ...t.value() || C ? [
             n(
               "div",
               {
                 "data-tachui-checkbox-indicator": !0,
-                "data-type": w ? "indeterminate" : "checked"
+                "data-type": C ? "indeterminate" : "checked"
               },
-              s(w ? "−" : "✓")
+              s(C ? "−" : "✓")
             )
           ] : []
         ),
@@ -120,7 +121,7 @@ const Q = (p) => {
             "span",
             {
               "data-tachui-checkbox-text": !0,
-              "data-disabled": o
+              "data-disabled": q
             },
             s(f),
             ...u ? [
@@ -148,14 +149,14 @@ const Q = (p) => {
           s(l)
         )
       ] : [],
-      ...C && !l ? [
+      ...$ && !l ? [
         n(
           "div",
           {
             id: `${e}-helper`,
             "data-tachui-helper": !0
           },
-          s(C)
+          s($)
         )
       ] : [],
       ...t.validating() ? [
@@ -176,19 +177,19 @@ const Q = (p) => {
       }
     ]
   };
-}, de = (p) => {
-  const { size: e = "medium", ...f } = p, o = {
+}, ue = (p) => {
+  const { size: e = "medium", ...f } = p, d = {
     ...f,
     class: `tachui-switch tachui-switch-${e} ${f.class || ""}`.trim()
-  }, u = Q(o);
+  }, u = J(d);
   return {
     ...u,
     render: () => {
       const v = u.render();
-      return Array.isArray(v) ? v.map((m) => ({
-        ...m,
+      return Array.isArray(v) ? v.map((k) => ({
+        ...k,
         props: {
-          ...m.props,
+          ...k.props,
           "data-tachui-switch": !0,
           "data-switch-size": e
         }
@@ -202,33 +203,33 @@ const Q = (p) => {
       };
     }
   };
-}, oe = (p) => {
+}, he = (p) => {
   const {
     name: e,
     label: f,
-    options: o,
+    options: d,
     value: u,
     defaultValue: v = [],
-    onChange: m,
-    validation: w,
-    error: q,
-    helperText: V,
+    onChange: k,
+    validation: C,
+    error: A,
+    helperText: D,
     disabled: I = !1,
-    required: D = !1,
+    required: w = !1,
     direction: B = "vertical",
-    ...C
-  } = p, b = T(e, u ?? v, w), h = (c, k) => {
+    ...$
+  } = p, b = R(e, u ?? v, C), h = (c, x) => {
     const S = b.value() || [];
     let r;
-    k ? r = [...S, c] : r = S.filter((g) => g !== c), b.setValue(r), m && m(e, r, c);
+    x ? r = [...S, c] : r = S.filter((m) => m !== c), b.setValue(r), k && k(e, r, c);
   };
   return {
     type: "component",
-    id: C.id || `checkbox-group-${e}`,
+    id: $.id || `checkbox-group-${e}`,
     render: () => n(
       "fieldset",
       {
-        ...C,
+        ...$,
         "data-tachui-checkbox-group": !0,
         "data-direction": B,
         "data-disabled": I
@@ -240,7 +241,7 @@ const Q = (p) => {
             "data-tachui-group-label": !0
           },
           s(f),
-          ...D ? [
+          ...w ? [
             n(
               "span",
               {
@@ -259,18 +260,18 @@ const Q = (p) => {
           "data-tachui-checkbox-options": !0,
           "data-direction": B
         },
-        ...o.flatMap((c, k) => {
-          const r = Q({
-            name: `${e}-${k}`,
+        ...d.flatMap((c, x) => {
+          const r = J({
+            name: `${e}-${x}`,
             label: c.label,
             checked: (b.value() || []).includes(c.value),
             disabled: I || c.disabled,
-            onChange: (g, l) => h(c.value, l)
+            onChange: (m, l) => h(c.value, l)
           }).render();
           return Array.isArray(r) ? r : [r];
         })
       ),
-      ...q ? [
+      ...A ? [
         n(
           "div",
           {
@@ -279,52 +280,52 @@ const Q = (p) => {
             "aria-live": "polite",
             "data-tachui-error": !0
           },
-          s(q)
+          s(A)
         )
       ] : [],
-      ...V && !q ? [
+      ...D && !A ? [
         n(
           "div",
           {
             id: `${e}-helper`,
             "data-tachui-helper": !0
           },
-          s(V)
+          s(D)
         )
       ] : []
     ),
     props: p
   };
-}, le = (p) => {
+}, oe = (p) => {
   const {
     name: e,
     value: f,
-    label: o,
+    label: d,
     checked: u,
     groupName: v,
-    disabled: m = !1,
-    required: w = !1,
-    validation: q,
-    onChange: V,
+    disabled: k = !1,
+    required: C = !1,
+    validation: A,
+    onChange: D,
     onBlur: I,
-    onFocus: D,
+    onFocus: w,
     error: B,
-    helperText: C,
+    helperText: $,
     ...b
-  } = p, h = p._formContext, t = v || e, c = T(
+  } = p, h = p._formContext, t = v || e, c = R(
     t,
     u ? f : void 0,
-    q
+    A
   );
-  h && h.register(t, q);
-  const [k, S] = M(!1), r = () => c.value() === f, g = ($) => {
-    $.target.checked && (c.setValue(f), h && h.setValue(t, f), V && V(t, f, c));
-  }, l = ($) => {
-    S(!0), c.onFocus(), D && D(t, c.value());
-  }, i = ($) => {
+  h && h.register(t, A);
+  const [x, S] = E(!1), r = () => c.value() === f, m = (g) => {
+    g.target.checked && (c.setValue(f), h && h.setValue(t, f), D && D(t, f, c));
+  }, l = (g) => {
+    S(!0), c.onFocus(), w && w(t, c.value());
+  }, i = (g) => {
     S(!1), c.onBlur(), I && I(t, c.value());
-  }, y = B || c.error() || h?.getError(t), x = ($) => {
-    ($.key === " " || $.key === "Enter") && ($.preventDefault(), g($));
+  }, y = B || c.error() || h?.getError(t), q = (g) => {
+    (g.key === " " || g.key === "Enter") && (g.preventDefault(), m(g));
   };
   return {
     type: "component",
@@ -337,15 +338,15 @@ const Q = (p) => {
         "data-tachui-radio-container": !0,
         "data-field-state": y ? "error" : c.validating() ? "validating" : "valid",
         "data-checked": r(),
-        "data-disabled": m
+        "data-disabled": k
       },
       // Radio input and label wrapper
       n(
         "label",
         {
           "data-tachui-radio-label": !0,
-          "data-focused": k(),
-          "data-disabled": m
+          "data-focused": x(),
+          "data-disabled": k
         },
         // Hidden native radio for accessibility
         n("input", {
@@ -354,16 +355,16 @@ const Q = (p) => {
           name: t,
           value: f,
           checked: r(),
-          disabled: m,
-          required: w,
-          onchange: g,
+          disabled: k,
+          required: C,
+          onchange: m,
           onfocus: l,
           onblur: i,
-          onkeydown: x,
+          onkeydown: q,
           "aria-invalid": !!y,
           "aria-describedby": [
             y ? `${t}-error` : null,
-            C ? `${t}-helper` : null
+            $ ? `${t}-helper` : null
           ].filter(Boolean).join(" ") || void 0,
           "data-tachui-radio-input": !0,
           style: {
@@ -383,8 +384,8 @@ const Q = (p) => {
           {
             "data-tachui-radio-visual": !0,
             "data-checked": r(),
-            "data-focused": k(),
-            "data-disabled": m,
+            "data-focused": x(),
+            "data-disabled": k,
             "data-error": !!y,
             "aria-hidden": "true",
             role: "presentation"
@@ -395,15 +396,15 @@ const Q = (p) => {
             })
           ] : []
         ),
-        ...o ? [
+        ...d ? [
           n(
             "span",
             {
               "data-tachui-radio-text": !0,
-              "data-disabled": m
+              "data-disabled": k
             },
-            s(o),
-            ...w ? [
+            s(d),
+            ...C ? [
               n(
                 "span",
                 {
@@ -423,72 +424,72 @@ const Q = (p) => {
       }
     ]
   };
-}, ce = (p) => {
+}, pe = (p) => {
   const {
     name: e,
     label: f,
-    options: o,
+    options: d,
     value: u,
     defaultValue: v,
-    onChange: m,
-    validation: w,
-    error: q,
-    helperText: V,
+    onChange: k,
+    validation: C,
+    error: A,
+    helperText: D,
     disabled: I = !1,
-    required: D = !1,
+    required: w = !1,
     direction: B = "vertical",
-    ...C
-  } = p, b = p._formContext, h = T(e, u ?? v, w);
-  b && b.register(e, w), u !== void 0 && N(() => {
+    ...$
+  } = p, b = p._formContext, h = R(e, u ?? v, C);
+  b && b.register(e, C), u !== void 0 && H(() => {
     h.value() !== u && h.setValue(u);
   });
   const t = (r) => {
-    h.setValue(r), b && b.setValue(e, r), m && m(e, r);
+    h.setValue(r), b && b.setValue(e, r), k && k(e, r);
   }, c = (r) => {
-    const g = o.findIndex((i) => i.value === h.value());
-    let l = g;
+    const m = d.findIndex((i) => i.value === h.value());
+    let l = m;
     switch (r.key) {
       case "ArrowDown":
       case "ArrowRight":
-        r.preventDefault(), l = (g + 1) % o.length;
+        r.preventDefault(), l = (m + 1) % d.length;
         break;
       case "ArrowUp":
       case "ArrowLeft":
-        r.preventDefault(), l = g === 0 ? o.length - 1 : g - 1;
+        r.preventDefault(), l = m === 0 ? d.length - 1 : m - 1;
         break;
       case "Home":
         r.preventDefault(), l = 0;
         break;
       case "End":
-        r.preventDefault(), l = o.length - 1;
+        r.preventDefault(), l = d.length - 1;
         break;
       default:
         return;
     }
-    for (; o[l]?.disabled && (r.key === "ArrowDown" || r.key === "ArrowRight" ? l = (l + 1) % o.length : l = l === 0 ? o.length - 1 : l - 1, l !== g); )
+    for (; d[l]?.disabled && (r.key === "ArrowDown" || r.key === "ArrowRight" ? l = (l + 1) % d.length : l = l === 0 ? d.length - 1 : l - 1, l !== m); )
       ;
-    o[l]?.disabled || (t(o[l].value), setTimeout(() => {
+    d[l]?.disabled || (t(d[l].value), setTimeout(() => {
       const i = document.querySelector(
-        `input[name="${e}"][value="${o[l].value}"]`
+        `input[name="${e}"][value="${d[l].value}"]`
       );
       i && i.focus();
     }, 0));
-  }, k = q || h.error();
+  }, x = A || h.error();
   return {
     type: "component",
-    id: C.id || `radio-group-${e}`,
+    id: $.id || `radio-group-${e}`,
     render: () => n(
       "fieldset",
       {
-        ...C,
+        ...$,
         "data-tachui-radio-group": !0,
         "data-direction": B,
         "data-disabled": I,
         role: "radiogroup",
-        "aria-invalid": !!k,
+        "aria-invalid": !!x,
         "aria-describedby": [
-          k ? `${e}-error` : null,
-          V ? `${e}-helper` : null
+          x ? `${e}-error` : null,
+          D ? `${e}-helper` : null
         ].filter(Boolean).join(" ") || void 0,
         onkeydown: c
       },
@@ -499,7 +500,7 @@ const Q = (p) => {
             "data-tachui-group-label": !0
           },
           s(f),
-          ...D ? [
+          ...w ? [
             n(
               "span",
               {
@@ -518,22 +519,22 @@ const Q = (p) => {
           "data-tachui-radio-options": !0,
           "data-direction": B
         },
-        ...o.flatMap((r, g) => {
-          const i = le({
-            name: `${e}-${g}`,
+        ...d.flatMap((r, m) => {
+          const i = oe({
+            name: `${e}-${m}`,
             groupName: e,
             value: r.value,
             label: r.label,
             checked: h.value() === r.value,
             disabled: I || r.disabled,
-            required: D,
+            required: w,
             onChange: () => t(r.value),
             _formContext: b
           }).render();
           return Array.isArray(i) ? i : [i];
         })
       ),
-      ...k ? [
+      ...x ? [
         n(
           "div",
           {
@@ -542,17 +543,17 @@ const Q = (p) => {
             "aria-live": "polite",
             "data-tachui-error": !0
           },
-          s(k)
+          s(x)
         )
       ] : [],
-      ...V && !k ? [
+      ...D && !x ? [
         n(
           "div",
           {
             id: `${e}-helper`,
             "data-tachui-helper": !0
           },
-          s(V)
+          s(D)
         )
       ] : []
     ),
@@ -563,136 +564,140 @@ const Q = (p) => {
       }
     ]
   };
-}, U = (p) => {
+}, W = (p) => {
   const {
     name: e,
     label: f,
-    options: o,
+    options: d,
     multiple: u = !1,
     searchable: v = !1,
-    clearable: m = !1,
-    placeholder: w = u ? "Select options..." : "Select an option...",
-    noOptionsMessage: q = "No options available",
-    loadingMessage: V = "Loading...",
+    clearable: k = !1,
+    placeholder: C = u ? "Select options..." : "Select an option...",
+    noOptionsMessage: A = "No options available",
+    loadingMessage: D = "Loading...",
     maxMenuHeight: I = 200,
-    disabled: D = !1,
+    disabled: w = !1,
     required: B = !1,
-    value: C,
+    value: $,
     defaultValue: b,
     validation: h,
     onChange: t,
     onBlur: c,
-    onFocus: k,
+    onFocus: x,
     error: S,
     helperText: r,
-    ...g
-  } = p, l = p._formContext, i = T(e, C ?? b, h);
+    ...m
+  } = p, l = p._formContext, i = R(e, $ ?? b, h);
   l && l.register(e, h);
-  const [y, x] = M(!1), [E, $] = M(!1), [R, L] = M(""), [O, _] = M(-1), [J] = M(!1);
-  C !== void 0 && N(() => {
-    i.value() !== C && i.setValue(C);
+  const [y, q] = E(!1), [K, g] = E(!1), [F, M] = E(""), [_, T] = E(-1), [X, Y] = E(0), [Z] = E(!1);
+  $ !== void 0 && H(() => {
+    i.value() !== $ && i.setValue($);
   });
-  const K = () => {
-    if (!v || !R())
-      return o;
-    const a = R().toLowerCase();
-    return o.filter(
-      (d) => d.label.toLowerCase().includes(a) || String(d.value).toLowerCase().includes(a)
+  const N = () => {
+    if (!v || !F())
+      return d;
+    const a = F().toLowerCase();
+    return d.filter(
+      (o) => o.label.toLowerCase().includes(a) || String(o.value).toLowerCase().includes(a)
     );
-  }, W = () => {
+  }, ee = () => {
     const a = i.value();
     if (u)
-      return !a || !Array.isArray(a) || a.length === 0 ? w : o.filter((A) => a.includes(A.value)).map((A) => A.label).join(", ");
+      return !a || !Array.isArray(a) || a.length === 0 ? C : d.filter((V) => a.includes(V.value)).map((V) => V.label).join(", ");
     {
       if (a == null || a === "")
-        return w;
-      const d = o.find((A) => A.value === a);
-      return d ? d.label : String(a);
+        return C;
+      const o = d.find((V) => V.value === a);
+      return o ? o.label : String(a);
     }
   }, z = (a) => {
     if (a.disabled) return;
-    let d;
+    let o;
     if (u) {
-      const A = i.value() || [];
-      A.includes(a.value) ? d = A.filter((ae) => ae !== a.value) : d = [...A, a.value];
+      const V = i.value() || [];
+      V.includes(a.value) ? o = V.filter((ie) => ie !== a.value) : o = [...V, a.value];
     } else
-      d = a.value, x(!1), L("");
-    i.setValue(d), l && l.setValue(e, d), t && t(e, d, i);
-  }, j = () => {
-    if (D) return;
+      o = a.value, q(!1), M("");
+    i.setValue(o), l && l.setValue(e, o), t && t(e, o, i);
+  }, G = () => typeof w == "function" ? w() : w, Q = typeof w == "function" ? w : () => w;
+  H(() => {
+    Y(G() ? -1 : 0);
+  });
+  const L = () => {
+    if (G()) return;
     const a = !y();
-    x(a), a && (_(-1), v && L(""));
-  }, X = (a) => {
-    const d = a.target;
-    L(d.value), _(-1);
-  }, Y = (a) => {
-    const d = K();
+    q(a), a && (T(-1), v && M(""));
+  }, ae = (a) => {
+    const o = a.target;
+    M(o.value), T(-1);
+  }, te = (a) => {
+    const o = N();
     switch (a.key) {
       case "Enter":
-        a.preventDefault(), y() ? O() >= 0 && d[O()] && z(d[O()]) : j();
+        a.preventDefault(), y() ? _() >= 0 && o[_()] && z(o[_()]) : L();
         break;
       case " ":
-        (!v || !y()) && (a.preventDefault(), j());
+        (!v || !y()) && (a.preventDefault(), L());
         break;
       case "Escape":
-        a.preventDefault(), x(!1), L("");
+        a.preventDefault(), q(!1), M("");
         break;
       case "ArrowDown":
         if (a.preventDefault(), !y())
-          j();
+          L();
         else {
-          const A = Math.min(
-            O() + 1,
-            d.length - 1
+          const V = Math.min(
+            _() + 1,
+            o.length - 1
           );
-          _(A);
+          T(V);
         }
         break;
       case "ArrowUp":
         if (a.preventDefault(), y()) {
-          const A = Math.max(O() - 1, -1);
-          _(A);
+          const V = Math.max(_() - 1, -1);
+          T(V);
         }
         break;
       case "Home":
-        y() && (a.preventDefault(), _(0));
+        y() && (a.preventDefault(), T(0));
         break;
       case "End":
-        y() && (a.preventDefault(), _(d.length - 1));
+        y() && (a.preventDefault(), T(o.length - 1));
         break;
       case "Backspace":
-        m && !v && i.value() !== null && (a.preventDefault(), G());
+        k && !v && i.value() !== null && (a.preventDefault(), U());
         break;
     }
-  }, Z = () => {
-    $(!0), i.onFocus(), k && k(e, i.value());
-  }, ee = (a) => {
+  }, re = () => {
+    g(!0), i.onFocus(), x && x(e, i.value());
+  }, le = (a) => {
     requestAnimationFrame(() => {
-      const d = a.relatedTarget;
+      const o = a.relatedTarget;
       a.target.closest(
         "[data-tachui-select-container]"
-      )?.contains(d) || ($(!1), x(!1), i.onBlur(), c && c(e, i.value()));
+      )?.contains(o) || (g(!1), q(!1), i.onBlur(), c && c(e, i.value()));
     });
-  }, G = () => {
+  }, U = () => {
     const a = u ? [] : null;
     i.setValue(a), l && l.setValue(e, a), t && t(e, a, i);
-  }, H = (a) => {
-    const d = i.value();
-    return u ? Array.isArray(d) && d.includes(a.value) : d === a.value;
-  }, F = S || i.error() || l?.getError(e), P = {
+  }, j = (a) => {
+    const o = i.value();
+    return u ? Array.isArray(o) && o.includes(a.value) : o === a.value;
+  }, O = S || i.error() || l?.getError(e), P = {
     type: "component",
-    id: g.id || `select-${e}`,
+    id: m.id || `select-${e}`,
     cleanup: [],
     render: () => ({
       type: "element",
       tag: "div",
       props: {
-        ...g,
-        class: `tachui-select ${g.class || ""}`.trim(),
+        ...m,
+        class: `tachui-select ${m.class || ""}`.trim(),
         "data-tachui-select-container": !0,
-        "data-field-state": F ? "error" : i.validating() ? "validating" : "valid",
+        "data-field-state": O ? "error" : i.validating() ? "validating" : "valid",
         "data-open": y(),
-        "data-disabled": D,
+        "data-disabled": Q,
         "data-multiple": u,
         "data-searchable": v
       },
@@ -702,7 +707,7 @@ const Q = (p) => {
           n(
             "label",
             {
-              for: g.id || e,
+              for: m.id || e,
               "data-tachui-label": !0,
               "data-required": B
             },
@@ -724,24 +729,24 @@ const Q = (p) => {
           type: "element",
           tag: "div",
           props: {
-            id: g.id || e,
-            tabindex: D ? -1 : 0,
+            id: m.id || e,
+            tabindex: X,
             role: "combobox",
             "aria-expanded": y(),
             "aria-haspopup": "listbox",
-            "aria-invalid": !!F,
+            "aria-invalid": !!O,
             "aria-describedby": [
-              F ? `${e}-error` : null,
+              O ? `${e}-error` : null,
               r ? `${e}-helper` : null
             ].filter(Boolean).join(" ") || void 0,
-            onclick: j,
-            onkeydown: Y,
-            onfocus: Z,
-            onblur: ee,
+            onclick: L,
+            onkeydown: te,
+            onfocus: re,
+            onblur: le,
             "data-tachui-select-trigger": !0,
-            "data-focused": E(),
-            "data-disabled": D,
-            "data-error": !!F
+            "data-focused": K(),
+            "data-disabled": Q,
+            "data-error": !!O
           },
           children: [
             // Display value
@@ -752,7 +757,7 @@ const Q = (p) => {
                 "data-tachui-select-value": !0,
                 "data-placeholder": !i.value() || u && (!i.value() || i.value().length === 0)
               },
-              children: [s(W())]
+              children: [s(ee())]
             },
             // Actions (clear, dropdown arrow)
             {
@@ -763,14 +768,14 @@ const Q = (p) => {
               },
               children: [
                 // Clear button
-                ...m && i.value() && (!u || Array.isArray(i.value()) && i.value().length > 0) ? [
+                ...k && i.value() && (!u || Array.isArray(i.value()) && i.value().length > 0) ? [
                   {
                     type: "element",
                     tag: "button",
                     props: {
                       type: "button",
                       onclick: (a) => {
-                        a.stopPropagation(), G();
+                        a.stopPropagation(), U();
                       },
                       "aria-label": "Clear selection",
                       "data-tachui-select-clear": !0
@@ -819,8 +824,8 @@ const Q = (p) => {
                       props: {
                         type: "text",
                         placeholder: "Search...",
-                        value: R(),
-                        oninput: X,
+                        value: F(),
+                        oninput: ae,
                         "data-tachui-select-search-input": !0
                       }
                     }
@@ -836,17 +841,17 @@ const Q = (p) => {
                   "aria-multiselectable": u,
                   "data-tachui-select-options": !0
                 },
-                children: K().length > 0 ? K().map((a, d) => ({
+                children: N().length > 0 ? N().map((a, o) => ({
                   type: "element",
                   tag: "div",
                   props: {
                     role: "option",
-                    "aria-selected": H(a),
+                    "aria-selected": j(a),
                     "aria-disabled": a.disabled,
                     onclick: () => z(a),
                     "data-tachui-select-option": !0,
-                    "data-selected": H(a),
-                    "data-highlighted": O() === d,
+                    "data-selected": j(a),
+                    "data-highlighted": _() === o,
                     "data-disabled": a.disabled,
                     "data-group": a.group
                   },
@@ -858,11 +863,11 @@ const Q = (p) => {
                         tag: "div",
                         props: {
                           "data-tachui-select-checkbox": !0,
-                          "data-checked": H(a)
+                          "data-checked": j(a)
                         },
                         children: [
                           s(
-                            H(a) ? "✓" : ""
+                            j(a) ? "✓" : ""
                           )
                         ]
                       }
@@ -879,7 +884,7 @@ const Q = (p) => {
                     },
                     children: [
                       s(
-                        J() ? V : q
+                        Z() ? D : A
                       )
                     ]
                   }
@@ -889,7 +894,7 @@ const Q = (p) => {
           }
         ] : [],
         // Error message
-        ...F ? [
+        ...O ? [
           {
             type: "element",
             tag: "div",
@@ -899,11 +904,11 @@ const Q = (p) => {
               "aria-live": "polite",
               "data-tachui-error": !0
             },
-            children: [s(F)]
+            children: [s(O)]
           }
         ] : [],
         // Helper text
-        ...r && !F ? [
+        ...r && !O ? [
           {
             type: "element",
             tag: "div",
@@ -920,25 +925,25 @@ const Q = (p) => {
   };
   return P.cleanup || (P.cleanup = []), P.cleanup.push(() => {
     l && l.unregister(e);
-  }), te(P, {
-    onDOMReady: (a, d) => {
-      d && re(
+  }), ne(P, {
+    onDOMReady: (a, o) => {
+      o && de(
         P,
         () => {
-          y() && (x(!1), $(!1), i.onBlur(), c && c(e, i.value()));
+          y() && (q(!1), g(!1), i.onBlur(), c && c(e, i.value()));
         },
         "[data-tachui-select-container]"
       );
     }
   }), P;
-}, se = (p) => U({ ...p, multiple: !0 }), ue = (p) => U({ ...p, searchable: !0 });
+}, fe = (p) => W({ ...p, multiple: !0 }), be = (p) => W({ ...p, searchable: !0 });
 export {
-  Q as C,
-  se as M,
-  le as R,
-  de as S,
-  oe as a,
-  ce as b,
-  ue as c,
-  U as d
+  J as C,
+  fe as M,
+  oe as R,
+  ue as S,
+  he as a,
+  pe as b,
+  be as c,
+  W as d
 };