@ufal-lccv/gpsub-ds 0.0.11 → 0.0.13

package/dist/Table.view-BipNpove.cjs

@@ -0,0 +1,586 @@
+"use strict";const o=require("./Checkbox.view-DFbiE7Mi.cjs"),u=require("react"),t=require("sbwb-ds"),H=require("./index-BcwQwoIM.cjs"),Q=require("react-hook-form"),ee=350,ae=({title:e,children:n,endAdornment:i=null,marginBottom:s="16px",customStyles:a={},wrapperCustomStyles:c={},hideAdornmentOnCollapse:l=!1,maxHeight:x="none"})=>{const[d,m]=u.useState(!1),[p,f]=u.useState(!0);u.useEffect(()=>{if(l)if(d){const h=setTimeout(()=>f(!1),ee);return()=>clearTimeout(h)}else f(!0)},[d,l]);const S=l&&!p?null:i;return o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",flex:"1",gap:"8px",customStyles:c,children:[o.jsxRuntimeExports.jsx(o.SectionTitle,{title:e,divider:!0,marginBottom:s,collapse:{collapsed:d,setCollapsed:m},endAdornment:S,customStyles:a}),o.jsxRuntimeExports.jsx(o.Container,{gap:"8px",width:"100%",customStyles:{maxHeight:d?"0":x,transition:`max-height ${ee}ms ease-in-out`},children:n})]})};function Y(e,n,i){var s,a,c,l,x;n==null&&(n=100);function d(){var p=Date.now()-l;p<n&&p>=0?s=setTimeout(d,n-p):(s=null,i||(x=e.apply(c,a),c=a=null))}var m=function(){c=this,a=arguments,l=Date.now();var p=i&&!s;return s||(s=setTimeout(d,n)),p&&(x=e.apply(c,a),c=a=null),x};return m.clear=function(){s&&(clearTimeout(s),s=null)},m.flush=function(){s&&(x=e.apply(c,a),c=a=null,clearTimeout(s),s=null)},m}Y.debounce=Y;var ce=Y;const de=o.getDefaultExportFromCjs(ce);function Z({form:e,fieldName:n,triggerType:i=null,debounceTime:s=500}){const a=u.useCallback(()=>{e.trigger(n)},[e,n]),c=u.useMemo(()=>de(()=>a(),s),[a,s]),l=u.useMemo(()=>["all","onChange"].includes(i)?c:null,[c,i]),x=u.useMemo(()=>["all","onBlur"].includes(i)?a:null,[i]);return u.useMemo(()=>({onChangeTrigger:l,onBlurTrigger:x}),[l,x])}const ge=({form:e,name:n,label:i,options:s,readonly:a=!1,disabled:c=!1,optionsMap:l,width:x="100%",flex:d,placeholder:m,onSelect:p,parser:f,filter:S,tooltipProps:h={},infoProps:j={},maxHeigthMenu:R,isRequired:E=!1,onRemoveSelected:F,triggerFormField:b=null,displayText:W,...v})=>{const{onChangeTrigger:C}=Z({form:e,fieldName:n,triggerType:b,debounceTime:0}),O={position:"top",...h},L={...j,tooltipProps:{position:"top",maxWidth:"300px",...j==null?void 0:j.tooltipProps}},T=(w,I)=>{let M=w;f&&(M=f==null?void 0:f(w)),I(M),p==null||p(M),C==null||C()},$=u.useMemo(()=>H.valuable(l)?l:Object.fromEntries(s.map(w=>[w.value,w])),[s,l]);return o.jsxRuntimeExports.jsx(o.Container,{width:x,flex:d,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:w,value:I},fieldState:{error:M=null}})=>{let k=$[I];return o.jsxRuntimeExports.jsx(K,{label:i,width:"100%",size:"Small",disabled:c,readonly:a,filter:S,errorMessage:M==null?void 0:M.message,placeholder:m,value:k,handleOption:g=>{T(g.value,w)},tooltipProps:O,options:s,maxHeigthMenu:R,infoProps:L,maxHeightMenu:R,isRequired:E,onRemoveSelected:F,displayText:W,...v})}})})},oe=({form:e,name:n,label:i,readonly:s=!1,disabled:a=!1,width:c="100%",height:l="100%",flex:x,placeholder:d,charactersCounter:m=!0,maxlength:p=1e3,resize:f=!0,triggerFormField:S=null,minHeight:h,maxHeight:j,...R})=>{const{onChangeTrigger:E}=Z({form:e,fieldName:n,triggerType:S}),F=(b,W)=>{W(b),E==null||E()};return o.jsxRuntimeExports.jsx(o.Container,{width:c,flex:x,height:l,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:b,value:W},fieldState:{error:v=null}})=>o.jsxRuntimeExports.jsx(o.Textarea,{label:i,value:W||"",width:"100%",disabled:a,readonly:s,height:l,minHeight:h,maxHeight:j,errorMessage:v==null?void 0:v.message,placeholder:d,onChange:C=>F(C.target.value,b),charactersCounter:m,maxlength:p,size:"Small",resize:f,...R})})})};oe.displayName="TextareaField";const ue=({form:e,name:n,id:i=n,label:s,readonly:a=!1,disabled:c=!1,afterCheck:l,width:x="100%",formatter:d,parser:m,flex:p,size:f="Medium",triggerFormField:S=null,...h})=>{const{onChangeTrigger:j}=Z({form:e,fieldName:n,triggerType:S,debounceTime:0}),R=(E,F)=>{F(E),l==null||l(E),j==null||j()};return o.jsxRuntimeExports.jsx(o.Container,{width:x,flex:p,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:E,value:F},fieldState:{error:b=null}})=>{const W=b==null?void 0:b.message;return W&&console.log("Error on checkbox!",W),o.jsxRuntimeExports.jsx(o.Checkbox,{id:`form-checkbox-${i}`,checked:(d==null?void 0:d(F))??F,name:n,label:s,disabled:c||a,onChange:v=>{R((m==null?void 0:m(v.target.checked,F))??v.target.checked,E)},size:f,...h})}})})},fe=o.qe.ul`
+  ${H.resetStyles}
+  position: fixed;
+  margin-top: ${({marginTop:e})=>e};
+  padding: ${t.sg.spacings.spacingStack.spacingStackXs} 4px
+    ${t.sg.spacings.spacingStack.spacingStackSm} 0;
+  list-style: none;
+  display: block;
+  overflow-y: auto;
+  border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
+  box-shadow: ${t.sg.shadows.shadowLevelNear};
+  width: ${({width:e})=>e};
+  height: fit-content;
+  max-height: ${({maxHeight:e})=>(e??"180px")+" !important"};
+  z-index: 1000;
+  background-color: ${t.sg.colors.backgroundColors.colorBackgroundSnow};
+
+  ::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: ${t.sg.colors.neutralColors.colorNeutralSoft};
+    border-radius: ${t.sg.borders.borderRadius.borderRadiusPill};
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: ${t.sg.colors.neutralColors.colorNeutralClean};
+    border-radius: ${t.sg.borders.borderRadius.borderRadiusPill};
+  }
+`,he=o.qe.li`
+  ${H.resetStyles}
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
+  padding: ${t.sg.spacings.spacingInline.spacingInlineXs};
+  margin: 0 ${t.sg.spacings.spacingInline.spacingInlineXs};
+  cursor: default;
+  color: ${t.sg.colors.neutralColors.colorNeutralDark};
+`,xe=o.qe.li`
+  ${H.resetStyles}
+  display: flex;
+  flex: 2;
+  flex-direction: ${({menuOptionFlexDirection:e})=>e};
+  align-items: ${({menuJustifyContent:e})=>e};
+  justify-content: ${({tableActionButton:e})=>e?"flex-start":"center"};
+  font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+
+  color: ${({isOptionSelected:e,disabled:n})=>n?t.sg.colors.neutralColors.colorNeutralCleanest:e?t.sg.colors.brandColors.colorBrandPrimary:t.sg.colors.neutralColors.colorNeutralDark};
+  font-weight: ${({isOptionSelected:e})=>e?t.sg.fonts.fontWeight.fontWeightSemiBold:t.sg.fonts.fontWeight.fontWeightRegular};
+  min-width: 0;
+  & > p {
+    display: -webkit-box;
+    ${({truncateText:e})=>e&&o.Ae`
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+      `}
+    text-overflow: ellipsis;
+  }
+
+  ${({hasDescription:e})=>e&&o.Ae`
+      line-height: ${t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyMd)};
+
+      & > p:nth-child(2) {
+        font-size: ${({size:n})=>n==="Small"?t.sg.fonts.fontSize.fontSizeBodySm:t.sg.fonts.fontSize.fontSizeBodyMd};
+        font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+        color: ${({disabled:n})=>n?t.sg.colors.neutralColors.colorNeutralCleanest:t.sg.colors.neutralColors.colorNeutralCloudy};
+      }
+    `}
+`,me=o.qe.li`
+  ${H.resetStyles}
+  font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodySm:t.sg.fonts.fontSize.fontSizeBodyMd};
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightSemiBold};
+  line-height: ${({size:e})=>e==="Small"?t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodySm):t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
+  color: ${t.sg.colors.neutralColors.colorNeutralCleanest};
+  padding: 0 ${t.sg.spacings.spacingInline.spacingInlineXs};
+  margin: ${({size:e})=>e==="Small"?`${t.sg.spacings.spacingStack.spacingStackSm} ${t.sg.spacings.spacingInline.spacingInlineXs}
+      ${t.sg.spacings.spacingStack.spacingStackNano}`:`${t.sg.spacings.spacingStack.spacingStackSm} ${t.sg.spacings.spacingInline.spacingInlineXs}
+      ${t.sg.spacings.spacingStack.spacingStackXs}`};
+`,pe=o.qe.span`
+  ${H.resetStyles}
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightSemiBold};
+  line-height: ${({size:e})=>e==="Small"?t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd):t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyLg)};
+`,Se=o.qe.div`
+  ${H.resetStyles}
+  display: flex;
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+
+  & > p {
+    width: 100%;
+    ${({truncateText:e})=>e&&o.Ae`
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+      `}
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: start;
+  }
+`,be=o.qe.div`
+  ${H.resetStyles}
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: ${({menuLateralPadding:e})=>e?`0 ${e}`:`0 ${t.sg.spacings.spacingInline.spacingInlineXs}`};
+  margin: 0 ${t.sg.spacings.spacingInline.spacingInlineXs};
+  cursor: ${({isOptionSelected:e,disabled:n})=>e||n?"default":"pointer"};
+  background-color: ${({highlightedIndex:e,disabled:n})=>e?n?t.sg.colors.backgroundColors.colorBackgroundSnow:t.sg.colors.neutralColors.colorNeutralLight:t.sg.colors.backgroundColors.colorBackgroundSnow};
+  border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
+  min-height: ${({size:e})=>e==="Small"?"28px":"40px"};
+`,$e=o.qe.div`
+  ${H.resetStyles}
+  padding: ${({iconPosition:e})=>e==="left"?`0 ${t.sg.spacings.spacingInline.spacingInlineNano} 0 0`:`0 0 0 ${t.sg.spacings.spacingInline.spacingInlineNano}`};
+  margin: 0;
+  display: flex;
+  align-self: center;
+`,we=(e,n,i=0,s=0,a="left")=>{const[c,l]=u.useState(0),[x,d]=u.useState(),m=u.useRef(null),p=u.useCallback(()=>{if(!e.current||!m.current)return;const f=e.current.getBoundingClientRect(),S=m.current.getBoundingClientRect(),h=window.innerHeight,j=window.innerWidth,R=f.top,E=h-f.bottom,F=E<S.height+s&&R>E;let b;F?(b=f.top-S.height-i,m.current.style.maxHeight=`${R-i}px`):(b=f.bottom+s,m.current.style.maxHeight=`${E-s}px`);let W=f.left;const v=W+S.width-j;v>0&&(W-=v),W<0&&(W=0);const C=j-f.right;Object.assign(m.current.style,{position:"fixed",top:`${b}px`,...a==="left"?{left:`${W}px`}:{right:`${C}px`},width:`${Math.max(f.width,S.width)}px`,overflowY:"auto"})},[i,s,a]);return u.useEffect(()=>{var S;l(0),d((S=e.current)==null?void 0:S.clientWidth),p();const f=()=>p();return window.addEventListener("scroll",f,!0),window.addEventListener("resize",f),()=>{window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",f)}},[e,p]),{highlightedIndex:c,setHighlightedIndex:l,isOptionSelected:f=>f.label===(n==null?void 0:n.label),optionsRef:m,parentWidth:x}},J=u.forwardRef(({selectContainerRef:e,optionsSelect:n,size:i,selectOption:s,value:a,inputValue:c,widthMenu:l,maxHeightMenu:x="180px",menuIsOpen:d,onEnter:m,marginTop:p="4px",iconName:f,iconColor:S,iconPosition:h,topOffset:j=0,bottomOffset:R=0,truncateText:E=!0,menuJustifyContent:F="flex-start",tableActionButton:b,menuLateralPadding:W="8px",menuOptionFlexDirection:v="column",confirmSelection:C,menuAlign:O="left"},L)=>{H.valuable(f)&&(f+="Ant");const{highlightedIndex:T,setHighlightedIndex:$,isOptionSelected:w,optionsRef:I,parentWidth:M}=we(e,a,j,R,O);u.useEffect(()=>{const r=y=>{if(d){if(y.key==="ArrowDown")y.preventDefault(),$(z=>z<n.length-1?z+1:z);else if(y.key==="ArrowUp")y.preventDefault(),$(z=>z>0?z-1:0);else if(y.key==="Enter"&&n[T]){y.preventDefault();const z=n[T];s(z),m&&m(z)}}};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[d,n,T,m,s,C]);const k=r=>typeof r=="string"?r:u.isValidElement(r)&&typeof r.props.children=="string"?r.props.children:String(r),g=(r,y)=>{var A,N;if(h!==y)return null;const z=H.valuable((A=r.tooltipProps)==null?void 0:A.label),B=r.iconName||f||"InfoFill0Sm",P=o.jsxRuntimeExports.jsx($e,{iconPosition:(N=r.tooltipProps)==null?void 0:N.position,id:`iconContainer-${r.value}`,children:o.jsxRuntimeExports.jsx(t.Icon,{iconName:B,color:r.disabled?t.sg.colors.neutralColors.colorNeutralCleanest:w(r)?t.sg.colors.brandColors.colorBrandSoft:S??t.sg.colors.neutralColors.colorNeutralDark})});return z?o.jsxRuntimeExports.jsx(o.Tooltip,{...r==null?void 0:r.tooltipProps,isActive:!0,children:P}):P};return o.jsxRuntimeExports.jsx(fe,{marginTop:p,width:l??`${M}px`,maxHeight:x,height:"fit-content",ref:r=>{I.current=r,typeof L=="function"?L(r):L&&(L.current=r)},"data-testid":"MenuSelect",id:"MenuSelect",children:n.length===0?o.jsxRuntimeExports.jsx(he,{size:i,children:"Sem opções"}):n.map((r,y)=>{var P,A;const z=typeof r.render=="function"?r.render():null,B=k(r.label);if(r.isSection)return o.jsxRuntimeExports.jsx(me,{size:i,children:B},B);{const N=B.toLowerCase().indexOf((c==null?void 0:c.toLowerCase())||"");return o.jsxRuntimeExports.jsxs(be,{isOptionSelected:w(r),highlightedIndex:y===T,onClick:D=>{D.stopPropagation(),r.disabled||(C?o.showConfirm({id:"select-option",title:C.title,description:C.description,icon:C.icon,iconColor:C.iconColor,leftButtonProps:{name:"Cancelar",variant:"tertiary",onClick:()=>{}},rightButtonProps:{name:"Confirmar",variant:"secondary",onClick:()=>s(r)}}):s(r))},onMouseEnter:()=>$(y),disabled:r.disabled,size:i,menuLateralPadding:W,children:[g(r,"left"),o.jsxRuntimeExports.jsxs(xe,{menuOptionFlexDirection:v,menuJustifyContent:F,iconName:f,isOptionSelected:w(r),highlightedIndex:y===T,"data-testid":r.value,size:i,hasDescription:!!r.description,optionValue:r.value,disabled:r.disabled,truncateText:E,tableActionButton:b,children:[o.jsxRuntimeExports.jsxs(Se,{truncateText:!u.isValidElement(r.label)&&E,children:[z,u.isValidElement(r.label)?o.jsxRuntimeExports.jsx("p",{title:((P=r==null?void 0:r.tooltipProps)==null?void 0:P.label)??k(r.label),children:r.label}):o.jsxRuntimeExports.jsx("p",{title:((A=r==null?void 0:r.tooltipProps)==null?void 0:A.label)??B,children:c&&N>=0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[B.substring(0,N),o.jsxRuntimeExports.jsx(pe,{size:i,children:B.substring(N,N+((c==null?void 0:c.length)||0))}),B.substring(N+((c==null?void 0:c.length)||0))]}):B})]}),r.description&&o.jsxRuntimeExports.jsx("p",{title:r.description,children:r.description})]}),g(r,"right")]},String(r.value))}})})});J.displayName="MenuSelect";const ne=({title:e,iconName:n,onClickIcon:i,width:s,height:a,flex:c,children:l,wrapperCustomStyles:x={},contentCustomStyles:d={},titleCustomStyles:m={}})=>o.jsxRuntimeExports.jsxs(o.Container,{width:s,height:a,flex:c,direction:"vertical",padding:t.sg.spacings.spacingStack.spacingStackSm,customStyles:{backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow,border:`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`,borderRadius:"8px",...x},children:[o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",direction:"horizontal",customStyles:d,children:[e?o.jsxRuntimeExports.jsx(o.Container,{width:"fit-content",customStyles:m,children:o.jsxRuntimeExports.jsx(o.SectionTitle,{title:e,divider:!1})}):null,n?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(o.Spacer,{size:"auto",direction:"horizontal"}),o.jsxRuntimeExports.jsx(t.Icon,{iconName:n,onClick:()=>i==null?void 0:i(),color:H.valuable(i)?t.sg.colors.neutralColors.colorNeutralDark:t.sg.colors.neutralColors.colorNeutralCloudy,cursorPointer:H.valuable(i)})]}):null]}),o.jsxRuntimeExports.jsx(o.Container,{width:"100%",flex:"1",children:l})]});ne.displayName="Section";const ye=o.qe.div`
+  ${H.resetStyles}
+  display: flex;
+  flex-direction: column;
+  width: ${({width:e})=>e};
+
+  &:hover {
+    cursor: ${({disabled:e,readonly:n})=>e||n?"default":"pointer"};
+  }
+`,je=o.qe.div`
+  width: 100%;
+  ${({variant:e})=>e==="default"?o.Ae`
+          min-height: ${({size:n})=>n==="Small"?"3.2rem":"4rem"};
+          max-height: ${({size:n})=>n==="Small"?"3.2rem":"4rem"};
+        `:o.Ae`
+          min-height: ${({size:n})=>n==="Small"?"1rem":"3.2rem"};
+          max-height: ${({size:n})=>n==="Small"?"1rem":"3.2rem"};
+        `}
+
+  display: flex;
+  align-items: center;
+  ${({variant:e})=>e==="default"&&o.Ae`
+      border: ${t.sg.borders.borderWidth.borderWidthThinner} solid;
+      border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
+      border-color: ${({isOpen:n,hasError:i,readonly:s,disabled:a})=>i?t.sg.colors.feedbackColors.colorFeedbackError:s||a?t.sg.colors.neutralColors.colorNeutralClean:n?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralClean};
+    `}
+
+  background-color: ${({variant:e})=>e==="default"?t.sg.colors.backgroundColors.colorBackgroundSnow:"transparent"};
+  outline: none;
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  padding: ${({size:e,variant:n})=>{if(n==="default")return e!=="Small"?`0 ${t.sg.spacings.spacingInline.spacingInlineSm}`:`0 ${t.sg.spacings.spacingInline.spacingInlineAnt}`}};
+  ${({size:e,variant:n})=>e==="Small"?n==="default"?o.Ae`
+          font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
+          line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
+        `:o.Ae`
+          font-size: ${t.sg.fonts.fontSize.fontSizeBodySm};
+          line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodySm)};
+        `:n==="default"?o.Ae`
+          font-size: ${t.sg.fonts.fontSize.fontSizeBodyLg};
+          line-height: ${t.sg.fonts.lineHeight.lineHeightMd(t.sg.fonts.fontSize.fontSizeBodyLg)};
+        `:o.Ae`
+          font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
+          line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
+        `};
+  ${({disabled:e,readonly:n})=>(e||n)&&o.Ae`
+        background-color: ${t.sg.colors.brandColors.colorBrandSeSoft};
+        border-style: solid;
+      `};
+
+  & > svg {
+    width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
+    height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
+    margin-left: ${t.sg.spacings.spacingInline.spacingInlineXs};
+
+    path {
+      fill: ${({disabled:e,readonly:n})=>t.sg.colors.neutralColors.colorNeutralCloudy};
+    }
+  }
+`,Ce=o.qe.div`
+  align-items: center;
+  display: flex;
+  flex: 1 1 0%;
+  flex-wrap: wrap;
+  position: relative;
+  overflow: hidden;
+  min-height: 1em;
+  box-sizing: border-box;
+`,te=o.qe.span`
+  display: flex;
+  flex-wrap: wrap;
+  width: ${({isDisplayText:e})=>e?"100%":"fit-content"};
+  max-width: calc(100% - 20px);
+  color: ${t.sg.colors.neutralColors.colorNeutralDark};
+  font-weight: 400;
+  font-size: ${({size:e,variant:n})=>n==="default"?e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg:e==="Small"?t.sg.fonts.fontSize.fontSizeBodySm:t.sg.fonts.fontSize.fontSizeBodyMd};
+  line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
+  & > p {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    width: ${({isDisplayText:e})=>e?"100%":"fit-content"};
+    font-style: ${({isDisplayText:e})=>e?"italic":"normal"};
+  }
+`,Re=o.qe.span`
+  color: ${t.sg.colors.neutralColors.colorNeutralCleanest};
+  font-size: ${({size:e,variant:n})=>n==="default"?e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg:e==="Small"?t.sg.fonts.fontSize.fontSizeBodySm:t.sg.fonts.fontSize.fontSizeBodyMd};
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  width: fit-content;
+`,ke=o.qe.input`
+  flex: 1;
+  min-width: 0.1rem;
+  border: none;
+  background-color: transparent;
+
+  color: ${t.sg.colors.neutralColors.colorNeutralDark};
+  font-size: ${({size:e,variant:n})=>n==="default"?e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg:e==="Small"?t.sg.fonts.fontSize.fontSizeBodySm:t.sg.fonts.fontSize.fontSizeBodyMd};
+
+  &:focus,
+  &:hover {
+    outline: none;
+    cursor: ${({disabled:e,readOnly:n})=>e||n?"default":"pointer"};
+  }
+`,Ee=o.qe.div`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  gap: 4px;
+  justify-content: flex-start;
+  margin-bottom: ${t.sg.spacings.spacingStack.spacingStackNano};
+`,ze=o.qe.label`
+  font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
+  color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
+  margin-bottom: ${t.sg.spacings.spacingStack.spacingStackNano};
+`,Be=o.qe.label`
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
+  color: ${t.sg.colors.feedbackColors.colorFeedbackError};
+`;o.qe.p`
+  display: inline-block;
+  font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodySm:t.sg.fonts.fontSize.fontSizeBodyMd};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  color: ${t.sg.colors.feedbackColors.colorFeedbackError};
+  margin-top: ${t.sg.spacings.spacingInline.spacingInlineNano};
+  width: 100%;
+`;const Ne=o.qe.p`
+  display: inline-block;
+  font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodySm:t.sg.fonts.fontSize.fontSizeBodyMd};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  color: ${t.sg.colors.neutralColors.colorNeutralDark};
+  margin-top: ${t.sg.spacings.spacingInline.spacingInlineNano};
+  width: 100%;
+`,We=(e,{value:n,options:i})=>{const[s,a]=u.useState(!1),[c,l]=u.useState(!1),[x,d]=u.useState(""),[m,p]=u.useState(i),f=u.useRef(null),S=u.useRef(null),h=u.useRef(null),j=u.useRef(null);u.useEffect(()=>{const b=()=>{l(!1)};return window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",b,{passive:!0}),()=>{window.removeEventListener("scroll",b),window.removeEventListener("resize",b)}},[]);function R(b){d(""),l(!1),a(!0),h!=null&&h.current&&h.current.focus(),b!==n&&e(b)}const E=b=>{if(b){const W=new RegExp(b,"i"),v=i.filter(C=>W.exec(C.label));p(v)}else p(i)};function F(b){return!b}return{isOpen:s,setIsOpen:a,expanded:c,setExpanded:l,inputValue:x,setInputValue:d,optionsSelect:m,setOptionSelect:p,selectContainerRef:f,containerRef:S,inputContainerRef:h,optionsRef:j,selectOption:R,handlerFilterOptions:E,isValue:F}},K=u.forwardRef(({value:e,handleOption:n,options:i,filter:s=!0,placeholder:a,label:c,size:l="Medium",width:x="100%",disabled:d,helpText:m,readonly:p,errorMessage:f,tooltipProps:S={},onBlur:h,onEnter:j,variant:R="default",infoProps:E={},maxHeightMenu:F,isRequired:b=!1,onRemoveSelected:W,displayText:v,displayTextProps:C={}},O)=>{const{isOpen:L,setIsOpen:T,expanded:$,setExpanded:w,inputValue:I,setInputValue:M,optionsSelect:k,selectContainerRef:g,containerRef:r,inputContainerRef:y,selectOption:z,setOptionSelect:B,handlerFilterOptions:P,isValue:A}=We(n,{value:e,options:i}),N=!!f,D={label:f,...S,wrapperWidth:"auto",isActive:N,isErrorTooltip:!0},q={...E,size:l},_=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`Close${l==="Small"?"Sm":"Ant"}`,onClick:X=>{X.stopPropagation(),W(e)}}),V=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandLess${l==="Small"?"Sm":"Ant"}`}),le=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandMore${l==="Small"?"Sm":"Ant"}`});return o.jsxRuntimeExports.jsxs(ye,{ref:g,width:x,size:l,disabled:d,readonly:p,children:[c&&o.jsxRuntimeExports.jsxs(Ee,{children:[o.jsxRuntimeExports.jsxs(ze,{"data-testid":"label",ref:O,children:[c,b&&!d?o.jsxRuntimeExports.jsx(Be,{children:" *"}):null]}),((q==null?void 0:q.message)||(q==null?void 0:q.render))&&o.jsxRuntimeExports.jsx(o.Info,{...q})]}),o.jsxRuntimeExports.jsx(o.Tooltip,{...D,children:o.jsxRuntimeExports.jsxs(je,{hasError:N,readonly:p,ref:r,onBlur:()=>{setTimeout(()=>{(L||$)&&y.current!==document.activeElement&&(h&&h(e),T(!1),w(!1))},250)},onClick:()=>{!d&&!p&&(L&&!$?(w(!0),y!=null&&y.current&&y.current.focus()):!L&&!$?(T(!0),w(!0),y!=null&&y.current&&y.current.focus()):(T(!1),w(!1),y!=null&&y.current&&y.current.blur()),!I&&B(i))},tabIndex:0,width:x,size:l,isOpen:L||$,"data-testid":"select",disabled:d,helpText:m,variant:R,children:[o.jsxRuntimeExports.jsxs(Ce,{children:[H.valuable(v)?o.jsxRuntimeExports.jsx(te,{size:l,variant:R,isDisplayText:!0,children:o.jsxRuntimeExports.jsx("p",{title:e==null?void 0:e.label,...C,children:v})}):o.jsxRuntimeExports.jsxs(te,{size:l,variant:R,children:[a&&A(e)&&!I&&!L?o.jsxRuntimeExports.jsx(Re,{size:l,variant:R,children:a}):null,(e==null?void 0:e.label)&&o.jsxRuntimeExports.jsx("p",{title:(e==null?void 0:e.hint)??(e==null?void 0:e.label),children:e==null?void 0:e.label})]}),s&&!H.valuable(v)&&o.jsxRuntimeExports.jsx(ke,{ref:y,value:I,onChange:X=>{M(X.target.value),X.target.value.length>0&&(T(!0),w(!0)),P(X.target.value)},readOnly:p,width:I.length,size:l,disabled:d,variant:R})]}),W&&e?_:null,$?V:le,$&&o.jsxRuntimeExports.jsx(J,{onEnter:X=>{n&&n(X),T(!1),w(!1),j&&j(X)},menuIsOpen:L,selectContainerRef:g,value:e,optionsSelect:k,selectOption:z,size:l,inputValue:I,maxHeightMenu:F})]})}),m&&o.jsxRuntimeExports.jsx(Ne,{size:l,children:m})]})});K.displayName="Select";const re=o.We`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`,Ie=o.qe.button`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5rem;
+  padding: ${({size:e})=>e==="Small"?`0 ${t.sg.spacings.spacingInline.spacingInlineAnt}`:`0 ${t.sg.spacings.spacingInline.spacingInlineSm}`};
+  ${({variant:e})=>{if(e==="primary")return o.Ae`
+        background-color: ${t.sg.colors.brandColors.colorBrandPrimary};
+        color: ${t.sg.colors.backgroundColors.colorBackgroundSnow};
+        transition: filter 0.2s;
+        cursor: pointer;
+
+        &:hover {
+          background-color: ${t.sg.colors.brandColors.colorBrandDark};
+        }
+      `;if(e==="secondary")return o.Ae`
+        background-color: rgba(
+          ${H.convertHexToRGB(t.sg.colors.neutralColors.colorNeutralSoft)},
+          ${t.sg.opacityLevels.light}
+        );
+        color: ${t.sg.colors.neutralColors.colorNeutralDark};
+        border: 1px solid ${t.sg.colors.neutralColors.colorNeutralClean};
+        transition: filter 0.2s;
+        cursor: pointer;
+
+        &:hover {
+          border-color: ${t.sg.colors.neutralColors.colorNeutralCleanest};
+        }
+      `;if(e==="tertiary")return o.Ae`
+        background-color: transparent;
+        color: ${t.sg.colors.neutralColors.colorNeutralDark};
+        border: ${t.sg.borders.borderWidth.borderWidthNone};
+        transition: filter 0.2s;
+        cursor: pointer;
+
+        &:hover {
+          border: 1px solid ${t.sg.colors.neutralColors.colorNeutralClean};
+        }
+      `}};
+  ${({disabled:e})=>e&&o.Ae`
+      background-color: ${t.sg.colors.backgroundColors.colorBackgroundGrass};
+      color: ${t.sg.colors.neutralColors.colorNeutralCloudy};
+      transition: filter 0.2s;
+      cursor: not-allowed;
+
+      &:hover {
+        background-color: ${t.sg.colors.backgroundColors.colorBackgroundGrass};
+      }
+    `}
+
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  font-size: ${({size:e})=>e==="Small"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodyLg};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  width: 100%;
+  min-height: ${({size:e})=>e==="Small"?"3.2rem":"4rem"};
+  max-height: ${({size:e})=>e==="Small"?"3.2rem":"4rem"};
+  border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
+  & > p {
+    text-align: center;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  & > svg {
+    min-width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
+    height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
+
+    ${({isLoading:e})=>e&&o.Ae`
+        animation: ${re} 2s linear infinite;
+      `}
+
+    path {
+      fill: ${({variant:e,disabled:n})=>n?t.sg.colors.neutralColors.colorNeutralCloudy:e==="primary"?t.sg.colors.backgroundColors.colorBackgroundSnow:t.sg.colors.neutralColors.colorNeutralDark};
+    }
+  }
+`,ve=o.qe.div`
+  display: flex;
+  flex-direction: column;
+  width: ${({width:e})=>e};
+
+  &:hover {
+    cursor: ${({disabled:e})=>e&&"not-allowed"};
+  }
+`,Me=o.qe.label`
+  font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  line-height: ${t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd)};
+  color: ${({hasError:e})=>e?`${t.sg.colors.feedbackColors.colorFeedbackError}`:`${t.sg.colors.neutralColors.colorNeutralCloudy}`};
+  margin-bottom: ${t.sg.spacings.spacingStack.spacingStackNano};
+`;o.qe.p`
+  display: inline-block;
+  font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  color: ${t.sg.colors.feedbackColors.colorFeedbackError};
+  margin-top: ${t.sg.spacings.spacingInline.spacingInlineNano};
+  width: 100%;
+`;const Ae=o.qe.div`
+  width: 100%;
+
+  & > svg {
+    min-width: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
+    height: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeAnt};
+
+    animation: ${re} 2s linear infinite;
+
+    path {
+      fill: ${({variant:e,disabled:n})=>n?t.sg.colors.neutralColors.colorNeutralCloudy:e==="primary"?t.sg.colors.backgroundColors.colorBackgroundSnow:t.sg.colors.neutralColors.colorNeutralDark};
+    }
+  }
+
+  &:hover {
+    cursor: not-allowed;
+  }
+`,Fe=e=>{const[n,i]=u.useState(!1),[s,a]=u.useState(e),c=u.useRef(null);return u.useEffect(()=>{a(e)},[e]),{setIsOpen:i,isOpen:n,setOptionsSelect:a,optionsSelect:s,selectContainerRef:c}},He=200,Le=({name:e,variant:n="primary",width:i="100%",size:s="Medium",disabled:a=!1,isLoading:c=!1,onClick:l,options:x,label:d,menuSelectProps:m={},iconName:p,optionsIconPosition:f})=>{const{isOpen:S,setIsOpen:h,selectContainerRef:j,optionsSelect:R}=Fe(x);let E=t.sg.colors.backgroundColors.colorBackgroundSnow;a?E=t.sg.colors.neutralColors.colorNeutralCloudy:n!=="primary"&&(E=t.sg.colors.neutralColors.colorNeutralDark);const F={...m};return o.jsxRuntimeExports.jsxs(ve,{ref:j,width:i,size:s,disabled:a,onBlur:()=>setTimeout(()=>h(!1),He),children:[d&&o.jsxRuntimeExports.jsx(Me,{children:d}),o.jsxRuntimeExports.jsxs(Ie,{type:"button",size:s,disabled:a,variant:n,isLoading:c,onClick:()=>!c&&h(!S),id:`button-component-${e}`,children:[c&&o.jsxRuntimeExports.jsx(Ae,{size:s,disabled:a,variant:n,children:o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ProgressActivity${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-loading"})}),!c&&o.jsxRuntimeExports.jsx("p",{title:e,children:e}),!c&&(S?o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandLess${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-button-less"}):o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandMore${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-button-more"}))]}),S&&o.jsxRuntimeExports.jsx(J,{selectContainerRef:j,value:null,optionsSelect:R,selectOption:l,size:s,inputValue:null,iconPosition:f,iconName:p,...F})]})},Te=o.qe.div`
+  min-width: ${({widthItems:e})=>e};
+  max-width: ${({widthItems:e})=>e};
+  height: 100%;
+  overflow: hidden;
+
+  &:hover {
+    overflow: auto;
+    scroll-padding-top: 10px;
+  }
+`,qe=o.qe.div`
+  width: 100%;
+  min-height: ${({heightItems:e})=>e};
+  max-height: ${({heightItems:e})=>e};
+  background-color: ${({selected:e})=>e?"#E8F3FF":"transparent"};
+  border-bottom: ${`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`};
+  padding: 8px;
+  ${({withBorderRight:e})=>e&&o.Ae`
+      border-right: ${({selected:n})=>n?"none":`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`};
+    `}
+  cursor: pointer;
+`,Pe=o.qe.div`
+  max-width: 4px;
+  min-width: 4px;
+  min-height: ${({heightItems:e})=>e};
+  max-height: ${({heightItems:e})=>e};
+  background-color: ${({selected:e})=>e?"#E8F3FF":"transparent"};
+  border-bottom: ${`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`};
+  padding: 8px;
+  ${({withBorderRight:e})=>e&&o.Ae`
+      border-right: ${({selected:n})=>n?"none":`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`};
+    `}
+  cursor: pointer;
+`,De=o.qe.div`
+  display: flex;
+  min-width: 0;
+  height: 100%;
+  flex: 1;
+  background-color: #e8f3ff;
+`,Oe=o.qe.div`
+  max-width: 4px;
+  min-width: 4px;
+  height: 100%;
+  background-color: 'transparent';
+  overflow: hidden;
+`,Xe=({width:e="100%",height:n="fit-content",flex:i,backgroundColor:s="white",options:a=[],heightItems:c="60px",widthItems:l="155px",emptyProps:x={title:"Nenhum dado a ser mostrado",body:null}})=>{var S;const[d,m]=u.useState(a[0]||null),p=u.useRef(null),f=u.useRef(null);return u.useEffect(()=>{const h=p.current,j=f.current,R=()=>{h&&j&&(j.scrollTop=h.scrollTop)};return h==null||h.addEventListener("scroll",R),()=>{h==null||h.removeEventListener("scroll",R)}},[]),(a==null?void 0:a.length)===0?o.jsxRuntimeExports.jsx(o.Empty,{title:x.title,body:x.body,flex:"1",mode:"table"}):o.jsxRuntimeExports.jsxs(o.Container,{width:e,height:n,flex:i,backgroundColor:s,direction:"horizontal",customStyles:{border:`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`,borderRadius:t.sg.borders.borderRadius.borderRadiusSm},children:[o.jsxRuntimeExports.jsx(Te,{ref:p,widthItems:l,children:a==null?void 0:a.map((h,j)=>o.jsxRuntimeExports.jsx(qe,{selected:(d==null?void 0:d.key)===h.key,onClick:()=>m(h),withBorderRight:!1,heightItems:c,children:h.item},j))}),o.jsxRuntimeExports.jsx(Oe,{ref:f,children:(S=a==null?void 0:a.concat({key:"last",item:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}),contentItem:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{})}))==null?void 0:S.map((h,j)=>o.jsxRuntimeExports.jsx(Pe,{selected:(d==null?void 0:d.key)===h.key,onClick:()=>m(h),withBorderRight:!0,heightItems:c},j))}),o.jsxRuntimeExports.jsx(De,{children:d&&(d==null?void 0:d.contentItem)})]})},se=o.Ae`
+  svg:not([color]):not([data-testid='icon']) {
+    path {
+      fill: ${t.sg.colors.neutralColors.colorNeutralDarkest};
+    }
+  }
+
+  div:not([color]) > svg[data-testid='icon'] {
+    path {
+      fill: ${t.sg.colors.neutralColors.colorNeutralDarkest};
+    }
+  }
+`,_e=o.qe.div`
+  width: 100%;
+  max-height: ${({maxHeight:e})=>e};
+  overflow: auto;
+  position: relative;
+  border: ${t.sg.borders.borderWidth.borderWidthThinner} solid
+    ${t.sg.colors.neutralColors.colorNeutralSoft};
+  border-radius: ${({withBorderRadius:e,borderRadius:n})=>n||(e?t.sg.borders.borderRadius.borderExtraSmall:"none")};
+
+  ::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: ${t.sg.colors.neutralColors.colorNeutralSoft};
+    border-radius: ${t.sg.borders.borderRadius.borderRadiusPill};
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: ${t.sg.colors.neutralColors.colorNeutralClean};
+    border-radius: ${t.sg.borders.borderRadius.borderRadiusPill};
+  }
+`,Ue=o.qe.table`
+  border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+`,Ge=`${t.sg.borders.borderRadius.borderExtraSmall} ${t.sg.borders.borderRadius.borderExtraSmall} 0 0`,Je=`0 0 ${t.sg.borders.borderRadius.borderExtraSmall} ${t.sg.borders.borderRadius.borderExtraSmall}`,U=o.qe.tr`
+  ${({isHeader:e,size:n})=>e&&o.Ae`
+      position: sticky;
+      background-color: ${t.sg.colors.backgroundColors.colorBackgroundSnow};
+
+      &:first-child {
+        top: 0;
+        z-index: 2;
+      }
+
+      &:nth-child(2) {
+        top: ${n==="Large"?"4rem":"3.2rem"};
+        z-index: 1;
+      }
+    `}
+
+  height: ${({fit:e,size:n})=>e?"fit-content":n==="Large"?"4rem":"3.2rem"};
+  min-height: ${({size:e})=>e==="Large"?"4rem":"3.2rem"};
+
+  ${({isHeader:e,isSelected:n,striped:i})=>!e&&o.Ae`
+      background-color: ${n?t.sg.colors.neutralColors.colorNeutralClean:i?"#F5F9FE":t.sg.colors.backgroundColors.colorBackgroundSnow};
+    `}
+
+  border-radius: ${({isFirst:e,isLast:n,isHeader:i,borderRadius:s})=>{if(e&&!i)return s?`${s} ${s} 0 0`:Ge;if(n)return s?`0 0 ${s} ${s}`:Je}};
+  transition: background-color 0.2s 0s;
+
+  &:hover {
+    background-color: ${({isSelected:e})=>e?t.sg.colors.neutralColors.colorNeutralCleanest:t.sg.colors.backgroundColors.colorBackgroundCarpet};
+  }
+
+  &:last-child {
+    border-bottom: none !important;
+  }
+
+  ${({isHeader:e})=>!e&&o.Ae`
+      &:hover {
+        background-color: ${t.sg.colors.backgroundColors.colorBackgroundCarpet};
+
+        /* Target direct SVGs without color (sbwb-icons), but exclude sbwb-ds Icons ([data-testid='icon'])
+      * This is because sbwb-ds Icons have a color prop on the wrapper, not the SVG
+      */
+        ${se}
+      }
+    `}
+`,ie=({width:e})=>{if(H.valuable(e))return o.Ae`
+      width: ${e};
+    `},G=o.qe.th`
+  text-align: ${({horizontalAlign:e,headerAlign:n})=>e??n??"left"};
+  vertical-align: middle;
+  min-width: ${({minWidth:e})=>e||"auto"};
+  max-width: ${({maxWidth:e})=>e};
+
+  ${ie}
+
+  height: ${({size:e})=>e==="Large"?"4rem":"3.2rem"};
+  background-color: ${t.sg.colors.backgroundColors.colorBackgroundSky};
+  padding: ${()=>`${t.sg.spacings.spacingInline.spacingInlineXs} ${t.sg.spacings.spacingInline.spacingInlineXs}`};
+
+  border-bottom: ${({withBorder:e})=>e?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.neutralColors.colorNeutralSoft}`:"none"};
+  border-right: ${({withBorder:e})=>e?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.neutralColors.colorNeutralSoft}`:"none"};
+
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  font-size: ${({columnsTextSize:e})=>e==="Large"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodySm};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightBold};
+  line-height: ${({columnsTextSize:e})=>e==="Large"?t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd):t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodySm)};
+  color: ${t.sg.colors.neutralColors.colorNeutralBlack};
+
+  word-break: normal;
+
+  &:last-child {
+    ${({isTopRow:e})=>e&&o.Ae`
+        border-right: none;
+      `}
+  }
+
+  & > svg:not([color]):not([data-testid='icon']) {
+    path {
+      fill: ${t.sg.colors.neutralColors.colorNeutralDarkest};
+    }
+  }
+
+  & > div:not([color]) > svg[data-testid='icon'] {
+    path {
+      fill: ${t.sg.colors.neutralColors.colorNeutralDarkest};
+    }
+  }
+
+  &:hover {
+    cursor: default;
+  }
+`,Ve=o.qe.td`
+  text-align: ${({horizontalAlign:e})=>e||"left"};
+  vertical-align: ${({verticalAlign:e})=>e||"middle"};
+
+  min-width: ${({minWidth:e})=>e||"auto"};
+  max-width: ${({maxWidth:e})=>e};
+  ${ie}
+
+  padding: ${({rowPadding:e})=>e??`${t.sg.spacings.spacingInline.spacingInlineXs}`};
+
+  font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
+  font-size: ${({size:e})=>e==="Large"?t.sg.fonts.fontSize.fontSizeBodyMd:t.sg.fonts.fontSize.fontSizeBodySm};
+  font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
+  line-height: ${({size:e})=>e==="Large"?t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodyMd):t.sg.fonts.lineHeight.lineHeightSm(t.sg.fonts.fontSize.fontSizeBodySm)};
+  color: ${t.sg.colors.neutralColors.colorNeutralBlack};
+
+  word-break: normal;
+
+  border-bottom: ${({withBorder:e,isLast:n})=>e&&!n?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.neutralColors.colorNeutralSoft}`:"none"};
+  border-right: ${({withBorder:e})=>e?`${t.sg.borders.borderWidth.borderWidthThinner} solid ${t.sg.colors.neutralColors.colorNeutralSoft}`:"none"};
+
+  &:last-child {
+    border-right: none;
+  }
+
+  ${se}
+
+  &:hover {
+    cursor: ${e=>e.isClickable?"pointer":"default"};
+  }
+`;function Ye(e){return n=>typeof e=="string"?n[e]:typeof e=="function"?e(n):(console.warn("Please, setup a rowKey for table."),JSON.stringify(n))}function Qe({id:e,rowKey:n="id",size:i="Small",onRowClick:s,fit:a=!1,maxHeight:c="40rem",columns:l,dataSource:x,columnsTextSize:d=i,emptyProps:m={width:"100%",height:"100%",title:"Nenhum dado a ser mostrado.",mode:"table",borders:!0,backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow},selectedRow:p=!1,hideHeader:f=!1,withBorder:S=!0,withBorderRadius:h=!0,striped:j=!1,borderRadius:R=t.sg.borders.borderRadius.borderRadiusSm}){const E=u.useMemo(()=>Ye(n),[n]),[F,b]=u.useState(null),W=u.useRef(null),v=u.useRef(null),[C,O]=u.useState(l);u.useLayoutEffect(()=>{if(!v.current||l.length===0){O(l);return}const $=()=>{var P;const I=((P=v.current)==null?void 0:P.clientWidth)||0;if(I===0)return;let M=0,k=0;const g=[],r=[];l.forEach(A=>{const N=Number(A.flex);A.width?M+=parseInt(A.width,10)||0:A.flex&&N>0?(k+=N,g.push(A)):r.push(A)});const y=I-M,z="80";let B=[...l];if(y>0){if(g.length>0){const A=y/k;B=l.map(N=>{const D=Number(N.flex);if(D&&D>0){const q=parseInt(N.minWidth||z,10),_=D*A,V=Math.max(_,q);return{...N,width:`${Math.floor(V)}px`}}return!N.width&&!D?{...N,width:N.minWidth||`${z}px`}:N})}else if(r.length>0){const A=y/r.length;B=l.map(N=>{const D=Number(N.flex);if(!N.width&&!D){const q=parseInt(N.minWidth||z,10),_=Math.max(A,q);return{...N,width:`${Math.floor(_)}px`}}return N})}}else B=l.map(A=>A.width?A:{...A,width:A.minWidth||`${z}px`});O(B)};$();const w=new ResizeObserver($);return w.observe(v.current),()=>w.disconnect()},[l]),u.useEffect(()=>{const $=w=>{W.current&&!W.current.contains(w.target)&&b(null)};return document.addEventListener("mousedown",$),()=>{document.removeEventListener("mousedown",$)}},[]);const L=u.useMemo(()=>C?C.some($=>$.mergeHeaderId&&$.mergeHeaderLabel):!1,[C]),T=u.useMemo(()=>{var M,k;if(f||!C||C.length===0)return null;if(!L)return o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:1,borderRadius:R,children:C.map(g=>{var r;return o.jsxRuntimeExports.jsx(G,{width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,horizontalAlign:g.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,children:((r=g.columnRender)==null?void 0:r.call(g,x))||o.jsxRuntimeExports.jsx("span",{title:g.label,children:g.label})},g.dataIndex)})});const $=[],w=[];let I=0;for(;I<C.length;){const g=C[I];if(g.mergeHeaderId&&g.mergeHeaderLabel){let r=0;const y=g.mergeHeaderId;for(let z=I;z<C.length&&C[z].mergeHeaderId===y;z++)r++;$.push(o.jsxRuntimeExports.jsx(G,{colSpan:r,horizontalAlign:"center",size:i,columnsTextSize:d,withBorder:S,width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,headerAlign:g.headerAlign,isTopRow:!0,children:o.jsxRuntimeExports.jsx("span",{title:g.mergeHeaderLabel,children:g.mergeHeaderLabel})},`${g.mergeHeaderId}-merged`));for(let z=0;z<r;z++){const B=C[I+z];w.push(o.jsxRuntimeExports.jsx(G,{width:B.width,minWidth:B.minWidth,maxWidth:B.maxWidth,horizontalAlign:B.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,children:((M=B.columnRender)==null?void 0:M.call(B,x))||o.jsxRuntimeExports.jsx("span",{title:B.label,children:B.label})},B.dataIndex+"-individual"))}I+=r}else $.push(o.jsxRuntimeExports.jsx(G,{rowSpan:2,width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,horizontalAlign:g.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,isTopRow:!0,children:((k=g.columnRender)==null?void 0:k.call(g,x))||o.jsxRuntimeExports.jsx("span",{title:g.label,children:g.label})},g.dataIndex)),I++}return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:2,borderRadius:R,children:$}),w.length>0&&o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:2,borderRadius:R,children:w})]})},[C,f,i,d,L]);return!x||x.length===0?o.jsxRuntimeExports.jsx(o.Empty,{backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow,borders:!0,mode:"table",...m}):o.jsxRuntimeExports.jsx(_e,{maxHeight:c,withBorderRadius:h,ref:v,borderRadius:R,children:o.jsxRuntimeExports.jsxs(Ue,{id:e,ref:W,children:[o.jsxRuntimeExports.jsx("thead",{children:T}),o.jsxRuntimeExports.jsx("tbody",{style:{width:"100%"},children:x==null?void 0:x.map(($,w,I)=>{const M=E($);return o.jsxRuntimeExports.jsx(U,{isLast:w===I.length-1,fit:a,size:i,withBorder:S,isSelected:M===F&&p,striped:j&&w%2!==0,borderRadius:R,children:C.map(k=>{var g,r;return o.jsxRuntimeExports.jsx(Ve,{width:k.width,minWidth:k.minWidth,maxWidth:k.maxWidth,size:i,isClickable:H.valuable(s),onClick:()=>{s&&s($,k,w),p&&b(F===M?null:M)},horizontalAlign:k.horizontalAlign,verticalAlign:k.verticalAlign,rowPadding:k.rowPadding,withBorder:S,isLast:w===I.length-1,children:((g=k.render)==null?void 0:g.call(k,$[k.dataIndex],$,w,I))||o.jsxRuntimeExports.jsx("span",{title:$[k.dataIndex],style:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",...(r=k.rowCss)==null?void 0:r.call(k,$)},children:$[k.dataIndex]})||""},`${M}::${k.dataIndex}`)})},M)})})]})})}exports.CheckboxField=ue;exports.CollapseSection=ae;exports.MenuSelect=J;exports.Section=ne;exports.Select=K;exports.SelectButton=Le;exports.SelectField=ge;exports.TabInfo=Xe;exports.Table=Qe;exports.TextareaField=oe;