w-design-system 0.4.168 → 0.4.169

package/dist/components/ButtonRadiusIcon/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonRadiusIcon/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AA8GhD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,4QAwCxB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonRadiusIcon/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AA8GhD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,4QAyCxB,CAAA"}

package/dist/w-design-system.js

@@ -928,7 +928,7 @@ const C4 = v.button.withConfig({ displayName: "ButtonStyled", componentId: "sc-1
 function e4({ variant: A = "primary", children: g, disabled: e = !1, icon: I, radius: c, outline: C, halfLeft: t, halfRight: o, fullWidth: a, size: h, loading: f, ...B }) {
   return s.jsxs(C4, { $variant: A, $icon: I, $radius: c, $outline: C, $halfLeft: t, $disabled: e, $halfRight: o, $fullWidth: a, $size: h, $loading: f, ...B, children: [f && s.jsx(I0, { src: n2, loading: !0, color: c4({ variant: A, outline: C }) }), I && s.jsx(I0, { src: I, color: "white", className: "buttonRadiusWrapperIcon", width: h !== "large" ? "20px" : "24px", height: h !== "large" ? "20px" : "24px" }), g] });
 }
-const { colors: T } = l, M0 = (A) => H([".buttonRadiusIconWrapperIcon{background:", ";width:56px;height:100%;overflow:hidden;}"], A), l4 = { primary: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.cyan10, T.cyan50, T.cyan10, T.cyan10, M0(T.cyan50)), secondary: H(["background:", ";color:", ";&:hover{background-color:", ";opacity:0.9;}&:active{background-color:", ";opacity:1;}", ";"], T.cyan10, T.cyan30, T.cyan10, T.cyan10, M0(T.cyan30)), danger: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.red10, T.red40, T.red20, T.red10, M0(T.red40)), warning: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.honey10, T.honey30, T.honey20, T.honey10, M0(T.honey30)), success: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.mint10, T.mint40, T.mint20, T.mint10, M0(T.mint40)), gray: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.shade10, T.shade40, T.shade20, T.shade10, M0(T.shade40)), yellow: H(["background:", ";color:", ";&:hover{background-color:", ";opacity:0.9;}&:active{background-color:", ";opacity:1;}", ";"], T.yellow10, T.yellow30, T.yellow20, T.yellow10, M0(T.yellow30)) }, s4 = { small: H(["font-size:12px;height:40px;"]), medium: H(["font-size:14px;height:48px;"]), large: H(["font-size:16px;height:48px;"]) }, t4 = v.button.withConfig({ displayName: "StyledButton", componentId: "sc-kwgrfq-0" })(["display:inline-flex;box-sizing:border-box;padding:0;margin:0;justify-content:space-between;font-style:normal;font-weight:600;line-height:140%;border:none;border-radius:24px;overflow:hidden;font-family:'Nunito Sans',sans-serif;transition:background-color 0.3s,opacity 0.3s;color:white;cursor:", ";opacity:", ";", ";", ";.buttonRadiusIconContainer{display:flex;justify-content:center;align-items:center;padding:0 24px;gap:6px;height:100%;}.buttonRadiusIconTitle{color:", ";font-weight:400;}.buttonRadiusWrapperIcon{margin-top:2px;}"], ({ disabled: A }) => A ? "not-allowed" : "pointer", ({ disabled: A }) => A ? 0.5 : 1, ({ $variant: A = "primary" }) => l4[A], ({ $size: A = "medium" }) => s4[A], T.shade50);
+const { colors: T } = l, M0 = (A) => H([".buttonRadiusIconWrapperIcon{background:", ";width:56px;height:100%;overflow:hidden;}"], A), l4 = { primary: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.cyan10, T.cyan50, T.cyan10, T.cyan10, M0(T.cyan50)), secondary: H(["background:", ";color:", ";&:hover{background-color:", ";opacity:0.9;}&:active{background-color:", ";opacity:1;}", ";"], T.cyan10, T.cyan30, T.cyan10, T.cyan10, M0(T.cyan30)), danger: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.red10, T.red40, T.red20, T.red10, M0(T.red40)), warning: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.honey10, T.honey30, T.honey20, T.honey10, M0(T.honey30)), success: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.mint10, T.mint40, T.mint20, T.mint10, M0(T.mint40)), gray: H(["background:", ";color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}", ";"], T.shade10, T.shade40, T.shade20, T.shade10, M0(T.shade40)), yellow: H(["background:", ";color:", ";&:hover{background-color:", ";opacity:0.9;}&:active{background-color:", ";opacity:1;}", ";"], T.yellow10, T.yellow30, T.yellow20, T.yellow10, M0(T.yellow30)) }, s4 = { small: H(["font-size:12px;height:40px;"]), medium: H(["font-size:14px;height:48px;"]), large: H(["font-size:16px;height:48px;"]) }, t4 = v.button.withConfig({ displayName: "StyledButton", componentId: "sc-kwgrfq-0" })(["display:inline-flex;box-sizing:border-box;padding:0;margin:0;justify-content:space-between;font-style:normal;font-weight:600;line-height:140%;border:none;border-radius:24px;overflow:hidden;font-family:'Nunito Sans',sans-serif;text-transform:uppercase;transition:background-color 0.3s,opacity 0.3s;color:white;cursor:", ";opacity:", ";", ";", ";.buttonRadiusIconContainer{display:flex;justify-content:center;align-items:center;padding:0 24px;gap:6px;height:100%;}.buttonRadiusIconTitle{color:", ";font-weight:400;}.buttonRadiusWrapperIcon{margin-top:2px;}"], ({ disabled: A }) => A ? "not-allowed" : "pointer", ({ disabled: A }) => A ? 0.5 : 1, ({ $variant: A = "primary" }) => l4[A], ({ $size: A = "medium" }) => s4[A], T.shade50);
 function gA({ variant: A = "primary", children: g, disabled: e = !1, icon: I, subTitle: c, size: C, ...t }) {
   return s.jsxs(t4, { $variant: A, disabled: e, $size: C, ...t, children: [s.jsxs("span", { className: "buttonRadiusIconContainer", children: [g, " ", c && s.jsx("p", { className: "buttonRadiusIconTitle", children: c })] }), s.jsx("span", { className: "buttonRadiusIconWrapperIcon", children: s.jsx(I0, { src: I || "", color: "white", className: "buttonRadiusWrapperIcon", width: C !== "large" ? "20px" : "24px", height: C !== "large" ? "20px" : "24px" }) })] });
 }
