@fluidattacks/design 3.1.11 → 3.1.13

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

@@ -1 +1,44 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria");exports.Popover=({className:o,children:i,isFilter:l=!1,popoverRef:n,state:s,triggerRef:u,...a})=>{var c;const d=r.useRef(null),p=null==(c=null==u?void 0:u.current)?void 0:c.getBoundingClientRect(),{popoverProps:v}=t.usePopover({...a,popoverRef:n??d,triggerRef:u},s),f=r.useCallback((e=>{e.preventDefault()}),[]);return e.jsx(t.Overlay,{children:e.jsx("div",{...v,className:o,onPointerDown:l?f:void 0,ref:n??d,style:{...v.style,..."dropdown"===o?{display:"flex",justifyContent:"center",width:null==p?void 0:p.width}:{}},children:i})})};
+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
+    }
+  ) });
+};
+export {
+  C as Popover
+};

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

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../../index-JPf5Yzg6.js");require("../../colors/index.js"),require("../../icon/index.js"),exports.InteractiveIcon=e.InteractiveIcon;
+import "react/jsx-runtime";
+import { a as p } from "../../../index-Ckmu1TfV.mjs";
+import "../../colors/index.js";
+import "../../icon/index.js";
+export {
+  p as InteractiveIcon
+};

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

@@ -1 +1,118 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../../index-JPf5Yzg6.js"),n=require("../button/index.js"),s=require("../container/index.js"),l=require("../typography/heading/index.js");require("../typography/span/index.js");const r=require("../typography/text/index.js");exports.InteractiveCard=({category:a,description:o,href:c,icon:d,location:x,title:p})=>{const h=i.useTheme();return e.jsxs(t.InteractiveCardContainer,{children:[e.jsxs(s.Container,{alignItems:"flex-start",display:"flex",flexDirection:"column",gap:1.5,height:"100%",id:"uncover",justify:"space-between",children:[e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(r.Text,{color:h.palette.white,size:"sm",sizeSm:"xs",children:a}),e.jsx(l.Heading,{color:h.palette.white,fontWeight:"bold",lineSpacing:2.25,lineSpacingSm:1.75,size:"lg",sizeSm:"md",children:p})]}),e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(r.Text,{color:h.palette.white,size:"sm",sizeSm:"xs",children:"Location"}),e.jsx(r.Text,{color:h.palette.white,fontWeight:"bold",lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",children:x})]})]}),e.jsxs(s.Container,{alignItems:"self-start",display:"flex",flexDirection:"column",gap:2,height:"100%",id:"hovered",justify:"space-between",pt:1,children:[e.jsx(l.Heading,{color:h.palette.white,fontWeight:"bold",lineSpacing:1.75,lineSpacingSm:1.5,size:"md",sizeSm:"sm",children:p}),e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(r.Text,{color:h.palette.gray[100],lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",children:o}),e.jsx(n.Button,{external:!0,href:c,variant:"link",width:"max-content",children:"Download now"})]})]}),e.jsx(t.InteractiveIcon,{icon:d})]})};
+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 })
+  ] });
+};
+export {
+  y as InteractiveCard
+};

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

