@fluidattacks/design 3.1.12 → 3.1.14

package/dist/components/inputs/utils/date-time-field/index.js

@@ -1,32 +1,12 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { createCalendar as b } from "@internationalized/date";
-import { isNil as d } from "lodash";
-import { useRef as y, useCallback as f, useState as x } from "react";
-import { useDateField as S, useTimeField as C, useDateSegment as A } from "react-aria";
-import { useDateFieldState as F, useTimeFieldState as T } from "react-stately";
-import { useTheme as M } from "styled-components";
-import { I as k, T as D, a as g, b as h } from "../../../../styles-7_q7nHce.mjs";
-import { Icon as N } from "../../../icon/index.js";
-const P = ({ segment: i, state: m }) => {
-  const e = M(), a = y(null), t = { ...i, placeholder: { day: "dd", dayPeriod: "(AM/PM)", era: "", hour: "hh", literal: "", minute: "mm", month: "mm", second: "", timeZoneName: "", year: "yyyy" }[i.type] }, { segmentProps: r } = A(t, m, a), c = e.palette.gray[t.isEditable ? 800 : 500];
-  return o("div", { ...t.type !== "literal" && { ...r, className: "segment-cell" }, ref: a, style: t.type === "literal" ? void 0 : { color: t.isPlaceholder ? e.palette.gray[400] : c }, children: t.isPlaceholder ? t.placeholder : t.text });
-}, B = ({ disabled: i, error: m = !1, props: e }) => {
-  const a = M(), t = y(null), r = F({ ...e, createCalendar: b, locale: "en-US" }), { fieldProps: c } = S(e, r, t), p = f((l) => {
-    const n = document.getElementsByClassName("segment-cell"), s = l.currentTarget;
-    Object.values(n).some((v) => v.contains(s)) || (l.preventDefault(), l.stopPropagation());
-  }, []);
-  return u(k, { ...c, onClick: p, children: [o("div", { className: "flex flex-row", style: { color: a.palette.gray[d(r.value) ? 400 : 800] }, tabIndex: -1, children: r.segments.map((l, n) => {
-    const s = `key_${n}`;
-    return o(P, { segment: { ...l, isEditable: !i }, state: r }, s);
-  }) }), m ? o(N, { icon: "exclamation-circle", iconColor: a.palette.error[500], iconSize: "xs" }) : void 0] });
-}, L = (i) => {
-  const m = y(null), e = T({ ...i, locale: "en-US", shouldForceLeadingZeros: !0 }), { timeValue: a } = e, t = !d(a) && a.hour < 12 ? "AM" : "PM", [r, c] = x(d(a) ? "AM" : t), { fieldProps: p } = C(i, e, m), l = f((n) => {
-    const s = n.currentTarget.name;
-    s !== r && (d(a) || (s === "AM" ? e.setSegment("dayPeriod", 0) : s === "PM" && e.setSegment("dayPeriod", 12))), c(s);
-  }, [r, e, a]);
-  return u(D, { children: [o(g, { ...p, ref: m, children: e.segments.slice(0, -2).map((n, s) => o(P, { segment: n, state: e }, `key_${s}`)) }), u(g, { children: [o(h, { id: r === "AM" ? "active" : "", name: "AM", onClick: l, type: "button", children: "AM" }), o(h, { id: r === "PM" ? "active" : "", name: "PM", onClick: l, type: "button", children: "PM" })] })] });
-};
+import "react/jsx-runtime";
+import "@internationalized/date";
+import "lodash";
+import "react";
+import "react-aria";
+import "react-stately";
+import "styled-components";
+import { b2 as d, b3 as l } from "../../../../components-C2JBXbtI.mjs";
 export {
-  B as DateField,
-  L as TimeField
+  d as DateField,
+  l as TimeField
 };

package/dist/components/inputs/utils/dialog/index.js

@@ -1,11 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useRef as i } from "react";
-import { useDialog as m } from "react-aria";
-import { D as t } from "../../../../styles-7_q7nHce.mjs";
-const c = ({ children: r, ...s }) => {
-  const o = i(null), { dialogProps: a } = m(s, o);
-  return e(t, { ...a, ref: o, children: r });
-};
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import { b5 as t } from "../../../../components-C2JBXbtI.mjs";
 export {
-  c as Dialog
+  t as Dialog
 };

