@companycam/slab-web 1.31.2 → 1.31.3

package/index.mjs

@@ -1129,7 +1129,7 @@ function zf(e, n) {
 var Vf = function(e) {
   return Object.assign(e, { isCss: !0 });
 };
-function me(e) {
+function ge(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, me.apply(void 0, li([i], o, !1)));
+    return e(n, t, ge.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 = me.apply(void 0, li([e], n, !1)), i = "sc-global-".concat(qu(JSON.stringify(r))), o = new oy(r, i);
+  var r = ge.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(me.apply(void 0, li([e], n, !1))), i = qu(r);
+  var r = Wa(ge.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 = me`
+'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`, Ai = ge`
   outline-width: var(--cc_size_border_width_m);
   outline-style: solid;
-`, Ar = me`
+`, Ar = ge`
   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: me`
+    focusStyles: ge`
         ${Ai}
         outline-color: var(--cc_color_utility_success);
       `
   } : n ? {
     accentColor: "var(--cc_color_utility_destroy)",
     icon: "alert-circle-outline",
-    focusStyles: me`
+    focusStyles: ge`
         ${Ai}
         outline-color: var(--cc_color_utility_destroy);
       `
   } : {
     accentColor: "var(--cc_color_utility_info)",
     icon: "information-outline",
-    focusStyles: me`
+    focusStyles: ge`
         ${Ai}
         outline-color: var(--cc_color_border_input_active);
       `
   };
-}, xr = me`
+}, xr = ge`
   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 ? me`
+  ${(e) => e.$ccMargin ? ge`
           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 ? me`
+  ${(e) => e.$weight || io[e.size].weight ? ge`
           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 ? me`
+      ${e || n ? ge`
               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" ? me`
+  ${(e) => e.$size && Yf[e.$size] !== "auto" ? ge`
           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 ? me`
+  ${(e) => e.$isSelected ? ge`
           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 ? me`
+  ${(e) => e.$shouldBlurImage ? ge`
           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 ? me`
+  ${(e) => e.$href || e.onClick ? ge`
           all: initial;
           cursor: pointer;
           text-decoration: none;
@@ -5138,10 +5138,10 @@ const YE = hi`
   font-weight: 600;
   user-select: none;
 
-  ${(e) => e.$ccMargin ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
-  ${(e) => e.$design === "group" ? me`
+  ${(e) => e.$design === "group" ? ge`
           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 ? me`
+  ${(e) => e.$isLoading ? ge`
           visibility: hidden;
         ` : null}
 `, f$ = ({
@@ -5545,7 +5545,7 @@ const u$ = ({
   overflow: hidden;
   text-overflow: ellipsis;
 
-  ${(e) => e.$isLoading ? me`
+  ${(e) => e.$isLoading ? ge`
           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 ? me`
+  ${(e) => e.$isCentered ? ge`
           justify-content: center;
         ` : null}
   align-items: center;
   justify-content: center;
   gap: calc(var(--cc_size_spacing_s) * 1.25);
 
-  ${(e) => e.$ccMargin ? me`
+  ${(e) => e.$ccMargin ? ge`
           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 ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 
@@ -5784,7 +5784,7 @@ const E$ = {
   justify-content: center;
   flex-direction: column;
 
-  ${(e) => e.$ccMargin ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `, M$ = j.div`
@@ -5892,13 +5892,13 @@ Xg.displayName = "ButtonCondensed";
 const A$ = (e) => {
   switch (e) {
     case "active":
-      return me`
+      return ge`
         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 me`
+      return ge`
         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 me`
+      return ge`
         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" ? me`
+  ${(e) => e.$shape === "circle" ? ge`
           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 ? me`
+  ${(e) => e.onClick || e.href ? ge`
           width: 100%;
           cursor: pointer;
           text-align: start;
@@ -6119,7 +6119,7 @@ function SN({
     n ? /* @__PURE__ */ L(Y$, { children: n }) : null
   ] });
 }
-const em = (e) => me`
+const em = (e) => ge`
   display: inline-flex;
   align-items: center;
   border-width: 1px;
@@ -6130,11 +6130,11 @@ const em = (e) => me`
   color: var(--cc_color_text_subtle);
   line-height: 1.5;
 
-  ${e === "small" ? me`
+  ${e === "small" ? ge`
         height: 22px;
         font-weight: 400;
         font-size: var(--cc_size_text_xs);
-      ` : me`
+      ` : ge`
         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 ? me`
+  ${(e) => e.$pressed ? ge`
           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" ? me`
+  ${(e) => e.$design === "self" ? ge`
           flex-direction: row-reverse;
         ` : null}
 
   /* if ccMargin is specified in props, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `, rM = j.blockquote`
   all: initial;
   display: block;
   min-width: 0;
-  ${(e) => e.$design === "self" ? me`
+  ${(e) => e.$design === "self" ? ge`
           text-align: end;
         ` : null}
 `, bh = j(jt)`
-  ${(e) => e.$design === "self" ? me`
+  ${(e) => e.$design === "self" ? ge`
           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" ? me`
+  ${(e) => e.$design === "self" ? ge`
           border-start-end-radius: 0;
-        ` : me`
+        ` : ge`
           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: me`
+    top: ge`
       left: ${n};
       right: ${n};
       top: ${n};
       bottom: auto;
     `,
-    right: me`
+    right: ge`
       inset-inline-start: auto;
       inset-inline-end: ${n};
       inset-block-start: ${n};
       inset-block-end: ${n};
     `,
-    bottom: me`
+    bottom: ge`
       left: ${n};
       right: ${n};
       top: auto;
       bottom: ${n};
     `,
-    left: me`
+    left: ge`
       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: me`
+  top: ge`
     transform: translate3d(0, -${fa}, 0);
   `,
-  right: me`
+  right: ge`
     transform: translate3d(${fa}, 0, 0);
   `,
-  bottom: me`
+  bottom: ge`
     transform: translate3d(0, ${fa}, 0);
   `,
-  left: me`
+  left: ge`
     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 me`
+    return ge`
         @container ${uM(t)} {
-          ${r ? null : me`
+          ${r ? null : ge`
                 > ${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 ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `;
@@ -6687,14 +6687,14 @@ const am = (e) => {
   ${(e) => e.$disabled ? Ar : null}
 
   &:hover ${Es} {
-    ${(e) => e.$disabled ? null : me`
+    ${(e) => e.$disabled ? null : ge`
             border-color: var(--cc_color_link_secondary);
           `}
   }
 
   &:has(${So}:checked) {
     &:hover ${Es} {
-      ${(e) => e.$disabled ? null : me`
+      ${(e) => e.$disabled ? null : ge`
               border-color: var(--cc_color_link_subtle);
             `}
     }
@@ -6822,7 +6822,7 @@ const am = (e) => {
   all: initial;
   position: relative;
   display: block;
-  ${(e) => e.$message ? me`
+  ${(e) => e.$message ? ge`
           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" ? me`
+  ${(e) => e.$layout === "inline" ? ge`
           display: flex;
           flex-wrap: wrap;
           gap: var(--cc_size_spacing_m);
-        ` : me`
+        ` : ge`
           display: grid;
           row-gap: var(--cc_size_spacing_s);
           column-gap: var(--cc_size_spacing_l);
@@ -13206,14 +13206,14 @@ function gR({
     )
   ] });
 }
-const mR = me`
+const mR = ge`
   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 = me`
+`, Hc = ge`
   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 = me`
     border-radius: var(--cc_size_border_radius_l);
     transition: border-color 0.2s;
 
-    ${(e) => e.$disabled ? me`
+    ${(e) => e.$disabled ? ge`
             ${Ar}
             background-color: var(--cc_color_background_3);
-          ` : me`
+          ` : ge`
             &:hover {
               border-color: var(--cc_color_button_background_secondary);
             }
@@ -13344,11 +13344,11 @@ const mR = me`
     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 ? me`
+    ${(e) => e.$hideLabel ? ge`
             &::placeholder {
               color: var(--cc_color_text_subtle);
             }
-          ` : me`
+          ` : ge`
             &::placeholder {
               color: var(--cc_color_text_nonessential);
             }
@@ -13368,7 +13368,7 @@ const mR = me`
     }
   }
 `, yR = j.label`
-  ${(e) => e.$hideLabel ? xr : me`
+  ${(e) => e.$hideLabel ? xr : ge`
           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 ? me`
+  ${(e) => e.$isDragOver ? ge`
           ${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 : me`
+  ${(e) => e.$isDragOver ? null : ge`
           &: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 : me`
+  ${(e) => e.$hideLabel ? xr : ge`
           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 ? me`
+  ${(e) => e.disabled ? ge`
           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 me`
+    return ge`
       @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 ? me`
+  ${(e) => e.$disabled ? ge`
           ${Ar}
           background-color: var(--cc_color_background_3);
-        ` : me`
+        ` : ge`
           &: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 : me`
+    ${(e) => e.$disabled ? null : ge`
             border-color: var(--cc_color_link_secondary);
           `}
   }
 
   &:hover:has(${as}:checked) ${ss} ${Va} {
-    ${(e) => e.$disabled ? null : me`
+    ${(e) => e.$disabled ? null : ge`
             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 : me`
+  ${(e) => e.$hideLabel ? xr : ge`
           box-sizing: border-box;
           display: block;
           margin-block-end: var(--cc_size_spacing_xs);
         `}
-`, ep = me`
+`, ep = ge`
   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) => me`
+`, tp = (e, n) => ge`
   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 : me`
+  ${(e) => e.$hideLabel ? xr : ge`
           box-sizing: border-box;
           display: block;
           margin-block-end: var(--cc_size_spacing_xs);
@@ -14090,10 +14090,10 @@ const LR = j.span`
   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 ? me`
+  ${(e) => e.$disabled ? ge`
           ${Ar}
           background-color: var(--cc_color_background_3);
-        ` : me`
+        ` : ge`
           &:hover {
             border-color: var(--cc_color_button_background_secondary);
           }
@@ -14211,6 +14211,16 @@ const LR = j.span`
   border-style: solid;
   border-radius: var(--cc_size_border_radius_l);
   border-color: ${(e) => e.$status === "error" ? "var(--cc_color_utility_destroy)" : "var(--cc_color_border_input_inactive)"};
+  ${(e) => {
+  if (!e.$status)
+    return ge`
+      @supports selector(:user-invalid) {
+        &:user-invalid {
+          border-color: var(--cc_color_utility_destroy);
+        }
+      }
+    `;
+}}
   overflow-y: ${(e) => e.rows ? "auto" : "hidden"};
   transition: border-color 0.2s, height 0.2s;
 
@@ -14224,17 +14234,17 @@ const LR = j.span`
     outline-offset: -2px;
   }
 
-  ${(e) => e.disabled ? me`
+  ${(e) => e.disabled ? ge`
           ${Ar}
           background-color: var(--cc_color_background_3);
-        ` : me`
+        ` : ge`
           &:hover {
             border-color: var(--cc_color_button_background_secondary);
           }
         `}
 `, qR = j.label`
   all: initial;
-  ${(e) => e.$hideLabel ? xr : me`
+  ${(e) => e.$hideLabel ? xr : ge`
           box-sizing: border-box;
           display: block;
           margin-block-end: var(--cc_size_spacing_xs);
@@ -14263,7 +14273,7 @@ const LR = j.span`
       },
       [r, i, c, o.rows]
     ), {
-      status: f = "normal",
+      status: f,
       disabled: p = !1,
       message: g,
       className: y,
@@ -14284,7 +14294,7 @@ const LR = j.span`
             GR,
             {
               "aria-describedby": o.message ? `${o.id}-message` : "",
-              "aria-invalid": f === "error",
+              "aria-invalid": f === "error" ? !0 : void 0,
               disabled: p,
               $inputSize: n,
               $message: g,
@@ -14773,7 +14783,7 @@ function eI() {
                     }
                   }
                 };
-              })(), ge = /* @__PURE__ */ (function() {
+              })(), me = /* @__PURE__ */ (function() {
                 var pe = [5, 7, 15];
                 function R(x) {
                   var E = x.t.p;
@@ -14863,13 +14873,13 @@ function eI() {
                 };
               })();
               function xe(pe) {
-                pe.__complete || (We(pe), te(pe), oe(pe), ge(pe), Fe(pe), J(pe.layers, pe.assets), z(pe.chars, pe.assets), pe.__complete = !0);
+                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 Ke(pe) {
                 pe.t.a.length === 0 && "m" in pe.t.p;
               }
               var De = {};
-              return De.completeData = xe, De.checkColors = We, De.checkChars = oe, De.checkPathProperties = ge, De.checkShapes = Fe, De.completeLayers = J, De;
+              return De.completeData = xe, De.checkColors = We, De.checkChars = oe, De.checkPathProperties = me, De.checkShapes = Fe, De.completeLayers = J, De;
             }
             if (m.dataManager || (m.dataManager = G()), m.assetLoader || (m.assetLoader = /* @__PURE__ */ (function() {
               function J(I) {
@@ -15516,7 +15526,7 @@ function eI() {
             Ve.style.width = "100%", Ve.style.height = "100%", Ve.setAttribute("data-bm-type", x), Ee.appendChild(Ve), k(Ve, R);
           }
         }
-        function ge() {
+        function me() {
           var R;
           for (R = 0; R < h; R += 1)
             l[R].animation.resize();
@@ -15545,7 +15555,7 @@ function eI() {
           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 = ge, 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 = pe, s.getRegisteredAnimations = A, s;
       })(), zo = (function() {
         var s = {};
         s.getBezierEasing = d;
@@ -15574,10 +15584,10 @@ function eI() {
           return 3 * V($, D) * I * I + 2 * re($, D) * I + M($);
         }
         function Y(I, $, D, O, q) {
-          var te, oe, ge = 0;
+          var te, oe, me = 0;
           do
             oe = $ + (D - $) / 2, te = H(oe, O, q) - I, te > 0 ? D = oe : $ = oe;
-          while (Math.abs(te) > m && ++ge < S);
+          while (Math.abs(te) > m && ++me < S);
           return oe;
         }
         function J(I, $, D, O) {
@@ -15610,7 +15620,7 @@ function eI() {
                * getTForX chose the fastest heuristic to determine the percentage value precisely from a given X projection.
                */
           _getTForX: function($) {
-            for (var D = this._p[0], O = this._p[2], q = this._mSampleValues, te = 0, oe = 1, ge = T - 1; oe !== ge && q[oe] <= $; ++oe)
+            for (var D = this._p[0], O = this._p[2], q = this._mSampleValues, te = 0, oe = 1, me = T - 1; oe !== me && q[oe] <= $; ++oe)
               te += k;
             --oe;
             var We = ($ - q[oe]) / (q[oe + 1] - q[oe]), Fe = te + We * k, xe = G(Fe, D, O);
@@ -15677,10 +15687,10 @@ function eI() {
         }
         var h = /* @__PURE__ */ (function() {
           return function(M, H, G, Y) {
-            var J = Ue(), z, I, $, D, O, q = 0, te, oe = [], ge = [], We = Bd.newElement();
+            var J = Ue(), z, I, $, D, O, q = 0, te, oe = [], me = [], We = Bd.newElement();
             for ($ = G.length, z = 0; z < J; z += 1) {
               for (O = z / (J - 1), te = 0, I = 0; I < $; I += 1)
-                D = B(1 - O, 3) * M[I] + 3 * B(1 - O, 2) * O * G[I] + 3 * (1 - O) * B(O, 2) * Y[I] + B(O, 3) * H[I], oe[I] = D, ge[I] !== null && (te += B(oe[I] - ge[I], 2)), ge[I] = oe[I];
+                D = B(1 - O, 3) * M[I] + 3 * B(1 - O, 2) * O * G[I] + 3 * (1 - O) * B(O, 2) * Y[I] + B(O, 3) * H[I], oe[I] = D, me[I] !== null && (te += B(oe[I] - me[I], 2)), me[I] = oe[I];
               te && (te = X(te), q += te), We.percents[z] = O, We.lengths[z] = q;
             }
             return We.addedLength = q, We;
@@ -15703,13 +15713,13 @@ function eI() {
           return function(H, G, Y, J) {
             var z = (H[0] + "_" + H[1] + "_" + G[0] + "_" + G[1] + "_" + Y[0] + "_" + Y[1] + "_" + J[0] + "_" + J[1]).replace(/\./g, "p");
             if (!M[z]) {
-              var I = Ue(), $, D, O, q, te, oe = 0, ge, We, Fe = null;
+              var I = Ue(), $, D, O, q, te, oe = 0, me, We, Fe = null;
               H.length === 2 && (H[0] !== G[0] || H[1] !== G[1]) && l(H[0], H[1], G[0], G[1], H[0] + Y[0], H[1] + Y[1]) && l(H[0], H[1], G[0], G[1], G[0] + J[0], G[1] + J[1]) && (I = 2);
               var xe = new m(I);
               for (O = Y.length, $ = 0; $ < I; $ += 1) {
-                for (We = w(O), te = $ / (I - 1), ge = 0, D = 0; D < O; D += 1)
-                  q = B(1 - te, 3) * H[D] + 3 * B(1 - te, 2) * te * (H[D] + Y[D]) + 3 * (1 - te) * B(te, 2) * (G[D] + J[D]) + B(te, 3) * G[D], We[D] = q, Fe !== null && (ge += B(We[D] - Fe[D], 2));
-                ge = X(ge), oe += ge, xe.points[$] = new S(ge, We), Fe = We;
+                for (We = w(O), te = $ / (I - 1), me = 0, D = 0; D < O; D += 1)
+                  q = B(1 - te, 3) * H[D] + 3 * B(1 - te, 2) * te * (H[D] + Y[D]) + 3 * (1 - te) * B(te, 2) * (G[D] + J[D]) + B(te, 3) * G[D], We[D] = q, Fe !== null && (me += B(We[D] - Fe[D], 2));
+                me = X(me), oe += me, xe.points[$] = new S(me, We), Fe = We;
               }
               xe.segmentLength = oe, M[z] = xe;
             }
@@ -15737,9 +15747,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, ge = 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, 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;
           for (O = 0; O < q; O += 1)
-            V[O * 4] = s.round((ge * 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] + 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;
           return V;
         }
         return {
@@ -15793,7 +15803,7 @@ function eI() {
             l._lastPoint = Y, l._lastAddedLength = oe - D.points[Y].partialLength, l._lastKeyframeIndex = m;
           }
         } else {
-          var ge, We, Fe, xe, Ke;
+          var me, We, Fe, xe, Ke;
           if (S = k.s.length, $ = A.s || k.e, this.sh && k.h !== 1)
             if (s >= z)
               h[0] = $[0], h[1] = $[1], h[2] = $[2];
@@ -15805,7 +15815,7 @@ function eI() {
             }
           else
             for (m = 0; m < S; m += 1)
-              k.h !== 1 && (s >= z ? H = 1 : s < I ? H = 0 : (k.o.x.constructor === Array ? (V.__fnct || (V.__fnct = []), V.__fnct[m] ? J = V.__fnct[m] : (ge = k.o.x[m] === void 0 ? k.o.x[0] : k.o.x[m], We = k.o.y[m] === void 0 ? k.o.y[0] : k.o.y[m], Fe = k.i.x[m] === void 0 ? k.i.x[0] : k.i.x[m], xe = k.i.y[m] === void 0 ? k.i.y[0] : k.i.y[m], J = zo.getBezierEasing(ge, We, Fe, xe).get, V.__fnct[m] = J)) : V.__fnct ? J = V.__fnct : (ge = k.o.x, We = k.o.y, Fe = k.i.x, xe = k.i.y, J = zo.getBezierEasing(ge, We, Fe, xe).get, k.keyframeMetadata = J), H = J((s - I) / (z - I)))), $ = A.s || k.e, Ke = k.h === 1 ? k.s[m] : k.s[m] + ($[m] - k.s[m]) * H, this.propType === "multidimensional" ? h[m] = Ke : h = Ke;
+              k.h !== 1 && (s >= z ? H = 1 : s < I ? H = 0 : (k.o.x.constructor === Array ? (V.__fnct || (V.__fnct = []), V.__fnct[m] ? J = V.__fnct[m] : (me = k.o.x[m] === void 0 ? k.o.x[0] : k.o.x[m], We = k.o.y[m] === void 0 ? k.o.y[0] : k.o.y[m], Fe = k.i.x[m] === void 0 ? k.i.x[0] : k.i.x[m], xe = k.i.y[m] === void 0 ? k.i.y[0] : k.i.y[m], J = zo.getBezierEasing(me, We, Fe, xe).get, V.__fnct[m] = J)) : V.__fnct ? J = V.__fnct : (me = k.o.x, We = k.o.y, Fe = k.i.x, xe = k.i.y, J = zo.getBezierEasing(me, We, Fe, xe).get, k.keyframeMetadata = J), H = J((s - I) / (z - I)))), $ = A.s || k.e, Ke = k.h === 1 ? k.s[m] : k.s[m] + ($[m] - k.s[m]) * H, this.propType === "multidimensional" ? h[m] = Ke : h = Ke;
         }
         return l.lastIndex = v, h;
       }
@@ -16026,7 +16036,7 @@ function eI() {
       })(), qs = (function() {
         var s = -999999;
         function l(z, I, $) {
-          var D = $.lastIndex, O, q, te, oe, ge, We, Fe, xe, Ke, De = this.keyframes;
+          var D = $.lastIndex, O, q, te, oe, me, We, Fe, xe, Ke, De = this.keyframes;
           if (z < De[0].t - this.offsetTime)
             O = De[0].s[0], te = !0, D = 0;
           else if (z >= De[De.length - 1].t - this.offsetTime)
@@ -16048,8 +16058,8 @@ function eI() {
             O = x.s[0];
           }
           for (We = I._length, Fe = O.i[0].length, $.lastIndex = D, oe = 0; oe < We; oe += 1)
-            for (ge = 0; ge < Fe; ge += 1)
-              Ke = te ? O.i[oe][ge] : O.i[oe][ge] + (q.i[oe][ge] - O.i[oe][ge]) * xe, I.i[oe][ge] = Ke, Ke = te ? O.o[oe][ge] : O.o[oe][ge] + (q.o[oe][ge] - O.o[oe][ge]) * xe, I.o[oe][ge] = Ke, Ke = te ? O.v[oe][ge] : O.v[oe][ge] + (q.v[oe][ge] - O.v[oe][ge]) * xe, I.v[oe][ge] = Ke;
+            for (me = 0; me < Fe; me += 1)
+              Ke = te ? O.i[oe][me] : O.i[oe][me] + (q.i[oe][me] - O.i[oe][me]) * xe, I.i[oe][me] = Ke, Ke = te ? O.o[oe][me] : O.o[oe][me] + (q.o[oe][me] - O.o[oe][me]) * xe, I.o[oe][me] = Ke, Ke = te ? O.v[oe][me] : O.v[oe][me] + (q.v[oe][me] - O.v[oe][me]) * xe, I.v[oe][me] = Ke;
         }
         function d() {
           var z = this.comp.renderedFrame - this.offsetTime, I = this.keyframes[0].t - this.offsetTime, $ = this.keyframes[this.keyframes.length - 1].t - this.offsetTime, D = this._caching.lastFrame;
@@ -16118,8 +16128,8 @@ function eI() {
               this.elem.globalData.frameId !== this.frameId && (this.frameId = this.elem.globalData.frameId, this.iterateDynamicProperties(), this._mdf && this.convertEllToPath());
             },
             convertEllToPath: function() {
-              var D = this.p.v[0], O = this.p.v[1], q = this.s.v[0] / 2, te = this.s.v[1] / 2, oe = this.d !== 3, ge = this.v;
-              ge.v[0][0] = D, ge.v[0][1] = O - te, ge.v[1][0] = oe ? D + q : D - q, ge.v[1][1] = O, ge.v[2][0] = D, ge.v[2][1] = O + te, ge.v[3][0] = oe ? D - q : D + q, ge.v[3][1] = O, ge.i[0][0] = oe ? D - q * z : D + q * z, ge.i[0][1] = O - te, ge.i[1][0] = oe ? D + q : D - q, ge.i[1][1] = O - te * z, ge.i[2][0] = oe ? D + q * z : D - q * z, ge.i[2][1] = O + te, ge.i[3][0] = oe ? D - q : D + q, ge.i[3][1] = O + te * z, ge.o[0][0] = oe ? D + q * z : D - q * z, ge.o[0][1] = O - te, ge.o[1][0] = oe ? D + q : D - q, ge.o[1][1] = O + te * z, ge.o[2][0] = oe ? D - q * z : D + q * z, ge.o[2][1] = O + te, ge.o[3][0] = oe ? D - q : D + q, ge.o[3][1] = O - te * z;
+              var D = this.p.v[0], O = this.p.v[1], q = this.s.v[0] / 2, te = this.s.v[1] / 2, oe = this.d !== 3, me = this.v;
+              me.v[0][0] = D, me.v[0][1] = O - te, me.v[1][0] = oe ? D + q : D - q, me.v[1][1] = O, me.v[2][0] = D, me.v[2][1] = O + te, me.v[3][0] = oe ? D - q : D + q, me.v[3][1] = O, me.i[0][0] = oe ? D - q * z : D + q * z, me.i[0][1] = O - te, me.i[1][0] = oe ? D + q : D - q, me.i[1][1] = O - te * z, me.i[2][0] = oe ? D + q * z : D - q * z, me.i[2][1] = O + te, me.i[3][0] = oe ? D - q : D + q, me.i[3][1] = O + te * z, me.o[0][0] = oe ? D + q * z : D - q * z, me.o[0][1] = O - te, me.o[1][0] = oe ? D + q : D - q, me.o[1][1] = O + te * z, me.o[2][0] = oe ? D - q * z : D + q * z, me.o[2][1] = O + te, me.o[3][0] = oe ? D - q : D + q, me.o[3][1] = O - te * z;
             }
           }, g([Ht], I), I;
         })(), re = (function() {
@@ -16132,20 +16142,20 @@ 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, ge = 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, pe, 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 : ge, pe = O ? We : Fe;
+                Ke = O ? q : te, De = O ? oe : me, pe = 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;
               }
             },
             convertPolygonToPath: function() {
-              var $ = Math.floor(this.pt.v), D = Math.PI * 2 / $, O = this.or.v, q = this.os.v, te = 2 * Math.PI * O / ($ * 4), oe, ge = -Math.PI * 0.5, We = this.data.d === 3 ? -1 : 1;
-              for (ge += this.r.v, this.v._length = 0, oe = 0; oe < $; oe += 1) {
-                var Fe = O * Math.cos(ge), xe = O * Math.sin(ge), Ke = Fe === 0 && xe === 0 ? 0 : xe / Math.sqrt(Fe * Fe + xe * xe), De = Fe === 0 && xe === 0 ? 0 : -Fe / Math.sqrt(Fe * Fe + xe * xe);
-                Fe += +this.p.v[0], xe += +this.p.v[1], this.v.setTripleAt(Fe, xe, Fe - Ke * te * q * We, xe - De * te * q * We, Fe + Ke * te * q * We, xe + De * te * q * We, oe, !0), ge += D * We;
+              var $ = Math.floor(this.pt.v), D = Math.PI * 2 / $, O = this.or.v, q = this.os.v, te = 2 * Math.PI * O / ($ * 4), oe, me = -Math.PI * 0.5, We = this.data.d === 3 ? -1 : 1;
+              for (me += this.r.v, this.v._length = 0, oe = 0; oe < $; oe += 1) {
+                var Fe = O * Math.cos(me), xe = O * Math.sin(me), Ke = Fe === 0 && xe === 0 ? 0 : xe / Math.sqrt(Fe * Fe + xe * xe), De = Fe === 0 && xe === 0 ? 0 : -Fe / Math.sqrt(Fe * Fe + xe * xe);
+                Fe += +this.p.v[0], xe += +this.p.v[1], this.v.setTripleAt(Fe, xe, Fe - Ke * te * q * We, xe - De * te * q * We, Fe + Ke * te * q * We, xe + De * te * q * We, oe, !0), me += D * We;
               }
               this.paths.length = 0, this.paths[0] = this.v;
             }
@@ -16287,7 +16297,7 @@ function eI() {
         function oe(x, E, ie) {
           return x * this.props[2] + E * this.props[6] + ie * this.props[10] + this.props[14];
         }
-        function ge() {
+        function me() {
           var x = this.props[0] * this.props[5] - this.props[1] * this.props[4], E = this.props[5] / x, ie = -this.props[1] / x, Q = -this.props[4] / x, Ee = this.props[0] / x, Ve = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / x, je = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / x, et = new Qt();
           return et.props[0] = E, et.props[1] = ie, et.props[4] = Q, et.props[5] = Ee, et.props[12] = Ve, et.props[13] = je, et;
         }
@@ -16335,7 +16345,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 = ge, 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 = 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();
         };
       })();
       function sc(s) {
@@ -17299,12 +17309,12 @@ function eI() {
         function oe(R) {
           return R === T;
         }
-        function ge(R) {
+        function me(R) {
           var W = O(R);
           return W >= A && W <= V;
         }
         function We(R) {
-          return ge(R.substr(0, 2)) && ge(R.substr(2, 2));
+          return me(R.substr(0, 2)) && me(R.substr(2, 2));
         }
         function Fe(R) {
           return d.indexOf(R) !== -1;
@@ -17327,7 +17337,7 @@ function eI() {
         var De = function() {
           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 = ge, De.isCombinedCharacter = Fe, De.isRegionalFlag = xe, De.isVariationSelector = oe, De.BLACK_FLAG_CODE_POINT = h;
+        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 = {
           addChars: z,
           addFonts: J,
@@ -18269,14 +18279,14 @@ function eI() {
         function m() {
         }
         function S(re, M, H) {
-          var G, Y, J, z, I, $, D = M.styles.length, O = M.lvl, q, te, oe, ge;
+          var G, Y, J, z, I, $, D = M.styles.length, O = M.lvl, q, te, oe, me;
           for ($ = 0; $ < D; $ += 1) {
             if (z = M.sh._mdf || H, M.styles[$].lvl < O) {
-              for (te = l.reset(), oe = O - M.styles[$].lvl, ge = M.transformers.length - 1; !z && oe > 0; )
-                z = M.transformers[ge].mProps._mdf || z, oe -= 1, ge -= 1;
+              for (te = l.reset(), oe = O - M.styles[$].lvl, me = M.transformers.length - 1; !z && oe > 0; )
+                z = M.transformers[me].mProps._mdf || z, oe -= 1, me -= 1;
               if (z)
-                for (oe = O - M.styles[$].lvl, ge = M.transformers.length - 1; oe > 0; )
-                  te.multiply(M.transformers[ge].mProps.v), oe -= 1, ge -= 1;
+                for (oe = O - M.styles[$].lvl, me = M.transformers.length - 1; oe > 0; )
+                  te.multiply(M.transformers[me].mProps.v), oe -= 1, me -= 1;
             } else
               te = s;
             if (q = M.sh.paths, Y = q._length, z) {
@@ -18308,9 +18318,9 @@ function eI() {
           var O, q, te, oe;
           if (M.g._cmdf || H) {
             O = M.cst;
-            var ge = M.g.c;
+            var me = M.g.c;
             for (te = O.length, q = 0; q < te; q += 1)
-              oe = O[q], oe.setAttribute("offset", ge[q * 4] + "%"), oe.setAttribute("stop-color", "rgb(" + ge[q * 4 + 1] + "," + ge[q * 4 + 2] + "," + ge[q * 4 + 3] + ")");
+              oe = O[q], oe.setAttribute("offset", me[q * 4] + "%"), oe.setAttribute("stop-color", "rgb(" + me[q * 4 + 1] + "," + me[q * 4 + 2] + "," + me[q * 4 + 3] + ")");
           }
           if (Y && (M.g._omdf || H)) {
             var We = M.g.o;
@@ -18519,11 +18529,11 @@ function eI() {
         s.fWeight = O.weight, s.fStyle = O.style, s.finalSize = s.s, s.finalText = this.buildFinalText(s.t), m = s.finalText.length, s.finalLineHeight = s.lh;
         var q = s.tr / 1e3 * s.finalSize, te;
         if (s.sz)
-          for (var oe = !0, ge = s.sz[0], We = s.sz[1], Fe, xe; oe; ) {
+          for (var oe = !0, me = s.sz[0], We = s.sz[1], Fe, xe; oe; ) {
             xe = this.buildFinalText(s.t), Fe = 0, G = 0, m = xe.length, q = s.tr / 1e3 * s.finalSize;
             var Ke = -1;
             for (v = 0; v < m; v += 1)
-              te = xe[v].charCodeAt(0), S = !1, xe[v] === " " ? Ke = v : (te === 13 || te === 3) && (G = 0, S = !0, Fe += s.finalLineHeight || s.finalSize * 1.2), l.chars ? ($ = l.getCharData(xe[v], I.fStyle, I.fFamily), D = S ? 0 : $.w * s.finalSize / 100) : D = l.measureText(xe[v], s.f, s.finalSize), G + D > ge && xe[v] !== " " ? (Ke === -1 ? m += 1 : v = Ke, Fe += s.finalLineHeight || s.finalSize * 1.2, xe.splice(v, Ke === v ? 1 : 0, "\r"), Ke = -1, G = 0) : (G += D, G += q);
+              te = xe[v].charCodeAt(0), S = !1, xe[v] === " " ? Ke = v : (te === 13 || te === 3) && (G = 0, S = !0, Fe += s.finalLineHeight || s.finalSize * 1.2), l.chars ? ($ = l.getCharData(xe[v], I.fStyle, I.fFamily), D = S ? 0 : $.w * s.finalSize / 100) : D = l.measureText(xe[v], s.f, s.finalSize), G + D > me && xe[v] !== " " ? (Ke === -1 ? m += 1 : v = Ke, Fe += s.finalLineHeight || s.finalSize * 1.2, xe.splice(v, Ke === v ? 1 : 0, "\r"), Ke = -1, G = 0) : (G += D, G += q);
             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;
@@ -18699,7 +18709,7 @@ function eI() {
       }, xi.prototype.getMeasures = function(s, l) {
         if (this.lettersChangedFlag = l, !(!this._mdf && !this._isFirstFrame && !l && (!this._hasMaskedPath || !this._pathData.m._mdf))) {
           this._isFirstFrame = !1;
-          var d = this._moreOptions.alignment.v, h = this._animatorsData, v = this._textData, m = this.mHelper, S = this._renderType, T = this.renderedLetters.length, k, A, V, re, M = s.l, H, G, Y, J, z, I, $, D, O, q, te, oe, ge, We, Fe;
+          var d = this._moreOptions.alignment.v, h = this._animatorsData, v = this._textData, m = this.mHelper, S = this._renderType, T = this.renderedLetters.length, k, A, V, re, M = s.l, H, G, Y, J, z, I, $, D, O, q, te, oe, me, We, Fe;
           if (this._hasMaskedPath) {
             if (Fe = this._pathData.m, !this._pathData.n || this._pathData._mdf) {
               var xe = Fe.v;
@@ -18757,7 +18767,7 @@ function eI() {
                 for (x = 0; x < E; x += 1)
                   R = h[x].a, R.p.propType && (W = h[x].s, Q = W.getMult(M[V].anIndexes[x], v.a[x].s.totalChars), Q.length ? zr += R.p.v[0] * Q[0] : zr += R.p.v[0] * Q), R.a.propType && (W = h[x].s, Q = W.getMult(M[V].anIndexes[x], v.a[x].s.totalChars), Q.length ? zr += R.a.v[0] * Q[0] : zr += R.a.v[0] * Q);
                 for (z = !0, this._pathData.a.v && (G = M[0].an * 0.5 + (oe - this._pathData.f.v - M[0].an * 0.5 - M[M.length - 1].an * 0.5) * Ee / (re - 1), G += this._pathData.f.v); z; )
-                  J + te >= G + zr || !O ? (ge = (G + zr - J) / Y.partialLength, je = D.point[0] + (Y.point[0] - D.point[0]) * ge, et = D.point[1] + (Y.point[1] - D.point[1]) * ge, m.translate(-d[0] * M[V].an * 5e-3, -(d[1] * De) * 0.01), z = !1) : O && (J += Y.partialLength, I += 1, I >= O.length && (I = 0, $ += 1, q[$] ? O = q[$].points : Fe.v.c ? (I = 0, $ = 0, O = q[$].points) : (J -= Y.partialLength, O = null)), O && (D = Y, Y = O[I], te = Y.partialLength));
+                  J + te >= G + zr || !O ? (me = (G + zr - J) / Y.partialLength, je = D.point[0] + (Y.point[0] - D.point[0]) * me, et = D.point[1] + (Y.point[1] - D.point[1]) * me, m.translate(-d[0] * M[V].an * 5e-3, -(d[1] * De) * 0.01), z = !1) : O && (J += Y.partialLength, I += 1, I >= O.length && (I = 0, $ += 1, q[$] ? O = q[$].points : Fe.v.c ? (I = 0, $ = 0, O = q[$].points) : (J -= Y.partialLength, O = null)), O && (D = Y, Y = O[I], te = Y.partialLength));
                 Ve = M[V].an / 2 - M[V].add, m.translate(-Ve, 0, 0);
               } else
                 Ve = M[V].an / 2 - M[V].add, m.translate(-Ve, 0, 0), m.translate(-d[0] * M[V].an * 5e-3, -d[1] * De * 0.01, 0);
@@ -19155,7 +19165,7 @@ function eI() {
 }
 var tI = /* @__PURE__ */ eI();
 const rI = /* @__PURE__ */ Bp(tI), nI = j.div`
-  ${(e) => e.$ccMargin ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
   > svg {
@@ -21929,7 +21939,7 @@ function jN({
     }
   ) });
 }
-const L2 = me`
+const L2 = ge`
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -21937,7 +21947,7 @@ const L2 = me`
   display: flex;
   flex-direction: column;
   align-items: ${({ $isLoading: e }) => e ? "center" : "flex-start"};
-  ${({ $isLoading: e }) => e ? me`
+  ${({ $isLoading: e }) => e ? ge`
           justify-content: center;
         ` : null}
   gap: var(--cc_size_spacing_s);
@@ -22144,13 +22154,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 = me`
+  const n = "calc(100% - var(--cc_size_spacing_xl))", t = ge`
     max-width: ${n};
     max-height: ${n};
   `;
   switch (e) {
     case "small":
-      return me`
+      return ge`
         width: ${n};
         ${t}
         @container (min-width: 600px) {
@@ -22158,7 +22168,7 @@ const Od = "calc(var(--cc_size_spacing_m) * 1.25) var(--cc_size_spacing_l)", j2
         }
       `;
     case "medium":
-      return me`
+      return ge`
         width: ${n};
         ${t}
         @container (min-width: 900px) {
@@ -22527,7 +22537,7 @@ const nL = j.dialog`
   line-height: 1.3;
 
   /* if ccMargin is specified in props, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 `, hL = j.span`
@@ -22589,7 +22599,7 @@ function UN({
 const mL = j.header`
   all: initial;
   display: block;
-  ${(e) => e.$hasBottomBorder ? me`
+  ${(e) => e.$hasBottomBorder ? ge`
           padding-block-end: var(--cc_size_spacing_m);
           border-block-end: var(--cc_size_border_width_s) solid
             var(--cc_color_border_default);
@@ -22741,7 +22751,7 @@ function XN({
 const CL = j.div`
   position: relative;
 `, EL = j.label`
-  ${(e) => e.$hideLabel ? xr : me`
+  ${(e) => e.$hideLabel ? xr : ge`
           all: initial;
           display: block;
           ${Wt}
@@ -22749,11 +22759,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 = me`
+`, Ap = ge`
   border: none;
   background-color: var(--cc_color_background_3);
   border-radius: var(--cc_size_border_radius_pill);
-`, Lp = (e, n) => me`
+`, Lp = (e, n) => ge`
   background-color: ${Zu(e)};
   border-radius: var(--cc_size_border_radius_pill) 0 0
     var(--cc_size_border_radius_pill);
@@ -22833,10 +22843,10 @@ const ML = {
   display: grid;
   place-items: center;
 
-  ${(e) => e.$ccMargin ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
-`, qv = me`
+`, qv = ge`
   position: absolute;
   width: 100%;
   height: 100%;
@@ -23078,14 +23088,14 @@ function ez({
     }
   );
 }
-const KL = (e, n) => e ? xr : n === "group" ? me`
+const KL = (e, n) => e ? xr : n === "group" ? ge`
       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 ? me`
+  ${(e) => e.$message ? ge`
           margin-block-end: var(--cc_size_spacing_s);
         ` : null}
 `, QL = j.label`
@@ -23143,9 +23153,9 @@ const KL = (e, n) => e ? xr : n === "group" ? me`
     outline-offset: var(--cc_size_spacing_xs);
   }
   ${(e) => e.disabled ? Ar : null}
-  ${(e) => e.$isPressed ? me`
+  ${(e) => e.$isPressed ? ge`
           background-color: ${e.$status !== "normal" ? Vt(e.$status).accentColor : "var(--cc_color_button_background_secondary)"};
-        ` : me`
+        ` : ge`
           background-color: var(--cc_color_button_background_subtle);
         `}
 `, tz = ({
@@ -25033,7 +25043,7 @@ const KO = j.button`
       ]
     }
   );
-}, ZO = (e) => e === "fill" ? "minmax(100px, 1fr)" : typeof e == "number" ? `${e}px` : e, Vp = me`
+}, ZO = (e) => e === "fill" ? "minmax(100px, 1fr)" : typeof e == "number" ? `${e}px` : e, Vp = ge`
   white-space: normal;
   overflow-wrap: break-word;
   hyphens: auto;
@@ -25046,7 +25056,7 @@ const KO = j.button`
   white-space: nowrap;
 
   /* if ccMargin is specified in props, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? me`
+  ${(e) => e.$ccMargin ? ge`
           margin: ${qr(e.$ccMargin)};
         ` : null}
 
@@ -25065,7 +25075,7 @@ const KO = j.button`
     ${(e) => {
   var t;
   const n = (t = e.$columnSizes) == null ? void 0 : t.map((r) => ZO(r)).join(" ");
-  return me`
+  return ge`
         grid-template-columns: ${n};
       `;
 }}
@@ -25084,7 +25094,7 @@ const KO = j.button`
     ${Vp}
   }
 
-  ${(e) => e.$enableStickyHeaders ? me`
+  ${(e) => e.$enableStickyHeaders ? ge`
           thead th {
             position: sticky;
             top: 0;