impact-ui 5.0.1-alpha.2 → 5.0.1-beta.2

package/dist/components/ThemingPanel/ThemingPanel.js

@@ -0,0 +1,211 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding:3px 8px;padding-left:0!important}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible{outline:none}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible .MuiSvgIcon-root:first-of-type{border-radius:50%;outline:2px solid var(--ia-focus-color,var(--iu-bg-primary));outline-offset:2px}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible .MuiSvgIcon-root,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible),.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible) .MuiSvgIcon-root{outline:none}.MuiFormGroup-root.orientation-row{flex-direction:row;gap:8px}.MuiFormGroup-root.orientation-row .ia-radioButton:first-child{margin-left:0!important}.MuiFormGroup-root.orientation-row .ia-radioButton:last-child{margin-right:0!important}.MuiFormGroup-root.orientation-column{flex-direction:column;gap:8px}.MuiFormGroup-root.orientation-column .ia-radioButton{margin:0!important}.ia-radioButton .MuiSvgIcon-root{border:1px solid var(--iu-bg-disabled-2);border-radius:50%;height:16px;width:16px}.ia-radioButton path{display:none}.ia-radioButton:hover .MuiSvgIcon-root{border:1px solid var(--iu-bg-primary)}.ia-radioButton-disabled .MuiSvgIcon-root{background:var(--iu-bg-surface-lighter);border:1px solid var(--iu-border-disabled)!important}.ia-radioButton.ia-radioButton-disabled .MuiSvgIcon-root:nth-child(2){background:var(--iu-bg-primary-lighter)!important;border:none;border:1px solid var(--iu-bg-primary-lighter)!important;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiSvgIcon-root:nth-child(2){background:var(--iu-bg-primary);border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .Mui-checked .MuiSvgIcon-root{background:#0000;border:1px solid var(--iu-bg-primary);border-radius:50%;height:16px;width:16px}.ia-radioButton .Mui-checked .MuiSvgIcon-root path{display:none}.ia-radioButton .Mui-checked .MuiSvgIcon-root:nth-child(2){background:var(--iu-bg-primary);border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiTypography-root{color:var(--iu-legacy-gray-badge);font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.ia-radioButton .MuiRadio-root.Mui-checked+.MuiTypography-root{color:var(--iu-on-surface-body)}.ia-radioGroup-wrapper{display:flex;flex-direction:column;gap:16px}.ia-radioGroup-label{color:var(--iu-on-surface-subtitle);font-size:12px;font-weight:700;line-height:20px;text-transform:capitalize}.ia-theming-panel-overlay{background-color:var(--iu-effect-mix-modal-backdrop-80);top:0;right:0;bottom:0;left:0;position:fixed;z-index:9999;-webkit-tap-highlight-color:transparent}.ia-styles.ia-theming-panel{background:var(--iu-bg-surface-layer-bg);border-radius:12px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);display:flex;flex-direction:column;font-family:Manrope,sans-serif;left:50%;max-height:min(760px,100vh - 32px);overflow:visible;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(900px,100vw - 32px);z-index:10000}.ia-theming-panel-body{background:var(--iu-effect-gradient-theming-panel-body);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:16px 16px 48px;position:relative}.ia-theming-panel-halloween-bats{background-image:var(--iu-style-halloween-panel-bats);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;bottom:0;display:none;height:105px;margin:14px 26px;pointer-events:none;position:absolute;right:0;transform:rotate(-8deg);width:86px;z-index:0}[data-iu-interface-style=halloween] .ia-theming-panel-body .ia-theming-panel-halloween-bats{display:block}.ia-theming-panel-content,.ia-theming-panel-header{position:relative;z-index:1}.ia-theming-panel-header{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;max-width:556px}.ia-theming-panel-title{color:var(--iu-on-surface-title);font-size:20px;font-weight:800;line-height:30px;margin:0;text-transform:capitalize}.ia-theming-panel-description{color:var(--iu-on-surface-subtitle,var(--iu-on-surface-caption));font-size:14px;font-weight:400;line-height:16px;margin:0}.ia-theming-panel-close{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border:none;border-radius:100px;box-shadow:var(--iu-effect-shadow-drop-4);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:-8px;top:-10px;z-index:1}.ia-theming-panel-close:focus-visible{box-shadow:var(--iu-effect-shadow-drop-4),0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-theming-panel-close:focus:not(:focus-visible){box-shadow:var(--iu-effect-shadow-drop-4);outline:none}.ia-theming-panel-close svg{color:var(--iu-on-surface-icon);height:18px;width:18px}.ia-theming-panel-content{display:flex;flex:1;flex-direction:column;min-height:0}.ia-theming-panel-themes-heading{color:var(--iu-on-surface-title);font-size:16px;font-weight:600;line-height:24px;margin:0;padding:0 8px}.ia-theming-panel-themes-heading-divider{border-top:1px solid var(--iu-border-default);margin:12px -16px 0;width:calc(100% + 32px)}.ia-theming-panel-themes-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px 8px 8px}.ia-theming-panel-themes{display:flex;flex-direction:column;gap:20px;--ia-theming-preview-accent:var(--iu-bg-primary)}.ia-theming-panel-row{align-items:flex-start;display:flex;gap:32px}.ia-theming-panel-row-copy{display:flex;flex:none;flex-direction:column;gap:4px;width:240px}.ia-theming-panel-section-title{color:var(--iu-on-surface-title);font-size:16px;font-weight:600;line-height:24px;margin:0}.ia-theming-panel-section-subtitle{color:var(--iu-on-surface-subtitle,var(--iu-on-surface-caption));font-size:12px;font-weight:500;line-height:16px;margin:0}.ia-theming-panel-divider{border-top:1px solid var(--iu-border-default);height:0;width:100%}.ia-theming-panel-theme-cards{display:flex;flex:1;flex-wrap:wrap;gap:16px;min-width:0}.ia-theming-panel-theme-card{background:#0000;border:1px solid var(--iu-border-default);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;padding:2px;text-align:left;transition:border-color .15s ease;width:138px}.ia-theming-panel-theme-card:focus-visible{outline:2px solid var(--ia-theming-preview-accent,var(--iu-bg-primary));outline-offset:2px}.ia-theming-panel-theme-card.ia-theming-panel-theme-card-selected{border-color:var(--ia-theming-preview-accent,var(--iu-bg-primary));border-width:1.5px}.ia-theming-panel-theme-card-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0 6px 6px}.ia-theming-panel-theme-card-label{color:var(--iu-on-surface-label,var(--iu-on-surface-caption));font-size:12px;font-weight:500;line-height:16px}.ia-theming-panel-theme-card-radio{padding:0!important;pointer-events:none}.ia-theming-panel-theme-card-radio.MuiRadio-root{margin:0}.ia-theming-panel-theme-cards .ia-radioButton.ia-theming-panel-theme-card-radio .Mui-checked .MuiSvgIcon-root{border-color:var(--ia-theming-preview-accent,var(--iu-bg-primary))}.ia-theming-panel-theme-cards .ia-radioButton.ia-theming-panel-theme-card-radio .Mui-checked .MuiSvgIcon-root:nth-child(2),.ia-theming-panel-theme-cards .ia-radioButton.ia-theming-panel-theme-card-radio .MuiSvgIcon-root:nth-child(2){background:var(--ia-theming-preview-accent,var(--iu-bg-primary))}.ia-theming-panel-theme-preview{background:#f4f5f8;border-radius:6px;display:flex;flex-direction:column;gap:5px;height:80px;overflow:hidden;padding:6px}.ia-theming-panel-theme-preview--system{display:flex;flex-direction:row;gap:0;padding:0}.ia-theming-panel-theme-preview-half{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;padding:6px}.ia-theming-panel-theme-preview-half--light{background:#f4f5f8}.ia-theming-panel-theme-preview--dark,.ia-theming-panel-theme-preview-half--dark{background:#18181c}.ia-theming-panel-preview-chrome{align-items:flex-start;display:flex;gap:3px;width:100%}.ia-theming-panel-preview-chrome--end{justify-content:flex-end}.ia-theming-panel-preview-dot{border-radius:50%;flex:none;height:3px;width:3px}.ia-theming-panel-preview-dot--red{background:#ff5f57}.ia-theming-panel-preview-dot--amber{background:#febc2e}.ia-theming-panel-preview-dot--green{background:#28c840}.ia-theming-panel-preview-dots{background:linear-gradient(90deg,#ff5f57 0,#ff5f57 3px,#0000 3px,#0000 6.5px,#febc2e 6.5px,#febc2e 9.5px,#0000 9.5px,#0000 13px,#28c840 13px,#28c840 16px);border-radius:2px;height:3px;width:16px}.ia-theming-panel-preview-dots--dark{opacity:.55}.ia-theming-panel-preview-accent{background:var(--ia-theming-preview-accent,var(--iu-bg-primary));border-radius:1px;flex:none;height:5px;margin-left:auto;width:13px}.ia-theming-panel-preview-editor{display:flex;flex:1;gap:3px;min-height:0;width:100%}.ia-theming-panel-preview-sidebar{background:#e8eaef;border-radius:1.5px;box-shadow:inset 2px 0 0 var(--ia-theming-preview-accent,var(--iu-bg-primary));flex:none;width:19px}.ia-theming-panel-preview-main{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.ia-theming-panel-preview-navbar{background:#e8eaef;border-radius:1px;flex:none;height:6px}.ia-theming-panel-preview-body{background:#fff;border-radius:1.5px;flex:1}.ia-theming-panel-preview-editor--dark :is(.ia-theming-panel-preview-navbar,.ia-theming-panel-preview-sidebar){background:#24242a}.ia-theming-panel-preview-editor--dark .ia-theming-panel-preview-sidebar{box-shadow:inset 2px 0 0 var(--ia-theming-preview-accent,var(--iu-bg-primary))}.ia-theming-panel-preview-editor--dark .ia-theming-panel-preview-body{background:#2e2e36}.ia-theming-panel-swatches{align-items:center;display:flex;flex-wrap:wrap;gap:18px;min-width:0;padding-top:2px}.ia-theming-panel-swatch{align-items:center;background:#0000;border:none;border-radius:40px;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.ia-theming-panel-swatch:focus-visible{outline:2px solid var(--iu-bg-primary);outline-offset:2px}.ia-theming-panel-swatch.ia-theming-panel-swatch-selected{border:2px solid var(--ia-theming-preview-accent,var(--iu-bg-primary));height:32px;width:32px}.ia-theming-panel-swatch-fill{background:var(--ia-theming-swatch-color);border-radius:40px;display:block;height:24px;width:24px}.ia-theming-panel-swatch-selected .ia-theming-panel-swatch-fill{border:2.5px solid #fff;box-sizing:border-box;height:20px;width:20px}.ia-theming-panel-chips{align-items:center;display:flex;flex-wrap:wrap;gap:12px;min-width:0}.ia-theming-panel-chips .impact-chip-container.selected .MuiChip-filled{background-color:var(--iu-bg-surface-layer-bg)}.ia-theming-panel-styles{align-items:center;display:flex;flex-wrap:wrap;gap:16px;min-width:0}.ia-theming-panel-style-card{align-items:center;background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-default);border-radius:12px;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;padding:0;position:relative;width:60px}.ia-theming-panel-style-card:focus-visible{outline:2px solid var(--iu-bg-primary);outline-offset:2px}.ia-theming-panel-style-card.ia-theming-panel-style-card-selected{border-color:var(--iu-bg-primary)}.ia-theming-panel-style-none-label{color:var(--iu-on-surface-label);font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.ia-theming-panel-style-card-selected .ia-theming-panel-style-none-label{color:var(--iu-bg-primary)}.ia-theming-panel-style-image{height:100%;object-fit:cover;pointer-events:none;width:100%}.ia-theming-panel-placeholder{color:var(--iu-on-surface-caption);font-size:14px;margin:0}.ia-theming-panel-footer{align-items:center;background:var(--iu-bg-surface-layer-bg);border-radius:0 0 8px 8px;border-top:1px solid var(--iu-border-default);display:flex;gap:12px;justify-content:flex-end;padding:12px 16px}@media (max-width:720px){.ia-theming-panel-row{flex-direction:column;gap:16px}.ia-theming-panel-row-copy{width:100%}.ia-theming-panel-themes-scroll{padding-inline:0}}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useCallback } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/CloseRounded.js";
+import { Button } from "../Button/index.js";
+import { ThemesTab } from "./ThemesTab.js";
+import { DEFAULT_ACCENT_COLOR, DEFAULT_CONTRAST, DEFAULT_INTERFACE_STYLE, interfaceStyleIdFromDom, interfaceStyleIdToDom } from "./themingPanel.constants.js";
+import { DEFAULT_THEMING_PANEL_VISIBILITY } from "./ThemingPanel.types.js";
+
+import { useTranslation } from "../../i18n/useTranslation.js";
+import { useImpactUiTheme } from "../../tokens/useImpactUiTheme.js";
+import { useHalloweenStyleIntro } from "../HalloweenStyleIntro/HalloweenStyleIntroProvider.js";
+import { readImpactUiInterfaceStyleFromStorage, setImpactUiInterfaceStyle } from "../../tokens/interfaceStyleDom.js";
+import { readImpactUiPreferences, patchImpactUiPreferences } from "../../tokens/impactUiPreferences.js";
+import { readImpactUiThemePreferenceFromDom, resolveThemeAppearance } from "../../tokens/themeDom.js";
+import { HALLOWEEN_INTRO_PLAY_EVENT } from "../HalloweenStyleIntro/halloweenIntro.constants.js";
+const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function ThemingPanel({
+  open,
+  onClose,
+  onCancel,
+  onApply,
+  className,
+  "data-testid": dataTestId,
+  visibiltyProperties = DEFAULT_THEMING_PANEL_VISIBILITY
+}) {
+  const { t } = useTranslation();
+  const { mode, setMode } = useImpactUiTheme();
+  const halloweenIntro = useHalloweenStyleIntro();
+  const dialogRef = useRef(null);
+  const modeAtOpenRef = useRef(mode);
+  const styleAtOpenRef = useRef(readImpactUiInterfaceStyleFromStorage());
+  const wasOpenRef = useRef(false);
+  const [draftMode, setDraftMode] = useState(mode);
+  const [draftAccentColor, setDraftAccentColor] = useState(DEFAULT_ACCENT_COLOR);
+  const [draftContrast, setDraftContrast] = useState(DEFAULT_CONTRAST);
+  const [draftStyle, setDraftStyle] = useState(DEFAULT_INTERFACE_STYLE);
+  useEffect(() => {
+    if (open && !wasOpenRef.current) {
+      const committedPrefs = readImpactUiPreferences();
+      const committedMode = readImpactUiThemePreferenceFromDom(committedPrefs.theme);
+      const committedStyle = readImpactUiInterfaceStyleFromStorage();
+      modeAtOpenRef.current = committedMode;
+      styleAtOpenRef.current = committedStyle;
+      setMode(committedMode, { persist: false });
+      setImpactUiInterfaceStyle(committedStyle, { persist: false });
+      setDraftMode(committedMode);
+      setDraftAccentColor(
+        committedPrefs.accentColor ?? DEFAULT_ACCENT_COLOR
+      );
+      setDraftContrast(committedPrefs.contrast ?? DEFAULT_CONTRAST);
+      setDraftStyle(interfaceStyleIdFromDom(committedStyle));
+    }
+    wasOpenRef.current = open;
+  }, [open, mode, setMode]);
+  useEffect(() => {
+    if (!open) {
+      setDraftMode(mode);
+    }
+  }, [open, mode]);
+  useEffect(() => {
+    if (open && dialogRef.current) {
+      const firstFocusable = dialogRef.current.querySelector(FOCUSABLE_SELECTOR);
+      firstFocusable == null ? void 0 : firstFocusable.focus();
+    }
+  }, [open]);
+  const handleDiscardClose = useCallback(() => {
+    setMode(modeAtOpenRef.current, { persist: false });
+    setImpactUiInterfaceStyle(styleAtOpenRef.current, { persist: false });
+    setDraftMode(modeAtOpenRef.current);
+    setDraftStyle(interfaceStyleIdFromDom(styleAtOpenRef.current));
+    onCancel == null ? void 0 : onCancel();
+    onClose();
+  }, [onCancel, onClose, setMode]);
+  useEffect(() => {
+    if (!open) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") {
+        handleDiscardClose();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => {
+      window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open, handleDiscardClose]);
+  const handleKeyDown = useCallback((e) => {
+    if (e.key !== "Tab" || !dialogRef.current) return;
+    const focusableElements = dialogRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
+    if (focusableElements.length === 0) return;
+    const firstEl = focusableElements[0];
+    const lastEl = focusableElements[focusableElements.length - 1];
+    if (e.shiftKey) {
+      if (document.activeElement === firstEl) {
+        e.preventDefault();
+        lastEl.focus();
+      }
+    } else if (document.activeElement === lastEl) {
+      e.preventDefault();
+      firstEl.focus();
+    }
+  }, []);
+  const handleDraftModeChange = (next) => {
+    setDraftMode(next);
+    setMode(next, { persist: false });
+  };
+  const handleDraftStyleChange = (next) => {
+    setDraftStyle(next);
+    setImpactUiInterfaceStyle(interfaceStyleIdToDom(next), { persist: false });
+  };
+  const requestHalloweenIntro = (resolvedMode) => {
+    if (halloweenIntro) {
+      halloweenIntro.play(resolvedMode);
+      return;
+    }
+    window.dispatchEvent(
+      new CustomEvent(HALLOWEEN_INTRO_PLAY_EVENT, {
+        detail: { resolvedMode }
+      })
+    );
+  };
+  const handleApply = () => {
+    const resolvedMode = resolveThemeAppearance(draftMode);
+    const committedStyle = interfaceStyleIdToDom(draftStyle);
+    patchImpactUiPreferences({
+      theme: draftMode,
+      interfaceStyle: committedStyle,
+      accentColor: draftAccentColor,
+      contrast: draftContrast
+    });
+    setMode(draftMode, { persist: false });
+    setImpactUiInterfaceStyle(committedStyle, { persist: false });
+    modeAtOpenRef.current = draftMode;
+    styleAtOpenRef.current = committedStyle;
+    onApply == null ? void 0 : onApply({
+      mode: draftMode,
+      accentColor: draftAccentColor,
+      contrast: draftContrast,
+      style: draftStyle
+    });
+    onClose();
+    if (draftStyle === "halloween") {
+      window.setTimeout(() => {
+        requestHalloweenIntro(resolvedMode);
+      }, 0);
+    }
+  };
+  if (!open) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "ia-theming-panel-overlay" }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: dialogRef,
+        "aria-labelledby": "ia-theming-panel-title",
+        "aria-modal": "true",
+        className: `ia-styles ia-theming-panel ${className ?? ""}`.trim(),
+        "data-testid": dataTestId,
+        role: "dialog",
+        onKeyDown: handleKeyDown,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": t("common.close"),
+              className: "ia-theming-panel-close",
+              type: "button",
+              onClick: handleDiscardClose,
+              children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-body", children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "ia-theming-panel-halloween-bats" }),
+            /* @__PURE__ */ jsxs("header", { className: "ia-theming-panel-header", children: [
+              /* @__PURE__ */ jsx("h2", { className: "ia-theming-panel-title", id: "ia-theming-panel-title", children: t("themingPanel.appearance.title") }),
+              /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-description", children: t("themingPanel.appearance.subtitle") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-content", children: [
+              /* @__PURE__ */ jsx("h3", { className: "ia-theming-panel-themes-heading", children: t("themingPanel.tab.themes") }),
+              /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "ia-theming-panel-themes-heading-divider" }),
+              /* @__PURE__ */ jsx("div", { className: "ia-theming-panel-themes-scroll", children: /* @__PURE__ */ jsx(
+                ThemesTab,
+                {
+                  accentColor: draftAccentColor,
+                  contrast: draftContrast,
+                  mode: draftMode,
+                  style: draftStyle,
+                  visibiltyProperties,
+                  onAccentColorChange: setDraftAccentColor,
+                  onContrastChange: setDraftContrast,
+                  onModeChange: handleDraftModeChange,
+                  onStyleChange: handleDraftStyleChange
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("footer", { className: "ia-theming-panel-footer", children: [
+            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "tertiary", onClick: handleDiscardClose, children: t("common.cancel") }),
+            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleApply, children: t("themingPanel.applyChanges") })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+ThemingPanel.displayName = "ThemingPanel";
+export {
+  ThemingPanel
+};

package/dist/components/ThemingPanel/ThemingPanel.types.d.ts

@@ -0,0 +1,33 @@
+import { ImpactUiThemeMode } from '../../tokens';
+import { BaseComponentProps } from '../../types';
+
+export type AccentColorId = 'blue' | 'slate' | 'purple' | 'cyan' | 'pink' | 'brown' | 'magenta' | 'sky';
+export type ContrastLevel = 'subtle' | 'default' | 'dark';
+export type InterfaceStyleId = 'classic' | 'laborDay' | 'halloween' | 'christmas';
+export interface ThemingPanelSettings {
+    mode: ImpactUiThemeMode;
+    accentColor: AccentColorId;
+    contrast: ContrastLevel;
+    style: InterfaceStyleId;
+}
+export interface ThemingPanelProps extends BaseComponentProps {
+    /** When true, renders the Appearance modal. */
+    open: boolean;
+    /** Called when the panel closes (after Cancel, Apply, close control, or Escape). */
+    onClose: () => void;
+    /** Called when the user dismisses without applying (Cancel, close control, Escape). Not called on Apply. */
+    onCancel?: () => void;
+    /** Called after the user applies appearance changes (before `onClose`). */
+    onApply?: (settings: ThemingPanelSettings) => void;
+    visibiltyProperties?: {
+        isAccentColorSectionVisible?: boolean;
+        isEnhanceContrastSectionVisible?: boolean;
+        isStylesSectionVisible?: boolean;
+    };
+}
+export declare const DEFAULT_THEMING_PANEL_VISIBILITY: {
+    readonly isAccentColorSectionVisible: false;
+    readonly isEnhanceContrastSectionVisible: false;
+    readonly isStylesSectionVisible: true;
+};
+//# sourceMappingURL=ThemingPanel.types.d.ts.map

package/dist/components/ThemingPanel/ThemingPanel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemingPanel.types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/ThemingPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,aAAa,GACvB,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC;AAE9E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,iBAAiB,CAAC;IACxB,WAAW,EAAE,aAAa,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,+CAA+C;IAC/C,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACnD,mBAAmB,CAAC,EAAE;QACpB,2BAA2B,CAAC,EAAE,OAAO,CAAC;QACtC,+BAA+B,CAAC,EAAE,OAAO,CAAC;QAC1C,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH;AAED,eAAO,MAAM,gCAAgC;;;;CAInC,CAAC"}

package/dist/components/ThemingPanel/ThemingPanel.types.js

@@ -0,0 +1,8 @@
+const DEFAULT_THEMING_PANEL_VISIBILITY = {
+  isAccentColorSectionVisible: false,
+  isEnhanceContrastSectionVisible: false,
+  isStylesSectionVisible: true
+};
+export {
+  DEFAULT_THEMING_PANEL_VISIBILITY
+};

package/dist/components/ThemingPanel/index.d.ts

@@ -0,0 +1,10 @@
+export { ThemingPanel } from './ThemingPanel';
+export { InterfaceThemeSection } from './InterfaceThemeSection';
+export { AccentColorSection } from './AccentColorSection';
+export { EnhanceContrastSection } from './EnhanceContrastSection';
+export { StylesSection } from './StylesSection';
+export { ThemesTab } from './ThemesTab';
+export { DEFAULT_THEMING_PANEL_VISIBILITY } from './ThemingPanel.types';
+export type { ThemingPanelProps, ThemingPanelSettings, AccentColorId, ContrastLevel, InterfaceStyleId, } from './ThemingPanel.types';
+export type { InterfaceThemeSectionProps } from './InterfaceThemeSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ThemingPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AACxE,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/ThemingPanel/themingPanel.constants.d.ts

@@ -0,0 +1,27 @@
+import { PrimitiveColorTokenName } from '../../styles/tokens/tokens.generated';
+import { AccentColorId, ContrastLevel, InterfaceStyleId } from './ThemingPanel.types';
+import { ImpactUiInterfaceStyleId } from '../../tokens';
+
+/** Accent swatches map to Figma Global palette primitives (see `PRIMITIVE_COLOR_TOKENS`). */
+export declare const ACCENT_COLOR_PRIMITIVES: Record<AccentColorId, PrimitiveColorTokenName>;
+export declare const ACCENT_COLORS: readonly {
+    id: AccentColorId;
+    primitive: PrimitiveColorTokenName;
+}[];
+export declare const CONTRAST_LEVELS: readonly ContrastLevel[];
+export declare const INTERFACE_STYLES: readonly {
+    id: InterfaceStyleId;
+    image?: string;
+}[];
+export declare const DEFAULT_ACCENT_COLOR: AccentColorId;
+export declare const DEFAULT_CONTRAST: ContrastLevel;
+export declare const DEFAULT_INTERFACE_STYLE: InterfaceStyleId;
+/** Panel label `classic` ↔ DOM / storage `none` (no `data-iu-interface-style` attribute). */
+export declare function interfaceStyleIdToDom(style: InterfaceStyleId): ImpactUiInterfaceStyleId;
+export declare function interfaceStyleIdFromDom(style: ImpactUiInterfaceStyleId): InterfaceStyleId;
+export declare function getAccentPrimitive(id: AccentColorId): PrimitiveColorTokenName;
+/** Theme-aware CSS var on `:root`, e.g. `var(--iu-primitive-color-blue-01-400)`. */
+export declare function getAccentColorCssVar(id: AccentColorId): string;
+/** Resolved hex from the maintained primitive palette (charts/tests). */
+export declare function getAccentColorHex(id: AccentColorId): string;
+//# sourceMappingURL=themingPanel.constants.d.ts.map

package/dist/components/ThemingPanel/themingPanel.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themingPanel.constants.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/themingPanel.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC3F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAE7D,6FAA6F;AAC7F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,uBAAuB,CASlF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAAS;IAAE,EAAE,EAAE,aAAa,CAAC;IAAC,SAAS,EAAE,uBAAuB,CAAA;CAAE,EAE/C,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,SAAS,aAAa,EAAkC,CAAC;AASvF,eAAO,MAAM,gBAAgB,EAAE,SAAS;IACtC,EAAE,EAAE,gBAAgB,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,EAKA,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAAsB,CAAC;AAC1D,eAAO,MAAM,gBAAgB,EAAE,aAAwB,CAAC;AACxD,eAAO,MAAM,uBAAuB,EAAE,gBAA4B,CAAC;AAEnE,6FAA6F;AAC7F,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,gBAAgB,GAAG,wBAAwB,CAEvF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,wBAAwB,GAAG,gBAAgB,CAEzF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,aAAa,GAAG,uBAAuB,CAE7E;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAE9D;AAED,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAE3D"}

package/dist/components/ThemingPanel/themingPanel.constants.js

@@ -0,0 +1,50 @@
+import { getAssetUrl } from "../../utils/assetBase.js";
+const ACCENT_COLOR_PRIMITIVES = {
+  blue: "color-blue-01-400",
+  slate: "color-grey-900",
+  purple: "color-violet-600",
+  cyan: "color-cyan-500",
+  pink: "color-maroon-400",
+  brown: "color-brown-700",
+  magenta: "color-violet-700",
+  sky: "color-blue-01-300"
+};
+const ACCENT_COLORS = Object.entries(ACCENT_COLOR_PRIMITIVES).map(([id, primitive]) => ({ id, primitive }));
+const CONTRAST_LEVELS = ["subtle", "default", "dark"];
+const THEMING_STYLE_IMAGE_PATHS = {
+  halloween: "images/style-halloween.webp"
+};
+const INTERFACE_STYLES = [
+  { id: "classic" },
+  // { id: 'laborDay', image: getAssetUrl(THEMING_STYLE_IMAGE_PATHS.laborDay) },
+  { id: "halloween", image: getAssetUrl(THEMING_STYLE_IMAGE_PATHS.halloween) }
+  // { id: 'christmas', image: getAssetUrl(THEMING_STYLE_IMAGE_PATHS.christmas) },
+];
+const DEFAULT_ACCENT_COLOR = "blue";
+const DEFAULT_CONTRAST = "subtle";
+const DEFAULT_INTERFACE_STYLE = "classic";
+function interfaceStyleIdToDom(style) {
+  return style === "classic" ? "none" : style;
+}
+function interfaceStyleIdFromDom(style) {
+  return style === "none" ? "classic" : style;
+}
+function getAccentPrimitive(id) {
+  return ACCENT_COLOR_PRIMITIVES[id];
+}
+function getAccentColorCssVar(id) {
+  return `var(--iu-primitive-${getAccentPrimitive(id)})`;
+}
+export {
+  ACCENT_COLORS,
+  ACCENT_COLOR_PRIMITIVES,
+  CONTRAST_LEVELS,
+  DEFAULT_ACCENT_COLOR,
+  DEFAULT_CONTRAST,
+  DEFAULT_INTERFACE_STYLE,
+  INTERFACE_STYLES,
+  getAccentColorCssVar,
+  getAccentPrimitive,
+  interfaceStyleIdFromDom,
+  interfaceStyleIdToDom
+};

package/dist/components/Toast/index.d.ts

@@ -1,7 +1,7 @@
 import { ToastProps } from './Toast.types';
 
 export type { ToastProps, ToastPosition, ToastVariant } from './Toast.types';
-export declare function Toast({ isOpen, position, message, variant, onClose, autoHideDuration, zIndex, className, 'data-testid': dataTestId, ...args }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export declare function Toast({ isOpen, position, message, variant, onClose, autoHideDuration, zIndex, className, 'data-testid': dataTestId, ...args }: ToastProps): import("react").JSX.Element;
 export declare namespace Toast {
     var displayName: string;
 }

package/dist/components/Toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7E,wBAAgB,KAAK,CAAC,EACpB,MAAa,EACb,QAAsB,EACtB,OAAO,EACP,OAAmB,EACnB,OAAO,EACP,gBAAuB,EACvB,MAAa,EACb,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,UAAU,2CAsBZ;yBAjCe,KAAK"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7E,wBAAgB,KAAK,CAAC,EACpB,MAAa,EACb,QAAsB,EACtB,OAAO,EACP,OAAmB,EACnB,OAAO,EACP,gBAAuB,EACvB,MAAa,EACb,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,UAAU,+BAsBZ;yBAjCe,KAAK"}

package/dist/components/Toast/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('.ia-styles.ia-snackbar .MuiPaper-root{border-radius:4px;box-shadow:0 10px 30px #00000026;height:51px;justify-content:center;text-align:center}.ia-styles.ia-snackbar .MuiPaper-root:after{background:tomato;border-radius:0 0 4px 4px;bottom:0;content:" ";height:4px;left:0;position:absolute;right:0}.ia-styles.ia-snackbar .css-1arijsr-MuiSnackbar-root{z-index:999999}.ia-styles.ia-snackbar .MuiSnackbarContent-message{font-size:14px;font-weight:500}.ia-styles.ia-snackbar.ia-snackbar-success .MuiPaper-root{background:#3bb273}.ia-styles.ia-snackbar.ia-snackbar-success .MuiPaper-root:after{background:#89d1ab}.ia-styles.ia-snackbar.ia-snackbar-info .MuiPaper-root{background:#4259ee}.ia-styles.ia-snackbar.ia-snackbar-info .MuiPaper-root:after{background:#687af1}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiPaper-root{background:#e1bc29}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiPaper-root:after{background:#edd77f}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiSnackbarContent-message{color:#0d152c}.ia-styles.ia-snackbar.ia-snackbar-error .MuiPaper-root{background:#ec4c5c}.ia-styles.ia-snackbar.ia-snackbar-error .MuiPaper-root:after{background:#ed9998}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('.ia-styles.ia-snackbar .MuiPaper-root{border-radius:4px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);color:var(--iu-on-primary-text);height:51px;justify-content:center;text-align:center}.ia-styles.ia-snackbar .MuiPaper-root:after{background:var(--iu-bg-error);border-radius:0 0 4px 4px;bottom:0;content:" ";height:4px;left:0;position:absolute;right:0}.ia-styles.ia-snackbar .css-1arijsr-MuiSnackbar-root{z-index:999999}.ia-styles.ia-snackbar .MuiSnackbarContent-message{font-size:14px;font-weight:500}.ia-styles.ia-snackbar.ia-snackbar-success .MuiPaper-root{background:var(--iu-bg-success)}.ia-styles.ia-snackbar.ia-snackbar-success .MuiPaper-root:after{background:var(--iu-primitive-color-green-300)}.ia-styles.ia-snackbar.ia-snackbar-info .MuiPaper-root{background:var(--iu-bg-primary)}.ia-styles.ia-snackbar.ia-snackbar-info .MuiPaper-root:after{background:var(--iu-legacy-primary-badge)}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiPaper-root{background:var(--iu-bg-warning)}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiPaper-root:after{background:var(--iu-bg-warning-lighter)}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiSnackbarContent-message{color:var(--iu-on-warning-text)}.ia-styles.ia-snackbar.ia-snackbar-error .MuiPaper-root{background:var(--iu-legacy-red-badge)}.ia-styles.ia-snackbar.ia-snackbar-error .MuiPaper-root:after{background:var(--iu-legacy-error-stroke)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
 import { createElement } from "react";
 
 import { useTranslation } from "../../i18n/useTranslation.js";

package/dist/components/Tooltip/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-tooltip-container .MuiTooltip-tooltip{align-items:center;border-radius:8px;box-shadow:0 0 12px #1a277c24;display:flex;font-family:Manrope,sans-serif;font-size:14px;justify-content:center;line-height:21px;min-height:30px;padding:8px;text-align:left;white-space:pre-wrap;word-break:break-word}.impact-tooltip-container .MuiTooltip-arrow{margin-bottom:-.65em!important}.primary-tooltip .MuiTooltip-tooltip{background:#4259ee;color:#fff}.primary-tooltip .MuiTooltip-arrow{color:#4259ee}.secondary-tooltip .MuiTooltip-tooltip{background:#fff;color:#4259ee}.secondary-tooltip .MuiTooltip-arrow{color:#fff}.tertiary-tooltip .MuiTooltip-tooltip{background:#0d152c;color:#f5f5f5}.tertiary-tooltip .MuiTooltip-arrow{color:#0d152c}.feature-tooltip .MuiTooltip-tooltip{background:linear-gradient(274.01deg,#fdf0ec .91%,#fcf8ea 103.39%) padding-box,linear-gradient(270deg,#687af1,#ed7955) border-box;border:1px solid #0000;border-radius:12px;box-shadow:0 0 20px #687af133,0 0 40px #ed79551f;color:#1e293b;font-size:14px;line-height:1.4;max-width:280px;min-height:unset;padding:0}.feature-tooltip .impact-tooltip-feature-content{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.feature-tooltip .impact-tooltip-feature-title{color:#0f172a;font-size:15px;font-weight:700;line-height:1.3}.feature-tooltip .impact-tooltip-feature-description{color:#1e293b;font-size:14px;font-weight:400;line-height:1.45}.feature-tooltip .MuiTooltip-arrow{color:#fdf0ec;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-tooltip-container .MuiTooltip-tooltip{align-items:center;border-radius:8px;box-shadow:var(--iu-effect-shadow-save-view-tint);display:flex;font-family:Manrope,sans-serif;font-size:14px;justify-content:center;line-height:21px;min-height:30px;padding:8px;text-align:left;white-space:pre-wrap;word-break:break-word}.impact-tooltip-container .MuiTooltip-arrow{margin-bottom:-.65em!important}.primary-tooltip .MuiTooltip-tooltip{background:var(--iu-bg-primary);color:var(--iu-on-primary-text)}.primary-tooltip .MuiTooltip-arrow{color:var(--iu-bg-primary)}.secondary-tooltip .MuiTooltip-tooltip{background:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);color:var(--iu-on-surface-body)}.secondary-tooltip .MuiTooltip-arrow{color:var(--iu-bg-surface-layer-bg)}.secondary-tooltip .MuiTooltip-arrow:before{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);box-sizing:border-box}.tertiary-tooltip .MuiTooltip-tooltip{background:var(--iu-bg-surface-overlay-bg);border:.5px solid var(--iu-border-default);color:var(--iu-on-primary-text)}.tertiary-tooltip .MuiTooltip-arrow{color:var(--iu-bg-surface-overlay-bg)}.tertiary-tooltip .MuiTooltip-arrow:before{background-color:var(--iu-bg-surface-overlay-bg);border:.5px solid var(--iu-border-default);box-sizing:border-box}.feature-tooltip .MuiTooltip-tooltip{background:linear-gradient(274deg,var(--iu-bg-error-subtle) .91%,var(--iu-bg-warning-subtle) 103.39%) padding-box,linear-gradient(270deg,var(--iu-bg-primary-lighter) 0,var(--iu-bg-warning) 100%) border-box;border:1px solid #0000;border-radius:12px;box-shadow:var(--iu-effect-shadow-overlay-navy-alpha-16);color:var(--iu-on-surface-body);font-size:14px;line-height:1.4;max-width:280px;min-height:unset;padding:0}.feature-tooltip .impact-tooltip-feature-content{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.feature-tooltip .impact-tooltip-feature-title{color:var(--iu-on-surface-title);font-size:15px;font-weight:700;line-height:1.3}.feature-tooltip .impact-tooltip-feature-description{color:var(--iu-on-surface-body);font-size:14px;font-weight:400;line-height:1.45}.feature-tooltip .MuiTooltip-arrow{color:var(--iu-bg-warning-subtle);filter:drop-shadow(0 1px 2px var(--iu-effect-mix-primary-alpha-20))}")),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, isValidElement, cloneElement } from "react";
 

package/dist/components/common/HelperText/index.d.ts

@@ -4,7 +4,7 @@ export type { HelperTextProps } from './HelperText.types';
 /**
  * Form helper text with optional truncation; when truncated, full text is shown via title attribute.
  */
-export declare function HelperText({ helper, error, className, minWidth, id, 'data-testid': dataTestId, }: HelperTextProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function HelperText({ helper, error, className, minWidth, id, 'data-testid': dataTestId, }: HelperTextProps): import("react").JSX.Element | null;
 export declare namespace HelperText {
     var displayName: string;
 }

package/dist/components/common/HelperText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/HelperText/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,0BAA0B,CAAC;AAElC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAa,EACb,SAAc,EACd,QAAQ,EACR,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,eAAe,kDAmCjB;yBA1Ce,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/HelperText/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,0BAA0B,CAAC;AAElC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAa,EACb,SAAc,EACd,QAAQ,EACR,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,eAAe,sCAmCjB;yBA1Ce,UAAU"}

package/dist/components/common/HelperText/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;overflow:hidden;padding-left:14px;text-overflow:ellipsis;white-space:nowrap}.MuiFormHelperText-root.Mui-error{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:var(--iu-on-surface-caption)!important;font-family:Manrope,sans-serif!important;margin-left:0!important;overflow:hidden;padding-left:14px;text-overflow:ellipsis;white-space:nowrap}.MuiFormHelperText-root.Mui-error{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:var(--iu-bg-error)!important}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { Tooltip } from "../../Tooltip/index.js";

package/dist/components/common/MentionEditor/MentionList/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.dropdown-menu{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:250px;min-width:180px;overflow:auto;padding:8px;position:relative}.dropdown-menu .mention-item{align-items:center;background-color:initial;border:none;border-radius:4px;color:#0d152c;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu .mention-item .mention-avatar{align-items:center;display:flex;justify-content:center}.dropdown-menu .mention-item .mention-info{display:flex;flex:1;flex-direction:column;gap:2px}.dropdown-menu .mention-item .mention-name{font-weight:400;line-height:1.2}.dropdown-menu .mention-item .mention-status{font-size:11px;font-weight:400;line-height:1;opacity:.7;text-transform:capitalize}.dropdown-menu .mention-item .mention-status.online{color:#22c55e}.dropdown-menu .mention-item .mention-status.offline{color:#b4bac7}.dropdown-menu .mention-item:hover,.dropdown-menu .mention-item:hover.is-selected{background-color:#f5f5f5}.dropdown-menu .mention-item.is-selected{background-color:#f0f0f0;font-weight:500}.dropdown-menu .mention-item:focus{box-shadow:0 0 0 2px #4259ee33;outline:none}.dropdown-menu .item{color:#b4bac7;font-size:14px;padding:8px 12px;text-align:center}.dropdown-menu .mention-loading{align-items:center;color:#b4bac7;display:flex;font-size:14px;gap:8px;padding:12px;text-align:center}.dropdown-menu .mention-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f5f5f5;border-radius:50%;border-top-color:#4259ee;height:16px;width:16px}.dropdown-menu .mention-error{color:#ef4444;font-size:14px;padding:12px;text-align:center}.dropdown-menu .mention-no-result{color:#b4bac7;font-size:14px;padding:12px;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#c7c7c7}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(':root{--iu-primitive-color-beaver-100:#f6f5f3;--iu-primitive-color-beaver-200:#eeeae7;--iu-primitive-color-beaver-300:#ded5d0;--iu-primitive-color-beaver-400:#cec3bb;--iu-primitive-color-beaver-500:#bcafa3;--iu-primitive-color-beaver-600:#ac9a8c;--iu-primitive-color-beaver-700:#917a69;--iu-primitive-color-blue-01-100:#eceefd;--iu-primitive-color-blue-01-200:#b3bdf8;--iu-primitive-color-blue-01-300:#687af1;--iu-primitive-color-blue-01-400:#4259ee;--iu-primitive-color-blue-01-50:#eff2fa;--iu-primitive-color-blue-01-500:#3649c6;--iu-primitive-color-blue-01-600:#29399f;--iu-primitive-color-blue-01-700:#1d2977;--iu-primitive-color-blue-01-800:#121a52;--iu-primitive-color-blue-01-900:#0a0e30;--iu-primitive-color-blue-02-100:#6682d2;--iu-primitive-color-blue-02-200:#546cb1;--iu-primitive-color-blue-02-300:#4b61a0;--iu-primitive-color-blue-02-400:#425690;--iu-primitive-color-blue-02-500:#31416e;--iu-primitive-color-blue-02-600:#1f2b4d;--iu-primitive-color-blue-02-700:#0d152c;--iu-primitive-color-blue-02-800:#080d1c;--iu-primitive-color-blue-02-900:#04070f;--iu-primitive-color-bronze-100:#fbf2e9;--iu-primitive-color-bronze-200:#f8e5d3;--iu-primitive-color-bronze-300:#f0cca7;--iu-primitive-color-bronze-400:#eab57f;--iu-primitive-color-bronze-500:#e29c55;--iu-primitive-color-bronze-600:#db8229;--iu-primitive-color-bronze-700:#b3691e;--iu-primitive-color-brown-100:#f7f2ee;--iu-primitive-color-brown-200:#f1e8e0;--iu-primitive-color-brown-300:#e0d3c2;--iu-primitive-color-brown-400:#d1bba3;--iu-primitive-color-brown-500:#c1a281;--iu-primitive-color-brown-600:#b28b63;--iu-primitive-color-brown-700:#936f48;--iu-primitive-color-celtic-blue-100:#f0f4f8;--iu-primitive-color-celtic-blue-200:#e2e9f4;--iu-primitive-color-celtic-blue-300:#c0d1e7;--iu-primitive-color-celtic-blue-400:#a4bbdc;--iu-primitive-color-celtic-blue-500:#86a6d0;--iu-primitive-color-celtic-blue-600:#658ec4;--iu-primitive-color-celtic-blue-700:#4271ae;--iu-primitive-color-cyan-100:#e9f7fc;--iu-primitive-color-cyan-200:#cff0f8;--iu-primitive-color-cyan-300:#a2e1f1;--iu-primitive-color-cyan-400:#6fd2ea;--iu-primitive-color-cyan-500:#3fc2e3;--iu-primitive-color-cyan-600:#20accf;--iu-primitive-color-cyan-700:#1789a5;--iu-primitive-color-eggplant-100:#f0ebee;--iu-primitive-color-eggplant-200:#e0d6de;--iu-primitive-color-eggplant-300:#c4b1bf;--iu-primitive-color-eggplant-400:#a5889e;--iu-primitive-color-eggplant-500:#82637b;--iu-primitive-color-eggplant-600:#5c4657;--iu-primitive-color-eggplant-700:#483744;--iu-primitive-color-electric-orange-100:#fee7e1;--iu-primitive-color-electric-orange-200:#fed0c3;--iu-primitive-color-electric-orange-300:#fc9d81;--iu-primitive-color-electric-orange-400:#fb6d45;--iu-primitive-color-electric-orange-500:#fa3a07;--iu-primitive-color-electric-orange-600:#bb2c05;--iu-primitive-color-electric-orange-700:#962304;--iu-primitive-color-green-100:#ebf7f1;--iu-primitive-color-green-200:#c4e8d5;--iu-primitive-color-green-300:#89d1ab;--iu-primitive-color-green-400:#3bb273;--iu-primitive-color-green-500:#31935f;--iu-primitive-color-green-600:#26734b;--iu-primitive-color-green-700:#1c5436;--iu-primitive-color-green-800:#103822;--iu-primitive-color-green-900:#071e10;--iu-primitive-color-grey-0:#fff;--iu-primitive-color-grey-100:#f8f9fb;--iu-primitive-color-grey-1000:#404b62;--iu-primitive-color-grey-1100:#262d3d;--iu-primitive-color-grey-1200:#1f2332;--iu-primitive-color-grey-1300:#121521;--iu-primitive-color-grey-1400-alpha:#060714;--iu-primitive-color-grey-200:#f5f6fa;--iu-primitive-color-grey-300:#f2f4fa;--iu-primitive-color-grey-400:#eff2fa;--iu-primitive-color-grey-50:#fafafa;--iu-primitive-color-grey-500:#d9dde7;--iu-primitive-color-grey-600:#c3c8d4;--iu-primitive-color-grey-700:#b4bac7;--iu-primitive-color-grey-800:#7a8294;--iu-primitive-color-grey-900:#60697d;--iu-primitive-color-maroon-100:#f7e3e7;--iu-primitive-color-maroon-200:#f1cbd3;--iu-primitive-color-maroon-300:#e397a7;--iu-primitive-color-maroon-400:#d5647b;--iu-primitive-color-maroon-500:#c13453;--iu-primitive-color-maroon-600:#8c263c;--iu-primitive-color-maroon-700:#701e30;--iu-primitive-color-olive-100:#f6f6f3;--iu-primitive-color-olive-200:#edeee7;--iu-primitive-color-olive-300:#dddfd3;--iu-primitive-color-olive-400:#cccdbb;--iu-primitive-color-olive-500:#babca4;--iu-primitive-color-olive-600:#aaac8e;--iu-primitive-color-olive-700:#8c906a;--iu-primitive-color-orange-100:#fdf0ec;--iu-primitive-color-orange-200:#fce5df;--iu-primitive-color-orange-300:#f8c8ba;--iu-primitive-color-orange-400:#f4af9a;--iu-primitive-color-orange-500:#f19579;--iu-primitive-color-orange-600:#ed7955;--iu-primitive-color-orange-700:#e74b1c;--iu-primitive-color-purple-100:#f4f1f9;--iu-primitive-color-purple-200:#e9e3f2;--iu-primitive-color-purple-300:#d6cbe6;--iu-primitive-color-purple-400:#bfafd9;--iu-primitive-color-purple-500:#ad97ce;--iu-primitive-color-purple-600:#977cc1;--iu-primitive-color-purple-700:#7552ad;--iu-primitive-color-red-100:#fceeee;--iu-primitive-color-red-200:#f6cccc;--iu-primitive-color-red-300:#ed9998;--iu-primitive-color-red-400:#e15554;--iu-primitive-color-red-500:#c64746;--iu-primitive-color-red-600:#ab3939;--iu-primitive-color-red-700:#8f2c2b;--iu-primitive-color-red-800:#631b1b;--iu-primitive-color-red-900:#3b0e0e;--iu-primitive-color-sunshine-yellow-100:#fffbe5;--iu-primitive-color-sunshine-yellow-200:#fff7d1;--iu-primitive-color-sunshine-yellow-300:#ffef9e;--iu-primitive-color-sunshine-yellow-400:#ffe770;--iu-primitive-color-sunshine-yellow-500:#ffe041;--iu-primitive-color-sunshine-yellow-600:#ffd812;--iu-primitive-color-sunshine-yellow-700:#dbb702;--iu-primitive-color-turquoise-100:#edf7f8;--iu-primitive-color-turquoise-200:#dbeff0;--iu-primitive-color-turquoise-300:#b7dfe1;--iu-primitive-color-turquoise-400:#93cfd2;--iu-primitive-color-turquoise-500:#6bbec2;--iu-primitive-color-turquoise-600:#48acb2;--iu-primitive-color-turquoise-700:#3b898d;--iu-primitive-color-violet-100:#f6edfd;--iu-primitive-color-violet-200:#f0dffb;--iu-primitive-color-violet-300:#dfbbf7;--iu-primitive-color-violet-400:#d09bf3;--iu-primitive-color-violet-500:#be77ee;--iu-primitive-color-violet-600:#ae57ea;--iu-primitive-color-violet-700:#931ce3;--iu-primitive-color-yellow-100:#fcf8ea;--iu-primitive-color-yellow-200:#f6ebbf;--iu-primitive-color-yellow-300:#edd77f;--iu-primitive-color-yellow-400:#e1bc29;--iu-primitive-color-yellow-500:#bf9f22;--iu-primitive-color-yellow-600:#9d831c;--iu-primitive-color-yellow-700:#7a6615;--iu-primitive-color-yellow-800:#52430b;--iu-primitive-color-yellow-900:#2b2304;--iu-primitive-color-yellow-green-100:#f5f9ec;--iu-primitive-color-yellow-green-200:#eaf3d7;--iu-primitive-color-yellow-green-300:#d7e5b2;--iu-primitive-color-yellow-green-400:#c3da8b;--iu-primitive-color-yellow-green-500:#b1cd66;--iu-primitive-color-yellow-green-600:#99bf3e;--iu-primitive-color-yellow-green-700:#7d9a32;--iu-action-primary-icon:var(--iu-primitive-color-blue-01-500);--iu-action-primary-text:var(--iu-primitive-color-blue-01-400);--iu-badge-error-bg-default:var(--iu-primitive-color-red-400);--iu-badge-error-bg-default-filled:var(--iu-primitive-color-red-300);--iu-badge-error-bg-lighter:var(--iu-primitive-color-red-100);--iu-badge-error-bg-subtle:var(--iu-primitive-color-red-100);--iu-badge-error-on-default:var(--iu-primitive-color-red-500);--iu-badge-error-on-subtle:var(--iu-primitive-color-red-200);--iu-badge-information-bg-default:var(--iu-primitive-color-blue-01-400);--iu-badge-information-bg-lighter:var(--iu-primitive-color-blue-01-100);--iu-badge-information-bg-subtle:var(--iu-primitive-color-blue-01-50);--iu-badge-information-on-default:var(--iu-primitive-color-blue-01-400);--iu-badge-information-on-lighter:var(--iu-primitive-color-blue-01-200);--iu-badge-neutral-bg-default:var(--iu-primitive-color-grey-900);--iu-badge-neutral-bg-subtle:var(--iu-primitive-color-grey-300);--iu-badge-neutral-on-default:var(--iu-primitive-color-grey-900);--iu-badge-neutral-on-subtle:var(--iu-primitive-color-grey-600);--iu-badge-success-bg-default:var(--iu-primitive-color-green-600);--iu-badge-success-bg-lighter:var(--iu-primitive-color-green-100);--iu-badge-success-bg-subtle:var(--iu-primitive-color-green-100);--iu-badge-success-on-default:var(--iu-primitive-color-green-600);--iu-badge-success-on-subtle:var(--iu-primitive-color-green-200);--iu-badge-warnings-bg-default:var(--iu-primitive-color-sunshine-yellow-400);--iu-badge-warnings-bg-lighter:var(--iu-primitive-color-sunshine-yellow-200);--iu-badge-warnings-bg-subtle:var(--iu-primitive-color-sunshine-yellow-100);--iu-badge-warnings-on-default:var(--iu-primitive-color-yellow-700);--iu-badge-warnings-on-subtle:var(--iu-primitive-color-sunshine-yellow-400);--iu-bg-disabled-1:var(--iu-primitive-color-grey-100);--iu-bg-disabled-2:var(--iu-primitive-color-grey-600);--iu-bg-disabled-cell:var(--iu-primitive-color-grey-50);--iu-bg-error:var(--iu-primitive-color-red-400);--iu-bg-error-darker:var(--iu-primitive-color-red-600);--iu-bg-error-lighter:var(--iu-primitive-color-red-200);--iu-bg-error-subtle:var(--iu-primitive-color-red-100);--iu-bg-info:var(--iu-primitive-color-blue-01-400);--iu-bg-info-darker:var(--iu-primitive-color-blue-01-500);--iu-bg-info-darkest:var(--iu-primitive-color-blue-01-600);--iu-bg-info-lighter:var(--iu-primitive-color-blue-01-200);--iu-bg-info-subtle:var(--iu-primitive-color-blue-01-100);--iu-bg-primary:var(--iu-primitive-color-blue-01-400);--iu-bg-primary-darker:var(--iu-primitive-color-blue-01-500);--iu-bg-primary-darkest:var(--iu-primitive-color-blue-01-600);--iu-bg-primary-lighter:var(--iu-primitive-color-blue-01-200);--iu-bg-primary-subtle:var(--iu-primitive-color-blue-01-100);--iu-bg-success:var(--iu-primitive-color-green-400);--iu-bg-success-darker:var(--iu-primitive-color-green-600);--iu-bg-success-lighter:var(--iu-primitive-color-green-200);--iu-bg-success-subtle:var(--iu-primitive-color-green-100);--iu-bg-surface:var(--iu-primitive-color-grey-800);--iu-bg-surface-body-bg:var(--iu-primitive-color-blue-01-50);--iu-bg-surface-layer-bg:var(--iu-primitive-color-grey-0);--iu-bg-surface-lighter:var(--iu-primitive-color-grey-200);--iu-bg-surface-lightest:var(--iu-primitive-color-grey-300);--iu-bg-surface-overlay-bg:#0d152c;--iu-bg-surface-subtle:var(--iu-primitive-color-grey-500);--iu-bg-warning:var(--iu-primitive-color-yellow-400);--iu-bg-warning-darker:var(--iu-primitive-color-yellow-600);--iu-bg-warning-lighter:var(--iu-primitive-color-yellow-200);--iu-bg-warning-subtle:var(--iu-primitive-color-yellow-100);--iu-border-default:var(--iu-primitive-color-grey-500);--iu-border-default-darker:var(--iu-primitive-color-grey-800);--iu-border-default-subtle:var(--iu-primitive-color-grey-200);--iu-border-disabled:var(--iu-primitive-color-grey-500);--iu-border-error:var(--iu-primitive-color-red-400);--iu-border-error-darker:var(--iu-primitive-color-red-600);--iu-border-error-lighter:var(--iu-primitive-color-red-200);--iu-border-error-subtle:var(--iu-primitive-color-red-100);--iu-border-info:var(--iu-primitive-color-blue-01-400);--iu-border-info-darker:var(--iu-primitive-color-blue-01-500);--iu-border-info-lighter:var(--iu-primitive-color-blue-01-200);--iu-border-info-subtle:var(--iu-primitive-color-blue-01-100);--iu-border-primary:var(--iu-primitive-color-blue-01-400);--iu-border-primary-darker:var(--iu-primitive-color-blue-01-500);--iu-border-primary-lighter:var(--iu-primitive-color-blue-01-200);--iu-border-primary-subtle:var(--iu-primitive-color-blue-01-100);--iu-border-success:var(--iu-primitive-color-green-400);--iu-border-success-darker:var(--iu-primitive-color-green-600);--iu-border-success-lighter:var(--iu-primitive-color-green-200);--iu-border-success-subtle:var(--iu-primitive-color-green-100);--iu-border-warning:var(--iu-primitive-color-yellow-400);--iu-border-warning-darker:var(--iu-primitive-color-yellow-600);--iu-border-warning-lighter:var(--iu-primitive-color-yellow-200);--iu-border-warning-subtle:var(--iu-primitive-color-yellow-100);--iu-on-disabled:var(--iu-primitive-color-grey-700);--iu-on-disabled-icon-1:var(--iu-primitive-color-grey-500);--iu-on-disabled-icon-2:var(--iu-primitive-color-grey-700);--iu-on-disabled-placeholder:var(--iu-primitive-color-grey-500);--iu-on-error-icon:var(--iu-primitive-color-red-600);--iu-on-error-text:var(--iu-primitive-color-red-600);--iu-on-info-icon:var(--iu-primitive-color-blue-01-500);--iu-on-info-text:var(--iu-primitive-color-blue-01-500);--iu-on-primary-icon:var(--iu-primitive-color-grey-0);--iu-on-primary-text:var(--iu-primitive-color-grey-0);--iu-on-success-icon:var(--iu-primitive-color-green-600);--iu-on-success-text:var(--iu-primitive-color-green-600);--iu-on-surface-body:var(--iu-primitive-color-blue-02-600);--iu-on-surface-caption:var(--iu-primitive-color-grey-800);--iu-on-surface-icon:var(--iu-primitive-color-grey-900);--iu-on-surface-label:var(--iu-primitive-color-grey-900);--iu-on-surface-placeholder-text:var(--iu-primitive-color-grey-700);--iu-on-surface-subtitle:var(--iu-primitive-color-blue-02-500);--iu-on-surface-title:var(--iu-primitive-color-blue-02-700);--iu-on-warning-icon:var(--iu-primitive-color-yellow-600);--iu-on-warning-text:var(--iu-primitive-color-yellow-800);--iu-select-options-bg:var(--iu-primitive-color-grey-0);--iu-agentic-usecase-card-accent-tint:var(--iu-bg-primary-subtle);--iu-agentic-usecase-card-sky-tint:var(--iu-primitive-color-cyan-100);--iu-agentic-usecase-card-slate-tint:var(--iu-primitive-color-blue-02-100);--iu-agentic-usecase-card-success-tint:var(--iu-bg-success-subtle);--iu-agentic-usecase-card-warm-tint:var(--iu-bg-warning-subtle);--iu-file-upload-inner-border:var(--iu-border-primary-lighter);--iu-filter-panel-tab-active-bg:var(--iu-primitive-color-blue-01-100);--iu-notification-read-read-bg:var(--iu-primitive-color-grey-100);--iu-notification-read-read-card-bg:var(--iu-primitive-color-grey-100)}[data-iu-theme=dark]{--iu-action-primary-icon:var(--iu-primitive-color-blue-01-400);--iu-action-primary-text:var(--iu-primitive-color-blue-01-400);--iu-badge-error-bg-default:var(--iu-primitive-color-red-300);--iu-badge-error-bg-default-filled:var(--iu-primitive-color-red-600);--iu-badge-error-bg-lighter:var(--iu-primitive-color-red-800);--iu-badge-error-bg-subtle:var(--iu-primitive-color-red-900);--iu-badge-error-on-default:var(--iu-primitive-color-red-200);--iu-badge-error-on-subtle:var(--iu-primitive-color-red-200);--iu-badge-information-bg-default:var(--iu-primitive-color-blue-01-300);--iu-badge-information-bg-lighter:var(--iu-primitive-color-blue-01-800);--iu-badge-information-bg-subtle:var(--iu-primitive-color-blue-01-900);--iu-badge-information-on-default:var(--iu-primitive-color-blue-01-200);--iu-badge-information-on-lighter:var(--iu-primitive-color-blue-01-100);--iu-badge-neutral-bg-default:var(--iu-primitive-color-grey-500);--iu-badge-neutral-bg-subtle:var(--iu-primitive-color-grey-1200);--iu-badge-neutral-on-default:var(--iu-primitive-color-grey-100);--iu-badge-neutral-on-subtle:var(--iu-primitive-color-grey-600);--iu-badge-success-bg-default:var(--iu-primitive-color-green-300);--iu-badge-success-bg-lighter:var(--iu-primitive-color-green-800);--iu-badge-success-bg-subtle:var(--iu-primitive-color-green-900);--iu-badge-success-on-default:var(--iu-primitive-color-green-200);--iu-badge-success-on-subtle:var(--iu-primitive-color-green-200);--iu-badge-warnings-bg-default:var(--iu-primitive-color-sunshine-yellow-300);--iu-badge-warnings-bg-lighter:var(--iu-primitive-color-yellow-800);--iu-badge-warnings-bg-subtle:var(--iu-primitive-color-yellow-900);--iu-badge-warnings-on-default:var(--iu-primitive-color-yellow-200);--iu-badge-warnings-on-subtle:var(--iu-primitive-color-yellow-200);--iu-bg-disabled-1:var(--iu-primitive-color-grey-1200);--iu-bg-disabled-2:var(--iu-primitive-color-grey-1000);--iu-bg-disabled-cell:var(--iu-primitive-color-grey-1100);--iu-bg-error:var(--iu-primitive-color-red-400);--iu-bg-error-darker:var(--iu-primitive-color-red-300);--iu-bg-error-lighter:var(--iu-primitive-color-red-800);--iu-bg-error-subtle:var(--iu-primitive-color-red-900);--iu-bg-info:var(--iu-primitive-color-blue-01-400);--iu-bg-info-darker:var(--iu-primitive-color-blue-01-300);--iu-bg-info-darkest:var(--iu-primitive-color-blue-01-200);--iu-bg-info-lighter:var(--iu-primitive-color-blue-01-800);--iu-bg-info-subtle:var(--iu-primitive-color-blue-01-900);--iu-bg-primary:var(--iu-primitive-color-blue-01-400);--iu-bg-primary-darker:var(--iu-primitive-color-blue-01-300);--iu-bg-primary-darkest:var(--iu-primitive-color-blue-01-300);--iu-bg-primary-lighter:var(--iu-primitive-color-blue-01-800);--iu-bg-primary-subtle:var(--iu-primitive-color-grey-1200);--iu-bg-success:var(--iu-primitive-color-green-400);--iu-bg-success-darker:var(--iu-primitive-color-green-300);--iu-bg-success-lighter:var(--iu-primitive-color-green-800);--iu-bg-success-subtle:var(--iu-primitive-color-green-900);--iu-bg-surface:var(--iu-primitive-color-grey-700);--iu-bg-surface-body-bg:var(--iu-primitive-color-grey-1400-alpha);--iu-bg-surface-layer-bg:var(--iu-primitive-color-grey-1300);--iu-bg-surface-lighter:var(--iu-primitive-color-grey-1000);--iu-bg-surface-lightest:var(--iu-primitive-color-grey-1200);--iu-bg-surface-overlay-bg:var(--iu-primitive-color-grey-1400-alpha);--iu-bg-surface-subtle:var(--iu-primitive-color-grey-900);--iu-bg-warning:var(--iu-primitive-color-yellow-400);--iu-bg-warning-darker:var(--iu-primitive-color-yellow-300);--iu-bg-warning-lighter:var(--iu-primitive-color-yellow-800);--iu-bg-warning-subtle:var(--iu-primitive-color-yellow-900);--iu-border-default:var(--iu-primitive-color-grey-1000);--iu-border-default-darker:var(--iu-primitive-color-grey-800);--iu-border-default-subtle:var(--iu-primitive-color-grey-1100);--iu-border-disabled:var(--iu-primitive-color-grey-1000);--iu-border-error:var(--iu-primitive-color-red-400);--iu-border-error-darker:var(--iu-primitive-color-red-300);--iu-border-error-lighter:var(--iu-primitive-color-red-800);--iu-border-error-subtle:var(--iu-primitive-color-red-900);--iu-border-info:var(--iu-primitive-color-blue-01-400);--iu-border-info-darker:var(--iu-primitive-color-blue-01-300);--iu-border-info-lighter:var(--iu-primitive-color-blue-01-800);--iu-border-info-subtle:var(--iu-primitive-color-blue-01-900);--iu-border-primary:var(--iu-primitive-color-blue-01-400);--iu-border-primary-darker:var(--iu-primitive-color-blue-01-300);--iu-border-primary-lighter:var(--iu-primitive-color-blue-01-800);--iu-border-primary-subtle:var(--iu-primitive-color-blue-01-900);--iu-border-success:var(--iu-primitive-color-green-400);--iu-border-success-darker:var(--iu-primitive-color-green-300);--iu-border-success-lighter:var(--iu-primitive-color-green-800);--iu-border-success-subtle:var(--iu-primitive-color-green-900);--iu-border-warning:var(--iu-primitive-color-yellow-400);--iu-border-warning-darker:var(--iu-primitive-color-yellow-300);--iu-border-warning-lighter:var(--iu-primitive-color-yellow-800);--iu-border-warning-subtle:var(--iu-primitive-color-yellow-900);--iu-on-disabled:var(--iu-primitive-color-grey-900);--iu-on-disabled-icon-1:var(--iu-primitive-color-grey-900);--iu-on-disabled-icon-2:var(--iu-primitive-color-grey-1000);--iu-on-disabled-placeholder:var(--iu-primitive-color-grey-900);--iu-on-error-icon:var(--iu-primitive-color-red-200);--iu-on-error-text:var(--iu-primitive-color-red-200);--iu-on-info-icon:var(--iu-primitive-color-blue-01-400);--iu-on-info-text:var(--iu-primitive-color-blue-01-400);--iu-on-primary-icon:var(--iu-primitive-color-grey-100);--iu-on-primary-text:var(--iu-primitive-color-grey-100);--iu-on-success-icon:var(--iu-primitive-color-green-200);--iu-on-success-text:var(--iu-primitive-color-green-200);--iu-on-surface-body:var(--iu-primitive-color-grey-500);--iu-on-surface-caption:var(--iu-primitive-color-grey-400);--iu-on-surface-icon:var(--iu-primitive-color-grey-600);--iu-on-surface-label:var(--iu-primitive-color-grey-700);--iu-on-surface-placeholder-text:var(--iu-primitive-color-grey-900);--iu-on-surface-subtitle:var(--iu-primitive-color-grey-300);--iu-on-surface-title:var(--iu-primitive-color-grey-50);--iu-on-warning-icon:var(--iu-primitive-color-yellow-200);--iu-on-warning-text:var(--iu-primitive-color-yellow-800);--iu-select-options-bg:var(--iu-primitive-color-grey-1100);--iu-agentic-usecase-card-accent-tint:var(--iu-bg-primary-subtle);--iu-agentic-usecase-card-sky-tint:var(--iu-primitive-color-cyan-100);--iu-agentic-usecase-card-slate-tint:var(--iu-primitive-color-blue-02-100);--iu-agentic-usecase-card-success-tint:var(--iu-bg-success-subtle);--iu-agentic-usecase-card-warm-tint:var(--iu-bg-warning-subtle);--iu-file-upload-inner-border:var(--iu-border-primary-lighter);--iu-filter-panel-tab-active-bg:var(--iu-primitive-color-grey-1200);--iu-notification-read-read-bg:var(--iu-primitive-color-grey-1200);--iu-notification-read-read-card-bg:#1f233280}:root{--iu-effect-shadow-overlay-navy-alpha-16:0 8px 32px 0 #101e3629;--iu-effect-shadow-elevation-16-soft:0px 0px 16px 2px #0000000f;--iu-effect-shadow-drop-4:0px 0px 4px 0px #0000001f;--iu-effect-shadow-save-view-tint:0px 0px 0px 0px #1a277c24;--iu-effect-shadow-header-bar-elevation:0px 0px 16px 2px #0000000f;--iu-effect-shadow-header-dropdown-elevated:0 1px 6px #0000001f;--iu-effect-shadow-dynamic-layout-card:0px 0px 4px 0px #ababab40;--iu-effect-gradient-header-smart-bot-main:linear-gradient(-45deg,#2ac2aa,#6666ef,#f26922,#8863c0,#0f1937);--iu-effect-gradient-header-smart-bot-border:linear-gradient(167deg,#2ac2ee,#6962ef,#f26921);--iu-effect-gradient-header-smart-bot-hover:linear-gradient(-45deg,#2ac2ee,#6962ef,#f26921);--iu-effect-gradient-homepage-toolkit-section:color-mix(in srgb,var(--iu-legacy-homepage-toolkit-bg) 89.80392%,#0000);--iu-effect-gradient-homepage-toolkit-section-dark:color-mix(in srgb,var(--iu-bg-primary-subtle) 89.80392%,#0000);--iu-effect-gradient-homepage-hero-radial:radial-gradient(65.75% 64.76% at 57.88% 39.21%,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 75%,#0000) 67.79%,#0000 100%);--iu-effect-gradient-homepage-new-product-ribbon:linear-gradient(90deg,color-mix(in srgb,var(--iu-bg-warning) 30%,#0000) 2.15%,color-mix(in srgb,var(--iu-bg-warning-subtle) 88%,var(--iu-bg-surface-layer-bg)) 100%);--iu-effect-gradient-homepage-release-status-ribbon:linear-gradient(90deg,color-mix(in srgb,var(--iu-bg-primary-lighter) 45%,#0000) 2.15%,color-mix(in srgb,var(--iu-primitive-color-purple-500) 38%,var(--iu-bg-primary-subtle)) 96.7%);--iu-effect-gradient-homepage-client-logo-border:linear-gradient(93.56deg,color-mix(in srgb,var(--iu-primitive-color-purple-500) 52%,var(--iu-bg-error-lighter)) 22.01%,color-mix(in srgb,var(--iu-bg-primary-lighter) 72%,var(--iu-bg-primary-subtle)) 78.02%);--iu-effect-gradient-homepage-smart-pf-panel:linear-gradient(180deg,color-mix(in srgb,var(--iu-bg-primary-subtle) 35%,#0000) 0%,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 60%,#0000) 100%);--iu-effect-gradient-homepage-smart-pf-title-text:linear-gradient(90deg,var(--iu-bg-primary-lighter) 0%,var(--iu-on-surface-title) 50%,var(--iu-bg-primary-lighter) 100%);--iu-effect-gradient-homepage-ia-card-border:linear-gradient(180deg,color-mix(in srgb,var(--iu-primitive-color-cyan-500) 90%,#0000) 0%,color-mix(in srgb,var(--iu-legacy-homepage-accent) 90%,#0000) 100%);--iu-effect-gradient-homepage-agent-studio-title-text:linear-gradient(90deg,var(--iu-bg-warning) 0%,var(--iu-legacy-homepage-accent) 100%);--iu-effect-gradient-homepage-agentic-hover-scrim:linear-gradient(180deg,#0000 0%,color-mix(in srgb,var(--iu-bg-surface-overlay-bg) 59%,#0000) 100%);--iu-effect-gradient-chatbot-user-message:linear-gradient(91deg,color-mix(in srgb,var(--iu-bg-primary-subtle) 40%,#0000) .67%,color-mix(in srgb,var(--iu-bg-primary-lighter) 32%,#0000) 56.16%,color-mix(in srgb,var(--iu-bg-error-subtle) 27%,#0000) 111.65%);--iu-effect-gradient-chatbot-sidebar-panel:linear-gradient(180deg,color-mix(in srgb,var(--iu-bg-surface-lighter) 60%,#0000) 0%,color-mix(in srgb,var(--iu-bg-primary-subtle) 44%,#0000) 50%,color-mix(in srgb,var(--iu-bg-error-subtle) 25%,#0000) 100%);--iu-effect-gradient-chatbot-sidebar-rail-border:linear-gradient(180deg,var(--iu-bg-primary-lighter) 0%,var(--iu-bg-primary-subtle) 61%,color-mix(in srgb,var(--iu-bg-warning-lighter) 70%,#0000) 100%);--iu-effect-gradient-chatbot-welcome-username:linear-gradient(82deg,var(--iu-bg-warning) 10.92%,var(--iu-primitive-color-purple-500) 81.37%);--iu-effect-gradient-chatbot-tab-bar:linear-gradient(91deg,var(--iu-bg-primary-subtle) 54.01%,#0000 107.24%);--iu-effect-gradient-chatbot-suggestion-banner-border:linear-gradient(90deg,var(--iu-bg-primary-lighter) 0%,color-mix(in srgb,var(--iu-bg-primary-subtle) 20%,#0000) 100%);--iu-effect-gradient-theming-panel-body:linear-gradient(134deg,var(--iu-bg-surface-layer-bg) 70.9%,var(--iu-bg-primary) 158.76%);--iu-effect-fill-surface-hover:color-mix(in srgb,var(--iu-primitive-color-grey-1000) 50%,#0000)}:root,[data-iu-theme=dark]{--iu-effect-mix-primary-alpha-10:color-mix(in srgb,var(--iu-bg-primary) 10%,#0000);--iu-effect-mix-primary-alpha-15:color-mix(in srgb,var(--iu-bg-primary) 15%,#0000);--iu-effect-mix-primary-alpha-20:color-mix(in srgb,var(--iu-bg-primary) 20%,#0000);--iu-effect-mix-primary-alpha-30:color-mix(in srgb,var(--iu-bg-primary) 30%,#0000);--iu-effect-mix-primary-alpha-40:color-mix(in srgb,var(--iu-bg-primary) 40%,#0000);--iu-effect-mix-primary-alpha-50:color-mix(in srgb,var(--iu-bg-primary) 50%,#0000);--iu-effect-mix-primary-alpha-60:color-mix(in srgb,var(--iu-bg-primary) 60%,#0000);--iu-effect-mix-primary-darken-5:color-mix(in srgb,var(--iu-bg-primary) 95%,#000);--iu-effect-mix-error-alpha-10:color-mix(in srgb,var(--iu-bg-error) 10%,#0000);--iu-effect-mix-modal-backdrop-80:color-mix(in srgb,var(--iu-bg-surface-overlay-bg) 80%,#0000)}:root{--iu-legacy-black-pure:#000;--iu-legacy-box-shadow-tint:#0000001f;--iu-legacy-breadcrumbs-dot:#6b7280;--iu-legacy-chatbot-bg:#0f1937;--iu-legacy-chatbot-light-blue:#418dffab;--iu-legacy-chatbot-light-pink:#ffb4d8;--iu-legacy-dark-gray:#d4d4d4;--iu-legacy-error-background:#feeaf3;--iu-legacy-error-stroke:#f3c1c0;--iu-legacy-error-toast-text:#ec4c5c;--iu-legacy-gray-50:#f9fafb;--iu-legacy-gray-badge:#5f6673;--iu-legacy-green-badge:#108431;--iu-legacy-homepage-accent:#6962ef;--iu-legacy-homepage-accent-border:#9995ff;--iu-legacy-homepage-smart-ai-bg:#edeff6;--iu-legacy-homepage-smart-ai-patch:#eeeff7;--iu-legacy-homepage-toolkit-bg:#eaf2ff;--iu-legacy-homepage-toolkit-cta:#e9f2ff;--iu-legacy-inactive-input-bg:#f2f4fb;--iu-legacy-info-background:#e2f4ff;--iu-legacy-info-stroke:#c6cdfb;--iu-legacy-layout-body-muted:#666;--iu-legacy-layout-heading:#1a1a1a;--iu-legacy-light-blue-nav-bar:#b2c2e0;--iu-legacy-light-gray-font:#c7c7c7;--iu-legacy-menu-border:#f0f0f0;--iu-legacy-modal-backdrop:#0d152ccc;--iu-legacy-off-white:#f5f5f5;--iu-legacy-primary-badge:#5267f4;--iu-legacy-progress-bar-bg:#f3f4f6;--iu-legacy-red-badge:#ec4c5c;--iu-legacy-save-view-box-shadow:#1a277c24;--iu-legacy-shadow-light:#0000001a;--iu-legacy-shadow-medium:#0000001f;--iu-legacy-shadow-soft:#0000000f;--iu-legacy-skeleton-dark:#222425;--iu-legacy-stepper-bg:#acacac;--iu-legacy-stepper-border:#ebebf0;--iu-legacy-stepper-font:#7c7c7c;--iu-legacy-subtle-default:#f2f3f4;--iu-legacy-subtle-error:#fef4f5;--iu-legacy-subtle-error-font:#d62f2d;--iu-legacy-subtle-info:#f1f3fe;--iu-legacy-subtle-success:#f4fff7;--iu-legacy-subtle-success-font:#0b832f;--iu-legacy-subtle-warning:#fdfae9;--iu-legacy-table-bg-hover:#f1f4f9;--iu-legacy-warning-background:#fff8d5;--iu-legacy-yellow-badge:#ffe174;--iu-legacy-yellow-badge-outlined:#8c6f06;--impact-icon-light:var(--iu-on-surface-icon);--impact-icon-dark:var(--iu-on-surface-icon)}.impact-icon{display:inline-block;flex-shrink:0}.impact-icon--light{color:var(--impact-icon-light)}.impact-icon--dark{color:var(--impact-icon-dark)}.impact-icon--disabled{opacity:.5;pointer-events:none}@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}:root{--ia-focus-color:var(--iu-bg-primary);--ia-focus-bg:var(--iu-bg-surface-layer-bg);--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:var(--iu-effect-mix-modal-backdrop-80)}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}:root{--iu-header-logo-src:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/IA_Logo.svg)}[data-iu-theme=dark]{--iu-header-logo-src:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/impact-logo-dark.svg)}[data-iu-interface-style=halloween]{--iu-header-logo-src:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/impact-halloween-logo.svg)}[data-iu-interface-style=halloween][data-iu-theme=dark]{--iu-header-logo-src:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/impact-halloween-logo-dark.svg)}[data-iu-interface-style=halloween]{--iu-style-halloween-header-flying-bat:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-flying-bat-light.svg);--iu-style-halloween-header-pumpkin:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-pumpkin.svg);--iu-style-halloween-header-web:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-spider-web-low-opacity-light.svg);--iu-style-halloween-ghost:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-ghost-light.svg);--iu-style-halloween-emptyState-web:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-spider-web-high-opacity-light.svg);--iu-style-halloween-panel-bats:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/panel-bats-light.svg)}[data-iu-interface-style=halloween][data-iu-theme=dark]{--iu-style-halloween-header-flying-bat:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-flying-bat-dark.svg);--iu-style-halloween-header-web:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-spider-web-low-opacity-dark.svg);--iu-style-halloween-ghost:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-ghost-dark.svg);--iu-style-halloween-emptyState-web:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-spider-web-high-opacity-dark.svg);--iu-style-halloween-panel-bats:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/panel-bats-dark.svg)}.impact-header-interface-style-decor{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}.impact-header-container-left-side,.impact-header-container-right-side{position:relative;z-index:1}.impact-header-interface-style-decor__item{display:block;pointer-events:none;position:absolute}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--title-accent{background-image:var(--iu-style-halloween-header-title-accent);background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;left:247px;top:10px;width:29px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--title-bat-1{background-image:var(--iu-style-halloween-header-title-bat-1);background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;left:356px;top:11px;width:40px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--title-bat-2{background-image:var(--iu-style-halloween-header-title-bat-2);background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;left:392px;top:15px;width:21px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--title-bat-3{background-image:var(--iu-style-halloween-header-title-bat-3);background-position:50%;background-repeat:no-repeat;background-size:contain;height:11px;left:360px;top:11px;width:18px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--flying-bat{background-image:var(--iu-style-halloween-header-flying-bat);background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;left:1143px;top:22px;width:57px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--spider-web{background-image:var(--iu-style-halloween-header-web);background-position:50%;background-repeat:no-repeat;background-size:contain;height:215px;left:1351px;top:-113px;width:224px}.impact-sidebar-interface-style-decor{height:25px;left:25px;pointer-events:none;position:absolute;top:3px;width:35px;z-index:2}[data-iu-interface-style=halloween] .impact-sidebar-interface-style-decor{background-image:var(--iu-style-halloween-sidebar-top);background-position:50%;background-repeat:no-repeat;background-size:contain}.ia-interface-style-viewport-decor{top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:1190}.ia-interface-style-viewport-decor__item{display:block;position:absolute}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-left{background-image:var(--iu-style-halloween-viewport-bottom-left);background-position:0 100%;background-repeat:no-repeat;background-size:contain;bottom:0;height:400px;left:0;width:280px}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-right{background-image:var(--iu-style-halloween-viewport-bottom-right);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;bottom:0;height:400px;right:0;width:280px}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-bat{background-image:var(--iu-style-halloween-viewport-bottom-bat);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:8px;height:44px;left:1258px;width:79px}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-deco-left{background-image:var(--iu-style-halloween-viewport-bottom-deco-left);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:13px;height:33px;left:475px;width:51px}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-deco-right{background-image:var(--iu-style-halloween-viewport-bottom-deco-right);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:11px;height:42px;right:max(24px,100vw - 1680px - 34px);width:34px}.impact-notification-separator{background-color:var(--iu-border-default);display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:var(--iu-border-default);display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.dropdown-menu{background:var(--iu-bg-surface-layer-bg);border-radius:8px;display:flex;flex-direction:column;max-height:250px;min-width:180px;overflow:auto;padding:8px;position:relative}.dropdown-menu .mention-item{align-items:center;background-color:initial;border:none;border-radius:4px;color:var(--iu-on-surface-title);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu .mention-item .mention-avatar{align-items:center;display:flex;justify-content:center}.dropdown-menu .mention-item .mention-info{display:flex;flex:1;flex-direction:column;gap:2px}.dropdown-menu .mention-item .mention-name{font-weight:400;line-height:1.2}.dropdown-menu .mention-item .mention-status{font-size:11px;font-weight:400;line-height:1;opacity:.7;text-transform:capitalize}.dropdown-menu .mention-item .mention-status.online{color:var(--iu-bg-success)}.dropdown-menu .mention-item .mention-status.offline{color:var(--iu-on-disabled)}.dropdown-menu .mention-item:hover,.dropdown-menu .mention-item:hover.is-selected{background-color:var(--iu-legacy-off-white)}.dropdown-menu .mention-item.is-selected{background-color:var(--iu-legacy-menu-border);font-weight:500}.dropdown-menu .mention-item:focus{box-shadow:0 0 0 2px var(--iu-effect-mix-primary-alpha-20);outline:none}.dropdown-menu .item{padding:8px 12px}.dropdown-menu .item,.dropdown-menu .mention-loading{color:var(--iu-on-disabled);font-size:14px;text-align:center}.dropdown-menu .mention-loading{align-items:center;display:flex;gap:8px;padding:12px}.dropdown-menu .mention-loading .loading-spinner{animation:spin 1s linear infinite;border-radius:50%;border-top:2px solid var(--iu-legacy-off-white);border:2px solid var(--iu-legacy-off-white);border-top-color:var(--iu-bg-primary);height:16px;width:16px}.dropdown-menu .mention-error{color:var(--iu-bg-error);font-size:14px;padding:12px;text-align:center}.dropdown-menu .mention-no-result{color:var(--iu-on-disabled);font-size:14px;padding:12px;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:var(--iu-legacy-off-white);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--iu-legacy-dark-gray);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--iu-legacy-light-gray-font)}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import { forwardRef, useState, useEffect, useImperativeHandle } from "react";