package/dist/components/inputs/utils/number-field/index.js

@@ -1,13 +1,7 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import { useTheme as x } from "styled-components";
-import { S as g } from "../../../../styles-lSVV9kjn.mjs";
-import { ActionButton as n } from "../action-button/index.js";
-import { Icon as v } from "../../../icon/index.js";
-const N = ({ error: i, decimalPlaces: a = 0, disabled: e = !1, max: t = 1 / 0, min: l = 0, name: m = "input-number", placeholder: d, ref: c, required: p, value: s, ...u }) => {
-  const o = x(), b = h(() => a < 0 ? 0 : a, [a]);
-  return f(g, { className: `${e ? "disabled" : ""} ${i ? "error" : ""}`, children: [r("input", { "aria-hidden": !1, "aria-invalid": i ? "true" : "false", "aria-label": m, "aria-required": p, autoComplete: "off", disabled: e, max: t, min: l, placeholder: d, ref: c, required: void 0, step: 10 ** -b, type: "number", value: /^-?\d+/u.test(String(s)) ? s : "", ...u }), i && r(v, { icon: "exclamation-circle", iconClass: "error-icon", iconColor: o.palette.error[500], iconSize: "xs" }), r(n, { borderLeft: "inherit", borderRight: "inherit", disabled: e, icon: "minus", margin: "0 -0.625rem 0 0", px: 0.75, py: 0.75 }), r(n, { borderRadius: `0 ${o.spacing[0.5]} ${o.spacing[0.5]} 0`, disabled: e, icon: "plus", px: 0.75, py: 0.75 })] });
-};
+import "react/jsx-runtime";
+import "react";
+import "styled-components";
+import { b9 as t } from "../../../../components-C2JBXbtI.mjs";
 export {
-  N as NumberField
+  t as NumberField
 };

package/dist/components/inputs/utils/popover/index.js

@@ -1,13 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRef as v, useCallback as g } from "react";
-import { usePopover as m, Overlay as R } from "react-aria";
-const P = ({ className: o, children: p, isFilter: f = !1, popoverRef: t, state: a, triggerRef: e, ...c }) => {
-  var n;
-  const s = v(null), r = (n = e == null ? void 0 : e.current) == null ? void 0 : n.getBoundingClientRect(), { popoverProps: i } = m({ ...c, popoverRef: t ?? s, triggerRef: e }, a), d = g((u) => {
-    u.preventDefault();
-  }, []);
-  return l(R, { children: l("div", { ...i, className: o, onPointerDown: f ? d : void 0, ref: t ?? s, style: { ...i.style, ...o === "dropdown" ? { display: "flex", justifyContent: "center", width: r == null ? void 0 : r.width } : {} }, children: p }) });
-};
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import { aY as i } from "../../../../components-C2JBXbtI.mjs";
 export {
-  P as Popover
+  i as Popover
 };

package/dist/components/interactive-card/icon/index.js

@@ -1,7 +1,5 @@
 import "react/jsx-runtime";
-import { a as p } from "../../../index-Co_k0WFk.mjs";
-import "../../colors/index.js";
-import "../../icon/index.js";
+import { bl as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  p as InteractiveIcon
+  e as InteractiveIcon
 };

package/dist/components/interactive-card/index.js

