impact-ui 5.0.2-alpha.1 → 5.0.2-beta.2

package/dist/components/FiltersStrip/FilterSlider.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}.impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:8px;max-width:100%;min-width:0;overflow:scroll;scrollbar-width:none}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;position:relative;transition:transform .5s ease-in-out}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .collapsed{overflow:hidden}.impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .expand{border-radius:8px;color:#60697d;font-size:14px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:8px;max-width:100%;min-width:0;overflow:scroll;scrollbar-width:none}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;position:relative;transition:transform .5s ease-in-out}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px}.impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .collapsed{overflow:hidden}.impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:var(--iu-bg-surface-lighter);cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:var(--iu-on-surface-label);font-size:18px}.impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-selected-filter-container .impact-selected-filter-action-btns .expand{border-radius:8px;color:var(--iu-on-surface-label);font-size:14px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useLayoutEffect, useEffect, Fragment } from "react";
 import default_1$3 from "../../node_modules/@mui/icons-material/ChevronRightOutlined.js";

package/dist/components/FiltersStrip/FilterSliderPortal.d.ts

@@ -16,7 +16,7 @@ export interface FilterSliderPortalProps {
         width: number;
     };
 }
-export declare function FilterSliderPortal({ filtersContainer, tags, showButton, tag, viewAllAction, position, }: FilterSliderPortalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FilterSliderPortal({ filtersContainer, tags, showButton, tag, viewAllAction, position, }: FilterSliderPortalProps): import("react").JSX.Element | null;
 export declare namespace FilterSliderPortal {
     var displayName: string;
 }

package/dist/components/FiltersStrip/FilterSliderPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSliderPortal.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterSliderPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,eAAe,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,GAAG,EACH,aAAa,EACb,QAAQ,GACT,EAAE,uBAAuB,kDAqCzB;yBA5Ce,kBAAkB"}
+{"version":3,"file":"FilterSliderPortal.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterSliderPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,eAAe,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CACnD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,GAAG,EACH,aAAa,EACb,QAAQ,GACT,EAAE,uBAAuB,sCAqCzB;yBA5Ce,kBAAkB"}

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

@@ -7,7 +7,7 @@ export { AppliedFilters } from './AppliedFilters';
 /**
  * Horizontal strip with saved/recent filter dropdown and filter tags. Optional "All Filters" button.
  */
-export declare function FiltersStrip({ selectedFilter, setSelectedFilter, recentFilters, savedFiltersBadge, savedFilterLists, filterTags, handleBadgeChange, handleApplyFilter, handleCancelFilter, filterButtonLabel, filterButtonClick, filterButtonProps, hideSelectedFilterBadge, savedFilterSelectedBadge, handleSavedRecentFilterDropdown, filterDropDownLabel, className, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: FiltersStripProps): import("react/jsx-runtime").JSX.Element;
+export declare function FiltersStrip({ selectedFilter, setSelectedFilter, recentFilters, savedFiltersBadge, savedFilterLists, filterTags, handleBadgeChange, handleApplyFilter, handleCancelFilter, filterButtonLabel, filterButtonClick, filterButtonProps, hideSelectedFilterBadge, savedFilterSelectedBadge, handleSavedRecentFilterDropdown, filterDropDownLabel, className, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: FiltersStripProps): import("react").JSX.Element;
 export declare namespace FiltersStrip {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAmB,EACnB,iBAA4B,EAC5B,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,UAAe,EACf,iBAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA0C,EAC1C,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAe,GAChB,EAAE,iBAAiB,2CA6GnB;yBAnIe,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAmB,EACnB,iBAA4B,EAC5B,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,UAAe,EACf,iBAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA0C,EAC1C,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAe,GAChB,EAAE,iBAAiB,+BA6GnB;yBAnIe,YAAY"}

package/dist/components/FiltersStrip/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}.impact-info-panel-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{height:24px!important;max-width:145px;min-height:24px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;min-height:32px;overflow:hidden;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:#1f2b4d;height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:#edf0ff;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:#7a8294;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:#f5f6fa;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:#edf0ff}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:12px;max-width:100%;min-width:0;overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!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: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)}}.impact-info-panel-container{align-items:center;background-color:var(--iu-bg-surface-layer-bg);display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{height:24px!important;max-width:145px;min-height:24px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:var(--iu-bg-surface-lighter);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;max-height:32px;min-height:32px;overflow:hidden;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus-visible{box-shadow: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}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:var(--iu-on-surface-body);height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:var(--iu-bg-primary-subtle);cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:var(--iu-on-surface-caption);display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:var(--iu-bg-surface-lighter);cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:var(--iu-bg-primary-subtle)}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:12px;max-width:100%;min-width:0;overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:0;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:var(--iu-on-surface-label);font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:var(--iu-bg-surface-lighter);cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:var(--iu-on-surface-label);font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:var(--iu-border-disabled);display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:8px;box-shadow:var(--iu-effect-shadow-drop-4);max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, Fragment as Fragment$1 } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/FilterList.js";

package/dist/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { ThemeMode } from '../../styles/tokens/tokens.generated';
+
+export interface HalloweenStyleIntroContextValue {
+    /** Full-screen Halloween intro for the resolved light/dark appearance. */
+    play: (resolvedMode: ThemeMode) => void;
+}
+export declare function useHalloweenStyleIntro(): HalloweenStyleIntroContextValue | null;
+interface HalloweenStyleIntroProviderProps {
+    children: ReactNode;
+}
+export declare function HalloweenStyleIntroProvider({ children }: HalloweenStyleIntroProviderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=HalloweenStyleIntroProvider.d.ts.map

package/dist/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HalloweenStyleIntroProvider.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAYlE,OAAO,mCAAmC,CAAC;AAE3C,MAAM,WAAW,+BAA+B;IAC9C,0EAA0E;IAC1E,IAAI,EAAE,CAAC,YAAY,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAID,wBAAgB,sBAAsB,IAAI,+BAA+B,GAAG,IAAI,CAE/E;AAED,UAAU,gCAAgC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAID,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,gCAAgC,+BAiIzF"}

package/dist/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.js

@@ -0,0 +1,131 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-halloween-style-intro{background:#000;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;opacity:1;position:fixed;transition:opacity .5s ease-out;z-index:2147483000}.ia-halloween-style-intro--exiting{opacity:0;pointer-events:none}.ia-halloween-style-intro__frame{background:#000;border:0;display:block;flex:1;height:100%;width:100%}.ia-halloween-style-intro__skip{background:#00000073;border:1px solid #ffffff59;border-radius:8px;color:#f5f5f5;cursor:pointer;font:500 13px/1.2 Manrope,system-ui,sans-serif;margin:0;padding:8px 14px;position:absolute;right:12px;top:12px;z-index:1}.ia-halloween-style-intro__skip:hover{background:#000000a6}.ia-halloween-style-intro__skip:focus-visible{outline:2px solid #fff;outline-offset:2px}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useEffect, useMemo, useContext, createContext } from "react";
+import { createPortal } from "react-dom";
+import { HALLOWEEN_INTRO_BEGIN_MESSAGE, HALLOWEEN_INTRO_PLAY_EVENT } from "./halloweenIntro.constants.js";
+import { getHalloweenIntroSrcDoc, HALLOWEEN_INTRO_DURATION_MS, HALLOWEEN_INTRO_HINT_HOLD_MS } from "./halloweenIntroHtml.js";
+
+import { useTranslation } from "../../i18n/useTranslation.js";
+const HalloweenStyleIntroContext = createContext(null);
+function useHalloweenStyleIntro() {
+  return useContext(HalloweenStyleIntroContext);
+}
+const INTRO_EXIT_MS = 500;
+function HalloweenStyleIntroProvider({ children }) {
+  const { t } = useTranslation();
+  const [session, setSession] = useState(null);
+  const [isExiting, setIsExiting] = useState(false);
+  const iframeRef = useRef(null);
+  const postIntroBegin = useCallback(() => {
+    var _a, _b;
+    (_b = (_a = iframeRef.current) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage(HALLOWEEN_INTRO_BEGIN_MESSAGE, "*");
+  }, []);
+  const dismiss = useCallback(() => {
+    setIsExiting(true);
+  }, []);
+  const play = useCallback((resolvedMode) => {
+    setIsExiting(false);
+    setSession({ resolvedMode });
+  }, []);
+  useEffect(() => {
+    if (!isExiting) {
+      return;
+    }
+    const id = window.setTimeout(() => {
+      setSession(null);
+      setIsExiting(false);
+    }, INTRO_EXIT_MS);
+    return () => {
+      window.clearTimeout(id);
+    };
+  }, [isExiting]);
+  const value = useMemo(() => ({ play }), [play]);
+  const srcDoc = useMemo(
+    () => session ? getHalloweenIntroSrcDoc(session.resolvedMode) : void 0,
+    [session]
+  );
+  useEffect(() => {
+    const onPlayRequest = (event) => {
+      const { detail } = event;
+      if (detail.resolvedMode) {
+        play(detail.resolvedMode);
+      }
+    };
+    window.addEventListener(HALLOWEEN_INTRO_PLAY_EVENT, onPlayRequest);
+    return () => {
+      window.removeEventListener(HALLOWEEN_INTRO_PLAY_EVENT, onPlayRequest);
+    };
+  }, [play]);
+  useEffect(() => {
+    if (!session) {
+      return;
+    }
+    const onMessage = (event) => {
+      const data = event.data;
+      if ((data == null ? void 0 : data.source) === "impact-ui-halloween-intro" && data.type === "complete") {
+        dismiss();
+      }
+    };
+    window.addEventListener("message", onMessage);
+    const fallback = window.setTimeout(dismiss, HALLOWEEN_INTRO_DURATION_MS);
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        dismiss();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    const previousOverflow = document.documentElement.style.overflow;
+    document.documentElement.style.overflow = "hidden";
+    return () => {
+      window.removeEventListener("message", onMessage);
+      window.removeEventListener("keydown", onKeyDown);
+      window.clearTimeout(fallback);
+      document.documentElement.style.overflow = previousOverflow;
+    };
+  }, [dismiss, session]);
+  useEffect(() => {
+    if (!session) {
+      return;
+    }
+    postIntroBegin();
+    const afterHint = window.setTimeout(postIntroBegin, HALLOWEEN_INTRO_HINT_HOLD_MS + 50);
+    const retry = window.setTimeout(postIntroBegin, 400);
+    return () => {
+      window.clearTimeout(afterHint);
+      window.clearTimeout(retry);
+    };
+  }, [postIntroBegin, session]);
+  const overlay = session && srcDoc && createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-label": t("themingPanel.halloweenIntro.ariaLabel"),
+        className: `ia-halloween-style-intro${isExiting ? " ia-halloween-style-intro--exiting" : ""}`,
+        role: "dialog",
+        children: [
+          /* @__PURE__ */ jsx("button", { className: "ia-halloween-style-intro__skip", type: "button", onClick: dismiss, children: t("themingPanel.halloweenIntro.skip") }),
+          /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              ref: iframeRef,
+              allow: "autoplay",
+              className: "ia-halloween-style-intro__frame",
+              srcDoc,
+              title: t("themingPanel.halloweenIntro.ariaLabel"),
+              onLoad: postIntroBegin
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+  return /* @__PURE__ */ jsxs(HalloweenStyleIntroContext.Provider, { value, children: [
+    children,
+    overlay
+  ] });
+}
+export {
+  HalloweenStyleIntroProvider,
+  useHalloweenStyleIntro
+};

package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.d.ts

@@ -0,0 +1,13 @@
+import { ThemeMode } from '../../styles/tokens/tokens.generated';
+
+/** Dispatched when intro should play (fallback if React context is unavailable). */
+export declare const HALLOWEEN_INTRO_PLAY_EVENT = "impact-ui-request-halloween-intro";
+export interface HalloweenIntroPlayDetail {
+    resolvedMode: ThemeMode;
+}
+/** Posted into the intro iframe to start playback (pairs with Apply click / iframe load). */
+export declare const HALLOWEEN_INTRO_BEGIN_MESSAGE: {
+    readonly source: "impact-ui-halloween-intro";
+    readonly type: "begin";
+};
+//# sourceMappingURL=halloweenIntro.constants.d.ts.map

package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"halloweenIntro.constants.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/halloweenIntro.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,0BAA0B,sCAAsC,CAAC;AAE9E,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,SAAS,CAAC;CACzB;AAED,6FAA6F;AAC7F,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC"}

package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.js

@@ -0,0 +1,9 @@
+const HALLOWEEN_INTRO_PLAY_EVENT = "impact-ui-request-halloween-intro";
+const HALLOWEEN_INTRO_BEGIN_MESSAGE = {
+  source: "impact-ui-halloween-intro",
+  type: "begin"
+};
+export {
+  HALLOWEEN_INTRO_BEGIN_MESSAGE,
+  HALLOWEEN_INTRO_PLAY_EVENT
+};

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.d.ts

@@ -0,0 +1,15 @@
+import { ThemeMode } from '../../styles/tokens/tokens.generated';
+
+/** Story time when blow-out finishes (`T.out` in Final devil HTML). */
+export declare const HALLOWEEN_INTRO_STORY_OUT_SEC = 16.9;
+/** Story seconds per second of video playback in Final devil HTML (`20 / 18`). */
+export declare const HALLOWEEN_INTRO_STORY_SCALE: number;
+/** Seconds of black hold after blow-out (`T.out`) before the overlay dismisses. */
+export declare const HALLOWEEN_INTRO_BLACK_HOLD_SEC = 0;
+/** How long the hint (“Best with sound”) stays visible before embed autoplay. */
+export declare const HALLOWEEN_INTRO_HINT_HOLD_MS = 1200;
+/** Fallback dismiss — hint + video time through black hold + safety buffer. */
+export declare const HALLOWEEN_INTRO_DURATION_MS: number;
+export declare function prepareHalloweenIntroHtml(html: string): string;
+export declare function getHalloweenIntroSrcDoc(resolvedMode: ThemeMode): string;
+//# sourceMappingURL=halloweenIntroHtml.d.ts.map

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"halloweenIntroHtml.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/halloweenIntroHtml.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAKlE,uEAAuE;AACvE,eAAO,MAAM,6BAA6B,OAAO,CAAC;AAElD,kFAAkF;AAClF,eAAO,MAAM,2BAA2B,QAAU,CAAC;AAEnD,mFAAmF;AACnF,eAAO,MAAM,8BAA8B,IAAI,CAAC;AAEhD,iFAAiF;AACjF,eAAO,MAAM,4BAA4B,OAAQ,CAAC;AAKlD,+EAA+E;AAC/E,eAAO,MAAM,2BAA2B,QAIvC,CAAC;AA+DF,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA+E9D;AAED,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,SAAS,GAAG,MAAM,CAEvE"}

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.js

@@ -0,0 +1,141 @@
+import halloweenDevilLightHtml from "../../assets/halloween_devil_morning_final.html.js";
+import halloweenDevilDarkHtml from "../../assets/halloween_devil_night_Final.html.js";
+const HALLOWEEN_INTRO_STORY_OUT_SEC = 16.9;
+const HALLOWEEN_INTRO_STORY_SCALE = 20 / 18;
+const HALLOWEEN_INTRO_BLACK_HOLD_SEC = 0;
+const HALLOWEEN_INTRO_HINT_HOLD_MS = 1200;
+const HALLOWEEN_INTRO_STORY_COMPLETE_SEC = HALLOWEEN_INTRO_STORY_OUT_SEC + HALLOWEEN_INTRO_BLACK_HOLD_SEC;
+const HALLOWEEN_INTRO_DURATION_MS = Math.ceil(
+  HALLOWEEN_INTRO_HINT_HOLD_MS + HALLOWEEN_INTRO_STORY_COMPLETE_SEC / HALLOWEEN_INTRO_STORY_SCALE * 1e3 + 800
+);
+const INTRO_HTML = {
+  dark: halloweenDevilDarkHtml,
+  light: halloweenDevilLightHtml
+};
+const LEGACY_EMBED_FLAG = "const EMBED = new URLSearchParams(location.search).has('embed');";
+const EMBED_COMPLETE_AT = `T.out + ${HALLOWEEN_INTRO_BLACK_HOLD_SEC}`;
+const EMBED_POST_COMPLETE_STORY = `
+          if (EMBED && started && !introCompleteSent && t * STORY_SCALE >= ${EMBED_COMPLETE_AT}) {
+            introCompleteSent = true;
+            try { window.parent.postMessage({ source: 'impact-ui-halloween-intro', type: 'complete' }, '*'); } catch (_) {}
+          }`;
+const EMBED_POST_COMPLETE_LEGACY = `
+          if (EMBED && started && !introCompleteSent && t >= ${EMBED_COMPLETE_AT}) {
+            introCompleteSent = true;
+            try { window.parent.postMessage({ source: 'impact-ui-halloween-intro', type: 'complete' }, '*'); } catch (_) {}
+          }`;
+const EMBED_AUTOPLAY_BLOCK = `
+        requestAnimationFrame(frame);
+        if (EMBED) {
+          const embedHintMs = ${HALLOWEEN_INTRO_HINT_HOLD_MS};
+          const runEmbedIntro = () => {
+            if (started) return;
+            hint.classList.add('gone');
+            begin();
+          };
+          setTimeout(runEmbedIntro, embedHintMs);
+          addEventListener('message', (e) => {
+            const d = e.data;
+            if (d && d.source === 'impact-ui-halloween-intro' && d.type === 'begin') runEmbedIntro();
+          });
+          addEventListener('pointerdown', runEmbedIntro, { once: true });
+        } else {
+        addEventListener('pointerdown', begin);
+        addEventListener('keydown', (e) => {
+          if (e.key === 'm' || e.key === 'M') {
+            muted = !muted;
+            if (outGain) outGain.gain.setTargetAtTime(muted ? 0 : 1, actx.currentTime, 0.05);
+          } else if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            begin();
+          }
+        });
+        }`;
+const HINT_HTML = '<p id="hint">Best experienced with sound.</p>';
+const FINAL_AUTOPLAY_TAIL = /\s*requestAnimationFrame\(frame\);\s*\n\s*addEventListener\('pointerdown', begin\);\s*\n\s*addEventListener\('keydown', e => \{[\s\S]*?\n\s*\}\);\s*\n(\s*\})/;
+const LEGACY_AUTOPLAY_TAIL = /\s*requestAnimationFrame\(frame\);\s*\n\s*addEventListener\('pointerdown', begin\);\s*\n\s*addEventListener\('keydown', \(e\) => \{[\s\S]*?\n\s*\}\);\s*\n(\s*\})/;
+function prepareHalloweenIntroHtml(html) {
+  if (html.includes(LEGACY_EMBED_FLAG)) {
+    return html.replace(LEGACY_EMBED_FLAG, "const EMBED = true;").replace(
+      /introCompleteSent && t >= T\.end/,
+      `introCompleteSent && t >= ${EMBED_COMPLETE_AT}`
+    );
+  }
+  let out = html.replace(/<p id="hint">[^<]*<\/p>/, HINT_HTML);
+  if (!out.includes("const EMBED = true")) {
+    out = out.replace(
+      /(RENDER = QS\.has\('render'\) \|\| EXPORT;[^\n]*\n)/,
+      `$1      const EMBED = true;
+`
+    );
+  }
+  if (!out.includes("introCompleteSent")) {
+    out = out.replace(
+      /let frames = 0,\s*\n\s*acc = 0,\s*\n\s*tuned = false,\s*\n\s*last = 0;/,
+      `let frames = 0,
+          acc = 0,
+          tuned = false,
+          last = 0,
+          introCompleteSent = false;`
+    );
+    out = out.replace(
+      /let frames = 0, acc = 0, tuned = false, last = 0;/,
+      "let frames = 0, acc = 0, tuned = false, last = 0, introCompleteSent = false;"
+    );
+  }
+  if (!out.includes("impact-ui-halloween-intro")) {
+    if (out.includes("update(t * STORY_SCALE)")) {
+      out = out.replace(
+        /(update\(t \* STORY_SCALE\);\s*composer\.render\(\);)/,
+        `$1${EMBED_POST_COMPLETE_STORY}`
+      );
+    } else {
+      out = out.replace(
+        /(update\(t\);\s*\n\s*composer\.render\(\);)\s*\n(\s*if \(started && !tuned)/,
+        `$1${EMBED_POST_COMPLETE_LEGACY}
+$2`
+      );
+    }
+  }
+  if (!out.includes("runEmbedIntro")) {
+    if (FINAL_AUTOPLAY_TAIL.test(out)) {
+      out = out.replace(FINAL_AUTOPLAY_TAIL, `${EMBED_AUTOPLAY_BLOCK}
+$1`);
+    } else {
+      out = out.replace(LEGACY_AUTOPLAY_TAIL, `${EMBED_AUTOPLAY_BLOCK}
+$1`);
+    }
+  }
+  if (out.includes("update(t * STORY_SCALE)")) {
+    out = out.replace(
+      /out: 16\.9, end: 20\.0/,
+      `out: 16.9, end: ${HALLOWEEN_INTRO_STORY_COMPLETE_SEC}`
+    );
+    if (!out.includes("!EMBED && t >= LOOP")) {
+      out = out.replace(
+        /if \(t >= LOOP\) \{ if \(actx\) \{ cycleStart \+= LOOP;/,
+        "if (!EMBED && t >= LOOP) { if (actx) { cycleStart += LOOP;"
+      );
+    }
+    if (!out.includes("!(EMBED && introCompleteSent)")) {
+      out = out.replace(
+        /last = now;\s*\n\s*requestAnimationFrame\(frame\);/,
+        `last = now;
+    if (!(EMBED && introCompleteSent)) requestAnimationFrame(frame);`
+      );
+    }
+  }
+  return out;
+}
+function getHalloweenIntroSrcDoc(resolvedMode) {
+  return prepareHalloweenIntroHtml(INTRO_HTML[resolvedMode]);
+}
+export {
+  HALLOWEEN_INTRO_BLACK_HOLD_SEC,
+  HALLOWEEN_INTRO_DURATION_MS,
+  HALLOWEEN_INTRO_HINT_HOLD_MS,
+  HALLOWEEN_INTRO_STORY_OUT_SEC,
+  HALLOWEEN_INTRO_STORY_SCALE,
+  getHalloweenIntroSrcDoc,
+  prepareHalloweenIntroHtml
+};

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=halloweenIntroHtml.test.d.ts.map

package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"halloweenIntroHtml.test.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/halloweenIntroHtml.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+export { HALLOWEEN_INTRO_PLAY_EVENT, type HalloweenIntroPlayDetail, } from './halloweenIntro.constants';
+export { getHalloweenIntroSrcDoc, HALLOWEEN_INTRO_DURATION_MS, prepareHalloweenIntroHtml, } from './halloweenIntroHtml';
+export { HalloweenStyleIntroProvider, useHalloweenStyleIntro, type HalloweenStyleIntroContextValue, } from './HalloweenStyleIntroProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HalloweenStyleIntro/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,KAAK,wBAAwB,GAC9B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,EACtB,KAAK,+BAA+B,GACrC,MAAM,+BAA+B,CAAC"}

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

@@ -2,9 +2,11 @@ import { MouseEvent, ReactNode } from 'react';
 import { Locale } from '../../i18n/types';
 import { RootComponentProps } from '../../types';
 import { AvatarProps } from '../Avatar/Avatar.types';
+import { ProfileMenuItem } from '../ProfileMenu/ProfileMenu.types';
+import { ThemingPanelSettings } from '../ThemingPanel/ThemingPanel.types';
 
 /**
- * Drop menu option for the header avatar menu.
+ * @deprecated Avatar menu uses {@link ProfileMenu}. Prefer `onLogoutClick` and related profile handlers.
  */
 export interface HeaderDropMenuOption {
     label: string;
@@ -13,13 +15,25 @@ export interface HeaderDropMenuOption {
 }
 /**
  * Header component props.
- * Avatar props can be extended via avatarProps; dropMenuOptions drive the avatar dropdown menu.
+ * Avatar click opens {@link ProfileMenu} (themes, logout, etc.).
  */
 export interface HeaderProps extends RootComponentProps {
     /** Title shown next to the logo */
     title?: ReactNode;
-    /** User name shown in avatar and default menu option */
+    /** User name shown in avatar and profile menu */
     userName?: string;
+    /** Email shown in the profile menu */
+    userEmail?: string;
+    /** When false, avatar does not open the profile menu */
+    showProfileMenu?: boolean;
+    /** Called when Logout is chosen in the profile menu */
+    onLogoutClick?: () => void;
+    /** Extra profile menu rows (icon + label + handler), shown below Themes */
+    profileMenuItems?: ProfileMenuItem[];
+    /** Called when the user applies changes in Profile menu → Themes → Appearance */
+    onAppearanceApply?: (settings: ThemingPanelSettings) => void;
+    /** Called when the user cancels Appearance without applying (not fired on Apply) */
+    onAppearanceCancel?: () => void;
     /** Called when the logo is clicked */
     handleLogoClick?: () => void;
     /** Show the notification icon */
@@ -44,11 +58,14 @@ export interface HeaderProps extends RootComponentProps {
     isMessageIconDisabled?: boolean;
     /** When true, show DND variant of notification icon */
     isNotificationDnd?: boolean;
-    /** Options for the avatar dropdown menu */
+    /**
+     * @deprecated Ignored — avatar opens ProfileMenu. Use `showProfileMenu={false}` to disable.
+     * Empty array still disables the menu for backward compatibility.
+     */
     dropMenuOptions?: HeaderDropMenuOption[];
     /**
      * Custom popup rendered when the user avatar is clicked.
-     * When provided, replaces the default Menu driven by dropMenuOptions.
+     * When provided, replaces {@link ProfileMenu} and legacy `dropMenuOptions` menu.
      * Receives the avatar anchor element (`null` when closed). Open state and `onClose` are owned by the consumer.
      */
     userMenuPopup?: (anchorEl: HTMLElement | null) => ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,SAAS,CAAC;IAE5D,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,2DAA2D;IAC3D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1C,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEvC,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C,4FAA4F;IAC5F,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}
+{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAE7D,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,SAAS,CAAC;IAE5D,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,2DAA2D;IAC3D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1C,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEvC,kFAAkF;IAClF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE9C,4FAA4F;IAC5F,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C"}

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

@@ -4,7 +4,7 @@ export type { HeaderProps, HeaderDropMenuOption } from './Header.types';
 /**
  * App header with logo, title, actions (help, message, notification, chatbot) and avatar menu.
  */
-export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, userMenuPopup, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, commentProps, onCommentsClick, commentsPanel, className, id, 'data-testid': dataTestId, role, showLanguageIcon, enabledLocales, onLanguageChange, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, userEmail, showProfileMenu, onLogoutClick, onAppearanceApply, onAppearanceCancel, profileMenuItems, userMenuPopup, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, commentProps, onCommentsClick, commentsPanel, className, id, 'data-testid': dataTestId, role, showLanguageIcon, enabledLocales, onLanguageChange, }: HeaderProps): import("react").JSX.Element;
 export declare namespace Header {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAwB9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAoE,EACpE,aAAa,EACb,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,EACf,gBAAwB,EACxB,cAAmC,EACnC,gBAAgB,GACjB,EAAE,WAAW,2CA2Tb;yBA5Ve,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAc9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAe,EACf,SAAS,EACT,eAAsB,EACtB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,EACf,gBAAwB,EACxB,cAAmC,EACnC,gBAAgB,GACjB,EAAE,WAAW,+BAqWb;yBA5Ye,MAAM"}