@sito/dashboard 0.0.69 → 0.0.71

package/dist/{FiltersProvider-BoCTMqk8.js → FiltersProvider-BV023mmu.js}

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useReducer as p, useEffect as f, useMemo as l, createContext as m, useContext as v } from "react";
-import { u as x } from "./TableOptionsProvider-DBr-FW53.js";
+import { u as x } from "./TableOptionsProvider-BgnISoXx.js";
 var n = /* @__PURE__ */ ((e) => (e[e.update = 0] = "update", e[e.reset = 1] = "reset", e))(n || {});
 const a = (e) => {
   if (e) {

package/dist/{FiltersProvider-Bxge43VS.cjs → FiltersProvider-DVMj0LV0.cjs}

@@ -1 +1 @@
-"use strict";const p=require("react/jsx-runtime"),i=require("react"),f=require("./TableOptionsProvider-BJdeNIQj.cjs");var n=(e=>(e[e.update=0]="update",e[e.reset=1]="reset",e))(n||{});const o=e=>{if(e){const t={};return Object.keys(e)?.forEach(r=>{t[r]={value:e[r]}}),t}return{}};function a(e,t){const{type:s}=t;switch(s){case n.reset:return{};case n.update:{const{toUpdate:r}=t;return{...e,...r}}default:return e}}const d=i.createContext(void 0),v=e=>{const{children:t}=e,{filters:s}=f.useTableOptions(),[r,u]=i.useReducer(a,o(s));i.useEffect(()=>{u({type:n.reset});const c=o(s);Object.keys(c).length&&u({type:n.update,toUpdate:c})},[s]);const l=i.useMemo(()=>({currentFilters:r,setCurrentFilters:u}),[r]);return p.jsx(d.Provider,{value:l,children:t})},x=()=>{const e=i.useContext(d);if(!e)throw new Error("filtersContext must be used within a Provider");return e};exports.FiltersActions=n;exports.FiltersProvider=v;exports.filtersReducer=a;exports.initializer=o;exports.useFilters=x;
+"use strict";const p=require("react/jsx-runtime"),i=require("react"),f=require("./TableOptionsProvider-i4uVLLwH.cjs");var n=(e=>(e[e.update=0]="update",e[e.reset=1]="reset",e))(n||{});const o=e=>{if(e){const t={};return Object.keys(e)?.forEach(r=>{t[r]={value:e[r]}}),t}return{}};function a(e,t){const{type:s}=t;switch(s){case n.reset:return{};case n.update:{const{toUpdate:r}=t;return{...e,...r}}default:return e}}const d=i.createContext(void 0),v=e=>{const{children:t}=e,{filters:s}=f.useTableOptions(),[r,u]=i.useReducer(a,o(s));i.useEffect(()=>{u({type:n.reset});const c=o(s);Object.keys(c).length&&u({type:n.update,toUpdate:c})},[s]);const l=i.useMemo(()=>({currentFilters:r,setCurrentFilters:u}),[r]);return p.jsx(d.Provider,{value:l,children:t})},x=()=>{const e=i.useContext(d);if(!e)throw new Error("filtersContext must be used within a Provider");return e};exports.FiltersActions=n;exports.FiltersProvider=v;exports.filtersReducer=a;exports.initializer=o;exports.useFilters=x;

package/dist/FiltersProvider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FiltersProvider-Bxge43VS.cjs");exports.FiltersActions=e.FiltersActions;exports.FiltersProvider=e.FiltersProvider;exports.filtersReducer=e.filtersReducer;exports.initializer=e.initializer;exports.useFilters=e.useFilters;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FiltersProvider-DVMj0LV0.cjs");exports.FiltersActions=e.FiltersActions;exports.FiltersProvider=e.FiltersProvider;exports.filtersReducer=e.filtersReducer;exports.initializer=e.initializer;exports.useFilters=e.useFilters;

package/dist/FiltersProvider.js

@@ -1,4 +1,4 @@
-import { a as e, F as r, f as a, i as t, u as l } from "./FiltersProvider-BoCTMqk8.js";
+import { a as e, F as r, f as a, i as t, u as l } from "./FiltersProvider-BV023mmu.js";
 export {
   e as FiltersActions,
   r as FiltersProvider,

package/dist/Form.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextInput-C27RFuya.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-j7riQ8_P.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;

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 "./TextInput-DPYxzgm3.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-B0Ffd39D.js";
 import { F as r } from "./FileInput-Cr4TxWUg.js";
 export {
   e as AutocompleteInput,

package/dist/SelectInput-B0Ffd39D.js

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

package/dist/SelectInput-j7riQ8_P.cjs

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

package/dist/{TextInput.css → SelectInput.css}

@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.autocomplete-input-container{margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%}.autocomplete-value-input-container{width:100%;position:relative}.autocomplete-text-input{margin-bottom:calc(var(--spacing,.25rem) * 0)!important}.autocomplete-delete-button{top:50%;right:calc(var(--spacing,.25rem) * 2);--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute}.autocomplete-delete-button svg{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.autocomplete-suggestions-container{z-index:30;margin:calc(var(--spacing,.25rem) * 0);max-height:calc(var(--spacing,.25rem) * 44);width:100%;padding:calc(var(--spacing,.25rem) * 0);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;overflow:auto}.autocomplete-suggestion-item{cursor:pointer;padding:calc(var(--spacing,.25rem) * 2)}.autocomplete-value-container{top:50%;right:calc(var(--spacing,.25rem) * 2);justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex;position:absolute;transform:translateY(-50%)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.input-check-container{align-items:center;display:flex}.input-check{border-style:var(--tw-border-style);border-width:1px;border-radius:.25rem}.input-check:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.input-check-label{margin-left:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-font-weight:initial}}}.select-input-container{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%;position:relative}.select-input{appearance:none;border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));background-color:#0000;border-bottom-width:2px;display:block}.select-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.select-input-label{top:calc(var(--spacing,.25rem) * 3);z-index:-10;transform-origin:0;--tw-translate-y:calc(var(--spacing,.25rem) * -6);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-duration:.3s;transition-duration:.3s;position:absolute}.select-input-label:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.select-input-label:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing,.25rem) * -6);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}.select-input-label:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):focus~*){--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y);left:auto}.select-input-helper-text{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-font-weight:initial}}}.text-input-container{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%;position:relative}.text-input{appearance:none;border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));background-color:#0000;border-bottom-width:2px;display:block}.text-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.text-input-label{top:calc(var(--spacing,.25rem) * 3);transform-origin:0;--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-duration:.3s;transition-duration:.3s;position:absolute}.text-input:focus~.text-input-label{--tw-translate-y:calc(var(--spacing,.25rem) * -7);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}[dir=rtl] .text-input.keep-label-up~.text-input-label,[dir=rtl] .text-input:focus~.text-input-label{--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y);left:auto}.text-input.keep-label-up~.text-input-label,.text-input.has-placeholder~.text-input-label,.text-input.has-value~.text-input-label{--tw-translate-y:calc(var(--spacing,.25rem) * -7);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}.text-input-helper-text{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.autocomplete-input-container{margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%}.autocomplete-value-input-container{width:100%;position:relative}.autocomplete-text-input{margin-bottom:calc(var(--spacing,.25rem) * 0)!important}.autocomplete-delete-button{top:50%;right:calc(var(--spacing,.25rem) * 2);--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute}.autocomplete-delete-button svg{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.autocomplete-suggestions-container{z-index:30;margin:calc(var(--spacing,.25rem) * 0);max-height:calc(var(--spacing,.25rem) * 44);width:100%;padding:calc(var(--spacing,.25rem) * 0);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;overflow:auto}.autocomplete-suggestion-item{cursor:pointer;padding:calc(var(--spacing,.25rem) * 2)}.autocomplete-value-container{top:50%;right:calc(var(--spacing,.25rem) * 2);justify-content:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex;position:absolute;transform:translateY(-50%)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.input-check-container{align-items:center;display:flex}.input-check{border-style:var(--tw-border-style);border-width:1px;border-radius:.25rem}.input-check:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.input-check-label{margin-left:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-font-weight:initial}}}.select-input-container{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%;position:relative}.select-input{appearance:none;border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));background-color:#0000;border-bottom-width:2px;display:block}.select-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.select-input-label{top:calc(var(--spacing,.25rem) * 3);z-index:-10;transform-origin:0;--tw-translate-y:calc(var(--spacing,.25rem) * -6);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-duration:.3s;transition-duration:.3s;position:absolute}.select-input-label:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.select-input-label:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing,.25rem) * -6);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}.select-input-label:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):focus~*){--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y);left:auto}.select-input-helper-text{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.select-input-native-hidden{pointer-events:none;height:calc(var(--spacing,.25rem) * 0);width:calc(var(--spacing,.25rem) * 0);opacity:0;position:absolute}.select-input-text-container{margin-bottom:calc(var(--spacing,.25rem) * 0)}.select-input-text{cursor:pointer}.select-input-options-container{z-index:30;margin:calc(var(--spacing,.25rem) * 0);max-height:calc(var(--spacing,.25rem) * 44);width:100%;padding:calc(var(--spacing,.25rem) * 0);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;overflow:auto}.select-input-option-item{cursor:pointer;padding:calc(var(--spacing,.25rem) * 2)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-font-weight:initial}}}.text-input-container{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);width:100%;position:relative}.text-input{appearance:none;border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));background-color:#0000;border-bottom-width:2px;display:block}.text-input:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}.text-input-label{top:calc(var(--spacing,.25rem) * 3);transform-origin:0;--tw-translate-y:calc(var(--spacing,.25rem) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-duration:.3s;transition-duration:.3s;position:absolute}.text-input:focus~.text-input-label{--tw-translate-y:calc(var(--spacing,.25rem) * -7);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}[dir=rtl] .text-input.keep-label-up~.text-input-label,[dir=rtl] .text-input:focus~.text-input-label{--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y);left:auto}.text-input.keep-label-up~.text-input-label,.text-input.has-placeholder~.text-input-label,.text-input.has-value~.text-input-label{--tw-translate-y:calc(var(--spacing,.25rem) * -7);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);inset-inline-start:calc(var(--spacing,.25rem) * 0)}.text-input-helper-text{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}

package/dist/SvgIcons.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Filters-Dyee8QYH.cjs"),r=require("./Close-O9P7wJGf.cjs"),o=require("./File-_Hjw2d3F.cjs");exports.ChevronDown=e.ChevronDown;exports.ChevronLeft=e.ChevronLeft;exports.ChevronRight=e.ChevronRight;exports.ChevronUp=e.ChevronUp;exports.Ellipsis=e.Ellipsis;exports.Filters=e.Filters;exports.Close=r.Close;exports.File=o.File;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TableColumns-BjTNomZf.cjs"),r=require("./Close-O9P7wJGf.cjs"),o=require("./File-_Hjw2d3F.cjs");exports.BarsStaggered=e.BarsStaggered;exports.ChevronDown=e.ChevronDown;exports.ChevronLeft=e.ChevronLeft;exports.ChevronRight=e.ChevronRight;exports.ChevronUp=e.ChevronUp;exports.Ellipsis=e.Ellipsis;exports.Filters=e.Filters;exports.TableColumns=e.TableColumns;exports.Close=r.Close;exports.File=o.File;

package/dist/SvgIcons.js

@@ -1,13 +1,15 @@
-import { C as e, a as r, b as a, c as C, E as t, F as h } from "./Filters-DL5jd8ps.js";
-import { C as l } from "./Close-rKC9AcNX.js";
-import { F as p } from "./File-BuJndWMv.js";
+import { B as e, C as o, a as r, b as C, c as l, E as t, F as n, T as h } from "./TableColumns-CIddkosX.js";
+import { C as p } from "./Close-rKC9AcNX.js";
+import { F as m } from "./File-BuJndWMv.js";
 export {
-  e as ChevronDown,
+  e as BarsStaggered,
+  o as ChevronDown,
   r as ChevronLeft,
-  a as ChevronRight,
-  C as ChevronUp,
-  l as Close,
+  C as ChevronRight,
+  l as ChevronUp,
+  p as Close,
   t as Ellipsis,
-  p as File,
-  h as Filters
+  m as File,
+  n as Filters,
+  h as TableColumns
 };