@@ -1,15 +1,6 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useTheme as d } from "styled-components";
-import { I as h, a as f } from "../../index-Co_k0WFk.mjs";
-import { Button as g } from "../button/index.js";
-import { Container as o } from "../container/index.js";
-import { Heading as a } from "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as l } from "../typography/text/index.js";
-const j = ({ category: r, description: s, href: c, icon: m, location: p, title: n }) => {
-  const i = d();
-  return t(h, { children: [t(o, { alignItems: "flex-start", display: "flex", flexDirection: "column", gap: 1.5, height: "100%", id: "uncover", justify: "space-between", children: [t("div", { className: "flex flex-col gap-0.5", children: [e(l, { color: i.palette.white, size: "sm", sizeSm: "xs", children: r }), e(a, { color: i.palette.white, fontWeight: "bold", lineSpacing: 2.25, lineSpacingSm: 1.75, size: "lg", sizeSm: "md", children: n })] }), t("div", { className: "flex flex-col gap-0.5", children: [e(l, { color: i.palette.white, size: "sm", sizeSm: "xs", children: "Location" }), e(l, { color: i.palette.white, fontWeight: "bold", lineSpacing: 1.5, lineSpacingSm: 1.25, size: "md", sizeSm: "sm", children: p })] })] }), t(o, { alignItems: "self-start", display: "flex", flexDirection: "column", gap: 2, height: "100%", id: "hovered", justify: "space-between", pt: 1, children: [e(a, { color: i.palette.white, fontWeight: "bold", lineSpacing: 1.75, lineSpacingSm: 1.5, size: "md", sizeSm: "sm", children: n }), t("div", { className: "flex flex-col gap-8", children: [e(l, { color: i.palette.gray[100], lineSpacing: 1.5, lineSpacingSm: 1.25, size: "md", sizeSm: "sm", children: s }), e(g, { external: !0, href: c, variant: "link", width: "max-content", children: "Download now" })] })] }), e(f, { icon: m })] });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { a1 as e } from "../../components-C2JBXbtI.mjs";
 export {
-  j as InteractiveCard
+  e as InteractiveCard
 };

package/dist/components/language-selector/index.js

@@ -1,13 +1,6 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as x, useCallback as d } from "react";
-import { S as p, a as h, b, I as f } from "../../index-38JqtnAI.mjs";
-import { Icon as g } from "../icon/index.js";
-const S = [{ text: "EN" }, { text: "ES" }], E = ({ items: r, handleClick: a, mode: s = "light" }) => {
-  const o = r ?? S, [c, l] = x(o[0].text), m = d((e) => () => {
-    a(e.text), l(e.text);
-  }, [a]);
-  return i(p, { children: [i(h, { className: s, children: [t(g, { icon: "globe", iconSize: "xs", iconType: "fa-light" }), c] }), t(b, { children: o.map((e, n) => t(f, { disabled: e.disabled, mode: s, onClick: m(e), text: e.text }, `${e.text}_${n}`)) })] });
-};
+import "react/jsx-runtime";
+import "react";
+import { a2 as t } from "../../components-C2JBXbtI.mjs";
 export {
-  E as LanguageSelector
+  t as LanguageSelector
 };

package/dist/components/language-selector/item-list/index.js

@@ -1,8 +1,5 @@
 import "react/jsx-runtime";
-import { I as e } from "../../../index-38JqtnAI.mjs";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import "../../typography/text/index.js";
+import { bm as r } from "../../../components-C2JBXbtI.mjs";
 export {
-  e as ItemList
+  r as ItemList
 };

package/dist/components/link/index.js

@@ -1,52 +1,5 @@
-import { jsxs as d, jsx as g } from "react/jsx-runtime";
-import { Link as m } from "react-router-dom";
-import { css as f, styled as p } from "styled-components";
-import { v as $ } from "../../utils-CQvBF-wY.mjs";
-import { Icon as w } from "../icon/index.js";
-const { getVariant: v } = $((r) => ({ highRelevance: `
-      color: ${r.palette.primary[500]};
-
-      &:hover:not([disabled]) {
-        color: ${r.palette.primary[400]};
-      }
-    `, lowRelevance: `
-      color: ${r.palette.gray[800]};
-
-      &:hover:not([disabled]) {
-        color: ${r.palette.gray[500]};
-      }
-    ` })), s = f`
-  ${({ theme: r, $color: a, $variant: n }) => `
-    align-items: center;
-    cursor: pointer;
-    font-family: ${r.typography.type.primary};
-    font-size: ${r.typography.text.sm};
-    font-weight: ${r.typography.weight.regular};
-    gap: ${r.spacing[0.25]};
-    line-height: ${r.spacing[1.25]};
-    text-decoration: underline;
-    word-break: break-word;
-    word-wrap: break-word;
-
-    &:disabled {
-      color: ${r.palette.gray[300]};
-      cursor: not-allowed;
-    }
-
-    &:has(button) {
-      text-decoration: none;
-    }
-
-    ${a ?? v(r, n)}
-  `}
-`, y = p.a`
-  ${s}
-`, k = p(m)`
-  ${s}
-`, j = ({ children: r, color: a, download: n, href: i, iconPosition: o = "right", onClick: l, target: e, variant: c = "lowRelevance" }) => {
-  const h = i.startsWith("https://"), t = g(w, { icon: n === void 0 ? "arrow-up-right-from-square" : "arrow-down-to-bracket", iconSize: "xxs", iconType: "fa-regular", ml: 0.25, mr: 0.25 });
-  return h ? d(y, { $color: a, $variant: c, download: n, href: i, onClick: l, rel: "nofollow noopener noreferrer", target: e ?? "_blank", children: [o === "left" ? t : void 0, r, o === "right" ? t : void 0] }) : d(k, { $variant: c, download: n, onClick: l, rel: "nofollow noopener noreferrer", target: e, to: i, children: [e !== void 0 && o === "left" ? t : void 0, r, e !== void 0 && o === "right" ? t : void 0] });
-};
+import "react/jsx-runtime";
+import { a3 as i } from "../../components-C2JBXbtI.mjs";
 export {
-  j as Link
+  i as Link
 };

