@sito/dashboard 0.0.73 → 0.0.75

package/dist/Badge-DSSlox-y.cjs

@@ -0,0 +1 @@
+var r=require("./Badge.css");const c=require("react/jsx-runtime"),n=require("./classNames-DHAzUjfZ.cjs"),t=s=>{const{count:e,className:a=""}=s;return c.jsx("span",{className:n.classNames("badge-main",a),children:e})};exports.Badge=t;

package/dist/Badge-DW9i2Rh6.js

@@ -0,0 +1,10 @@
+import "./Badge.css";
+import { jsx as o } from "react/jsx-runtime";
+import { c as r } from "./classNames-DDRjbGA1.js";
+const n = (s) => {
+  const { count: a, className: m = "" } = s;
+  return /* @__PURE__ */ o("span", { className: r("badge-main", m), children: a });
+};
+export {
+  n as B
+};

package/dist/Badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge-Z78MlGoQ.cjs");exports.Badge=e.Badge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge-DSSlox-y.cjs");exports.Badge=e.Badge;

package/dist/Badge.js

@@ -1,4 +1,4 @@
-import { B as o } from "./Badge-CIeYthEy.js";
+import { B as o } from "./Badge-DW9i2Rh6.js";
 export {
   o as Badge
 };

package/dist/Button-BxyXUUMe.cjs

@@ -0,0 +1 @@
+var l=require("./Button.css");const c=require("react/jsx-runtime"),u=require("./classNames-DHAzUjfZ.cjs"),i=t=>{const{children:s,type:e="button",variant:n="text",color:o="default",className:r="",...a}=t;return c.jsx("button",{type:e,className:u.classNames("button",n,o,r),...a,children:s})};exports.Button=i;

package/dist/Button-C6icqzyN.js

@@ -0,0 +1,25 @@
+import "./Button.css";
+import { jsx as c } from "react/jsx-runtime";
+import { c as m } from "./classNames-DDRjbGA1.js";
+const p = (t) => {
+  const {
+    children: o,
+    type: s = "button",
+    variant: r = "text",
+    color: a = "default",
+    className: e = "",
+    ...n
+  } = t;
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: s,
+      className: m("button", r, a, e),
+      ...n,
+      children: o
+    }
+  );
+};
+export {
+  p as B
+};

package/dist/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-BlYa3uPc.cjs");exports.Button=t.Button;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-BxyXUUMe.cjs");exports.Button=t.Button;

package/dist/Button.js

@@ -1,4 +1,4 @@
-import { B as r } from "./Button-D73-swfo.js";
+import { B as r } from "./Button-C6icqzyN.js";
 export {
   r as Button
 };

package/dist/Chip-6bEZ7uwv.js

