@genexus/mercury 0.16.0 → 0.17.1

package/README.md

@@ -30,9 +30,11 @@ Mercury Design System is a robust and scalable solution designed to improve prod
 
     - [2.3.1. Copying assets with Angular](#231-copying-assets-with-angular)
 
-    - [2.3.2. Copying assets with StencilJS](#232-copying-assets-with-stenciljs)
+    - [2.3.2. Copying assets with NextJS](#232-copying-assets-with-nextjs)
 
-    - [2.3.3. Copying assets with Vite](#233-copying-assets-with-vite)
+    - [2.3.3. Copying assets with StencilJS](#233-copying-assets-with-stenciljs)
+
+    - [2.3.4. Copying assets with Vite](#234-copying-assets-with-vite)
 
   - [2.4. Register Mercury and Chameleon utilities](#24-register-mercury-and-chameleon-utilities)
 
@@ -228,7 +230,51 @@ In the following sections we provide examples of how to copy the assets with dif
 }
 ```
 
-#### 2.3.2. Copying assets with StencilJS
+#### 2.3.2. Copying assets with NextJS
+
+First, install `copy-webpack-plugin`:
+
+```bash
+npm i copy-webpack-plugin --save-dev
+```
+
+```ts
+// next.config.ts
+import type { NextConfig } from "next";
+import CopyWebpackPlugin from "copy-webpack-plugin";
+
+const nextConfig: NextConfig = {
+  webpack: (config, { isServer }) => {
+    // Only apply the plugin for client-side builds
+    if (!isServer) {
+      config.plugins.push(
+        new CopyWebpackPlugin({
+          patterns: [
+            {
+              from: "{{ CSS outDir path }}",
+              to: "{{ CSS bundles final path }}"
+            },
+            {
+              from: "<path to node_modules>/@genexus/mercury/dist/assets/fonts",
+              to: "{{ Fonts final path }}"
+            },
+            {
+              from: "<path to node_modules>/@genexus/mercury/dist/assets/icons",
+              to: "{{ Icons final path }}"
+            }
+          ]
+        })
+      );
+    }
+
+    return config;
+  }
+};
+
+export default nextConfig;
+```
+
+#### 2.3.3. Copying assets with StencilJS
 
 When building web components with the StencilJS compiler, the assets can be copied using the copy tasks that provides StencilJS:
 
@@ -268,7 +314,7 @@ export const config: Config = {
 };
 ```
 
-#### 2.3.3. Copying assets with Vite
+#### 2.3.4. Copying assets with Vite
 
 First, install `vite-plugin-static-copy`:
 

package/dist/bundles/css/base/base-globant.css

@@ -1 +1 @@
-@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BoldItalic.woff2");font-weight:700;font-style:italic}:root.light{color-scheme:light;--mer-color__primary--200: #005ac1;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-primary--5: #f3f6fd;--mer-color__tinted-primary--8: #eff5fd;--mer-color__tinted-primary--10: #ecf3fd;--mer-color__tinted-primary--20: #deebfe;--mer-color__tinted-primary--30: #cfe3fe;--mer-color__tinted-primary--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary--200: #bfd732;--mer-color__primary--300: #b4cc28;--mer-color__primary--400: #96aa22;--mer-color__primary--600: #697718;--mer-color__neutral-gray--100: #ededed;--mer-color__neutral-gray--200: #dfdfdf;--mer-color__neutral-gray--300: #cdcdcd;--mer-color__neutral-gray--400: #a9a9a9;--mer-color__neutral-gray--450: #8c8c8c;--mer-color__neutral-gray--500: #686868;--mer-color__neutral-gray--550: #575757;--mer-color__neutral-gray--600: #464646;--mer-color__neutral-gray--650: #3b3b3b;--mer-color__neutral-gray--700: #303030;--mer-color__neutral-gray--800: #212121;--mer-color__neutral-gray--900: #171717;--mer-color__neutral-gray--1000: #000000;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-primary--5: #202118;--mer-color__tinted-primary--8: #242619;--mer-color__tinted-primary--10: #282a1a;--mer-color__tinted-primary--20: #383d1c;--mer-color__tinted-primary--30: #49501f;--mer-color__tinted-primary--50: #6a7624;--mer-color__message-green--100: #b1e1b6;--mer-color__message-green--200: #9ccba1;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}:root{--mer-border__width--sm: 1px;--mer-border__width--md: 2px;--mer-border__width--lg: 4px;--mer-border__radius--2xs: 1px;--mer-border__radius--xs: 2px;--mer-border__radius--sm: 4px;--mer-border__radius--md: 8px;--mer-border__radius--lg: 12px;--mer-border__radius--xl: 30px;--mer-body__bg-color: var(--mer-surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--scrollbar-thumb__border-radius: var(--mer-spacing--xs);--scrollbar-corner__bg: transparent;--mer-icon__box--sm: var(--mer-spacing--sm);--mer-icon__box--md: 14px;--mer-icon__size--sm: 100%;--mer-icon__size--md: 100%;--mer-form-input__padding-inline: var(--mer-spacing--xs);--mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);--mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border-style: solid;--mer-form-input__border-width: var(--mer-border__width--sm);--mer-form-input__border: var(--mer-form-input__border-width) var(--mer-form-input__border-style) var(--mer-form-input__border-color);--mer-form-input__border-radius: var(--mer-border__radius--sm);--mer-form-input-check__border-width: var(--mer-border__radius--xs);--mer-form-input-check__border-color: var( --mer-border-color__neutral--active );--mer-form-input-check__border-color--disabled: var( --mer-accent__primary--disabled );--mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");--window__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-border-color__primary);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-color__neutral-gray--500);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__padding-block: calc( ( 32px - 2 * var(--control__border-width) - var(--font-size-body-m) * var(--line-height-tight) ) / 2 );--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--mer-color__neutral-gray--400);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--control-placeholder__font-style: italic;--control-tiny__size: var(--mer-spacing--md);--control-tiny__border-width: 1.2px;--control-tiny__border-style: solid;--control-tiny__border-radius-sm: 1px;--control-tiny__border-radius-rounded: 50%;--control-tiny-option__color: var(--control__border-color);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary--200);--mer-accent__primary--hover: var(--mer-color__primary--400);--mer-accent__primary--active: var(--mer-color__primary--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__dim: var(--mer-color__neutral-gray--550);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-primary--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-primary--10);--item__border-color--selected: var(--mer-color__tinted-primary--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-primary--10);--item__border-color--selected-hover: var(--mer-color__tinted-primary--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__gap--regular: var(--mer-spacing--xs);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-primary--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-primary--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-primary--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-red--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--font-family-header: Inter, Helvetica, Arial, sans-serif;--font-family-body: Inter, Helvetica, Arial, sans-serif;--font-family-code: monospace;--font-size-header-h1: 40px;--font-size-header-h2: 32px;--font-size-header-h3: 28px;--font-size-header-h4: 24px;--font-size-header-h5: 20px;--font-size-header-h6: 18px;--font-size-subtitle-l: 20px;--font-size-subtitle-m: 18px;--font-size-subtitle-s: 16px;--font-size-subtitle-xs: 14px;--font-size-body-xl: 18px;--font-size-body-l: 16px;--font-size-body-m: 14px;--font-size-body-s: 12px;--font-size-body-xs: 11px;--font-size-tiny-l: 12px;--font-size-tiny-m: 11px;--font-size-tiny-s: 10px;--font-size-tiny-xs: 8px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-regular: 400;--line-height-tight: 1.2;--line-height-regular: 1.3;--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--extra-bold: 800;--mer-font__weight--bold: 700;--mer-font__weight--semi-bold: 600;--mer-font__weight--medium: 500;--mer-font__weight--regular: 400;--mer-font__weight--light: 300;--mer-font__size--4xs: 11px;--mer-font__size--3xs: 12px;--mer-font__size--2xs: 13px;--mer-font__size--xs: 14px;--mer-font__size--sm: 16px;--mer-font__size--md: 20px;--mer-font__size--lg: 24px;--mer-font__size--xl: 36px;--mer-font__size--2xl: 40px;--mer-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}:root:not(.hydrated){visibility:hidden}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);font-family:var(--font-family-body);font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}
+@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("./assets/fonts/Inter-BoldItalic.woff2");font-weight:700;font-style:italic}:root.light{color-scheme:light;--mer-color__primary--200: #005ac1;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-primary--5: #f3f6fd;--mer-color__tinted-primary--8: #eff5fd;--mer-color__tinted-primary--10: #ecf3fd;--mer-color__tinted-primary--20: #deebfe;--mer-color__tinted-primary--30: #cfe3fe;--mer-color__tinted-primary--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary--200: #bfd732;--mer-color__primary--300: #b4cc28;--mer-color__primary--400: #96aa22;--mer-color__primary--600: #697718;--mer-color__neutral-gray--100: #ededed;--mer-color__neutral-gray--200: #dfdfdf;--mer-color__neutral-gray--300: #cdcdcd;--mer-color__neutral-gray--400: #a9a9a9;--mer-color__neutral-gray--450: #8c8c8c;--mer-color__neutral-gray--500: #686868;--mer-color__neutral-gray--550: #575757;--mer-color__neutral-gray--600: #464646;--mer-color__neutral-gray--650: #3b3b3b;--mer-color__neutral-gray--700: #303030;--mer-color__neutral-gray--800: #212121;--mer-color__neutral-gray--900: #171717;--mer-color__neutral-gray--1000: #000000;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-primary--5: #202118;--mer-color__tinted-primary--8: #242619;--mer-color__tinted-primary--10: #282a1a;--mer-color__tinted-primary--20: #383d1c;--mer-color__tinted-primary--30: #49501f;--mer-color__tinted-primary--50: #6a7624;--mer-color__message-green--100: #b1e1b6;--mer-color__message-green--200: #9ccba1;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #d54b54;--mer-color__message-red--300: #ff6161;--mer-color__message-red--400: #ff9999;--mer-color__message-red--500: #800000;--mer-color__message-red--600: #4d0000}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}:root{--mer-border__width--sm: 1px;--mer-border__width--md: 2px;--mer-border__width--lg: 4px;--mer-border__radius--2xs: 1px;--mer-border__radius--xs: 2px;--mer-border__radius--sm: 4px;--mer-border__radius--md: 8px;--mer-border__radius--lg: 12px;--mer-border__radius--xl: 30px;--mer-body__bg-color: var(--mer-surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--scrollbar-thumb__border-radius: var(--mer-spacing--xs);--scrollbar-corner__bg: transparent;--mer-icon__box--sm: var(--mer-spacing--sm);--mer-icon__box--md: 14px;--mer-icon__size--sm: 100%;--mer-icon__size--md: 100%;--mer-form-input__padding-inline: var(--mer-spacing--xs);--mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);--mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border-style: solid;--mer-form-input__border-width: var(--mer-border__width--sm);--mer-form-input__border: var(--mer-form-input__border-width) var(--mer-form-input__border-style) var(--mer-form-input__border-color);--mer-form-input__border-radius: var(--mer-border__radius--sm);--mer-form-input-check__border-width: var(--mer-border__radius--xs);--mer-form-input-check__border-color: var( --mer-border-color__neutral--active );--mer-form-input-check__border-color--disabled: var( --mer-accent__primary--disabled );--mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");--window__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-border-color__primary);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-color__neutral-gray--500);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__padding-block: calc( ( 32px - 2 * var(--control__border-width) - var(--font-size-body-m) * var(--line-height-tight) ) / 2 );--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--mer-color__neutral-gray--400);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--control-placeholder__font-style: italic;--control-tiny__size: var(--mer-spacing--md);--control-tiny__border-width: 1.2px;--control-tiny__border-style: solid;--control-tiny__border-radius-sm: 1px;--control-tiny__border-radius-rounded: 50%;--control-tiny-option__color: var(--control__border-color);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary--200);--mer-accent__primary--hover: var(--mer-color__primary--400);--mer-accent__primary--active: var(--mer-color__primary--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__dim: var(--mer-color__neutral-gray--550);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-primary--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-primary--10);--item__border-color--selected: var(--mer-color__tinted-primary--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-primary--10);--item__border-color--selected-hover: var(--mer-color__tinted-primary--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__gap--regular: var(--mer-spacing--xs);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-primary--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-primary--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-primary--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-red--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--font-family-header: Inter, Helvetica, Arial, sans-serif;--font-family-body: Inter, Helvetica, Arial, sans-serif;--font-family-code: monospace;--font-size-header-h1: 40px;--font-size-header-h2: 32px;--font-size-header-h3: 28px;--font-size-header-h4: 24px;--font-size-header-h5: 20px;--font-size-header-h6: 18px;--font-size-subtitle-l: 20px;--font-size-subtitle-m: 18px;--font-size-subtitle-s: 16px;--font-size-subtitle-xs: 14px;--font-size-body-xl: 18px;--font-size-body-l: 16px;--font-size-body-m: 14px;--font-size-body-s: 12px;--font-size-body-xs: 11px;--font-size-tiny-l: 12px;--font-size-tiny-m: 11px;--font-size-tiny-s: 10px;--font-size-tiny-xs: 8px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-regular: 400;--line-height-tight: 1.2;--line-height-regular: 1.3;--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--extra-bold: 800;--mer-font__weight--bold: 700;--mer-font__weight--semi-bold: 600;--mer-font__weight--medium: 500;--mer-font__weight--regular: 400;--mer-font__weight--light: 300;--mer-font__size--4xs: 11px;--mer-font__size--3xs: 12px;--mer-font__size--2xs: 13px;--mer-font__size--xs: 14px;--mer-font__size--sm: 16px;--mer-font__size--md: 20px;--mer-font__size--lg: 24px;--mer-font__size--xl: 36px;--mer-font__size--2xl: 40px;--mer-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}:root:not(.hydrated){visibility:hidden}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);font-family:var(--font-family-body);font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}

package/dist/bundles/js/base/base-globant.js

@@ -1 +1 @@
-export const bundle = `@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-BoldItalic.woff2");font-weight:700;font-style:italic}:root.light{color-scheme:light;--mer-color__primary--200: #005ac1;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-primary--5: #f3f6fd;--mer-color__tinted-primary--8: #eff5fd;--mer-color__tinted-primary--10: #ecf3fd;--mer-color__tinted-primary--20: #deebfe;--mer-color__tinted-primary--30: #cfe3fe;--mer-color__tinted-primary--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary--200: #bfd732;--mer-color__primary--300: #b4cc28;--mer-color__primary--400: #96aa22;--mer-color__primary--600: #697718;--mer-color__neutral-gray--100: #ededed;--mer-color__neutral-gray--200: #dfdfdf;--mer-color__neutral-gray--300: #cdcdcd;--mer-color__neutral-gray--400: #a9a9a9;--mer-color__neutral-gray--450: #8c8c8c;--mer-color__neutral-gray--500: #686868;--mer-color__neutral-gray--550: #575757;--mer-color__neutral-gray--600: #464646;--mer-color__neutral-gray--650: #3b3b3b;--mer-color__neutral-gray--700: #303030;--mer-color__neutral-gray--800: #212121;--mer-color__neutral-gray--900: #171717;--mer-color__neutral-gray--1000: #000000;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-primary--5: #202118;--mer-color__tinted-primary--8: #242619;--mer-color__tinted-primary--10: #282a1a;--mer-color__tinted-primary--20: #383d1c;--mer-color__tinted-primary--30: #49501f;--mer-color__tinted-primary--50: #6a7624;--mer-color__message-green--100: #b1e1b6;--mer-color__message-green--200: #9ccba1;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}:root{--mer-border__width--sm: 1px;--mer-border__width--md: 2px;--mer-border__width--lg: 4px;--mer-border__radius--2xs: 1px;--mer-border__radius--xs: 2px;--mer-border__radius--sm: 4px;--mer-border__radius--md: 8px;--mer-border__radius--lg: 12px;--mer-border__radius--xl: 30px;--mer-body__bg-color: var(--mer-surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--scrollbar-thumb__border-radius: var(--mer-spacing--xs);--scrollbar-corner__bg: transparent;--mer-icon__box--sm: var(--mer-spacing--sm);--mer-icon__box--md: 14px;--mer-icon__size--sm: 100%;--mer-icon__size--md: 100%;--mer-form-input__padding-inline: var(--mer-spacing--xs);--mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);--mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border-style: solid;--mer-form-input__border-width: var(--mer-border__width--sm);--mer-form-input__border: var(--mer-form-input__border-width) var(--mer-form-input__border-style) var(--mer-form-input__border-color);--mer-form-input__border-radius: var(--mer-border__radius--sm);--mer-form-input-check__border-width: var(--mer-border__radius--xs);--mer-form-input-check__border-color: var( --mer-border-color__neutral--active );--mer-form-input-check__border-color--disabled: var( --mer-accent__primary--disabled );--mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");--window__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-border-color__primary);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-color__neutral-gray--500);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__padding-block: calc( ( 32px - 2 * var(--control__border-width) - var(--font-size-body-m) * var(--line-height-tight) ) / 2 );--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--mer-color__neutral-gray--400);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--control-placeholder__font-style: italic;--control-tiny__size: var(--mer-spacing--md);--control-tiny__border-width: 1.2px;--control-tiny__border-style: solid;--control-tiny__border-radius-sm: 1px;--control-tiny__border-radius-rounded: 50%;--control-tiny-option__color: var(--control__border-color);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary--200);--mer-accent__primary--hover: var(--mer-color__primary--400);--mer-accent__primary--active: var(--mer-color__primary--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__dim: var(--mer-color__neutral-gray--550);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-primary--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-primary--10);--item__border-color--selected: var(--mer-color__tinted-primary--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-primary--10);--item__border-color--selected-hover: var(--mer-color__tinted-primary--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__gap--regular: var(--mer-spacing--xs);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-primary--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-primary--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-primary--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-red--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--font-family-header: Inter, Helvetica, Arial, sans-serif;--font-family-body: Inter, Helvetica, Arial, sans-serif;--font-family-code: monospace;--font-size-header-h1: 40px;--font-size-header-h2: 32px;--font-size-header-h3: 28px;--font-size-header-h4: 24px;--font-size-header-h5: 20px;--font-size-header-h6: 18px;--font-size-subtitle-l: 20px;--font-size-subtitle-m: 18px;--font-size-subtitle-s: 16px;--font-size-subtitle-xs: 14px;--font-size-body-xl: 18px;--font-size-body-l: 16px;--font-size-body-m: 14px;--font-size-body-s: 12px;--font-size-body-xs: 11px;--font-size-tiny-l: 12px;--font-size-tiny-m: 11px;--font-size-tiny-s: 10px;--font-size-tiny-xs: 8px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-regular: 400;--line-height-tight: 1.2;--line-height-regular: 1.3;--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--extra-bold: 800;--mer-font__weight--bold: 700;--mer-font__weight--semi-bold: 600;--mer-font__weight--medium: 500;--mer-font__weight--regular: 400;--mer-font__weight--light: 300;--mer-font__size--4xs: 11px;--mer-font__size--3xs: 12px;--mer-font__size--2xs: 13px;--mer-font__size--xs: 14px;--mer-font__size--sm: 16px;--mer-font__size--md: 20px;--mer-font__size--lg: 24px;--mer-font__size--xl: 36px;--mer-font__size--2xl: 40px;--mer-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}:root:not(.hydrated){visibility:hidden}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);font-family:var(--font-family-body);font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}`;
+export const bundle = `@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Light.woff2");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-LightItalic.woff2");font-weight:300;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Regular.woff2");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Italic.woff2");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Medium.woff2");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-MediumItalic.woff2");font-weight:500;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBold.woff2");font-weight:600;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-SemiBoldItalic.woff2");font-weight:600;font-style:italic}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-Bold.woff2");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("{{FONT_FACE_PATH}}Inter-BoldItalic.woff2");font-weight:700;font-style:italic}:root.light{color-scheme:light;--mer-color__primary--200: #005ac1;--mer-color__primary--300: #5498e8;--mer-color__primary--400: #437dc0;--mer-color__primary--600: #335884;--mer-color__neutral-gray--100: #4a5870;--mer-color__neutral-gray--200: #49566d;--mer-color__neutral-gray--300: #56677a;--mer-color__neutral-gray--400: #56677a;--mer-color__neutral-gray--450: #56677a;--mer-color__neutral-gray--500: #828b96;--mer-color__neutral-gray--550: #9da9b6;--mer-color__neutral-gray--600: #aeb9c6;--mer-color__neutral-gray--650: #c6d1dd;--mer-color__neutral-gray--700: #e1ecf9;--mer-color__neutral-gray--800: #fafbfd;--mer-color__neutral-gray--900: #f0f4fa;--mer-color__neutral-gray--1000: #ffffff;--mer-color__tinted-yellow--5: #faf9f6;--mer-color__tinted-yellow--60: #fafbfd;--mer-color__tinted-red--5: #faf5f7;--mer-color__tinted-red--60: #fbb2b7;--mer-color__tinted-green--5: #f2f7f8;--mer-color__tinted-green--60: #94cac4;--mer-color__tinted-primary--5: #f3f6fd;--mer-color__tinted-primary--8: #eff5fd;--mer-color__tinted-primary--10: #ecf3fd;--mer-color__tinted-primary--20: #deebfe;--mer-color__tinted-primary--30: #cfe3fe;--mer-color__tinted-primary--50: #b1d2fe;--mer-color__message-green--100: #208e80;--mer-color__message-green--200: #208e80;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #da1a27;--mer-color__message-red--200: #da1a27;--mer-color__message-red--300: #4d0000;--mer-color__message-red--400: #800000;--mer-color__message-red--500: #ff9999;--mer-color__message-red--600: #ff9999}:root.dark{color-scheme:dark;--mer-color__primary--200: #bfd732;--mer-color__primary--300: #b4cc28;--mer-color__primary--400: #96aa22;--mer-color__primary--600: #697718;--mer-color__neutral-gray--100: #ededed;--mer-color__neutral-gray--200: #dfdfdf;--mer-color__neutral-gray--300: #cdcdcd;--mer-color__neutral-gray--400: #a9a9a9;--mer-color__neutral-gray--450: #8c8c8c;--mer-color__neutral-gray--500: #686868;--mer-color__neutral-gray--550: #575757;--mer-color__neutral-gray--600: #464646;--mer-color__neutral-gray--650: #3b3b3b;--mer-color__neutral-gray--700: #303030;--mer-color__neutral-gray--800: #212121;--mer-color__neutral-gray--900: #171717;--mer-color__neutral-gray--1000: #000000;--mer-color__tinted-yellow--5: #282a2d;--mer-color__tinted-yellow--60: #ad8a53;--mer-color__tinted-red--5: #29252f;--mer-color__tinted-red--60: #aa5962;--mer-color__tinted-green--5: #1c2830;--mer-color__tinted-green--60: #317571;--mer-color__tinted-primary--5: #202118;--mer-color__tinted-primary--8: #242619;--mer-color__tinted-primary--10: #282a1a;--mer-color__tinted-primary--20: #383d1c;--mer-color__tinted-primary--30: #49501f;--mer-color__tinted-primary--50: #6a7624;--mer-color__message-green--100: #b1e1b6;--mer-color__message-green--200: #9ccba1;--mer-color__message-yellow--100: #dfa135;--mer-color__message-yellow--200: #dfa135;--mer-color__message-red--100: #e35861;--mer-color__message-red--200: #d54b54;--mer-color__message-red--300: #ff6161;--mer-color__message-red--400: #ff9999;--mer-color__message-red--500: #800000;--mer-color__message-red--600: #4d0000}:root{--mer-color__gradient-angle: 225deg;--mer-color__gradient-opacity--low: 0.7;--mer-color__gradient-opacity--medium: 0.9;--mer-color__gradient-opacity--high: 1;--mer-color__gradient--01: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 204, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(163, 0, 255, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--02: linear-gradient( var(--mer-color__gradient-angle), rgba(57, 255, 20, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 0, 114, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--03: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 245, 255, var(--mer-color__gradient-opacity--low)) 0%, rgba(255, 234, 0, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--04: linear-gradient( var(--mer-color__gradient-angle), rgba(16, 196, 195, var(--mer-color__gradient-opacity--high)) 0%, rgba(236, 30, 91, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--05: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 162, var(--mer-color__gradient-opacity--high)) 0%, rgba(139, 0, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--06: linear-gradient( var(--mer-color__gradient-angle), rgba(204, 255, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 204, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--07: linear-gradient( var(--mer-color__gradient-angle), rgba(91, 118, 255, var(--mer-color__gradient-opacity--medium)) 0%, rgba(0, 255, 203, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--08: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 255, var(--mer-color__gradient-opacity--high)) 0%, rgba(0, 149, 255, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--09: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 69, 0, var(--mer-color__gradient-opacity--medium)) 0%, rgba(142, 84, 200, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--10: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 127, var(--mer-color__gradient-opacity--low)) 0%, rgba(0, 255, 0, var(--mer-color__gradient-opacity--low)) 100% );--mer-color__gradient--11: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 199, 0, var(--mer-color__gradient-opacity--high)) 0%, rgba(138, 43, 226, var(--mer-color__gradient-opacity--high)) 100% );--mer-color__gradient--12: linear-gradient( var(--mer-color__gradient-angle), rgba(255, 0, 51, var(--mer-color__gradient-opacity--medium)) 0%, rgba(255, 204, 0, var(--mer-color__gradient-opacity--medium)) 100% );--mer-color__gradient--13: linear-gradient( var(--mer-color__gradient-angle), rgba(0, 255, 60, var(--mer-color__gradient-opacity--high)) 0%, rgba(255, 102, 0, var(--mer-color__gradient-opacity--high)) 100% )}:root{--mer-border__width--sm: 1px;--mer-border__width--md: 2px;--mer-border__width--lg: 4px;--mer-border__radius--2xs: 1px;--mer-border__radius--xs: 2px;--mer-border__radius--sm: 4px;--mer-border__radius--md: 8px;--mer-border__radius--lg: 12px;--mer-border__radius--xl: 30px;--mer-body__bg-color: var(--mer-surface);--mer-body__color: var(--mer-text__on-surface);--mer-body__margin-block: var(--mer-spacing--sm);--mer-system__border-width: var(--mer-border__width--sm);--mer-system__border-style: solid;--mer-system__border-color: var(--mer-color__neutral-gray--500);--scrollbar__size: var(--mer-spacing--2xs);--scrollbar-track__bg-color: transparent;--scrollbar-track__border-radius: var(--mer-spacing--xs);--scrollbar-thumb__bg-color: var(--mer-color__neutral-gray--550);--scrollbar-thumb__border-radius: var(--mer-spacing--xs);--scrollbar-corner__bg: transparent;--mer-icon__box--sm: var(--mer-spacing--sm);--mer-icon__box--md: 14px;--mer-icon__size--sm: 100%;--mer-icon__size--md: 100%;--mer-form-input__padding-inline: var(--mer-spacing--xs);--mer-form-input__bg-position--x-value: var(--mer-form-input__padding-inline);--mer-form-input__bg-position--x: var(--mer-form-input__bg-position--x-value);--mer-form-input__border-color: var(--mer-color__neutral-gray--500);--mer-form-input__border-style: solid;--mer-form-input__border-width: var(--mer-border__width--sm);--mer-form-input__border: var(--mer-form-input__border-width) var(--mer-form-input__border-style) var(--mer-form-input__border-color);--mer-form-input__border-radius: var(--mer-border__radius--sm);--mer-form-input-check__border-width: var(--mer-border__radius--xs);--mer-form-input-check__border-color: var( --mer-border-color__neutral--active );--mer-form-input-check__border-color--disabled: var( --mer-accent__primary--disabled );--mer-checkbox__option-checked-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");--window__border: var(--mer-border__width--sm) solid var(--mer-surface__elevation--01);--window__border-radius: var(--mer-border__radius--sm);--window__padding: var(--mer-spacing--xs);--window__bg-color: var(--mer-surface__elevation--01);--window__gap: var(--mer-spacing--xs);--window__box-shadow: var(--mer-box-shadow--01);--focus__outline-width: var(--mer-border__width--sm);--focus__outline-style: solid;--focus__outline-color: var(--mer-border-color__primary);--focus__outline-offset: calc(var(--mer-system__border-width) * -1);--borders-un-border-color__focused: var(--focus__outline-color);--control__bg-color: var(--control__bg-color--enabled);--control__border-color: var(--control__border-color--enabled);--control__color: var(--control__color--enabled);--control__bg-color--enabled: transparent;--control__border-color--enabled: var(--mer-color__neutral-gray--500);--control__color--enabled: var(--mer-text__neutral);--control__border-color--hover: var(--mer-border-color__neutral--hover);--control__background-color--disabled: var(--mer-accent__primary--disabled);--control__border-color--disabled: var(--control__background-color--disabled);--control__color--disabled: var(--mer-text__on-disabled);--control__border-color--error: var(--mer-border-color__error);--control__border-width: var(--mer-border__width--sm);--control__border-style: solid;--control__border-radius: var(--mer-border__radius--sm);--control__padding-block: calc( ( 32px - 2 * var(--control__border-width) - var(--font-size-body-m) * var(--line-height-tight) ) / 2 );--control__padding-inline: var(--mer-spacing--xs);--control__icon-gap: var(--mer-spacing--xs);--control-placeholder__color: var(--mer-color__neutral-gray--400);--control-placeholder__color--disabled: var( --mer-form-input__color--disabled );--control-placeholder__font-style: italic;--control-tiny__size: var(--mer-spacing--md);--control-tiny__border-width: 1.2px;--control-tiny__border-style: solid;--control-tiny__border-radius-sm: 1px;--control-tiny__border-radius-rounded: 50%;--control-tiny-option__color: var(--control__border-color);--label__border-width: 1.2px;--label__border-style: solid;--label__border-radius: var(--mer-border__radius--2xs);--label__gap--inline: var(--mer-spacing--xs);--label__gap--block: var(--mer-spacing--xs);--label__color: var(--label__color--enabled);--label__color--enabled: var(--mer-text__neutral);--label__color--hover: var(--mer-text__highlighted);--label__color--disabled: var(--mer-text__primary--disabled);--label__color--error: var(--mer-text__neutral);--controls__container-row-gap: var(--mer-spacing--md);--controls__group-gap--block: var(--mer-spacing--sm);--controls__group-gap--inline: var(--mer-spacing--md);--field-group__row-gap: var(--mer-spacing--md);--field-group__column-gap: var(--mer-spacing--lg);--field__row-gap: var(--mer-spacing--xs);--field__column-gap: var(--mer-spacing--md);--field-inline-label__margin-block-start: 6px;--mer-accent__primary: var(--mer-color__primary--200);--mer-accent__primary--hover: var(--mer-color__primary--400);--mer-accent__primary--active: var(--mer-color__primary--600);--mer-accent__primary--disabled: var(--mer-color__neutral-gray--500);--mer-accent__primary--destructive: var(--mer-color__message-red--100);--mer-accent__primary--destructive-hover: var(--mer-color__message-red--300);--mer-accent__primary--destructive-active: var(--mer-color__message-red--400);--mer-border-color__primary: var(--mer-accent__primary);--mer-border-color__primary--hover: var(--mer-accent__primary--hover);--mer-border-color__primary--active: var(--mer-accent__primary--active);--mer-border-color__primary--disabled: var(--mer-accent__primary--disabled);--mer-border-color__primary--focused: var(--mer-color__neutral-gray--200);--mer-border-color__dim: var(--mer-color__neutral-gray--550);--mer-border-color__error: var(--mer-color__message-red--100);--mer-border-color__warning: var(--mer-color__message-yellow--100);--mer-border-color__success: var(--mer-color__message-green--100);--mer-border-color__neutral: var(--mer-color__neutral-gray--400);--mer-border-color__neutral--hover: var(--mer-color__neutral-gray--100);--mer-border-color__neutral--active: var(--mer-color__neutral-gray--200);--mer-border-color__on-surface: var(--mer-color__neutral-gray--650);--mer-border-color__on-elevation--01: var(--mer-color__neutral-gray--600);--mer-border-color__on-elevation--02: var(--mer-color__neutral-gray--550);--mer-border-color__on-elevation--03: var(--mer-color__neutral-gray--500);--mer-heading__gray--light: var(--mer-color__neutral-gray--200);--mer-header__background-color: var(--mer-color__neutral-gray--700);--mer-icon__on-surface: var(--mer-color__neutral-gray--200);--mer-icon__on-primary: var(--mer-color__neutral-gray--900);--mer-icon__on-primary--hover: var(--mer-color__neutral-gray--300);--mer-icon__on-primary--active: var(--mer-color__neutral-gray--100);--mer-icon__on-disabled: var(--mer-color__neutral-gray--450);--mer-icon__on-message: var(--mer-color__neutral-gray--700);--mer-icon__on-elevation: var(--mer-color__neutral-gray--100);--mer-icon__primary: var(--mer-accent__primary);--mer-icon__primary--hover: var(--mer-accent__primary--hover);--mer-icon__primary--active: var(--mer-accent__primary--active);--mer-icon__primary--disabled: var(--mer-accent__primary--disabled);--mer-icon__error: var(--mer-color__message-red--100);--mer-icon__warning: var(--mer-color__message-yellow--100);--mer-icon__success: var(--mer-color__message-green--100);--mer-icon__neutral: var(--mer-color__neutral-gray--300);--mer-icon__highlighted: var(--mer-color__neutral-gray--100);--mer-icon__bright: var(--mer-color__neutral-gray--300);--item__bg-color: var(--item__bg-color--enabled);--item__border-color: var(--item__border-color--enabled);--item__color: var(--item__color--enabled);--item__bg-color--enabled: transparent;--item__border-color--enabled: transparent;--item__color--enabled: var(--mer-text__on-elevation);--item__bg-color--hover: var(--mer-color__tinted-primary--5);--item__border-color--hover: transparent;--item__color--hover: var(--mer-color__neutral-gray--100);--item__bg-color--selected: var(--mer-color__tinted-primary--10);--item__border-color--selected: var(--mer-color__tinted-primary--30);--item__color--selected: var(--mer-color__neutral-gray--100);--item__bg-color--selected-hover: var(--mer-color__tinted-primary--10);--item__border-color--selected-hover: var(--mer-color__tinted-primary--20);--item__color--selected-hover: var(--mer-color__neutral-gray--100);--item__bg-color--disabled: transparent;--item__border-color--disabled: transparent;--item__color--disabled: var(--mer-text__primary--disabled);--item__border-width: var(--mer-border__width--sm);--item__border-style: solid;--item__border-radius: var(--mer-border__radius--sm);--item__padding-block: var(--mer-spacing--2xs);--item__padding-inline: var(--mer-spacing--xs);--item__height--regular: var(--mer-spacing--xl);--item__height--large: 36px;--item__gap--regular: var(--mer-spacing--xs);--items-container__border-width: var(--mer-border__width--sm);--items-container__border-style: solid;--items-container__bg-color: var(--mer-surface__elevation--01);--items-container__border-color: var(--mer-border-color__on-surface);--items-container__padding-block: var(--mer-spacing--xs);--items-container__padding-inline: var(--mer-spacing--xs);--items-container__border-radius: var(--mer-border__radius--sm);--items-container__box-shadow: var(--mer-box-shadow--01);--items-container__gap: var(--mer-spacing--2xs);--items-container__gap--small: var(--mer-spacing--2xs);--items-container__max-block-size: 300px;--items-container-separator__block-size: var(--mer-border__width--sm);--items-container-separator__inline-size: 100%;--items-container-separator__bg-color: var(--items-container__border-color);--grid-cell__border-color: var(--mer-border-color__on-elevation--01);--grid-cell__border: var(--mer-border__width--sm) solid var(--grid-cell__border-color);--grid-cell__box-shadow-inline-block: 0 0 0 1px var(--grid-cell__border-color);--grid-cell__padding-block: var(--mer-spacing--xs);--grid-cell__padding-inline: var(--mer-spacing--sm);--tab-caption__bg-color: var(--tab-caption__bg-color--enabled);--tab-caption__color: var(--tab-caption__color--enabled);--tab-caption__border-color: transparent;--tab-caption__border-style: solid;--tab-caption__border-width: var(--mer-border__width--sm);--tab-caption__bg-color--enabled: transparent;--tab-caption__border-color--enabled: transparent;--tab-caption__color--enabled: var(--mer-text__neutral);--tab-caption__bg-color--hover: var(--mer-color__tinted-primary--10);--tab-caption__bg-color--selected-inline: transparent;--tab-caption__bg-color--selected-stack: var(--mer-color__tinted-primary--10);--tab-caption__border-color--selected-inline: var(--mer-accent__primary);--tab-caption__border-color--selected-stack: var( --mer-color__tinted-primary--20 );--tab-caption__color--selected: var(--mer-text__highlighted);--tab-caption__bg-color--disabled: transparent;--tab-caption__border-color--disabled: var( --mer-border-color__on-elevation--01 );--tab-caption__color--disabled: var(--mer-text__primary--disabled);--tab-caption__padding-block: var(--mer-spacing--xs);--tab-caption__padding-inline: var(--mer-spacing--sm);--tab-caption__gap: var(--mer-spacing--xs);--mer-surface: var(--mer-color__neutral-gray--900);--mer-color__surface: var( --mer-surface );--mer-surface__elevation--01: var(--mer-color__neutral-gray--800);--mer-surface__elevation--02: var(--mer-color__neutral-gray--700);--mer-surface__elevation--03: var(--mer-color__neutral-gray--650);--mer-box-shadow--01: 0px 4px 20px 0px #00000040;--mer-text__on-surface: var(--mer-color__neutral-gray--200);--mer-text__on-primary: var(--mer-color__neutral-gray--900);--mer-text__on-primary--active: var(--mer-color__neutral-gray--100);--mer-text__on-disabled: var(--mer-color__neutral-gray--450);--mer-text__on-message: var(--mer-color__neutral-gray--700);--mer-text__on-elevation: var(--mer-color__neutral-gray--100);--mer-text__primary: var(--mer-accent__primary);--mer-text__primary--hover: var(--mer-accent__primary--hover);--mer-text__primary--active: var(--mer-accent__primary--active);--mer-text__primary--disabled: var(--mer-accent__primary--disabled);--mer-text__neutral: var(--mer-color__neutral-gray--300);--mer-text__highlighted: var(--mer-color__neutral-gray--100);--mer-text__success: var(--mer-color__message-green--100);--mer-text__error: var(--mer-color__message-red--100);--mer-text__warning: var(--mer-color__message-yellow--100);--mer-text__complementary: var(--mer-color__neutral-gray--450);--mer-text__bright: var( --mer-color__neutral-gray--100 );--font-family-header: Inter, Helvetica, Arial, sans-serif;--font-family-body: Inter, Helvetica, Arial, sans-serif;--font-family-code: monospace;--font-size-header-h1: 40px;--font-size-header-h2: 32px;--font-size-header-h3: 28px;--font-size-header-h4: 24px;--font-size-header-h5: 20px;--font-size-header-h6: 18px;--font-size-subtitle-l: 20px;--font-size-subtitle-m: 18px;--font-size-subtitle-s: 16px;--font-size-subtitle-xs: 14px;--font-size-body-xl: 18px;--font-size-body-l: 16px;--font-size-body-m: 14px;--font-size-body-s: 12px;--font-size-body-xs: 11px;--font-size-tiny-l: 12px;--font-size-tiny-m: 11px;--font-size-tiny-s: 10px;--font-size-tiny-xs: 8px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-regular: 400;--line-height-tight: 1.2;--line-height-regular: 1.3;--mer-font-family--title: Inter, Helvetica, Arial, sans-serif;--mer-font-family--body: Inter, Helvetica, Arial, sans-serif;--mer-font-family--code: monospace;--mer-font__weight--extra-bold: 800;--mer-font__weight--bold: 700;--mer-font__weight--semi-bold: 600;--mer-font__weight--medium: 500;--mer-font__weight--regular: 400;--mer-font__weight--light: 300;--mer-font__size--4xs: 11px;--mer-font__size--3xs: 12px;--mer-font__size--2xs: 13px;--mer-font__size--xs: 14px;--mer-font__size--sm: 16px;--mer-font__size--md: 20px;--mer-font__size--lg: 24px;--mer-font__size--xl: 36px;--mer-font__size--2xl: 40px;--mer-line-height--tight: 1.3;--mer-line-height--regular: 1.4;--mer-line-height--spaced: 1.5;--mer-spacing--3xs: 2px;--mer-spacing--2xs: 4px;--mer-spacing--xs: 8px;--mer-spacing--sm: 12px;--mer-spacing--md: 16px;--mer-spacing--lg: 24px;--mer-spacing--xl: 32px;--mer-spacing--2xl: 40px;--mer-spacing--3xl: 48px;--mer-spacing--4xl: 64px;--mer-timing--super-fast: 100ms;--mer-timing--fast: 200ms;--mer-timing--regular: 500ms;--mer-timing--slow: 1000ms}:root:not(.hydrated){visibility:hidden}body{display:grid;grid-template-rows:1fr;min-block-size:100dvh;margin:0;background-color:var(--mer-surface);color:var(--mer-text__on-surface);font-family:var(--font-family-body);font-size:var(--font-size-body-m);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular)}input,select,textarea{padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}`;

package/dist/bundles.d.ts

@@ -298,10 +298,10 @@ export declare const getThemeBundles: (basePath: string, bundleNamePrefix?: stri
     readonly attachStyleSheet: boolean;
 }];
 /**
- * Given the bundles array and the basePath (optional), returns the given
- * bundles in the format of type `ThemeModel`.
+ * Given the bundles array and the basePath or options (optional), returns the
+ * given bundles in the format of type `ThemeModel`.
  *
- * This is useful for defining the following in a dialog:
+ * This is useful for loading the themes in a component. Example:
  *
  * ```tsx
  * const CSS_BUNDLES: ThemeModel = getBundles(
@@ -315,8 +315,7 @@ export declare const getThemeBundles: (basePath: string, bundleNamePrefix?: stri
  *     "utils/form",
  *     "utils/layout",
  *   ],
- *   "./assets/css/", (optional)
- *   "mercury" (optional)
+ *   "/assets/css/" or { basePath: "/assets/css/", bundleNamePrefix: ..., bundleMappings: ... }, (optional)
  * );
  *
  * HTML/render/template:
@@ -326,12 +325,18 @@ export declare const getThemeBundles: (basePath: string, bundleNamePrefix?: stri
  *   </Host>
  * ```
  */
