impact-ui 4.0.16 → 4.0.17-alpha.2

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

@@ -0,0 +1,45 @@
+import { RefObject } from 'react';
+
+export interface TooltipCardSlide {
+    /** Slide heading */
+    header: string;
+    /** Slide body text */
+    description: string;
+    /** Optional image URL shown between description and footer */
+    image?: string;
+}
+export interface TooltipCardFooterProps {
+    /** Show the close / left-most action */
+    showClose?: boolean;
+    closeLabel?: string;
+    onClose?: () => void;
+    /** Show the skip / middle text action */
+    showSkip?: boolean;
+    skipLabel?: string;
+    onSkip?: () => void;
+    /** Show the next / primary action */
+    showNext?: boolean;
+    nextLabel?: string;
+    onNext?: () => void;
+}
+/**
+ * Position of the arrow on the card edge.
+ * - top-left / top-right    → arrow on the top edge, near left or right
+ * - bottom-left / bottom-right → arrow on the bottom edge, near left or right
+ * - left-top / left-bottom  → arrow on the left edge, near top or bottom
+ * - right-top / right-bottom → arrow on the right edge, near top or bottom
+ */
+export type TooltipCardArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
+export interface TooltipCardProps {
+    /** One or more slides. If > 1, a dot carousel is rendered. */
+    slides: TooltipCardSlide[];
+    footerProps?: TooltipCardFooterProps;
+    /** Position of the directional arrow on the card. If omitted, placement is auto-detected from the anchor's viewport position. */
+    arrowPosition?: TooltipCardArrowPosition;
+    /** Ref attached to the DOM element the tooltip card should anchor to. When provided, the card is portaled to document.body and positioned absolutely next to the anchor. */
+    anchorRef?: RefObject<HTMLElement>;
+    /** Auto-advance duration in milliseconds when there are multiple slides. Defaults to 2000ms. */
+    duration?: number;
+}
+export declare const TooltipCard: ({ slides, footerProps, arrowPosition, anchorRef, duration, }: TooltipCardProps) => import("react").JSX.Element;
+//# sourceMappingURL=tooltipCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipCard.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/tooltipCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,wBAAwB,GAChC,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,UAAU,GACV,aAAa,GACb,WAAW,GACX,cAAc,CAAC;AAEnB,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,iIAAiI;IACjI,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,4KAA4K;IAC5K,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,gGAAgG;IAChG,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,8DAMzB,gBAAgB,gCAiHlB,CAAC"}

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/Panel/index.d.ts

@@ -1,5 +1,5 @@
 import { PanelProps } from './Panel.types';
 
 export type { PanelProps, PanelAnchor, PanelSize } from './Panel.types';
