@fluidattacks/design 3.1.11 → 3.1.12

package/dist/components/inputs/outline-container/index.js

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),r=require("../label/index.js"),n=require("../../../styles-Bl-CstrT.js"),t=require("../../container/index.js"),l=require("../../icon/index.js"),s=require("../../link/index.js"),o=require("../../tag/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const a=require("../../typography/text/index.js");exports.OutlineContainer=({children:d,error:c,helpLink:x,helpLinkText:p="Link here",helpText:h,htmlFor:u,label:j,maxLength:g,required:y,tooltip:m,value:q,weight:b})=>{const v=i.useTheme(),T=q?q.length:0;return e.jsxs(n.StyledOutlineContainer,{children:[void 0===j?void 0:e.jsx(r.Label,{htmlFor:u,label:j,required:y,tooltip:m,weight:b}),d,c||g?e.jsxs(t.Container,{display:"flex",justify:void 0===c?"end":"space-between",width:"100%",children:[c&&e.jsx(a.Text,{className:"error-msg",color:v.palette.error[500],display:"block",lineSpacing:1,size:"sm",children:c}),g&&e.jsx(o.Tag,{priority:"low",tagLabel:`${T}/${g}`,variant:"error"})]}):void 0,h||x?e.jsxs(t.Container,{alignItems:"center",display:"flex",gap:.25,width:"100%",children:[h&&e.jsxs(e.Fragment,{children:[e.jsx(l.Icon,{icon:"circle-info",iconColor:v.palette.gray[400],iconSize:"xxs",iconType:"fa-light"}),e.jsx(a.Text,{color:v.palette.gray[400],display:"inline-block",size:"sm",children:h})]}),x&&e.jsx(s.Link,{href:x,children:p})]}):void 0]})};
+import { jsxs as i, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { useTheme as b } from "styled-components";
+import { Label as u } from "../label/index.js";
+import { a as v } from "../../../styles-lSVV9kjn.mjs";
+import { Container as m } from "../../container/index.js";
+import { Icon as w } from "../../icon/index.js";
+import { Link as T } from "../../link/index.js";
+import { Tag as k } from "../../tag/index.js";
+import "../../typography/heading/index.js";
+import "../../typography/span/index.js";
+import { Text as p } from "../../typography/text/index.js";
+const B = ({ children: d, error: r, helpLink: o, helpLinkText: c = "Link here", helpText: t, htmlFor: h, label: n, maxLength: l, required: f, tooltip: g, value: s, weight: x }) => {
+  const a = b(), y = s ? s.length : 0;
+  return i(v, { children: [n === void 0 ? void 0 : e(u, { htmlFor: h, label: n, required: f, tooltip: g, weight: x }), d, r || l ? i(m, { display: "flex", justify: r === void 0 ? "end" : "space-between", width: "100%", children: [r && e(p, { className: "error-msg", color: a.palette.error[500], display: "block", lineSpacing: 1, size: "sm", children: r }), l && e(k, { priority: "low", tagLabel: `${y}/${l}`, variant: "error" })] }) : void 0, t || o ? i(m, { alignItems: "center", display: "flex", gap: 0.25, width: "100%", children: [t && i(L, { children: [e(w, { icon: "circle-info", iconColor: a.palette.gray[400], iconSize: "xxs", iconType: "fa-light" }), e(p, { color: a.palette.gray[400], display: "inline-block", size: "sm", children: t })] }), o && e(T, { href: o, children: c })] }) : void 0] });
+};
+export {
+  B as OutlineContainer
+};

package/dist/components/inputs/utils/action-button/index.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../../../../styles-3pR4Xdvy.js"),n=require("../../../icon/index.js"),r=i.forwardRef((function({disabled:i,icon:r,margin:o,onClick:c,...s},a){return e.jsx(t.StyledButtonAction,{$margin:o,"aria-label":r,className:"action-btn",disabled:i,onClick:c,ref:a,type:"button",...s,children:e.jsx(n.Icon,{icon:r,iconClass:"action",iconSize:"xs",iconType:"fa-light"})})}));exports.ActionButton=r;
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { S as e } from "../../../../styles-7_q7nHce.mjs";
+import { Icon as m } from "../../../icon/index.js";
+const b = s(function({ disabled: n, icon: o, margin: a, onClick: r, ...t }, c) {
+  return i(e, { $margin: a, "aria-label": o, className: "action-btn", disabled: n, onClick: r, ref: c, type: "button", ...t, children: i(m, { icon: o, iconClass: "action", iconSize: "xs", iconType: "fa-light" }) });
+});
+export {
+  b as ActionButton
+};

package/dist/components/inputs/utils/calendar-button/index.js

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria"),o=require("../../../../styles-3pR4Xdvy.js"),n=require("../../../colors/index.js"),i=require("../../../icon/index.js");exports.Button=({disabled:a=!1,icon:s,props:c})=>{const u=r.useRef(null),{buttonProps:l}=t.useButton(c,u);return e.jsx(o.CalendarButtonAction,{...l,$disabled:a,$focus:Boolean(l["aria-expanded"]),$header:"calendar"===s||"calendar-clock"===s,disabled:a,ref:u,type:"button",children:e.jsx(i.Icon,{icon:s,iconColor:n.theme.palette.gray[a?400:700],iconSize:"xs",iconType:"fa-light"})})};
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as s } from "react";
+import { useButton as n } from "react-aria";
+import { C as l } from "../../../../styles-7_q7nHce.mjs";
+import { theme as p } from "../../../colors/index.js";
+import { Icon as d } from "../../../icon/index.js";
+const x = ({ disabled: o = !1, icon: r, props: i }) => {
+  const e = s(null), { buttonProps: t } = n(i, e);
+  return a(l, { ...t, $disabled: o, $focus: !!t["aria-expanded"], $header: r === "calendar" || r === "calendar-clock", disabled: o, ref: e, type: "button", children: a(d, { icon: r, iconColor: p.palette.gray[o ? 400 : 700], iconSize: "xs", iconType: "fa-light" }) });
+};
+export {
+  x as Button
+};

package/dist/components/inputs/utils/date-selector/index.js

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../styles-Bl-CstrT.js"),t=require("../calendar-button/index.js"),a=require("../date-time-field/index.js");exports.DateSelector=({error:s,buttonProps:i,datePickerRef:l,disabled:d=!1,granularity:o="day",fieldProps:n,groupProps:u,inputRef:c,name:p,...x})=>e.jsxs(r.StyledTextInputContainer,{...u,className:`${d?"disabled":""} ${s?"error":""}`,ref:l,children:[e.jsx(a.DateField,{disabled:d,error:null!=s,props:{...n,autoFocus:!1,granularity:o,shouldForceLeadingZeros:!0}}),e.jsx(t.Button,{disabled:d,icon:"minute"===o?"calendar-clock":"calendar",props:i}),e.jsx("input",{...x,"aria-label":p,className:"date-input",disabled:d,name:p,ref:c,type:"text",value:""})]});
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { S as m } from "../../../../styles-lSVV9kjn.mjs";
+import { Button as c } from "../calendar-button/index.js";
+import { DateField as f } from "../date-time-field/index.js";
+const P = ({ error: a, buttonProps: t, datePickerRef: i, disabled: r = !1, granularity: o = "day", fieldProps: d, groupProps: l, inputRef: p, name: s, ...n }) => u(m, { ...l, className: `${r ? "disabled" : ""} ${a ? "error" : ""}`, ref: i, children: [e(f, { disabled: r, error: a != null, props: { ...d, autoFocus: !1, granularity: o, shouldForceLeadingZeros: !0 } }), e(c, { disabled: r, icon: o === "minute" ? "calendar-clock" : "calendar", props: t }), e("input", { ...n, "aria-label": s, className: "date-input", disabled: r, name: s, ref: p, type: "text", value: "" })] });
+export {
+  P as DateSelector
+};

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

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

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

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria"),i=require("../../../../styles-3pR4Xdvy.js");exports.Dialog=({children:o,...s})=>{const a=r.useRef(null),{dialogProps:l}=t.useDialog(s,a);return e.jsx(i.DialogContainer,{...l,ref:a,children:o})};
+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 });
+};
+export {
+  c as Dialog
+};

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

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../../../styles-Bl-CstrT.js"),n=require("../action-button/index.js"),o=require("../../../icon/index.js");exports.NumberField=({error:a,decimalPlaces:s=0,disabled:d=!1,max:l=1/0,min:u=0,name:c="input-number",placeholder:m,ref:p,required:x,value:b,...j})=>{const q=i.useTheme(),h=r.useMemo((()=>s<0?0:s),[s]);return e.jsxs(t.StyledTextInputContainer,{className:`${d?"disabled":""} ${a?"error":""}`,children:[e.jsx("input",{"aria-hidden":!1,"aria-invalid":a?"true":"false","aria-label":c,"aria-required":x,autoComplete:"off",disabled:d,max:l,min:u,placeholder:m,ref:p,required:void 0,step:10**-h,type:"number",value:/^-?\d+/u.test(String(b))?b:"",...j}),a&&e.jsx(o.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:q.palette.error[500],iconSize:"xs"}),e.jsx(n.ActionButton,{borderLeft:"inherit",borderRight:"inherit",disabled:d,icon:"minus",margin:"0 -0.625rem 0 0",px:.75,py:.75}),e.jsx(n.ActionButton,{borderRadius:`0 ${q.spacing[.5]} ${q.spacing[.5]} 0`,disabled:d,icon:"plus",px:.75,py:.75})]})};
+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 })] });
+};
+export {
+  N as NumberField
+};

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