package/dist/components/list-item/index.js

@@ -1,16 +1,8 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { Children as u, isValidElement as v, cloneElement as y } from "react";
-import { useTheme as C } from "styled-components";
-import { L as g } from "../../styles-Q1VXuWI7.mjs";
-import { a as V } from "../../styles-Q1VXuWI7.mjs";
-import { Container as k } from "../container/index.js";
-import { Icon as p } from "../icon/index.js";
-import { Link as I } from "../link/index.js";
-const E = ({ children: n, disabled: e = !1, icon: a, iconType: l = "fa-light", href: s, onClick: f, onKeyDown: h, selected: t = !1, value: i, ...x }) => {
-  const c = C().palette.gray[e ? 300 : 800], d = e ? u.map(n, (o) => v(o) ? y(o, { disabled: e, ...o.props }) : o) : n;
-  return m(g, { "aria-disabled": e, "aria-label": i, "aria-selected": t, "data-testid": i, onClick: f, onKeyDown: h, value: i, ...x, children: [a !== void 0 || i !== void 0 ? m(k, { alignItems: "center", display: "flex", gap: 0.625, children: [a ? r(p, { disabled: e, icon: a, iconColor: c, iconSize: "xs", iconType: l }) : null, s === void 0 ? d : r(I, { href: s, children: d })] }) : null, t ? r(p, { disabled: e, icon: "check", iconColor: c, iconSize: "xs", iconType: l }) : null] });
-};
+import "react/jsx-runtime";
+import "react";
+import "styled-components";
+import { a4 as i, a5 as o } from "../../components-C2JBXbtI.mjs";
 export {
-  E as ListItem,
-  V as ListItemsWrapper
+  i as ListItem,
+  o as ListItemsWrapper
 };

package/dist/components/little-flag/index.js

@@ -1,15 +1,5 @@
-import { jsx as a } from "react/jsx-runtime";
-import { styled as r } from "styled-components";
-const i = r.span`
-  ${({ theme: t, $bgColor: n = t.palette.secondary[500], $txtDecoration: o = "none" }) => `
-  background-color: ${n};
-  border-radius: 5px;
-  color: ${t.palette.white};
-  font-size: 10px;
-  padding: ${t.spacing[0.125]} ${t.spacing[0.25]} ${t.spacing[0.125]} ${t.spacing[0.25]};
-  text-decoration: ${o}
-  `}
-`, l = ({ bgColor: t, children: n, txtDecoration: o, ml: e = 1 }) => a(i, { $bgColor: t, $txtDecoration: o, className: `ml-${e}`, children: n });
+import "react/jsx-runtime";
+import { a6 as r } from "../../components-C2JBXbtI.mjs";
 export {
-  l as LittleFlag
+  r as LittleFlag
 };

package/dist/components/loading/index.js