@@ -0,0 +1,43 @@
+import "./Chip.css";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as s } from "./classNames-DDRjbGA1.js";
+import { C as d } from "./Close-rKC9AcNX.js";
+import { I as h } from "./IconButton-CqPk_OXG.js";
+function b(t) {
+  const {
+    text: i,
+    onDelete: e,
+    children: o,
+    icon: n,
+    variant: c = "default",
+    iconClassName: l = "",
+    className: m = "",
+    textClassName: r = ""
+  } = t;
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: s(
+        "chip-main",
+        c,
+        e ? "deletable" : "",
+        m
+      ),
+      children: [
+        /* @__PURE__ */ a("span", { className: s("chip-main-text", r), children: i }),
+        o,
+        e ? /* @__PURE__ */ a(
+          h,
+          {
+            icon: n ?? /* @__PURE__ */ a(d, {}),
+            className: s("chip-delete-button", l),
+            onClick: e
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  b as C
+};

package/dist/Chip-N4r2Xf9l.cjs

@@ -0,0 +1 @@
+var x=require("./Chip.css");const s=require("react/jsx-runtime"),t=require("./classNames-DHAzUjfZ.cjs"),u=require("./Close-O9P7wJGf.cjs"),N=require("./IconButton-DVZCHIHB.cjs");function h(a){const{text:c,onDelete:e,children:n,icon:i,variant:l="default",iconClassName:o="",className:r="",textClassName:m=""}=a;return s.jsxs("div",{className:t.classNames("chip-main",l,e?"deletable":"",r),children:[s.jsx("span",{className:t.classNames("chip-main-text",m),children:c}),n,e?s.jsx(N.IconButton,{icon:i??s.jsx(u.Close,{}),className:t.classNames("chip-delete-button",o),onClick:e}):null]})}exports.Chip=h;

package/dist/Chip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Chip-D17UJHW6.cjs");exports.Chip=e.Chip;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Chip-N4r2Xf9l.cjs");exports.Chip=e.Chip;

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { C as r } from "./Chip-C5ogKbFn.js";
+import { C as r } from "./Chip-6bEZ7uwv.js";
 export {
   r as Chip
 };

package/dist/FileInput-C7ZYKt_i.js

@@ -0,0 +1,100 @@
+import "./FileInput.css";
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { c as r } from "./classNames-DDRjbGA1.js";
+import { forwardRef as $, useState as q, useCallback as p } from "react";
+import { T as v } from "./Tooltip-p-nQtZ5Y.js";
+import { F as A } from "./File-BuJndWMv.js";
+import { C as B } from "./Chip-6bEZ7uwv.js";
+import { I as D } from "./IconButton-CqPk_OXG.js";
+import { C as M } from "./Close-rKC9AcNX.js";
+function F(t, i = 25) {
+  if (t.length <= i) return t;
+  const a = t.lastIndexOf(".");
+  if (a === -1)
+    return t.slice(0, i - 3) + "...";
+  const f = t.slice(0, a), o = t.slice(a), d = i - o.length - 3;
+  return f.slice(0, d) + "..." + o;
+}
+const Q = $(function(t, i) {
+  const {
+    children: a,
+    label: f,
+    containerClassName: o = "",
+    inputClassName: d = "",
+    labelClassName: b = "",
+    helperText: g = "",
+    helperTextClassName: I = "",
+    iconClassName: w = "",
+    multiple: h = !1,
+    onChange: x,
+    onClear: c,
+    ...u
+  } = t, [n, C] = q([]), T = p(
+    (e) => {
+      if (e.target.files) {
+        const s = Array.from(e.target.files);
+        C(
+          (m) => h ? [...m, ...s] : s.slice(0, 1)
+        );
+      }
+      x?.(e);
+    },
+    [h, x]
+  ), k = p(
+    (e) => {
+      C((s) => {
+        const m = s.filter((O, R) => R !== e);
+        return m.length === 0 && c?.(), m;
+      });
+    },
+    [c]
+  ), y = p(() => {
+    C([]), c?.();
+  }, [c]), j = p(
+    (e) => {
+      e.currentTarget.value = "";
+    },
+    []
+  );
+  return /* @__PURE__ */ N("div", { className: r("file-input-container", o), children: [
+    n.length === 0 && /* @__PURE__ */ N("label", { htmlFor: u.id, className: r(b), children: [
+      f,
+      /* @__PURE__ */ l(
+        "input",
+        {
+          type: "file",
+          ref: i,
+          multiple: h,
+          onClick: j,
+          onChange: T,
+          className: r("file-input", d),
+          ...u
+        }
+      ),
+      u.required ? " *" : ""
+    ] }),
+    n.length > 1 && /* @__PURE__ */ l("ul", { className: "file-preview-list", children: n.map((e, s) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(v, { content: e.name, children: /* @__PURE__ */ l(
+      B,
+      {
+        text: F(e.name, 25),
+        onDelete: () => k(s)
+      }
+    ) }) }, `${e.name}-${e.lastModified}`)) }),
+    n.length === 1 && /* @__PURE__ */ N("div", { className: "file-preview", children: [
+      /* @__PURE__ */ l(A, { className: r("file-icon", w) }),
+      /* @__PURE__ */ l(v, { content: n[0]?.name ?? "", children: /* @__PURE__ */ l("span", { className: "file-preview-name", children: F(n[0]?.name ?? "", 25) }) }),
+      /* @__PURE__ */ l(D, { icon: /* @__PURE__ */ l(M, {}), onClick: y, type: "button" })
+    ] }),
+    a,
+    !!g && /* @__PURE__ */ l(
+      "p",
+      {
+        className: r("file-input-helper-text", I),
+        children: g
+      }
+    )
+  ] });
+});
+export {
+  Q as F
+};

