@cognitiv/components-web 1.0.1

package/dist/index.js

@@ -0,0 +1,979 @@
+import Vo from"react";import bt from"styled-components";import*as J from"@radix-ui/react-avatar";import{jsx as xt,jsxs as Uo}from"react/jsx-runtime";var Ao=e=>{let t=e.split(" ");return(t.length>=2?t[0].charAt(0)+t[1].charAt(0):t[0].charAt(0)).toUpperCase()},Wo=e=>{switch(e){case"large":return 36;case"medium":return 32;default:return 24}},Yo=bt(J.Image)`
+  width: ${e=>e.$size}px;
+  height: ${e=>e.$size}px;
+  object-fit: cover;
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.backgroundLight};
+`,_o=bt(J.Fallback)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${e=>e.$size}px;
+  height: ${e=>e.$size}px;
+  color: ${e=>e.theme.colors.textLight};
+  background-color: ${e=>e.theme.colors.backgroundLight};
+  border-radius: 4px;
+  ${e=>e.theme.typography.headingXs};
+  font-size: ${e=>e.$size*.4}px;
+  line-height: 1;
+`,Xo=Vo.forwardRef((e,t)=>{let r=Wo(e.variant||"small");return Uo(J.Root,{ref:t,children:[xt(Yo,{$size:r,...e}),xt(_o,{$size:r,children:Ao(e.alt)})]})});import mr,{useState as pr,useEffect as fr}from"react";import ze from"styled-components";import{forwardRef as Go}from"react";import Ko from"styled-components";import{jsx as Qo}from"react/jsx-runtime";var qo=e=>e.$center||e.$direction==="row"?"center":"flex-start",Jo=e=>e.$center?"center":"flex-start",jo=Ko.div`
+  display: flex;
+  width: ${e=>e.$width||"100%"};
+  flex-direction: ${e=>e.$direction};
+  align-items: ${e=>e.$align||qo(e)};
+  justify-content: ${e=>e.$justify||Jo(e)};
+  flex-shrink: 0;
+  overflow: hidden;
+  ${e=>e.$grow&&"flex-grow: 2;"}
+  ${e=>e.$height&&`height: ${e.$height}`}
+  ${e=>e.$gapFactor&&`gap: ${e.theme.spacing(e.$gapFactor)};`}
+  ${e=>e.$paddingFactor&&e.theme.padding(e.$paddingFactor)};
+  ${e=>e.theme.hoverable(e.$hoverable)}
+`,m=Go((e,t)=>{let{children:r,className:o,width:n,height:i,row:a=!1,align:l,justify:s,grow:d=!1,gap:p,padding:c,hoverable:f,center:y=!1,...u}=e;return Qo(jo,{ref:t,className:o,$direction:a?"row":"column",$width:n,$height:i,$align:l,$justify:s,$grow:d,$gapFactor:p,$paddingFactor:c,$center:y,$hoverable:!!f,...u,children:r})});import Zo from"react";import er from"styled-components";import{jsx as or}from"react/jsx-runtime";var tr=er.span`
+  ${e=>e.theme.typography[e.$variant||"bodyMd"]||e.theme.typography.bodyMd}
+  text-align: ${e=>e.$align};
+  text-decoration: ${e=>e.$underline==="true"?"underline":"none"};
+  text-transform: ${e=>e.$uppercase==="true"?"uppercase":"none"};
+  font-weight: ${e=>e.$fontWeight};
+  color: ${e=>e.theme.colors[e.$color]||e.$color};
+  flex-shrink: 0;
+  ${e=>e.$truncate&&`
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+  `}
+`,h=Zo.forwardRef(({children:e,className:t,variant:r,align:o="left",fontWeight:n,color:i="textDark",truncate:a,uppercase:l=!1,underline:s=!1,...d},p)=>or(tr,{className:t,$variant:r,$align:o,$fontWeight:n,$color:i,$uppercase:l?.toString()||"false",$underline:s?.toString()||"false",$truncate:!!a,ref:p,...d,children:e}));import lr,{useTheme as sr}from"styled-components";import{FontAwesomeIcon as dr}from"@fortawesome/react-fontawesome";import*as rr from"@fortawesome/pro-solid-svg-icons";import*as nr from"@fortawesome/pro-regular-svg-icons";import*as ir from"@fortawesome/pro-duotone-svg-icons";import*as ar from"@fortawesome/free-brands-svg-icons";var $t={solid:rr,regular:nr,duotone:ir,brands:ar};import{jsx as yt}from"react/jsx-runtime";var cr=lr(dr)`
+  flex-shrink: 0;
+  color: ${e=>e.theme.colors?.[e.$color||""]||e.$color||e.theme.colors?.textDark};
+`,x=({name:e,iconStyle:t="solid",color:r,size:o,className:n})=>{let i=sr(),l=$t[t][e];if(!l)return yt("span",{className:n});let s=i?.colors?.[r||""]||r;return yt(cr,{icon:l,$color:r,size:o,className:n,style:s?{color:s}:void 0})};import{jsx as ae,jsxs as Ct}from"react/jsx-runtime";var gr=e=>{switch(e){case"success":return"green100";case"warning":return"yellow100";case"error":return"red100";default:return"backgroundLight"}},vt=e=>{switch(e){case"success":return"green800";case"warning":return"yellow900";case"error":return"red800";default:return"textDark"}},hr=e=>{switch(e){case"success":return"faCheck";case"error":case"warning":return"faTriangleExclamation";default:return"faCircleInfo"}},ur=ze(m).attrs({row:!0,gap:3,padding:3})`
+  border-radius: 8px;
+  background-color: ${e=>e.theme.colors[gr(e.$type)]};
+  color: ${e=>e.theme.colors[vt(e.$type)]};
+`,xr=ze(m).attrs({center:!0})`
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+`,wt=ze(x).attrs({color:"inherit",size:"lg"})``,br=mr.forwardRef((e,t)=>{let{className:r,type:o="info",title:n,content:i,required:a=!1,dismissAfter:l}=e,[s,d]=pr(!0);if(fr(()=>{if(l){let c=setTimeout(()=>{d(!1)},l);return()=>clearTimeout(c)}},[l]),!s)return;let p=vt(o);return Ct(ur,{className:r,ref:t,$type:o,children:[ae(wt,{name:hr(o)}),(n||i)&&Ct(m,{gap:1,grow:!0,children:[n&&ae(h,{variant:"headingMd",color:p,children:n}),i&&ae(h,{color:p,children:i})]}),!a&&ae(xr,{onClick:()=>d(!1),children:ae(wt,{name:"faCircleXmark"})})]})});import $r from"react";import Dt from"styled-components";var j=(o=>(o.primary="primary",o.secondary="secondary",o.tertiary="tertiary",o))(j||{});import{jsx as kt,jsxs as vr}from"react/jsx-runtime";var yr=Dt.button`
+  width: ${e=>e.$width};
+  border: 1px solid ${e=>e.theme.colors[e.$borderColor]};
+  background-color: ${e=>e.theme.colors[e.$backgroundColor]};
+  cursor: ${e=>e.$disabled==="true"?"not-allowed":"pointer"};
+  opacity: ${e=>e.$disabled==="true"?.5:1};
+  pointer-events: ${e=>e.$disabled==="true"?"none":"auto"};
+  transition: all 150ms ease;
+  flex-shrink: 0;
+
+  &:hover {
+    background-color: ${e=>e.theme.colors[e.$hoverBackgroundColor]};
+    border-color: ${e=>e.theme.colors[e.$hoverBackgroundColor]};
+  }
+
+  ${e=>e.$mini?`
+    ${e.$iconOnly?"width: 28px;":e.theme.paddingHorizontal(2)}
+    height: 28px;
+    border-radius: 4px;
+  `:`
+    ${e.$iconOnly?"width: 36px;":e.theme.paddingHorizontal(4)}
+    height: 36px;
+    border-radius: 8px;
+  `}
+`,wr=Dt.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({theme:e})=>e.spacing(2)};
+  ${({theme:e})=>e.typography.headingSm};
+  font-weight: 500;
+  color: ${({theme:e,$color:t})=>e.colors[t]};
+`,Cr=e=>{switch(e){case"secondary":return{backgroundColor:"background",borderColor:"border",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"tertiary":return{backgroundColor:"background",borderColor:"background",color:"textNormal",hoverBackgroundColor:"backgroundLight"};case"primary":default:return{backgroundColor:"primary",borderColor:"primary",color:"background",hoverBackgroundColor:"primaryDark"}}},L=$r.forwardRef((e,t)=>{let{className:r,children:o,variant:n="primary",mini:i=!1,disabled:a=!1,fullWidth:l=!1,iconName:s,...d}=e,{backgroundColor:p,borderColor:c,color:f,hoverBackgroundColor:y}=Cr(n),u=i?"xs":"sm";return kt(yr,{className:r,ref:t,$width:l?"100%":"auto",$backgroundColor:p,$borderColor:c,$hoverBackgroundColor:y,$mini:i,$disabled:a?.toString()||"false",$iconOnly:s&&!o,...d,children:vr(wr,{$color:f,children:[s&&kt(x,{name:s,color:f,size:u}),o]})})});import Xr,{useMemo as ee,useState as Ur}from"react";import le from"dayjs";import kr from"dayjs/plugin/advancedFormat";import Dr from"dayjs/plugin/isBetween";import Tr from"dayjs/plugin/isoWeek";import Pr from"dayjs/plugin/updateLocale";le.extend(kr);le.extend(Dr);le.extend(Tr);le.extend(Pr);var B=le;import{createContext as Ir,useContext as Sr}from"react";var Tt=Ir({}),Pt=Tt.Provider,Q=()=>Sr(Tt);import{memo as Rr}from"react";import $e from"styled-components";import{jsx as se,jsxs as Or}from"react/jsx-runtime";var Fr=$e(m).attrs({align:"center",justify:"space-between",row:!0})``,Lr=$e(h)`
+  flex-grow: 2;
+  text-align: center;
+`,It=$e(m).attrs({center:!0,padding:2})`
+  width: 32px;
+  height: 32px;
+  border-radius: 32px;
+
+  ${e=>e.$disabled?`
+    cursor: not-allowed;
+    color: ${e.theme.colors.textLight};
+  `:`
+    cursor: pointer;
+    color: ${e.theme.colors.textDark};
+    &:hover {
+      background-color: ${e.theme.colors.backgroundLight};
+    }
+  `}
+`,St=$e(x).attrs({size:"xs",color:"inherit"})``,Rt=Rr(()=>{let{minDay:e,maxDay:t,months:r,selectedMonth:o,setSelectedMonth:n}=Q(),i=r[0],a=r[r.length-1],l=()=>{let p=i.format("MMMM YYYY");return r.length===1?p:`${p} - ${a.format("MMMM YYYY")}`},s=!e||i.startOf("month").valueOf()>=e,d=!t||a.endOf("month").valueOf()<=t;return Or(Fr,{children:[se(It,{$disabled:!s,onClick:()=>s&&n(o.clone().subtract(1,"months")),children:se(St,{name:"faChevronLeft"})}),se(Lr,{children:l()}),se(It,{$disabled:!d,onClick:()=>d&&n(o.clone().add(1,"months")),children:se(St,{name:"faChevronRight"})})]})});import{memo as Yr,useMemo as At,useState as _r}from"react";import{memo as Er}from"react";import He from"styled-components";import Mr from"styled-components";import*as H from"@radix-ui/react-tooltip";import{keyframes as O}from"styled-components";var is=O`
+  100% {
+    stroke-dashoffset: 0;
+  }
+`,as=O`
+  0%, 100% {
+    transform: none;
+  }
+  50% {
+    transform: scale3d(1.1, 1.1, 1);
+  }
+`,ls=O`
+  0% {
+      transform: rotate(0deg);
+    }
+  100% {
+      transform: rotate(360deg);
+    }
+`,Ft=O`
+from {
+  transform: translateX(100%);
+}
+
+to {
+  transform: translateX(0);
+}`,Lt=O`
+from {
+  transform: translateX(0);
+}
+
+to {
+  transform: translateX(100%);
+}`,Ot=O`
+from {
+  opacity: 0;
+  transform: translateY(-2px);
+}
+to {
+  opacity: 1;
+  transform: translateY(0);
+}`,Mt=O`
+from {
+  opacity: 0;
+  transform: translateX(2px);
+}
+to {
+  opacity: 1;
+  transform: translateX(0);
+}`,Nt=O`
+from {
+  opacity: 0;
+  transform: translateY(2px);
+}
+to {
+  opacity: 1;
+  transform: translateY(0);
+}`,zt=O`
+from {
+  opacity: 0;
+  transform: translateX(-2px);
+}
+to {
+  opacity: 1;
+  transform: translateX(0);
+}`,Ht=O`
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.1;
+  }
+`,Et=O`
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+`;import{Fragment as zr,jsx as de,jsxs as Hr}from"react/jsx-runtime";var Nr=Mr(H.Content)`
+  width: ${e=>e.$width};
+  ${e=>e.theme.typography.bodyMd};
+  border-radius: 4px;
+
+  a {
+    color: inherit;
+    text-decoration: underline;
+  }
+
+  ${e=>e.$style==="dark"?`
+      color: ${e.theme.colors.background};
+      background-color: ${e.theme.colors.textNormal};
+      ${e.theme.padding(1)};
+    `:`
+      color: ${e.theme.colors.textNormal};
+      background-color: ${e.theme.colors.background};
+      box-shadow:
+        0px 2px 10px 0px rgba(0, 0, 0, 0.1),
+        0px 0px 1px rgba(0, 0, 0, 0.05);
+        
+      ${e.theme.border()};
+      ${e.theme.padding(2)};
+
+    `}
+
+  &[data-state='delayed-open'][data-side='top'] {
+    animation: ${Ot} 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  &[data-state='delayed-open'][data-side='right'] {
+    animation: ${Mt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  &[data-state='delayed-open'][data-side='bottom'] {
+    animation: ${Nt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  &[data-state='delayed-open'][data-side='left'] {
+    animation: ${zt} 400ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+`,ce=({children:e,side:t="top",sideOffset:r,align:o="center",alignOffset:n,style:i="dark",content:a,disabled:l=!1,width:s,className:d})=>l||!a?de(zr,{children:e}):de(H.Provider,{children:Hr(H.Root,{delayDuration:0,children:[de(H.Trigger,{asChild:!0,children:e}),de(H.Portal,{children:de(Nr,{side:t,align:o,alignOffset:n,sideOffset:r,$width:s||"auto",$style:i,collisionPadding:4,className:d,children:a})})]})});import{jsx as Z,jsxs as Wr}from"react/jsx-runtime";var Br=He.div`
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  row-gap: ${e=>e.theme.spacing(1)};
+`,Vr=He(m).attrs({center:!0})`
+  width: 32px;
+  height: 32px;
+  span {
+    text-decoration: underline dotted;
+    text-underline-offset: 4px;
+  }
+`,Ar=He(m).attrs({center:!0})`
+  width: 32px;
+  height: 32px;
+  border-radius: 32px;
+
+  ${e=>e.$isClickable&&`
+    cursor: pointer;
+
+    span {
+      color: ${e.theme.colors.textNormal};
+    }
+
+    &:hover {
+      background-color: ${e.theme.colors.backgroundLight};
+    }
+  `}
+
+  ${e=>!e.$isClickable&&`
+    cursor: not-allowed;
+    opacity: 0.5;
+  `}
+
+  ${e=>e.$isHighlighted&&`
+    span {
+      color: ${e.theme.colors.primary};
+      font-weight: 500 !important;
+    }
+  `}
+
+  ${e=>e.$isSelected&&`
+    background-color: ${e.theme.colors.primary};
+    border-radius: 0;
+    span {
+      color: ${e.theme.colors.background};
+      ${e.$isHighlighted&&`
+        text-decoration: underline dotted;
+        text-underline-offset: 4px;
+      `}
+    }
+
+    &:hover {
+      background-color: ${e.theme.colors.primaryDark};
+    }
+  `}
+
+  ${e=>e.$isStart&&`
+    border-top-left-radius: 32px;
+    border-bottom-left-radius: 32px;
+  `}
+
+  ${e=>e.$isEnd&&`
+    border-top-right-radius: 32px;
+    border-bottom-right-radius: 32px;
+  `}
+`,Bt=7,Vt=Er(({month:e,selectedDays:t,hoverDays:r,setHoverDay:o})=>{let{highlightedDays:n,startDate:i,startDay:a,endDay:l,minDay:s,maxDay:d,onChange:p,useRange:c}=Q(),f=B().startOf("day").valueOf(),y=e.startOf("month"),g=e.endOf("month").diff(y,"weeks")+1,C=Array.from({length:g},(w,v)=>{let T=y.clone().add(v,"weeks").startOf("week");return Array.from({length:Bt},(z,Le)=>T.clone().add(Le,"days"))}).flat(),b=a&&l,$=w=>B().isoWeekday(w).format("dd").charAt(0);return Wr(Br,{children:[Array.from({length:Bt}).map((w,v)=>Z(Vr,{children:Z(h,{uppercase:!0,color:"textLight",children:$(v+1)})},v)),C.map(w=>{let v=w.month()===e.month(),T=w.valueOf();if(!v)return Z("div",{},T);let z=n.find(Ne=>Ne.day===T),Le=!!(z||T===f),No=d?T>=d:!1,zo=s?T<=s:!1,ut=!!!(z?.disabled||No||zo),Oe=t.includes(T),Me=r.includes(T),Ho=Oe&&t[0]===T||Me&&r[0]===T,Eo=()=>Me?r[r.length-1]===T:Oe&&t[t.length-1]===T,Bo=()=>{if(ut){let Ne=a?T<a:!1;!c||b||Ne?p?.(w,void 0):p?.(i,w)}};return Z(ce,{content:z?.tooltip,sideOffset:2,children:Z(Ar,{$isClickable:ut,$isHighlighted:Le,$isSelected:Oe||Me,$isStart:Ho,$isEnd:Eo(),onClick:Bo,onMouseEnter:()=>c&&o(T),children:Z(h,{children:w.format("D")})})},T)})]})});import{jsx as Wt}from"react/jsx-runtime";var Yt=Yr(()=>{let{startDate:e,endDate:t,startDay:r,endDay:o,maxDay:n,useRange:i,months:a}=Q(),[l,s]=_r(),d=At(()=>i&&l&&e&&!o&&l>=r?Array.from({length:B(l).diff(e,"days")+1},(c,f)=>{let y=e.clone().add(f,"days").valueOf();return!n||y<=n?y:void 0}).filter(Boolean):[],[i,l,e,o]),p=At(()=>{if(!r)return[];if(!o)return[r];let c=t.diff(e,"days")+1;return Array.from({length:c},(f,y)=>e.clone().add(y,"days").valueOf())},[e,t]);return Wt(m,{row:!0,gap:3,onMouseLeave:()=>i&&s(void 0),children:a.map(c=>Wt(Vt,{month:c,hoverDays:d,setHoverDay:s,selectedDays:p},`month-${c.valueOf()}`))})});import{jsx as Ee,jsxs as Gr}from"react/jsx-runtime";var me=Xr.forwardRef((e,t)=>{let{startDate:r,endDate:o,minDate:n,maxDate:i,highlightedDates:a,useRange:l,displayMonths:s=1,onChange:d}=e,[p,c]=Ur(B().subtract(s-1,"months").startOf("month")),f=ee(()=>a?.map($=>({...$,day:$.date.valueOf()}))||[],[a]),y=ee(()=>r?.valueOf(),[r]),u=ee(()=>o?.valueOf(),[o]),g=ee(()=>n?.valueOf(),[n]),C=ee(()=>i?.valueOf(),[i]),b=ee(()=>Array.from({length:s},($,w)=>p.clone().add(w,"months")),[p,s]);return Ee(m,{width:"auto",gap:2,ref:t,children:Gr(Pt,{value:{highlightedDays:f,startDate:r,endDate:o,startDay:y,endDay:u,minDay:g,maxDay:C,useRange:l,onChange:d,months:b,selectedMonth:p,setSelectedMonth:c},children:[Ee(Rt,{}),Ee(Yt,{})]})})});import Kr from"react";import _t from"styled-components";import{jsx as Be,jsxs as jr}from"react/jsx-runtime";var qr=_t(m).attrs({row:!0,gap:2})`
+  ${e=>e.$disabled?`
+        cursor: not-allowed;
+        pointer-events: none;
+        opacity: 0.5;
+        `:`
+        cursor: pointer;
+      `};
+`,Jr=_t.div`
+  width: 16px;
+  height: 16px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  flex-shrink: 0;
+  border: 1px solid
+    ${e=>e.$checked?e.theme.colors.textNormal:e.theme.colors.textLight};
+  border-radius: 4px;
+  background-color: ${e=>e.$checked?e.theme.colors.textNormal:e.theme.colors.background};
+  transition: background 0.2s ease-in-out;
+`,Y=Kr.forwardRef((e,t)=>{let{checked:r=!1,setChecked:o,label:n,disabled:i=!1}=e;return jr(qr,{ref:t,$disabled:i,onClick:()=>o?.(!r),children:[Be(Jr,{$checked:r,children:Be(x,{name:"faCheck",color:"background",size:"xs"})}),n&&Be(h,{children:n})]})});import Qr from"react";import Zr from"styled-components";import{jsx as Xt}from"react/jsx-runtime";var en=Zr.div`
+  ${e=>e.theme.padding(2)}
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${e=>e.$disabled?`
+        opacity: 0.5;
+        pointer-events: none;
+    `:`
+        cursor: pointer;
+        &:hover {
+          background-color: ${e.theme.colors.backgroundLight};
+          border-radius: 50%;
+        }
+      `}
+`,_=Qr.forwardRef((e,t)=>{let{className:r,iconName:o,size:n="sm",color:i,onClick:a,disabled:l=!1}=e;return Xt(en,{className:r,ref:t,onClick:()=>a?.(),$disabled:l,children:o&&Xt(x,{name:o,color:i,size:n})})});import{useState as We}from"react";import Ye from"styled-components";import wn from"react-currency-input-field";import tn from"styled-components";var X=(r=>(r.small="small",r.normal="normal",r))(X||{});import*as U from"@radix-ui/react-popover";import{jsx as Ve,jsxs as rn}from"react/jsx-runtime";var on=tn(U.Content)`
+  min-width: ${e=>e.$fullWidth?"var(--radix-popover-trigger-width)":"auto"};
+  max-height: calc(var(--radix-popover-content-available-height) - 12px);
+  box-sizing: border-box;
+  background-color: ${e=>e.theme.colors.background};
+  ${e=>e.theme.border()};
+  box-shadow:
+    0px 2px 10px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 1px rgba(0, 0, 0, 0.05);
+  overflow-x: hidden;
+  overflow-y: auto;
+  border-radius: ${e=>e.$variant==="small"?"4px":"8px"};
+  user-select: none;
+`,P=({trigger:e,content:t,isOpen:r,setOpen:o,variant:n="normal",side:i="bottom",sideOffset:a=2,align:l="start",alignOffset:s,disabled:d=!1,modal:p=!0,fullWidth:c=!0})=>d||!t?e:rn(U.Root,{open:r,onOpenChange:o,modal:p,children:[Ve(U.Trigger,{asChild:!0,children:e}),Ve(U.Portal,{children:Ve(on,{side:i,sideOffset:a,align:l,alignOffset:s,collisionPadding:4,onOpenAutoFocus:f=>f.preventDefault(),$fullWidth:c,$variant:n,children:t})})]});import nn from"react";import an from"styled-components";import{jsx as Ut,jsxs as sn}from"react/jsx-runtime";var ln=an(m).attrs({justify:"space-between",row:!0,gap:1})`
+  width: ${e=>e.$width};
+  ${e=>e.theme.border()}
+  background-color: ${e=>e.theme.colors.background};
+  opacity: ${e=>e.$disabled==="true"?.5:1};
+  transition: all 150ms ease;
+  cursor: ${e=>e.$disabled==="true"?"not-allowed":"pointer"};
+  pointer-events: ${e=>e.$disabled==="true"?"none":"auto"};
+
+  ${e=>e.$variant==="normal"&&`
+    height: 36px;
+    border-radius: 8px;
+    ${e.theme.paddingHorizontal(3)};
+  `}
+
+  ${e=>e.$variant==="small"&&`
+    height: 28px;
+    border-radius: 4px;
+    ${e.theme.paddingHorizontal(2)};
+  `}
+
+  &:hover {
+    border: 1px solid ${e=>e.theme.colors.textLight};
+  }
+
+  * {
+    flex-shrink: 0;
+  }
+`,pe=nn.forwardRef((e,t)=>{let{className:r,label:o,isOpen:n,onClick:i,variant:a="normal",disabled:l=!1,fullWidth:s=!1}=e;return sn(ln,{className:r,ref:t,$width:s?"100%":"auto",$variant:a,$disabled:l?.toString()||"false",onClick:i,children:[Ut(h,{truncate:!0,children:o}),Ut(x,{name:n?"faChevronUp":"faChevronDown",size:"sm"})]})});import dn from"react";import cn from"styled-components";import{jsx as Gt,jsxs as pn}from"react/jsx-runtime";var mn=cn(m).attrs({row:!0})`
+  ${e=>e.theme.padding(e.$sizeFactor)};
+  gap: ${e=>e.theme.spacing(e.$sizeFactor)};
+  border-radius: ${e=>e.theme.spacing(e.$sizeFactor)};
+
+  ${e=>e.onClick?`
+        color: ${e.theme.colors[e.$color]};
+        ${e.theme.hoverable(!0)}
+      `:`
+        cursor: not-allowed;
+        color: ${e.theme.colors.textLight};
+      `}
+`,M=dn.forwardRef((e,t)=>{let{iconName:r,label:o,onClick:n,disabled:i,color:a,variant:l="normal",rightContent:s}=e;return pn(mn,{ref:t,$sizeFactor:l==="small"?1:2,$color:a||"textDark",onClick:i?void 0:n,children:[r&&Gt(x,{name:r,color:"inherit",size:l==="small"?"xs":"sm"}),Gt(h,{truncate:!0,color:"inherit",style:{flexGrow:1},children:o}),s]})});import gn,{useState as hn}from"react";import un from"styled-components";import fn from"styled-components";var Ae=fn.div`
+  width: ${e=>e.width||(e.vertical?"1px":"100%")};
+  height: ${e=>e.height||(e.vertical?"100%":"1px")};
+  border-${e=>e.vertical?"right":"bottom"}: 1px ${e=>e.dashed?"dashed":"solid"}
+    ${e=>e.theme.colors[e.color||"border"]};
+`;import{jsx as ye,jsxs as Kt}from"react/jsx-runtime";import{createElement as $n}from"react";var xn=un(m)`
+  width: 100%;
+  overflow-y: auto;
+
+  ${e=>e.$variant==="small"?`
+        min-width: 200px;
+        max-height: 300px;
+      `:`
+        min-width: 300px;
+        max-height: 90vh;
+      `}
+`,bn=({trigger:e,header:t,sections:r,footer:o,onItemClick:n,variant:i="normal",side:a,sideOffset:l,align:s,alignOffset:d})=>{let[p,c]=hn(!1),f=i==="small"?1:2;return ye(P,{trigger:e,content:Kt(m,{children:[t,ye(xn,{$variant:i,children:r.map((y,u)=>Kt(gn.Fragment,{children:[ye(m,{padding:f,children:y.map((g,C)=>$n(M,{...g,key:`item-${C}-${C}`,variant:i,onClick:g.disabled?void 0:()=>{n?.(g),g.onClick?.(),c(!1)}}))}),u<r.length-1&&ye(Ae,{})]},`section-${u}`))}),o]}),isOpen:p,setOpen:c,variant:i,side:a,sideOffset:l,align:s,alignOffset:d})};import{css as yn}from"styled-components";var N=yn`
+  ${e=>e.theme.typography.bodyMd}
+  width: 100%;
+  height: 36px;
+  padding: 0 8px;
+  box-shadow: none !important;
+  border-radius: 4px;
+  background-color: ${e=>e.theme.colors.background};
+  border: 1px solid ${e=>e.theme.colors.border};
+  overflow: hidden;
+
+  &::placeholder {
+    color: ${e=>e.theme.colors.textLight};
+  }
+
+  &:hover:not(:disabled),
+  &:focus-visible {
+    outline: none;
+    border: 1px solid ${e=>e.theme.colors.textLight};
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    background-color: ${e=>e.theme.colors.backgroundLight};
+    color: ${e=>e.theme.colors.textLight};
+  }
+`;import{jsx as q,jsxs as Tn}from"react/jsx-runtime";var Cn=Ye(m).attrs({row:!0})`
+  ${N};
+  padding: 0;
+`,vn=Ye(m).attrs({center:!0})`
+  width: auto;
+  min-width: 40px;
+  background-color: ${e=>e.theme.colors.backgroundLight};
+  height: 36px;
+  cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+  ${e=>e.theme.paddingHorizontal(2)}
+  ${e=>e.theme.borderRight()}
+`,kn=Ye(wn)`
+  ${N};
+  border: 0;
+  border-radius: 0;
+  &:hover:not(:disabled),
+  &:focus-visible {
+    border: 0;
+  }
+`,Dn=({className:e,value:t,onChange:r,placeholder:o,disabled:n})=>{let i=["USD"],[a,l]=We(!1),[s,d]=We(t?.currency||i[0]),[p,c]=We(t?.amount||0);return Tn(Cn,{className:e,children:[q(P,{isOpen:a,setOpen:l,disabled:i.length<1||n,trigger:q(vn,{$disabled:n,children:q(h,{color:"textNormal",children:s?.toUpperCase()})}),content:q(m,{width:"200px",padding:1,children:i.map(f=>q(M,{label:f?.toUpperCase(),onClick:()=>{c(0),d(f),l(!1)},rightContent:s===f?q(x,{name:"faCheck",size:"xs"}):void 0},f))})}),q(kn,{value:p,placeholder:o,intlConfig:{locale:"en-US",currency:s,currencyDisplay:"narrowSymbol"},allowDecimals:!0,decimalsLimit:2,disabled:n,onValueChange:(f,y,u)=>{c(f),r?.({currency:s,amount:u?.float,formatted:u?.formatted})}})]})};import Pn,{useState as In}from"react";import _e from"styled-components";import{jsx as te,jsxs as Mn}from"react/jsx-runtime";var Sn=_e(m).attrs({row:!0,align:"center",gap:1})`
+  height: 36px;
+  border-radius: 4px;
+  background-color: ${e=>e.theme.colors.background};
+  ${e=>e.theme.border()};
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  ${e=>e.theme.typography.bodyMd}
+  ${e=>e.$disabled?`
+    cursor: not-allowed;
+    background-color: ${e.theme.colors.backgroundLight};
+  `:`
+      &:hover {
+        border: 1px solid ${e.theme.colors.textLight};
+      }`}
+`,Rn=_e.input`
+  ${N};
+  background-color: transparent;
+  height: auto;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  &:hover:not(:disabled),
+  &:focus-visible {
+    border: 0;
+  }
+`,Fn=_e(m).attrs({width:"auto",center:!0})`
+  height: 36px;
+  ${e=>e.theme.paddingHorizontal(2)}
+`,Ln="MMMM DD, YYYY",On=Pn.forwardRef((e,t)=>{let[r,o]=In(!1),{disabled:n}=e;return te(P,{fullWidth:!1,disabled:n,isOpen:r,setOpen:o,trigger:Mn(Sn,{ref:t,$disabled:n,children:[te(Fn,{children:te(x,{name:"faCalendar",color:"textLight",size:"sm"})}),te(Rn,{placeholder:e.placeholder,disabled:n,onChange:()=>"",value:e.startDate?.format(Ln)||""})]}),content:te(m,{padding:3,gap:3,children:te(me,{...e,onChange:i=>{e.onChange?.(i),o(!1)}})})})});import Nn,{useState as Xe}from"react";import{jsx as fe,jsxs as qt}from"react/jsx-runtime";var zn="MMMM DD, YYYY",Hn=Nn.forwardRef((e,t)=>{let r=zn,[o,n]=Xe(!1),[i,a]=Xe(e.startDate),[l,s]=Xe(e.endDate),d=()=>!e.startDate&&(!e.useRange||!e.endDate)?"Select date":e.useRange&&e.endDate?`${e.startDate.format(r)} - ${e.endDate.format(r)}`:e.startDate.format(r);return fe(P,{isOpen:o,setOpen:n,variant:e.dropdownVariant,fullWidth:!1,trigger:fe(pe,{ref:t,label:d(),variant:e.dropdownVariant}),content:qt(m,{padding:3,gap:3,children:[fe(me,{...e,startDate:i,endDate:l,onChange:(p,c)=>{a(p),s(c)}}),qt(m,{row:!0,justify:"flex-end",gap:3,children:[fe(L,{mini:!0,variant:"secondary",onClick:()=>n(!1),children:"Cancel"}),fe(L,{mini:!0,onClick:()=>{e.onChange?.(i,l),n(!1)},children:"Apply"})]})]})})});import _n from"react";import Xn from"styled-components";import{DndProvider as Un}from"react-dnd";import{HTML5Backend as Gn}from"react-dnd-html5-backend";import En from"react";import Bn from"styled-components";import{useDrag as Vn,useDrop as An}from"react-dnd";import{jsx as Yn}from"react/jsx-runtime";var Wn=Bn.div`
+  cursor: grab;
+  opacity: ${e=>e.$opacity};
+`,Jt=({item:e,onMove:t})=>{let{id:r,index:o}=e,n=En.useRef(null),[{handlerId:i},a]=An({accept:"item",collect:d=>({handlerId:d.getHandlerId()}),hover:(d,p)=>{if(!n.current)return;let c=d.index,f=o;if(c===f)return;let y=n.current?.getBoundingClientRect(),u=(y.bottom-y.top)/2,C=p.getClientOffset().y-y.top;c<f&&C<u||c>f&&C>u||(t(c,f),d.index=f)}}),[{isDragging:l},s]=Vn({type:"item",item:()=>({id:r,index:o}),collect:d=>({isDragging:d.isDragging()})});return s(a(n)),Yn(Wn,{ref:n,$opacity:l?0:1,"data-handler-id":i,children:e.content})};import{jsx as we}from"react/jsx-runtime";var Kn=Xn.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>e.theme.spacing(1)};
+`,Ue=({className:e,items:t,onChange:r})=>{let o=t.sort((i,a)=>i.index-a.index),n=(i,a)=>{let l=o[i],s=o[a];r(o.map(d=>d.id===l.id?{...d,index:s.index}:d.id===s.id?{...d,index:l.index}:d))};return we(Un,{backend:Gn,children:we(Kn,{className:e,children:o.map(i=>i.disabled?we(_n.Fragment,{children:i.content},i.id):we(Jt,{item:i,onMove:n},i.id))})})};import{memo as si,useState as di}from"react";import mo from"styled-components";import{useState as ao}from"react";import V from"styled-components";import{useRef as qn,useState as Jn}from"react";import jn from"styled-components";import{jsx as ge}from"react/jsx-runtime";var Ge=jn.input`
+  ${N};
+`,oe=({className:e,value:t,onChange:r,onTextChange:o,onEnter:n,options:i,...a})=>{let l=qn(null),[s,d]=Jn(!1),p=ge(Ge,{...a,ref:l,className:e,value:t||"",onChange:c=>{let f=c.target?.value||"";o?.(f),r?.(c),setTimeout(()=>{d(!!i?.length),l?.current?.focus()},100)},onKeyDown:c=>{c.key==="Enter"&&n?.(),a.onKeyDown?.(c)}});return!i?.length||a.disabled?p:ge(P,{isOpen:s,setOpen:d,modal:!1,variant:"small",trigger:ge("div",{children:p}),content:ge(m,{children:i.map(c=>ge(M,{label:c.label,disabled:c.disabled,onClick:()=>{o?.(c.value),d(!1)}},c.value))})})};import Qn from"styled-components";import{jsx as Ke,jsxs as jt}from"react/jsx-runtime";var Zn=Qn(m)`
+  height: ${e=>e.$show?"20px":0};
+  justify-content: flex-start;
+  gap: ${e=>e.theme.spacing(1)};
+  transition: height 0.3s;
+`,re=({label:e,children:t,rightContent:r,error:o})=>jt(m,{gap:1,children:[(e||r)&&jt(m,{row:!0,justify:"space-between",children:[Ke(h,{variant:"headingXs",color:"textLight",uppercase:!0,children:e}),r]}),t,Ke(Zn,{$show:!!o,children:Ke(h,{variant:"bodySm",color:"textLight",children:o})})]});import{jsx as qe}from"react/jsx-runtime";var Qt=({filter:e,value:t,onChange:r})=>qe(m,{padding:3,children:qe(re,{label:e.label,children:qe(oe,{type:"text",placeholder:e.placeholder,value:t?.like||"",onTextChange:o=>r({...t||{},like:o})})})});import{jsx as Zt}from"react/jsx-runtime";var eo=({filter:e,value:t,onChange:r})=>{let o=t?.includes||[];return Zt(m,{gap:1,padding:3,children:e.options?.map(n=>Zt(Y,{label:n.label,checked:o.includes(n.value),setChecked:i=>{let a=i?[...o,n.value]:o.filter(l=>l!==n.value);r({...t||{},includes:a})}},String(n.value)))})};import{jsx as Je}from"react/jsx-runtime";var to=({filter:e,value:t,onChange:r})=>Je(m,{padding:1,children:e.options?.map(o=>Je(M,{iconName:o.iconName,label:o.label,disabled:o.disabled,onClick:()=>{r({...t||{},value:o.value})},rightContent:t?.value===o.value?Je(x,{name:"faCheck",size:"sm"}):void 0},String(o.value)))});import{useState as oo}from"react";import{jsx as Ce,jsxs as ei}from"react/jsx-runtime";var ro=({value:e,onChange:t})=>{let[r,o]=oo(String(e?.min||"")),[n,i]=oo(String(e?.max||"")),a=(l,s)=>{let d=l?.replace(/[^0-9.-]/g,"")||"",p=d.length?Number(d):void 0;t({...e,[s]:p&&isNaN(p)?void 0:p})};return ei(m,{padding:3,gap:2,children:[Ce(re,{label:"M\xEDnimo",children:Ce(oe,{type:"text",value:r,onTextChange:l=>{o(l),a(l,"min")}})}),Ce(re,{label:"M\xE1ximo",children:Ce(oe,{type:"text",value:n,onTextChange:l=>{i(l),a(l,"max")}})})]})};var no=({filter:e,value:t})=>{if(!t)return;let r=e.getError?.(t);if(r)return r;if(e.type==="text"){let o=t?.like||"";if(o?.length){if(e.minValue&&o.length<e.minValue)return`Debe tener al menos ${e.minValue} caracteres`;if(e.maxValue&&o.length>e.maxValue)return`La longitud m\xE1xima es ${e.maxValue} caracteres`}}if(e.type==="checkbox"){let o=t?.includes||[];if(e.minValue&&o.length<e.minValue)return`Debe seleccionar al menos ${e.minValue} opciones`;if(e.maxValue&&o.length>e.maxValue)return`Debe seleccionar como m\xE1ximo ${e.maxValue} opciones`}if(e.type==="range"){let o=t?.min,n=t?.max;if(o!==void 0&&o<e.minValue)return`El valor m\xEDnimo debe ser al menos ${e.minValue.toLocaleString()}`;if(n!==void 0&&n>e.maxValue)return`El valor m\xE1ximo debe ser como m\xE1ximo ${e.maxValue.toLocaleString()}`;if(o!==void 0&&n!==void 0&&o>n)return"El valor m\xEDnimo no puede ser mayor que el valor m\xE1ximo"}};var io=({filter:e,value:t})=>{if(t)switch(e.type){case"text":return t.like;case"select":return e.options?.find(r=>r.value===t?.value)?.label;case"checkbox":{let r=e.options.map(o=>{if(t?.includes?.includes(o.value))return o.label;if(t?.excludes?.includes(o.value))return`-${o.label}`}).filter(Boolean);return r.length?r.join(", "):void 0}case"range":return t?.min!==void 0&&t?.max!==void 0?`${t.min.toLocaleString()} - ${t.max.toLocaleString()}`:t?.min!==void 0?`${t.min.toLocaleString()} - \u221E`:t?.max!==void 0?`0 - ${t.max.toLocaleString()}`:void 0;default:return t?.value}};import{jsx as I,jsxs as je}from"react/jsx-runtime";var ti=V(m).attrs({width:"auto",row:!0,align:"center",gap:1})`
+  min-width: 100px;
+  max-width: 200px;
+  height: 28px;
+  border-radius: 14px;
+  cursor: pointer;
+  overflow: hidden;
+  ${e=>e.theme.paddingHorizontal(2)};
+  user-select: none;
+
+  svg {
+    flex-shrink: 0;
+  }
+
+  ${e=>e.$hasValue?`
+    color: ${e.theme.colors.primary};
+    border: 1px solid ${e.theme.colors.primary};
+    &:hover {
+      background-color: ${e.theme.colors.backgroundLight};
+    }
+  `:`
+    color: ${e.theme.colors.textNormal};
+    border: 1px dashed ${e.theme.colors.border};
+    &:hover {
+      color: ${e.theme.colors.textDark};
+      border: 1px solid ${e.theme.colors.border};
+      background-color: ${e.theme.colors.backgroundLight};
+    }
+
+  `}
+`,lo=V(x).attrs({size:"xs",color:"inherit"})``,oi=V(m).attrs({width:"auto",center:!0})`
+  &:hover {
+    color: ${e=>e.theme.colors.red500};
+  }
+`,ri=V(m)`
+  min-width: 300px;
+`,ni=V(m)`
+  max-height: 300px;
+  overflow-y: auto;
+`,ii=V(m)`
+  ${e=>e.theme.paddingHorizontal(3)};
+  ${e=>e.theme.paddingBottom(2)};
+`,ai=V(m).attrs({width:"auto",row:!0,align:"center",gap:2})``,li=V(ai).attrs({width:"100%",justify:"space-between",padding:3})`
+  ${e=>e.theme.paddingTop(2)};
+  ${e=>e.theme.borderTop()}
+`,so=V(L).attrs({mini:!0})``,co=({filter:e,value:t,onChange:r})=>{let[o,n]=ao(!1),[i,a]=ao(t),l=no({filter:e,value:i}),s=t!=null,d=()=>{switch(e.type){case"checkbox":return I(eo,{filter:e,value:i,onChange:a});case"select":return I(to,{filter:e,value:i,onChange:a});case"range":return I(ro,{filter:e,value:i,onChange:a});default:return I(Qt,{filter:e,value:i,onChange:a})}};return I(P,{isOpen:o,setOpen:c=>{c||a(t),n(c)},trigger:je(ti,{$hasValue:s,children:[s?I(oi,{onClick:c=>{c.stopPropagation(),r(void 0)},children:I(lo,{name:"faCircleXmark"})}):I(lo,{name:"faCirclePlus"}),I(h,{variant:"bodySm",fontWeight:s?500:400,truncate:!0,style:{flexGrow:1},children:(()=>{if(s){let c=io({filter:e,value:t});if(c)return`${e.label}: ${c}`}return e.label})()}),s&&I(x,{name:"faChevronDown",size:"sm",color:"inherit"})]}),content:je(ri,{children:[I(ni,{children:d()}),l?.length&&I(ii,{children:I(h,{variant:"bodySm",color:"red",children:l})}),je(li,{children:[i?I(so,{variant:"tertiary",onClick:()=>a(void 0),children:"Borrar"}):I("div",{}),I(so,{variant:"primary",disabled:!!l,onClick:()=>{r(i),n(!1)},children:"Aplicar"})]})]})})};import{jsx as Qe,jsxs as fi}from"react/jsx-runtime";var ci=mo.div`
+  width: 100%;
+  display: inline-flex;
+  gap: ${e=>e.theme.spacing(2)};
+`,mi=mo(m).attrs({width:"auto",center:!0})`
+  cursor: pointer;
+  height: 28px;
+  ${e=>e.theme.paddingHorizontal(3)};
+  color: ${e=>e.theme.colors.red600};
+  border-radius: 14px;
+
+  &:hover {
+    color: ${e=>e.theme.colors.red800};
+    background-color: ${e=>e.theme.colors.red100};
+  }
+`,pi=si(e=>{let{className:t,filters:r,values:o,onFilterChange:n}=e,[i,a]=di(0);return fi(ci,{className:t,children:[r.map(l=>Qe(co,{filter:l,value:o[l.id],onChange:s=>n({...o,[l.id]:s})},`${l.id}-${i}`)),Object.keys(o).length>0&&Qe(mi,{onClick:()=>{n({}),a(l=>l+1)},children:Qe(h,{variant:"headingSm",children:"Clear Filters"})})]})});import bi,{useState as go}from"react";import et from"styled-components";import fo,{useTheme as gi}from"styled-components";import{jsx as po,jsxs as xi}from"react/jsx-runtime";var hi=fo.svg`
+  color: ${({theme:e,$color:t})=>e.colors[t]};
+  overflow: visible;
+  width: ${({$width:e})=>e};
+`,ui=fo.circle`
+  animation: spinners-react-circular 1s linear infinite;
+
+  @keyframes spinners-react-circular {
+    0% {
+      stroke-dashoffset: 306;
+    }
+    50% {
+      stroke-dasharray: 40, 134;
+    }
+    100% {
+      stroke-dasharray: 1, 174;
+      stroke-dashoffset: 132;
+    }
+  }
+`,Ze=({width:e,color:t})=>{let{colors:r}=gi();return xi(hi,{fill:"none",viewBox:"0 0 66 66",$width:e||"60px",$color:t||"primary",children:[po("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:r.textLight,strokeWidth:"4"}),po(ui,{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:"5"})]})};import{jsx as ve,jsxs as vi}from"react/jsx-runtime";var $i=et(m).attrs({center:!0})`
+  position: relative;
+  background-color: ${e=>e.theme.colors[e.$backgroundColor]||e.theme.colors.backgroundLight};
+  border-radius: ${e=>e.$borderRadius||"0"};
+  overflow: hidden;
+  flex-shrink: 0;
+  ${e=>e.onClick&&`
+    cursor: pointer;
+  `}
+`,yi=et(m).attrs({center:!0})`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  flex-shrink: 0;
+`,wi=et.img`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: ${e=>e.$objectFit};
+  transition: opacity 0.3s ease-in-out;
+  flex-shrink: 0;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+  user-drag: none;
+`,Ci=bi.forwardRef((e,t)=>{let{className:r,src:o,alt:n,fallback:i,onClick:a,width:l="20px",height:s="20px",borderRadius:d="0",objectFit:p="cover",backgroundColor:c="backgroundLight"}=e,[f,y]=go(!1),[u,g]=go(!1),C=()=>{if(o?.length)return ve(wi,{src:o,alt:n||"",$objectFit:p,style:{opacity:f?1:0},onLoad:()=>y(!0),onError:()=>g(!0)})};return vi($i,{className:r,ref:t,width:l,height:s,onClick:a,$borderRadius:d,$backgroundColor:c,children:[ve(yi,{children:(()=>{if(!f)return!f&&!u&&o?.length?ve(Ze,{width:"30px",color:"textLight"}):i||ve(x,{name:"faCircleQuestion",color:"textLight"})})()}),C()]})});import ki,{keyframes as Di}from"styled-components";import{jsx as Ii}from"react/jsx-runtime";var Ti=Di`
+  from { background-position: 200% 0;}
+  to { background-position: -200% 0; }
+`,Pi=ki.div`
+  animation: ${Ti} 4s linear infinite;
+  animation-fill-mode: forwards;
+  background: rgb(246, 248, 250);
+  background: linear-gradient(
+    to right,
+    rgb(235, 238, 241) 10%,
+    rgb(246, 248, 250) 20%,
+    rgb(235, 238, 241) 33%
+  );
+  background-size: 300% 100%;
+  border-radius: 4px;
+  width: ${e=>e.$width};
+  height: ${e=>e.$height};
+`,tt=({width:e="auto",height:t="auto",className:r})=>Ii(Pi,{$width:e,$height:t,className:r});import"react";import De from"styled-components";import*as S from"@radix-ui/react-dialog";import{jsx as he,jsxs as ke}from"react/jsx-runtime";var Si=De(S.Overlay)`
+  background-color: #000;
+  position: fixed;
+  inset: 0;
+  opacity: 0.1;
+  animation: ${Ht} 00ms;
+`,Ri=De(S.Content)`
+  background-color: white;
+  border-radius: 8px;
+  box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.1);
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  animation: ${Et} 400ms ease-out;
+  min-width: min(480px, 90%);
+  ${e=>e.theme.padding(2,3)};
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>e.theme.spacing(4)};
+`,Fi=De(S.Title)`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0;
+  ${e=>e.theme.padding(0)};
+  ${e=>e.theme.paddingBottom(2)};
+
+  ${e=>e.theme.borderBottom()}
+`,Li=De(S.Description)`
+  display: none;
+`,ot=({open:e,setOpen:t,title:r,children:o,trigger:n})=>ke(S.Root,{open:e,onOpenChange:t,children:[n&&he(S.Trigger,{asChild:!0,children:n}),ke(S.Portal,{children:[he(Si,{}),ke(Ri,{children:[r&&ke(Fi,{children:[he(h,{variant:"headingMd",children:r}),he(_,{iconName:"CLOSE_CIRCLE",color:"textLight",size:"20px",onClick:()=>t(!1)})]}),he(Li,{}),o]})]})]});import{useEffect as Oi,useState as ho}from"react";import ue from"styled-components";import{jsx as E,jsxs as uo}from"react/jsx-runtime";var Mi=ue.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: var(--radix-popover-trigger-width);
+  overflow: hidden;
+`,rt=ue.div`
+  padding: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px;
+  cursor: pointer;
+  &:hover {
+    background-color: ${({theme:e})=>e.colors.backgroundLight};
+  }
+`,Ni=ue.div`
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+`,zi=ue(Ge)`
+  cursor: inherit;
+`,Hi=ue.div`
+  position: absolute;
+  right: 8px;
+  top: 8px;
+`,Ei=({values:e,onChange:t,options:r,placeholder:o,renderValues:n,disabled:i})=>{let[a,l]=ho(!1),[s,d]=ho(""),p=r.filter(g=>e?.includes(g.value)),c=r.filter(g=>!s?.length||g.label.toLowerCase().includes(s.toLowerCase())),f=g=>{e?.includes(g)?t(e?.filter(C=>C!==g)):t([...e||[],g])};Oi(()=>{a||d("")},[a]);let y=()=>uo(Mi,{children:[!s?.length&&E(rt,{children:E(Y,{label:"Select all",checked:p.length===r.length,setChecked:g=>{t(g?r.map(C=>C.value):[])}})}),c?.length>0?c.map(g=>E(rt,{onClick:()=>{f(g.value)},children:E(Y,{checked:e?.includes(g.value),label:g.label})},g.value)):E(rt,{children:E(h,{children:"No results found"})})]}),u="Type to search...";return E(P,{isOpen:a,setOpen:l,trigger:uo(Ni,{onClick:()=>l(!0),children:[E(zi,{value:a?s:n(p),onChange:g=>{d(g.target.value),l(!0)},placeholder:a?u:o||u,disabled:i}),E(Hi,{children:E(x,{name:a?"faChevronUp":"faChevronDown",size:"sm"})})]}),content:y(),disabled:i})};import{useState as Bi}from"react";import Vi from"styled-components";import{jsx as Te}from"react/jsx-runtime";import{createElement as Yi}from"react";var Ai=Vi(pe)`
+  border-radius: 4px;
+`,Wi=({value:e,onChange:t,options:r,placeholder:o,disabled:n,fullWidth:i=!0,variant:a})=>{let[l,s]=Bi(!1),d=r.find(p=>p.value===e);return Te(P,{isOpen:l,setOpen:s,variant:"small",trigger:Te(Ai,{label:d?.label||o,isOpen:l,disabled:n,fullWidth:i,variant:a}),content:Te(m,{padding:1,children:r.map(p=>Yi(M,{...p,key:p.value,variant:a,onClick:()=>{t(p.value),s(!1)},rightContent:e===p.value?Te(x,{name:"faCheck",size:"xs"}):void 0}))})})};import{useEffect as nt,useRef as _i,useState as it}from"react";import ne from"styled-components";import*as R from"@radix-ui/react-dialog";import{jsx as A,jsxs as at}from"react/jsx-runtime";var Pe=580,bo="slideoutWidth",Xi=ne(R.Title)`
+  ${e=>e.theme.borderBottom()};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  ${e=>e.theme.padding(4)};
+  padding-top: 0;
+`,Ui=ne(R.Content)`
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: ${e=>e.$width};
+  background-color: ${e=>e.theme.colors.background};
+  box-shadow:
+    -5px 0px 25px 0px rgba(0, 0, 0, 0.1),
+    0px 0px 1px 0px rgba(0, 0, 0, 0.2);
+  border-radius: 0px;
+
+  @media (min-width: 600px) {
+    max-width: 80%;
+  }
+
+  &[data-state='open'] {
+    animation: ${Ft} 400ms ease-in-out; // must use animation, can't use transition: https://github.com/radix-ui/primitives/issues/994
+  }
+  &[data-state='closed'] {
+    animation: ${Lt} 400ms ease-in-out;
+  }
+  &:focus-visible {
+    outline: none;
+  }
+`,Gi=ne.div`
+  ${e=>e.theme.padding(4)};
+`,Ki=ne(R.Close)`
+  all: unset;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,qi=ne.div`
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 12px;
+  cursor: col-resize;
+  transition: all 0.2s ease;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  opacity: 0;
+  &:hover,
+  &:active {
+    opacity: 1;
+    background: ${e=>e.theme.colors.backgroundLight};
+  }
+`,Ji=ne.div`
+  height: 40px;
+  width: 4px;
+  background-color: ${e=>e.theme.colors.textLight};
+  border-radius: 4px;
+`,xo=(e,t)=>{let r=sessionStorage.getItem(bo);switch(!0){case(t&&r&&parseInt(r)<e):return r;case e>=1440:return"800px";case e>=1280:return"720px";case e>=600:return`${Pe}px`;default:return"100%"}},ji=({children:e,trigger:t,disabled:r=!1,open:o,setOpen:n,title:i,resizable:a=!0})=>{let[l,s]=it(window.innerWidth),[d,p]=it(""),[c,f]=it(!1),y=_i(null);return nt(()=>{let u=()=>{let g=window.innerWidth;s(g),p(xo(g,a))};return window.addEventListener("resize",u),u(),()=>window.removeEventListener("resize",u)},[]),nt(()=>{if(!a||!c)return;let u,g=b=>{if(!y.current)return;let $=window.innerWidth-b.clientX,w=$>=window.innerWidth;window.innerWidth<Pe||w?u="100%":$<Pe?u=`${Pe}px`:u=`${$}px`,y.current.style.width=u},C=()=>{p(u),sessionStorage.setItem(bo,u),f(!1)};return window.addEventListener("mousemove",g),window.addEventListener("mouseup",C),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",C)}},[c]),nt(()=>{p(xo(l,a))},[o]),r?t:at(R.Root,{open:o,onOpenChange:n,modal:!1,children:[t&&A(R.Trigger,{asChild:!0,children:t}),A(R.Portal,{children:at(Ui,{$width:d,$open:o||!1,ref:y,children:[i&&at(Xi,{children:[A(h,{variant:"headingXl",children:i}),A(Ki,{children:A(_,{iconName:"faCircleXmark",color:"textLight"})})]}),A(R.Description,{}),A(Gi,{children:e}),a&&A(qi,{onMouseDown:()=>f(!0),"aria-label":"resize slideout handle",children:A(Ji,{})})]})})]})};import Qi from"react";import Zi from"styled-components";import{jsx as lt,jsxs as oa}from"react/jsx-runtime";var ea=Zi.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: ${e=>e.theme.spacing(1)};
+  border-radius: 4px;
+  float: left;
+  ${e=>e.theme.padding(1,2)};
+  background-color: ${e=>e.theme.colors[e.$color]};
+`,ta=Qi.forwardRef((e,t)=>{let{label:r,color:o="plain",iconName:n,tooltip:i}=e,a=o==="plain"?"textNormal":`${o}800`,l=o==="plain"?"backgroundLight":`${o}100`;return lt(ce,{content:i,children:oa(ea,{ref:t,$color:l,children:[lt(h,{variant:"headingSm",color:a,children:r}),n&&lt(x,{name:n,color:a,size:"sm"})]})})});import ra from"react";import dt from"styled-components";import*as Ie from"@radix-ui/react-switch";import{jsx as st,jsxs as sa}from"react/jsx-runtime";var na=dt.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.theme.spacing(2)};
+
+  ${e=>e.$disabled?`
+        cursor: not-allowed;
+        pointer-events: none;
+        opacity: 0.5;
+        `:`
+        cursor: pointer;
+      `};
+`,ia=dt(Ie.Root)`
+  all: unset;
+  display: inline-block;
+  width: 38px;
+  height: 20px;
+  margin: 0;
+  background-color: ${e=>e.theme.colors.textLight};
+  border-radius: 99px;
+  &[data-state='checked'] {
+    background-color: ${e=>e.theme.colors.primary};
+  }
+  &:enabled {
+    cursor: pointer;
+  }
+`,aa=dt(Ie.Thumb)`
+  display: block;
+  background-color: white;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  transform: translateX(2px);
+  transition: all 400ms;
+  &[data-state='checked'] {
+    transform: translateX(20px);
+  }
+`,la=ra.forwardRef((e,t)=>{let{checked:r,setChecked:o,label:n,disabled:i=!1}=e;return sa(na,{ref:t,onClick:()=>o?.(!r),$disabled:i,children:[st(ia,{checked:r,onCheckedChange:o,disabled:i,children:st(aa,{})}),n&&st(h,{children:n})]})});import da,{useState as ca,useEffect as ma,useRef as $o}from"react";import Re from"styled-components";import{jsx as Se,jsxs as xa}from"react/jsx-runtime";var pa=Re.div`
+  width: 100%;
+`,fa=Re.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.theme.spacing(6)};
+  ${e=>e.theme.paddingVertical(1)};
+  ${e=>e.theme.borderBottom(1)};
+`,ga=Re.div`
+  position: relative;
+  color: ${e=>e.theme.colors.textLight};
+  background-color: transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  ${e=>e.theme.padding(1)};
+  &:hover {
+    background-color: ${e=>e.theme.colors.backgroundLight};
+  }
+`,ha=Re.div`
+  position: relative;
+  width: ${e=>e.$width};
+  height: 3px;
+  top: -2px;
+  left: ${e=>e.$left};
+  background-color: ${e=>e.theme.colors.primary};
+  border-radius: 4px;
+  transition: all 0.25s ease-in-out;
+`,ua=da.memo(({className:e,value:t,onChange:r,tabs:o})=>{let n=$o(null),i=$o(null),[a,l]=ca({width:"0px",left:"0px"});return ma(()=>{n?.current&&i?.current&&l({width:`${i.current.offsetWidth||0}px`,left:`${(i.current.offsetLeft||0)-n.current.offsetLeft}px`})},[t,n,i]),xa(pa,{children:[Se(fa,{ref:n,className:e,children:o.map((s,d)=>{let p=t?t===s.value:d===0;return Se(ga,{onClick:()=>r(s.value),ref:p?i:null,children:Se(h,{color:p?"primary":"textLight",variant:"headingSm",children:s.label})},s.value)})}),Se(ha,{$width:a.width,$left:a.left})]})});import ie from"styled-components";import ba,{useState as $a}from"react";import ko from"styled-components";var yo=e=>JSON.parse(localStorage.getItem(e)||"{}"),wo=(e,t)=>localStorage.setItem(e,JSON.stringify(t));import{jsx as G,jsxs as vo}from"react/jsx-runtime";var ya=ko.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e=>e.theme.spacing(2)};
+`,wa=ko.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: ${e=>e.theme.spacing(2)};
+`,Co="tableSettings",Do=({id:e,columns:t})=>{let[r,o]=ba.useState(!1),n=yo(Co),i=n?.[e]||[],a=i?.columns||[],l=t.map((g,C)=>{let b=a?.find?.($=>$.id===g.id);return{...g,order:b?b.order:C,hidden:b?.hidden||!1}}),[s,d]=$a(l),p="Edit Columns",c=()=>{d(t.map((g,C)=>({...g,order:C,hidden:!1})))},f=()=>{wo(Co,{...n,[e]:{...i,columns:s.map(g=>({id:g.id,order:g.order,hidden:g.hidden}))}}),o(!1)},y=s.map(g=>({id:g.id,index:g.order,content:G("div",{children:G(Y,{label:g.header,disabled:g.required,checked:!g.hidden,setChecked:C=>{d(b=>b.map($=>$.id===g.id?{...$,hidden:!C}:$))}})},g.id)})),u=g=>d(C=>C.map(b=>{let $=g.find(w=>w.id===b.id);return{...b,order:$.index}}));return G(ot,{title:p,trigger:G(L,{iconName:"faGear",mini:!0,variant:"secondary",children:p}),open:r,setOpen:o,children:vo(ya,{children:[G(Ue,{items:y,onChange:u}),vo(wa,{children:[G(L,{variant:"tertiary",onClick:c,children:"Reset"}),G(L,{variant:"secondary",onClick:()=>o(!1),children:"Cancel"}),G(L,{onClick:f,children:"Save"})]})]})})};import W from"styled-components";var To=W.table`
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: auto;
+  margin: 0;
+  background-color: ${e=>e.theme.colors.background};
+`,Po=W.thead`
+  position: sticky;
+  top: 0;
+  background-color: ${e=>e.theme.colors.background};
+`,Io=W.td`
+  width: 100%;
+  width: ${e=>e.$width||"100%"};
+  min-width: ${e=>e.$width||"60px"};
+  display: flex;
+  align-items: center;
+  justify-content: ${e=>e.$align==="right"?"flex-end":"space-between"};
+  gap: ${e=>e.theme.spacing(1)};
+  ${e=>e.theme.padding(1,0)};
+`,So=W.tr`
+  display: flex;
+  align-items: center;
+  ${e=>e.theme.borderBottom()}
+`,ct=W(So)``,Ro=W(Io)`
+  ${e=>e.$canSort&&"cursor: pointer;"}
+`,mt=W.tbody``,Fo=W(So)`
+  ${e=>e.onClick&&"cursor: pointer;"}
+  &:last-child {
+    border-bottom: none;
+  }
+
+  &:hover {
+    background-color: ${e=>e.theme.colors.backgroundLight};
+  }
+`,pt=W(Io)`
+  ${e=>e.theme.typography.bodyMd};
+  color: ${e=>e.theme.colors.textNormal};
+`;import{Fragment as Sa,jsx as D,jsxs as K}from"react/jsx-runtime";var Ca=ie.div`
+  min-width: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.colors.background};
+  border-radius: 8px;
+  gap: ${e=>e.theme.spacing(3)};
+`,va=ie.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  ${e=>e.theme.paddingBottom(3)}
+  ${e=>e.theme.borderBottom()}
+`,ka=ie.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.theme.spacing(2)};
+`,Da=ie.div`
+  height: ${e=>e.$height||"auto"};
+  overflow: ${e=>e.$isLoading?"hidden":"auto"};
+`,Ta=ie.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  ${e=>e.theme.paddingVertical(3)}
+  ${e=>e.theme.borderTop()}
+`,Pa=ie.div`
+  display: flex;
+  align-items: center;
+  gap: ${e=>e.theme.spacing(2)};
+`,Ia=({id:e,columns:t,data:r,isLoading:o,emptyState:n,header:i,onRowClick:a,sorting:l,onSortChange:s,pagination:d,onPaginationChange:p,disableCustomization:c,height:f})=>{let y=()=>!i&&c?null:K(va,{children:[i||D("div",{}),D(ka,{children:!c&&D(Do,{id:e,columns:t})})]}),u=()=>{if(o)return D(mt,{children:Array.from({length:15}).map(($,w)=>D(ct,{children:t.map(v=>D(pt,{$width:v.width,$align:v.align,children:D(tt,{width:"100%",height:"18px"})},`loadingrow-${w}-column-${v.id}`))},`loadingrow-${w}`))});if(!r?.length)return null;let b=($,w)=>{if($.cell)return $.cell(w);let v=w[$.id];return $.formatter?$.formatter(v,w):v};return D(mt,{children:r.map(($,w)=>D(Fo,{onClick:a?()=>a($):null,children:t.map(v=>D(pt,{$width:v.width,$align:v.align,children:b(v,$)},`row-${w}-column-${v.id}`))},`row-${w}`))})},g=()=>!o&&r?.length===0?n:D(Sa,{children:K(To,{children:[D(Po,{children:D(ct,{children:t.map(b=>{let $=l?.column===b.id,w=$?l?.direction!=="desc":b.type==="number",v=()=>b.sortable&&s?.({column:b.id,direction:w?"desc":"asc"}),z=(()=>{if(b.sortable)return $?{name:l.direction==="desc"?"faChevronDown":"faChevronUp",color:"textDark",size:"lg"}:{name:"faChevronUp",color:"textNormal",size:"xs"}})();return K(Ro,{$align:b.align,$width:b.width,$canSort:b.sortable,onClick:v,children:[D(h,{variant:"headingSm",color:z?.color||"textNormal",children:b.header}),z&&D(x,{name:z.name,color:z.color,size:z.size})]},b.id)})})}),u()]})}),C=()=>{if(!d)return;let b=d.page||1,$=Math.ceil(d.total/d.size);if($<=1)return;let w=v=>{p?.({...d,page:v})};return K(Ta,{children:[K(h,{variant:"bodySm",color:"textLight",children:[d.total," items"]}),K(Pa,{children:[D(_,{iconName:"faChevronLeft",color:"textNormal",size:"xs",disabled:o||b===1,onClick:()=>w(b-1)}),K(h,{variant:"bodySm",color:"textNormal",children:[b," de ",$]}),D(_,{iconName:"faChevronRight",color:"textNormal",size:"xs",disabled:o||b===$,onClick:()=>w(b+1)})]})]})};return K(Ca,{children:[y(),D(Da,{$height:f,$isLoading:o,children:g()}),C()]})};import{useRef as Ra}from"react";import Fa from"styled-components";import{jsx as Ma}from"react/jsx-runtime";var La=Fa.textarea`
+  ${N};
+  padding: 6px 8px;
+  max-width: 100%;
+  min-width: 100%;
+  min-height: 72px;
+  max-height: 288px;
+  overflow: auto;
+`,Oa=({value:e,onTextChange:t,disabled:r,placeholder:o})=>{let n=Ra(null);return Ma(La,{ref:n,value:e,onChange:i=>{t?.(i.target.value),n.current?.style.setProperty("height","auto"),n.current?.style.setProperty("height",`${n.current?.scrollHeight}px`)},disabled:r,placeholder:o})};import Na,{useState as za}from"react";import gt from"styled-components";var ft=e=>{let t=/^\d{0,2}?\:?\d{0,2}$/,[r,o]=e.split(":");if(!t.test(e))return!1;let n=Number(r),i=Number(o),a=d=>Number.isInteger(d)&&d>=0&&d<24,l=d=>Number.isInteger(d)&&n>=0&&n<24||Number.isNaN(d);if(!a(n)||!l(i)||i<10&&Number(o[0])>5)return!1;let s=e.indexOf(":")!==-1?e.split(":"):[e];return!(s[0]&&s[0].length&&(parseInt(s[0],10)<0||parseInt(s[0],10)>23)||s[1]&&s[1].length&&(parseInt(s[1],10)<0||parseInt(s[1],10)>59))};import{jsx as Fe,jsxs as Aa}from"react/jsx-runtime";var Ha=gt(m).attrs({row:!0,align:"center",gap:2})`
+  height: 36px;
+  border-radius: 4px;
+  background-color: ${e=>e.theme.colors.background};
+  ${e=>e.theme.border()};
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  ${e=>e.theme.paddingHorizontal(2)};
+  ${e=>e.theme.typography.bodyMd}
+  ${e=>e.$disabled?`
+    cursor: not-allowed;
+    background-color: ${e.theme.colors.backgroundLight};
+  `:`
+      &:hover {
+        border: 1px solid ${e.theme.colors.textLight};
+      }`}
+`,Ea=gt.input`
+  ${N};
+  background-color: transparent;
+  height: auto;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  &:hover:not(:disabled),
+  &:focus-visible {
+    border: 0;
+  }
+`,Ba=gt(m).attrs({width:"auto",center:!0})`
+  height: 36px;
+`,Va=Na.forwardRef((e,t)=>{let{value:r,onChange:o,placeholder:n,disabled:i}=e,[a,l]=za(ft(r||"")?r:""),s="";return Aa(Ha,{ref:t,$disabled:i,children:[Fe(Ba,{children:Fe(x,{name:"faClock",color:"textLight",size:"sm"})}),Fe(Ea,{placeholder:n,disabled:i,value:a,onChange:c=>{let f=c.target.value||"";if(f!==a&&ft(f)){if(f.length===2&&s.length!==3&&f.indexOf(":")===-1&&(f=f+":"),f.length===2&&s.length===3&&(f=f.slice(0,1)),f.length>5)return!1;s=f,l(f),f.length===5&&o?.(f)}}}),(()=>{if(a?.length!==5)return;let[c]=a.split(":");return Fe(h,{color:"textLight",children:parseInt(c)>=12?"PM":"AM"})})()]})});import{ThemeProvider as _a}from"styled-components";import{createGlobalStyle as Ya}from"styled-components";var xe={link:"#3E96ED",primary:"#E72175",primaryDark:"#cb0054",textLight:"#8C8C8C",textNormal:"#596171",textDark:"#22272B",border:"#D9D9D9",backgroundLight:"#F5F5F5",background:"#FFFFFF",yellow100:"#fffae6",yellow200:"#fff3c2",yellow300:"#ffea92",yellow400:"#ffe15f",yellow500:"#ffd82f",yellow600:"#ffcf01",yellow700:"#d9b001",yellow800:"#b59301",yellow900:"#917601",yellow1000:"#735d00",red100:"#fbeeed",red200:"#f6d6d5",red300:"#efb5b3",red400:"#e79390",red500:"#e0726f",red600:"#d9534f",red700:"#b84743",red800:"#9a3b38",red900:"#7c2f2d",red1000:"#622524",green100:"#eff8ef",green200:"#d8eed8",green300:"#b9e0b9",green400:"#98d298",green500:"#79c579",green600:"#5cb85c",green700:"#4e9c4e",green800:"#418341",green900:"#346934",green1000:"#295329"},F="Roboto, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",Wa={bodyLg:{fontFamily:F,fontSize:"16px",fontWeight:"400",lineHeight:"24px"},bodyMd:{fontFamily:F,fontSize:"14px",fontWeight:"400",lineHeight:"20px"},bodySm:{fontFamily:F,fontSize:"12px",fontWeight:"400",lineHeight:"18px"},bodyXs:{fontFamily:F,fontSize:"10px",fontWeight:"400",lineHeight:"16px"},heading4xl:{fontFamily:F,fontSize:"40px",fontWeight:"700",lineHeight:"48px"},heading3xl:{fontFamily:F,fontSize:"32px",fontWeight:"700",lineHeight:"40px"},heading2xl:{fontFamily:F,fontSize:"28px",fontWeight:"600",lineHeight:"32px"},headingXl:{fontFamily:F,fontSize:"24px",fontWeight:"600",lineHeight:"28px"},headingLg:{fontFamily:F,fontSize:"20px",fontWeight:"600",lineHeight:"24px"},headingMd:{fontFamily:F,fontSize:"16px",fontWeight:"600",lineHeight:"20px"},headingSm:{fontFamily:F,fontSize:"14px",fontWeight:"600",lineHeight:"18px"},headingXs:{fontFamily:F,fontSize:"12px",fontWeight:"600",lineHeight:"16px"}},ht=Object.fromEntries(Object.entries(Wa).map(([e,t])=>[e,Object.entries(t).map(([r,o])=>`${r.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${o};`).join(`
+`)]));var Lo=Ya`
+  body {
+    ${ht.bodyMd};
+    color: ${xe.textDark};
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+`,be=xe.border,k=4,Oo={colors:xe,typography:ht,padding:(e,t)=>`padding: ${e*k}px ${(t||e)*k}px;`,paddingHorizontal:e=>`
+    padding-left: ${e*k}px;
+    padding-right: ${e*k}px;
+  `,paddingVertical:e=>`
+    padding-top: ${e*k}px;
+    padding-bottom: ${e*k}px;
+  `,paddingTop:e=>`
+    padding-top: ${e*k}px;
+  `,paddingBottom:e=>`
+    padding-bottom: ${e*k}px;
+  `,paddingLeft:e=>`
+    padding-left: ${e*k}px;
+  `,paddingRight:e=>`
+    padding-right: ${e*k}px;
+  `,margin:(e,t)=>`margin: ${e*k}px ${(t||e)*k}px;`,marginHorizontal:e=>`
+    margin-left: ${e*k}px;
+    margin-right: ${e*k}px;
+  `,marginVertical:e=>`
+    margin-top: ${e*k}px;
+    margin-bottom: ${e*k}px;
+  `,marginTop:e=>`
+    margin-top: ${e*k}px;
+  `,marginBottom:e=>`
+    margin-bottom: ${e*k}px;
+  `,marginLeft:e=>`
+    margin-left: ${e*k}px;
+  `,marginRight:e=>`
+    margin-right: ${e*k}px;
+  `,spacing:e=>`${e*k}px`,border:(e=1)=>`border: ${e}px solid ${be};`,borderTop:(e=1)=>`border-top: ${e}px solid ${be};`,borderBottom:(e=1)=>`border-bottom: ${e}px solid ${be};`,borderLeft:(e=1)=>`border-left: ${e}px solid ${be};`,borderRight:(e=1)=>`border-right: ${e}px solid ${be};`,hoverable:e=>`
+    ${e&&`
+        cursor: pointer;
+        border-radius: 4px;
+        &:hover {
+          background-color: ${xe.backgroundLight};
+        }
+      `}
+  `,media:{phone:"@media (max-width: 576px)",tablet:"@media (max-width: 768px)",desktop:"@media (min-width: 922px)"}};import{Fragment as Xa,jsx as Mo,jsxs as Ua}from"react/jsx-runtime";var Og=({children:e,locale:t})=>(B.locale(t),Mo(_a,{theme:Oo,children:Ua(Xa,{children:[Mo(Lo,{}),e]})}));export{Xo as Avatar,br as Banner,L as Button,j as ButtonVariant,me as Calendar,Y as Checkbox,_ as ClickableIcon,Dn as CurrencyInput,On as DateInput,Hn as DatePicker,Ae as Divider,Ue as DragList,P as Dropdown,M as DropdownItem,bn as DropdownMenu,pe as DropdownTrigger,X as DropdownVariant,pi as Filters,m as Flex,x as Icon,Ci as Image,oe as Input,re as InputContainer,tt as LoadingPlaceholder,ot as Modal,Ei as MultiSelect,Wi as Select,ji as Slideout,Ze as Spinner,ta as StatusLabel,la as Switch,ua as TabBar,Ia as Table,h as Text,Oa as TextArea,Va as TimeInput,ce as Tooltip,Og as UIProvider};