@@ -1,67 +1,6 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { keyframes as i, styled as o, css as n, useTheme as m } from "styled-components";
-import { v as d } from "../../utils-CQvBF-wY.mjs";
-import "../../styles-C3cZmKVJ.mjs";
-import { Container as c } from "../container/index.js";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as f } from "../typography/text/index.js";
-const p = { lg: "56", md: "30", sm: "12" }, { getVariant: h } = d((e) => ({ red: `stroke: ${e.palette.primary[500]};`, white: `stroke: ${e.palette.white};` })), k = i`
-  0% {
-    transform: rotateZ(0deg);
-  }
-  100% {
-    transform: rotateZ(360deg)
-  }
-`, $ = i`
-  0%,
-  25% {
-    stroke-dashoffset: 280;
-    transform: rotate(0);
-  }
-
-  50%,
-  75% {
-    stroke-dashoffset: 75;
-    transform: rotate(45deg);
-  }
-
-  100% {
-    stroke-dashoffset: 280;
-    transform: rotate(360deg);
-  }
-`, g = o.svg`
-  ${({ $size: e = "md" }) => n`
-    animation: ${k} 2s linear infinite;
-    animation-timing-function: linear;
-    display: inline-block;
-    width: ${p[e]}px;
-  `}
-`, y = o.circle`
-  ${({ theme: e, $color: t = "red" }) => n`
-    animation: 1.4s ease-in-out infinite both ${$};
-    display: block;
-    fill: transparent;
-    stroke-linecap: round;
-    stroke-dasharray: 283;
-    stroke-dashoffset: 280;
-    stroke-width: 10px;
-    transform-origin: 50% 50%;
-
-    ${h(e, t)}
-  `}
-`, x = o.circle`
-  display: block;
-  fill: transparent;
-  stroke: ${({ theme: e }) => e.palette.gray[200]};
-  stroke-linecap: round;
-  stroke-width: 10px;
-  transform-origin: 50% 50%;
-  opacity: ${({ $color: e }) => e === "white" ? "20%" : "unset"};
-`, B = ({ color: e = "red", label: t, size: l }) => {
-  const s = m();
-  return a(c, { alignItems: "center", display: "flex", children: [a(g, { $size: l, viewBox: "0 0 100 100", children: [r(x, { $color: e, cx: "50", cy: "50", r: "45" }), r(y, { $color: e, cx: "50", cy: "50", r: "45" })] }), t && r(f, { color: e === "red" ? s.palette.gray[700] : s.palette.white, ml: 0.5, size: "sm", children: t })] });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { a7 as m } from "../../components-C2JBXbtI.mjs";
 export {
-  B as Loading
+  m as Loading
 };

package/dist/components/logo/index.js

@@ -1,7 +1,5 @@
-import { jsx as i } from "react/jsx-runtime";
-import { M as p } from "../../index-BwFnfaRh.mjs";
-import { Container as h } from "../container/index.js";
-const e = { company: { height: "83px", width: "460px" }, footer: { height: "57px", width: "315px" }, header: { height: "35px", width: "160px" }, icon: { height: "40px", width: "40px" }, inline: { width: "150px" } }, d = ({ publicId: t, variant: o }) => i(h, { ...e[o], children: i(p, { alt: "logo", publicId: t }) });
+import "react/jsx-runtime";
+import { a8 as m } from "../../components-C2JBXbtI.mjs";
 export {
-  d as Logo
+  m as Logo
 };

package/dist/components/logo-carousel/index.js

@@ -1,52 +1,6 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { M as n, p as t } from "../../index-BwFnfaRh.mjs";
-import { styled as o } from "styled-components";
-const u = o.div`
-  display: flex;
-  height: 80px;
-  max-width: 1440px;
-  overflow: hidden;
-  position: relative;
-`, e = o.div`
-  height: 79px;
-  width: 64px;
-  flex-shrink: 0;
-  position: absolute;
-  z-index: 11;
-
-  &.left {
-    background: linear-gradient(
-      to right,
-      #fff 57.21%,
-      rgb(255 255 255 / 0%) 100.63%
-    );
-    left: 0;
-  }
-
-  &.right {
-    background: linear-gradient(
-      to left,
-      #fff 57.21%,
-      rgb(255 255 255 / 0%) 100.63%
-    );
-    right: 0;
-  }
-`, f = o.div`
-  display: flex;
-  gap: 40px;
-  animation: clients-animation 50s linear infinite;
-  width: calc(180px * 30);
-
-  @keyframes clients-animation {
-    0% {
-      transform: translateX(0);
-    }
-
-    100% {
-      transform: translateX(calc(-180px * 15));
-    }
-  }
-`, p = ["airs/clients-carousel/color/bancolombia", "airs/clients-carousel/color/itau_colombia", "airs/clients-carousel/color/lulo_bank", "airs/clients-carousel/color/oxxo_international", "airs/clients-carousel/color/interbank", "airs/clients-carousel/color/global_bank", "airs/clients-carousel/color/gesa", "airs/clients-carousel/color/copa_airlines", "airs/clients-carousel/color/consubanco", "airs/clients-carousel/color/bantrab", "airs/clients-carousel/color/banistmo", "airs/clients-carousel/color/banco_internacional", "airs/clients-carousel/color/banco_general", "airs/clients-carousel/color/banbif", "airs/clients-carousel/color/avianca"], m = ({ fusion: l = !1, logos: r = p }) => c(u, { children: [l && a(e, { className: "left" }), a(f, { children: [...r, ...r].map((i, s) => a(n, { alt: `${i}-${s}`, height: "80px", plugins: [t()], publicId: i, width: "140px" }, `${i}-${s}`)) }), l && a(e, { className: "right" })] });
+import "react/jsx-runtime";
+import "../../vendor-CVMqCpkZ.mjs";
+import { a9 as p } from "../../components-C2JBXbtI.mjs";
 export {
-  m as LogoCarousel
+  p as LogoCarousel
 };

package/dist/components/lottie/index.js

@@ -1,15 +1,5 @@
-import { jsx as s } from "react/jsx-runtime";
-import e from "lottie-light-react";
-import { styled as i } from "styled-components";
-const r = i(e).attrs(({ autoplay: t = !0 }) => ({ autoplay: t, className: "comp-lottie" }))`
-  ${({ $size: t = 16 }) => `
-    height: ${t}px;
-    width: ${t}px;
-  `}
-`, n = (t) => {
-  const { size: o } = t;
-  return s(r, { $size: o, ...t });
-};
+import "react/jsx-runtime";
+import { aa as r } from "../../components-C2JBXbtI.mjs";
 export {
-  n as Lottie
+  r as Lottie
 };

package/dist/components/menu/index.js

@@ -1,23 +1,8 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { isUndefined as g } from "lodash";
-import { useTheme as x } from "styled-components";
-import { Container as t } from "../container/index.js";
-import { Divider as m } from "../divider/index.js";
-import { Link as y } from "../link/index.js";
+import "react/jsx-runtime";
+import "lodash";
+import "styled-components";
+import { ab as a } from "../../components-C2JBXbtI.mjs";
 import "react";
-import { a as b } from "../../styles-Q1VXuWI7.mjs";
-import "../icon/index.js";
-import { Tag as v } from "../tag/index.js";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as r } from "../typography/text/index.js";
-import { u as z } from "../../use-click-outside-BtZLIoU1.mjs";
-const R = ({ children: s, commitSha: l, commitShortSha: n, parentElement: c, userInfo: p, setVisibility: d }) => {
-  const e = x(), { userName: h, email: f, phone: a, userRole: u } = p;
-  return z(c, () => {
-    d(!1);
-  }), o(b, { children: [i("li", { className: "user-info", children: o(t, { display: "inline-flex", gap: 0.25, width: "100%", children: [o(t, { display: "flex", flexDirection: "column", gap: 0.25, width: "100%", children: [i(r, { color: e.palette.gray[800], fontWeight: "bold", size: "sm", children: h }), i(r, { color: e.palette.gray[400], size: "sm", children: f }), g(a) ? void 0 : i(r, { color: e.palette.gray[400], size: "sm", children: a })] }), i(t, { children: i(v, { tagLabel: u, variant: "role" }) })] }) }), i(m, {}), s, i(m, {}), i("li", { className: "commit-info", children: i(y, { href: `https://gitlab.com/fluidattacks/universe/-/tree/${l}`, iconPosition: "hidden", children: i(r, { color: e.palette.gray[400], size: "xs", children: `commit : ${n}` }) }) })] });
-};
 export {
-  R as Menu
+  a as Menu
 };

