impact-ui 4.0.18 → 5.0.0-alpha.2

package/dist/components/OnboardingTour/tooltipCard.js

@@ -0,0 +1,96 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";@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)}}@keyframes onboarding-tour-section-enter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-tour-overlay{background-color:#0d152ccc;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;-webkit-tap-highlight-color:transparent;opacity:1;pointer-events:auto;transition:opacity .5s ease-in-out}.onboarding-tour-overlay.overlay--hidden{opacity:0;pointer-events:none}.onboarding-tour-close-button{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.onboarding-tour-close-button:focus-visible{box-shadow:0 0 4px #0000001f,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}.onboarding-tour-close-button:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.onboarding-tour-close-button svg{height:18px;width:18px}.onboarding-tour-wrapper{background-color:#fff;background-image:radial-gradient(circle,#f7f7f799 2px,#0000 0),radial-gradient(circle,#f7f7f799 2px,#0000 0);background-size:18px 18px;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999}.onboarding-tour-wrapper .onboarding-tour-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:space-between}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header{align-items:center;display:flex;flex-direction:column;gap:8px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content{align-items:center;display:flex;flex-direction:column;gap:4px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-title{color:#0d152c;font-size:32px;font-weight:800;line-height:48px;text-transform:capitalize;white-space:nowrap}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-description{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center;width:302px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-footer .onboarding-tour-actions{align-items:center;display:flex;gap:12px}.onboarding-tour-wrapper .onboarding-tour-close-button{right:12px;top:12px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header.onboarding-tour-header--entrance{animation:onboarding-tour-section-enter .4s cubic-bezier(.22,1,.36,1) 0s both;will-change:opacity,transform}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-footer.onboarding-tour-footer--entrance{animation:onboarding-tour-section-enter .4s cubic-bezier(.22,1,.36,1) .6s both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.onboarding-tour-wrapper .onboarding-tour-container :is(.onboarding-tour-footer.onboarding-tour-footer--entrance,.onboarding-tour-header.onboarding-tour-header--entrance){animation:none!important;opacity:1;transform:none}}@media screen and (max-width:1512px){.onboarding-tour-wrapper{padding:30px}.onboarding-tour-wrapper .onboarding-tour-close-button svg{height:14px;width:14px}.onboarding-tour-wrapper .onboarding-tour-container{gap:24px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header{gap:4px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content{gap:2px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-title{font-size:24px;line-height:36px}.onboarding-tour-wrapper .onboarding-tour-container .onboarding-tour-header .onboarding-tour-header-content .onboarding-tour-description{font-size:12px;line-height:18px}}@keyframes slide-in-from-right{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-from-left{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes dot-fill{0%{width:0}to{width:100%}}.onboarding-tour-middle-section{align-items:center;display:flex;flex-direction:column;gap:8px;overflow:hidden;width:100%}.onboarding-tour-middle-section .screen-slide{display:flex;justify-content:center;width:100%}.onboarding-tour-middle-section .screen-slide--forward{animation:slide-in-from-right .38s cubic-bezier(.22,1,.36,1) both}.onboarding-tour-middle-section .screen-slide--backward{animation:slide-in-from-left .38s cubic-bezier(.22,1,.36,1) both}.onboarding-tour-middle-section .screen-slide img{max-height:100%;max-width:100%;object-fit:contain}.onboarding-tour-image{height:295px;object-fit:contain;width:520px}.button-carousel-wrapper{align-items:center;display:flex;gap:10px;justify-content:center}.button-carousel-wrapper .button{background-color:#d9dde7;border-radius:5px;cursor:pointer;flex-shrink:0;height:10px;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .2s;width:10px}.button-carousel-wrapper .button.active{background-color:#d9dde7;width:32px}.button-carousel-wrapper .button.active:after{animation:dot-fill var(--dot-duration,2s) linear forwards;background-color:#4259ee;border-radius:5px;content:"";height:100%;inset-block:0;left:0;position:absolute}@media (prefers-reduced-motion:reduce){.onboarding-tour-middle-section .screen-slide{animation:none!important;opacity:1;transform:none}.onboarding-tour-middle-section .button.active:after{animation:none!important;width:100%}}@media screen and (max-width:1512px){.onboarding-tour-middle-section{gap:6px}.onboarding-tour-image{height:222px;width:390px}}@keyframes tooltip-slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.tooltip-card-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 0 30px 6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:40px;position:relative;width:428px}.tooltip-card-wrapper--anchored{position:absolute;z-index:999999}.tooltip-card-arrow{background-color:#b3bdf8;position:absolute}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--bottom-right,.tooltip-card-arrow--top-left,.tooltip-card-arrow--top-right{height:12px;width:18px}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--left-top,.tooltip-card-arrow--right-bottom,.tooltip-card-arrow--right-top{height:18px;width:12px}.tooltip-card-arrow--top-left,.tooltip-card-arrow--top-right{clip-path:polygon(50% 0,0 100%,100% 100%);top:-12px}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--bottom-right{bottom:-12px;clip-path:polygon(0 0,100% 0,50% 100%)}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--left-top{clip-path:polygon(0 50%,100% 0,100% 100%);left:-12px}.tooltip-card-arrow--right-bottom,.tooltip-card-arrow--right-top{clip-path:polygon(100% 50%,0 0,0 100%);right:-12px}.tooltip-card-arrow--bottom-left,.tooltip-card-arrow--top-left{left:32px}.tooltip-card-arrow--bottom-right,.tooltip-card-arrow--top-right{right:32px}.tooltip-card-arrow--left-top,.tooltip-card-arrow--right-top{top:32px}.tooltip-card-arrow--left-bottom,.tooltip-card-arrow--right-bottom{bottom:32px}.tooltip-card-body,.tooltip-card-content{display:flex;flex-direction:column;gap:8px}.tooltip-card-content{will-change:opacity,transform}.tooltip-card-content--forward{animation:tooltip-slide-in-right .32s cubic-bezier(.22,1,.36,1) both}.tooltip-card-content--backward{animation:tooltip-slide-in-left .32s cubic-bezier(.22,1,.36,1) both}.tooltip-card-content .tooltip-card-image{margin-top:24px}.tooltip-card-header{color:#0d152c;font-size:16px;font-weight:800;line-height:24px}.tooltip-card-description{color:#7a8294;font-size:14px;font-weight:500;line-height:21px}.tooltip-card-image{border-radius:12px}.tooltip-card-footer{align-items:center;display:flex;justify-content:space-between}.tooltip-card-footer-right{align-items:center;display:flex;gap:14px}.tooltip-card-skip-btn:hover{text-decoration:none!important}@media (prefers-reduced-motion:reduce){.tooltip-card-content{animation:none!important;opacity:1;transform:none}}.product-tour-list{bottom:24px;position:fixed;right:12px;z-index:999999}.product-tour-list-minimized-chip{align-items:center;background-color:#4259ee;border:none;border-bottom:4px solid #687af1;border-radius:4px;box-shadow:0 10px 15px #00000026;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:16px 32px;position:relative}.product-tour-list-minimized-chip:focus-visible{box-shadow:0 10px 15px #00000026,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}.product-tour-list-minimized-chip:focus:not(:focus-visible){box-shadow:0 10px 15px #00000026;outline:none}.product-tour-list-minimized-chip .product-tour-list-minimized-label{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize;white-space:nowrap}.product-tour-list-minimized-badge{border-radius:100px;box-shadow:0 0 4px #0000001f;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;height:30px;justify-content:center;line-height:24px;min-width:30px;padding:6px;position:absolute;right:-11px;text-transform:capitalize;top:-10px}.product-tour-list--expanded,.product-tour-list-minimized-badge{align-items:center;background-color:#fff;box-sizing:border-box;display:flex}.product-tour-list--expanded{border-radius:12px;box-shadow:0 0 15px #0000001a;flex-direction:column;gap:32px;padding:40px;width:435px}.product-tour-list-close{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0000001f;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px}.product-tour-list-close:focus-visible{box-shadow:0 0 4px #0000001f,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}.product-tour-list-close:focus:not(:focus-visible){box-shadow:0 0 4px #0000001f;outline:none}.product-tour-list-close svg{height:18px;width:18px}.product-tour-list-title{color:#0d152c;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;line-height:36px;padding:8px 12px;text-align:center;text-transform:capitalize;width:100%}.product-tour-list-steps{display:flex;flex-direction:column;gap:8px;width:100%}.product-tour-list-step{align-items:center;background-color:#f5f6fa;border-radius:12px;box-sizing:border-box;display:flex;gap:6px;min-width:130px;padding:12px 16px;width:100%}.product-tour-list-step .product-tour-list-step-index{color:#31416e;flex-shrink:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1.25;text-transform:capitalize}.product-tour-list-step .product-tour-list-step-label{color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:1.25;min-width:0;text-transform:capitalize}.product-tour-list-step--completed .product-tour-list-step-index{color:#7a8294}.product-tour-list-step--completed .product-tour-list-step-label{color:#b4bac7}.product-tour-list-step-btn{flex-shrink:0;height:32px!important;max-height:32px;min-width:56px!important}.product-tour-list-step-btn.product-tour-list-step-btn--completed{background-color:#c3c8d4!important;border-color:#c3c8d4!important;color:#fff!important}.product-tour-list-step-btn.product-tour-list-step-btn--completed:hover{background-color:#c3c8d4!important;border-color:#c3c8d4!important}.product-tour-list-dismiss{height:32px!important;justify-content:center;width:100%}.product-tour-list-dismiss:hover{text-decoration:none!important}@media screen and (max-width:1512px){.product-tour-list--expanded{gap:24px;padding:30px;width:380px}.product-tour-list-close svg{height:14px;width:14px}.product-tour-list-title{font-size:20px;line-height:30px;padding:4px 8px}.product-tour-list-step{padding:10px 12px}.product-tour-list-step :is(.product-tour-list-step-index,.product-tour-list-step-label){font-size:14px}.product-tour-list-step-btn{height:28px!important;max-height:28px}.product-tour-list-minimized-chip{padding:12px 24px}.product-tour-list-minimized-chip .product-tour-list-minimized-label{font-size:13px;line-height:18px}.product-tour-list-minimized-badge{font-size:14px;height:26px;line-height:20px;min-width:26px}}@media screen and (max-width:1280px){.product-tour-list--expanded{gap:20px;padding:24px;width:360px}.product-tour-list-title{font-size:18px;line-height:28px}.product-tour-list-steps{gap:6px}.product-tour-list-step{padding:8px 12px}.product-tour-list-step :is(.product-tour-list-step-index,.product-tour-list-step-label){font-size:13px}.product-tour-list-dismiss{font-size:13px!important;height:auto!important;line-height:18px!important;min-height:28px;text-align:center;white-space:normal}}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useRef, useEffect } from "react";
+import { Button } from "../Button/index.js";
+import { Portal } from "../Portal/index.js";
+import { useTooltipCardPosition } from "./useTooltipCardPosition.js";
+
+const TooltipCard = ({
+  slides,
+  footerProps,
+  arrowPosition,
+  anchorRef,
+  duration = 2e3
+}) => {
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [direction, setDirection] = useState("forward");
+  const [animKey, setAnimKey] = useState(0);
+  const {
+    wrapperRef,
+    wrapperStyle,
+    arrowPosition: resolvedArrowPosition
+  } = useTooltipCardPosition(anchorRef, arrowPosition, { contentKey: activeIndex });
+  const hasCarousel = slides.length > 1;
+  const current = slides[activeIndex];
+  const goToSlide = useCallback((index, dir = "forward") => {
+    setDirection(dir);
+    setActiveIndex(index);
+    setAnimKey((k) => k + 1);
+  }, []);
+  const slideTimerRef = useRef(null);
+  useEffect(() => {
+    if (!hasCarousel) return;
+    if (slideTimerRef.current) {
+      clearTimeout(slideTimerRef.current);
+    }
+    slideTimerRef.current = setTimeout(() => {
+      goToSlide((activeIndex + 1) % slides.length, "forward");
+    }, duration);
+    return () => {
+      if (slideTimerRef.current) {
+        clearTimeout(slideTimerRef.current);
+      }
+    };
+  }, [activeIndex, duration, goToSlide, hasCarousel, slides.length]);
+  const {
+    showClose = true,
+    closeLabel = "Close",
+    onClose,
+    showSkip = true,
+    skipLabel = "Skip",
+    onSkip,
+    showNext = true,
+    nextLabel = "Next",
+    onNext
+  } = footerProps ?? {};
+  const card = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: wrapperRef,
+      className: `tooltip-card-wrapper${anchorRef ? " tooltip-card-wrapper--anchored" : ""}`,
+      style: anchorRef ? wrapperStyle : void 0,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: `tooltip-card-arrow tooltip-card-arrow--${resolvedArrowPosition}` }),
+        /* @__PURE__ */ jsxs("div", { className: "tooltip-card-body", children: [
+          /* @__PURE__ */ jsxs("div", { className: `tooltip-card-content tooltip-card-content--${direction}`, children: [
+            /* @__PURE__ */ jsx("h3", { className: "tooltip-card-header", children: current.header }),
+            /* @__PURE__ */ jsx("p", { className: "tooltip-card-description", children: current.description }),
+            current.image && /* @__PURE__ */ jsx("img", { alt: current.header, className: "tooltip-card-image", src: current.image })
+          ] }, animKey),
+          hasCarousel && /* @__PURE__ */ jsx("div", { className: "button-carousel-wrapper", children: slides.map((_, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-label": `Go to slide ${i + 1}`,
+              className: `button${activeIndex === i ? " active" : ""}`,
+              onClick: () => {
+                goToSlide(i, i > activeIndex ? "forward" : "backward");
+              }
+            },
+            i
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "tooltip-card-footer", children: [
+          /* @__PURE__ */ jsx("div", { className: "tooltip-card-footer-left", children: showClose && /* @__PURE__ */ jsx(Button, { size: "large", variant: "tertiary", onClick: onClose, children: closeLabel }) }),
+          /* @__PURE__ */ jsxs("div", { className: "tooltip-card-footer-right", children: [
+            showSkip && /* @__PURE__ */ jsx(Button, { className: "tooltip-card-skip-btn", size: "large", variant: "url", onClick: onSkip, children: skipLabel }),
+            showNext && /* @__PURE__ */ jsx(Button, { size: "large", variant: "primary", onClick: onNext, children: nextLabel })
+          ] })
+        ] })
+      ]
+    }
+  );
+  return anchorRef ? /* @__PURE__ */ jsx(Portal, { container: document.body, children: card }) : card;
+};
+export {
+  TooltipCard
+};