package/dist/FileInput-Cz2R3z3k.cjs

@@ -0,0 +1 @@
+var M=require("./FileInput.css");const e=require("react/jsx-runtime"),r=require("./classNames-DHAzUjfZ.cjs"),i=require("react"),j=require("./Tooltip-B7LXJBLs.cjs"),y=require("./File-_Hjw2d3F.cjs"),R=require("./Chip-N4r2Xf9l.cjs"),B=require("./IconButton-DVZCHIHB.cjs"),$=require("./Close-O9P7wJGf.cjs");function g(l,a=25){if(l.length<=a)return l;const c=l.lastIndexOf(".");if(c===-1)return l.slice(0,a-3)+"...";const d=l.slice(0,c),o=l.slice(c),m=a-o.length-3;return d.slice(0,m)+"..."+o}const A=i.forwardRef(function(l,a){const{children:c,label:d,containerClassName:o="",inputClassName:m="",labelClassName:b="",helperText:C="",helperTextClassName:q="",iconClassName:k="",multiple:p=!1,onChange:N,onClear:u,...f}=l,[t,x]=i.useState([]),v=i.useCallback(s=>{if(s.target.files){const n=Array.from(s.target.files);x(h=>p?[...h,...n]:n.slice(0,1))}N?.(s)},[p,N]),F=i.useCallback(s=>{x(n=>{const h=n.filter((D,w)=>w!==s);return h.length===0&&u?.(),h})},[u]),I=i.useCallback(()=>{x([]),u?.()},[u]),T=i.useCallback(s=>{s.currentTarget.value=""},[]);return e.jsxs("div",{className:r.classNames("file-input-container",o),children:[t.length===0&&e.jsxs("label",{htmlFor:f.id,className:r.classNames(b),children:[d,e.jsx("input",{type:"file",ref:a,multiple:p,onClick:T,onChange:v,className:r.classNames("file-input",m),...f}),f.required?" *":""]}),t.length>1&&e.jsx("ul",{className:"file-preview-list",children:t.map((s,n)=>e.jsx("li",{children:e.jsx(j.Tooltip,{content:s.name,children:e.jsx(R.Chip,{text:g(s.name,25),onDelete:()=>F(n)})})},`${s.name}-${s.lastModified}`))}),t.length===1&&e.jsxs("div",{className:"file-preview",children:[e.jsx(y.File,{className:r.classNames("file-icon",k)}),e.jsx(j.Tooltip,{content:t[0]?.name??"",children:e.jsx("span",{className:"file-preview-name",children:g(t[0]?.name??"",25)})}),e.jsx(B.IconButton,{icon:e.jsx($.Close,{}),onClick:I,type:"button"})]}),c,!!C&&e.jsx("p",{className:r.classNames("file-input-helper-text",q),children:C})]})});exports.FileInput=A;