package/dist/components/message-banner/index.js

@@ -1,35 +1,7 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as x, useCallback as C } from "react";
-import { styled as w, useTheme as j } from "styled-components";
-import { theme as c } from "../colors/index.js";
-import { Container as n } from "../container/index.js";
-import { Icon as m } from "../icon/index.js";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as p } from "../typography/text/index.js";
-const k = w.button`
-  align-items: center;
-  background-color: transparent;
-  border: unset;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  gap: 5px;
-  padding: 0;
-
-  &:hover p {
-    color: ${c.palette.primary[200]};
-  }
-
-  &:hover span {
-    color: ${c.palette.primary[200]};
-  }
-`, F = ({ message: i, onClickButton: l, buttonText: d, buttonFontWeight: s = "regular", icon: f, onClose: o, variant: g = "web" }) => {
-  const e = j(), [u, h] = x(!0), y = C(() => {
-    h(!1), o == null || o();
-  }, [o]), r = /* @__PURE__ */ ((b) => b === "platform" ? { normal: "sm", small: void 0 } : { normal: "md", small: "sm" })(g);
-  return a(n, { alignItems: "center", bgGradient: e.palette.gradients["01"], display: u ? "flex" : "none", id: "message-banner", justify: "space-between", padding: [0.75, 0.75, 0.75, 0.75], children: [a(n, { display: "flex", gap: 0.5, justify: "center", width: "100%", children: [t(n, { children: typeof i == "string" ? t(p, { color: e.palette.white, display: "inline", size: r.normal, sizeSm: r.small, children: i }) : i }), l ? a(k, { onClick: l, children: [t(p, { color: e.palette.white, fontWeight: s, size: r.normal, sizeSm: r.small, textDecoration: "underline", children: d }), t(m, { icon: f ?? "arrow-right", iconColor: e.palette.white, iconSize: "xs", iconType: s === "bold" ? "fa-regular" : "fa-light" })] }) : void 0] }), t(m, { clickable: !0, hoverColor: e.palette.primary[200], icon: "close", iconColor: e.palette.white, iconSize: "xs", iconType: "fa-light", onClick: y })] });
-};
+import "react/jsx-runtime";
+import "react";
+import "styled-components";
+import { ac as p } from "../../components-C2JBXbtI.mjs";
 export {
-  F as MessageBanner
+  p as MessageBanner
 };

