@fluidattacks/design 3.1.13 → 3.2.0

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

@@ -1,44 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as m, useCallback as y } from "react";
-import { usePopover as P, Overlay as a } from "react-aria";
-const C = ({
-  className: e,
-  children: d,
-  isFilter: u = !1,
-  popoverRef: t,
-  state: i,
-  triggerRef: o,
-  ...c
-}) => {
-  var p;
-  const s = m(null), n = (p = o == null ? void 0 : o.current) == null ? void 0 : p.getBoundingClientRect(), { popoverProps: l } = P(
-    { ...c, popoverRef: t ?? s, triggerRef: o },
-    i
-  ), v = y(
-    (f) => {
-      f.preventDefault();
-    },
-    []
-  );
-  return /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(
-    "div",
-    {
-      ...l,
-      className: e,
-      onPointerDown: u ? v : void 0,
-      ref: t ?? s,
-      style: {
-        ...l.style,
-        ...e === "dropdown" ? {
-          display: "flex",
-          justifyContent: "center",
-          width: n == null ? void 0 : n.width
-        } : {}
-      },
-      children: d
-    }
-  ) });
-};
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import { aY as i } from "../../../../components-C7JPRIEW.mjs";
 export {
-  C 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-Ckmu1TfV.mjs";
-import "../../colors/index.js";
-import "../../icon/index.js";
+import { bl as e } from "../../../components-C7JPRIEW.mjs";
 export {
-  p as InteractiveIcon
+  e as InteractiveIcon
 };

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

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

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

@@ -1,37 +1,6 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as x, useCallback as p } from "react";
-import { S, a as m, b as f, I as g } from "../../index-BzAniA2J.mjs";
-import { Icon as b } from "../icon/index.js";
-const u = [{ text: "EN" }, { text: "ES" }], j = ({
-  items: n,
-  handleClick: o,
-  mode: s = "light"
-}) => {
-  const c = n ?? u, [a, r] = x(c[0].text), i = p(
-    (t) => () => {
-      o(t.text), r(t.text);
-    },
-    [o]
-  );
-  return /* @__PURE__ */ l(S, { children: [
-    /* @__PURE__ */ l(m, { className: s, children: [
-      /* @__PURE__ */ e(b, { icon: "globe", iconSize: "xs", iconType: "fa-light" }),
-      a
-    ] }),
-    /* @__PURE__ */ e(f, { children: c.map(
-      (t, d) => /* @__PURE__ */ e(
-        g,
-        {
-          disabled: t.disabled,
-          mode: s,
-          onClick: i(t),
-          text: t.text
-        },
-        `${t.text}_${d}`
-      )
-    ) })
-  ] });
-};
+import "react/jsx-runtime";
+import "react";
+import { a2 as t } from "../../components-C7JPRIEW.mjs";
 export {
-  j 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-BzAniA2J.mjs";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import "../../typography/text/index.js";
+import { bm as r } from "../../../components-C7JPRIEW.mjs";
 export {
-  e as ItemList
+  r as ItemList
 };

package/dist/components/link/index.js

@@ -1,106 +1,5 @@
-import { jsxs as p, jsx as g } from "react/jsx-runtime";
-import { Link as y } from "react-router-dom";
-import { css as u, styled as s } from "styled-components";
-import { v as $ } from "../../utils-V0EumEPM.mjs";
-import { Icon as w } from "../icon/index.js";
-const { getVariant: m } = $(
-  (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]};
-      }
-    `
-  })
-), c = u`
-  ${({ theme: r, $color: a, $variant: e }) => `
-    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 ?? m(r, e)}
-  `}
-`, x = s.a`
-  ${c}
-`, b = s(y)`
-  ${c}
-`, R = ({
-  children: r,
-  color: a,
-  download: e,
-  href: i,
-  iconPosition: o = "right",
-  onClick: l,
-  target: n,
-  variant: d = "lowRelevance"
-}) => {
-  const f = i.startsWith("https://"), t = /* @__PURE__ */ g(
-    w,
-    {
-      icon: e === void 0 ? "arrow-up-right-from-square" : "arrow-down-to-bracket",
-      iconSize: "xxs",
-      iconType: "fa-regular",
-      ml: 0.25,
-      mr: 0.25
-    }
-  );
-  return f ? /* @__PURE__ */ p(
-    x,
-    {
-      $color: a,
-      $variant: d,
-      download: e,
-      href: i,
-      onClick: l,
-      rel: "nofollow noopener noreferrer",
-      target: n ?? "_blank",
-      children: [
-        o === "left" ? t : void 0,
-        r,
-        o === "right" ? t : void 0
-      ]
-    }
-  ) : /* @__PURE__ */ p(
-    b,
-    {
-      $variant: d,
-      download: e,
-      onClick: l,
-      rel: "nofollow noopener noreferrer",
-      target: n,
-      to: i,
-      children: [
-        n !== void 0 && o === "left" ? t : void 0,
-        r,
-        n !== void 0 && o === "right" ? t : void 0
-      ]
-    }
-  );
-};
+import "react/jsx-runtime";
+import { a3 as i } from "../../components-C7JPRIEW.mjs";
 export {
-  R as Link
+  i as Link
 };

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

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

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

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

package/dist/components/loading/index.js

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

package/dist/components/logo/index.js

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

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

@@ -1,87 +1,6 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { M as n, p as t } from "../../index-maWH3JYC.mjs";
-import { styled as o } from "styled-components";
-const u = o.div`
-  display: flex;
-  height: 80px;
-  max-width: 1440px;
-  overflow: hidden;
-  position: relative;
-`, s = 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;
-  }
-`, p = 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));
-    }
-  }
-`, f = [
-  "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"
-], h = ({
-  fusion: l = !1,
-  logos: r = f
-}) => /* @__PURE__ */ c(u, { children: [
-  l && /* @__PURE__ */ a(s, { className: "left" }),
-  /* @__PURE__ */ a(p, { children: [...r, ...r].map(
-    (i, e) => /* @__PURE__ */ a(
-      n,
-      {
-        alt: `${i}-${e}`,
-        height: "80px",
-        plugins: [t()],
-        publicId: i,
-        width: "140px"
-      },
-      `${i}-${e}`
-    )
-  ) }),
-  l && /* @__PURE__ */ a(s, { className: "right" })
-] });
+import "react/jsx-runtime";
+import "../../vendor-_XDhaIzo.mjs";
+import { a9 as p } from "../../components-C7JPRIEW.mjs";
 export {
-  h as LogoCarousel
+  p as LogoCarousel
 };

package/dist/components/lottie/index.js

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