@@ -1 +1,37 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("../../index-qCiUU4sZ.js"),r=require("../icon/index.js"),s=[{text:"EN"},{text:"ES"}];exports.LanguageSelector=({items:l,handleClick:n,mode:o="light"})=>{const c=l??s,[x,d]=t.useState(c[0].text),a=t.useCallback((e=>()=>{n(e.text),d(e.text)}),[n]);return e.jsxs(i.StyledLangSelector,{children:[e.jsxs(i.StyledSelector,{className:o,children:[e.jsx(r.Icon,{icon:"globe",iconSize:"xs",iconType:"fa-light"}),x]}),e.jsx(i.StyledDropdown,{children:c.map(((t,r)=>e.jsx(i.ItemList,{disabled:t.disabled,mode:o,onClick:a(t),text:t.text},`${t.text}_${r}`)))})]})};
+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}`
+      )
+    ) })
+  ] });
+};
+export {
+  j as LanguageSelector
+};

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

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../../index-qCiUU4sZ.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.ItemList=e.ItemList;
+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";
+export {
+  e as ItemList
+};

package/dist/components/link/index.js

@@ -1,7 +1,106 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react-router-dom"),n=require("styled-components"),o=require("../../utils-C2whpEd3.js"),t=require("../icon/index.js"),{getVariant:i}=o.variantBuilder((e=>({highRelevance:`\n      color: ${e.palette.primary[500]};\n\n      &:hover:not([disabled]) {\n        color: ${e.palette.primary[400]};\n      }\n    `,lowRelevance:`\n      color: ${e.palette.gray[800]};\n\n      &:hover:not([disabled]) {\n        color: ${e.palette.gray[500]};\n      }\n    `}))),a=n.css`
-  ${({theme:e,$color:r,$variant:n})=>`\n    align-items: center;\n    cursor: pointer;\n    font-family: ${e.typography.type.primary};\n    font-size: ${e.typography.text.sm};\n    font-weight: ${e.typography.weight.regular};\n    gap: ${e.spacing[.25]};\n    line-height: ${e.spacing[1.25]};\n    text-decoration: underline;\n    word-break: break-word;\n    word-wrap: break-word;\n\n    &:disabled {\n      color: ${e.palette.gray[300]};\n      cursor: not-allowed;\n    }\n\n    &:has(button) {\n      text-decoration: none;\n    }\n\n    ${r??i(e,n)}\n  `}
-`,l=n.styled.a`
-  ${a}
-`,c=n.styled(r.Link)`
-  ${a}
-`;exports.Link=({children:r,color:n,download:o,href:i,iconPosition:a="right",onClick:d,target:s,variant:p="lowRelevance"})=>{const g=i.startsWith("https://"),h=e.jsx(t.Icon,{icon:void 0===o?"arrow-up-right-from-square":"arrow-down-to-bracket",iconSize:"xxs",iconType:"fa-regular",ml:.25,mr:.25});return g?e.jsxs(l,{$color:n,$variant:p,download:o,href:i,onClick:d,rel:"nofollow noopener noreferrer",target:s??"_blank",children:["left"===a?h:void 0,r,"right"===a?h:void 0]}):e.jsxs(c,{$variant:p,download:o,onClick:d,rel:"nofollow noopener noreferrer",target:s,to:i,children:[void 0!==s&&"left"===a?h:void 0,r,void 0!==s&&"right"===a?h:void 0]})};
+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
+      ]
+    }
+  );
+};
+export {
+  R as Link
+};

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

@@ -1 +1,67 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),n=require("styled-components"),r=require("../../styles-BWVdbvFu.js"),s=require("../container/index.js"),o=require("../icon/index.js"),l=require("../link/index.js");exports.ListItemsWrapper=r.ListItemsWrapper,exports.ListItem=({children:t,disabled:c=!1,icon:a,iconType:d="fa-light",href:p,onClick:u,onKeyDown:x,selected:j=!1,value:m,...y})=>{const h=n.useTheme().palette.gray[c?300:800],b=c?i.Children.map(t,(e=>i.isValidElement(e)?i.cloneElement(e,{disabled:c,...e.props}):e)):t;return e.jsxs(r.Li,{"aria-disabled":c,"aria-label":m,"aria-selected":j,"data-testid":m,onClick:u,onKeyDown:x,value:m,...y,children:[void 0!==a||void 0!==m?e.jsxs(s.Container,{alignItems:"center",display:"flex",gap:.625,children:[a?e.jsx(o.Icon,{disabled:c,icon:a,iconColor:h,iconSize:"xs",iconType:d}):null,void 0===p?b:e.jsx(l.Link,{href:p,children:b})]}):null,j?e.jsx(o.Icon,{disabled:c,icon:"check",iconColor:h,iconSize:"xs",iconType:d}):null]})};
+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
+      ]
+    }
+  );
+};
+export {
+  w as ListItem,
+  D as ListItemsWrapper
+};

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

@@ -1,3 +1,32 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components").styled.span`
-  ${({theme:e,$bgColor:t=e.palette.secondary[500],$txtDecoration:o="none"})=>`\n  background-color: ${t};\n  border-radius: 5px;\n  color: ${e.palette.white};\n  font-size: 10px;\n  padding: ${e.spacing[.125]} ${e.spacing[.25]} ${e.spacing[.125]} ${e.spacing[.25]};\n  text-decoration: ${o}\n  `}
-`;exports.LittleFlag=({bgColor:o,children:n,txtDecoration:r,ml:a=1})=>e.jsx(t,{$bgColor:o,$txtDecoration:r,className:`ml-${a}`,children:n});
+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
+  }
+);
+export {
+  l as LittleFlag
+};

package/dist/components/loading/index.js

@@ -1,11 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../utils-C2whpEd3.js");require("../../styles-C2CoGJl7.js");const s=require("../container/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const i=require("../typography/text/index.js"),o={lg:"56",md:"30",sm:"12"},{getVariant:a}=r.variantBuilder((e=>({red:`stroke: ${e.palette.primary[500]};`,white:`stroke: ${e.palette.white};`}))),n=t.keyframes`
+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)
   }
