@fluidattacks/design 3.15.7-pr-01 → 3.15.7-pr-02

package/dist/{components-CaX3GhSk.mjs → components-D7jZe6s5.mjs}

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as h, Fragment as Oe } from "react/jsx-runtime";
-import Me, { forwardRef as G, useState as L, useCallback as v, StrictMode as ii, useEffect as _, useRef as M, useMemo as J, Children as ni, isValidElement as ai, cloneElement as ri, Fragment as vt } from "react";
+import Me, { forwardRef as G, useState as L, useCallback as v, StrictMode as ii, useEffect as _, useRef as B, useMemo as J, Children as ni, isValidElement as ai, cloneElement as ri, Fragment as vt } from "react";
 import { o as oi, d as $, n as D, u as li, a as si, b as ci, c as di, e as pi, l as P, f as kt, g as gi, h as ui, s as fi, i as fe, _ as A, $ as hi, j as yi, k as bi, m as $i, p as xi, q as mi, r as wi, t as vi, v as Ct, C as St, w as ki, x as Ci, y as Si, z as et, A as ke, B as zi, D as Ii, E as zt, F as It, G as Ce, H as Ti, I as Ni, J as Fi, K as Di, L as ji, M as se, N as Li, O as Tt, P as Ei, Q as Nt, R as Ri, S as Ai, T as Pi, U as Wi, V as Vi, W as Ft, X as Hi, Y as tt, Z as it, a0 as nt, a1 as Bi, a2 as Oi, a3 as Mi, a4 as Gi, a5 as Ui, a6 as _i, a7 as Yi, a8 as Ki, a9 as Dt, aa as qi, ab as Xi, ac as Zi, ad as Ji, ae as Qi, ag as en, ah as jt, ai as tn, aj as nn, ak as an, al as rn, am as on, an as ln, ao as sn, ap as cn, aq as dn, ar as at, as as pn, at as rt, au as gn } from "./vendor-ClHutGgA.mjs";
 import { createPortal as ie } from "react-dom";
 import { Link as un, useLocation as fn, NavLink as hn } from "react-router-dom";