package/dist/components/OnboardingTour/useTooltipCardPosition.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties, RefObject } from 'react';
+
+type TooltipCardArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
+export interface UseTooltipCardPositionOptions {
+    /** Distance between the anchor edge and the tooltip card edge in pixels. */
+    offset?: number;
+    /** Optional key that changes when tooltip content changes, forcing a recalculation. */
+    contentKey?: number | string;
+}
+export interface UseTooltipCardPositionResult {
+    /** Ref to attach to the tooltip card wrapper element. */
+    wrapperRef: RefObject<HTMLDivElement>;
+    /** Positioning styles to apply to the wrapper element. */
+    wrapperStyle: CSSProperties;
+    /** Whether the position has been computed at least once. */
+    isPositioned: boolean;
+    /** The resolved arrow placement (requested or auto-detected). */
+    arrowPosition: TooltipCardArrowPosition;
+}
+/**
+ * Positions a TooltipCard relative to a consumer-provided anchor element.
+ *
+ * The card is portaled to document.body, so this hook returns absolute coordinates
+ * including scroll offsets. It recalculates on scroll, resize, and when either the
+ * anchor or the tooltip wrapper changes size.
+ */
+export declare const useTooltipCardPosition: (anchorRef: RefObject<HTMLElement> | undefined, arrowPosition: TooltipCardArrowPosition | undefined, { offset, contentKey }?: UseTooltipCardPositionOptions) => UseTooltipCardPositionResult;
+export default useTooltipCardPosition;
+//# sourceMappingURL=useTooltipCardPosition.d.ts.map