package/dist/Form.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SelectInput-B9EEu-h1.cjs"),t=require("./FileInput-CqzVk1gQ.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--rJuMO4C.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,5 +1,5 @@
-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-H421nC22.js";
-import { F as r } from "./FileInput-Cr4TxWUg.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-2oVsA3EU.js";
+import { F as r } from "./FileInput-C7ZYKt_i.js";
 export {
   e as AutocompleteInput,
   s as CheckInput,

package/dist/{IconButton-BpsTEj0z.js → IconButton-CqPk_OXG.js}

@@ -1,11 +1,12 @@
 import "./IconButton.css";
 import { jsxs as l, jsx as m } from "react/jsx-runtime";
-const d = (t) => {
+import { c as p } from "./classNames-DDRjbGA1.js";
+const x = (t) => {
   const {
-    children: n,
+    children: s,
     icon: o,
-    type: s = "button",
-    className: a = "",
+    type: a = "button",
+    className: n = "",
     variant: c = "text",
     color: e = "default",
     iconClassName: r = "",
@@ -14,16 +15,16 @@ const d = (t) => {
   return /* @__PURE__ */ l(
     "button",
     {
-      type: s,
-      className: `icon-button ${a} ${c} ${e}`,
+      type: a,
+      className: p("icon-button", n, c, e),
       ...i,
       children: [
         /* @__PURE__ */ m("span", { className: r, children: o }),
-        n
+        s
       ]
     }
   );
 };
 export {
-  d as I
+  x as I
 };

package/dist/IconButton-DVZCHIHB.cjs

@@ -0,0 +1 @@
+var N=require("./IconButton.css");const s=require("react/jsx-runtime"),u=require("./classNames-DHAzUjfZ.cjs"),m=t=>{const{children:n,icon:e,type:c="button",className:o="",variant:a="text",color:r="default",iconClassName:i="",...l}=t;return s.jsxs("button",{type:c,className:u.classNames("icon-button",o,a,r),...l,children:[s.jsx("span",{className:i,children:e}),n]})};exports.IconButton=m;

package/dist/IconButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconButton-CVnmT2E9.cjs");exports.IconButton=t.IconButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconButton-DVZCHIHB.cjs");exports.IconButton=t.IconButton;

package/dist/IconButton.js

@@ -1,4 +1,4 @@
-import { I as n } from "./IconButton-BpsTEj0z.js";
+import { I as n } from "./IconButton-CqPk_OXG.js";
 export {
   n as IconButton
 };

package/dist/Loading-BTwXNOEv.js

@@ -0,0 +1,27 @@
+import "./Loading.css";
+import { jsx as e } from "react/jsx-runtime";
+import { c as r } from "./classNames-DDRjbGA1.js";
+function m(s) {
+  const {
+    color: a = "stroke-blue-800",
+    className: l = "",
+    loaderClass: c = "",
+    strokeWidth: i = "4",
+    ...o
+  } = s;
+  return /* @__PURE__ */ e("div", { ...o, className: r("loading", l), children: /* @__PURE__ */ e("div", { className: "loader-container", children: /* @__PURE__ */ e("div", { className: r("loader", c), children: /* @__PURE__ */ e("svg", { className: "circular", viewBox: "25 25 50 50", children: /* @__PURE__ */ e(
+    "circle",
+    {
+      className: r("path", a),
+      cx: "50",
+      cy: "50",
+      r: "20",
+      fill: "none",
+      strokeWidth: i,
+      strokeMiterlimit: "10"
+    }
+  ) }) }) }) });
+}
+export {
+  m as L
+};

package/dist/Loading-C70yH2dC.cjs

@@ -0,0 +1 @@
+var t=require("./Loading.css");const s=require("react/jsx-runtime"),e=require("./classNames-DHAzUjfZ.cjs");function n(a){const{color:c="stroke-blue-800",className:l="",loaderClass:r="",strokeWidth:i="4",...o}=a;return s.jsx("div",{...o,className:e.classNames("loading",l),children:s.jsx("div",{className:"loader-container",children:s.jsx("div",{className:e.classNames("loader",r),children:s.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:s.jsx("circle",{className:e.classNames("path",c),cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:i,strokeMiterlimit:"10"})})})})})}exports.Loading=n;

package/dist/Loading.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Loading-CNECRan-.cjs");exports.Loading=e.Loading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Loading-C70yH2dC.cjs");exports.Loading=e.Loading;

package/dist/Loading.js

@@ -1,4 +1,4 @@
-import { L as r } from "./Loading-B_c_4XLr.js";
+import { L as r } from "./Loading-BTwXNOEv.js";
 export {
   r as Loading
 };

package/dist/SelectInput--rJuMO4C.cjs

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