@companycam/slab-web 1.31.3 → 1.31.4

package/index.mjs

@@ -1129,7 +1129,7 @@ function zf(e, n) {
 var Vf = function(e) {
   return Object.assign(e, { isCss: !0 });
 };
-function ge(e) {
+function pe(e) {
   for (var n = [], t = 1; t < arguments.length; t++) n[t - 1] = arguments[t];
   if (_o(e) || yo(e)) return Vf(ii(zf($l, li([e], n, !0))));
   var r = e;
@@ -1139,7 +1139,7 @@ function fu(e, n, t) {
   if (t === void 0 && (t = vo), !n) throw Ro(1, n);
   var r = function(i) {
     for (var o = [], a = 1; a < arguments.length; a++) o[a - 1] = arguments[a];
-    return e(n, t, ge.apply(void 0, li([i], o, !1)));
+    return e(n, t, pe.apply(void 0, li([i], o, !1)));
   };
   return r.attrs = function(i) {
     return fu(e, n, ir(ir({}, t), { attrs: Array.prototype.concat(t.attrs, i).filter(Boolean) }));
@@ -1168,7 +1168,7 @@ var oy = (function() {
 })();
 function sy(e) {
   for (var n = [], t = 1; t < arguments.length; t++) n[t - 1] = arguments[t];
-  var r = ge.apply(void 0, li([e], n, !1)), i = "sc-global-".concat(qu(JSON.stringify(r))), o = new oy(r, i);
+  var r = pe.apply(void 0, li([e], n, !1)), i = "sc-global-".concat(qu(JSON.stringify(r))), o = new oy(r, i);
   process.env.NODE_ENV !== "production" && Zp(i);
   var a = function(u) {
     var f = uu(), p = U.useContext(Qu), g = U.useRef(f.styleSheet.allocateGSInstance(i)).current;
@@ -1192,7 +1192,7 @@ function sy(e) {
 function hi(e) {
   for (var n = [], t = 1; t < arguments.length; t++) n[t - 1] = arguments[t];
   process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var r = Wa(ge.apply(void 0, li([e], n, !1))), i = qu(r);
+  var r = Wa(pe.apply(void 0, li([e], n, !1))), i = qu(r);
   return new du(i, r);
 }
 process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
@@ -1569,10 +1569,10 @@ const ly = "#0967d2", cy = "#142334", uy = "#ffd000", dy = "#0ce8d6", fy = "#794
   ...Pk
 }, Wt = `font-family: system-ui, -apple-system, BlinkMacSystemFont,
 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`, wr = `font-family: 'Averta', system-ui, -apple-system, BlinkMacSystemFont,
-'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`, Ai = ge`
+'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`, Ai = pe`
   outline-width: var(--cc_size_border_width_m);
   outline-style: solid;
-`, Ar = ge`
+`, Ar = pe`
   opacity: 0.5;
   cursor: not-allowed;
 `, Vt = (e) => {
@@ -1580,26 +1580,26 @@ const ly = "#0967d2", cy = "#142334", uy = "#ffd000", dy = "#0ce8d6", fy = "#794
   return e === "success" && !n ? {
     accentColor: "var(--cc_color_utility_success)",
     icon: "check-circle-outline",
-    focusStyles: ge`
+    focusStyles: pe`
         ${Ai}
         outline-color: var(--cc_color_utility_success);
       `
   } : n ? {
     accentColor: "var(--cc_color_utility_destroy)",
     icon: "alert-circle-outline",
-    focusStyles: ge`
+    focusStyles: pe`
         ${Ai}
         outline-color: var(--cc_color_utility_destroy);
       `
   } : {
     accentColor: "var(--cc_color_utility_info)",
     icon: "information-outline",
-    focusStyles: ge`
+    focusStyles: pe`
         ${Ai}
         outline-color: var(--cc_color_border_input_active);
       `
   };
-}, xr = ge`
+}, xr = pe`
   margin: -1px;
   padding: 0;
   width: 1px;
@@ -1722,12 +1722,12 @@ const ly = "#0967d2", cy = "#142334", uy = "#ffd000", dy = "#0ce8d6", fy = "#794
   line-height: ${(e) => io[e.size].lineHeight};
 
   /* if ccMargin is specified in props, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 
   /* if user specifies weight in props OR there is a weight default for the font size, set it in CSS */
-  ${(e) => e.$weight || io[e.size].weight ? ge`
+  ${(e) => e.$weight || io[e.size].weight ? pe`
           font-weight: ${e.$weight || io[e.size].weight};
         ` : null}
 `;
@@ -1788,7 +1788,7 @@ const pi = ({ disabled: e = !1, readOnly: n = !1 }) => `
         outline-offset: var(--cc_size_spacing_xxs);
       }
       
-      ${e || n ? ge`
+      ${e || n ? pe`
               pointer-events: none;
             ` : ""}
       ${e ? Ar : ""}
@@ -1825,7 +1825,7 @@ const pi = ({ disabled: e = !1, readOnly: n = !1 }) => `
   large: 500,
   auto: "auto"
 }, Tk = j.div`
-  ${(e) => e.$size && Yf[e.$size] !== "auto" ? ge`
+  ${(e) => e.$size && Yf[e.$size] !== "auto" ? pe`
           width: ${Yf[e.$size]}px;
         ` : null}
 `, Rk = j.div`
@@ -1868,7 +1868,7 @@ const pi = ({ disabled: e = !1, readOnly: n = !1 }) => `
     transform: scale(0.97);
   }
 
-  ${(e) => e.$isSelected ? ge`
+  ${(e) => e.$isSelected ? pe`
           animation-name: ${Ik};
           animation-duration: ${Ct.duration.medium};
           animation-timing-function: ${Ct.easeOut};
@@ -1880,7 +1880,7 @@ const pi = ({ disabled: e = !1, readOnly: n = !1 }) => `
   height: 100%;
   object-fit: cover;
   border-radius: var(--cc_size_border_radius_l);
-  ${(e) => e.$shouldBlurImage ? ge`
+  ${(e) => e.$shouldBlurImage ? pe`
           filter: blur(16px);
         ` : null}
 `, Lk = j.div`
@@ -5110,7 +5110,7 @@ const YE = hi`
   }
 ), KE = j.span`
   /* if rendering as a button or link, do a style reset and add slab focus styles */
-  ${(e) => e.$href || e.onClick ? ge`
+  ${(e) => e.$href || e.onClick ? pe`
           all: initial;
           cursor: pointer;
           text-decoration: none;
@@ -5138,10 +5138,10 @@ const YE = hi`
   font-weight: 600;
   user-select: none;
 
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
-  ${(e) => e.$design === "group" ? ge`
+  ${(e) => e.$design === "group" ? pe`
           box-shadow: 0 0 0
             calc(
               var(--cc_size_spacing_xxs) +
@@ -5508,7 +5508,7 @@ const u$ = ({
   top: 0;
   line-height: 1;
 
-  ${(e) => e.$isLoading ? ge`
+  ${(e) => e.$isLoading ? pe`
           visibility: hidden;
         ` : null}
 `, f$ = ({
@@ -5545,7 +5545,7 @@ const u$ = ({
   overflow: hidden;
   text-overflow: ellipsis;
 
-  ${(e) => e.$isLoading ? ge`
+  ${(e) => e.$isLoading ? pe`
           visibility: hidden;
         ` : null}
 `, qg = ({
@@ -5563,14 +5563,14 @@ const u$ = ({
 `, m$ = j.span`
   display: ${(e) => e.$isCentered ? "flex" : "inline-flex"};
   flex-direction: ${(e) => e.$layout === "vertical" ? "column" : "row"};
-  ${(e) => e.$isCentered ? ge`
+  ${(e) => e.$isCentered ? pe`
           justify-content: center;
         ` : null}
   align-items: center;
   justify-content: center;
   gap: calc(var(--cc_size_spacing_s) * 1.25);
 
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `, v$ = j.span`
@@ -5725,7 +5725,7 @@ const u$ = ({
   font-family: 'Averta', system-ui, -apple-system, BlinkMacSystemFont,
     'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   font-size: ${(e) => Pl[e.$size]};
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 
@@ -5784,7 +5784,7 @@ const E$ = {
   justify-content: center;
   flex-direction: column;
 
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `, M$ = j.div`
@@ -5892,13 +5892,13 @@ Xg.displayName = "ButtonCondensed";
 const A$ = (e) => {
   switch (e) {
     case "active":
-      return ge`
+      return pe`
         background-color: var(--cc_color_button_background_secondary);
         color: var(--cc_color_button_text_secondary);
         border-color: var(--cc_color_button_background_secondary);
       `;
     case "open":
-      return ge`
+      return pe`
         background-color: transparent;
         color: var(--cc_color_link_secondary);
         border-color: var(--cc_color_button_background_secondary);
@@ -5906,7 +5906,7 @@ const A$ = (e) => {
           var(--cc_color_button_background_secondary);
       `;
     default:
-      return ge`
+      return pe`
         background-color: transparent;
         color: var(--cc_color_link_subtle);
         border-color: var(--cc_color_border_input_inactive);
@@ -5975,7 +5975,7 @@ const A$ = (e) => {
   padding: 0;
   gap: 0;
   width: ${(e) => Ml[e.size]};
-  ${(e) => e.$shape === "circle" ? ge`
+  ${(e) => e.$shape === "circle" ? pe`
           border-radius: 100%;
         ` : null}
 `, z$ = j.span`
@@ -6051,7 +6051,7 @@ const H$ = j.div`
   border-radius: var(--cc_size_border_radius_l);
   padding: var(--cc_size_spacing_m) var(--cc_size_spacing_xl)
     var(--cc_size_spacing_m) var(--cc_size_spacing_m);
-  ${(e) => e.onClick || e.href ? ge`
+  ${(e) => e.onClick || e.href ? pe`
           width: 100%;
           cursor: pointer;
           text-align: start;
@@ -6119,7 +6119,7 @@ function SN({
     n ? /* @__PURE__ */ L(Y$, { children: n }) : null
   ] });
 }
-const em = (e) => ge`
+const em = (e) => pe`
   display: inline-flex;
   align-items: center;
   border-width: 1px;
@@ -6130,11 +6130,11 @@ const em = (e) => ge`
   color: var(--cc_color_text_subtle);
   line-height: 1.5;
 
-  ${e === "small" ? ge`
+  ${e === "small" ? pe`
         height: 22px;
         font-weight: 400;
         font-size: var(--cc_size_text_xs);
-      ` : ge`
+      ` : pe`
         height: 28px;
         font-weight: 500;
         font-size: var(--cc_size_text_s);
@@ -6235,7 +6235,7 @@ function kN({ closeAction: e, ...n }) {
 const eM = j.button`
   ${pi} // add reset and focus styles
   ${(e) => em(e.$size)} // add generic chip styles
-  ${(e) => e.$pressed ? ge`
+  ${(e) => e.$pressed ? pe`
           background: var(--cc_color_button_background_secondary);
           color: var(--cc_color_button_text_secondary);
         ` : null}
@@ -6277,23 +6277,23 @@ const tM = j.div`
   display: flex;
   gap: var(--cc_size_spacing_s);
   align-items: flex-start;
-  ${(e) => e.$design === "self" ? ge`
+  ${(e) => e.$design === "self" ? pe`
           flex-direction: row-reverse;
         ` : null}
 
   /* if ccMargin is specified in props, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `, rM = j.blockquote`
   all: initial;
   display: block;
   min-width: 0;
-  ${(e) => e.$design === "self" ? ge`
+  ${(e) => e.$design === "self" ? pe`
           text-align: end;
         ` : null}
 `, bh = j(jt)`
-  ${(e) => e.$design === "self" ? ge`
+  ${(e) => e.$design === "self" ? pe`
           text-align: end;
         ` : null}
 `, nM = (e) => {
@@ -6320,9 +6320,9 @@ const tM = j.div`
   hyphens: auto;
   color: ${(e) => e.$design === "self" ? "var(--cc_color_button_text_primary)" : "var(--cc_color_button_text_subtle)"};
   ${Wt}
-  ${(e) => e.$design === "self" ? ge`
+  ${(e) => e.$design === "self" ? pe`
           border-start-end-radius: 0;
-        ` : ge`
+        ` : pe`
           border-start-start-radius: 0;
         `}
 `;
@@ -6389,25 +6389,25 @@ const rm = hi`
 `, sM = (e) => {
   const n = e ? `var(--cc_size_spacing_${e})` : "0";
   return {
-    top: ge`
+    top: pe`
       left: ${n};
       right: ${n};
       top: ${n};
       bottom: auto;
     `,
-    right: ge`
+    right: pe`
       inset-inline-start: auto;
       inset-inline-end: ${n};
       inset-block-start: ${n};
       inset-block-end: ${n};
     `,
-    bottom: ge`
+    bottom: pe`
       left: ${n};
       right: ${n};
       top: auto;
       bottom: ${n};
     `,
-    left: ge`
+    left: pe`
       inset-inline-start: ${n};
       inset-inline-end: auto;
       inset-block-start: ${n};
@@ -6426,16 +6426,16 @@ const rm = hi`
 
   ${(e) => sM(e.$offset)[e.$placement || "right"]};
 `, fa = "50%", lM = {
-  top: ge`
+  top: pe`
     transform: translate3d(0, -${fa}, 0);
   `,
-  right: ge`
+  right: pe`
     transform: translate3d(${fa}, 0, 0);
   `,
-  bottom: ge`
+  bottom: pe`
     transform: translate3d(0, ${fa}, 0);
   `,
-  left: ge`
+  left: pe`
     transform: translate3d(-${fa}, 0, 0);
   `
 }, cM = j.div`
@@ -6523,9 +6523,9 @@ const nm = j.span`
   var n;
   return (n = e.$breakpoints) == null ? void 0 : n.map((t) => {
     const { areas: r, colGap: i, colAlign: o, cols: a, rowAlign: c, rowGap: u, rows: f } = t, p = a == null ? void 0 : a.map((y) => wh(y)).join(" "), g = f == null ? void 0 : f.map((y) => wh(y)).join(" ");
-    return ge`
+    return pe`
         @container ${uM(t)} {
-          ${r ? null : ge`
+          ${r ? null : pe`
                 > ${nm} {
                   grid-area: auto !important;
                 }
@@ -6580,7 +6580,7 @@ const hM = j.hr`
     var(--cc_color_border_default);
 
   /* if ccMargin, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `;
@@ -6687,14 +6687,14 @@ const am = (e) => {
   ${(e) => e.$disabled ? Ar : null}
 
   &:hover ${Es} {
-    ${(e) => e.$disabled ? null : ge`
+    ${(e) => e.$disabled ? null : pe`
             border-color: var(--cc_color_link_secondary);
           `}
   }
 
   &:has(${So}:checked) {
     &:hover ${Es} {
-      ${(e) => e.$disabled ? null : ge`
+      ${(e) => e.$disabled ? null : pe`
               border-color: var(--cc_color_link_subtle);
             `}
     }
@@ -6822,7 +6822,7 @@ const am = (e) => {
   all: initial;
   position: relative;
   display: block;
-  ${(e) => e.$message ? ge`
+  ${(e) => e.$message ? pe`
           margin-block-end: var(--cc_size_spacing_s);
         ` : null}
 `, bM = j.legend`
@@ -6874,11 +6874,11 @@ const am = (e) => {
   );
 }, SM = j.div`
   margin-block-start: var(--cc_size_spacing_xxs);
-  ${(e) => e.$layout === "inline" ? ge`
+  ${(e) => e.$layout === "inline" ? pe`
           display: flex;
           flex-wrap: wrap;
           gap: var(--cc_size_spacing_m);
-        ` : ge`
+        ` : pe`
           display: grid;
           row-gap: var(--cc_size_spacing_s);
           column-gap: var(--cc_size_spacing_l);
@@ -13206,14 +13206,14 @@ function gR({
     )
   ] });
 }
-const mR = ge`
+const mR = pe`
   background: var(--cc_color_button_background_primary);
   color: var(--cc_color_button_text_primary);
   border-radius: var(--cc_size_border_radius_l);
   &:hover {
     background: var(--cc_color_button_background_primary);
   }
-`, Hc = ge`
+`, Hc = pe`
   background: var(--cc_color_button_background_secondary);
   color: var(--cc_color_button_text_secondary);
   border-radius: var(--cc_size_border_radius_l);
@@ -13304,10 +13304,10 @@ const mR = ge`
     border-radius: var(--cc_size_border_radius_l);
     transition: border-color 0.2s;
 
-    ${(e) => e.$disabled ? ge`
+    ${(e) => e.$disabled ? pe`
             ${Ar}
             background-color: var(--cc_color_background_3);
-          ` : ge`
+          ` : pe`
             &:hover {
               border-color: var(--cc_color_button_background_secondary);
             }
@@ -13344,11 +13344,11 @@ const mR = ge`
     font-size: ${(e) => e.$size === "large" ? "var(--cc_size_text_m)" : "var(--cc_size_text_s)"};
     height: ${(e) => e.$size === "medium" ? 38 : 48}px;
     padding: ${(e) => e.$size === "large" ? "0 var(--cc_size_spacing_m)" : "0 calc(var(--cc_size_spacing_m) * 0.75)"};
-    ${(e) => e.$hideLabel ? ge`
+    ${(e) => e.$hideLabel ? pe`
             &::placeholder {
               color: var(--cc_color_text_subtle);
             }
-          ` : ge`
+          ` : pe`
             &::placeholder {
               color: var(--cc_color_text_nonessential);
             }
@@ -13368,7 +13368,7 @@ const mR = ge`
     }
   }
 `, yR = j.label`
-  ${(e) => e.$hideLabel ? xr : ge`
+  ${(e) => e.$hideLabel ? xr : pe`
           all: initial;
           display: block;
           margin-block-end: var(--cc_size_spacing_xs);
@@ -13462,7 +13462,7 @@ const bR = j.ul`
   border-radius: var(--cc_size_border_radius_m);
 `, xR = j.div`
   position: relative;
-  ${(e) => e.$isDragOver ? ge`
+  ${(e) => e.$isDragOver ? pe`
           ${wd} {
             border-color: var(--cc_color_border_input_active);
             border-style: solid;
@@ -13476,7 +13476,7 @@ const bR = j.ul`
   opacity: 0;
   position: absolute;
   cursor: pointer;
-  ${(e) => e.$isDragOver ? null : ge`
+  ${(e) => e.$isDragOver ? null : pe`
           &:hover ~ ${wd} {
             border-color: var(--cc_color_button_background_secondary);
           }
@@ -13585,7 +13585,7 @@ const RN = Gt(
   }
 ), ER = j.label`
   all: initial;
-  ${(e) => e.$hideLabel ? xr : ge`
+  ${(e) => e.$hideLabel ? xr : pe`
           box-sizing: border-box;
           display: block;
           margin-block-end: var(--cc_size_spacing_xs);
@@ -13605,7 +13605,7 @@ const RN = Gt(
   &::placeholder {
     color: var(--cc_color_text_nonessential);
   }
-  ${(e) => e.disabled ? ge`
+  ${(e) => e.disabled ? pe`
           cursor: not-allowed;
         ` : null}
 `, MR = j.div`
@@ -13614,7 +13614,7 @@ const RN = Gt(
   border-color: ${(e) => e.$status === "error" ? "var(--cc_color_utility_destroy)" : "var(--cc_color_border_input_inactive)"};
   ${(e) => {
   if (!e.$status)
-    return ge`
+    return pe`
       @supports selector(:user-invalid) {
         &:has(input:user-invalid) {
           border-color: var(--cc_color_utility_destroy);
@@ -13629,10 +13629,10 @@ const RN = Gt(
   border-radius: var(--cc_size_border_radius_l);
   background: var(--cc_color_background_1);
   ${(e) => e.$message ? "margin-block-end: var(--cc_size_spacing_xs);" : null}
-  ${(e) => e.$disabled ? ge`
+  ${(e) => e.$disabled ? pe`
           ${Ar}
           background-color: var(--cc_color_background_3);
-        ` : ge`
+        ` : pe`
           &:hover {
             border-color: var(--cc_color_button_background_secondary);
           }
@@ -13821,13 +13821,13 @@ const RN = Gt(
   }
 
   &:hover:not(:has(${as}:checked)) ${ss} ${Va} {
-    ${(e) => e.$disabled ? null : ge`
+    ${(e) => e.$disabled ? null : pe`
             border-color: var(--cc_color_link_secondary);
           `}
   }
 
   &:hover:has(${as}:checked) ${ss} ${Va} {
-    ${(e) => e.$disabled ? null : ge`
+    ${(e) => e.$disabled ? null : pe`
             border-color: var(--cc_color_link_subtle);
           `}
   }
@@ -13918,12 +13918,12 @@ const LR = j.span`
   flex-shrink: 0;
 `, OR = j.label`
   all: initial;
-  ${(e) => e.$hideLabel ? xr : ge`
+  ${(e) => e.$hideLabel ? xr : pe`
           box-sizing: border-box;
           display: block;
           margin-block-end: var(--cc_size_spacing_xs);
         `}
-`, ep = ge`
+`, ep = pe`
   width: 100%;
   height: var(--cc_size_spacing_xs);
   background: var(--cc_color_button_background_subtle);
@@ -13931,7 +13931,7 @@ const LR = j.span`
   &:hover {
     border-color: var(--cc_color_link_secondary);
   }
-`, tp = (e, n) => ge`
+`, tp = (e, n) => pe`
   box-sizing: border-box;
   background: ${e === "error" || e === "success" ? Vt(e).accentColor : "var(--cc_color_button_background_secondary)"};
   height: var(--cc_size_spacing_m);
@@ -14074,7 +14074,7 @@ const LR = j.span`
   }
 ), BR = j.label`
   all: initial;
-  ${(e) => e.$hideLabel ? xr : ge`
+  ${(e) => e.$hideLabel ? xr : pe`
           box-sizing: border-box;
           display: block;
           margin-block-end: var(--cc_size_spacing_xs);
@@ -14084,16 +14084,25 @@ const LR = j.span`
   border-width: var(--cc_size_border_width_s);
   border-style: solid;
   border-color: ${(e) => e.$status === "error" ? "var(--cc_color_utility_destroy)" : "var(--cc_color_border_input_inactive)"};
+  ${(e) => {
+  if (!e.$status)
+    return pe`
+      @supports selector(:user-invalid) {
+        &:has(select:user-invalid) {
+          border-color: var(--cc_color_utility_destroy);
+        }
+      }
+    `;
+}}
   min-width: 165px;
   transition: border-color 0.2s;
   border-radius: var(--cc_size_border_radius_l);
   background: var(--cc_color_background_1);
-  border-color: ${(e) => e.$status === "error" ? "var(--cc_color_utility_destroy)" : "var(--cc_color_border_input_inactive)"};
   ${(e) => e.$message ? "margin-block-end: var(--cc_size_spacing_xs);" : null}
-  ${(e) => e.$disabled ? ge`
+  ${(e) => e.$disabled ? pe`
           ${Ar}
           background-color: var(--cc_color_background_3);
-        ` : ge`
+        ` : pe`
           &:hover {
             border-color: var(--cc_color_button_background_secondary);
           }
@@ -14172,7 +14181,7 @@ const LR = j.span`
                 {
                   ref: f,
                   "aria-describedby": t ? `${u.id}-message` : "",
-                  "aria-invalid": r === "error",
+                  "aria-invalid": r === "error" ? !0 : void 0,
                   $inputSize: c,
                   ...u,
                   children: a.map((p) => /* @__PURE__ */ L(
@@ -14213,7 +14222,7 @@ const LR = j.span`
   border-color: ${(e) => e.$status === "error" ? "var(--cc_color_utility_destroy)" : "var(--cc_color_border_input_inactive)"};
   ${(e) => {
   if (!e.$status)
-    return ge`
+    return pe`
       @supports selector(:user-invalid) {
         &:user-invalid {
           border-color: var(--cc_color_utility_destroy);
@@ -14234,17 +14243,17 @@ const LR = j.span`
     outline-offset: -2px;
   }
 
-  ${(e) => e.disabled ? ge`
+  ${(e) => e.disabled ? pe`
           ${Ar}
           background-color: var(--cc_color_background_3);
-        ` : ge`
+        ` : pe`
           &:hover {
             border-color: var(--cc_color_button_background_secondary);
           }
         `}
 `, qR = j.label`
   all: initial;
-  ${(e) => e.$hideLabel ? xr : ge`
+  ${(e) => e.$hideLabel ? xr : pe`
           box-sizing: border-box;
           display: block;
           margin-block-end: var(--cc_size_spacing_xs);
@@ -14641,10 +14650,10 @@ function eI() {
         function T() {
           h || (h = S(function(H) {
             function G() {
-              function J(pe, R) {
-                var W, x, E = pe.length, ie, Q, Ee, Ve;
+              function J(ge, R) {
+                var W, x, E = ge.length, ie, Q, Ee, Ve;
                 for (x = 0; x < E; x += 1)
-                  if (W = pe[x], "ks" in W && !W.completed) {
+                  if (W = ge[x], "ks" in W && !W.completed) {
                     if (W.completed = !0, W.hasMask) {
                       var je = W.masksProperties;
                       for (Q = je.length, ie = 0; ie < Q; ie += 1)
@@ -14657,47 +14666,47 @@ function eI() {
                     W.ty === 0 ? (W.layers = $(W.refId, R), J(W.layers, R)) : W.ty === 4 ? D(W.shapes) : W.ty === 5 && Ke(W);
                   }
               }
-              function z(pe, R) {
-                if (pe) {
-                  var W = 0, x = pe.length;
+              function z(ge, R) {
+                if (ge) {
+                  var W = 0, x = ge.length;
                   for (W = 0; W < x; W += 1)
-                    pe[W].t === 1 && (pe[W].data.layers = $(pe[W].data.refId, R), J(pe[W].data.layers, R));
+                    ge[W].t === 1 && (ge[W].data.layers = $(ge[W].data.refId, R), J(ge[W].data.layers, R));
                 }
               }
-              function I(pe, R) {
+              function I(ge, R) {
                 for (var W = 0, x = R.length; W < x; ) {
-                  if (R[W].id === pe)
+                  if (R[W].id === ge)
                     return R[W];
                   W += 1;
                 }
                 return null;
               }
-              function $(pe, R) {
-                var W = I(pe, R);
+              function $(ge, R) {
+                var W = I(ge, R);
                 return W ? W.layers.__used ? JSON.parse(JSON.stringify(W.layers)) : (W.layers.__used = !0, W.layers) : null;
               }
-              function D(pe) {
-                var R, W = pe.length, x, E;
+              function D(ge) {
+                var R, W = ge.length, x, E;
                 for (R = W - 1; R >= 0; R -= 1)
-                  if (pe[R].ty === "sh")
-                    if (pe[R].ks.k.i)
-                      O(pe[R].ks.k);
+                  if (ge[R].ty === "sh")
+                    if (ge[R].ks.k.i)
+                      O(ge[R].ks.k);
                     else
-                      for (E = pe[R].ks.k.length, x = 0; x < E; x += 1)
-                        pe[R].ks.k[x].s && O(pe[R].ks.k[x].s[0]), pe[R].ks.k[x].e && O(pe[R].ks.k[x].e[0]);
-                  else pe[R].ty === "gr" && D(pe[R].it);
+                      for (E = ge[R].ks.k.length, x = 0; x < E; x += 1)
+                        ge[R].ks.k[x].s && O(ge[R].ks.k[x].s[0]), ge[R].ks.k[x].e && O(ge[R].ks.k[x].e[0]);
+                  else ge[R].ty === "gr" && D(ge[R].it);
               }
-              function O(pe) {
-                var R, W = pe.i.length;
+              function O(ge) {
+                var R, W = ge.i.length;
                 for (R = 0; R < W; R += 1)
-                  pe.i[R][0] += pe.v[R][0], pe.i[R][1] += pe.v[R][1], pe.o[R][0] += pe.v[R][0], pe.o[R][1] += pe.v[R][1];
+                  ge.i[R][0] += ge.v[R][0], ge.i[R][1] += ge.v[R][1], ge.o[R][0] += ge.v[R][0], ge.o[R][1] += ge.v[R][1];
               }
-              function q(pe, R) {
+              function q(ge, R) {
                 var W = R ? R.split(".") : [100, 100, 100];
-                return pe[0] > W[0] ? !0 : W[0] > pe[0] ? !1 : pe[1] > W[1] ? !0 : W[1] > pe[1] ? !1 : pe[2] > W[2] ? !0 : W[2] > pe[2] ? !1 : null;
+                return ge[0] > W[0] ? !0 : W[0] > ge[0] ? !1 : ge[1] > W[1] ? !0 : W[1] > ge[1] ? !1 : ge[2] > W[2] ? !0 : W[2] > ge[2] ? !1 : null;
               }
               var te = /* @__PURE__ */ (function() {
-                var pe = [4, 4, 14];
+                var ge = [4, 4, 14];
                 function R(x) {
                   var E = x.t.d;
                   x.t.d = {
@@ -14713,16 +14722,16 @@ function eI() {
                     x[E].ty === 5 && R(x[E]);
                 }
                 return function(x) {
-                  if (q(pe, x.v) && (W(x.layers), x.assets)) {
+                  if (q(ge, x.v) && (W(x.layers), x.assets)) {
                     var E, ie = x.assets.length;
                     for (E = 0; E < ie; E += 1)
                       x.assets[E].layers && W(x.assets[E].layers);
                   }
                 };
               })(), oe = /* @__PURE__ */ (function() {
-                var pe = [4, 7, 99];
+                var ge = [4, 7, 99];
                 return function(R) {
-                  if (R.chars && !q(pe, R.v)) {
+                  if (R.chars && !q(ge, R.v)) {
                     var W, x = R.chars.length;
                     for (W = 0; W < x; W += 1) {
                       var E = R.chars[W];
@@ -14784,7 +14793,7 @@ function eI() {
                   }
                 };
               })(), me = /* @__PURE__ */ (function() {
-                var pe = [5, 7, 15];
+                var ge = [5, 7, 15];
                 function R(x) {
                   var E = x.t.p;
                   typeof E.a == "number" && (E.a = {
@@ -14804,14 +14813,14 @@ function eI() {
                     x[E].ty === 5 && R(x[E]);
                 }
                 return function(x) {
-                  if (q(pe, x.v) && (W(x.layers), x.assets)) {
+                  if (q(ge, x.v) && (W(x.layers), x.assets)) {
                     var E, ie = x.assets.length;
                     for (E = 0; E < ie; E += 1)
                       x.assets[E].layers && W(x.assets[E].layers);
                   }
                 };
               })(), We = /* @__PURE__ */ (function() {
-                var pe = [4, 1, 9];
+                var ge = [4, 1, 9];
                 function R(x) {
                   var E, ie = x.length, Q, Ee;
                   for (E = 0; E < ie; E += 1)
@@ -14830,14 +14839,14 @@ function eI() {
                     x[E].ty === 4 && R(x[E].shapes);
                 }
                 return function(x) {
-                  if (q(pe, x.v) && (W(x.layers), x.assets)) {
+                  if (q(ge, x.v) && (W(x.layers), x.assets)) {
                     var E, ie = x.assets.length;
                     for (E = 0; E < ie; E += 1)
                       x.assets[E].layers && W(x.assets[E].layers);
                   }
                 };
               })(), Fe = /* @__PURE__ */ (function() {
-                var pe = [4, 4, 18];
+                var ge = [4, 4, 18];
                 function R(x) {
                   var E, ie = x.length, Q, Ee;
                   for (E = ie - 1; E >= 0; E -= 1)
@@ -14865,18 +14874,18 @@ function eI() {
                   }
                 }
                 return function(x) {
-                  if (q(pe, x.v) && (W(x.layers), x.assets)) {
+                  if (q(ge, x.v) && (W(x.layers), x.assets)) {
                     var E, ie = x.assets.length;
                     for (E = 0; E < ie; E += 1)
                       x.assets[E].layers && W(x.assets[E].layers);
                   }
                 };
               })();
-              function xe(pe) {
-                pe.__complete || (We(pe), te(pe), oe(pe), me(pe), Fe(pe), J(pe.layers, pe.assets), z(pe.chars, pe.assets), pe.__complete = !0);
+              function xe(ge) {
+                ge.__complete || (We(ge), te(ge), oe(ge), me(ge), Fe(ge), J(ge.layers, ge.assets), z(ge.chars, ge.assets), ge.__complete = !0);
               }
-              function Ke(pe) {
-                pe.t.a.length === 0 && "m" in pe.t.p;
+              function Ke(ge) {
+                ge.t.a.length === 0 && "m" in ge.t.p;
               }
               var De = {};
               return De.completeData = xe, De.checkColors = We, De.checkChars = oe, De.checkPathProperties = me, De.checkShapes = Fe, De.completeLayers = J, De;
@@ -15550,12 +15559,12 @@ function eI() {
           for (W = 0; W < h; W += 1)
             l[W].animation.mute(R);
         }
-        function pe(R) {
+        function ge(R) {
           var W;
           for (W = 0; W < h; W += 1)
             l[W].animation.unmute(R);
         }
-        return s.registerAnimation = k, s.loadAnimation = H, s.setSpeed = G, s.setDirection = Y, s.play = J, s.pause = $, s.stop = O, s.togglePause = q, s.searchAnimations = oe, s.resize = me, s.goToAndStop = D, s.destroy = te, s.freeze = Fe, s.unfreeze = xe, s.setVolume = Ke, s.mute = De, s.unmute = pe, s.getRegisteredAnimations = A, s;
+        return s.registerAnimation = k, s.loadAnimation = H, s.setSpeed = G, s.setDirection = Y, s.play = J, s.pause = $, s.stop = O, s.togglePause = q, s.searchAnimations = oe, s.resize = me, s.goToAndStop = D, s.destroy = te, s.freeze = Fe, s.unfreeze = xe, s.setVolume = Ke, s.mute = De, s.unmute = ge, s.getRegisteredAnimations = A, s;
       })(), zo = (function() {
         var s = {};
         s.getBezierEasing = d;
@@ -15747,9 +15756,9 @@ function eI() {
           J < 0 ? J = 0 : J > 1 && (J = 1);
           var $ = k(J, I);
           z = z > 1 ? 1 : z;
-          var D = k(z, I), O, q = M.length, te = 1 - $, oe = 1 - D, me = te * te * te, We = $ * te * te * 3, Fe = $ * $ * te * 3, xe = $ * $ * $, Ke = te * te * oe, De = $ * te * oe + te * $ * oe + te * te * D, pe = $ * $ * oe + te * $ * D + $ * te * D, R = $ * $ * D, W = te * oe * oe, x = $ * oe * oe + te * D * oe + te * oe * D, E = $ * D * oe + te * D * D + $ * oe * D, ie = $ * D * D, Q = oe * oe * oe, Ee = D * oe * oe + oe * D * oe + oe * oe * D, Ve = D * D * oe + oe * D * D + D * oe * D, je = D * D * D;
+          var D = k(z, I), O, q = M.length, te = 1 - $, oe = 1 - D, me = te * te * te, We = $ * te * te * 3, Fe = $ * $ * te * 3, xe = $ * $ * $, Ke = te * te * oe, De = $ * te * oe + te * $ * oe + te * te * D, ge = $ * $ * oe + te * $ * D + $ * te * D, R = $ * $ * D, W = te * oe * oe, x = $ * oe * oe + te * D * oe + te * oe * D, E = $ * D * oe + te * D * D + $ * oe * D, ie = $ * D * D, Q = oe * oe * oe, Ee = D * oe * oe + oe * D * oe + oe * oe * D, Ve = D * D * oe + oe * D * D + D * oe * D, je = D * D * D;
           for (O = 0; O < q; O += 1)
-            V[O * 4] = s.round((me * M[O] + We * G[O] + Fe * Y[O] + xe * H[O]) * 1e3) / 1e3, V[O * 4 + 1] = s.round((Ke * M[O] + De * G[O] + pe * Y[O] + R * H[O]) * 1e3) / 1e3, V[O * 4 + 2] = s.round((W * M[O] + x * G[O] + E * Y[O] + ie * H[O]) * 1e3) / 1e3, V[O * 4 + 3] = s.round((Q * M[O] + Ee * G[O] + Ve * Y[O] + je * H[O]) * 1e3) / 1e3;
+            V[O * 4] = s.round((me * M[O] + We * G[O] + Fe * Y[O] + xe * H[O]) * 1e3) / 1e3, V[O * 4 + 1] = s.round((Ke * M[O] + De * G[O] + ge * Y[O] + R * H[O]) * 1e3) / 1e3, V[O * 4 + 2] = s.round((W * M[O] + x * G[O] + E * Y[O] + ie * H[O]) * 1e3) / 1e3, V[O * 4 + 3] = s.round((Q * M[O] + Ee * G[O] + Ve * Y[O] + je * H[O]) * 1e3) / 1e3;
           return V;
         }
         return {
@@ -15810,8 +15819,8 @@ function eI() {
             else if (s <= I)
               h[0] = k.s[0], h[1] = k.s[1], h[2] = k.s[2];
             else {
-              var De = Gd(k.s), pe = Gd($), R = (s - I) / (z - I);
-              c_(h, l_(De, pe, R));
+              var De = Gd(k.s), ge = Gd($), R = (s - I) / (z - I);
+              c_(h, l_(De, ge, R));
             }
           else
             for (m = 0; m < S; m += 1)
@@ -16042,9 +16051,9 @@ function eI() {
           else if (z >= De[De.length - 1].t - this.offsetTime)
             O = De[De.length - 1].s ? De[De.length - 1].s[0] : De[De.length - 2].e[0], te = !0;
           else {
-            for (var pe = D, R = De.length - 1, W = !0, x, E, ie; W && (x = De[pe], E = De[pe + 1], !(E.t - this.offsetTime > z)); )
-              pe < R - 1 ? pe += 1 : W = !1;
-            if (ie = this.keyframesMetadata[pe] || {}, te = x.h === 1, D = pe, !te) {
+            for (var ge = D, R = De.length - 1, W = !0, x, E, ie; W && (x = De[ge], E = De[ge + 1], !(E.t - this.offsetTime > z)); )
+              ge < R - 1 ? ge += 1 : W = !1;
+            if (ie = this.keyframesMetadata[ge] || {}, te = x.h === 1, D = ge, !te) {
               if (z >= E.t - this.offsetTime)
                 xe = 1;
               else if (z < x.t - this.offsetTime)
@@ -16142,13 +16151,13 @@ function eI() {
               this.elem.globalData.frameId !== this.frameId && (this.frameId = this.elem.globalData.frameId, this.iterateDynamicProperties(), this._mdf && this.convertToPath());
             },
             convertStarToPath: function() {
-              var $ = Math.floor(this.pt.v) * 2, D = Math.PI * 2 / $, O = !0, q = this.or.v, te = this.ir.v, oe = this.os.v, me = this.is.v, We = 2 * Math.PI * q / ($ * 2), Fe = 2 * Math.PI * te / ($ * 2), xe, Ke, De, pe, R = -Math.PI / 2;
+              var $ = Math.floor(this.pt.v) * 2, D = Math.PI * 2 / $, O = !0, q = this.or.v, te = this.ir.v, oe = this.os.v, me = this.is.v, We = 2 * Math.PI * q / ($ * 2), Fe = 2 * Math.PI * te / ($ * 2), xe, Ke, De, ge, R = -Math.PI / 2;
               R += this.r.v;
               var W = this.data.d === 3 ? -1 : 1;
               for (this.v._length = 0, xe = 0; xe < $; xe += 1) {
-                Ke = O ? q : te, De = O ? oe : me, pe = O ? We : Fe;
+                Ke = O ? q : te, De = O ? oe : me, ge = O ? We : Fe;
                 var x = Ke * Math.cos(R), E = Ke * Math.sin(R), ie = x === 0 && E === 0 ? 0 : E / Math.sqrt(x * x + E * E), Q = x === 0 && E === 0 ? 0 : -x / Math.sqrt(x * x + E * E);
-                x += +this.p.v[0], E += +this.p.v[1], this.v.setTripleAt(x, E, x - ie * pe * De * W, E - Q * pe * De * W, x + ie * pe * De * W, E + Q * pe * De * W, xe, !0), O = !O, R += D * W;
+                x += +this.p.v[0], E += +this.p.v[1], this.v.setTripleAt(x, E, x - ie * ge * De * W, E - Q * ge * De * W, x + ie * ge * De * W, E + Q * ge * De * W, xe, !0), O = !O, R += D * W;
               }
             },
             convertPolygonToPath: function() {
@@ -16331,7 +16340,7 @@ function eI() {
           var ie = this.props;
           return Math.round((x * ie[0] + E * ie[4] + ie[12]) * 100) / 100 + "," + Math.round((x * ie[1] + E * ie[5] + ie[13]) * 100) / 100;
         }
-        function pe() {
+        function ge() {
           for (var x = 0, E = this.props, ie = "matrix3d(", Q = 1e4; x < 16; )
             ie += h(E[x] * Q) / Q, ie += x === 15 ? ")" : ",", x += 1;
           return ie;
@@ -16345,7 +16354,7 @@ function eI() {
           return "matrix(" + E + "," + ie + "," + Q + "," + Ee + "," + Ve + "," + je + ")";
         }
         return function() {
-          this.reset = v, this.rotate = m, this.rotateX = S, this.rotateY = T, this.rotateZ = k, this.skew = V, this.skewFromAxis = re, this.shear = A, this.scale = M, this.setTransform = H, this.translate = G, this.transform = Y, this.multiply = J, this.applyToPoint = O, this.applyToX = q, this.applyToY = te, this.applyToZ = oe, this.applyToPointArray = Ke, this.applyToTriplePoints = xe, this.applyToPointStringified = De, this.toCSS = pe, this.to2dCSS = W, this.clone = $, this.cloneFromProps = D, this.equals = I, this.inversePoints = Fe, this.inversePoint = We, this.getInverseMatrix = me, this._t = this.transform, this.isIdentity = z, this._identity = !0, this._identityCalculated = !1, this.props = b("float32", 16), this.reset();
+          this.reset = v, this.rotate = m, this.rotateX = S, this.rotateY = T, this.rotateZ = k, this.skew = V, this.skewFromAxis = re, this.shear = A, this.scale = M, this.setTransform = H, this.translate = G, this.transform = Y, this.multiply = J, this.applyToPoint = O, this.applyToX = q, this.applyToY = te, this.applyToZ = oe, this.applyToPointArray = Ke, this.applyToTriplePoints = xe, this.applyToPointStringified = De, this.toCSS = ge, this.to2dCSS = W, this.clone = $, this.cloneFromProps = D, this.equals = I, this.inversePoints = Fe, this.inversePoint = We, this.getInverseMatrix = me, this._t = this.transform, this.isIdentity = z, this._identity = !0, this._identityCalculated = !1, this.props = b("float32", 16), this.reset();
         };
       })();
       function sc(s) {
@@ -17338,7 +17347,7 @@ function eI() {
           this.fonts = [], this.chars = null, this.typekitLoaded = 0, this.isLoaded = !1, this._warned = !1, this.initTime = Date.now(), this.setIsLoadedBinded = this.setIsLoaded.bind(this), this.checkLoadedFontsBinded = this.checkLoadedFonts.bind(this);
         };
         De.isModifier = q, De.isZeroWidthJoiner = te, De.isFlagEmoji = We, De.isRegionalCode = me, De.isCombinedCharacter = Fe, De.isRegionalFlag = xe, De.isVariationSelector = oe, De.BLACK_FLAG_CODE_POINT = h;
-        var pe = {
+        var ge = {
           addChars: z,
           addFonts: J,
           getCharData: I,
@@ -17347,7 +17356,7 @@ function eI() {
           checkLoadedFonts: G,
           setIsLoaded: Ke
         };
-        return De.prototype = pe, De;
+        return De.prototype = ge, De;
       })();
       function df(s) {
         this.animationData = s;
@@ -18335,8 +18344,8 @@ function eI() {
               Fe || (Fe = Math.sqrt(Math.pow(J[0] - z[0], 2) + Math.pow(J[1] - z[1], 2)));
               var xe = Math.atan2(z[1] - J[1], z[0] - J[0]), Ke = M.h.v;
               Ke >= 1 ? Ke = 0.99 : Ke <= -1 && (Ke = -0.99);
-              var De = Fe * Ke, pe = Math.cos(xe + M.a.v) * De + J[0], R = Math.sin(xe + M.a.v) * De + J[1];
-              G.setAttribute("fx", pe), G.setAttribute("fy", R), Y && !M.g._collapsable && (M.of.setAttribute("fx", pe), M.of.setAttribute("fy", R));
+              var De = Fe * Ke, ge = Math.cos(xe + M.a.v) * De + J[0], R = Math.sin(xe + M.a.v) * De + J[1];
+              G.setAttribute("fx", ge), G.setAttribute("fy", R), Y && !M.g._collapsable && (M.of.setAttribute("fx", ge), M.of.setAttribute("fy", R));
             }
           }
         }
@@ -18537,9 +18546,9 @@ function eI() {
             Fe += I.ascent * s.finalSize / 100, this.canResize && s.finalSize > this.minimumFontSize && We < Fe ? (s.finalSize -= 1, s.finalLineHeight = s.finalSize * s.lh / s.s) : (s.finalText = xe, m = s.finalText.length, oe = !1);
           }
         G = -q, D = 0;
-        var De = 0, pe;
+        var De = 0, ge;
         for (v = 0; v < m; v += 1)
-          if (S = !1, pe = s.finalText[v], te = pe.charCodeAt(0), te === 13 || te === 3 ? (De = 0, H.push(G), Y = G > Y ? G : Y, G = -2 * q, k = "", S = !0, M += 1) : k = pe, l.chars ? ($ = l.getCharData(pe, I.fStyle, l.getFontByName(s.f).fFamily), D = S ? 0 : $.w * s.finalSize / 100) : D = l.measureText(k, s.f, s.finalSize), pe === " " ? De += D + q : (G += D + q + De, De = 0), h.push({
+          if (S = !1, ge = s.finalText[v], te = ge.charCodeAt(0), te === 13 || te === 3 ? (De = 0, H.push(G), Y = G > Y ? G : Y, G = -2 * q, k = "", S = !0, M += 1) : k = ge, l.chars ? ($ = l.getCharData(ge, I.fStyle, l.getFontByName(s.f).fFamily), D = S ? 0 : $.w * s.finalSize / 100) : D = l.measureText(k, s.f, s.finalSize), ge === " " ? De += D + q : (G += D + q + De, De = 0), h.push({
             l: D,
             an: D,
             add: V,
@@ -18728,7 +18737,7 @@ function eI() {
             O = q[$].points, D = O[I - 1], Y = O[I], te = Y.partialLength;
           }
           re = M.length, k = 0, A = 0;
-          var De = s.finalSize * 1.2 * 0.714, pe = !0, R, W, x, E, ie;
+          var De = s.finalSize * 1.2 * 0.714, ge = !0, R, W, x, E, ie;
           E = h.length;
           var Q, Ee = -1, Ve, je, et, tt = G, Ft = $, fr = I, Xr = -1, hr, Bt, _r, ht, Te, vn, qn, _n, Zr = "", yn = this.defaultPropsArray, bn;
           if (s.j === 2 || s.j === 1) {
@@ -18748,7 +18757,7 @@ function eI() {
           }
           for (V = 0; V < re; V += 1) {
             if (m.reset(), hr = 1, M[V].n)
-              k = 0, A += s.yOffset, A += pe ? 1 : 0, G = tt, pe = !1, this._hasMaskedPath && ($ = Ft, I = fr, O = q[$].points, D = O[I - 1], Y = O[I], te = Y.partialLength, J = 0), Zr = "", _n = "", vn = "", bn = "", yn = this.defaultPropsArray;
+              k = 0, A += s.yOffset, A += ge ? 1 : 0, G = tt, ge = !1, this._hasMaskedPath && ($ = Ft, I = fr, O = q[$].points, D = O[I - 1], Y = O[I], te = Y.partialLength, J = 0), Zr = "", _n = "", vn = "", bn = "", yn = this.defaultPropsArray;
             else {
               if (this._hasMaskedPath) {
                 if (Xr !== M[V].line) {
@@ -19165,7 +19174,7 @@ function eI() {
 }
 var tI = /* @__PURE__ */ eI();
 const rI = /* @__PURE__ */ Bp(tI), nI = j.div`
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
   > svg {
@@ -21939,7 +21948,7 @@ function jN({
     }
   ) });
 }
-const L2 = ge`
+const L2 = pe`
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -21947,7 +21956,7 @@ const L2 = ge`
   display: flex;
   flex-direction: column;
   align-items: ${({ $isLoading: e }) => e ? "center" : "flex-start"};
-  ${({ $isLoading: e }) => e ? ge`
+  ${({ $isLoading: e }) => e ? pe`
           justify-content: center;
         ` : null}
   gap: var(--cc_size_spacing_s);
@@ -22154,13 +22163,13 @@ const Od = "calc(var(--cc_size_spacing_m) * 1.25) var(--cc_size_spacing_l)", j2
   all: initial;
   min-width: 0;
 `, G2 = (e) => {
-  const n = "calc(100% - var(--cc_size_spacing_xl))", t = ge`
+  const n = "calc(100% - var(--cc_size_spacing_xl))", t = pe`
     max-width: ${n};
     max-height: ${n};
   `;
   switch (e) {
     case "small":
-      return ge`
+      return pe`
         width: ${n};
         ${t}
         @container (min-width: 600px) {
@@ -22168,7 +22177,7 @@ const Od = "calc(var(--cc_size_spacing_m) * 1.25) var(--cc_size_spacing_l)", j2
         }
       `;
     case "medium":
-      return ge`
+      return pe`
         width: ${n};
         ${t}
         @container (min-width: 900px) {
@@ -22537,7 +22546,7 @@ const nL = j.dialog`
   line-height: 1.3;
 
   /* if ccMargin is specified in props, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `, hL = j.span`
@@ -22599,7 +22608,7 @@ function UN({
 const mL = j.header`
   all: initial;
   display: block;
-  ${(e) => e.$hasBottomBorder ? ge`
+  ${(e) => e.$hasBottomBorder ? pe`
           padding-block-end: var(--cc_size_spacing_m);
           border-block-end: var(--cc_size_border_width_s) solid
             var(--cc_color_border_default);
@@ -22751,7 +22760,7 @@ function XN({
 const CL = j.div`
   position: relative;
 `, EL = j.label`
-  ${(e) => e.$hideLabel ? xr : ge`
+  ${(e) => e.$hideLabel ? xr : pe`
           all: initial;
           display: block;
           ${Wt}
@@ -22759,11 +22768,11 @@ const CL = j.div`
           font-size: ${e.$size === "medium" ? "var(--cc_size_text_s)" : "var(--cc_size_text_xs)"};
           margin-block-end: var(--cc_size_spacing_s);
         `}
-`, Ap = ge`
+`, Ap = pe`
   border: none;
   background-color: var(--cc_color_background_3);
   border-radius: var(--cc_size_border_radius_pill);
-`, Lp = (e, n) => ge`
+`, Lp = (e, n) => pe`
   background-color: ${Zu(e)};
   border-radius: var(--cc_size_border_radius_pill) 0 0
     var(--cc_size_border_radius_pill);
@@ -22843,10 +22852,10 @@ const ML = {
   display: grid;
   place-items: center;
 
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
-`, qv = ge`
+`, qv = pe`
   position: absolute;
   width: 100%;
   height: 100%;
@@ -23088,14 +23097,14 @@ function ez({
     }
   );
 }
-const KL = (e, n) => e ? xr : n === "group" ? ge`
+const KL = (e, n) => e ? xr : n === "group" ? pe`
       flex: 1;
       min-width: 1px;
     ` : null, yl = bt.size_avatar_s, UL = j.div`
   display: flex;
   align-items: center;
   gap: var(--cc_size_spacing_s);
-  ${(e) => e.$message ? ge`
+  ${(e) => e.$message ? pe`
           margin-block-end: var(--cc_size_spacing_s);
         ` : null}
 `, QL = j.label`
@@ -23153,9 +23162,9 @@ const KL = (e, n) => e ? xr : n === "group" ? ge`
     outline-offset: var(--cc_size_spacing_xs);
   }
   ${(e) => e.disabled ? Ar : null}
-  ${(e) => e.$isPressed ? ge`
+  ${(e) => e.$isPressed ? pe`
           background-color: ${e.$status !== "normal" ? Vt(e.$status).accentColor : "var(--cc_color_button_background_secondary)"};
-        ` : ge`
+        ` : pe`
           background-color: var(--cc_color_button_background_subtle);
         `}
 `, tz = ({
@@ -25043,7 +25052,7 @@ const KO = j.button`
       ]
     }
   );
-}, ZO = (e) => e === "fill" ? "minmax(100px, 1fr)" : typeof e == "number" ? `${e}px` : e, Vp = ge`
+}, ZO = (e) => e === "fill" ? "minmax(100px, 1fr)" : typeof e == "number" ? `${e}px` : e, Vp = pe`
   white-space: normal;
   overflow-wrap: break-word;
   hyphens: auto;
@@ -25056,7 +25065,7 @@ const KO = j.button`
   white-space: nowrap;
 
   /* if ccMargin is specified in props, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? ge`
+  ${(e) => e.$ccMargin ? pe`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 
@@ -25075,7 +25084,7 @@ const KO = j.button`
     ${(e) => {
   var t;
   const n = (t = e.$columnSizes) == null ? void 0 : t.map((r) => ZO(r)).join(" ");
-  return ge`
+  return pe`
         grid-template-columns: ${n};
       `;
 }}
@@ -25094,7 +25103,7 @@ const KO = j.button`
     ${Vp}
   }
 
-  ${(e) => e.$enableStickyHeaders ? ge`
+  ${(e) => e.$enableStickyHeaders ? pe`
           thead th {
             position: sticky;
             top: 0;