package/dist/components/OnboardingTour/useTooltipCardPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipCardPosition.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/useTooltipCardPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,KAAK,wBAAwB,GACzB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,UAAU,GACV,aAAa,GACb,WAAW,GACX,cAAc,CAAC;AA6JnB,MAAM,WAAW,6BAA6B;IAC5C,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,4BAA4B;IAC3C,yDAAyD;IACzD,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,0DAA0D;IAC1D,YAAY,EAAE,aAAa,CAAC;IAC5B,4DAA4D;IAC5D,YAAY,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,aAAa,EAAE,wBAAwB,CAAC;CACzC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GACjC,WAAW,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,EAC7C,eAAe,wBAAwB,GAAG,SAAS,EACnD,yBAA6B,6BAAkC,KAC9D,4BA6HF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/OnboardingTour/useTooltipCardPosition.js

@@ -0,0 +1,221 @@
+import { useRef, useState, useCallback, useLayoutEffect } from "react";
+const ALL_PLACEMENTS = [
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right",
+  "left-top",
+  "left-bottom",
+  "right-top",
+  "right-bottom"
+];
+const TOP_BOTTOM_PLACEMENTS = [
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right"
+];
+const SIDE_PLACEMENTS = [
+  "left-top",
+  "left-bottom",
+  "right-top",
+  "right-bottom"
+];
+const ARROW_TIP_OFFSET = 32 + 9;
+function getPlacementRect(placement, anchorRect, width, height, offset) {
+  const anchorCenterX = anchorRect.left + anchorRect.width / 2;
+  const anchorCenterY = anchorRect.top + anchorRect.height / 2;
+  let top = 0;
+  let left = 0;
+  switch (placement) {
+    case "top-left":
+      top = anchorRect.bottom + offset;
+      left = anchorCenterX - ARROW_TIP_OFFSET;
+      break;
+    case "top-right":
+      top = anchorRect.bottom + offset;
+      left = anchorCenterX + ARROW_TIP_OFFSET - width;
+      break;
+    case "bottom-left":
+      top = anchorRect.top - height - offset;
+      left = anchorCenterX - ARROW_TIP_OFFSET;
+      break;
+    case "bottom-right":
+      top = anchorRect.top - height - offset;
+      left = anchorCenterX + ARROW_TIP_OFFSET - width;
+      break;
+    case "left-top":
+      top = anchorCenterY - ARROW_TIP_OFFSET;
+      left = anchorRect.right + offset;
+      break;
+    case "left-bottom":
+      top = anchorCenterY + ARROW_TIP_OFFSET - height;
+      left = anchorRect.right + offset;
+      break;
+    case "right-top":
+      top = anchorCenterY - ARROW_TIP_OFFSET;
+      left = anchorRect.left - width - offset;
+      break;
+    case "right-bottom":
+      top = anchorCenterY + ARROW_TIP_OFFSET - height;
+      left = anchorRect.left - width - offset;
+      break;
+  }
+  return { top, left, right: left + width, bottom: top + height };
+}
+function getViewportOverflow(rect, viewportWidth, viewportHeight) {
+  let overflow = 0;
+  if (rect.top < 0) overflow += -rect.top;
+  if (rect.left < 0) overflow += -rect.left;
+  if (rect.bottom > viewportHeight) overflow += rect.bottom - viewportHeight;
+  if (rect.right > viewportWidth) overflow += rect.right - viewportWidth;
+  return overflow;
+}
+function getBestPlacement(anchorRect, width, height, offset, preferred) {
+  if (preferred) return preferred;
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+  const scored = ALL_PLACEMENTS.map((placement) => {
+    const rect = getPlacementRect(placement, anchorRect, width, height, offset);
+    const overflow = getViewportOverflow(rect, viewportWidth, viewportHeight);
+    const spareRoom = Math.min(
+      rect.left,
+      rect.top,
+      viewportWidth - rect.right,
+      viewportHeight - rect.bottom
+    );
+    return { placement, overflow, spareRoom };
+  });
+  const pickBest = (candidates) => {
+    if (candidates.length === 0) return "top-right";
+    return candidates.reduce((winner, current) => {
+      if (current.spareRoom !== winner.spareRoom) {
+        return current.spareRoom > winner.spareRoom ? current : winner;
+      }
+      return current.overflow < winner.overflow ? current : winner;
+    }).placement;
+  };
+  const topBottomFits = scored.filter(
+    (s) => TOP_BOTTOM_PLACEMENTS.includes(s.placement) && s.overflow === 0
+  );
+  if (topBottomFits.length > 0) {
+    return pickBest(topBottomFits);
+  }
+  const sideFits = scored.filter((s) => SIDE_PLACEMENTS.includes(s.placement) && s.overflow === 0);
+  if (sideFits.length > 0) {
+    return pickBest(sideFits);
+  }
+  const topBottom = scored.filter((s) => TOP_BOTTOM_PLACEMENTS.includes(s.placement));
+  const sides = scored.filter((s) => SIDE_PLACEMENTS.includes(s.placement));
+  const bestTopBottomOverflow = Math.min(...topBottom.map((s) => s.overflow));
+  const bestSideOverflow = Math.min(...sides.map((s) => s.overflow));
+  return bestTopBottomOverflow <= bestSideOverflow ? pickBest(topBottom) : pickBest(sides);
+}
+const useTooltipCardPosition = (anchorRef, arrowPosition, { offset = 12, contentKey } = {}) => {
+  const wrapperRef = useRef(null);
+  const [wrapperStyle, setWrapperStyle] = useState({ opacity: 0 });
+  const [isPositioned, setIsPositioned] = useState(false);
+  const [resolvedArrowPosition, setResolvedArrowPosition] = useState(
+    arrowPosition ?? "top-right"
+  );
+  const positionUpdateRef = useRef(null);
+  const lastStyleRef = useRef("");
+  const calculatePosition = useCallback(() => {
+    const anchor = anchorRef == null ? void 0 : anchorRef.current;
+    const wrapper = wrapperRef.current;
+    if (!anchor || typeof window === "undefined") {
+      return null;
+    }
+    const anchorRect = anchor.getBoundingClientRect();
+    const wrapperRect = wrapper == null ? void 0 : wrapper.getBoundingClientRect();
+    const width = (wrapperRect == null ? void 0 : wrapperRect.width) ?? 0;
+    const height = (wrapperRect == null ? void 0 : wrapperRect.height) ?? 0;
+    const nextResolvedArrowPosition = getBestPlacement(
+      anchorRect,
+      width,
+      height,
+      offset,
+      arrowPosition
+    );
+    if (nextResolvedArrowPosition !== resolvedArrowPosition) {
+      setResolvedArrowPosition(nextResolvedArrowPosition);
+    }
+    const { top, left } = getPlacementRect(
+      nextResolvedArrowPosition,
+      anchorRect,
+      width,
+      height,
+      offset
+    );
+    const scrollX = window.scrollX || document.documentElement.scrollLeft;
+    const scrollY = window.scrollY || document.documentElement.scrollTop;
+    return {
+      position: "absolute",
+      top: top + scrollY,
+      left: left + scrollX,
+      opacity: 1
+    };
+  }, [anchorRef, arrowPosition, contentKey, offset]);
+  const applyPositionSync = useCallback(() => {
+    const style = calculatePosition();
+    if (!style) return;
+    const styleKey = JSON.stringify(style);
+    if (lastStyleRef.current === styleKey) return;
+    lastStyleRef.current = styleKey;
+    setWrapperStyle(style);
+    setIsPositioned(true);
+  }, [calculatePosition]);
+  const applyPosition = useCallback(() => {
+    if (positionUpdateRef.current !== null) {
+      cancelAnimationFrame(positionUpdateRef.current);
+    }
+    positionUpdateRef.current = requestAnimationFrame(() => {
+      applyPositionSync();
+      positionUpdateRef.current = null;
+    });
+  }, [applyPositionSync]);
+  useLayoutEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const anchorElement = anchorRef == null ? void 0 : anchorRef.current;
+    if (!anchorElement) {
+      return;
+    }
+    applyPositionSync();
+    let resizeObserver = null;
+    if (typeof ResizeObserver !== "undefined") {
+      resizeObserver = new ResizeObserver(() => {
+        applyPosition();
+      });
+      resizeObserver.observe(anchorElement);
+      if (wrapperRef.current) {
+        resizeObserver.observe(wrapperRef.current);
+      }
+    }
+    const handleScroll = () => {
+      applyPosition();
+    };
+    const handleResize = () => {
+      applyPosition();
+    };
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    window.addEventListener("resize", handleResize, { passive: true });
+    return () => {
+      if (positionUpdateRef.current !== null) {
+        cancelAnimationFrame(positionUpdateRef.current);
+        positionUpdateRef.current = null;
+      }
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+      window.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleResize);
+      lastStyleRef.current = "";
+    };
+  }, [anchorRef, applyPosition, contentKey]);
+  return { wrapperRef, wrapperStyle, isPositioned, arrowPosition: resolvedArrowPosition };
+};
+export {
+  useTooltipCardPosition
+};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0BjF,OAAO,KAAK,EAAE,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAClF,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgBhE,eAAO,MAAM,MAAM,yCA22CjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0BjF,OAAO,KAAK,EAAE,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAClF,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAsBhE,eAAO,MAAM,MAAM,yCA82CjB,CAAC"}