-export declare const getBundles: (bundles: MercuryBundleOptimized[] | MercuryBundleFull[], basePath?: string, bundleNamePrefix?: string) => ThemeModel;
+export declare const getBundles: (bundles: MercuryBundleOptimized[] | MercuryBundleFull[], optionsOrBasePath?: string | {
+    basePath?: string;
+    bundleNamePrefix?: string;
+    bundleMappings?: MercuryBundleMapping;
+}) => ThemeModel;
 /**
  * Establish the mapping between the bundle name and its generated hash.
  *
  * If the bundles are created with the CLI that provides Mercury
  * (`mercury` command), this mapping must be set to download the right bundles
  * with the ch-theme component.
+ *
+ * After that, the `getBundles` utility can be used.
  */
 export declare const setBundleMapping: (mappings: MercuryBundleMapping) => void;

package/dist/bundles.js

@@ -1 +1 @@
-"use strict";let s;const n=(c,o,p,t=void 0)=>{const g=p?p+o:o,m=s?s[o]:o,w=`${c}${m}.css`;return t===void 0?{name:g,url:w}:{name:g,url:w,attachStyleSheet:t}};export const getThemeBundles=(c,o)=>[n(c,"components/accordion",o),n(c,"components/button",o),n(c,"components/chat",o),n(c,"components/checkbox",o),n(c,"components/code",o),n(c,"components/combo-box",o),n(c,"components/flexible-layout",o),n(c,"components/dialog",o),n(c,"components/dropdown",o),n(c,"components/icon",o),n(c,"components/edit",o),n(c,"components/layout-splitter",o),n(c,"components/list-box",o),n(c,"components/markdown-viewer",o,!1),n(c,"components/navigation-list",o),n(c,"components/pills",o),n(c,"components/radio-group",o),n(c,"components/segmented-control",o),n(c,"components/sidebar",o),n(c,"components/slider",o),n(c,"components/switch",o),n(c,"components/tab",o),n(c,"components/tabular-grid",o),n(c,"components/ticket-list",o),n(c,"components/tooltip",o),n(c,"components/tree-view",o),n(c,"components/widget",o),n(c,"resets/box-sizing",o),n(c,"utils/form",o),n(c,"utils/elevation",o),n(c,"utils/form--full",o),n(c,"utils/layout",o),n(c,"utils/spacing",o),n(c,"utils/typography",o),n(c,"chameleon/scrollbar",o)];const v=(c,o)=>o?c.map(p=>o+p):c;export const getBundles=(c,o,p)=>o?c.map(t=>n(o,t,p)):v(c,p),setBundleMapping=c=>{s=c};
+"use strict";let s;const c=(o,n)=>{const{attachStyleSheet:t,bundleName:l,bundleNamePrefix:p,bundleMappings:m}=n,e=p?p+l:l,u=m??s,g=u?u[l]:l,d=`${o}${g}.css`;return t===void 0?{name:e,url:d}:{name:e,url:d,attachStyleSheet:t}};export const getThemeBundles=(o,n)=>[c(o,{bundleName:"components/accordion",bundleNamePrefix:n}),c(o,{bundleName:"components/button",bundleNamePrefix:n}),c(o,{bundleName:"components/chat",bundleNamePrefix:n}),c(o,{bundleName:"components/checkbox",bundleNamePrefix:n}),c(o,{bundleName:"components/code",bundleNamePrefix:n}),c(o,{bundleName:"components/combo-box",bundleNamePrefix:n}),c(o,{bundleName:"components/flexible-layout",bundleNamePrefix:n}),c(o,{bundleName:"components/dialog",bundleNamePrefix:n}),c(o,{bundleName:"components/dropdown",bundleNamePrefix:n}),c(o,{bundleName:"components/icon",bundleNamePrefix:n}),c(o,{bundleName:"components/edit",bundleNamePrefix:n}),c(o,{bundleName:"components/layout-splitter",bundleNamePrefix:n}),c(o,{bundleName:"components/list-box",bundleNamePrefix:n}),c(o,{bundleName:"components/markdown-viewer",bundleNamePrefix:n,attachStyleSheet:!1}),c(o,{bundleName:"components/navigation-list",bundleNamePrefix:n}),c(o,{bundleName:"components/pills",bundleNamePrefix:n}),c(o,{bundleName:"components/radio-group",bundleNamePrefix:n}),c(o,{bundleName:"components/segmented-control",bundleNamePrefix:n}),c(o,{bundleName:"components/sidebar",bundleNamePrefix:n}),c(o,{bundleName:"components/slider",bundleNamePrefix:n}),c(o,{bundleName:"components/switch",bundleNamePrefix:n}),c(o,{bundleName:"components/tab",bundleNamePrefix:n}),c(o,{bundleName:"components/tabular-grid",bundleNamePrefix:n}),c(o,{bundleName:"components/ticket-list",bundleNamePrefix:n}),c(o,{bundleName:"components/tooltip",bundleNamePrefix:n}),c(o,{bundleName:"components/tree-view",bundleNamePrefix:n}),c(o,{bundleName:"components/widget",bundleNamePrefix:n}),c(o,{bundleName:"resets/box-sizing",bundleNamePrefix:n}),c(o,{bundleName:"utils/form",bundleNamePrefix:n}),c(o,{bundleName:"utils/elevation",bundleNamePrefix:n}),c(o,{bundleName:"utils/form--full",bundleNamePrefix:n}),c(o,{bundleName:"utils/layout",bundleNamePrefix:n}),c(o,{bundleName:"utils/spacing",bundleNamePrefix:n}),c(o,{bundleName:"utils/typography",bundleNamePrefix:n}),c(o,{bundleName:"chameleon/scrollbar",bundleNamePrefix:n})];const y=(o,n)=>n?o.map(t=>n+t):o;export const getBundles=(o,n)=>{let t,l,p;return typeof n=="object"?(t=n.basePath,l=n.bundleNamePrefix,p=n.bundleMappings):t=n,t?o.map(m=>c(t,{bundleName:m,bundleNamePrefix:l,bundleMappings:p})):y(o,l)},setBundleMapping=o=>{s=o};

package/dist/mercury.scss

@@ -1081,12 +1081,12 @@
     --mer-color__message-green--200: #9ccba1;
     --mer-color__message-yellow--100: #dfa135;
     --mer-color__message-yellow--200: #dfa135;
-    --mer-color__message-red--100: #da1a27;
-    --mer-color__message-red--200: #da1a27;
-    --mer-color__message-red--300: #4d0000;
-    --mer-color__message-red--400: #800000;
-    --mer-color__message-red--500: #ff9999;
-    --mer-color__message-red--600: #ff9999;
+    --mer-color__message-red--100: #e35861;
+    --mer-color__message-red--200: #d54b54;
+    --mer-color__message-red--300: #ff6161;
+    --mer-color__message-red--400: #ff9999;
+    --mer-color__message-red--500: #800000;
+    --mer-color__message-red--600: #4d0000;
   } @else {
     // Mercury Colors
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.16.0",
+  "version": "0.17.1",
   "description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",