@@ -1139,7 +1139,7 @@ const N = G(function({
   }), F = si(C, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), I = ci(C), E = di(C, { role: r ? "label" : "tooltip" }), { getReferenceProps: R, getFloatingProps: O } = pi([
+  }), I = ci(C), E = di(C, { role: r ? "label" : "tooltip" }), { getReferenceProps: R, getFloatingProps: M } = pi([
     F,
     I,
     E
@@ -1171,7 +1171,7 @@ const N = G(function({
       /* @__PURE__ */ h(
         Gn,
         {
-          ...O(),
+          ...M(),
           $maxWidth: c,
           id: `floating-${s}`,
           ref: k.setFloating,
@@ -1669,7 +1669,7 @@ const N = G(function({
     "noopener,noreferrer,"
   );
   P.isObject(i) && (i.opener = null);
-}, B = G(function({
+}, O = G(function({
   children: t,
   disabled: i = !1,
   external: a = !1,
@@ -1745,7 +1745,7 @@ const N = G(function({
       zIndex: 30,
       children: [
         !!i ? /* @__PURE__ */ h(
-          B,
+          O,
           {
             onClick: i,
             pb: 0.5,
@@ -2276,7 +2276,7 @@ const N = G(function({
   ...l
 }) => {
   var g;
-  const s = M(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = hi(
+  const s = B(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = hi(
     {
       ...l,
       popoverRef: a ?? s,
@@ -2362,7 +2362,7 @@ const N = G(function({
   item: e,
   state: t
 }) => {
-  const i = D(), a = M(null), { optionProps: r, isSelected: o, isFocused: l, isDisabled: s } = bi(
+  const i = D(), a = B(null), { optionProps: r, isSelected: o, isFocused: l, isDisabled: s } = bi(
     { key: e.key },
     t,
     a
@@ -2406,20 +2406,20 @@ const N = G(function({
   var Qe;
   const w = D(), k = t ? void 0 : i, S = (e == null ? void 0 : e.value) ?? m, [C, F] = L(
     ((Qe = d.find((H) => H.value === S)) == null ? void 0 : Qe.name) ?? ""
-  ), [I, E] = L(S), [R, O] = L(d), [W, V] = L(!1), { contains: ee } = $i({ sensitivity: "base" }), oe = M(null), pe = M(null), U = M(null), K = M(null), le = M(null), We = J(() => d.map(
+  ), [I, E] = L(S), [R, M] = L(d), [W, V] = L(!1), { contains: ee } = $i({ sensitivity: "base" }), oe = B(null), pe = B(null), U = B(null), K = B(null), le = B(null), We = J(() => d.map(
     (H) => ee(H.name, C) || W ? /* @__PURE__ */ n(xi, { children: H.name }, H.value) : null
   ), [ee, C, d, W]), Kt = v(
     (H) => {
       F(H), H === "" ? V(!0) : (V(!1), E((X) => {
         const he = H === "" ? "" : X;
         return e && e.onChange(he), g && g(H), he;
-      }), O(d.filter((X) => ee(X.name, H))));
+      }), M(d.filter((X) => ee(X.name, H))));
     },
     [ee, d, e, g]
   ), qt = v(
     (H) => {
       var X;
-      F(((X = d.find((he) => he.value === H)) == null ? void 0 : X.name) ?? ""), E(H ? String(H) : ""), e && e.onChange(H), g && g(H ? String(H) : ""), O(d);
+      F(((X = d.find((he) => he.value === H)) == null ? void 0 : X.name) ?? ""), E(H ? String(H) : ""), e && e.onChange(H), g && g(H ? String(H) : ""), M(d);
     },
     [d, e, g]
   ), Je = v(
@@ -2748,7 +2748,7 @@ const N = G(function({
     width: 100%;
   `}
 `, ga = ({ state: e, date: t }) => {
-  const i = M(null), a = ki(t, Ci()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Si({ date: t }, e, i), d = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
+  const i = B(null), a = ki(t, Ci()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Si({ date: t }, e, i), d = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
   return /* @__PURE__ */ n(da, { id: g, ...r, children: /* @__PURE__ */ h(
     "div",
     {
@@ -2886,7 +2886,7 @@ const N = G(function({
   icon: t,
   props: i
 }) => {
-  const a = M(null), { buttonProps: r } = Ct(i, a);
+  const a = B(null), { buttonProps: r } = Ct(i, a);
   return /* @__PURE__ */ n(
     ha,
     {
@@ -2953,13 +2953,13 @@ const N = G(function({
       }
     ),
     /* @__PURE__ */ n(_e, { state: a }),
-    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(B, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(O, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Bt = ({
   segment: e,
   state: t
 }) => {
-  const i = D(), a = M(null), o = { ...e, placeholder: {
+  const i = D(), a = B(null), o = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -2990,7 +2990,7 @@ const N = G(function({
   error: t = !1,
   props: i
 }) => {
-  const a = D(), r = M(null), o = Ti({
+  const a = D(), r = B(null), o = Ti({
     ...i,
     createCalendar: Ce,
     locale: "en-US"
@@ -3033,7 +3033,7 @@ const N = G(function({
     ) : void 0
   ] });
 }, ma = (e) => {
-  const t = M(null), i = Fi({
+  const t = B(null), i = Fi({
     ...e,
     locale: "en-US",
     shouldForceLeadingZeros: !0
@@ -3144,7 +3144,7 @@ const N = G(function({
   children: e,
   ...t
 }) => {
-  const i = M(null), { dialogProps: a } = Li(t, i);
+  const i = B(null), { dialogProps: a } = Li(t, i);
   return /* @__PURE__ */ n(fa, { ...a, ref: i, children: e });
 }, ka = ({
   disabled: e = !1,
@@ -3161,7 +3161,7 @@ const N = G(function({
   watch: g,
   ...u
 }) => {
-  const f = M(null), b = g == null ? void 0 : g(s), m = v(
+  const f = B(null), b = g == null ? void 0 : g(s), m = v(
     (E) => {
       d && E && d(s, me(String(E)));
     },
@@ -3222,7 +3222,7 @@ const N = G(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: i } = ke(), a = M(null), r = Ri({ ...t, createCalendar: Ce, locale: i }), { prevButtonProps: o, nextButtonProps: l, title: s } = Ai(
+  const { locale: i } = ke(), a = B(null), r = Ri({ ...t, createCalendar: Ce, locale: i }), { prevButtonProps: o, nextButtonProps: l, title: s } = Ai(
     t,
     r,
     a
@@ -3238,7 +3238,7 @@ const N = G(function({
       }
     ),
     /* @__PURE__ */ n(_e, { state: r }),
-    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(B, { onClick: e, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(O, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
 }, Sa = $.div`
   ${({ theme: e, $disabled: t, $show: i }) => `
@@ -3265,7 +3265,7 @@ const N = G(function({
   variant: p = "default",
   ...g
 }) => {
-  const u = `${a}Max`, f = `${a}Min`, b = M(null), m = v(
+  const u = `${a}Max`, f = `${a}Min`, b = B(null), m = v(
     (R) => {
       s && R && (s(
         (c == null ? void 0 : c.name) ?? u,
@@ -3413,7 +3413,7 @@ const N = G(function({
         }
       ) })
     ] }),
-    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(B, { onClick: t, variant: "ghost", children: "Cancel" }) })
+    /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(O, { onClick: t, variant: "ghost", children: "Cancel" }) })
   ] });
 }, fl = (e) => {
   const {
@@ -3426,7 +3426,7 @@ const N = G(function({
     register: s,
     setValue: c,
     watch: d
-  } = e, p = d == null ? void 0 : d(o), g = M(null), u = Tt({
+  } = e, p = d == null ? void 0 : d(o), g = B(null), u = Tt({
     ...e,
     granularity: "minute",
     hourCycle: 12,
@@ -3532,7 +3532,7 @@ const N = G(function({
   weight: k,
   ...S
 }) => {
-  const { required: C, onBlur: F, onChange: I } = S, E = D(), R = e ? void 0 : o, O = l && s && !e, W = v(
+  const { required: C, onBlur: F, onChange: I } = S, E = D(), R = e ? void 0 : o, M = l && s && !e, W = v(
     (V) => {
       V.key === "Enter" && V.preventDefault();
     },
@@ -3556,7 +3556,7 @@ const N = G(function({
           re,
           {
             className: `
-          ${e ? "disabled" : ""} ${R ? "error" : ""} ${O ? "success" : ""}
+          ${e ? "disabled" : ""} ${R ? "error" : ""} ${M ? "success" : ""}
         `,
             children: [
               t ? /* @__PURE__ */ n(N, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0,
@@ -3589,7 +3589,7 @@ const N = G(function({
                   iconSize: "xs"
                 }
               ) : void 0,
-              O ? /* @__PURE__ */ n(
+              M ? /* @__PURE__ */ n(
                 N,
                 {
                   icon: "check-circle",
@@ -3644,12 +3644,12 @@ const N = G(function({
   watch: b,
   weight: m
 }) => {
-  const y = D(), w = t ? void 0 : i, k = M(null), S = b == null ? void 0 : b(c), C = ja(S), F = g == null ? void 0 : g(c, { required: p }), I = v(() => {
-    const O = He("change", c, void 0);
-    u && u(c, ""), F && F.onChange(O);
+  const y = D(), w = t ? void 0 : i, k = B(null), S = b == null ? void 0 : b(c), C = ja(S), F = g == null ? void 0 : g(c, { required: p }), I = v(() => {
+    const M = He("change", c, void 0);
+    u && u(c, ""), F && F.onChange(M);
   }, [F, c, u]), E = v(
-    (O) => {
-      const { files: W } = O.currentTarget, V = He(
+    (M) => {
+      const { files: W } = M.currentTarget, V = He(
         "change",
         c,
         W && W.length > 0 ? W : void 0
@@ -3660,8 +3660,8 @@ const N = G(function({
     },
     [F, c, d]
   ), R = v(
-    (O) => {
-      t ? O.preventDefault() : k.current && k.current.click();
+    (M) => {
+      t ? M.preventDefault() : k.current && k.current.click();
     },
     [t]
   );
@@ -3707,7 +3707,7 @@ const N = G(function({
                   }
                 ),
                 /* @__PURE__ */ h(
-                  B,
+                  O,
                   {
                     border: t ? `1px solid ${y.palette.gray[300]} !important` : "",
                     borderRadius: "0px 8px 8px 0px !important",
@@ -3797,7 +3797,7 @@ const N = G(function({
       W.key === "Enter" && V.length === 0 && W.preventDefault(), ["Enter", ","].includes(W.key) && V.length > 0 && !C.includes(V) ? (W.preventDefault(), F([...C, V]), k("")) : W.key === "Backspace" && !V.length && C.length && (W.preventDefault(), d == null || d(C[C.length - 1]), F(C.slice(0, -1)));
     },
     [w, d, F, C]
-  ), O = v(
+  ), M = v(
     (W) => () => {
       d == null || d(W), F(C.filter((V) => V !== W));
     },
@@ -3825,7 +3825,7 @@ const N = G(function({
               ae,
               {
                 disabled: e,
-                onClose: O(W),
+                onClose: M(W),
                 tagLabel: W
               },
               W
@@ -3973,8 +3973,8 @@ const N = G(function({
     u && u(s, R, { shouldDirty: !0 }), k(R);
   }, [y, w, o, l, s, u]), F = v(
     (E) => {
-      const { value: R } = E.target, O = /\d+/u.test(R) && !A.isEmpty(R);
-      u && u(s, O ? R : void 0), c && c(E), k(Number(R));
+      const { value: R } = E.target, M = /\d+/u.test(R) && !A.isEmpty(R);
+      u && u(s, M ? R : void 0), c && c(E), k(Number(R));
     },
     [s, c, u]
   ), I = v(
@@ -4277,10 +4277,10 @@ const N = G(function({
   watch: d,
   weight: p
 }) => {
-  const g = D(), u = M(null), f = e ? void 0 : t, b = (d == null ? void 0 : d(a)) ?? c, [m, y] = L(!1), [w, k] = L(""), { refs: S, floatingStyles: C } = Ft({
+  const g = D(), u = B(null), f = e ? void 0 : t, b = (d == null ? void 0 : d(a)) ?? c, [m, y] = L(!1), [w, k] = L(""), { refs: S, floatingStyles: C } = Ft({
     placement: "bottom-start",
     whileElementsMounted: kt
-  }), { inputRef: F, inputValue: I, handlePhoneValueChange: E, country: R, setCountry: O } = Hi({
+  }), { inputRef: F, inputValue: I, handlePhoneValueChange: E, country: R, setCountry: M } = Hi({
     countries: tt,
     defaultCountry: "co",
     forceDialCode: !0,
@@ -4297,9 +4297,9 @@ const N = G(function({
     [m]
   ), ee = v(
     (U) => () => {
-      O(U), y(!1), k("");
+      M(U), y(!1), k("");
     },
-    [O, y]
+    [M, y]
   ), oe = v(
     (U) => {
       U.key.length === 1 ? k((K) => K + U.key) : U.key === "Backspace" && k((K) => K.slice(0, -1));
@@ -5384,7 +5384,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               width: r.spacing[2.5]
             }
           ),
-          s ? /* @__PURE__ */ h(B, { onClick: d, variant: "ghost", children: [
+          s ? /* @__PURE__ */ h(O, { onClick: d, variant: "ghost", children: [
             o ? "Show Less" : "Show more",
             /* @__PURE__ */ n(
               N,
@@ -5559,7 +5559,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         e,
         /* @__PURE__ */ n(cr, { children: /* @__PURE__ */ h("div", { children: [
           a && /* @__PURE__ */ n(
-            B,
+            O,
             {
               id: a.id,
               onClick: o,
@@ -5569,7 +5569,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
             }
           ),
           i && /* @__PURE__ */ n(
-            B,
+            O,
             {
               id: i.id,
               onClick: l,
@@ -5642,7 +5642,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       mt: 1.5,
       children: [
         i ? /* @__PURE__ */ n(
-          B,
+          O,
           {
             id: `${t}-cancel`,
             justify: "center",
@@ -5653,7 +5653,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           }
         ) : void 0,
         /* @__PURE__ */ n(
-          B,
+          O,
           {
             disabled: e,
             id: t,
@@ -6245,7 +6245,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   onChangeHandler: i,
   variant: a
 }) => {
-  const r = M(null), [o, l] = L([]), [s, c] = L(""), d = v(
+  const r = B(null), [o, l] = L([]), [s, c] = L(""), d = v(
     (g) => {
       const { value: u } = g.target;
       c(u);
@@ -6365,7 +6365,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   modalRef: i,
   variant: a
 }) => {
-  const r = D(), o = M(null), [l, s] = L(void 0), c = v(
+  const r = D(), o = B(null), [l, s] = L(void 0), c = v(
     (g) => {
       const { checked: u, value: f } = g.target, b = i.columns.map((m) => {
         var y;
@@ -6468,7 +6468,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           py: 1.25,
           children: [
             /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: !i.hasChanged,
                 form: "columns-visibility",
@@ -6481,7 +6481,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               }
             ),
             /* @__PURE__ */ n(
-              B,
+              O,
               {
                 id: "columns-modal-submit",
                 justify: "center",
@@ -6782,7 +6782,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               setValue: p
             }
           ),
-          /* @__PURE__ */ n(B, { mt: 1, type: "submit", children: "Apply" })
+          /* @__PURE__ */ n(O, { mt: 1, type: "submit", children: "Apply" })
         ] })
       ]
     }
@@ -6818,9 +6818,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         var E, R;
         return {
           ...I,
-          options: (E = I.options) == null ? void 0 : E.map((O) => ({
-            ...O,
-            checked: y.checkbox.includes(O.value) || y.radio === O.value
+          options: (E = I.options) == null ? void 0 : E.map((M) => ({
+            ...M,
+            checked: y.checkbox.includes(M.value) || y.radio === M.value
           })),
           value: ["text", "select"].includes(I.type) ? ((R = y.text) == null ? void 0 : R[`${String(I.key)}-${I.filterFn ?? "caseInsensitive"}`]) ?? I.value : I.value,
           minValue: ["numberRange", "dateRange"].includes(I.type) ? y.minValue : I.minValue,
@@ -6863,9 +6863,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   return _(() => {
     const y = e.reduce(
       (w, { label: k, filterOptions: S }) => {
-        const C = S.flatMap(({ value: E, minValue: R, maxValue: O }) => [
+        const C = S.flatMap(({ value: E, minValue: R, maxValue: M }) => [
           R,
-          O,
+          M,
           E
         ]).filter(Boolean), F = S.flatMap(({ options: E }) => E ?? []).filter(({ checked: E = !1 }) => E).map(({ value: E }) => E), I = [
           ...C,
@@ -7234,7 +7234,7 @@ const ye = ({
       children: [
         /* @__PURE__ */ h(x, { pr: 0.25, children: [
           /* @__PURE__ */ n(
-            B,
+            O,
             {
               icon: "filter",
               id: "filterBtn",
@@ -7338,7 +7338,7 @@ const ye = ({
     document.getElementById("portals") ?? document.body
   ) : s.isOpen ? m : null;
 }, Fl = () => {
-  const [e, t] = L(!1), [i, a] = L(), r = M(null), o = Xe("confirm-dialog-modal"), l = v(
+  const [e, t] = L(!1), [i, a] = L(), r = B(null), o = Xe("confirm-dialog-modal"), l = v(
     async (p) => (a(p), t(!0), new Promise((g) => {
       r.current = g;
     })),
@@ -7375,7 +7375,7 @@ const ye = ({
       ]
     }
   ), confirm: l };
-}, xt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ n(B, { onClick: e.onClick, variant: t, children: e.text }), Kr = $.div`
+}, xt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ n(O, { onClick: e.onClick, variant: t, children: e.text }), Kr = $.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -7516,7 +7516,7 @@ const ye = ({
           e,
           /* @__PURE__ */ h(x, { display: "flex", gap: 0.75, maxWidth: s, children: [
             i ? /* @__PURE__ */ n(
-              B,
+              O,
               {
                 icon: i.icon,
                 id: `${l}-cancel`,
@@ -7529,7 +7529,7 @@ const ye = ({
               }
             ) : void 0,
             /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: ((r == null ? void 0 : r.disabled) ?? !1) || b.formState.isSubmitting || o && !b.formState.isDirty,
                 icon: r == null ? void 0 : r.icon,
@@ -7909,7 +7909,7 @@ const ye = ({
             py: 1,
             children: o.map(
               ({ icon: s, text: c, onClick: d }, p) => /* @__PURE__ */ n(
-                B,
+                O,
                 {
                   icon: s,
                   onClick: d,
@@ -8539,7 +8539,7 @@ const ye = ({
   manualOption: r,
   providers: o
 }) => {
-  const l = D(), [s, c] = L(!1), d = M(null);
+  const l = D(), [s, c] = L(!1), d = B(null);
   Re(
     d.current,
     () => {
@@ -8572,7 +8572,7 @@ const ye = ({
       width: "max-content",
       zIndex: 10,
       children: [
-        /* @__PURE__ */ n(B, { icon: "plus", onClick: g, variant: "primary", children: t }),
+        /* @__PURE__ */ n(O, { icon: "plus", onClick: g, variant: "primary", children: t }),
         /* @__PURE__ */ h(
           x,
           {
@@ -8780,7 +8780,7 @@ const Co = {
         children: s
       }
     ),
-    /* @__PURE__ */ n(B, { onClick: t, variant: "primary", children: l })
+    /* @__PURE__ */ n(O, { onClick: t, variant: "primary", children: l })
   ] });
 }, So = ({
   description: e = "",
@@ -8933,7 +8933,7 @@ const Co = {
                 justify: "center",
                 children: [
                   P.isObject(r) ? /* @__PURE__ */ n(
-                    B,
+                    O,
                     {
                       onClick: k,
                       variant: (r == null ? void 0 : r.variant) ?? "primary",
@@ -8942,7 +8942,7 @@ const Co = {
                     r == null ? void 0 : r.key
                   ) : void 0,
                   P.isObject(t) ? /* @__PURE__ */ n(
-                    B,
+                    O,
                     {
                       onClick: w,
                       variant: (t == null ? void 0 : t.variant) ?? "tertiary",
@@ -9470,7 +9470,7 @@ const Co = {
   secondaryOnClick: c,
   title: d
 }) => {
-  const p = D(), g = M(null), u = v(
+  const p = D(), g = B(null), u = v(
     (f) => () => {
       f(), r();
     },
@@ -9604,7 +9604,7 @@ const Co = {
                   zIndex: 40,
                   children: [
                     s === void 0 ? void 0 : /* @__PURE__ */ n(
-                      B,
+                      O,
                       {
                         color: `${p.palette.primary[500]} !important`,
                         onClick: c,
@@ -9614,7 +9614,7 @@ const Co = {
                         children: s
                       }
                     ),
-                    /* @__PURE__ */ n(B, { onClick: l, type: "submit", children: o })
+                    /* @__PURE__ */ n(O, { onClick: l, type: "submit", children: o })
                   ]
                 }
               )
@@ -9706,13 +9706,13 @@ const Co = {
   index: i,
   name: a
 }) => {
-  const r = M(null), { thumbProps: o, inputProps: l, isDragging: s } = on(
+  const r = B(null), { thumbProps: o, inputProps: l, isDragging: s } = on(
     { index: i, trackRef: t, inputRef: r },
     e
   );
   return /* @__PURE__ */ n("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ n(ln, { children: /* @__PURE__ */ n("input", { ...l, "aria-label": a, ref: r }) }) });
 }, Mo = (e, t, i) => Math.round((i - e) / (t - e) * 100), ss = (e) => {
-  const t = D(), i = M(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = sn(), p = cn({
+  const t = D(), i = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = sn(), p = cn({
     ...e,
     numberFormatter: d,
     onChange(b) {
@@ -9878,7 +9878,7 @@ const Co = {
           p,
           /* @__PURE__ */ h(Yo, { children: [
             o > 1 && /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: c.isDisabledPrevious ?? !1,
                 onClick: s(-1, f),
@@ -9887,7 +9887,7 @@ const Co = {
               }
             ),
             o < r.length ? /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: c.isDisabledNext ?? !1,
                 onClick: s(1, u),
@@ -9895,7 +9895,7 @@ const Co = {
                 children: "Next step"
               }
             ) : /* @__PURE__ */ n(
-              B,
+              O,
               {
                 disabled: e,
                 onClick: a,
@@ -10038,12 +10038,19 @@ const Co = {
     }
   `}
 `, Jo = $.div`
-  ${({ theme: e }) => `
-    display: flex;
+  ${({ theme: e, $size: t }) => `
+    display: ${t === void 0 || t === "long" ? "flex" : "block"};
     flex-direction: column;
     gap: ${e.spacing[1.5]};
     position: relative;
-    max-width: 1268px;
+    width: 1268px;
+    margin: 0 auto 0 auto;
+
+    div.timeline-card {
+      width: ${t === void 0 || t === "long" ? "510px" : "auto"};
+      margin-left: ${t === void 0 || t === "long" ? "0px" : "30px"};
+      margin-bottom: ${t === void 0 || t === "long" ? "0px" : e.spacing[0.5]};
+    }
 
     &::before {
       background-color: ${e.palette.gray[200]};
@@ -10075,7 +10082,7 @@ const Co = {
     &::before,
     > *::before {
       content: "";
-      left: 50%;
+      left: ${t === void 0 || t === "long" ? "50%" : "0px"};
       position: absolute;
       transform: translateX(-50%);
     }
@@ -10151,17 +10158,20 @@ const Co = {
       );
     }) })
   ] });
-}, gs = ({ items: e }) => /* @__PURE__ */ n(Jo, { children: e.map(
-  (t, i) => /* @__PURE__ */ n(
+}, gs = ({ items: e }) => {
+  const t = B(null), [i, a] = L("long");
+  return _(() => {
+    t.current && a(t.current.offsetWidth <= 1270 ? "small" : "long");
+  }, []), /* @__PURE__ */ n(x, { ref: t, width: "100%", children: /* @__PURE__ */ n(Jo, { $size: i, children: e.map((r, o) => /* @__PURE__ */ n(
     Qo,
     {
-      date: t.date,
-      description: t.description,
-      title: t.title
+      date: r.date,
+      description: r.description,
+      title: r.title
     },
-    `${t.title}-${i}`
-  )
-) }), el = $.div`
+    `${r.title}-${o}`
+  )) }) });
+}, el = $.div`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -10465,7 +10475,7 @@ export {
   je as k,
   pl as l,
   gl as m,
-  B as n,
+  O as n,
   ml as o,
   ul as p,
   kl as q,

package/dist/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-CRGBGUFn.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-AUkGVrsx.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-CRGBGUFn.js"),t=require("./vendor-C0aB6JXv.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Filters=e.Filters;exports.Form=e.Form;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.Lottie=e.Lottie;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.baseStep=e.baseStep;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-AUkGVrsx.js"),t=require("./vendor-C0aB6JXv.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Filters=e.Filters;exports.Form=e.Form;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.Lottie=e.Lottie;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.ToggleButton=e.ToggleButton;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.baseStep=e.baseStep;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;