package/dist/components/Select/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)}}.ia-select-main-container-v3{align-items:center;display:flex;gap:5px}.top-orientation{align-items:flex-start;flex-direction:column}.isAgGridCellRenderer{width:100%}.isAgGridCellRenderer .ia-select-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.isAgGridCellRenderer .ia-select-button-text-span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-label-v3{line-height:18px;white-space:nowrap}.ia-select-container-v3{position:relative}.ia-select-container-v3 [aria-disabled=true]{background-color:#f8f9fb!important;border:1px solid #d9dde7!important;border-radius:8px;cursor:not-allowed;pointer-events:none}.multi-select__control{display:none}.multi-select__option{font-size:14px;padding:8px 16px}@media screen and (max-width:1399px) and (min-width:1200px){.multi-select__option{font-size:12px;padding:5px 16px}}.multi-select__option--is-selected{background-color:#984d4d;color:#1d1d1d}.multi-select__option--is-selected:active{background-color:#cfafaf}.loading-option{color:green;pointer-events:none}.loading-option-multi label{color:#ff0;pointer-events:none}.ia-select-container-v3-styled-menu{background:#fff;border-radius:4px;box-shadow:0 3px 6px #00000040;margin-top:4px;min-width:240px;padding:8px 0;position:absolute;z-index:2;z-index:99999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.ia-select-styled-dropdown-main-button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:4px;box-sizing:border-box;color:#1d1d1d;cursor:pointer;display:flex;font-size:14px;height:37px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-styled-dropdown-main-button{font-size:12px;height:28px}}.ia-select-styled-dropdown-main-button.is-with-clearable{gap:16px}.ia-select-button-clear-icon{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/notification-close.svg);background-position:end;background-repeat:no-repeat;background-size:10px;border-radius:4px;cursor:pointer;height:10px;margin-left:10px;position:absolute;right:40px;top:10px;width:10px}.ia-select-button-clear-icon:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/select-chevron.svg) no-repeat;background-position:50%;background-size:10px;display:inline-block;flex-shrink:0;height:10px;margin-left:10px;transform:rotate(0);width:10px}.ia-select-chevron-icon.open{transform:rotate(180deg)}.ia-select-search-box{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/search.svg) no-repeat;background-position:16px;background-size:12px;border:none;border-bottom:1px solid blue;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;height:37px;outline:none;padding:0 16px 0 34px;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-search-box{height:28px}}.ia-select-search-box::placeholder{color:#b4bac7}.ia-select-clear-all-button{background-color:initial;border:none;border-radius:4px;box-sizing:border-box;color:#60697d;cursor:pointer;font-size:12px;font-weight:400;height:26px;line-height:18px}.ia-select-clear-all-button:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-selectAll-container{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:35px;justify-content:space-between;margin-bottom:2px;padding:4px 12px;position:relative}.ia-select-selectAll-container.ia-select-option-highlighted{background-color:#f5f6fa;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-selectAll-container:after{background:#d9dde7;bottom:-3px;content:" ";height:1px;left:-6px;position:absolute;right:-6px}.ia-select-selectAll-container:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-selectAll-container .impact-form-checkbox-container .MuiFormControlLabel-label{color:#1f2b4d}.ia-select-max-selectable-options{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectInfoIcon.svg) no-repeat;background-position:12px 10px;border-top:1px solid #f5f6fa;color:#60697d;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px;padding:9px 0 4px 34px}.ia-select-button-text{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif!important;font-weight:500;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-button-text svg{font-size:18px}.ia-select-button-text.impact-select-table{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;gap:0;max-width:100%;min-width:0;overflow:hidden;width:100%}.ia-select-button-text.impact-select-table .ia-select-button-text-span{box-sizing:border-box;display:block;flex:1;max-width:100%;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.ia-select-button-text-full-width{width:90%}.ia-select-button-text-span{display:inline-block;font-weight:500;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder .ia-select-button-text-span{font-weight:400}.ia-select-button-text.placeholder{color:#b4bac7;font-weight:400}.select-label-with-icon{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:20px;line-height:20px;text-align:left;width:100%}.select-label-with-icon span{display:inline-block}.select-label-with-icon .selected-children-count{color:#6b7280;font-size:12px;margin-left:4px}.select-label-with-icon-multi span{max-width:153px}.impact-checkbox-label.disabled .select-label-with-icon{color:#b4bac7!important}.select-options-tag-group{display:flex;gap:4px;margin-top:4px;position:absolute;width:70px}.select-options-tag-group span{width:100%}.select-options-tag-group span>div{background-color:#eceefd;border:none!important}.select-options-tag-list{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001f;display:flex;flex-direction:column;margin-top:2px;max-height:200px;overflow-y:auto;padding:4px 8px;position:absolute;width:91px;z-index:10}.tag-group-more{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/menu-ext.svg) 50% no-repeat;display:inline-block;display:flex;height:20px;transform:rotate(90deg);width:14px!important;z-index:10}.tag-group-open>div{background-color:#eceefd}.ia-select-container-v3-styled-menu{border:none;border-radius:12px;box-shadow:0 1px 6px #1a277c24;margin-top:6px;padding:8px 6px}.ia-select-search-box{background-position:12px;border-bottom:none;border-radius:8px 8px 0 0;font-family:Manrope,sans-serif;font-weight:400;height:35px;padding-left:30px}.ia-select-search-box:focus,.ia-select-search-box:focus-visible{border:none;box-shadow:none;outline:none}.ia-select-search-box::placeholder{font-weight:400}.ia-select-search-box:not(:placeholder-shown){font-weight:500}.css-13cymwt-control{display:none!important}.ia-select-label-v3{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500}.ia-select-main-container-v3{gap:6px}.css-tr4s17-option{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important;font-family:Manrope,sans-serif;font-weight:500;height:36px;margin-bottom:2px}.ia-select-styled-dropdown-main-button{border:1px solid #c3c8d4;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif!important;font-weight:500;height:32px}.ia-select-styled-dropdown-main-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}.ia-select-styled-dropdown-main-button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.Mui-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-btn-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-switch-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact-select-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact_input_disabled:focus-visible,.ia-select-styled-dropdown-main-button.route-disabled:focus-visible,.ia-select-styled-dropdown-main-button:disabled:focus-visible,.ia-select-styled-dropdown-main-button[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.ia-select-button-keyboard-open{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}.ia-select-styled-dropdown-main-button:hover{border:1px solid #4259ee}.impact-select-error,.impact-select-error:hover{border:1px solid #e15554!important}.impact-select-disabled{background-color:#f2f4fb}.impact-select-disabled,.impact-select-disabled:hover{border:1px solid #d9dde7}.ia-select-loading-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.ia-select-loading-more-container{height:92px!important}.default-select-tooltip,.select-tooltip{z-index:999999!important}.ia-select-dropdown-container{gap:4px}.ia-select-dropdown-v3{position:relative}.ia-select-dropdown-v3 .select__menu{position:relative;z-index:1}.ia-select-dropdown-v3 .menulistScroll{margin-top:3px;overflow-y:hidden;padding-bottom:0;padding-top:0!important}.ia-select-dropdown-v3 .menulistScroll .ia-select-no-options-message{align-items:center;color:#60697d;display:flex;font-weight:500;height:50px;justify-content:center;line-height:16px}.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option{background-color:initial;border-radius:8px;height:35px;margin-bottom:2px}.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option:focus,.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option:hover{background-color:#f5f6fa}.ia-select-dropdown-v3 :is(.css-1s9izoc,.css-qr46ko){padding:0}.ia-select-dropdown-v3 .css-1s9izoc{border-bottom:1px solid #d9dde7}.ia-select-dropdown-v3 .css-1s9izoc:last-child{border-bottom:none}.ia-select-dropdown-v3 .ia-select-group-heading-container{align-items:center;display:flex;height:35px;justify-content:space-between;padding:0 12px}.ia-select-dropdown-v3 .ia-select-group-heading-container .css-jtaw72-group{color:#b4bac7;font-size:12px;font-weight:700;line-height:20px;margin-bottom:0;padding:0;text-transform:capitalize}.ia-select-dropdown-v3 .ia-select-group-heading-left{gap:6px}.ia-select-dropdown-v3 .group-icon,.ia-select-dropdown-v3 .ia-select-group-heading-left{align-items:center;display:flex;justify-content:center}.ia-select-dropdown-v3 .group-icon svg{color:#60697d;height:16px;width:16px}.ia-select-dropdown-v3 .group-icon svg path{fill:#60697d}.ia-select-dropdown-v3 .ia-select-option{background-color:initial;cursor:pointer;margin-bottom:2px}.ia-select-dropdown-v3 .ia-select-option:has(.disabled){opacity:.5;pointer-events:none}.ia-select-dropdown-v3 .ia-select-option.submenu-active,.ia-select-dropdown-v3 .ia-select-option:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option-highlighted{background-color:#f5f6fa;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.select-option-content .select-submenu-chevron{bottom:11px;color:#60697d;height:16px;position:absolute;right:12px;width:16px}.ia-select-submenu-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px}.ia-select-submenu-header .ia-select-submenu-back{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:0}.ia-select-submenu-header .ia-select-submenu-back:hover{color:#374151}.ia-select-dropdown-container{display:flex;position:relative}.ia-select-dropdown-v3{flex:1}.select-label-with-icon{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.select-label-with-icon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-submenu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:8px 6px;z-index:3}.ia-select-submenu-content .select-option-content:not(:first-child){margin-top:2px}.ia-select-submenu-content .select-option-content{padding:7.5px 0 7.5px 12px}.ia-select-submenu-content .select-option-content:hover{background-color:#f5f6fa!important;border-radius:8px;color:#1f2b4d!important}.ia-select-submenu-content .select-option-content.selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.ia-select-chevron-icon.disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.4;opacity:.2;pointer-events:none}.ia-select-submenu-content .ia-select-option-highlighted{background-color:#f5f6fa!important;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-footer-message{align-items:center;border-top:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:8px 12px 4px}.ia-select-footer-message .ia-select-max-selectable-options{background-position:0 1px;border:none;padding:0 0 0 20px}.ia-select-footer-message .ia-styles.ia-btn.ia-btn-with-icon{height:16px}.ia-select-footer-message .ia-select-footer-description{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.ia-select-footer-message .ia-select-footer-action-button{color:#4259ee;cursor:pointer;font-size:12px;font-weight:500;padding:0;white-space:nowrap}')),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:#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)}}.ia-select-main-container-v3{align-items:center;display:flex;gap:5px}.top-orientation{align-items:flex-start;flex-direction:column}.isAgGridCellRenderer{width:100%}.isAgGridCellRenderer .ia-select-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.isAgGridCellRenderer .ia-select-button-text-span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-label-v3{line-height:18px;white-space:nowrap}.ia-select-container-v3{position:relative}.ia-select-container-v3 [aria-disabled=true]{background-color:#f8f9fb!important;border:1px solid #d9dde7!important;border-radius:8px;cursor:not-allowed;pointer-events:none}.multi-select__control{display:none}.multi-select__option{font-size:14px;padding:8px 16px}@media screen and (max-width:1399px) and (min-width:1200px){.multi-select__option{font-size:12px;padding:5px 16px}}.multi-select__option--is-selected{background-color:#984d4d;color:#1d1d1d}.multi-select__option--is-selected:active{background-color:#cfafaf}.loading-option{color:green;pointer-events:none}.loading-option-multi label{color:#ff0;pointer-events:none}.ia-select-container-v3-styled-menu{background:#fff;border-radius:4px;box-shadow:0 3px 6px #00000040;margin-top:4px;min-width:240px;padding:8px 0;position:absolute;z-index:2;z-index:99999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.ia-select-styled-dropdown-main-button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:4px;box-sizing:border-box;color:#1d1d1d;cursor:pointer;display:flex;font-size:14px;height:37px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-styled-dropdown-main-button{font-size:12px;height:28px}}.ia-select-styled-dropdown-main-button.is-with-clearable{gap:16px}.ia-select-button-clear-icon{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/notification-close.svg);background-position:end;background-repeat:no-repeat;background-size:10px;border-radius:4px;cursor:pointer;height:10px;margin-left:10px;position:absolute;right:40px;top:10px;width:10px}.ia-select-button-clear-icon:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/select-chevron.svg) no-repeat;background-position:50%;background-size:10px;display:inline-block;flex-shrink:0;height:10px;margin-left:10px;transform:rotate(0);width:10px}.ia-select-chevron-icon.open{transform:rotate(180deg)}.ia-select-search-box{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/search.svg) no-repeat;background-position:16px;background-size:12px;border:none;border-bottom:1px solid blue;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;height:37px;outline:none;padding:0 16px 0 34px;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-search-box{height:28px}}.ia-select-search-box::placeholder{color:#b4bac7}.ia-select-clear-all-button{background-color:initial;border:none;border-radius:4px;box-sizing:border-box;color:#60697d;cursor:pointer;font-size:12px;font-weight:400;height:26px;line-height:18px}.ia-select-clear-all-button:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-selectAll-container{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:35px;justify-content:space-between;margin-bottom:2px;padding:4px 12px;position:relative}.ia-select-selectAll-container.ia-select-option-highlighted{background-color:#f5f6fa;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-selectAll-container:after{background:#d9dde7;bottom:-3px;content:" ";height:1px;left:-6px;position:absolute;right:-6px}.ia-select-selectAll-container:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-selectAll-container .impact-form-checkbox-container .MuiFormControlLabel-label{color:#1f2b4d}.ia-select-max-selectable-options{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectInfoIcon.svg) no-repeat;background-position:12px 10px;border-top:1px solid #f5f6fa;color:#60697d;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px;padding:9px 0 4px 34px}.ia-select-button-text{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif!important;font-weight:500;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-button-text svg{font-size:18px}.ia-select-button-text.impact-select-table{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;gap:0;max-width:100%;min-width:0;overflow:hidden;width:100%}.ia-select-button-text.impact-select-table .ia-select-button-text-span{box-sizing:border-box;display:block;flex:1;max-width:100%;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.ia-select-button-text-full-width{width:90%}.ia-select-button-text-span{display:inline-block;font-weight:500;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder .ia-select-button-text-span{font-weight:400}.ia-select-button-text.placeholder{color:#b4bac7;font-weight:400}.select-label-with-icon{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:20px;line-height:20px;text-align:left;width:100%}.select-label-with-icon span{display:inline-block}.select-label-with-icon .selected-children-count{color:#6b7280;font-size:12px;margin-left:4px}.select-label-with-icon-multi span{max-width:153px}.impact-checkbox-label.disabled .select-label-with-icon{color:#b4bac7!important}.select-options-tag-group{display:flex;gap:4px;margin-top:4px;position:absolute;width:70px}.select-options-tag-group span{width:100%}.select-options-tag-group span>div{background-color:#eceefd;border:none!important}.select-options-tag-list{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001f;display:flex;flex-direction:column;margin-top:2px;max-height:200px;overflow-y:auto;padding:4px 8px;position:absolute;width:91px;z-index:10}.tag-group-more{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/menu-ext.svg) 50% no-repeat;display:inline-block;display:flex;height:20px;transform:rotate(90deg);width:14px!important;z-index:10}.tag-group-open>div{background-color:#eceefd}.ia-select-container-v3-styled-menu{border:none;border-radius:12px;box-shadow:0 1px 6px #1a277c24;margin-top:6px;padding:8px 6px}.ia-select-search-box{background-position:12px;border-bottom:none;border-radius:8px 8px 0 0;font-family:Manrope,sans-serif;font-weight:400;height:35px;padding-left:30px}.ia-select-search-box:focus,.ia-select-search-box:focus-visible{border:none;box-shadow:none;outline:none}.ia-select-search-box::placeholder{font-weight:400}.ia-select-search-box:not(:placeholder-shown){font-weight:500}.ia-select-label-v3{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500}.ia-select-main-container-v3{gap:6px}.ia-select-styled-dropdown-main-button{border:1px solid #c3c8d4;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif!important;font-weight:500;height:32px}.ia-select-styled-dropdown-main-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}.ia-select-styled-dropdown-main-button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.Mui-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-btn-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-switch-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact-select-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact_input_disabled:focus-visible,.ia-select-styled-dropdown-main-button.route-disabled:focus-visible,.ia-select-styled-dropdown-main-button:disabled:focus-visible,.ia-select-styled-dropdown-main-button[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.ia-select-button-keyboard-open{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}.ia-select-styled-dropdown-main-button:hover{border:1px solid #4259ee}.impact-select-error,.impact-select-error:hover{border:1px solid #e15554!important}.impact-select-disabled{background-color:#f2f4fb}.impact-select-disabled,.impact-select-disabled:hover{border:1px solid #d9dde7}.ia-select-loading-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.ia-select-loading-more-container{height:92px!important}.default-select-tooltip,.select-tooltip{z-index:999999!important}.ia-select-dropdown-container{gap:4px}.ia-select-dropdown-v3{position:relative}.ia-select-dropdown-v3 .select__menu{position:relative;z-index:1}.ia-select-dropdown-v3 .menulistScroll{margin-top:3px;overflow-y:hidden;padding-bottom:0;padding-top:0!important}.ia-select-dropdown-v3 .menulistScroll .ia-select-no-options-message{align-items:center;color:#60697d;display:flex;font-weight:500;height:50px;justify-content:center;line-height:16px}.ia-select-dropdown-v3 :is(.ia-select-group,.ia-select-menu-list){padding:0}.ia-select-dropdown-v3 .ia-select-group{border-bottom:1px solid #d9dde7}.ia-select-dropdown-v3 .ia-select-group:last-child{border-bottom:none}.ia-select-dropdown-v3 .ia-select-group-heading-container{align-items:center;display:flex;height:35px;justify-content:space-between;padding:0 12px}.ia-select-dropdown-v3 .ia-select-group-heading-container .ia-select-group-heading{color:#b4bac7;font-size:12px;font-weight:700;line-height:20px;margin-bottom:0;padding:0;text-transform:capitalize}.ia-select-dropdown-v3 .ia-select-group-heading-left{gap:6px}.ia-select-dropdown-v3 .group-icon,.ia-select-dropdown-v3 .ia-select-group-heading-left{align-items:center;display:flex;justify-content:center}.ia-select-dropdown-v3 .group-icon svg{color:#60697d;height:16px;width:16px}.ia-select-dropdown-v3 .group-icon svg path{fill:#60697d}.ia-select-dropdown-v3 .ia-select-option{align-items:center;background-color:initial;border-radius:8px;box-sizing:border-box;color:#1f2b4d;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-weight:500;height:36px;margin-bottom:2px;padding:0 12px}.ia-select-dropdown-v3 .ia-select-option:has(.disabled){opacity:.5;pointer-events:none}.ia-select-dropdown-v3 .ia-select-option.submenu-active,.ia-select-dropdown-v3 :is(.ia-select-option:focus,.ia-select-option:hover){background-color:#f5f6fa;border-radius:8px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option-highlighted{background-color:#f5f6fa;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option--selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.select-option-content{flex:1 1 auto;min-width:0;overflow:hidden;width:100%}.select-option-content .select-submenu-chevron{bottom:11px;color:#60697d;height:16px;position:absolute;right:12px;width:16px}.ia-select-submenu-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px}.ia-select-submenu-header .ia-select-submenu-back{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:0}.ia-select-submenu-header .ia-select-submenu-back:hover{color:#374151}.ia-select-dropdown-container{display:flex;position:relative}.ia-select-dropdown-v3{flex:1}.select-label-with-icon{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.select-label-with-icon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-submenu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:8px 6px;z-index:3}.ia-select-submenu-content .select-option-content:not(:first-child){margin-top:2px}.ia-select-submenu-content .select-option-content{padding:7.5px 0 7.5px 12px}.ia-select-submenu-content .select-option-content:hover{background-color:#f5f6fa!important;border-radius:8px;color:#1f2b4d!important}.ia-select-submenu-content .select-option-content.selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.ia-select-chevron-icon.disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.4;opacity:.2;pointer-events:none}.ia-select-submenu-content .ia-select-option-highlighted{background-color:#f5f6fa!important;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-footer-message{align-items:center;border-top:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:8px 12px 4px}.ia-select-footer-message .ia-select-max-selectable-options{background-position:0 1px;border:none;padding:0 0 0 20px}.ia-select-footer-message .ia-styles.ia-btn.ia-btn-with-icon{height:16px}.ia-select-footer-message .ia-select-footer-description{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.ia-select-footer-message .ia-select-footer-action-button{color:#4259ee;cursor:pointer;font-size:12px;font-weight:500;padding:0;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useRef, useMemo, useEffect, useCallback } from "react";
 import ReactSelect from "react-select";
@@ -21,7 +21,13 @@ import { HelperText } from "../common/HelperText/index.js";
 
 import { useTranslation } from "../../i18n/useTranslation.js";
 const selectStyles = {
-  menu: () => ({})
+  menu: () => ({}),
+  // Neutralize react-select emotion styles so we rely on stable classNames + SCSS
+  control: () => ({ display: "none" }),
+  option: () => ({}),
+  group: () => ({}),
+  groupHeading: () => ({}),
+  menuList: () => ({})
 };
 const SUBMENU_MAX_HEIGHT = 200;
 const countTotalSelectedOptions = (selectedOptions) => {
@@ -942,11 +948,14 @@ const Select = React__default.memo(function Select2(props) {
                         captureMenuScroll: false,
                         className: "ia-select-dropdown-v3",
                         classNames: {
-                          option: ({ data }) => {
+                          option: ({ data, isSelected }) => {
                             const opt = data;
                             const optIdx = flatOptions.findIndex((o) => o.value === (opt == null ? void 0 : opt.value));
-                            return `ia-select-option${(submenuParent == null ? void 0 : submenuParent.value) === (opt == null ? void 0 : opt.value) ? " submenu-active" : ""}${isKeyboardNav && optIdx >= 0 && optIdx === highlightedIndex ? " ia-select-option-highlighted" : ""}`;
-                          }
+                            return `ia-select-option${isSelected ? " ia-select-option--selected" : ""}${(submenuParent == null ? void 0 : submenuParent.value) === (opt == null ? void 0 : opt.value) ? " submenu-active" : ""}${isKeyboardNav && optIdx >= 0 && optIdx === highlightedIndex ? " ia-select-option-highlighted" : ""}`;
+                          },
+                          group: () => "ia-select-group",
+                          groupHeading: () => "ia-select-group-heading",
+                          menuList: () => "ia-select-menu-list"
                         },
                         components: {
                           IndicatorSeparator: null,

package/dist/components/{Table → TableV36}/AdvanceSearchModalItem.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 declare const AdvanceSearchModalItem: ({ colDefs, control, index, actualIndex, onDelete, filteredColumnsInitialOptions, totalColumns, currentColumnId, activeOption, getValues, addNewColumn, setToShowDuplicateColumnInAdvanceSearch, selectedThirdOptionDropdownValue, setSelectedThirdOptionDropdownValue, isClearAll, fields, isLastVisible, flag, setFlag, pendingDeletions, setPendingDeletions, remove, ...args }: {
     [x: string]: any;
     colDefs: any;
@@ -22,6 +24,6 @@ declare const AdvanceSearchModalItem: ({ colDefs, control, index, actualIndex, o
     pendingDeletions: any;
     setPendingDeletions: any;
     remove: any;
-}) => import("react").JSX.Element;
+}) => React.JSX.Element;
 export default AdvanceSearchModalItem;
 //# sourceMappingURL=AdvanceSearchModalItem.d.ts.map

package/dist/components/TableV36/AdvanceSearchModalItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSearchModalItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAgB5D,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwB/B,sBAmUA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/{Table → TableV36}/AdvanceSortModal.d.ts

@@ -1,8 +1,10 @@
+import { default as React } from 'react';
+
 export default function AdvanceSortModal({ open, onClose, colDefs, sortState, onApply }: {
     open: any;
     onClose: any;
     colDefs?: never[] | undefined;
     sortState?: never[] | undefined;
     onApply: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=AdvanceSortModal.d.ts.map

package/dist/components/TableV36/AdvanceSortModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvanceSortModal.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSortModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAsK3D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAY,EAAE,SAAc,EAAE,OAAO,EAAE;;;;;;CAAA,qBAkJhG"}