-`,l=t.keyframes`
+`, k = n`
   0%,
   25% {
     stroke-dashoffset: 280;
@@ -22,16 +39,16 @@
     stroke-dashoffset: 280;
     transform: rotate(360deg);
   }
-`,d=t.styled.svg`
-  ${({$size:e="md"})=>t.css`
-    animation: ${n} 2s linear infinite;
+`, y = o.svg`
+  ${({ $size: t = "md" }) => a`
+    animation: ${g} 2s linear infinite;
     animation-timing-function: linear;
     display: inline-block;
-    width: ${o[e]}px;
+    width: ${p[t]}px;
   `}
-`,c=t.styled.circle`
-  ${({theme:e,$color:r="red"})=>t.css`
-    animation: 1.4s ease-in-out infinite both ${l};
+`, $ = o.circle`
+  ${({ theme: t, $color: r = "red" }) => a`
+    animation: 1.4s ease-in-out infinite both ${k};
     display: block;
     fill: transparent;
     stroke-linecap: round;
@@ -40,14 +57,38 @@
     stroke-width: 10px;
     transform-origin: 50% 50%;
 
-    ${a(e,r)}
+    ${h(t, r)}
   `}
-`,p=t.styled.circle`
+`, x = o.circle`
   display: block;
   fill: transparent;
-  stroke: ${({theme:e})=>e.palette.gray[200]};
+  stroke: ${({ theme: t }) => t.palette.gray[200]};
   stroke-linecap: round;
   stroke-width: 10px;
   transform-origin: 50% 50%;
-  opacity: ${({$color:e})=>"white"===e?"20%":"unset"};
-`;exports.Loading=({color:r="red",label:o,size:a})=>{const n=t.useTheme();return e.jsxs(s.Container,{alignItems:"center",display:"flex",children:[e.jsxs(d,{$size:a,viewBox:"0 0 100 100",children:[e.jsx(p,{$color:r,cx:"50",cy:"50",r:"45"}),e.jsx(c,{$color:r,cx:"50",cy:"50",r:"45"})]}),o&&e.jsx(i.Text,{color:"red"===r?n.palette.gray[700]:n.palette.white,ml:.5,size:"sm",children:o})]})};
+  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
+      }
+    )
+  ] });
+};
+export {
+  L as Loading
+};

package/dist/components/logo/index.js

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../index-TKLFHcRp.js"),t=require("../container/index.js"),r={company:{height:"83px",width:"460px"},footer:{height:"57px",width:"315px"},header:{height:"35px",width:"160px"},icon:{height:"40px",width:"40px"},inline:{width:"150px"}};exports.Logo=({publicId:o,variant:h})=>e.jsx(t.Container,{...r[h],children:e.jsx(i.MemoizedImage,{alt:"logo",publicId:o})});
+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 }) });
+export {
+  m as Logo
+};

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

@@ -1,10 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../index-TKLFHcRp.js"),a=require("styled-components"),l=a.styled.div`
+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;
-`,o=a.styled.div`
+`, s = o.div`
   height: 79px;
   width: 64px;
   flex-shrink: 0;
@@ -28,7 +31,7 @@
     );
     right: 0;
   }
-`,r=a.styled.div`
+`, p = o.div`
   display: flex;
   gap: 40px;
   animation: clients-animation 50s linear infinite;
@@ -43,4 +46,42 @@
       transform: translateX(calc(-180px * 15));
     }
   }
-`,s=["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"];exports.LogoCarousel=({fusion:a=!1,logos:t=s})=>e.jsxs(l,{children:[a&&e.jsx(o,{className:"left"}),e.jsx(r,{children:[...t,...t].map(((a,l)=>e.jsx(i.MemoizedImage,{alt:`${a}-${l}`,height:"80px",plugins:[i.placeholder()],publicId:a,width:"140px"},`${a}-${l}`)))}),a&&e.jsx(o,{className:"right"})]});
+`, 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" })
+] });
+export {
+  h as LogoCarousel
+};

package/dist/components/lottie/index.js

@@ -1,3 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lottie-light-react"),r=require("styled-components").styled(t).attrs((({autoplay:e=!0})=>({autoplay:e,className:"comp-lottie"})))`
-  ${({$size:e=16})=>`\n    height: ${e}px;\n    width: ${e}px;\n  `}
-`;exports.Lottie=t=>{const{size:s}=t;return e.jsx(r,{$size:s,...t})};
+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 });
+};
+export {
+  l as Lottie
+};