@sito/dashboard 0.0.77 → 0.0.79

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-BrKnfhB0.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-D09muy0T.js";
 import { F as r } from "./FileInput-C7ZYKt_i.js";
 export {
   e as AutocompleteInput,

package/dist/SelectInput-BrKnfhB0.cjs

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

package/dist/SelectInput-D09muy0T.js

@@ -0,0 +1,584 @@
+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 j, useState as O, useEffect as K, useMemo as z, useRef as M, 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 ge = j(function(l, C) {
+  const {
+    state: y,
+    value: t,
+    onChange: r,
+    options: x = [],
+    name: I = "",
+    id: A = "",
+    label: v = "",
+    containerClassName: E = "",
+    inputContainerClassName: w = "",
+    helperText: L = "",
+    placeholder: R = "",
+    multiple: m = !1,
+    required: T = !1,
+    "aria-required": o = !1,
+    ...F
+  } = l, U = o === !0 || String(o).toLowerCase() === "true", P = !!(T || U), B = m && Array.isArray(t) && t.length > 0, H = P && !B, [b, h] = O("");
+  K(() => {
+    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 = z(
+    () => x.filter((e) => {
+      const s = String(e.value ?? e.name).toLowerCase().includes(b?.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;
+    }),
+    [x, t, b]
+  );
+  K(() => {
+    if (!u || !p.length) {
+      i(-1);
+      return;
+    }
+    i(0);
+  }, [u, p]);
+  const q = M(null), V = M(null), [W, $] = O(!1), n = M(null);
+  K(() => {
+    const e = (N) => {
+      q.current && !q.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);
+  }, []), k = 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]
+  ), X = 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;
+        k(p[s]);
+        return;
+      }
+      e.key === "Escape" && u && (e.preventDefault(), f(!1));
+    },
+    [
+      k,
+      g,
+      u,
+      p
+    ]
+  ), _ = 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 = q.current?.offsetWidth ?? 0;
+    $(e > s * 0.4);
+  }, [t]), /* @__PURE__ */ D(
+    "div",
+    {
+      className: d("autocomplete-input-container", E),
+      ref: q,
+      children: [
+        /* @__PURE__ */ D("div", { className: "autocomplete-value-input-container", children: [
+          /* @__PURE__ */ a(
+            te,
+            {
+              state: y,
+              name: I,
+              id: A,
+              value: b,
+              onChange: c,
+              placeholder: R,
+              helperText: L,
+              onFocus: () => f(!0),
+              onKeyDown: X,
+              label: v,
+              containerClassName: d(
+                "autocomplete-text-input",
+                w
+              ),
+              required: H,
+              "aria-required": P,
+              ref: C ?? V,
+              ...F,
+              children: !m && t && !Array.isArray(t) && (t.value || t.name) && /* @__PURE__ */ a(
+                se,
+                {
+                  icon: /* @__PURE__ */ a(ie, {}),
+                  className: "autocomplete-delete-button",
+                  onClick: (e) => {
+                    k(), e.stopPropagation();
+                  }
+                }
+              )
+            }
+          ),
+          m && Array.isArray(t) && t.length ? /* @__PURE__ */ a("ul", { ref: n, className: "autocomplete-value-container", children: W ? /* @__PURE__ */ D(ae, { children: [
+            /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+              G,
+              {
+                text: t[0]?.value ?? t[0]?.name,
+                onDelete: (e) => {
+                  _(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) => {
+                _(s), N.stopPropagation();
+              }
+            }
+          ) }, e.id ?? e.value ?? e.name)) }) : null
+        ] }),
+        u && /* @__PURE__ */ a(
+          "ul",
+          {
+            className: "autocomplete-suggestions-container",
+            style: { width: q.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) => {
+                  k(e), s.stopPropagation();
+                },
+                children: e.value ?? e.name
+              },
+              e.id ?? e.value ?? e.name
+            ))
+          }
+        )
+      ]
+    }
+  );
+});
+var Y = /* @__PURE__ */ ((l) => (l.error = "error", l.good = "good", l.default = "default", l))(Y || {});
+const J = (l) => {
+  switch (l) {
+    case "error":
+      return "input-error";
+    case "good":
+      return "input-good";
+    default:
+      return "input-normal";
+  }
+}, Q = (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";
+  }
+}, Ce = j(function(l, C) {
+  const {
+    checked: y,
+    onChange: t,
+    name: r = "",
+    id: x = "",
+    label: I = "",
+    state: A = Y.default,
+    containerClassName: v = "",
+    inputClassName: E = "",
+    labelClassName: w = "",
+    ...L
+  } = l;
+  return /* @__PURE__ */ D("label", { className: d("input-check-container", v), children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        id: x,
+        ref: C,
+        name: r,
+        type: "checkbox",
+        checked: y,
+        onChange: t,
+        className: d(
+          "input-check",
+          J(A),
+          E
+        ),
+        ...L
+      }
+    ),
+    /* @__PURE__ */ a(
+      "span",
+      {
+        className: d(
+          "input-check-label",
+          Q(A),
+          w
+        ),
+        children: I
+      }
+    )
+  ] });
+}), Z = (l) => l == null ? !1 : Array.isArray(l) ? l.length > 0 : `${l}`.length > 0, oe = /* @__PURE__ */ new Set([
+  "date",
+  "datetime-local",
+  "time",
+  "month",
+  "week",
+  "range",
+  "color",
+  "file"
+]), te = j(function(l, C) {
+  const {
+    children: y,
+    state: t = Y.default,
+    label: r = "",
+    containerClassName: x = "",
+    inputClassName: I = "",
+    labelClassName: A = "",
+    helperText: v = "",
+    helperTextClassName: E = "",
+    value: w,
+    defaultValue: L,
+    onChange: R,
+    onFocus: m,
+    onBlur: T,
+    ...o
+  } = l, F = w !== void 0, [U, P] = O(
+    () => Z(L)
+  ), B = F ? Z(w) : U, H = oe.has(
+    o.type ?? ""
+  ), b = !!o.placeholder || H, h = o["aria-required"] === !0 || String(o["aria-required"]).toLowerCase() === "true", u = !!(o.required || h), f = (g) => {
+    F || P(g.currentTarget.value.length > 0), R?.(g);
+  };
+  return /* @__PURE__ */ D("div", { className: d("text-input-container", x), children: [
+    /* @__PURE__ */ D("div", { className: "text-input-field", children: [
+      /* @__PURE__ */ a(
+        "input",
+        {
+          ref: C,
+          defaultValue: L,
+          onChange: f,
+          onFocus: m,
+          onBlur: T,
+          ...F ? { value: w } : {},
+          className: d(
+            "text-input",
+            J(t),
+            I,
+            B ? "has-value" : "",
+            o.placeholder ? "has-placeholder" : "",
+            b ? "keep-label-up" : ""
+          ),
+          ...o
+        }
+      ),
+      !!r && /* @__PURE__ */ D(
+        "label",
+        {
+          htmlFor: o.id,
+          className: d(
+            "text-input-label",
+            Q(t),
+            A
+          ),
+          children: [
+            r,
+            u ? " *" : ""
+          ]
+        }
+      ),
+      y
+    ] }),
+    !!v && /* @__PURE__ */ a(
+      "p",
+      {
+        className: d(
+          "text-input-helper-text",
+          ee(t),
+          E
+        ),
+        children: v
+      }
+    )
+  ] });
+}), ye = j(function(l, C) {
+  const {
+    value: y,
+    onChange: t,
+    options: r,
+    containerClassName: x = "",
+    inputClassName: I = "",
+    labelClassName: A = "",
+    helperText: v = "",
+    helperTextClassName: E = "",
+    label: w = "",
+    placeholder: L = "",
+    name: R = "",
+    id: m = "",
+    state: T = Y.default,
+    native: o = !0,
+    disabled: F,
+    required: U,
+    autoFocus: P,
+    children: B,
+    ...H
+  } = l, b = M(null), [h, u] = O(!1), [f, g] = O(-1), i = z(
+    () => r.findIndex(
+      (n) => String(n.id) === String(y ?? r[0]?.id ?? "")
+    ),
+    [r, y]
+  ), p = z(
+    () => i >= 0 ? r[i] : void 0,
+    [r, i]
+  );
+  K(() => {
+    if (!(o || !h)) {
+      if (!r.length) {
+        g(-1);
+        return;
+      }
+      g(i >= 0 ? i : 0);
+    }
+  }, [o, r.length, i, h]), K(() => {
+    if (o) return;
+    const n = (c) => {
+      b.current && !b.current.contains(c.target) && u(!1);
+    };
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
+    };
+  }, [o]);
+  const q = S(
+    (n) => {
+      C && (typeof C == "function" ? C(n) : C.current = n);
+    },
+    [C]
+  ), V = S(
+    (n) => {
+      if (!t) return;
+      const c = {
+        target: { value: String(n) },
+        currentTarget: { value: String(n) }
+      };
+      t(c);
+    },
+    [t]
+  ), W = S(
+    (n) => {
+      const c = r[n];
+      c && (V(c.id), u(!1));
+    },
+    [V, r]
+  ), $ = 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 k = c >= 0 ? c : i;
+            return n.key === "ArrowDown" ? (k + 1 + r.length) % r.length : (k - 1 + r.length) % r.length;
+          });
+          return;
+        }
+        if (n.key === "Enter") {
+          if (!h) {
+            n.preventDefault(), u(!0), g(i >= 0 ? i : 0);
+            return;
+          }
+          n.preventDefault(), W(f >= 0 ? f : 0);
+          return;
+        }
+        n.key === "Escape" && h && (n.preventDefault(), u(!1));
+      }
+    },
+    [f, r, W, i, h]
+  );
+  return o ? /* @__PURE__ */ D("div", { className: d("select-input-container", x), children: [
+    /* @__PURE__ */ a(
+      "select",
+      {
+        ...H,
+        id: m,
+        ref: q,
+        name: R,
+        value: y,
+        onChange: t,
+        className: d(
+          "select-input",
+          J(T),
+          "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",
+          Q(T),
+          A
+        ),
+        children: w
+      }
+    ),
+    B,
+    v && /* @__PURE__ */ a(
+      "p",
+      {
+        className: d(
+          "select-input-helper-text",
+          ee(T),
+          E
+        ),
+        children: v
+      }
+    )
+  ] }) : /* @__PURE__ */ D(
+    "div",
+    {
+      ref: b,
+      className: d("select-input-container", x),
+      children: [
+        /* @__PURE__ */ a(
+          "select",
+          {
+            ...H,
+            ref: q,
+            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: T,
+            value: String(p?.value ?? p?.name ?? ""),
+            readOnly: !0,
+            label: w,
+            helperText: v,
+            containerClassName: "select-input-text-container",
+            inputClassName: d("select-input-text", I),
+            labelClassName: A,
+            helperTextClassName: E,
+            placeholder: L,
+            disabled: F,
+            required: U,
+            autoFocus: P,
+            onClick: () => u((n) => !n),
+            onKeyDown: $,
+            onFocus: () => u(!0),
+            role: "combobox",
+            "aria-expanded": h,
+            "aria-haspopup": "listbox",
+            children: B
+          }
+        ),
+        h && /* @__PURE__ */ a("ul", { className: "select-input-options-container", role: "listbox", children: r.map((n, c) => {
+          const k = String(n.id) === String(y);
+          return /* @__PURE__ */ a(
+            "li",
+            {
+              role: "option",
+              "aria-selected": k,
+              className: d(
+                "select-input-option-item",
+                c === f ? "highlighted" : ""
+              ),
+              onMouseEnter: () => g(c),
+              onClick: (_) => {
+                W(c), _.stopPropagation();
+              },
+              children: n.value ?? n.name ?? n.id
+            },
+            n.id
+          );
+        }) })
+      ]
+    }
+  );
+});
+export {
+  ge as A,
+  Ce as C,
+  ye as S,
+  te as T,
+  Y as a,
+  ee as h,
+  J as i,
+  Q as l
+};

package/dist/{Table-CnfjTeDZ.js → Table-ARgTVSwK.js}

@@ -4,7 +4,7 @@ import { c as O } from "./classNames-DDRjbGA1.js";
 import { useState as V, useRef as B, useEffect as j, useMemo as S, useCallback as x, Fragment as ue } from "react";
 import { u as J, a as $, F as pe } from "./FiltersProvider-iOkSYSFZ.js";
 import { E as me, c as ae, C as ie, T as he, a as fe, b as be, B as ge, F as Ne } from "./TableColumns-CIddkosX.js";
-import { C as re, A as Ce, S as te, T as Z } from "./SelectInput-BKFTGaAm.js";
+import { C as re, A as Ce, S as te, T as Z } from "./SelectInput-D09muy0T.js";
 import { u as D } from "./TableOptionsProvider-Dzq4dOu8.js";
 import { u as _ } from "./TranslationProvider-DNybGe-x.js";
 import { I as U } from "./IconButton-CqPk_OXG.js";