@@ -1488,7 +1488,7 @@ const lA = ({ onSelectedCustomDate: A, customDate: g, ...e }) => s.jsx(L4, { ...
 function N4({ title: A, subTitle: g, description: e }) {
   return s.jsxs(F4, { children: [s.jsx(s0, { strongBold: !0, color: l.colors.cyan50, size: "large", children: A }), s.jsx(s0, { color: l.colors.shade50, size: "medium", children: g }), s.jsx(s0, { color: l.colors.cyan40, size: "medium", children: e }), s.jsx("div", { className: "empty-state-logo", children: s.jsx("img", { src: G3, alt: "Logo", className: "clearer-image" }) })] });
 }
-const b4 = v.div.withConfig({ displayName: "InputWrapper", componentId: "sc-1l97iod-0" })(["position:relative;border-radius:4px;.button-action{display:flex;align-items:center;justify-content:center;height:36px;width:36px;min-width:36px;border-radius:100%;border:none;cursor:pointer;opacity:0.8;cursor:pointer;margin-right:-8px;background-color:transparent;}.button-action:hover svg path{fill:", ";}.button-action:hover{background:", ";}.button-action:active{background:", ";}.container-input-tag{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;button{background:none;border:none;cursor:pointer;display:flex;justify-content:center;gap:8px;p{margin-top:2px;}}.wrapper-tag{background:", ";display:flex;align-items:center;flex-wrap:nowrap;border-radius:4px;padding:0 0 0 8px;}.wrapper-tag-button{padding:8px 10px;color:", ";}}"], l.colors.cyan20, l.colors.cyan10, l.colors.cyan15, l.colors.cyan10, l.colors.shade50), K4 = v.input.withConfig({ displayName: "StyledInput", componentId: "sc-1l97iod-1" })(["width:100%;background-color:transparent;border:none;outline:none;color:", ";font-family:", ";font-size:", ";&:active,&:focus{outline:none;border:none;}&::placeholder{color:", ";font-size:", ";opacity:1;}&:disabled{background-color:transparent;cursor:not-allowed;}"], l.colors.shade50, l.fonts.join(", "), l.paragraph.medium, l.colors.shade30, l.paragraph.medium), U4 = v.label.withConfig({ displayName: "StyledLabel", componentId: "sc-1l97iod-2" })(["position:absolute;color:", ";box-sizing:content-box;left:15px;top:-8px;padding:0 1px;font-family:'Nunito Sans',sans-serif;font-size:", ";font-weight:600;text-wrap:nowrap;"], l.colors.shade50, l.paragraph.small), S4 = v.div.withConfig({ displayName: "StyledInputContent", componentId: "sc-1l97iod-3" })(["position:relative;display:flex;align-items:center;justify-content:space-between;box-sizing:content-box;padding:18px 16px 14px 16px;height:22px;gap:8px;border-radius:4px;background-color:", ";cursor:", ";"], ({ $disabled: A }) => A ? l.colors.shade10 : l.colors.white, ({ $disabled: A }) => A ? "not-allowed" : "pointer"), J4 = v.div.withConfig({ displayName: "StyledInputBorder", componentId: "sc-1l97iod-4" })(["position:absolute;box-sizing:content-box;inset:0px;border-radius:4px;border:1px solid ", ";clip-rule:evenodd;clip-path:path( '", "' );"], l.colors.shade20, ({ $label: A, $content: g }) => A.height !== 0 && A.width !== 0 ? `M ${g.x} ${g.y} l ${g.width} 0 l 0 ${g.height} l -${g.width} 0z M ${A.x} ${A.y} l 0 ${A.height} l ${A.width} 0 l 0 -${A.height}z` : "");
+const b4 = v.div.withConfig({ displayName: "InputWrapper", componentId: "sc-1l97iod-0" })(["position:relative;border-radius:4px;.button-action{display:flex;align-items:center;justify-content:center;height:36px;width:36px;min-width:36px;border-radius:100%;border:none;cursor:pointer;opacity:0.8;cursor:pointer;margin-right:-8px;background-color:transparent;}.button-action:hover svg path{fill:", ";}.button-action:hover{background:", ";}.button-action:active{background:", ";}.container-input-tag{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;button{background:none;border:none;cursor:pointer;display:flex;justify-content:center;gap:8px;p{margin-top:2px;}}.wrapper-tag{background:", ";display:flex;align-items:center;flex-wrap:nowrap;border-radius:4px;padding:0 0 0 8px;}.wrapper-tag-button{padding:8px 10px;color:", ";}}"], l.colors.cyan20, l.colors.cyan10, l.colors.cyan15, l.colors.cyan10, l.colors.shade50), K4 = v.input.withConfig({ displayName: "StyledInput", componentId: "sc-1l97iod-1" })(["width:100%;background-color:transparent;border:none;outline:none;color:", ";font-family:", ";font-size:", ";&:active,&:focus{outline:none;border:none;}&::placeholder{color:", ";font-size:", ";opacity:1;}&:disabled{background-color:transparent;cursor:not-allowed;}"], l.colors.shade50, l.fonts.join(", "), l.paragraph.medium, l.colors.shade30, l.paragraph.medium), U4 = v.label.withConfig({ displayName: "StyledLabel", componentId: "sc-1l97iod-2" })(["position:absolute;color:", ";box-sizing:content-box;left:15px;top:-8px;padding:0 1px;font-family:'Nunito Sans',sans-serif;font-size:", ";font-weight:600;white-space:nowrap;"], l.colors.shade50, l.paragraph.small), S4 = v.div.withConfig({ displayName: "StyledInputContent", componentId: "sc-1l97iod-3" })(["position:relative;display:flex;align-items:center;justify-content:space-between;box-sizing:content-box;padding:18px 16px 14px 16px;height:22px;gap:8px;border-radius:4px;background-color:", ";cursor:", ";"], ({ $disabled: A }) => A ? l.colors.shade10 : l.colors.white, ({ $disabled: A }) => A ? "not-allowed" : "pointer"), J4 = v.div.withConfig({ displayName: "StyledInputBorder", componentId: "sc-1l97iod-4" })(["position:absolute;box-sizing:content-box;inset:0px;border-radius:4px;border:1px solid ", ";clip-rule:evenodd;clip-path:path( '", "' );"], l.colors.shade20, ({ $label: A, $content: g }) => A.height !== 0 && A.width !== 0 ? `M ${g.x} ${g.y} l ${g.width} 0 l 0 ${g.height} l -${g.width} 0z M ${A.x} ${A.y} l 0 ${A.height} l ${A.width} 0 l 0 -${A.height}z` : "");
 function tA({ label: A, readonly: g, disabled: e, leftIcon: I, rightIcon: c, tags: C, setTags: t, placeholder: o, value: a, onChangeValue: h, ...f }) {
   const B = l1(), M = g0(null), n = g0(null), r = g0(null), [m, Q] = q({ x: 0, y: 0, width: 0, height: 0 }), [j, Y] = q({ x: 0, y: 0, width: 0, height: 0 }), G = t0(() => {
     M.current && Y({ x: M.current.offsetLeft - 30, y: M.current.offsetTop - 30, width: M.current.offsetWidth + 60, height: M.current.offsetHeight + 60 }), n.current && Q({ x: n.current.offsetLeft - 4, y: n.current.offsetTop - 4, width: n.current.offsetWidth + 8, height: n.current.offsetHeight + 8 });
@@ -1620,7 +1620,7 @@ const iA = E0.forwardRef(({ children: A, label: g, leftIcon: e, onOptionChange:
   }, error: M, border: n }), Q && s.jsx(w1, { children: s.jsxs(r1, { ref: k, $dropDownTop: r.dropDownTop, $dropDownWidth: h, $dropDownMaxHeight: r.dropDownMaxHeight, children: [(c?.length ?? 0) > 0 && s.jsxs(s.Fragment, { children: [s.jsx(z1, { ref: z, children: d.map((N, O) => s.jsxs(M1, { $selected: o?.some((U) => N.id === U.id) ?? !1, onClick: () => x(N), ref: (U) => {
     F.current[O] = U;
   }, onPointerEnter: (U) => c0(U, O), onPointerLeave: (U) => o0(U, O), children: [s.jsx("input", { type: "checkbox", checked: o?.some((U) => N.id === U.id) ?? !1, onChange: () => x(N) }), N?.badge ? s.jsxs(d1, { children: [s.jsx("div", { children: N.text }), s.jsx(s0, { strongBold: !0, color: l.colors.honey30, children: N.badge })] }) : s.jsxs(s.Fragment, { children: [N.icon, s.jsx(E1, { title: N.text, children: N.text })] })] }, N.id)) }), s.jsx(v1, { $opacity: P.$opacity, $width: P.$width, $height: P.$height, $top: P.$top, $left: P.$left }), d.length === 0 && c?.length && s.jsx(D1, { children: "Sem resultados" })] }), A] }) })] });
-}), C5 = v.div.withConfig({ displayName: "Container", componentId: "sc-7gu4qd-0" })(["display:flex;justify-content:space-between;align-items:center;.icon,.icon svg,.icon svg path{fill:", " !important;}.icon:hover,.icon:hover svg,.icon:hover svg path{fill:", " !important;}.icon-disabled,.icon-disabled svg,.icon-disabled svg path{fill:", " !important;}ul.pagination{display:flex;gap:1rem;font-family:'Nunito Sans',sans-serif;font-size:1rem;color:", ";li{list-style:none;}li.page{cursor:pointer;}li.page:hover{color:", ";}li.page-active{color:", ";cursor:default;}}.items-count{display:flex;align-items:center;width:min-content;text-wrap:nowrap;gap:1rem;font-family:'Nunito Sans',sans-serif;color:", ";}"], l.colors.shade30, l.colors.cyan30, l.colors.shade20, l.colors.shade50, l.colors.cyan30, l.colors.cyan30, l.colors.shade50);
+}), C5 = v.div.withConfig({ displayName: "Container", componentId: "sc-7gu4qd-0" })(["display:flex;justify-content:space-between;align-items:center;.icon,.icon svg,.icon svg path{fill:", " !important;}.icon:hover,.icon:hover svg,.icon:hover svg path{fill:", " !important;}.icon-disabled,.icon-disabled svg,.icon-disabled svg path{fill:", " !important;}ul.pagination{display:flex;gap:1rem;font-family:'Nunito Sans',sans-serif;font-size:1rem;color:", ";li{list-style:none;}li.page{cursor:pointer;}li.page:hover{color:", ";}li.page-active{color:", ";cursor:default;}}.items-count{display:flex;align-items:center;width:min-content;white-space:nowrap;gap:1rem;font-family:'Nunito Sans',sans-serif;color:", ";}"], l.colors.shade30, l.colors.cyan30, l.colors.shade20, l.colors.shade50, l.colors.cyan30, l.colors.cyan30, l.colors.shade50);
 function hA({ currentPage: A, itemCount: g, onChangePage: e, itemsPerPage: I }) {
   const c = I || 20, C = Math.ceil(g / c), t = [];
   C > 0 && A - 2 > 1 && t.push(1);
@@ -1672,7 +1672,7 @@ var C1, D0 = (g1 || (g1 = 1, process.env.NODE_ENV === "production" ? A2.exports
 3. You might have more than one copy of React in the same app
 See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`), g.useMemoCache(A);
 })), I1)), A2.exports);
-const s5 = v.div.withConfig({ displayName: "SidebarGroupContainer", componentId: "sc-1plxva3-0" })(["display:flex;flex-direction:column;cursor:pointer;height:", ";background-color:", ";overflow:hidden;border-radius:4px;&:hover{background-color:rgba(255,255,255,0.1);}.wrapperTitle{cursor:pointer;min-height:", ";padding:0 14px;display:flex;align-items:center;height:100%;gap:30px;justify-content:left;svg{width:20px;}}&.locked{pointer-events:none;}"], ({ $groupOpen: A, $open: g }) => A && g ? "auto" : "40px", ({ $groupOpen: A, $open: g }) => A && g ? "rgba(255, 255, 255, 0.1)" : "inherit", ({ $groupOpen: A, $open: g }) => A && g ? "40px" : "54px"), t5 = v.div.withConfig({ displayName: "SidebarGroupHeaderContainer", componentId: "sc-1plxva3-1" })(["display:flex;align-items:center;min-height:", ";", ";justify-content:", ";text-wrap:nowrap;padding:8px 8px;cursor:pointer;height:100%;gap:24px;color:", ";.title{width:100%;}"], ({ $groupOpen: A, $sidebarOpen: g }) => "40px", ({ $groupOpen: A, $sidebarOpen: g }) => A && g && "border-bottom: 1px solid rgba(255, 255, 255, 0.1)", ({ $sidebarOpen: A }) => A ? "space-between" : "center", ({ $disabled: A }) => A ? "rgba(255, 255, 255, 0.3)" : "#fff");
+const s5 = v.div.withConfig({ displayName: "SidebarGroupContainer", componentId: "sc-1plxva3-0" })(["display:flex;flex-direction:column;cursor:pointer;height:", ";background-color:", ";overflow:hidden;border-radius:4px;&:hover{background-color:rgba(255,255,255,0.1);}.wrapperTitle{cursor:pointer;min-height:", ";padding:0 14px;display:flex;align-items:center;height:100%;gap:30px;justify-content:left;svg{width:20px;}}&.locked{pointer-events:none;}"], ({ $groupOpen: A, $open: g }) => A && g ? "auto" : "40px", ({ $groupOpen: A, $open: g }) => A && g ? "rgba(255, 255, 255, 0.1)" : "inherit", ({ $groupOpen: A, $open: g }) => A && g ? "40px" : "54px"), t5 = v.div.withConfig({ displayName: "SidebarGroupHeaderContainer", componentId: "sc-1plxva3-1" })(["display:flex;align-items:center;min-height:", ";", ";justify-content:", ";white-space:nowrap;padding:8px 8px;cursor:pointer;height:100%;gap:24px;color:", ";.title{width:100%;}"], ({ $groupOpen: A, $sidebarOpen: g }) => "40px", ({ $groupOpen: A, $sidebarOpen: g }) => A && g && "border-bottom: 1px solid rgba(255, 255, 255, 0.1)", ({ $sidebarOpen: A }) => A ? "space-between" : "center", ({ $disabled: A }) => A ? "rgba(255, 255, 255, 0.3)" : "#fff");
 v.div.withConfig({ displayName: "LockedModal", componentId: "sc-1plxva3-2" })(["width:400px;height:150px;display:flex;align-items:center;justify-content:center;text-align:center;.item-locked{color:", ";}"], l.colors.honey40);
 const o5 = (A) => {
   const g = D0.c(31), { title: e, icon: I, children: c, sidebarOpen: C, disabled: t, warning: o, onClick: a, isCurrentGroup: h } = A, [f, B] = q(!1);
@@ -1689,7 +1689,7 @@ const o5 = (A) => {
     g[20] !== t || g[21] !== h || g[22] !== C || g[23] !== e || g[24] !== o ? (Y = C && s.jsx("span", { className: "title", title: o, children: s.jsx(s0, { size: "medium", heavyBold: h, color: t ? l.colors.shade40 : "white", children: e }) }), g[20] = t, g[21] = h, g[22] = C, g[23] = e, g[24] = o, g[25] = Y) : Y = g[25], g[26] !== t || g[27] !== f || g[28] !== C || g[29] !== o ? (G = C && (t ? s.jsx(I0, { src: t1, width: "20px", color: "white" }) : o ? s.jsx(I0, { src: o1, width: "20px", color: "white" }) : s.jsx(I0, { className: "icon " + (f ? "icon-rotate" : ""), src: i2, width: "20px", color: l.colors.shade30 })), g[26] = t, g[27] = f, g[28] = C, g[29] = o, g[30] = G) : G = g[30], Q = s.jsxs(s5, { $open: C, $groupOpen: f, children: [s.jsxs(t5, { $disabled: t, $sidebarOpen: C, $groupOpen: f, onClick: m, children: [s.jsx(I0, { src: I, color: j, width: "20px" }), Y, G] }), c] }), g[9] = c, g[10] = j, g[11] = t, g[12] = f, g[13] = I, g[14] = h, g[15] = m, g[16] = C, g[17] = e, g[18] = o, g[19] = Q;
   } else Q = g[19];
   return Q;
-}, i5 = v.div.withConfig({ displayName: "Container", componentId: "sc-b3qvze-0" })(["display:flex;justify-content:", ";align-items:center;min-height:38px;padding:8px;gap:24px;color:", ";cursor:", ";border-radius:", ";&:hover{background-color:rgba(255,255,255,0.1);}&:not(:last-child){border-bottom:", ";}.wrapper{padding:4px;cursor:", ";display:flex;align-items:center;}.title{text-decoration:none;width:100%;text-wrap:nowrap;}.lock{position:absolute;right:20px;svg{opacity:0.5;position:absolute;margin-bottom:16px;font-size:10px;}}"], ({ $sidebarOpen: A }) => A ? "space-between" : "center", ({ $disabled: A }) => A ? "rgba(255,255,255,0.4)" : "#fff", ({ $disabled: A }) => A ? "default" : "pointer", ({ $isInsideGroup: A }) => !A && "4px", ({ $isInsideGroup: A }) => A && "1px solid rgba(255, 255, 255, 0.1)", ({ $disabled: A }) => A ? "default" : "pointer"), h5 = v.div.withConfig({ displayName: "Bullet", componentId: "sc-b3qvze-1" })(["position:relative;width:24px;height:100%;&::after{position:absolute;background:#fff;right:0px;top:-2.5px;content:'';width:5px;height:5px;border-radius:50%;}"]), I2 = ({ title: A, disabled: g, icon: e, warning: I, isInsideGroup: c, isCurrentItem: C, sidebarOpen: t, onClick: o }) => {
+}, i5 = v.div.withConfig({ displayName: "Container", componentId: "sc-b3qvze-0" })(["display:flex;justify-content:", ";align-items:center;min-height:38px;padding:8px;gap:24px;color:", ";cursor:", ";border-radius:", ";&:hover{background-color:rgba(255,255,255,0.1);}&:not(:last-child){border-bottom:", ";}.wrapper{padding:4px;cursor:", ";display:flex;align-items:center;}.title{text-decoration:none;width:100%;white-space:nowrap;}.lock{position:absolute;right:20px;svg{opacity:0.5;position:absolute;margin-bottom:16px;font-size:10px;}}"], ({ $sidebarOpen: A }) => A ? "space-between" : "center", ({ $disabled: A }) => A ? "rgba(255,255,255,0.4)" : "#fff", ({ $disabled: A }) => A ? "default" : "pointer", ({ $isInsideGroup: A }) => !A && "4px", ({ $isInsideGroup: A }) => A && "1px solid rgba(255, 255, 255, 0.1)", ({ $disabled: A }) => A ? "default" : "pointer"), h5 = v.div.withConfig({ displayName: "Bullet", componentId: "sc-b3qvze-1" })(["position:relative;width:24px;height:100%;&::after{position:absolute;background:#fff;right:0px;top:-2.5px;content:'';width:5px;height:5px;border-radius:50%;}"]), I2 = ({ title: A, disabled: g, icon: e, warning: I, isInsideGroup: c, isCurrentItem: C, sidebarOpen: t, onClick: o }) => {
   let a = "#fff", h = "#fff";
   return c && (h = l.colors.shade10), g && (a = "rgba(255,255,255,0.3)", h = l.colors.shade40), C && (a = l.colors.cyan30), s.jsxs(i5, { $isCurrentItem: C, $disabled: g ?? !1, $sidebarOpen: t, $isInsideGroup: c, onClick: () => !g && o(), title: I, children: [c ? s.jsx(h5, {}) : e && s.jsx("div", { className: "icon", children: s.jsx(I0, { src: e, color: a, width: "20px" }) }), t && s.jsxs(s.Fragment, { children: [s.jsx("span", { className: "title", children: s.jsx(s0, { size: c ? "small" : "medium", color: h, heavyBold: C, children: A }) }), g ? s.jsx(I0, { src: t1, width: "20px", color: "white" }) : I ? s.jsx(I0, { src: o1, width: "20px", color: "white" }) : null] })] });
 }, a5 = v.div.withConfig({ displayName: "SidebarLogoContainer", componentId: "sc-506j5v-0" })(["position:relative;--padding:8px;margin-bottom:32px;.logo{height:40px;background:url(", ");background-size:", ";background-repeat:no-repeat;background-position:-8px 0px;opacity:", ";}.close{--width:28px;--height:32px;display:flex;position:absolute;align-items:center;justify-content:center;height:var(--height);width:var(--width);background:", ";color:#fff;border-radius:0 var(--width) var(--width) 0;top:30px;right:calc((var(--padding) + var(--width)) * -1);border:none;cursor:pointer;z-index:2;}"], ({ $logoUrl: A }) => A, ({ $sidebarOpen: A }) => A ? "202px 40px" : "141px 28px", ({ $logoOpacity: A }) => A ?? 1, ({ $baseColor: A }) => A || l.colors.cyan50), f5 = ({ sidebarOpen: A, setSidebarOpen: g, logoOpacity: e, logoUrl: I, baseColor: c }) => s.jsxs(a5, { $logoUrl: I, $logoOpacity: e, $sidebarOpen: A, $baseColor: c, children: [s.jsx("button", { type: "button", onClick: () => g(!A), className: "close", "aria-label": "Fechar menu", children: s.jsx(I0, { src: A ? h2 : a2, color: "#fff", width: "12px", height: "12px" }) }), s.jsx("div", { className: "logo" })] }), n5 = v.div.withConfig({ displayName: "SidebarContainer", componentId: "sc-1q1zp0h-0" })(["display:flex;flex-direction:column;grid-area:sidebar;position:relative;box-sizing:border-box;color:white;height:100vh;height:100dvh;padding:16px 16px 0 16px;width:min-content;min-width:", ";border-radius:", ";background:", ";&:hover{&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}}"], ({ $sidebarOpen: A }) => A && "250px", ({ $sidebarOpen: A }) => A && "0 46px 0px 0;", ({ $baseColor: A }) => A || l.colors.cyan50), B5 = v.div.withConfig({ displayName: "SidebarScrollContainer", componentId: "sc-1q1zp0h-1" })(["display:flex;flex-direction:column;gap:16px;min-height:calc(100% - 36px);margin-bottom:36px;"]), r5 = v.div.withConfig({ displayName: "SidebarScrollWrapperContainer", componentId: "sc-1q1zp0h-2" })(["height:100%;overflow-y:auto;overflow-x:hidden;&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}&:hover{&::-webkit-scrollbar{width:0;}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}&::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}}"]), w5 = v.div.withConfig({ displayName: "SidebarSpacer", componentId: "sc-1q1zp0h-3" })(["flex-grow:1;"]);