-export declare function Panel({ className, title, size, anchor, open, setIsOpen, children, onClose, primaryButtonLabel, onPrimaryButtonClick, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonProps, secondaryButtonProps, width, zIndex, customFooterContent, resizable, minWidth, maxWidth, onResize, ...args }: PanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Panel({ className, title, size, anchor, open, setIsOpen, children, onClose, primaryButtonLabel, onPrimaryButtonClick, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonProps, secondaryButtonProps, width, zIndex, customFooterContent, resizable, minWidth, maxWidth, onResize, ...args }: PanelProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAC3D,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,EACL,MAAa,EACb,mBAAmB,EACnB,SAAS,EACT,QAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CA+HZ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAC3D,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAWxE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAgB,EAChB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,EACL,MAAa,EACb,mBAAmB,EACnB,SAAS,EACT,QAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BA+HZ"}

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

@@ -4,7 +4,7 @@ export type { PopoverProps } from './Popover.types';
 /**
  * Popover with optional title, body, and footer actions. Wraps MUI Popover.
  */
-export declare function Popover({ children, title, onClose, primaryButtonLabel, secondaryButtonLabel, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonProps, secondaryButtonProps, slotProps, 'data-testid': dataTestId, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ children, title, onClose, primaryButtonLabel, secondaryButtonLabel, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonProps, secondaryButtonProps, slotProps, 'data-testid': dataTestId, ...props }: PopoverProps): import("react").JSX.Element;
 export declare namespace Popover {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,YAAY,2CAkEd;yBA/Ee,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,YAAY,+BAkEd;yBA/Ee,OAAO"}

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

@@ -1,7 +1,7 @@
 import { ProgressBarProps } from './ProgressBar.types';
 
 export type { ProgressBarProps, ProgressBarStatus } from './ProgressBar.types';
-export declare function ProgressBar({ value, showTime, time, customLabel, status, LinearProgressProps: linearProps, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressBar({ value, showTime, time, customLabel, status, LinearProgressProps: linearProps, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: ProgressBarProps): import("react").JSX.Element;
 export declare namespace ProgressBar {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAa/E,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAe,EACf,IAAS,EACT,WAAW,EACX,MAAoB,EACpB,mBAAmB,EAAE,WAAW,EAChC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAoB,GACrB,EAAE,gBAAgB,2CA+BlB;yBA1Ce,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAa/E,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAe,EACf,IAAS,EACT,WAAW,EACX,MAAoB,EACpB,mBAAmB,EAAE,WAAW,EAChC,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,IAAoB,GACrB,EAAE,gBAAgB,+BA+BlB;yBA1Ce,WAAW"}

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

@@ -4,7 +4,7 @@ export type { PromptProps, PromptVariant } from './Prompt.types';
 /**
  * Prompt dialog for confirmations, alerts, and messages. Supports info, success, warning, and error variants.
  */
-export declare function Prompt({ variant, title, children, primaryButtonLabel, secondaryButtonLabel, isOpen, onPrimaryButtonClick, onSecondaryButtonClick, handleClose, primaryButtonProps, secondaryButtonProps, ...args }: PromptProps): import("react/jsx-runtime").JSX.Element;
+export declare function Prompt({ variant, title, children, primaryButtonLabel, secondaryButtonLabel, isOpen, onPrimaryButtonClick, onSecondaryButtonClick, handleClose, primaryButtonProps, secondaryButtonProps, ...args }: PromptProps): import("react").JSX.Element;
 export declare namespace Prompt {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prompt/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AACjE,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAgBjE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,MAAM,EACN,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,IAAI,EACR,EAAE,WAAW,2CAwDb;yBArEe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prompt/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,gBAAgB,CAAC;AACjE,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAgBjE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,MAAM,EACN,oBAAoB,EACpB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,IAAI,EACR,EAAE,WAAW,+BAwDb;yBArEe,MAAM"}

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

@@ -1,7 +1,7 @@
 import { RadioButtonGroupProps } from './RadioButtonGroup.types';
 
 export type { RadioButtonGroupProps, RadioButtonGroupOption } from './RadioButtonGroup.types';
-export declare function RadioButtonGroup({ options, isDisabled, disabled, selectedOption, value, onChange, name, orientation, label, className, id, 'data-testid': dataTestId, ...args }: RadioButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioButtonGroup({ options, isDisabled, disabled, selectedOption, value, onChange, name, orientation, label, className, id, 'data-testid': dataTestId, ...args }: RadioButtonGroupProps): import("react").JSX.Element;
 export declare namespace RadioButtonGroup {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAA0B,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,gCAAgC,CAAC;AAExC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA4C9F,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAsB,EACtB,KAAK,EACL,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAkCvB;yBAhDe,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAA0B,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,gCAAgC,CAAC;AAExC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA4C9F,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAsB,EACtB,KAAK,EACL,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAkCvB;yBAhDe,gBAAgB"}

package/dist/components/RadioButtonGroup/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding:3px 8px;padding-left:0!important}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible{outline:none}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible .MuiSvgIcon-root:first-of-type{border-radius:50%;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible .MuiSvgIcon-root,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible),.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible) .MuiSvgIcon-root{outline:none}.MuiFormGroup-root.orientation-row{flex-direction:row;gap:8px}.MuiFormGroup-root.orientation-row .ia-radioButton:first-child{margin-left:0!important}.MuiFormGroup-root.orientation-row .ia-radioButton:last-child{margin-right:0!important}.MuiFormGroup-root.orientation-column{flex-direction:column;gap:8px}.MuiFormGroup-root.orientation-column .ia-radioButton{margin:0!important}.ia-radioButton .MuiSvgIcon-root{border:1px solid #c3c8d4;border-radius:50%;height:16px;width:16px}.ia-radioButton path{display:none}.ia-radioButton:hover .MuiSvgIcon-root{border:1px solid #4259ee}.ia-radioButton-disabled .MuiSvgIcon-root{background:#f5f6fa;border:1px solid #d9dde7!important}.ia-radioButton.ia-radioButton-disabled .MuiSvgIcon-root:nth-child(2){background:#b3bdf8!important;border:none;border:1px solid #b3bdf8!important;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiSvgIcon-root:nth-child(2){background:#4259ee;border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .Mui-checked .MuiSvgIcon-root{background:#0000;border:1px solid #4259ee;border-radius:50%;height:16px;width:16px}.ia-radioButton .Mui-checked .MuiSvgIcon-root path{display:none}.ia-radioButton .Mui-checked .MuiSvgIcon-root:nth-child(2){background:#4259ee;border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiTypography-root{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.ia-radioButton .MuiRadio-root.Mui-checked+.MuiTypography-root{color:#1f2b4d}.ia-radioGroup-wrapper{display:flex;flex-direction:column;gap:16px}.ia-radioGroup-label{color:#31416e;font-size:12px;font-weight:700;line-height:20px;text-transform:capitalize}")),document.head.appendChild(o)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding:3px 8px;padding-left:0!important}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:hover{background:none!important}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible{outline:none}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible .MuiSvgIcon-root:first-of-type{border-radius:50%;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible .MuiSvgIcon-root,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible),.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible) .MuiSvgIcon-root{outline:none}.MuiFormGroup-root.orientation-row{flex-direction:row;gap:8px}.MuiFormGroup-root.orientation-row .ia-radioButton:first-child{margin-left:0!important}.MuiFormGroup-root.orientation-row .ia-radioButton:last-child{margin-right:0!important}.MuiFormGroup-root.orientation-column{flex-direction:column;gap:8px}.MuiFormGroup-root.orientation-column .ia-radioButton{margin:0!important}.ia-radioButton .MuiSvgIcon-root{border:1px solid #c3c8d4;border-radius:50%;height:16px;width:16px}.ia-radioButton path{display:none}.ia-radioButton:hover .MuiSvgIcon-root{border:1px solid #4259ee}.ia-radioButton-disabled .MuiSvgIcon-root{background:#f5f6fa;border:1px solid #d9dde7!important}.ia-radioButton.ia-radioButton-disabled .MuiSvgIcon-root:nth-child(2){background:#b3bdf8!important;border:none;border:1px solid #b3bdf8!important;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiSvgIcon-root:nth-child(2){background:#4259ee;border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .Mui-checked .MuiSvgIcon-root{background:#0000;border:1px solid #4259ee;border-radius:50%;height:16px;width:16px}.ia-radioButton .Mui-checked .MuiSvgIcon-root path{display:none}.ia-radioButton .Mui-checked .MuiSvgIcon-root:nth-child(2){background:#4259ee;border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiTypography-root{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.ia-radioButton .MuiRadio-root.Mui-checked+.MuiTypography-root{color:#1f2b4d}.ia-radioGroup-wrapper{display:flex;flex-direction:column;gap:16px}.ia-radioGroup-label{color:#31416e;font-size:12px;font-weight:700;line-height:20px;text-transform:capitalize}")),document.head.appendChild(o)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 

package/dist/components/Select/customGroupHeading.d.ts

@@ -1,4 +1,4 @@
 import { GroupHeadingPropsTyped } from './Select.types';
 
-export declare const CustomGroupHeading: (props: GroupHeadingPropsTyped) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomGroupHeading: (props: GroupHeadingPropsTyped) => import("react").JSX.Element;
 //# sourceMappingURL=customGroupHeading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"customGroupHeading.d.ts","sourceRoot":"","sources":["../../../src/components/Select/customGroupHeading.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAI3E,eAAO,MAAM,kBAAkB,GAAI,OAAO,sBAAsB,4CAyB/D,CAAC"}
+{"version":3,"file":"customGroupHeading.d.ts","sourceRoot":"","sources":["../../../src/components/Select/customGroupHeading.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAI3E,eAAO,MAAM,kBAAkB,GAAI,OAAO,sBAAsB,gCAyB/D,CAAC"}

package/dist/components/Select/dropdown.d.ts

@@ -1,4 +1,4 @@
 import { DropdownProps } from './Select.types';
 
-export default function Dropdown({ children, dropDownPortalClassName, isOpen, target, onClose, disabled, containerRef: _containerRef, menuRef: externalMenuRef, withPortal, portalContainer, dropdownButtonRef, dropdownPosition, isKeyboardNav, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export default function Dropdown({ children, dropDownPortalClassName, isOpen, target, onClose, disabled, containerRef: _containerRef, menuRef: externalMenuRef, withPortal, portalContainer, dropdownButtonRef, dropdownPosition, isKeyboardNav, }: DropdownProps): import("react").JSX.Element;
 //# sourceMappingURL=dropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Select/dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,uBAA4B,EAC5B,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,eAAe,EACxB,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,GACd,EAAE,aAAa,2CAoDf"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Select/dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,uBAA4B,EAC5B,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,eAAe,EACxB,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,GACd,EAAE,aAAa,+BAoDf"}