package/dist/components/modal/index.js

@@ -1,19 +1,8 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import r from "lodash";
-import { createPortal as x } from "react-dom";
-import { ModalConfirm as j } from "./modal-confirm/index.js";
-import { ModalFooter as M } from "./modal-footer/index.js";
-import { ModalHeader as b } from "./modal-header/index.js";
-import { M as B, a as S, I as g } from "../../styles-D85YYIjM.mjs";
-import { M as y } from "../../index-BwFnfaRh.mjs";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as z } from "../typography/text/index.js";
-const H = ({ _portal: n = !0, cancelButton: s, children: l, confirmButton: d, content: o, description: c = "", modalRef: e, otherActions: p, onClose: f, title: i = "", size: u, id: a = "modal-container" }) => {
-  const m = () => t(B, { "aria-label": e.name, "aria-modal": "true", id: "modal-wrapper", children: h(S, { $size: u, "data-testid": a, id: a, children: [!r.isEmpty(i) && t(b, { description: c, modalRef: e, onClose: f, otherActions: p, title: i }), l, r.isObject(o) && r.isString(o.imageSrc) && t(g, { $framed: o.imageFramed, children: t(y, { alt: "modal-img", publicId: o.imageSrc }) }), r.isObject(o) && r.isString(o.imageText) && t(z, { mb: 1.5, size: "sm", children: o.imageText }), t(M, { cancelButton: s, confirmButton: d, modalRef: e })] }) });
-  return n && e.isOpen ? x(m(), document.getElementById("portals") ?? document.body) : e.isOpen ? m() : null;
-};
+import "react/jsx-runtime";
+import "lodash";
+import "react-dom";
+import { ad as p, ae as t } from "../../components-C2JBXbtI.mjs";
 export {
-  H as Modal,
-  j as ModalConfirm
+  p as Modal,
+  t as ModalConfirm
 };

