@sito/dashboard 0.0.77 → 0.0.78

package/dist/Form.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectInput-C4wtTiHe.cjs"),t=require("./FileInput-Cz2R3z3k.cjs");exports.AutocompleteInput=e.AutocompleteInput;exports.CheckInput=e.CheckInput;exports.SelectInput=e.SelectInput;exports.State=e.State;exports.TextInput=e.TextInput;exports.helperTextStateClassName=e.helperTextStateClassName;exports.inputStateClassName=e.inputStateClassName;exports.labelStateClassName=e.labelStateClassName;exports.FileInput=t.FileInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectInput-CZrWA19u.cjs"),t=require("./FileInput-Cz2R3z3k.cjs");exports.AutocompleteInput=e.AutocompleteInput;exports.CheckInput=e.CheckInput;exports.SelectInput=e.SelectInput;exports.State=e.State;exports.TextInput=e.TextInput;exports.helperTextStateClassName=e.helperTextStateClassName;exports.inputStateClassName=e.inputStateClassName;exports.labelStateClassName=e.labelStateClassName;exports.FileInput=t.FileInput;

package/dist/Form.js

@@ -1,4 +1,4 @@
-import { A as e, C as s, S as l, a as p, T as u, h as m, i as n, l as o } from "./SelectInput-BKFTGaAm.js";
+import { A as e, C as s, S as l, a as p, T as u, h as m, i as n, l as o } from "./SelectInput-BTM8ehhB.js";
 import { F as r } from "./FileInput-C7ZYKt_i.js";
 export {
   e as AutocompleteInput,

package/dist/SelectInput-BTM8ehhB.js

@@ -0,0 +1,573 @@
+import "./SelectInput.css";
+import { jsxs as D, jsx as a, Fragment as ae } from "react/jsx-runtime";
+import { c as d } from "./classNames-DDRjbGA1.js";
+import { forwardRef as $, useState as O, useEffect as V, useMemo as J, useRef as j, useCallback as S, useLayoutEffect as le } from "react";
+import { C as G } from "./Chip-6bEZ7uwv.js";
+import { I as se } from "./IconButton-CqPk_OXG.js";
+import { C as ie } from "./Close-rKC9AcNX.js";
+const fe = $(function(l, C) {
+  const {
+    state: y,
+    value: t,
+    onChange: r,
+    options: w = [],
+    name: I = "",
+    id: b = "",
+    label: v = "",
+    containerClassName: E = "",
+    inputContainerClassName: x = "",
+    helperText: q = "",
+    placeholder: R = "",
+    multiple: m = !1,
+    required: L = !1,
+    "aria-required": o = !1,
+    ...F
+  } = l, K = o === !0 || String(o).toLowerCase() === "true", B = !!(L || K), H = m && Array.isArray(t) && t.length > 0, P = B && !H, [k, h] = O("");
+  V(() => {
+    if (!m && t && !Array.isArray(t)) {
+      h(String(t.value ?? t.name ?? ""));
+      return;
+    }
+    h("");
+  }, [m, t]);
+  const [u, f] = O(!1), [g, i] = O(-1), p = J(
+    () => w.filter((e) => {
+      const s = String(e.value ?? e.name).toLowerCase().includes(k?.toLowerCase());
+      return Array.isArray(t) && t.length ? s && !t.some((N) => N.id === e.id) : t && !Array.isArray(t) ? s && t.id !== e.id : s;
+    }),
+    [w, t, k]
+  );
+  V(() => {
+    if (!u || !p.length) {
+      i(-1);
+      return;
+    }
+    i(0);
+  }, [u, p]);
+  const T = j(null), W = j(null), [U, z] = O(!1), n = j(null);
+  V(() => {
+    const e = (N) => {
+      T.current && !T.current.contains(N.target) && f(!1);
+    }, s = (N) => {
+      N.key === "Escape" && f(!1);
+    };
+    return document.addEventListener("mousedown", e), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("keydown", s);
+    };
+  }, []);
+  const c = S((e) => {
+    h(e.target.value);
+  }, []), A = S(
+    (e) => {
+      e ? m ? (h(""), Array.isArray(t) && t.length ? r([...t, e]) : r([e])) : (h(String(e.name ?? e.value ?? "")), r(e)) : r(null), f(!1);
+    },
+    [m, r, t]
+  ), Y = S(
+    (e) => {
+      if (!p.length) {
+        e.key === "Escape" && f(!1);
+        return;
+      }
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        if (e.preventDefault(), !u) {
+          f(!0), i(0);
+          return;
+        }
+        i((s) => {
+          const N = s >= 0 ? s : 0;
+          return e.key === "ArrowDown" ? (N + 1 + p.length) % p.length : (N - 1 + p.length) % p.length;
+        });
+        return;
+      }
+      if (e.key === "Enter" && u) {
+        e.preventDefault();
+        const s = g >= 0 ? g : 0;
+        A(p[s]);
+        return;
+      }
+      e.key === "Escape" && u && (e.preventDefault(), f(!1));
+    },
+    [
+      A,
+      g,
+      u,
+      p
+    ]
+  ), M = S(
+    (e) => {
+      if (!Array.isArray(t)) {
+        r(null);
+        return;
+      }
+      const s = t.filter((N, re) => re !== e);
+      s.length ? r(s) : r(null);
+    },
+    [r, t]
+  ), ne = S(() => {
+    Array.isArray(t) && r([t[0]]);
+  }, [r, t]);
+  return le(() => {
+    const e = n.current?.offsetWidth ?? 0, s = T.current?.offsetWidth ?? 0;
+    z(e > s * 0.4);
+  }, [t]), /* @__PURE__ */ D(
+    "div",
+    {
+      className: d("autocomplete-input-container", E),
+      ref: T,
+      children: [
+        /* @__PURE__ */ D("div", { className: "autocomplete-value-input-container", children: [
+          /* @__PURE__ */ a(
+            te,
+            {
+              state: y,
+              name: I,
+              id: b,
+              value: k,
+              onChange: c,
+              placeholder: R,
+              helperText: q,
+              onFocus: () => f(!0),
+              onKeyDown: Y,
+              label: v,
+              containerClassName: d(
+                "autocomplete-text-input",
+                x
+              ),
+              required: P,
+              "aria-required": B,
+              ref: C ?? W,
+              ...F,
+              children: !m && t && !Array.isArray(t) && (t.value || t.name) && /* @__PURE__ */ a(
+                se,
+                {
+                  icon: /* @__PURE__ */ a(ie, {}),
+                  className: "autocomplete-delete-button",
+                  onClick: (e) => {
+                    A(), e.stopPropagation();
+                  }
+                }
+              )
+            }
+          ),
+          m && Array.isArray(t) && t.length ? /* @__PURE__ */ a("ul", { ref: n, className: "autocomplete-value-container", children: U ? /* @__PURE__ */ D(ae, { children: [
+            /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+              G,
+              {
+                text: t[0]?.value ?? t[0]?.name,
+                onDelete: (e) => {
+                  M(0), e.stopPropagation();
+                }
+              }
+            ) }),
+            t.length > 1 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+              G,
+              {
+                text: `+${t.length - 1}`,
+                onDelete: (e) => {
+                  ne(), e.stopPropagation();
+                }
+              }
+            ) })
+          ] }) : t.map((e, s) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+            G,
+            {
+              text: String(e.value ?? e.name),
+              onDelete: (N) => {
+                M(s), N.stopPropagation();
+              }
+            }
+          ) }, e.id ?? e.value ?? e.name)) }) : null
+        ] }),
+        u && /* @__PURE__ */ a(
+          "ul",
+          {
+            className: "autocomplete-suggestions-container",
+            style: { width: T.current?.offsetWidth },
+            children: p.map((e) => /* @__PURE__ */ a(
+              "li",
+              {
+                className: d(
+                  "autocomplete-suggestion-item",
+                  e.id === p[g]?.id ? "highlighted" : ""
+                ),
+                onMouseEnter: () => i(
+                  p.findIndex((s) => s.id === e.id)
+                ),
+                onClick: (s) => {
+                  A(e), s.stopPropagation();
+                },
+                children: e.value ?? e.name
+              },
+              e.id ?? e.value ?? e.name
+            ))
+          }
+        )
+      ]
+    }
+  );
+});
+var _ = /* @__PURE__ */ ((l) => (l.error = "error", l.good = "good", l.default = "default", l))(_ || {});
+const Q = (l) => {
+  switch (l) {
+    case "error":
+      return "input-error";
+    case "good":
+      return "input-good";
+    default:
+      return "input-normal";
+  }
+}, X = (l) => {
+  switch (l) {
+    case "error":
+      return "input-label-error";
+    case "good":
+      return "input-label-good";
+    default:
+      return "input-label-normal";
+  }
+}, ee = (l) => {
+  switch (l) {
+    case "error":
+      return "input-helper-text-error";
+    case "good":
+      return "input-helper-text-good";
+    default:
+      return "input-helper-text-normal";
+  }
+}, ge = $(function(l, C) {
+  const {
+    checked: y,
+    onChange: t,
+    name: r = "",
+    id: w = "",
+    label: I = "",
+    state: b = _.default,
+    containerClassName: v = "",
+    inputClassName: E = "",
+    labelClassName: x = "",
+    ...q
+  } = l;
+  return /* @__PURE__ */ D("label", { className: d("input-check-container", v), children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        id: w,
+        ref: C,
+        name: r,
+        type: "checkbox",
+        checked: y,
+        onChange: t,
+        className: d(
+          "input-check",
+          Q(b),
+          E
+        ),
+        ...q
+      }
+    ),
+    /* @__PURE__ */ a(
+      "span",
+      {
+        className: d(
+          "input-check-label",
+          X(b),
+          x
+        ),
+        children: I
+      }
+    )
+  ] });
+}), Z = (l) => l == null ? !1 : Array.isArray(l) ? l.length > 0 : `${l}`.length > 0, te = $(function(l, C) {
+  const {
+    children: y,
+    state: t = _.default,
+    label: r = "",
+    containerClassName: w = "",
+    inputClassName: I = "",
+    labelClassName: b = "",
+    helperText: v = "",
+    helperTextClassName: E = "",
+    value: x,
+    defaultValue: q,
+    onChange: R,
+    onFocus: m,
+    onBlur: L,
+    ...o
+  } = l, F = x !== void 0, [K, B] = O(
+    () => Z(q)
+  ), H = F ? Z(x) : K, P = o.type === "date", k = !!o.placeholder || P, h = o["aria-required"] === !0 || String(o["aria-required"]).toLowerCase() === "true", u = !!(o.required || h), f = (g) => {
+    F || B(g.currentTarget.value.length > 0), R?.(g);
+  };
+  return /* @__PURE__ */ D("div", { className: d("text-input-container", w), children: [
+    /* @__PURE__ */ D("div", { className: "text-input-field", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          ref: C,
+          defaultValue: q,
+          onChange: f,
+          onFocus: m,
+          onBlur: L,
+          ...F ? { value: x } : {},
+          className: d(
+            "text-input",
+            Q(t),
+            I,
+            H ? "has-value" : "",
+            o.placeholder ? "has-placeholder" : "",
+            k ? "keep-label-up" : ""
+          ),
+          ...o
+        }
+      ),
+      !!r && /* @__PURE__ */ D(
+        "label",
+        {
+          htmlFor: o.id,
+          className: d(
+            "text-input-label",
+            X(t),
+            b
+          ),
+          children: [
+            r,
+            u ? " *" : ""
+          ]
+        }
+      ),
+      y
+    ] }),
+    !!v && /* @__PURE__ */ a(
+      "p",
+      {
+        className: d(
+          "text-input-helper-text",
+          ee(t),
+          E
+        ),
+        children: v
+      }
+    )
+  ] });
+}), Ce = $(function(l, C) {
+  const {
+    value: y,
+    onChange: t,
+    options: r,
+    containerClassName: w = "",
+    inputClassName: I = "",
+    labelClassName: b = "",
+    helperText: v = "",
+    helperTextClassName: E = "",
+    label: x = "",
+    placeholder: q = "",
+    name: R = "",
+    id: m = "",
+    state: L = _.default,
+    native: o = !0,
+    disabled: F,
+    required: K,
+    autoFocus: B,
+    children: H,
+    ...P
+  } = l, k = j(null), [h, u] = O(!1), [f, g] = O(-1), i = J(
+    () => r.findIndex(
+      (n) => String(n.id) === String(y ?? r[0]?.id ?? "")
+    ),
+    [r, y]
+  ), p = J(
+    () => i >= 0 ? r[i] : void 0,
+    [r, i]
+  );
+  V(() => {
+    if (!(o || !h)) {
+      if (!r.length) {
+        g(-1);
+        return;
+      }
+      g(i >= 0 ? i : 0);
+    }
+  }, [o, r.length, i, h]), V(() => {
+    if (o) return;
+    const n = (c) => {
+      k.current && !k.current.contains(c.target) && u(!1);
+    };
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
+    };
+  }, [o]);
+  const T = S(
+    (n) => {
+      C && (typeof C == "function" ? C(n) : C.current = n);
+    },
+    [C]
+  ), W = S(
+    (n) => {
+      if (!t) return;
+      const c = {
+        target: { value: String(n) },
+        currentTarget: { value: String(n) }
+      };
+      t(c);
+    },
+    [t]
+  ), U = S(
+    (n) => {
+      const c = r[n];
+      c && (W(c.id), u(!1));
+    },
+    [W, r]
+  ), z = S(
+    (n) => {
+      if (r.length) {
+        if (n.key === "ArrowDown" || n.key === "ArrowUp") {
+          if (n.preventDefault(), !h) {
+            u(!0);
+            const c = i >= 0 ? i : 0;
+            g(c);
+            return;
+          }
+          g((c) => {
+            const A = c >= 0 ? c : i;
+            return n.key === "ArrowDown" ? (A + 1 + r.length) % r.length : (A - 1 + r.length) % r.length;
+          });
+          return;
+        }
+        if (n.key === "Enter") {
+          if (!h) {
+            n.preventDefault(), u(!0), g(i >= 0 ? i : 0);
+            return;
+          }
+          n.preventDefault(), U(f >= 0 ? f : 0);
+          return;
+        }
+        n.key === "Escape" && h && (n.preventDefault(), u(!1));
+      }
+    },
+    [f, r, U, i, h]
+  );
+  return o ? /* @__PURE__ */ D("div", { className: d("select-input-container", w), children: [
+    /* @__PURE__ */ a(
+      "select",
+      {
+        ...P,
+        id: m,
+        ref: T,
+        name: R,
+        value: y,
+        onChange: t,
+        className: d(
+          "select-input",
+          Q(L),
+          "peer",
+          I
+        ),
+        children: r?.map((n) => /* @__PURE__ */ a("option", { value: n.id, children: n.value ?? n.name ?? n.id }, n.id))
+      }
+    ),
+    /* @__PURE__ */ a(
+      "label",
+      {
+        htmlFor: m,
+        className: d(
+          "select-input-label",
+          X(L),
+          b
+        ),
+        children: x
+      }
+    ),
+    H,
+    v && /* @__PURE__ */ a(
+      "p",
+      {
+        className: d(
+          "select-input-helper-text",
+          ee(L),
+          E
+        ),
+        children: v
+      }
+    )
+  ] }) : /* @__PURE__ */ D(
+    "div",
+    {
+      ref: k,
+      className: d("select-input-container", w),
+      children: [
+        /* @__PURE__ */ a(
+          "select",
+          {
+            ...P,
+            ref: T,
+            name: R,
+            id: m,
+            value: y,
+            onChange: t,
+            className: "select-input-native-hidden",
+            tabIndex: -1,
+            "aria-hidden": !0,
+            children: r?.map((n) => /* @__PURE__ */ a("option", { value: n.id, children: n.value ?? n.name ?? n.id }, n.id))
+          }
+        ),
+        /* @__PURE__ */ a(
+          te,
+          {
+            id: m,
+            name: R,
+            state: L,
+            value: String(p?.value ?? p?.name ?? ""),
+            readOnly: !0,
+            label: x,
+            helperText: v,
+            containerClassName: "select-input-text-container",
+            inputClassName: d("select-input-text", I),
+            labelClassName: b,
+            helperTextClassName: E,
+            placeholder: q,
+            disabled: F,
+            required: K,
+            autoFocus: B,
+            onClick: () => u((n) => !n),
+            onKeyDown: z,
+            onFocus: () => u(!0),
+            role: "combobox",
+            "aria-expanded": h,
+            "aria-haspopup": "listbox",
+            children: H
+          }
+        ),
+        h && /* @__PURE__ */ a("ul", { className: "select-input-options-container", role: "listbox", children: r.map((n, c) => {
+          const A = String(n.id) === String(y);
+          return /* @__PURE__ */ a(
+            "li",
+            {
+              role: "option",
+              "aria-selected": A,
+              className: d(
+                "select-input-option-item",
+                c === f ? "highlighted" : ""
+              ),
+              onMouseEnter: () => g(c),
+              onClick: (M) => {
+                U(c), M.stopPropagation();
+              },
+              children: n.value ?? n.name ?? n.id
+            },
+            n.id
+          );
+        }) })
+      ]
+    }
+  );
+});
+export {
+  fe as A,
+  ge as C,
+  Ce as S,
+  te as T,
+  _ as a,
+  ee as h,
+  Q as i,
+  X as l
+};

