@embeddable.com/remarkable-ui 2.0.43 → 2.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/global.css CHANGED
@@ -1 +1 @@
1
- :root{--em-core-border-radius--000: 0px;--em-core-border-radius--050: 2px;--em-core-border-radius--100: 4px;--em-core-border-radius--150: 6px;--em-core-border-radius--200: 8px;--em-core-border-radius--300: 12px;--em-core-border-radius--400: 32px;--em-core-border-radius--500: 9999px;--em-core-border-width--000: 0px;--em-core-border-width--025: 1px;--em-core-border-width--050: 2px;--em-core-border-width--100: 4px;--em-core-color-gray--0000: rgb(255 255 255);--em-core-color-gray--0050: rgb(247 247 248);--em-core-color-gray--0100: rgb(237 237 241);--em-core-color-gray--0200: rgb(228 228 234);--em-core-color-gray--0300: rgb(210 210 213);--em-core-color-gray--0400: rgb(184 184 189);--em-core-color-gray--0500: rgb(144 144 152);--em-core-color-gray--0600: rgb(114 114 121);--em-core-color-gray--0700: rgb(92 92 102);--em-core-color-gray--0800: rgb(49 49 61);--em-core-color-gray--0900: rgb(33 33 41);--em-core-color-gray--1000: rgb(0 0 0);--em-core-font-family--base: "inter";--em-core-font-size--md: 16px;--em-core-font-size--sm: 14px;--em-core-font-size--xl: 20px;--em-core-font-size--xs: 12px;--em-core-font-size--xxl: 32px;--em-core-font-weight--bold: 700px;--em-core-font-weight--medium: 500px;--em-core-font-weight--regular: 400px;--em-core-line-height--l: 19px;--em-core-line-height--md: 16px;--em-core-line-height--sm: 14px;--em-core-line-height--xl: 38px;--em-core-shadow-blur: 40px;--em-core-shadow-color: rgb(33 33 41 / 25%);--em-core-shadow-position-x: 0px;--em-core-shadow-position-y: 1px;--em-core-shadow-spread: 0px;--em-core-size--0000: 0px;--em-core-size--0050: 2px;--em-core-size--0100: 4px;--em-core-size--0150: 6px;--em-core-size--0200: 8px;--em-core-size--0300: 12px;--em-core-size--0400: 16px;--em-core-size--0500: 20px;--em-core-size--0600: 24px;--em-core-size--0700: 28px;--em-core-size--0800: 32px;--em-core-size--0900: 36px;--em-core-size--1000: 40px;--em-core-size--1200: 48px;--em-core-size--1600: 64px;--em-core-size--2000: 80px;--em-core-spacing--0000: 0px;--em-core-spacing--0050: 2px;--em-core-spacing--0100: 4px;--em-core-spacing--0150: 6px;--em-core-spacing--0200: 8px;--em-core-spacing--0300: 12px;--em-core-spacing--0400: 16px;--em-core-spacing--0500: 20px;--em-core-spacing--0600: 24px;--em-core-spacing--0700: 28px;--em-core-spacing--0800: 32px;--em-core-spacing--0900: 36px;--em-core-spacing--1000: 40px;--em-core-spacing--1200: 48px;--em-core-spacing--1600: 64px;--em-core-spacing--2000: 80px}:root{--em-sem-background: var(--em-core-color-gray--0050);--em-sem-background--inverted: var(--em-core-color-gray--0900);--em-sem-background--light: var(--em-core-color-gray--0100);--em-sem-background--muted: var(--em-core-color-gray--0300);--em-sem-background--neutral: var(--em-core-color-gray--0000);--em-sem-background--subtle: var(--em-core-color-gray--0200);--em-sem-chart-color--1: rgb(255 84 0);--em-sem-chart-color--10: rgb(141 153 174);--em-sem-chart-color--2: rgb(58 134 255);--em-sem-chart-color--3: rgb(255 138 0);--em-sem-chart-color--4: rgb(255 47 109);--em-sem-chart-color--5: rgb(46 196 182);--em-sem-chart-color--6: rgb(106 76 255);--em-sem-chart-color--7: rgb(131 56 236);--em-sem-chart-color--8: rgb(0 180 216);--em-sem-chart-color--9: rgb(76 175 80);--em-sem-status-error-background: rgb(246 226 226);--em-sem-status-error-text: rgb(188 16 16);--em-sem-status-success-background: rgb(225 240 233);--em-sem-status-success-text: rgb(15 149 90);--em-sem-text: var(--em-core-color-gray--0900);--em-sem-text--inverted: var(--em-core-color-gray--0000);--em-sem-text--muted: var(--em-core-color-gray--0700);--em-sem-text--neutral: var(--em-core-color-gray--1000);--em-sem-text--subtle: var(--em-core-color-gray--0400)}:root{--em-actionicon-background: var(--em-sem-background--light);--em-actionicon-background--active: var(--em-sem-background--muted);--em-actionicon-background--hover: var(--em-sem-background--subtle);--em-actionicon-border-color: rgb(255 255 255 / 0%);--em-actionicon-border-color--active: rgb(255 255 255 / 0%);--em-actionicon-border-color--disabled: rgb(255 255 255 / 0%);--em-actionicon-border-color--hover: rgb(255 255 255 / 0%);--em-actionicon-border-radius: var(--em-core-border-radius--500);--em-actionicon-border-width: 0px;--em-actionicon-color: var(--em-sem-text);--em-actionicon-color--disabled: var(--em-sem-text--subtle);--em-actionicon-height: var(--em-core-size--0800);--em-actionicon-icon-size: var(--em-core-size--0400);--em-actionicon-width: var(--em-core-size--0500);--em-barchart-border-radius: var(--em-core-border-radius--150);--em-barchart-label-gap: var(--em-core-spacing--0200);--em-button-background--disabled: var(--em-sem-background--light);--em-button-background--primary: var(--em-sem-text--muted);--em-button-background--primary--active: var(--em-sem-text--neutral);--em-button-background--primary--hover: var(--em-sem-text);--em-button-background--secondary: var(--em-sem-background--light);--em-button-background--secondary--active: var(--em-sem-background--muted);--em-button-background--secondary--hover: var(--em-sem-background--subtle);--em-button-border-color--primary: rgb(255 255 255 / 0%);--em-button-border-color--primary--active: rgb(255 255 255 / 0%);--em-button-border-color--primary--disabled: rgb(255 255 255 / 0%);--em-button-border-color--primary--hover: rgb(255 255 255 / 0%);--em-button-border-color--secondary: rgb(255 255 255 / 0%);--em-button-border-color--secondary--active: rgb(255 255 255 / 0%);--em-button-border-color--secondary--disabled: rgb(255 255 255 / 0%);--em-button-border-color--secondary--hover: rgb(255 255 255 / 0%);--em-button-border-radius: var(--em-core-border-radius--500);--em-button-border-width: 0px;--em-button-color--disabled: var(--em-sem-text--subtle);--em-button-color--primary: var(--em-sem-text--inverted);--em-button-color--secondary: var(--em-sem-text);--em-button-font-family: var(--em-core-font-family--base);--em-button-font-size--medium: var(--em-core-font-size--sm);--em-button-font-size--small: var(--em-core-font-size--xs);--em-button-font-weight--medium: var(--em-core-font-weight--bold);--em-button-font-weight--small: var(--em-core-font-weight--medium);--em-button-height--medium: var(--em-core-size--1000);--em-button-height--small: var(--em-core-size--0800);--em-button-icon-size: var(--em-core-size--0400);--em-button-label-padding: var(--em-core-spacing--0200);--em-button-line-height--medium: var(--em-core-line-height--md);--em-button-line-height--small: var(--em-core-line-height--sm);--em-button-padding-left-right--medium: var(--em-core-spacing--0300);--em-button-padding-left-right--small: var(--em-core-spacing--0150);--em-buttonicon-background--primary: var(--em-sem-text--muted);--em-buttonicon-background--primary--active: var(--em-sem-text--neutral);--em-buttonicon-background--primary--disabled: var(--em-sem-background--light);--em-buttonicon-background--primary--hover: var(--em-sem-text);--em-buttonicon-background--secondary: var(--em-sem-background--light);--em-buttonicon-background--secondary--active: var(--em-sem-background--muted);--em-buttonicon-background--secondary--disabled: var(--em-sem-background--light);--em-buttonicon-background--secondary--hover: var(--em-sem-background--subtle);--em-buttonicon-border-color--primary: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--active: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--disabled: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--hover: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--active: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--disabled: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--hover: rgb(255 255 255 / 0%);--em-buttonicon-border-radius: var(--em-core-border-radius--500);--em-buttonicon-border-width: 0px;--em-buttonicon-color--disabled: var(--em-sem-text--subtle);--em-buttonicon-color--primary: var(--em-sem-text--inverted);--em-buttonicon-color--secondary: var(--em-sem-text);--em-buttonicon-height--medium: var(--em-core-size--1000);--em-buttonicon-height--small: var(--em-core-size--0800);--em-buttonicon-icon-size: var(--em-core-size--0400);--em-buttonicon-width--medium: var(--em-core-size--1000);--em-buttonicon-width--small: var(--em-core-size--0800);--em-card-background: var(--em-sem-background);--em-card-border-color: rgb(255 255 255 / 0%);--em-card-border-radius: var(--em-core-border-radius--400);--em-card-border-width: 0px;--em-card-feedback-color--error: var(--em-sem-status-error-text);--em-card-feedback-font-size: var(--em-core-font-size--sm);--em-card-feedback-gap: var(--em-core-spacing--0300);--em-card-feedback-icon-size: var(--em-core-size--0400);--em-card-feedback-line-height: var(--em-core-line-height--md);--em-card-feedback-padding-bottom: var(--em-core-spacing--0800);--em-card-feedback-subtitle-color: var(--em-sem-text--muted);--em-card-feedback-subtitle-font-weight: var(--em-core-font-weight--regular);--em-card-feedback-title-color: var(--em-sem-text);--em-card-feedback-title-font-weight: var(--em-core-font-weight--medium);--em-card-font-family: var(--em-core-font-family--base);--em-card-gap: var(--em-core-spacing--0800);--em-card-gap--compact: var(--em-core-spacing--0200);--em-card-header-gap: var(--em-core-spacing--0400);--em-card-header-gap--compact: var(--em-core-spacing--0100);--em-card-info-icon-color: var(--em-sem-text);--em-card-info-icon-gap: var(--em-core-spacing--0100);--em-card-info-icon-size: var(--em-core-size--0400);--em-card-loader-background: var(--em-sem-background--neutral);--em-card-loader-border-radius: var(--em-core-border-radius--500);--em-card-loader-color: var(--em-sem-text);--em-card-loader-padding: var(--em-core-spacing--0100);--em-card-loader-size: var(--em-core-size--0600);--em-card-padding: var(--em-core-spacing--0800);--em-card-subtitle-color: var(--em-sem-text--muted);--em-card-subtitle-font-size: var(--em-core-font-size--sm);--em-card-subtitle-font-weight: var(--em-core-font-weight--regular);--em-card-subtitle-line-height: var(--em-core-line-height--l);--em-card-title-color: var(--em-sem-text);--em-card-title-font-size: var(--em-core-font-size--md);--em-card-title-font-weight: var(--em-core-font-weight--bold);--em-card-title-line-height: var(--em-core-line-height--l);--em-chart-category-color: var(--em-sem-text--muted);--em-chart-category-font-family: var(--em-core-font-family--base);--em-chart-category-font-size: var(--em-core-font-size--xs);--em-chart-category-font-weight: var(--em-core-font-weight--medium);--em-chart-category-gap: var(--em-core-spacing--0100);--em-chart-category-indicator-border-radius: var(--em-core-border-radius--500);--em-chart-category-indicator-color: var(--em-sem-chart-color--1);--em-chart-category-line-height: var(--em-core-line-height--sm);--em-chart-category-list-gap: var(--em-core-spacing--0400);--em-chart-category-size: var(--em-core-size--0300);--em-chart-grid-font-family: var(--em-core-font-family--base);--em-chart-grid-label-color: var(--em-sem-text);--em-chart-grid-label-color--light: var(--em-sem-background--light);--em-chart-grid-label-color--muted: var(--em-sem-text--muted);--em-chart-grid-label-color--subtle: var(--em-sem-text--subtle);--em-chart-grid-label-font-size: var(--em-core-font-size--xs);--em-chart-grid-label-font-weight: var(--em-core-font-weight--regular);--em-chart-grid-line-color: var(--em-sem-text);--em-chart-grid-line-color--light: var(--em-sem-background--light);--em-chart-grid-line-color--subtle: var(--em-sem-text--subtle);--em-chart-grid-line-width--medium: 2px;--em-chart-grid-line-width--thick: 4px;--em-chart-grid-line-width--thin: 1px;--em-chart-grid-tick-length: var(--em-core-size--0100);--em-chart-grid-tick-width: 1px;--em-chart-grid-title-font-size: var(--em-core-font-size--sm);--em-chart-grid-title-font-weight: var(--em-core-font-weight--bold);--em-chart-label-background: var(--em-sem-background--neutral);--em-chart-label-border-radius: var(--em-core-border-radius--500);--em-chart-label-color: var(--em-sem-text);--em-chart-label-font-family: var(--em-core-font-family--base);--em-chart-label-font-size: var(--em-core-font-size--xs);--em-chart-label-font-weight: var(--em-core-font-weight--medium);--em-chart-label-line-height: var(--em-core-line-height--sm);--em-chart-label-padding-left-right: var(--em-core-spacing--0100);--em-chart-label-padding-top-bottom: var(--em-core-spacing--0050);--em-chart-selectfield-padding-bottom: var(--em-core-spacing--0400);--em-chart-tabs-border-color--hover: var(--em-core-color-gray--0200);--em-chart-tabs-border-color--selected: var(--em-core-color-gray--0400);--em-chart-tabs-border-radius: var(--em-core-border-radius--300);--em-chart-tabs-border-width: var(--em-core-border-width--025);--em-chart-tabs-color: var(--em-sem-text--neutral);--em-chart-tabs-font-family: var(--em-core-font-family--base);--em-chart-tabs-gap: var(--em-core-spacing--0200);--em-chart-tabs-padding: var(--em-core-spacing--0300);--em-chart-tabs-pagination-padding: var(--em-core-spacing--0100);--em-chart-tabs-title-font-size: var(--em-core-font-size--xs);--em-chart-tabs-title-font-weight: var(--em-core-font-weight--medium);--em-chart-tabs-title-line-height: var(--em-core-line-height--sm);--em-chart-tabs-value-font-size: var(--em-core-font-size--xl);--em-chart-tabs-value-font-weight: var(--em-core-font-weight--medium);--em-chart-tabs-value-line-height: var(--em-core-line-height--l);--em-chart-tooltip-background: var(--em-sem-background--inverted);--em-chart-tooltip-border-radius: var(--em-core-border-radius--300);--em-chart-tooltip-family: var(--em-core-font-family--base);--em-chart-tooltip-gap: var(--em-core-spacing--0200);--em-chart-tooltip-padding: var(--em-core-spacing--0400);--em-chart-tooltip-title-color: var(--em-sem-text--inverted);--em-chart-tooltip-title-font-size: var(--em-core-font-size--sm);--em-chart-tooltip-title-font-weight: var(--em-core-font-weight--bold);--em-chart-tooltip-title-line-height: var(--em-core-line-height--md);--em-daterangepicker-accent-color: var(--em-sem-background--inverted);--em-daterangepicker-chevron--active: var(--em-sem-background--muted);--em-daterangepicker-chevron--hover: var(--em-sem-background--subtle);--em-daterangepicker-chevron-background: var(--em-sem-background--light);--em-daterangepicker-chevron-border-radius: var(--em-core-border-radius--200);--em-daterangepicker-chevron-color: var(--em-sem-text);--em-daterangepicker-chevron-icon-size: var(--em-core-size--0400);--em-daterangepicker-chevron-size: var(--em-core-size--0800);--em-daterangepicker-day-color: var(--em-sem-text);--em-daterangepicker-day-font-family: var(--em-core-font-family--base);--em-daterangepicker-day-font-size: var(--em-core-font-size--sm);--em-daterangepicker-day-font-weight: var(--em-core-font-weight--medium);--em-daterangepicker-day-outside: var(--em-sem-text--subtle);--em-daterangepicker-day-range-background: var(--em-sem-background--light);--em-daterangepicker-day-range-limit-border-radius: var(--em-core-border-radius--200);--em-daterangepicker-day-range-limit-color: var(--em-sem-text--inverted);--em-daterangepicker-day-size: var(--em-core-size--0800);--em-daterangepicker-label-color: var(--em-sem-text);--em-daterangepicker-label-font-family: var(--em-core-font-family--base);--em-daterangepicker-label-font-size: var(--em-core-font-size--sm);--em-daterangepicker-label-font-weight: var(--em-core-font-weight--medium);--em-daterangepicker-weekday-color: var(--em-sem-text--muted);--em-daterangepicker-weekday-font-family: var(--em-core-font-family--base);--em-daterangepicker-weekday-font-size: var(--em-core-font-size--sm);--em-daterangepicker-weekday-font-weight: var(--em-core-font-weight--medium);--em-divider-color: var(--em-sem-background--subtle);--em-divider-thickness: 1px;--em-field-feedback-color: var(--em-sem-text--muted);--em-field-feedback-color--error: var(--em-sem-status-error-text);--em-field-feedback-error-font-size: var(--em-core-font-size--xs);--em-field-feedback-error-font-weight: var(--em-core-font-weight--medium);--em-field-feedback-error-line-height: var(--em-core-line-height--md);--em-field-feedback-font-size: var(--em-core-font-size--xs);--em-field-feedback-font-weight: var(--em-core-font-weight--regular);--em-field-feedback-line-height: var(--em-core-line-height--sm);--em-field-feedback-padding-bottom: var(--em-core-spacing--0200);--em-field-feedback-padding-top: var(--em-core-spacing--0200);--em-field-font-family: var(--em-core-font-family--base);--em-field-header-color: var(--em-sem-text);--em-field-header-padding-bottom: var(--em-core-spacing--0200);--em-field-header-required-font-size: var(--em-core-font-size--xs);--em-field-header-required-font-weight: var(--em-core-font-weight--regular);--em-field-header-required-line-height: var(--em-core-line-height--sm);--em-field-header-title-font-size: var(--em-core-font-size--sm);--em-field-header-title-font-weight: var(--em-core-font-weight--medium);--em-field-header-title-line-height: var(--em-core-line-height--md);--em-ghostbutton-background--active: var(--em-sem-background--subtle);--em-ghostbutton-background--hover: var(--em-sem-background--light);--em-ghostbutton-border-color: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--active: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--disabled: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--hover: rgb(255 255 255 / 0%);--em-ghostbutton-border-radius: var(--em-core-border-radius--100);--em-ghostbutton-border-width: 0px;--em-ghostbutton-color: var(--em-sem-text);--em-ghostbutton-color--disabled: var(--em-sem-text--subtle);--em-ghostbutton-font-family: var(--em-core-font-family--base);--em-ghostbutton-font-size: var(--em-core-font-size--xs);--em-ghostbutton-font-weight: var(--em-core-font-weight--regular);--em-ghostbutton-height: var(--em-core-size--0500);--em-ghostbutton-icon-size: var(--em-core-size--0400);--em-ghostbutton-label-padding-left: var(--em-core-spacing--0100);--em-ghostbutton-label-padding-right: var(--em-core-spacing--0100);--em-ghostbutton-line-height: var(--em-core-line-height--sm);--em-ghostbutton-padding-left-right: var(--em-core-spacing--0050);--em-kpichart-color: var(--em-sem-text);--em-kpichart-font-family: var(--em-core-font-family--base);--em-kpichart-gap: var(--em-core-spacing--0400);--em-kpichart-label-font-size: var(--em-core-font-size--sm);--em-kpichart-label-font-weight: var(--em-core-font-weight--regular);--em-kpichart-label-gap: var(--em-core-spacing--0200);--em-kpichart-number-font-size: var(--em-core-font-size--xxl);--em-kpichart-number-font-weight: var(--em-core-font-weight--bold);--em-kpichart-number-line-height: var(--em-core-line-height--xl);--em-kpichart-trend-background--negative: var(--em-sem-status-error-background);--em-kpichart-trend-background--positive: var(--em-sem-status-success-background);--em-kpichart-trend-border-radius: var(--em-core-border-radius--150);--em-kpichart-trend-color--negative: var(--em-sem-status-error-text);--em-kpichart-trend-color--positive: var(--em-sem-status-success-text);--em-kpichart-trend-font-size: var(--em-core-font-size--md);--em-kpichart-trend-font-weight: var(--em-core-font-weight--medium);--em-kpichart-trend-height: var(--em-core-size--0600);--em-kpichart-trend-icon-size: var(--em-core-size--0400);--em-kpichart-trend-line-height: var(--em-core-line-height--md);--em-kpichart-trend-padding: var(--em-core-spacing--0100);--em-linechart-line-dash: var(--em-core-size--0100);--em-linechart-line-gap: var(--em-core-size--0100);--em-linechart-line-width: 2px;--em-linechart-point-size: var(--em-core-size--0200);--em-linechart-point-size--hover: var(--em-core-size--0300);--em-markdown-h1-color: var(--em-sem-text);--em-markdown-h1-font-family: var(--em-core-font-family--base);--em-markdown-h1-font-size: var(--em-core-font-size--xxl);--em-markdown-h1-font-weight: var(--em-core-font-weight--bold);--em-markdown-h1-line-height: var(--em-core-line-height--xl);--em-markdown-h2-color: var(--em-sem-text);--em-markdown-h2-font-family: var(--em-core-font-family--base);--em-markdown-h2-font-size: var(--em-core-font-size--xl);--em-markdown-h2-font-weight: var(--em-core-font-weight--bold);--em-markdown-h2-line-height: var(--em-core-line-height--l);--em-markdown-h3-color: var(--em-sem-text);--em-markdown-h3-font-family: var(--em-core-font-family--base);--em-markdown-h3-font-size: var(--em-core-font-size--md);--em-markdown-h3-font-weight: var(--em-core-font-weight--bold);--em-markdown-h3-line-height: var(--em-core-line-height--md);--em-markdown-link-color: var(--em-sem-text);--em-markdown-link-font-family: var(--em-core-font-family--base);--em-markdown-link-font-size: var(--em-core-font-size--sm);--em-markdown-link-font-weight: var(--em-core-font-weight--medium);--em-markdown-link-line-height: var(--em-core-line-height--md);--em-markdown-p-color: var(--em-sem-text);--em-markdown-p-font-family: var(--em-core-font-family--base);--em-markdown-p-font-size: var(--em-core-font-size--sm);--em-markdown-p-font-weight--bold: var(--em-core-font-weight--bold);--em-markdown-p-font-weight--regular: var(--em-core-font-weight--regular);--em-markdown-p-line-height: var(--em-core-line-height--md);--em-overlay-background: rgb(33 33 41 / 90%);--em-piechart-donut-color: var(--em-sem-text);--em-piechart-donut-label-font-size: var(--em-core-font-size--md);--em-piechart-donut-label-font-weight: var(--em-core-font-weight--medium);--em-piechart-donut-label-line-height: var(--em-core-line-height--md);--em-piechart-donut-number-font-size: var(--em-core-font-size--xxl);--em-piechart-donut-number-font-weight: var(--em-core-font-weight--bold);--em-piechart-donut-number-line-height: var(--em-core-line-height--xl);--em-piechart-font-family: var(--em-core-font-family--base);--em-selectfield-category-background: var(--em-sem-background--subtle);--em-selectfield-category-border-radius: var(--em-core-border-radius--150);--em-selectfield-category-color: var(--em-sem-text--neutral);--em-selectfield-category-font-family: var(--em-core-font-family--base);--em-selectfield-category-font-size: var(--em-core-font-size--xs);--em-selectfield-category-font-weight: var(--em-core-font-weight--bold);--em-selectfield-category-line-height: var(--em-core-line-height--sm);--em-selectfield-category-padding: var(--em-core-spacing--0100);--em-selectfield-content-background: var(--em-sem-background--neutral);--em-selectfield-content-border-radius: var(--em-core-border-radius--300);--em-selectfield-content-gap: var(--em-core-spacing--0200);--em-selectfield-content-max-height: 320px;--em-selectfield-content-max-width: 400px;--em-selectfield-content-opacity--loading: 50px;--em-selectfield-content-padding: var(--em-core-spacing--0200);--em-selectfield-content-shadow-blur: var(--em-core-shadow-blur);--em-selectfield-content-shadow-color: rgb(33 33 41 / 25%);--em-selectfield-content-shadow-position-x: var(--em-core-shadow-position-x);--em-selectfield-content-shadow-position-y: var(--em-core-shadow-position-y);--em-selectfield-content-shadow-spread: var(--em-core-shadow-spread);--em-selectfield-item-background: var(--em-sem-background--neutral);--em-selectfield-item-background--active: var(--em-sem-background--light);--em-selectfield-item-background--hover: var(--em-sem-background);--em-selectfield-item-background--selected: var(--em-sem-background--inverted);--em-selectfield-item-border-radius: var(--em-core-border-radius--200);--em-selectfield-item-font-family: var(--em-core-font-family--base);--em-selectfield-item-height: var(--em-core-size--0800);--em-selectfield-item-icon-color: var(--em-sem-text);--em-selectfield-item-icon-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-icon-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-icon-size: var(--em-core-size--0400);--em-selectfield-item-label-left-color: var(--em-sem-text);--em-selectfield-item-label-left-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-label-left-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-label-left-font-size: var(--em-core-font-size--xs);--em-selectfield-item-label-left-font-weight: var(--em-core-font-weight--medium);--em-selectfield-item-label-left-line-height: var(--em-core-line-height--sm);--em-selectfield-item-label-padding-left-right: var(--em-core-spacing--0200);--em-selectfield-item-label-right-color: var(--em-sem-text--muted);--em-selectfield-item-label-right-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-label-right-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-label-right-font-size: var(--em-core-font-size--xs);--em-selectfield-item-label-right-font-weight: var(--em-core-font-weight--regular);--em-selectfield-item-label-right-line-height: var(--em-core-line-height--sm);--em-selectfield-item-padding: var(--em-core-spacing--0200);--em-selectfield-trigger-background: var(--em-sem-background--neutral);--em-selectfield-trigger-background--active: var(--em-sem-background--light);--em-selectfield-trigger-background--filled: var(--em-sem-background--inverted);--em-selectfield-trigger-background--hover: var(--em-sem-background);--em-selectfield-trigger-border-color: var(--em-sem-background--muted);--em-selectfield-trigger-border-color--error: var(--em-sem-status-error-text);--em-selectfield-trigger-border-radius: var(--em-core-border-radius--200);--em-selectfield-trigger-border-width: var(--em-core-border-width--025);--em-selectfield-trigger-border-width--error: var(--em-core-border-width--050);--em-selectfield-trigger-color: var(--em-sem-text);--em-selectfield-trigger-color--disabled: var(--em-sem-text--subtle);--em-selectfield-trigger-color--filled: var(--em-sem-text--inverted);--em-selectfield-trigger-font-family: var(--em-core-font-family--base);--em-selectfield-trigger-font-size: var(--em-core-font-size--xs);--em-selectfield-trigger-font-weight: var(--em-core-font-weight--medium);--em-selectfield-trigger-height: var(--em-core-size--1000);--em-selectfield-trigger-icon-size: var(--em-core-size--0400);--em-selectfield-trigger-label-padding-left-right: var(--em-core-spacing--0200);--em-selectfield-trigger-line-height: var(--em-core-line-height--sm);--em-selectfield-trigger-min-width: 64px;--em-selectfield-trigger-padding: var(--em-core-spacing--0300);--em-skeleton-border-radius: var(--em-core-border-radius--300);--em-switch-background--disabled: var(--em-sem-background--subtle);--em-switch-background--off: var(--em-sem-background--subtle);--em-switch-background--on: var(--em-sem-background--inverted);--em-switch-font-family: var(--em-core-font-family--base);--em-switch-height: var(--em-core-size--0400);--em-switch-label-color: var(--em-sem-text);--em-switch-label-color--disabled: var(--em-sem-text--subtle);--em-switch-label-color-font-size: var(--em-core-font-size--md);--em-switch-label-color-font-weight: var(--em-core-font-weight--medium);--em-switch-label-color-line-height: var(--em-core-line-height--md);--em-switch-label-gap: var(--em-core-spacing--0200);--em-switch-shadow-blur: var(--em-core-shadow-blur);--em-switch-shadow-color: var(--em-core-shadow-color);--em-switch-shadow-position-x: var(--em-core-shadow-position-x);--em-switch-shadow-position-y: var(--em-core-shadow-position-y);--em-switch-shadow-spread: var(--em-core-shadow-spread);--em-switch-size-border-radius: var(--em-core-border-radius--500);--em-switch-thumb-background: var(--em-sem-background--neutral);--em-switch-thumb-background--disabled: var(--em-sem-background--light);--em-switch-thumb-background--off: var(--em-sem-text--muted);--em-switch-thumb-padding: var(--em-core-spacing--0050);--em-switch-thumb-size: var(--em-core-size--0300);--em-switch-width: var(--em-core-size--0800);--em-tablechart-border-color: var(--em-sem-background--light);--em-tablechart-border-radius: var(--em-core-border-radius--300);--em-tablechart-border-width: 1px;--em-tablechart-cell-background: var(--em-sem-background--neutral);--em-tablechart-cell-background--hover: var(--em-sem-background);--em-tablechart-cell-height: var(--em-core-size--1000);--em-tablechart-cell-min-width: var(--em-core-size--1200);--em-tablechart-cell-padding: var(--em-core-spacing--0200);--em-tablechart-color: var(--em-sem-text);--em-tablechart-color--muted: var(--em-sem-text--muted);--em-tablechart-font-family: var(--em-core-font-family--base);--em-tablechart-font-size: var(--em-core-font-size--xs);--em-tablechart-font-weight: var(--em-core-font-weight--regular);--em-tablechart-font-weight--bold: var(--em-core-font-weight--bold);--em-tablechart-font-weight--medium: var(--em-core-font-weight--medium);--em-tablechart-header-background: var(--em-sem-background--neutral);--em-tablechart-header-background--hover: var(--em-sem-background);--em-tablechart-heatmap-color: var(--em-sem-chart-color--1);--em-tablechart-icon-size: var(--em-core-size--0400);--em-tablechart-line-height: var(--em-core-line-height--sm);--em-tablechart-loading-indicator-color: var(--em-sem-text--neutral);--em-tablechart-loading-indicator-font-family: var(--em-core-font-family--base);--em-tablechart-loading-indicator-font-size: var(--em-core-font-size--xs);--em-tablechart-loading-indicator-font-weight: var(--em-core-font-weight--bold);--em-tablechart-loading-indicator-padding: var(--em-core-spacing--0300);--em-tablechart-padding-left-right: var(--em-core-spacing--0100);--em-tablechart-pagination-button-gap: var(--em-core-spacing--0200);--em-tablechart-pagination-height: var(--em-core-size--1200);--em-tablechart-pagination-label-padding-left-right: var(--em-core-spacing--0400);--em-tablechart-pivot-ident-padding: var(--em-core-spacing--0400);--em-textfield-background: var(--em-sem-background);--em-textfield-background--active: var(--em-sem-background--subtle);--em-textfield-background--disabled: var(--em-sem-background--neutral);--em-textfield-background--filled: var(--em-sem-background--light);--em-textfield-border-color: var(--em-sem-text--subtle);--em-textfield-border-color--error: var(--em-sem-status-error-text);--em-textfield-border-radius: var(--em-core-border-radius--200);--em-textfield-border-width: var(--em-core-border-width--025);--em-textfield-border-width--error: var(--em-core-border-width--050);--em-textfield-color: var(--em-sem-text--muted);--em-textfield-color--disabled: var(--em-sem-text--subtle);--em-textfield-color--filled: var(--em-sem-text);--em-textfield-feedback-color: var(--em-sem-text--muted);--em-textfield-feedback-color--error: var(--em-sem-status-error-text);--em-textfield-feedback-font-family: var(--em-core-font-family--base);--em-textfield-feedback-font-size: var(--em-core-font-size--xs);--em-textfield-feedback-font-weight: var(--em-core-font-weight--regular);--em-textfield-feedback-font-weight--error: var(--em-core-font-weight--medium);--em-textfield-feedback-line-height: var(--em-core-line-height--md);--em-textfield-font-family: var(--em-core-font-family--base);--em-textfield-font-size: var(--em-core-font-size--xs);--em-textfield-font-weight: var(--em-core-font-weight--regular);--em-textfield-font-weight--filled: var(--em-core-font-weight--medium);--em-textfield-height: var(--em-core-size--1000);--em-textfield-icon-size: var(--em-core-size--0400);--em-textfield-label-padding: var(--em-core-spacing--0200);--em-textfield-line-height: var(--em-core-line-height--md);--em-textfield-max-width: 400px;--em-textfield-min-width: 160px;--em-textfield-padding: var(--em-core-spacing--0200);--em-tooltip-background: var(--em-sem-background--inverted);--em-tooltip-border-radius: var(--em-core-border-radius--150);--em-tooltip-color: var(--em-sem-text--inverted);--em-tooltip-font-family: var(--em-core-font-family--base);--em-tooltip-font-size: var(--em-core-font-size--xs);--em-tooltip-font-weight: var(--em-core-font-weight--regular);--em-tooltip-line-height: var(--em-core-line-height--sm);--em-tooltip-max-width: 256px;--em-tooltip-padding-left-right: var(--em-core-spacing--0200);--em-tooltip-padding-top-bottom: var(--em-core-spacing--0150)}
1
+ :root{--em-core-border-radius--000: 0px;--em-core-border-radius--050: 2px;--em-core-border-radius--100: 4px;--em-core-border-radius--150: 6px;--em-core-border-radius--200: 8px;--em-core-border-radius--300: 12px;--em-core-border-radius--400: 32px;--em-core-border-radius--500: 9999px;--em-core-border-width--000: 0px;--em-core-border-width--025: 1px;--em-core-border-width--050: 2px;--em-core-border-width--100: 4px;--em-core-color-gray--0000: rgb(255 255 255);--em-core-color-gray--0050: rgb(247 247 248);--em-core-color-gray--0100: rgb(237 237 241);--em-core-color-gray--0200: rgb(228 228 234);--em-core-color-gray--0300: rgb(210 210 213);--em-core-color-gray--0400: rgb(184 184 189);--em-core-color-gray--0500: rgb(144 144 152);--em-core-color-gray--0600: rgb(114 114 121);--em-core-color-gray--0700: rgb(92 92 102);--em-core-color-gray--0800: rgb(49 49 61);--em-core-color-gray--0900: rgb(33 33 41);--em-core-color-gray--1000: rgb(0 0 0);--em-core-font-family--base: "inter";--em-core-font-family--code: "monospace";--em-core-font-size--md: 16px;--em-core-font-size--sm: 14px;--em-core-font-size--xl: 20px;--em-core-font-size--xs: 12px;--em-core-font-size--xxl: 32px;--em-core-font-weight--bold: 700px;--em-core-font-weight--medium: 500px;--em-core-font-weight--regular: 400px;--em-core-line-height--l: 19px;--em-core-line-height--md: 16px;--em-core-line-height--sm: 14px;--em-core-line-height--xl: 38px;--em-core-shadow-blur: 40px;--em-core-shadow-color: rgb(33 33 41 / 25%);--em-core-shadow-position-x: 0px;--em-core-shadow-position-y: 1px;--em-core-shadow-spread: 0px;--em-core-size--0000: 0px;--em-core-size--0050: 2px;--em-core-size--0100: 4px;--em-core-size--0150: 6px;--em-core-size--0200: 8px;--em-core-size--0300: 12px;--em-core-size--0400: 16px;--em-core-size--0500: 20px;--em-core-size--0600: 24px;--em-core-size--0700: 28px;--em-core-size--0800: 32px;--em-core-size--0900: 36px;--em-core-size--1000: 40px;--em-core-size--1200: 48px;--em-core-size--1600: 64px;--em-core-size--2000: 80px;--em-core-spacing--0000: 0px;--em-core-spacing--0050: 2px;--em-core-spacing--0100: 4px;--em-core-spacing--0150: 6px;--em-core-spacing--0200: 8px;--em-core-spacing--0300: 12px;--em-core-spacing--0400: 16px;--em-core-spacing--0500: 20px;--em-core-spacing--0600: 24px;--em-core-spacing--0700: 28px;--em-core-spacing--0800: 32px;--em-core-spacing--0900: 36px;--em-core-spacing--1000: 40px;--em-core-spacing--1200: 48px;--em-core-spacing--1600: 64px;--em-core-spacing--2000: 80px}:root{--em-sem-background: var(--em-core-color-gray--0050);--em-sem-background--inverted: var(--em-core-color-gray--0900);--em-sem-background--light: var(--em-core-color-gray--0100);--em-sem-background--muted: var(--em-core-color-gray--0300);--em-sem-background--neutral: var(--em-core-color-gray--0000);--em-sem-background--subtle: var(--em-core-color-gray--0200);--em-sem-chart-color--1: rgb(255 84 0);--em-sem-chart-color--10: rgb(141 153 174);--em-sem-chart-color--2: rgb(58 134 255);--em-sem-chart-color--3: rgb(255 138 0);--em-sem-chart-color--4: rgb(255 47 109);--em-sem-chart-color--5: rgb(46 196 182);--em-sem-chart-color--6: rgb(106 76 255);--em-sem-chart-color--7: rgb(131 56 236);--em-sem-chart-color--8: rgb(0 180 216);--em-sem-chart-color--9: rgb(76 175 80);--em-sem-status-error-background: rgb(246 226 226);--em-sem-status-error-text: rgb(188 16 16);--em-sem-status-success-background: rgb(225 240 233);--em-sem-status-success-text: rgb(15 149 90);--em-sem-text: var(--em-core-color-gray--0900);--em-sem-text--inverted: var(--em-core-color-gray--0000);--em-sem-text--muted: var(--em-core-color-gray--0700);--em-sem-text--neutral: var(--em-core-color-gray--1000);--em-sem-text--subtle: var(--em-core-color-gray--0400)}:root{--em-actionicon-background: var(--em-sem-background--light);--em-actionicon-background--active: var(--em-sem-background--muted);--em-actionicon-background--hover: var(--em-sem-background--subtle);--em-actionicon-border-color: rgb(255 255 255 / 0%);--em-actionicon-border-color--active: rgb(255 255 255 / 0%);--em-actionicon-border-color--disabled: rgb(255 255 255 / 0%);--em-actionicon-border-color--hover: rgb(255 255 255 / 0%);--em-actionicon-border-radius: var(--em-core-border-radius--500);--em-actionicon-border-width: 0px;--em-actionicon-color: var(--em-sem-text);--em-actionicon-color--disabled: var(--em-sem-text--subtle);--em-actionicon-height: var(--em-core-size--0800);--em-actionicon-icon-size: var(--em-core-size--0400);--em-actionicon-width: var(--em-core-size--0500);--em-barchart-border-radius: var(--em-core-border-radius--150);--em-barchart-label-gap: var(--em-core-spacing--0200);--em-button-background--disabled: var(--em-sem-background--light);--em-button-background--primary: var(--em-sem-text--muted);--em-button-background--primary--active: var(--em-sem-text--neutral);--em-button-background--primary--hover: var(--em-sem-text);--em-button-background--secondary: var(--em-sem-background--light);--em-button-background--secondary--active: var(--em-sem-background--muted);--em-button-background--secondary--hover: var(--em-sem-background--subtle);--em-button-border-color--primary: rgb(255 255 255 / 0%);--em-button-border-color--primary--active: rgb(255 255 255 / 0%);--em-button-border-color--primary--disabled: rgb(255 255 255 / 0%);--em-button-border-color--primary--hover: rgb(255 255 255 / 0%);--em-button-border-color--secondary: rgb(255 255 255 / 0%);--em-button-border-color--secondary--active: rgb(255 255 255 / 0%);--em-button-border-color--secondary--disabled: rgb(255 255 255 / 0%);--em-button-border-color--secondary--hover: rgb(255 255 255 / 0%);--em-button-border-radius: var(--em-core-border-radius--500);--em-button-border-width: 0px;--em-button-color--disabled: var(--em-sem-text--subtle);--em-button-color--primary: var(--em-sem-text--inverted);--em-button-color--secondary: var(--em-sem-text);--em-button-font-family: var(--em-core-font-family--base);--em-button-font-size--medium: var(--em-core-font-size--sm);--em-button-font-size--small: var(--em-core-font-size--xs);--em-button-font-weight--medium: var(--em-core-font-weight--bold);--em-button-font-weight--small: var(--em-core-font-weight--medium);--em-button-height--medium: var(--em-core-size--1000);--em-button-height--small: var(--em-core-size--0800);--em-button-icon-size: var(--em-core-size--0400);--em-button-label-padding: var(--em-core-spacing--0200);--em-button-line-height--medium: var(--em-core-line-height--md);--em-button-line-height--small: var(--em-core-line-height--sm);--em-button-padding-left-right--medium: var(--em-core-spacing--0300);--em-button-padding-left-right--small: var(--em-core-spacing--0150);--em-buttonicon-background--primary: var(--em-sem-text--muted);--em-buttonicon-background--primary--active: var(--em-sem-text--neutral);--em-buttonicon-background--primary--disabled: var(--em-sem-background--light);--em-buttonicon-background--primary--hover: var(--em-sem-text);--em-buttonicon-background--secondary: var(--em-sem-background--light);--em-buttonicon-background--secondary--active: var(--em-sem-background--muted);--em-buttonicon-background--secondary--disabled: var(--em-sem-background--light);--em-buttonicon-background--secondary--hover: var(--em-sem-background--subtle);--em-buttonicon-border-color--primary: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--active: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--disabled: rgb(255 255 255 / 0%);--em-buttonicon-border-color--primary--hover: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--active: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--disabled: rgb(255 255 255 / 0%);--em-buttonicon-border-color--secondary--hover: rgb(255 255 255 / 0%);--em-buttonicon-border-radius: var(--em-core-border-radius--500);--em-buttonicon-border-width: 0px;--em-buttonicon-color--disabled: var(--em-sem-text--subtle);--em-buttonicon-color--primary: var(--em-sem-text--inverted);--em-buttonicon-color--secondary: var(--em-sem-text);--em-buttonicon-height--medium: var(--em-core-size--1000);--em-buttonicon-height--small: var(--em-core-size--0800);--em-buttonicon-icon-size: var(--em-core-size--0400);--em-buttonicon-width--medium: var(--em-core-size--1000);--em-buttonicon-width--small: var(--em-core-size--0800);--em-card-background: var(--em-sem-background);--em-card-border-color: rgb(255 255 255 / 0%);--em-card-border-radius: var(--em-core-border-radius--400);--em-card-border-width: 0px;--em-card-feedback-color--error: var(--em-sem-status-error-text);--em-card-feedback-font-size: var(--em-core-font-size--sm);--em-card-feedback-gap: var(--em-core-spacing--0300);--em-card-feedback-icon-size: var(--em-core-size--0400);--em-card-feedback-line-height: var(--em-core-line-height--md);--em-card-feedback-padding-bottom: var(--em-core-spacing--0800);--em-card-feedback-subtitle-color: var(--em-sem-text--muted);--em-card-feedback-subtitle-font-weight: var(--em-core-font-weight--regular);--em-card-feedback-title-color: var(--em-sem-text);--em-card-feedback-title-font-weight: var(--em-core-font-weight--medium);--em-card-font-family: var(--em-core-font-family--base);--em-card-gap: var(--em-core-spacing--0800);--em-card-gap--compact: var(--em-core-spacing--0200);--em-card-header-gap: var(--em-core-spacing--0400);--em-card-header-gap--compact: var(--em-core-spacing--0100);--em-card-info-icon-color: var(--em-sem-text);--em-card-info-icon-gap: var(--em-core-spacing--0100);--em-card-info-icon-size: var(--em-core-size--0400);--em-card-loader-background: var(--em-sem-background--neutral);--em-card-loader-border-radius: var(--em-core-border-radius--500);--em-card-loader-color: var(--em-sem-text);--em-card-loader-padding: var(--em-core-spacing--0100);--em-card-loader-size: var(--em-core-size--0600);--em-card-padding: var(--em-core-spacing--0800);--em-card-subtitle-color: var(--em-sem-text--muted);--em-card-subtitle-font-size: var(--em-core-font-size--sm);--em-card-subtitle-font-weight: var(--em-core-font-weight--regular);--em-card-subtitle-line-height: var(--em-core-line-height--l);--em-card-title-color: var(--em-sem-text);--em-card-title-font-size: var(--em-core-font-size--md);--em-card-title-font-weight: var(--em-core-font-weight--bold);--em-card-title-line-height: var(--em-core-line-height--l);--em-chart-category-color: var(--em-sem-text--muted);--em-chart-category-font-family: var(--em-core-font-family--base);--em-chart-category-font-size: var(--em-core-font-size--xs);--em-chart-category-font-weight: var(--em-core-font-weight--medium);--em-chart-category-gap: var(--em-core-spacing--0100);--em-chart-category-indicator-border-radius: var(--em-core-border-radius--500);--em-chart-category-indicator-color: var(--em-sem-chart-color--1);--em-chart-category-line-height: var(--em-core-line-height--sm);--em-chart-category-list-gap: var(--em-core-spacing--0400);--em-chart-category-size: var(--em-core-size--0300);--em-chart-grid-font-family: var(--em-core-font-family--base);--em-chart-grid-label-color: var(--em-sem-text);--em-chart-grid-label-color--light: var(--em-sem-background--light);--em-chart-grid-label-color--muted: var(--em-sem-text--muted);--em-chart-grid-label-color--subtle: var(--em-sem-text--subtle);--em-chart-grid-label-font-size: var(--em-core-font-size--xs);--em-chart-grid-label-font-weight: var(--em-core-font-weight--regular);--em-chart-grid-line-color: var(--em-sem-text);--em-chart-grid-line-color--light: var(--em-sem-background--light);--em-chart-grid-line-color--subtle: var(--em-sem-text--subtle);--em-chart-grid-line-width--medium: 2px;--em-chart-grid-line-width--thick: 4px;--em-chart-grid-line-width--thin: 1px;--em-chart-grid-tick-length: var(--em-core-size--0100);--em-chart-grid-tick-width: 1px;--em-chart-grid-title-font-size: var(--em-core-font-size--sm);--em-chart-grid-title-font-weight: var(--em-core-font-weight--bold);--em-chart-label-background: var(--em-sem-background--neutral);--em-chart-label-border-radius: var(--em-core-border-radius--500);--em-chart-label-color: var(--em-sem-text);--em-chart-label-font-family: var(--em-core-font-family--base);--em-chart-label-font-size: var(--em-core-font-size--xs);--em-chart-label-font-weight: var(--em-core-font-weight--medium);--em-chart-label-line-height: var(--em-core-line-height--sm);--em-chart-label-padding-left-right: var(--em-core-spacing--0100);--em-chart-label-padding-top-bottom: var(--em-core-spacing--0050);--em-chart-selectfield-padding-bottom: var(--em-core-spacing--0400);--em-chart-tabs-border-color--hover: var(--em-core-color-gray--0200);--em-chart-tabs-border-color--selected: var(--em-core-color-gray--0400);--em-chart-tabs-border-radius: var(--em-core-border-radius--300);--em-chart-tabs-border-width: var(--em-core-border-width--025);--em-chart-tabs-color: var(--em-sem-text--neutral);--em-chart-tabs-font-family: var(--em-core-font-family--base);--em-chart-tabs-gap: var(--em-core-spacing--0200);--em-chart-tabs-padding: var(--em-core-spacing--0300);--em-chart-tabs-pagination-padding: var(--em-core-spacing--0100);--em-chart-tabs-title-font-size: var(--em-core-font-size--xs);--em-chart-tabs-title-font-weight: var(--em-core-font-weight--medium);--em-chart-tabs-title-line-height: var(--em-core-line-height--sm);--em-chart-tabs-value-font-size: var(--em-core-font-size--xl);--em-chart-tabs-value-font-weight: var(--em-core-font-weight--medium);--em-chart-tabs-value-line-height: var(--em-core-line-height--l);--em-chart-tooltip-background: var(--em-sem-background--inverted);--em-chart-tooltip-border-radius: var(--em-core-border-radius--300);--em-chart-tooltip-family: var(--em-core-font-family--base);--em-chart-tooltip-gap: var(--em-core-spacing--0200);--em-chart-tooltip-padding: var(--em-core-spacing--0400);--em-chart-tooltip-title-color: var(--em-sem-text--inverted);--em-chart-tooltip-title-font-size: var(--em-core-font-size--sm);--em-chart-tooltip-title-font-weight: var(--em-core-font-weight--bold);--em-chart-tooltip-title-line-height: var(--em-core-line-height--md);--em-daterangepicker-accent-color: var(--em-sem-background--inverted);--em-daterangepicker-chevron--active: var(--em-sem-background--muted);--em-daterangepicker-chevron--hover: var(--em-sem-background--subtle);--em-daterangepicker-chevron-background: var(--em-sem-background--light);--em-daterangepicker-chevron-border-radius: var(--em-core-border-radius--200);--em-daterangepicker-chevron-color: var(--em-sem-text);--em-daterangepicker-chevron-icon-size: var(--em-core-size--0400);--em-daterangepicker-chevron-size: var(--em-core-size--0800);--em-daterangepicker-day-color: var(--em-sem-text);--em-daterangepicker-day-font-family: var(--em-core-font-family--base);--em-daterangepicker-day-font-size: var(--em-core-font-size--sm);--em-daterangepicker-day-font-weight: var(--em-core-font-weight--medium);--em-daterangepicker-day-outside: var(--em-sem-text--subtle);--em-daterangepicker-day-range-background: var(--em-sem-background--light);--em-daterangepicker-day-range-limit-border-radius: var(--em-core-border-radius--200);--em-daterangepicker-day-range-limit-color: var(--em-sem-text--inverted);--em-daterangepicker-day-size: var(--em-core-size--0800);--em-daterangepicker-label-color: var(--em-sem-text);--em-daterangepicker-label-font-family: var(--em-core-font-family--base);--em-daterangepicker-label-font-size: var(--em-core-font-size--sm);--em-daterangepicker-label-font-weight: var(--em-core-font-weight--medium);--em-daterangepicker-weekday-color: var(--em-sem-text--muted);--em-daterangepicker-weekday-font-family: var(--em-core-font-family--base);--em-daterangepicker-weekday-font-size: var(--em-core-font-size--sm);--em-daterangepicker-weekday-font-weight: var(--em-core-font-weight--medium);--em-divider-color: var(--em-sem-background--subtle);--em-divider-thickness: 1px;--em-field-feedback-color: var(--em-sem-text--muted);--em-field-feedback-color--error: var(--em-sem-status-error-text);--em-field-feedback-error-font-size: var(--em-core-font-size--xs);--em-field-feedback-error-font-weight: var(--em-core-font-weight--medium);--em-field-feedback-error-line-height: var(--em-core-line-height--md);--em-field-feedback-font-size: var(--em-core-font-size--xs);--em-field-feedback-font-weight: var(--em-core-font-weight--regular);--em-field-feedback-line-height: var(--em-core-line-height--sm);--em-field-feedback-padding-bottom: var(--em-core-spacing--0200);--em-field-feedback-padding-top: var(--em-core-spacing--0200);--em-field-font-family: var(--em-core-font-family--base);--em-field-header-color: var(--em-sem-text);--em-field-header-padding-bottom: var(--em-core-spacing--0200);--em-field-header-required-font-size: var(--em-core-font-size--xs);--em-field-header-required-font-weight: var(--em-core-font-weight--regular);--em-field-header-required-line-height: var(--em-core-line-height--sm);--em-field-header-title-font-size: var(--em-core-font-size--sm);--em-field-header-title-font-weight: var(--em-core-font-weight--medium);--em-field-header-title-line-height: var(--em-core-line-height--md);--em-filter-background--chevron: var(--em-sem-background--neutral);--em-filter-background--filter: var(--em-sem-background--light);--em-filter-background--hover: var(--em-sem-background--subtle);--em-filter-background--operator: var(--em-core-color-gray--0050);--em-filter-background--selected: var(--em-sem-background--muted);--em-filter-border-color: rgb(255 255 255 / 0%);--em-filter-border-color--hover: rgb(255 255 255 / 0%);--em-filter-border-color--operator: rgb(255 255 255 / 0%);--em-filter-border-color--selected: rgb(255 255 255 / 0%);--em-filter-border-radius: var(--em-core-border-radius--100);--em-filter-border-radius--group: var(--em-core-border-radius--400);--em-filter-border-width: 0px;--em-filter-color: var(--em-sem-text--neutral);--em-filter-color--operator: var(--em-sem-text--muted);--em-filter-gap--external: var(--em-core-spacing--0300);--em-filter-gap--internal: var(--em-core-spacing--0050);--em-filter-height: var(--em-core-size--0800);--em-filter-label-font-family: var(--em-core-font-family--base);--em-filter-label-font-size: var(--em-core-font-size--xs);--em-filter-label-font-weight: var(--em-core-font-weight--medium);--em-filter-label-font-weight--operator: var(--em-core-font-weight--regular);--em-filter-label-label-padding-left-right: var(--em-core-spacing--0150);--em-filter-label-line-height: var(--em-core-line-height--sm);--em-filter-padding-left-right: var(--em-core-spacing--0300);--em-filter-padding-left-right--operator: var(--em-core-spacing--0100);--em-ghostbutton-background--active: var(--em-sem-background--subtle);--em-ghostbutton-background--hover: var(--em-sem-background--light);--em-ghostbutton-border-color: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--active: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--disabled: rgb(255 255 255 / 0%);--em-ghostbutton-border-color--hover: rgb(255 255 255 / 0%);--em-ghostbutton-border-radius: var(--em-core-border-radius--100);--em-ghostbutton-border-width: 0px;--em-ghostbutton-color: var(--em-sem-text);--em-ghostbutton-color--disabled: var(--em-sem-text--subtle);--em-ghostbutton-font-family: var(--em-core-font-family--base);--em-ghostbutton-font-size: var(--em-core-font-size--xs);--em-ghostbutton-font-weight: var(--em-core-font-weight--regular);--em-ghostbutton-height: var(--em-core-size--0500);--em-ghostbutton-icon-size: var(--em-core-size--0400);--em-ghostbutton-label-padding-left: var(--em-core-spacing--0100);--em-ghostbutton-label-padding-right: var(--em-core-spacing--0100);--em-ghostbutton-line-height: var(--em-core-line-height--sm);--em-ghostbutton-padding-left-right: var(--em-core-spacing--0050);--em-ghostbuttonicon-background--active: var(--em-sem-background--subtle);--em-ghostbuttonicon-background--hover: var(--em-sem-background--light);--em-ghostbuttonicon-border-color: rgb(255 255 255 / 0%);--em-ghostbuttonicon-border-color--active: rgb(255 255 255 / 0%);--em-ghostbuttonicon-border-color--disabled: rgb(255 255 255 / 0%);--em-ghostbuttonicon-border-color--hover: rgb(255 255 255 / 0%);--em-ghostbuttonicon-border-radius: var(--em-core-border-radius--100);--em-ghostbuttonicon-border-width: 0px;--em-ghostbuttonicon-color: var(--em-sem-text);--em-ghostbuttonicon-color--disabled: var(--em-sem-text--subtle);--em-ghostbuttonicon-height: var(--em-core-size--0500);--em-ghostbuttonicon-icon-size: var(--em-core-size--0400);--em-ghostbuttonicon-width: var(--em-core-size--0500);--em-kpichart-color: var(--em-sem-text);--em-kpichart-font-family: var(--em-core-font-family--base);--em-kpichart-gap: var(--em-core-spacing--0400);--em-kpichart-label-font-size: var(--em-core-font-size--sm);--em-kpichart-label-font-weight: var(--em-core-font-weight--regular);--em-kpichart-label-gap: var(--em-core-spacing--0200);--em-kpichart-number-font-size: var(--em-core-font-size--xxl);--em-kpichart-number-font-weight: var(--em-core-font-weight--bold);--em-kpichart-number-line-height: var(--em-core-line-height--xl);--em-kpichart-trend-background--negative: var(--em-sem-status-error-background);--em-kpichart-trend-background--positive: var(--em-sem-status-success-background);--em-kpichart-trend-border-radius: var(--em-core-border-radius--150);--em-kpichart-trend-color--negative: var(--em-sem-status-error-text);--em-kpichart-trend-color--positive: var(--em-sem-status-success-text);--em-kpichart-trend-font-size: var(--em-core-font-size--md);--em-kpichart-trend-font-weight: var(--em-core-font-weight--medium);--em-kpichart-trend-height: var(--em-core-size--0600);--em-kpichart-trend-icon-size: var(--em-core-size--0400);--em-kpichart-trend-line-height: var(--em-core-line-height--md);--em-kpichart-trend-padding: var(--em-core-spacing--0100);--em-linechart-line-dash: var(--em-core-size--0100);--em-linechart-line-gap: var(--em-core-size--0100);--em-linechart-line-width: 2px;--em-linechart-point-size: var(--em-core-size--0200);--em-linechart-point-size--hover: var(--em-core-size--0300);--em-markdown-background: var(--em-sem-background--neutral);--em-markdown-code-color: var(--em-sem-text);--em-markdown-code-font-family: var(--em-core-font-family--code);--em-markdown-code-font-size: var(--em-core-font-size--sm);--em-markdown-code-font-weight--regular: var(--em-core-font-weight--regular);--em-markdown-code-font-weight--strong: var(--em-core-font-weight--bold);--em-markdown-code-line-height: var(--em-core-line-height--md);--em-markdown-color--placeholder: var(--em-sem-background--muted);--em-markdown-h1-color: var(--em-sem-text);--em-markdown-h1-font-family: var(--em-core-font-family--base);--em-markdown-h1-font-size: var(--em-core-font-size--xxl);--em-markdown-h1-font-weight: var(--em-core-font-weight--bold);--em-markdown-h1-line-height: var(--em-core-line-height--xl);--em-markdown-h2-color: var(--em-sem-text);--em-markdown-h2-font-family: var(--em-core-font-family--base);--em-markdown-h2-font-size: var(--em-core-font-size--xl);--em-markdown-h2-font-weight: var(--em-core-font-weight--bold);--em-markdown-h2-line-height: var(--em-core-line-height--l);--em-markdown-h3-color: var(--em-sem-text);--em-markdown-h3-font-family: var(--em-core-font-family--base);--em-markdown-h3-font-size: var(--em-core-font-size--md);--em-markdown-h3-font-weight: var(--em-core-font-weight--bold);--em-markdown-h3-line-height: var(--em-core-line-height--md);--em-markdown-hr-border-width: 1px;--em-markdown-hr-color: var(--em-sem-background--muted);--em-markdown-link-color: var(--em-sem-text);--em-markdown-link-font-family: var(--em-core-font-family--base);--em-markdown-link-font-size: var(--em-core-font-size--sm);--em-markdown-link-font-weight: var(--em-core-font-weight--medium);--em-markdown-link-line-height: var(--em-core-line-height--md);--em-markdown-min-height: 160px;--em-markdown-options-border-color: var(--em-sem-background--muted);--em-markdown-options-border-radius: var(--em-core-border-radius--100);--em-markdown-options-border-width: 1px;--em-markdown-options-gap: var(--em-core-spacing--0100);--em-markdown-options-padding: var(--em-core-spacing--0100);--em-markdown-p-color: var(--em-sem-text);--em-markdown-p-font-family: var(--em-core-font-family--base);--em-markdown-p-font-size: var(--em-core-font-size--sm);--em-markdown-p-font-weight--regular: var(--em-core-font-weight--regular);--em-markdown-p-font-weight--strong: var(--em-core-font-weight--bold);--em-markdown-p-line-height: var(--em-core-line-height--md);--em-overlay-background: rgb(33 33 41 / 90%);--em-piechart-donut-color: var(--em-sem-text);--em-piechart-donut-label-font-size: var(--em-core-font-size--md);--em-piechart-donut-label-font-weight: var(--em-core-font-weight--medium);--em-piechart-donut-label-line-height: var(--em-core-line-height--md);--em-piechart-donut-number-font-size: var(--em-core-font-size--xxl);--em-piechart-donut-number-font-weight: var(--em-core-font-weight--bold);--em-piechart-donut-number-line-height: var(--em-core-line-height--xl);--em-piechart-font-family: var(--em-core-font-family--base);--em-selectfield-category-background: var(--em-sem-background--subtle);--em-selectfield-category-border-radius: var(--em-core-border-radius--150);--em-selectfield-category-color: var(--em-sem-text--neutral);--em-selectfield-category-font-family: var(--em-core-font-family--base);--em-selectfield-category-font-size: var(--em-core-font-size--xs);--em-selectfield-category-font-weight: var(--em-core-font-weight--bold);--em-selectfield-category-line-height: var(--em-core-line-height--sm);--em-selectfield-category-padding: var(--em-core-spacing--0100);--em-selectfield-content-background: var(--em-sem-background--neutral);--em-selectfield-content-border-radius: var(--em-core-border-radius--300);--em-selectfield-content-gap: var(--em-core-spacing--0200);--em-selectfield-content-max-height: 320px;--em-selectfield-content-max-width: 400px;--em-selectfield-content-opacity--loading: 50px;--em-selectfield-content-padding: var(--em-core-spacing--0200);--em-selectfield-content-shadow-blur: var(--em-core-shadow-blur);--em-selectfield-content-shadow-color: rgb(33 33 41 / 25%);--em-selectfield-content-shadow-position-x: var(--em-core-shadow-position-x);--em-selectfield-content-shadow-position-y: var(--em-core-shadow-position-y);--em-selectfield-content-shadow-spread: var(--em-core-shadow-spread);--em-selectfield-item-background: var(--em-sem-background--neutral);--em-selectfield-item-background--active: var(--em-sem-background--light);--em-selectfield-item-background--hover: var(--em-sem-background);--em-selectfield-item-background--selected: var(--em-sem-background--inverted);--em-selectfield-item-border-radius: var(--em-core-border-radius--200);--em-selectfield-item-font-family: var(--em-core-font-family--base);--em-selectfield-item-height: var(--em-core-size--0800);--em-selectfield-item-icon-color: var(--em-sem-text);--em-selectfield-item-icon-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-icon-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-icon-size: var(--em-core-size--0400);--em-selectfield-item-label-left-color: var(--em-sem-text);--em-selectfield-item-label-left-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-label-left-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-label-left-font-size: var(--em-core-font-size--xs);--em-selectfield-item-label-left-font-weight: var(--em-core-font-weight--medium);--em-selectfield-item-label-left-line-height: var(--em-core-line-height--sm);--em-selectfield-item-label-padding-left-right: var(--em-core-spacing--0200);--em-selectfield-item-label-right-color: var(--em-sem-text--muted);--em-selectfield-item-label-right-color--disabled: var(--em-sem-text--subtle);--em-selectfield-item-label-right-color--selected: var(--em-sem-text--inverted);--em-selectfield-item-label-right-font-size: var(--em-core-font-size--xs);--em-selectfield-item-label-right-font-weight: var(--em-core-font-weight--regular);--em-selectfield-item-label-right-line-height: var(--em-core-line-height--sm);--em-selectfield-item-padding: var(--em-core-spacing--0200);--em-selectfield-trigger-background: var(--em-sem-background--neutral);--em-selectfield-trigger-background--active: var(--em-sem-background--light);--em-selectfield-trigger-background--filled: var(--em-sem-background--inverted);--em-selectfield-trigger-background--hover: var(--em-sem-background);--em-selectfield-trigger-border-color: var(--em-sem-background--muted);--em-selectfield-trigger-border-color--error: var(--em-sem-status-error-text);--em-selectfield-trigger-border-radius: var(--em-core-border-radius--200);--em-selectfield-trigger-border-width: var(--em-core-border-width--025);--em-selectfield-trigger-border-width--error: var(--em-core-border-width--050);--em-selectfield-trigger-color: var(--em-sem-text);--em-selectfield-trigger-color--disabled: var(--em-sem-text--subtle);--em-selectfield-trigger-color--filled: var(--em-sem-text--inverted);--em-selectfield-trigger-font-family: var(--em-core-font-family--base);--em-selectfield-trigger-font-size: var(--em-core-font-size--xs);--em-selectfield-trigger-font-weight: var(--em-core-font-weight--medium);--em-selectfield-trigger-height: var(--em-core-size--1000);--em-selectfield-trigger-icon-size: var(--em-core-size--0400);--em-selectfield-trigger-label-padding-left-right: var(--em-core-spacing--0200);--em-selectfield-trigger-line-height: var(--em-core-line-height--sm);--em-selectfield-trigger-min-width: 64px;--em-selectfield-trigger-padding: var(--em-core-spacing--0300);--em-skeleton-border-radius: var(--em-core-border-radius--300);--em-switch-background--disabled: var(--em-sem-background--subtle);--em-switch-background--off: var(--em-sem-background--subtle);--em-switch-background--on: var(--em-sem-background--inverted);--em-switch-font-family: var(--em-core-font-family--base);--em-switch-height: var(--em-core-size--0400);--em-switch-label-color: var(--em-sem-text);--em-switch-label-color--disabled: var(--em-sem-text--subtle);--em-switch-label-color-font-size: var(--em-core-font-size--md);--em-switch-label-color-font-weight: var(--em-core-font-weight--medium);--em-switch-label-color-line-height: var(--em-core-line-height--md);--em-switch-label-gap: var(--em-core-spacing--0200);--em-switch-shadow-blur: var(--em-core-shadow-blur);--em-switch-shadow-color: var(--em-core-shadow-color);--em-switch-shadow-position-x: var(--em-core-shadow-position-x);--em-switch-shadow-position-y: var(--em-core-shadow-position-y);--em-switch-shadow-spread: var(--em-core-shadow-spread);--em-switch-size-border-radius: var(--em-core-border-radius--500);--em-switch-thumb-background: var(--em-sem-background--neutral);--em-switch-thumb-background--disabled: var(--em-sem-background--light);--em-switch-thumb-background--off: var(--em-sem-text--muted);--em-switch-thumb-padding: var(--em-core-spacing--0050);--em-switch-thumb-size: var(--em-core-size--0300);--em-switch-width: var(--em-core-size--0800);--em-tablechart-border-color: var(--em-sem-background--light);--em-tablechart-border-radius: var(--em-core-border-radius--300);--em-tablechart-border-width: 1px;--em-tablechart-cell-background: var(--em-sem-background--neutral);--em-tablechart-cell-background--hover: var(--em-sem-background);--em-tablechart-cell-height: var(--em-core-size--1000);--em-tablechart-cell-min-width: var(--em-core-size--1200);--em-tablechart-cell-padding: var(--em-core-spacing--0200);--em-tablechart-color: var(--em-sem-text);--em-tablechart-color--muted: var(--em-sem-text--muted);--em-tablechart-font-family: var(--em-core-font-family--base);--em-tablechart-font-size: var(--em-core-font-size--xs);--em-tablechart-font-weight: var(--em-core-font-weight--regular);--em-tablechart-font-weight--bold: var(--em-core-font-weight--bold);--em-tablechart-font-weight--medium: var(--em-core-font-weight--medium);--em-tablechart-header-background: var(--em-sem-background--neutral);--em-tablechart-header-background--hover: var(--em-sem-background);--em-tablechart-heatmap-color: var(--em-sem-chart-color--1);--em-tablechart-icon-size: var(--em-core-size--0400);--em-tablechart-line-height: var(--em-core-line-height--sm);--em-tablechart-loading-indicator-color: var(--em-sem-text--neutral);--em-tablechart-loading-indicator-font-family: var(--em-core-font-family--base);--em-tablechart-loading-indicator-font-size: var(--em-core-font-size--xs);--em-tablechart-loading-indicator-font-weight: var(--em-core-font-weight--bold);--em-tablechart-loading-indicator-padding: var(--em-core-spacing--0300);--em-tablechart-padding-left-right: var(--em-core-spacing--0100);--em-tablechart-pagination-button-gap: var(--em-core-spacing--0200);--em-tablechart-pagination-height: var(--em-core-size--1200);--em-tablechart-pagination-label-padding-left-right: var(--em-core-spacing--0400);--em-tablechart-pivot-ident-padding: var(--em-core-spacing--0400);--em-textfield-background: var(--em-sem-background);--em-textfield-background--active: var(--em-sem-background--subtle);--em-textfield-background--disabled: var(--em-sem-background--neutral);--em-textfield-background--filled: var(--em-sem-background--light);--em-textfield-border-color: var(--em-sem-text--subtle);--em-textfield-border-color--error: var(--em-sem-status-error-text);--em-textfield-border-radius: var(--em-core-border-radius--200);--em-textfield-border-width: var(--em-core-border-width--025);--em-textfield-border-width--error: var(--em-core-border-width--050);--em-textfield-color: var(--em-sem-text--muted);--em-textfield-color--disabled: var(--em-sem-text--subtle);--em-textfield-color--filled: var(--em-sem-text);--em-textfield-feedback-color: var(--em-sem-text--muted);--em-textfield-feedback-color--error: var(--em-sem-status-error-text);--em-textfield-feedback-font-family: var(--em-core-font-family--base);--em-textfield-feedback-font-size: var(--em-core-font-size--xs);--em-textfield-feedback-font-weight: var(--em-core-font-weight--regular);--em-textfield-feedback-font-weight--error: var(--em-core-font-weight--medium);--em-textfield-feedback-line-height: var(--em-core-line-height--md);--em-textfield-font-family: var(--em-core-font-family--base);--em-textfield-font-size: var(--em-core-font-size--xs);--em-textfield-font-weight: var(--em-core-font-weight--regular);--em-textfield-font-weight--filled: var(--em-core-font-weight--medium);--em-textfield-height: var(--em-core-size--1000);--em-textfield-icon-size: var(--em-core-size--0400);--em-textfield-label-padding: var(--em-core-spacing--0200);--em-textfield-line-height: var(--em-core-line-height--md);--em-textfield-max-width: 400px;--em-textfield-min-width: 160px;--em-textfield-padding: var(--em-core-spacing--0200);--em-tooltip-background: var(--em-sem-background--inverted);--em-tooltip-border-radius: var(--em-core-border-radius--150);--em-tooltip-color: var(--em-sem-text--inverted);--em-tooltip-font-family: var(--em-core-font-family--base);--em-tooltip-font-size: var(--em-core-font-size--xs);--em-tooltip-font-weight: var(--em-core-font-weight--regular);--em-tooltip-line-height: var(--em-core-line-height--sm);--em-tooltip-max-width: 256px;--em-tooltip-padding-left-right: var(--em-core-spacing--0200);--em-tooltip-padding-top-bottom: var(--em-core-spacing--0150)}:root{--em-core-font-family--base: inter;--em-core-font-family--code: monospace}
@@ -24,6 +24,7 @@ declare const stylesTokensCore: {
24
24
  '--em-core-color-gray--0900': string;
25
25
  '--em-core-color-gray--1000': string;
26
26
  '--em-core-font-family--base': string;
27
+ '--em-core-font-family--code': string;
27
28
  '--em-core-font-size--md': string;
28
29
  '--em-core-font-size--sm': string;
29
30
  '--em-core-font-size--xl': string;
@@ -320,6 +321,31 @@ declare const stylesTokensComponents: {
320
321
  '--em-field-header-title-font-size': string;
321
322
  '--em-field-header-title-font-weight': string;
322
323
  '--em-field-header-title-line-height': string;
324
+ '--em-filter-background--chevron': string;
325
+ '--em-filter-background--filter': string;
326
+ '--em-filter-background--hover': string;
327
+ '--em-filter-background--operator': string;
328
+ '--em-filter-background--selected': string;
329
+ '--em-filter-border-color': string;
330
+ '--em-filter-border-color--hover': string;
331
+ '--em-filter-border-color--operator': string;
332
+ '--em-filter-border-color--selected': string;
333
+ '--em-filter-border-radius': string;
334
+ '--em-filter-border-radius--group': string;
335
+ '--em-filter-border-width': string;
336
+ '--em-filter-color': string;
337
+ '--em-filter-color--operator': string;
338
+ '--em-filter-gap--external': string;
339
+ '--em-filter-gap--internal': string;
340
+ '--em-filter-height': string;
341
+ '--em-filter-label-font-family': string;
342
+ '--em-filter-label-font-size': string;
343
+ '--em-filter-label-font-weight': string;
344
+ '--em-filter-label-font-weight--operator': string;
345
+ '--em-filter-label-label-padding-left-right': string;
346
+ '--em-filter-label-line-height': string;
347
+ '--em-filter-padding-left-right': string;
348
+ '--em-filter-padding-left-right--operator': string;
323
349
  '--em-ghostbutton-background--active': string;
324
350
  '--em-ghostbutton-background--hover': string;
325
351
  '--em-ghostbutton-border-color': string;
@@ -339,6 +365,19 @@ declare const stylesTokensComponents: {
339
365
  '--em-ghostbutton-label-padding-right': string;
340
366
  '--em-ghostbutton-line-height': string;
341
367
  '--em-ghostbutton-padding-left-right': string;
368
+ '--em-ghostbuttonicon-background--active': string;
369
+ '--em-ghostbuttonicon-background--hover': string;
370
+ '--em-ghostbuttonicon-border-color': string;
371
+ '--em-ghostbuttonicon-border-color--active': string;
372
+ '--em-ghostbuttonicon-border-color--disabled': string;
373
+ '--em-ghostbuttonicon-border-color--hover': string;
374
+ '--em-ghostbuttonicon-border-radius': string;
375
+ '--em-ghostbuttonicon-border-width': string;
376
+ '--em-ghostbuttonicon-color': string;
377
+ '--em-ghostbuttonicon-color--disabled': string;
378
+ '--em-ghostbuttonicon-height': string;
379
+ '--em-ghostbuttonicon-icon-size': string;
380
+ '--em-ghostbuttonicon-width': string;
342
381
  '--em-kpichart-color': string;
343
382
  '--em-kpichart-font-family': string;
344
383
  '--em-kpichart-gap': string;
@@ -364,6 +403,14 @@ declare const stylesTokensComponents: {
364
403
  '--em-linechart-line-width': string;
365
404
  '--em-linechart-point-size': string;
366
405
  '--em-linechart-point-size--hover': string;
406
+ '--em-markdown-background': string;
407
+ '--em-markdown-code-color': string;
408
+ '--em-markdown-code-font-family': string;
409
+ '--em-markdown-code-font-size': string;
410
+ '--em-markdown-code-font-weight--regular': string;
411
+ '--em-markdown-code-font-weight--strong': string;
412
+ '--em-markdown-code-line-height': string;
413
+ '--em-markdown-color--placeholder': string;
367
414
  '--em-markdown-h1-color': string;
368
415
  '--em-markdown-h1-font-family': string;
369
416
  '--em-markdown-h1-font-size': string;
@@ -379,16 +426,24 @@ declare const stylesTokensComponents: {
379
426
  '--em-markdown-h3-font-size': string;
380
427
  '--em-markdown-h3-font-weight': string;
381
428
  '--em-markdown-h3-line-height': string;
429
+ '--em-markdown-hr-border-width': string;
430
+ '--em-markdown-hr-color': string;
382
431
  '--em-markdown-link-color': string;
383
432
  '--em-markdown-link-font-family': string;
384
433
  '--em-markdown-link-font-size': string;
385
434
  '--em-markdown-link-font-weight': string;
386
435
  '--em-markdown-link-line-height': string;
436
+ '--em-markdown-min-height': string;
437
+ '--em-markdown-options-border-color': string;
438
+ '--em-markdown-options-border-radius': string;
439
+ '--em-markdown-options-border-width': string;
440
+ '--em-markdown-options-gap': string;
441
+ '--em-markdown-options-padding': string;
387
442
  '--em-markdown-p-color': string;
388
443
  '--em-markdown-p-font-family': string;
389
444
  '--em-markdown-p-font-size': string;
390
- '--em-markdown-p-font-weight--bold': string;
391
445
  '--em-markdown-p-font-weight--regular': string;
446
+ '--em-markdown-p-font-weight--strong': string;
392
447
  '--em-markdown-p-line-height': string;
393
448
  '--em-overlay-background': string;
394
449
  '--em-piechart-donut-color': string;
package/dist/index.d.ts CHANGED
@@ -2,8 +2,8 @@ import * as React$1 from 'react';
2
2
  import React__default, { FC, ReactElement, CSSProperties, RefObject, SVGProps, ImgHTMLAttributes, ReactNode } from 'react';
3
3
  import { ChartData, ChartOptions, CartesianTickOptions, GridLineOptions } from 'chart.js';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
- import { S as StylesKeys } from './index-Bxv6X9p-.js';
6
- export { a as Styles, s as styles } from './index-Bxv6X9p-.js';
5
+ import { S as StylesKeys } from './index-BxUXQI8d.js';
6
+ export { a as Styles, s as styles } from './index-BxUXQI8d.js';
7
7
  import { DateRange } from 'react-day-picker';
8
8
  export { DateRange } from 'react-day-picker';
9
9
  import * as _tabler_icons_react from '@tabler/icons-react';
@@ -535,6 +535,10 @@ declare const GhostButton: React__default.ForwardRefExoticComponent<{
535
535
  endIcon?: Icon;
536
536
  } & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
537
537
 
538
+ declare const GhostButtonIcon: React__default.ForwardRefExoticComponent<{
539
+ icon: React__default.ComponentType<IconProps>;
540
+ } & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
541
+
538
542
  type OverlayProps = {
539
543
  className?: string;
540
544
  children?: ReactNode;
@@ -570,6 +574,18 @@ type DividerProps = {
570
574
  };
571
575
  declare const Divider: ({ color, thickness, vertical, className }: DividerProps) => react_jsx_runtime.JSX.Element;
572
576
 
577
+ type MarkdownProps = {
578
+ content?: string;
579
+ };
580
+ declare const Markdown: FC<MarkdownProps>;
581
+
582
+ type MarkdownEditorProps = {
583
+ value?: string | null;
584
+ onChange?: (value: string) => void;
585
+ placeholder?: string;
586
+ };
587
+ declare const MarkdownEditor: FC<MarkdownEditorProps>;
588
+
573
589
  declare const getStyle: (variableName: StylesKeys, fallbackValue?: string) => string;
574
590
  declare const getStyleNumber: (variableName: StylesKeys, fallbackValue?: string) => number | undefined;
575
591
 
@@ -579,4 +595,4 @@ declare const endOfDayUTC: (date: Date) => Date;
579
595
 
580
596
  declare const shallowEqual: (object1: any, object2: any) => boolean;
581
597
 
582
- export { ActionIcon, BarChart, type BarChartProps, Button, ButtonIcon, Card, CardContent, CardFeedback, CardHeader, type CssSize, DateRangePicker, DateRangePickerField, type DateRangePickerProps, Divider, DonutChart, type DonutLabelChartProps, Dropdown, type DropdownProps, FieldFeedback, type FieldFeedbackProps, FieldHeader, type FieldHeaderProps, GhostButton, HeatMap, type HeatMapProps, type HeatMapPropsDimension, type HeatMapPropsMeasure, type HeatMapPropsThreshold, KpiChart, LineChart, type LineChartProps, MultiSelectField, type MultiSelectFieldProps, NumberField, Overlay, PieChart, type PieChartProps, PivotTable, type PivotTableProps, type PivotTablePropsColumnDimension, type PivotTablePropsMeasure, type PivotTablePropsRowDimension, SelectFieldCategory, SelectFieldContent, SelectFieldContentList, SelectFieldTrigger, SelectListOption, type SelectListOptionProps, type SelectListOptionPropsWithCategory, SingleSelectField, type SingleSelectFieldProps, Skeleton, StylesKeys, Switch, TableBody, TableBodyCellWithCopy, type TableBodyProps, TableHeader, TableHeaderAlign, type TableHeaderCell, type TableHeaderCellStyle, type TableHeaderItem, type TableHeaderItemAlign, type TableHeaderProps, TablePaginated, type TablePaginatedProps, TablePagination, type TablePaginationProps, TableScrollable, type TableScrollableHandle, type TableScrollableProps, type TableSort, TableSortDirection, TextField, Tooltip, Typography, chartjsAxisOptionsLayoutPadding, chartjsAxisOptionsLayoutPaddingLarge, endOfDayUTC, getBarChartData, getBarChartOptions, getChartColors, getChartjsAxisOptions, getChartjsAxisOptionsPlugins, getChartjsAxisOptionsScales, getChartjsAxisOptionsScalesGrid, getChartjsAxisOptionsScalesGridColor, getChartjsAxisOptionsScalesTicksDefault, getChartjsAxisOptionsScalesTicksMuted, getChartjsAxisOptionsScalesTitle, getDonutChartOptions, getLineChartData, getLineChartOptions, getPieChartData, getPieChartOptions, getStyle, getStyleNumber, getTableTotalPages, isSameDate, isSameDateRange, shallowEqual, useDebounce, useResizeObserver, useTableGetRowsPerPage };
598
+ export { ActionIcon, BarChart, type BarChartProps, Button, ButtonIcon, Card, CardContent, CardFeedback, CardHeader, type CssSize, DateRangePicker, DateRangePickerField, type DateRangePickerProps, Divider, DonutChart, type DonutLabelChartProps, Dropdown, type DropdownProps, FieldFeedback, type FieldFeedbackProps, FieldHeader, type FieldHeaderProps, GhostButton, GhostButtonIcon, HeatMap, type HeatMapProps, type HeatMapPropsDimension, type HeatMapPropsMeasure, type HeatMapPropsThreshold, KpiChart, LineChart, type LineChartProps, Markdown, MarkdownEditor, MultiSelectField, type MultiSelectFieldProps, NumberField, Overlay, PieChart, type PieChartProps, PivotTable, type PivotTableProps, type PivotTablePropsColumnDimension, type PivotTablePropsMeasure, type PivotTablePropsRowDimension, SelectFieldCategory, SelectFieldContent, SelectFieldContentList, SelectFieldTrigger, SelectListOption, type SelectListOptionProps, type SelectListOptionPropsWithCategory, SingleSelectField, type SingleSelectFieldProps, Skeleton, StylesKeys, Switch, TableBody, TableBodyCellWithCopy, type TableBodyProps, TableHeader, TableHeaderAlign, type TableHeaderCell, type TableHeaderCellStyle, type TableHeaderItem, type TableHeaderItemAlign, type TableHeaderProps, TablePaginated, type TablePaginatedProps, TablePagination, type TablePaginationProps, TableScrollable, type TableScrollableHandle, type TableScrollableProps, type TableSort, TableSortDirection, TextField, Tooltip, Typography, chartjsAxisOptionsLayoutPadding, chartjsAxisOptionsLayoutPaddingLarge, endOfDayUTC, getBarChartData, getBarChartOptions, getChartColors, getChartjsAxisOptions, getChartjsAxisOptionsPlugins, getChartjsAxisOptionsScales, getChartjsAxisOptionsScalesGrid, getChartjsAxisOptionsScalesGridColor, getChartjsAxisOptionsScalesTicksDefault, getChartjsAxisOptionsScalesTicksMuted, getChartjsAxisOptionsScalesTitle, getDonutChartOptions, getLineChartData, getLineChartOptions, getPieChartData, getPieChartOptions, getStyle, getStyleNumber, getTableTotalPages, isSameDate, isSameDateRange, shallowEqual, useDebounce, useResizeObserver, useTableGetRowsPerPage };
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  styles
3
- } from "./chunk-54RMM3OQ.js";
3
+ } from "./chunk-TZ3EDAGU.js";
4
4
 
5
5
  // src/components/charts/bars/BarChart.tsx
6
6
  import { useRef } from "react";
@@ -1861,7 +1861,7 @@ var TableBodyCellWithCopy = ({
1861
1861
  value,
1862
1862
  align = "left",
1863
1863
  children,
1864
- style
1864
+ style: style2
1865
1865
  }) => {
1866
1866
  const [isPressedCopy, setIsPressedCopy] = useState5(false);
1867
1867
  const handleCopy = () => {
@@ -1874,7 +1874,7 @@ var TableBodyCellWithCopy = ({
1874
1874
  "td",
1875
1875
  {
1876
1876
  title: value,
1877
- style: { textAlign: align, ...style },
1877
+ style: { textAlign: align, ...style2 },
1878
1878
  onMouseLeave: () => setIsPressedCopy(false),
1879
1879
  children: [
1880
1880
  /* @__PURE__ */ jsx12(
@@ -1923,7 +1923,7 @@ var TablePagination = ({
1923
1923
  if (totalPages && page >= totalPages) {
1924
1924
  onPageChange(0);
1925
1925
  }
1926
- }, [totalPages, page]);
1926
+ }, [totalPages, page, onPageChange]);
1927
1927
  return /* @__PURE__ */ jsx13("div", { className: styles10.tablePagination, "aria-label": "Table pagination controls", children: /* @__PURE__ */ jsxs7("div", { className: styles10.tablePaginationCentral, children: [
1928
1928
  /* @__PURE__ */ jsxs7("div", { className: styles10.tablePaginationCentralButtons, children: [
1929
1929
  /* @__PURE__ */ jsx13(
@@ -2182,8 +2182,9 @@ var DateRangePickerChevron = ({
2182
2182
  const rotation = orientation === "left" ? void 0 : "rotate(180deg)";
2183
2183
  const isSmallChevron = size === SMALL_SIZE;
2184
2184
  return /* @__PURE__ */ jsx16(
2185
- "button",
2185
+ "span",
2186
2186
  {
2187
+ "data-testid": "date-range-picker-chevron",
2187
2188
  className: clsx9(styles12.chevron, isSmallChevron && styles12.small),
2188
2189
  style: {
2189
2190
  transform: rotation
@@ -2300,7 +2301,7 @@ import { forwardRef as forwardRef3 } from "react";
2300
2301
  // src/components/shared/GhostButton/GhostButton.tsx
2301
2302
  import React3 from "react";
2302
2303
  import clsx11 from "clsx";
2303
- import styles14 from "./GhostButton.module-JZ7YOOU5.module.css";
2304
+ import styles14 from "./GhostButton.module-33OGL7WW.module.css";
2304
2305
  import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
2305
2306
  var GhostButton = React3.forwardRef(
2306
2307
  ({ startIcon: StartIcon, endIcon: EndIcon, children, className, ...props }, ref) => {
@@ -2565,7 +2566,7 @@ import { forwardRef as forwardRef5 } from "react";
2565
2566
 
2566
2567
  // src/components/editors/inputs/shared/InputField/InputField.tsx
2567
2568
  import { IconX as IconX2 } from "@tabler/icons-react";
2568
- import styles20 from "./InputField.module-LDLOMDBK.module.css";
2569
+ import styles20 from "./InputField.module-DWUIQOWJ.module.css";
2569
2570
  import clsx16 from "clsx";
2570
2571
  import { forwardRef as forwardRef4 } from "react";
2571
2572
  import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -2693,7 +2694,7 @@ import { Fragment as Fragment6, useEffect as useEffect8, useMemo as useMemo5, us
2693
2694
 
2694
2695
  // src/components/editors/selects/shared/SelectFieldContent/SelectFieldOptions/SelectFieldOption/SelectFieldOption.tsx
2695
2696
  import * as DropdownMenu2 from "@radix-ui/react-dropdown-menu";
2696
- import styles21 from "./SelectFieldOption.module-SH3TOVNB.module.css";
2697
+ import styles21 from "./SelectFieldOption.module-ZXJXUZWN.module.css";
2697
2698
  import clsx17 from "clsx";
2698
2699
  import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
2699
2700
  var SelectListOption = ({
@@ -3252,61 +3253,227 @@ var CardFeedback = ({
3252
3253
  ] });
3253
3254
  };
3254
3255
 
3255
- // src/components/shared/Overlay/Overlay.tsx
3256
+ // src/components/shared/GhostButtonIcon/GhostButtonIcon.tsx
3257
+ import React5 from "react";
3256
3258
  import clsx22 from "clsx";
3257
- import styles29 from "./Overlay.module-FCW64VWM.module.css";
3259
+ import style from "./GhostButtonIcon.module-6J6DJCE6.module.css";
3258
3260
  import { jsx as jsx38 } from "react/jsx-runtime";
3261
+ var GhostButtonIcon = React5.forwardRef(
3262
+ ({ icon: Icon, className, ...props }, ref) => {
3263
+ return /* @__PURE__ */ jsx38("button", { ref, className: clsx22(style.ghostButtonIcon, className), ...props, children: /* @__PURE__ */ jsx38(Icon, {}) });
3264
+ }
3265
+ );
3266
+ GhostButtonIcon.displayName = "GhostButtonIcon";
3267
+
3268
+ // src/components/shared/Overlay/Overlay.tsx
3269
+ import clsx23 from "clsx";
3270
+ import styles29 from "./Overlay.module-FCW64VWM.module.css";
3271
+ import { jsx as jsx39 } from "react/jsx-runtime";
3259
3272
  var Overlay = ({ className, children }) => {
3260
- return /* @__PURE__ */ jsx38("div", { className: clsx22(styles29.overlay, className), children });
3273
+ return /* @__PURE__ */ jsx39("div", { className: clsx23(styles29.overlay, className), children });
3261
3274
  };
3262
3275
 
3263
3276
  // src/components/shared/Skeleton/Skeleton.tsx
3264
3277
  import styles30 from "./Skeleton.module-ZN5S5VRF.module.css";
3265
- import { jsx as jsx39 } from "react/jsx-runtime";
3278
+ import { jsx as jsx40 } from "react/jsx-runtime";
3266
3279
  var Skeleton = () => {
3267
- return /* @__PURE__ */ jsx39("div", { className: styles30.skeleton });
3280
+ return /* @__PURE__ */ jsx40("div", { className: styles30.skeleton });
3268
3281
  };
3269
3282
 
3270
3283
  // src/components/shared/Typography/Typography.tsx
3271
3284
  import styles31 from "./Typography.module-SW6CT55P.module.css";
3272
- import clsx23 from "clsx";
3273
- import { jsx as jsx40 } from "react/jsx-runtime";
3285
+ import clsx24 from "clsx";
3286
+ import { jsx as jsx41 } from "react/jsx-runtime";
3274
3287
  function Typography({
3275
3288
  children,
3276
3289
  as: Component = "p",
3277
3290
  className,
3278
- style,
3291
+ style: style2,
3279
3292
  title
3280
3293
  }) {
3281
- return /* @__PURE__ */ jsx40(Component, { title, className: clsx23(styles31.typography, className), style, children });
3294
+ return /* @__PURE__ */ jsx41(Component, { title, className: clsx24(styles31.typography, className), style: style2, children });
3282
3295
  }
3283
3296
 
3284
3297
  // src/components/shared/Divider/Divider.tsx
3285
- import clsx24 from "clsx";
3298
+ import clsx25 from "clsx";
3286
3299
  import styles32 from "./Divider.module-2BOWHKT3.module.css";
3287
- import { jsx as jsx41 } from "react/jsx-runtime";
3300
+ import { jsx as jsx42 } from "react/jsx-runtime";
3288
3301
  var getStyle2 = (color, thickness, vertical) => {
3289
- const style = {};
3290
- if (color) style.backgroundColor = color;
3302
+ const style2 = {};
3303
+ if (color) style2.backgroundColor = color;
3291
3304
  if (thickness) {
3292
3305
  if (vertical) {
3293
- style.width = thickness;
3306
+ style2.width = thickness;
3294
3307
  } else {
3295
- style.height = thickness;
3308
+ style2.height = thickness;
3296
3309
  }
3297
3310
  }
3298
- return style;
3311
+ return style2;
3299
3312
  };
3300
3313
  var Divider = ({ color, thickness, vertical, className }) => {
3301
- return /* @__PURE__ */ jsx41(
3314
+ return /* @__PURE__ */ jsx42(
3302
3315
  "div",
3303
3316
  {
3304
- className: clsx24(styles32.divider, vertical && styles32.vertical, className),
3317
+ className: clsx25(styles32.divider, vertical && styles32.vertical, className),
3305
3318
  style: getStyle2(color, thickness, vertical)
3306
3319
  }
3307
3320
  );
3308
3321
  };
3309
3322
 
3323
+ // src/components/shared/Markdown/Markdown.tsx
3324
+ import { useMemo as useMemo7 } from "react";
3325
+ import ReactMarkdown from "react-markdown";
3326
+ import remarkGfm from "remark-gfm";
3327
+ import styles33 from "./Markdown.module-AIJ2C4S2.module.css";
3328
+ import { jsx as jsx43 } from "react/jsx-runtime";
3329
+ var normalizeEscapedNewlines = (input) => input?.replaceAll(String.raw`\n`, "\n");
3330
+ var Markdown = ({ content }) => {
3331
+ const resolvedContent = useMemo7(() => {
3332
+ return normalizeEscapedNewlines(content);
3333
+ }, [content]);
3334
+ return /* @__PURE__ */ jsx43("div", { className: styles33.markdown, children: /* @__PURE__ */ jsx43(ReactMarkdown, { remarkPlugins: [remarkGfm], children: resolvedContent }) });
3335
+ };
3336
+
3337
+ // src/components/shared/MarkdownEditor/MarkdownEditor.tsx
3338
+ import {
3339
+ IconBold,
3340
+ IconCode,
3341
+ IconEye,
3342
+ IconH1,
3343
+ IconItalic,
3344
+ IconLink,
3345
+ IconList,
3346
+ IconPencil,
3347
+ IconStrikethrough
3348
+ } from "@tabler/icons-react";
3349
+ import { useRef as useRef12, useState as useState10 } from "react";
3350
+ import styles34 from "./MarkdownEditor.module-2R7P4ZIL.module.css";
3351
+
3352
+ // src/components/shared/MarkdownEditor/MarkdownEditor.utils.ts
3353
+ var MAX_HISTORY = 100;
3354
+ var applyWrap = (value, start, end, syntax) => value.slice(0, start) + syntax + value.slice(start, end) + syntax + value.slice(end);
3355
+ var applyLinePrefix = (value, start, prefix) => {
3356
+ const lineStart = value.lastIndexOf("\n", start - 1) + 1;
3357
+ return value.slice(0, lineStart) + prefix + value.slice(lineStart);
3358
+ };
3359
+
3360
+ // src/components/shared/MarkdownEditor/MarkdownEditor.tsx
3361
+ import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
3362
+ var MarkdownEditor = ({
3363
+ value: valueProp,
3364
+ onChange,
3365
+ placeholder
3366
+ }) => {
3367
+ const value = valueProp ?? "";
3368
+ const textareaRef = useRef12(null);
3369
+ const [history, setHistory] = useState10({ entries: [value], index: 0 });
3370
+ const [isPreview, setIsPreview] = useState10(false);
3371
+ const handleChange = (newValue) => {
3372
+ setHistory((prev) => {
3373
+ const entries = [...prev.entries.slice(0, prev.index + 1), newValue];
3374
+ const capped = entries.length > MAX_HISTORY ? entries.slice(-MAX_HISTORY) : entries;
3375
+ return { entries: capped, index: capped.length - 1 };
3376
+ });
3377
+ onChange?.(newValue);
3378
+ };
3379
+ const applyEdit = (edit) => {
3380
+ const textarea = textareaRef.current;
3381
+ if (!textarea) return;
3382
+ const { selectionStart: start, selectionEnd: end } = textarea;
3383
+ const result = edit(value, start, end);
3384
+ handleChange(result.value);
3385
+ requestAnimationFrame(() => {
3386
+ textarea.focus();
3387
+ textarea.setSelectionRange(...result.cursor);
3388
+ });
3389
+ };
3390
+ const handleWrap = (syntax) => applyEdit((text, start, end) => ({
3391
+ value: applyWrap(text, start, end, syntax),
3392
+ cursor: [start + syntax.length, end + syntax.length]
3393
+ }));
3394
+ const handlePrefix = (prefix) => applyEdit((text, start) => ({
3395
+ value: applyLinePrefix(text, start, prefix),
3396
+ cursor: [start + prefix.length, start + prefix.length]
3397
+ }));
3398
+ const handleLink = () => applyEdit((text, start, end) => ({
3399
+ value: text.slice(0, start) + `[${text.slice(start, end)}]()` + text.slice(end),
3400
+ cursor: [end + 3, end + 3]
3401
+ // cursor inside the ()
3402
+ }));
3403
+ const navigate = (delta) => {
3404
+ const newIndex = history.index + delta;
3405
+ if (newIndex < 0 || newIndex >= history.entries.length) return;
3406
+ const entry = history.entries[newIndex];
3407
+ if (entry === void 0) return;
3408
+ setHistory((prev) => ({ ...prev, index: newIndex }));
3409
+ onChange?.(entry);
3410
+ };
3411
+ const handleKeyDown = (e) => {
3412
+ if (!e.ctrlKey && !e.metaKey) return;
3413
+ const key = `${e.shiftKey ? "shift+" : ""}${e.key.toLowerCase()}`;
3414
+ const actions = {
3415
+ z: () => navigate(-1),
3416
+ "shift+z": () => navigate(1),
3417
+ y: () => navigate(1),
3418
+ b: () => handleWrap("**"),
3419
+ i: () => handleWrap("*"),
3420
+ k: handleLink,
3421
+ "`": () => handleWrap("`"),
3422
+ "shift+x": () => handleWrap("~~")
3423
+ };
3424
+ const action = actions[key];
3425
+ if (action) {
3426
+ e.preventDefault();
3427
+ action();
3428
+ }
3429
+ };
3430
+ const toolbarButtons = [
3431
+ { icon: IconBold, label: "Bold", onClick: () => handleWrap("**") },
3432
+ { icon: IconItalic, label: "Italic", onClick: () => handleWrap("*") },
3433
+ { icon: IconStrikethrough, label: "Strikethrough", onClick: () => handleWrap("~~") },
3434
+ { icon: IconCode, label: "Code", onClick: () => handleWrap("`") },
3435
+ { icon: IconH1, label: "Heading", onClick: () => handlePrefix("# ") },
3436
+ { icon: IconList, label: "Bullet list", onClick: () => handlePrefix("- ") },
3437
+ { icon: IconLink, label: "Link", onClick: handleLink }
3438
+ ];
3439
+ return /* @__PURE__ */ jsxs25("div", { className: styles34.container, children: [
3440
+ /* @__PURE__ */ jsxs25("div", { className: styles34.toolbar, children: [
3441
+ toolbarButtons.map(({ icon, label, onClick }) => /* @__PURE__ */ jsx44(
3442
+ GhostButtonIcon,
3443
+ {
3444
+ icon,
3445
+ "aria-label": label,
3446
+ disabled: isPreview,
3447
+ onMouseDown: (e) => e.preventDefault(),
3448
+ onClick
3449
+ },
3450
+ label
3451
+ )),
3452
+ /* @__PURE__ */ jsx44("div", { className: styles34.toolbarSpacer }),
3453
+ /* @__PURE__ */ jsx44(
3454
+ GhostButtonIcon,
3455
+ {
3456
+ icon: isPreview ? IconPencil : IconEye,
3457
+ "aria-label": isPreview ? "Edit" : "Preview",
3458
+ onMouseDown: (e) => e.preventDefault(),
3459
+ onClick: () => setIsPreview((prev) => !prev)
3460
+ }
3461
+ )
3462
+ ] }),
3463
+ isPreview ? /* @__PURE__ */ jsx44("div", { className: styles34.preview, children: /* @__PURE__ */ jsx44(Markdown, { content: value }) }) : /* @__PURE__ */ jsx44(
3464
+ "textarea",
3465
+ {
3466
+ ref: textareaRef,
3467
+ className: styles34.markdownEditor,
3468
+ value,
3469
+ onChange: (e) => handleChange(e.target.value),
3470
+ onKeyDown: handleKeyDown,
3471
+ placeholder
3472
+ }
3473
+ )
3474
+ ] });
3475
+ };
3476
+
3310
3477
  // src/utils/object.utils.ts
3311
3478
  var shallowEqual = (object1, object2) => {
3312
3479
  const keys1 = Object.keys(object1 ?? {});
@@ -3338,9 +3505,12 @@ export {
3338
3505
  FieldFeedback,
3339
3506
  FieldHeader,
3340
3507
  GhostButton,
3508
+ GhostButtonIcon,
3341
3509
  HeatMap,
3342
3510
  KpiChart,
3343
3511
  LineChart,
3512
+ Markdown,
3513
+ MarkdownEditor,
3344
3514
  MultiSelectField,
3345
3515
  NumberField,
3346
3516
  Overlay,