package/dist/components/modal/modal-confirm/index.js

@@ -1,10 +1,5 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { Button as a } from "../../button/index.js";
-import { Container as l } from "../../container/index.js";
-const C = ({ disabled: e, id: t = "modal-confirm", onCancel: i, onConfirm: n = "submit", txtCancel: m, txtConfirm: s }) => {
-  const r = n === "submit";
-  return d(l, { display: "flex", gap: 0.75, maxWidth: i ? "392px" : "190px", mt: 1.5, children: [i ? o(a, { id: `${t}-cancel`, justify: "center", onClick: i, variant: "tertiary", width: "100%", children: m ?? "Cancel" }) : void 0, o(a, { disabled: e, id: t, justify: "center", onClick: r ? void 0 : n, type: r ? "submit" : "button", variant: "primary", width: "100%", children: s ?? "Confirm" })] });
-};
+import "react/jsx-runtime";
+import { ae as m } from "../../../components-C2JBXbtI.mjs";
 export {
-  C as ModalConfirm
+  m as ModalConfirm
 };

package/dist/components/modal/modal-footer/index.js

@@ -1,16 +1,7 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { isEmpty as p } from "lodash";
-import { useCallback as n } from "react";
-import { F as f } from "../../../styles-D85YYIjM.mjs";
-import { Button as a } from "../../button/index.js";
-const C = ({ modalRef: s, confirmButton: o, cancelButton: t }) => {
-  const { close: r } = s, c = n(() => {
-    t == null || t.onClick(), r();
-  }, [t, r]), e = n(() => {
-    o == null || o.onClick(), r();
-  }, [o, r]);
-  return [o, t].some((d) => !p(d)) ? i(f, { children: l("div", { children: [t && i(a, { onClick: c, variant: "tertiary", width: "100%", children: t.text }), o && i(a, { onClick: e, variant: "primary", width: "100%", children: o.text })] }) }) : null;
-};
+import "react/jsx-runtime";
+import "lodash";
+import "react";
+import { bb as i } from "../../../components-C2JBXbtI.mjs";
 export {
-  C as ModalFooter
+  i as ModalFooter
 };

package/dist/components/modal/modal-header/index.js

@@ -1,25 +1,8 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { isString as d, isEmpty as p } from "lodash";
-import { useCallback as f, useEffect as x } from "react";
-import { useTheme as h } from "styled-components";
-import { H as u, T as w } from "../../../styles-D85YYIjM.mjs";
-import { IconButton as y } from "../../icon-button/index.js";
-import { Heading as k } from "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as v } from "../../typography/text/index.js";
-const L = ({ title: i, description: o, modalRef: n, otherActions: m, onClose: e }) => {
-  const c = h(), s = f(() => {
-    e == null || e(), n.close();
-  }, [n, e]);
-  return x(() => {
-    const a = (l) => {
-      l.key === "Escape" && s();
-    };
-    return window.addEventListener("keydown", a), () => {
-      window.removeEventListener("keydown", a);
-    };
-  }, [s]), t(u, { children: [t(w, { children: [typeof i == "string" ? r(k, { fontWeight: "bold", lineSpacing: 1.75, mr: 1, size: "sm", children: i }) : i, t("div", { className: "flex", children: [m, r(y, { icon: "close", iconColor: c.palette.gray[300], iconSize: "xs", iconType: "fa-light", id: "modal-close", onClick: s, variant: "ghost" })] })] }), o && d(o) && !p(o) ? r(v, { mt: 0.5, size: "sm", children: o }) : o] });
-};
+import "react/jsx-runtime";
+import "lodash";
+import "react";
+import "styled-components";
+import { bc as a } from "../../../components-C2JBXbtI.mjs";
 export {
-  L as ModalHeader
+  a as ModalHeader
 };