@@ -1 +1,13 @@
-"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 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 }) });
+};
+export {
+  P 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-Co_k0WFk.mjs";
+import "../../colors/index.js";
+import "../../icon/index.js";
+export {
+  p as InteractiveIcon
+};

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

@@ -1 +1,15 @@
-"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 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 })] });
+};
+export {
+  j as InteractiveCard
+};

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

@@ -1 +1,13 @@
-"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 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}`)) })] });
+};
+export {
+  E 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-38JqtnAI.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,52 @@
-"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 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] });
+};
+export {
+  j as Link
+};

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

@@ -1 +1,16 @@
-"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 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] });
+};
+export {
+  E as ListItem,
+  V as ListItemsWrapper
+};

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

@@ -1,3 +1,15 @@
-"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 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 });
+export {
+  l as LittleFlag
+};

package/dist/components/loading/index.js

@@ -1,11 +1,19 @@
-"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 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)
   }
-`,l=t.keyframes`
+`, $ = i`
   0%,
   25% {
     stroke-dashoffset: 280;
@@ -22,16 +30,16 @@
     stroke-dashoffset: 280;
     transform: rotate(360deg);
   }
-`,d=t.styled.svg`
-  ${({$size:e="md"})=>t.css`
-    animation: ${n} 2s linear infinite;
+`, g = o.svg`
+  ${({ $size: e = "md" }) => n`
+    animation: ${k} 2s linear infinite;
     animation-timing-function: linear;
     display: inline-block;
-    width: ${o[e]}px;
+    width: ${p[e]}px;
   `}
-`,c=t.styled.circle`
-  ${({theme:e,$color:r="red"})=>t.css`
-    animation: 1.4s ease-in-out infinite both ${l};
+`, y = o.circle`
+  ${({ theme: e, $color: t = "red" }) => n`
+    animation: 1.4s ease-in-out infinite both ${$};
     display: block;
     fill: transparent;
     stroke-linecap: round;
@@ -40,14 +48,20 @@
     stroke-width: 10px;
     transform-origin: 50% 50%;
 
-    ${a(e,r)}
+    ${h(e, t)}
   `}
-`,p=t.styled.circle`
+`, x = o.circle`
   display: block;
   fill: transparent;
-  stroke: ${({theme:e})=>e.palette.gray[200]};
+  stroke: ${({ theme: e }) => e.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: 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 })] });
+};
+export {
+  B as Loading
+};