package/dist/SelectInput-CZrWA19u.cjs

@@ -0,0 +1 @@
+var se=require("./SelectInput.css");const n=require("react/jsx-runtime"),h=require("./classNames-DHAzUjfZ.cjs"),r=require("react"),_=require("./Chip-N4r2Xf9l.cjs"),Y=require("./IconButton-DVZCHIHB.cjs"),Z=require("./Close-O9P7wJGf.cjs"),ee=r.forwardRef(function(l,C){const{state:N,value:t,onChange:s,options:v=[],name:A="",id:w="",label:b="",containerClassName:I="",inputContainerClassName:k="",helperText:D="",placeholder:R="",multiple:f=!1,required:E=!1,"aria-required":u=!1,...T}=l,O=u===!0||String(u).toLowerCase()==="true",L=!!(E||O),F=f&&Array.isArray(t)&&t.length>0,B=L&&!F,[j,p]=r.useState("");r.useEffect(()=>{if(!f&&t&&!Array.isArray(t)){p(String(t.value??t.name??""));return}p("")},[f,t]);const[c,g]=r.useState(!1),[x,o]=r.useState(-1),m=r.useMemo(()=>v.filter(e=>{const i=String(e.value??e.name).toLowerCase().includes(j?.toLowerCase());return Array.isArray(t)&&t.length?i&&!t.some(y=>y.id===e.id):t&&!Array.isArray(t)?i&&t.id!==e.id:i}),[v,t,j]);r.useEffect(()=>{if(!c||!m.length){o(-1);return}o(0)},[c,m]);const q=r.useRef(null),H=r.useRef(null),[M,W]=r.useState(!1),a=r.useRef(null);r.useEffect(()=>{const e=y=>{q.current&&!q.current.contains(y.target)&&g(!1)},i=y=>{y.key==="Escape"&&g(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",i),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",i)}},[]);const d=r.useCallback(e=>{p(e.target.value)},[]),S=r.useCallback(e=>{e?f?(p(""),Array.isArray(t)&&t.length?s([...t,e]):s([e])):(p(String(e.name??e.value??"")),s(e)):s(null),g(!1)},[f,s,t]),$=r.useCallback(e=>{if(!m.length){e.key==="Escape"&&g(!1);return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){if(e.preventDefault(),!c){g(!0),o(0);return}o(i=>{const y=i>=0?i:0;return e.key==="ArrowDown"?(y+1+m.length)%m.length:(y-1+m.length)%m.length});return}if(e.key==="Enter"&&c){e.preventDefault();const i=x>=0?x:0;S(m[i]);return}e.key==="Escape"&&c&&(e.preventDefault(),g(!1))},[S,x,c,m]),K=r.useCallback(e=>{if(!Array.isArray(t)){s(null);return}const i=t.filter((y,X)=>X!==e);i.length?s(i):s(null)},[s,t]),Q=r.useCallback(()=>{Array.isArray(t)&&s([t[0]])},[s,t]);return r.useLayoutEffect(()=>{const e=a.current?.offsetWidth??0,i=q.current?.offsetWidth??0;W(e>i*.4)},[t]),n.jsxs("div",{className:h.classNames("autocomplete-input-container",I),ref:q,children:[n.jsxs("div",{className:"autocomplete-value-input-container",children:[n.jsx(G,{state:N,name:A,id:w,value:j,onChange:d,placeholder:R,helperText:D,onFocus:()=>g(!0),onKeyDown:$,label:b,containerClassName:h.classNames("autocomplete-text-input",k),required:B,"aria-required":L,ref:C??H,...T,children:!f&&t&&!Array.isArray(t)&&(t.value||t.name)&&n.jsx(Y.IconButton,{icon:n.jsx(Z.Close,{}),className:"autocomplete-delete-button",onClick:e=>{S(),e.stopPropagation()}})}),f&&Array.isArray(t)&&t.length?n.jsx("ul",{ref:a,className:"autocomplete-value-container",children:M?n.jsxs(n.Fragment,{children:[n.jsx("li",{children:n.jsx(_.Chip,{text:t[0]?.value??t[0]?.name,onDelete:e=>{K(0),e.stopPropagation()}})}),t.length>1&&n.jsx("li",{children:n.jsx(_.Chip,{text:`+${t.length-1}`,onDelete:e=>{Q(),e.stopPropagation()}})})]}):t.map((e,i)=>n.jsx("li",{children:n.jsx(_.Chip,{text:String(e.value??e.name),onDelete:y=>{K(i),y.stopPropagation()}})},e.id??e.value??e.name))}):null]}),c&&n.jsx("ul",{className:"autocomplete-suggestions-container",style:{width:q.current?.offsetWidth},children:m.map(e=>n.jsx("li",{className:h.classNames("autocomplete-suggestion-item",e.id===m[x]?.id?"highlighted":""),onMouseEnter:()=>o(m.findIndex(i=>i.id===e.id)),onClick:i=>{S(e),i.stopPropagation()},children:e.value??e.name},e.id??e.value??e.name))})]})});var P=(l=>(l.error="error",l.good="good",l.default="default",l))(P||{});const U=l=>{switch(l){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},V=l=>{switch(l){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},z=l=>{switch(l){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}},te=r.forwardRef(function(l,C){const{checked:N,onChange:t,name:s="",id:v="",label:A="",state:w=P.default,containerClassName:b="",inputClassName:I="",labelClassName:k="",...D}=l;return n.jsxs("label",{className:h.classNames("input-check-container",b),children:[n.jsx("input",{id:v,ref:C,name:s,type:"checkbox",checked:N,onChange:t,className:h.classNames("input-check",U(w),I),...D}),n.jsx("span",{className:h.classNames("input-check-label",V(w),k),children:A})]})}),J=l=>l==null?!1:Array.isArray(l)?l.length>0:`${l}`.length>0,G=r.forwardRef(function(l,C){const{children:N,state:t=P.default,label:s="",containerClassName:v="",inputClassName:A="",labelClassName:w="",helperText:b="",helperTextClassName:I="",value:k,defaultValue:D,onChange:R,onFocus:f,onBlur:E,...u}=l,T=k!==void 0,[O,L]=r.useState(()=>J(D)),F=T?J(k):O,B=u.type==="date",j=!!u.placeholder||B,p=u["aria-required"]===!0||String(u["aria-required"]).toLowerCase()==="true",c=!!(u.required||p),g=x=>{T||L(x.currentTarget.value.length>0),R?.(x)};return n.jsxs("div",{className:h.classNames("text-input-container",v),children:[n.jsxs("div",{className:"text-input-field",children:[n.jsx("input",{ref:C,defaultValue:D,onChange:g,onFocus:f,onBlur:E,...T?{value:k}:{},className:h.classNames("text-input",U(t),A,F?"has-value":"",u.placeholder?"has-placeholder":"",j?"keep-label-up":""),...u}),!!s&&n.jsxs("label",{htmlFor:u.id,className:h.classNames("text-input-label",V(t),w),children:[s,c?" *":""]}),N]}),!!b&&n.jsx("p",{className:h.classNames("text-input-helper-text",z(t),I),children:b})]})}),ae=r.forwardRef(function(l,C){const{value:N,onChange:t,options:s,containerClassName:v="",inputClassName:A="",labelClassName:w="",helperText:b="",helperTextClassName:I="",label:k="",placeholder:D="",name:R="",id:f="",state:E=P.default,native:u=!0,disabled:T,required:O,autoFocus:L,children:F,...B}=l,j=r.useRef(null),[p,c]=r.useState(!1),[g,x]=r.useState(-1),o=r.useMemo(()=>s.findIndex(a=>String(a.id)===String(N??s[0]?.id??"")),[s,N]),m=r.useMemo(()=>o>=0?s[o]:void 0,[s,o]);r.useEffect(()=>{if(!(u||!p)){if(!s.length){x(-1);return}x(o>=0?o:0)}},[u,s.length,o,p]),r.useEffect(()=>{if(u)return;const a=d=>{j.current&&!j.current.contains(d.target)&&c(!1)};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[u]);const q=r.useCallback(a=>{C&&(typeof C=="function"?C(a):C.current=a)},[C]),H=r.useCallback(a=>{if(!t)return;const d={target:{value:String(a)},currentTarget:{value:String(a)}};t(d)},[t]),M=r.useCallback(a=>{const d=s[a];d&&(H(d.id),c(!1))},[H,s]),W=r.useCallback(a=>{if(s.length){if(a.key==="ArrowDown"||a.key==="ArrowUp"){if(a.preventDefault(),!p){c(!0);const d=o>=0?o:0;x(d);return}x(d=>{const S=d>=0?d:o;return a.key==="ArrowDown"?(S+1+s.length)%s.length:(S-1+s.length)%s.length});return}if(a.key==="Enter"){if(!p){a.preventDefault(),c(!0),x(o>=0?o:0);return}a.preventDefault(),M(g>=0?g:0);return}a.key==="Escape"&&p&&(a.preventDefault(),c(!1))}},[g,s,M,o,p]);return u?n.jsxs("div",{className:h.classNames("select-input-container",v),children:[n.jsx("select",{...B,id:f,ref:q,name:R,value:N,onChange:t,className:h.classNames("select-input",U(E),"peer",A),children:s?.map(a=>n.jsx("option",{value:a.id,children:a.value??a.name??a.id},a.id))}),n.jsx("label",{htmlFor:f,className:h.classNames("select-input-label",V(E),w),children:k}),F,b&&n.jsx("p",{className:h.classNames("select-input-helper-text",z(E),I),children:b})]}):n.jsxs("div",{ref:j,className:h.classNames("select-input-container",v),children:[n.jsx("select",{...B,ref:q,name:R,id:f,value:N,onChange:t,className:"select-input-native-hidden",tabIndex:-1,"aria-hidden":!0,children:s?.map(a=>n.jsx("option",{value:a.id,children:a.value??a.name??a.id},a.id))}),n.jsx(G,{id:f,name:R,state:E,value:String(m?.value??m?.name??""),readOnly:!0,label:k,helperText:b,containerClassName:"select-input-text-container",inputClassName:h.classNames("select-input-text",A),labelClassName:w,helperTextClassName:I,placeholder:D,disabled:T,required:O,autoFocus:L,onClick:()=>c(a=>!a),onKeyDown:W,onFocus:()=>c(!0),role:"combobox","aria-expanded":p,"aria-haspopup":"listbox",children:F}),p&&n.jsx("ul",{className:"select-input-options-container",role:"listbox",children:s.map((a,d)=>{const S=String(a.id)===String(N),$=d===g;return n.jsx("li",{role:"option","aria-selected":S,className:h.classNames("select-input-option-item",$?"highlighted":""),onMouseEnter:()=>x(d),onClick:K=>{M(d),K.stopPropagation()},children:a.value??a.name??a.id},a.id)})})]})});exports.AutocompleteInput=ee;exports.CheckInput=te;exports.SelectInput=ae;exports.State=P;exports.TextInput=G;exports.helperTextStateClassName=z;exports.inputStateClassName=U;exports.labelStateClassName=V;