package/dist/components/logo/index.js

@@ -1 +1,7 @@
-"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 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 }) });
+export {
+  d 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-BwFnfaRh.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`
+`, e = o.div`
   height: 79px;
   width: 64px;
   flex-shrink: 0;
@@ -28,7 +31,7 @@
     );
     right: 0;
   }
-`,r=a.styled.div`
+`, f = o.div`
   display: flex;
   gap: 40px;
   animation: clients-animation 50s linear infinite;
@@ -43,4 +46,7 @@
       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"})]});
+`, 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" })] });
+export {
+  m as LogoCarousel
+};

package/dist/components/lottie/index.js

@@ -1,3 +1,15 @@
-"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 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 });
+};
+export {
+  n as Lottie
+};

package/dist/components/menu/index.js

@@ -1 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),r=require("styled-components"),s=require("../container/index.js"),t=require("../divider/index.js"),n=require("../link/index.js");require("react");const o=require("../../styles-BWVdbvFu.js");require("../icon/index.js");const l=require("../tag/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const a=require("../typography/text/index.js"),c=require("../../use-click-outside-BqkLISED.js");exports.Menu=({children:d,commitSha:x,commitShortSha:u,parentElement:h,userInfo:j,setVisibility:p})=>{const m=r.useTheme(),{userName:g,email:y,phone:q,userRole:f}=j;return c.useClickOutside(h,(()=>{p(!1)})),e.jsxs(o.ListItemsWrapper,{children:[e.jsx("li",{className:"user-info",children:e.jsxs(s.Container,{display:"inline-flex",gap:.25,width:"100%",children:[e.jsxs(s.Container,{display:"flex",flexDirection:"column",gap:.25,width:"100%",children:[e.jsx(a.Text,{color:m.palette.gray[800],fontWeight:"bold",size:"sm",children:g}),e.jsx(a.Text,{color:m.palette.gray[400],size:"sm",children:y}),i.isUndefined(q)?void 0:e.jsx(a.Text,{color:m.palette.gray[400],size:"sm",children:q})]}),e.jsx(s.Container,{children:e.jsx(l.Tag,{tagLabel:f,variant:"role"})})]})}),e.jsx(t.Divider,{}),d,e.jsx(t.Divider,{}),e.jsx("li",{className:"commit-info",children:e.jsx(n.Link,{href:`https://gitlab.com/fluidattacks/universe/-/tree/${x}`,iconPosition:"hidden",children:e.jsx(a.Text,{color:m.palette.gray[400],size:"xs",children:`commit : ${u}`})})})]})};
+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";
+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
+};

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

@@ -1,4 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../colors/index.js"),i=require("../container/index.js"),o=require("../icon/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const s=require("../typography/text/index.js"),a=r.styled.button`
+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;
@@ -9,10 +18,18 @@
   padding: 0;
 
   &:hover p {
-    color: ${n.theme.palette.primary[200]};
+    color: ${c.palette.primary[200]};
   }
 
   &:hover span {
-    color: ${n.theme.palette.primary[200]};
+    color: ${c.palette.primary[200]};
   }
-`;exports.MessageBanner=({message:n,onClickButton:l,buttonText:c,buttonFontWeight:p="regular",icon:d,onClose:u,variant:x="web"})=>{const m=r.useTheme(),[g,h]=t.useState(!0),y=t.useCallback((()=>{h(!1),null==u||u()}),[u]),j=(e=>"platform"===e?{normal:"sm",small:void 0}:{normal:"md",small:"sm"})(x);return e.jsxs(i.Container,{alignItems:"center",bgGradient:m.palette.gradients["01"],display:g?"flex":"none",id:"message-banner",justify:"space-between",padding:[.75,.75,.75,.75],children:[e.jsxs(i.Container,{display:"flex",gap:.5,justify:"center",width:"100%",children:[e.jsx(i.Container,{children:"string"==typeof n?e.jsx(s.Text,{color:m.palette.white,display:"inline",size:j.normal,sizeSm:j.small,children:n}):n}),l?e.jsxs(a,{onClick:l,children:[e.jsx(s.Text,{color:m.palette.white,fontWeight:p,size:j.normal,sizeSm:j.small,textDecoration:"underline",children:c}),e.jsx(o.Icon,{icon:d??"arrow-right",iconColor:m.palette.white,iconSize:"xs",iconType:"bold"===p?"fa-regular":"fa-light"})]}):void 0]}),e.jsx(o.Icon,{clickable:!0,hoverColor:m.palette.primary[200],icon:"close",iconColor:m.palette.white,iconSize:"xs",iconType:"fa-light",onClick:y})]})};
+`, 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 })] });
+};
+export {
+  F as MessageBanner
+};

package/dist/components/modal/index.js

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("lodash"),i=require("react-dom"),t=require("./modal-confirm/index.js"),o=require("./modal-footer/index.js"),a=require("./modal-header/index.js"),n=require("../../styles-CdD9waPD.js"),d=require("../../index-TKLFHcRp.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const s=require("../typography/text/index.js");exports.ModalConfirm=t.ModalConfirm,exports.Modal=({_portal:t=!0,cancelButton:l,children:m,confirmButton:c,content:u,description:p="",modalRef:x,otherActions:j,onClose:g,title:h="",size:y,id:f="modal-container"})=>{const q=()=>e.jsx(n.ModalWrapper,{"aria-label":x.name,"aria-modal":"true",id:"modal-wrapper",children:e.jsxs(n.ModalContainer,{$size:y,"data-testid":f,id:f,children:[!r.isEmpty(h)&&e.jsx(a.ModalHeader,{description:p,modalRef:x,onClose:g,otherActions:j,title:h}),m,r.isObject(u)&&r.isString(u.imageSrc)&&e.jsx(n.ImageContainer,{$framed:u.imageFramed,children:e.jsx(d.MemoizedImage,{alt:"modal-img",publicId:u.imageSrc})}),r.isObject(u)&&r.isString(u.imageText)&&e.jsx(s.Text,{mb:1.5,size:"sm",children:u.imageText}),e.jsx(o.ModalFooter,{cancelButton:l,confirmButton:c,modalRef:x})]})});return t&&x.isOpen?i.createPortal(q(),document.getElementById("portals")??document.body):x.isOpen?q():null};
+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;
+};
+export {
+  H as Modal,
+  j as ModalConfirm
+};

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

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../button/index.js"),e=require("../../container/index.js");exports.ModalConfirm=({disabled:n,id:r="modal-confirm",onCancel:o,onConfirm:a="submit",txtCancel:d,txtConfirm:s})=>{const c="submit"===a;return t.jsxs(e.Container,{display:"flex",gap:.75,maxWidth:o?"392px":"190px",mt:1.5,children:[o?t.jsx(i.Button,{id:`${r}-cancel`,justify:"center",onClick:o,variant:"tertiary",width:"100%",children:d??"Cancel"}):void 0,t.jsx(i.Button,{disabled:n,id:r,justify:"center",onClick:c?void 0:a,type:c?"submit":"button",variant:"primary",width:"100%",children:s??"Confirm"})]})};
+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" })] });
+};
+export {
+  C as ModalConfirm
+};