impact-ui 4.0.18 → 5.0.0-beta.1

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.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, sx, ...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,+BA+HZ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAKA,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,EAAE,EACF,GAAG,IAAI,EACR,EAAE,UAAU,+BAmIZ"}

package/dist/components/Panel/index.js

@@ -1,10 +1,11 @@
-!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)}}.impact_drawer_container_medium{height:100%;width:375px}.impact_drawer_container_large{height:100%;width:526px}.MuiBox-root{width:auto}.impact_drawer_container{--ia-focus-bg:#eceefd;position:relative}.impact_drawer_container .impact_drawer_header{align-items:center;background:#eceefd;display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact_drawer_container .impact_drawer_header .impact_drawer_heading{font-size:16px;font-weight:700}.impact_drawer_container .impact_drawer_header .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:16px;cursor:pointer;height:16px;width:16px}.impact_drawer_container .impact_drawer_header .close_icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_drawer_container .impact_drawer_header .close_icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_container .impact_drawer_body{height:calc(100% - 100px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_container .impact_drawer_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_container .impact_drawer_footer .ia-styles.ia-btn.ia-btn-link{text-decoration:none}.impact_drawer_container .impact_drawer_footer .impact_drawer_footer_right_container{align-items:center;display:flex;gap:8px;margin-left:auto}.panel-resizer{cursor:col-resize;height:100%;position:absolute;top:0;width:5px;z-index:10}.panel-resizer.panel-resizer-left{left:0}.panel-resizer.panel-resizer-right{right:0}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.impact_drawer_container_medium{height:100%;width:375px}.impact_drawer_container_large{height:100%;width:526px}.MuiBox-root{width:auto}.impact_drawer_container{--ia-focus-bg:var(--iu-bg-primary-subtle);position:relative}.impact_drawer_container .impact_drawer_header{align-items:center;background:var(--iu-bg-primary-subtle);display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact_drawer_container .impact_drawer_header .impact_drawer_heading{color:var(--iu-on-surface-body);font-size:16px;font-weight:700}.impact_drawer_container .impact_drawer_header .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:16px;cursor:pointer;height:16px;width:16px}.impact_drawer_container .impact_drawer_header .close_icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.impact_drawer_container .impact_drawer_header .close_icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_container .impact_drawer_body{background:var(--iu-bg-surface-layer-bg);height:100vh;overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_container .impact_drawer_footer{align-items:center;background:var(--iu-bg-surface-layer-bg);border-top:1px solid var(--iu-border-default);bottom:0;display:flex;height:56px;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_container .impact_drawer_footer .ia-styles.ia-btn.ia-btn-link{text-decoration:none}.impact_drawer_container .impact_drawer_footer .impact_drawer_footer_right_container{align-items:center;display:flex;gap:8px;margin-left:auto}.panel-resizer{cursor:col-resize;height:100%;position:absolute;top:0;width:5px;z-index:10}.panel-resizer.panel-resizer-left{left:0}.panel-resizer.panel-resizer-right{right:0}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Button } from "../Button/index.js";
 
 import { useTranslation } from "../../i18n/useTranslation.js";
 import Drawer from "../../node_modules/@mui/material/Drawer/Drawer.js";
+import { mergeImpactUiDrawerSx } from "../../tokens/createImpactUiMuiTheme.js";
 function getSize(size) {
   switch (size) {
     case "medium":
@@ -35,6 +36,7 @@ function Panel({
   minWidth = 375,
   maxWidth,
   onResize,
+  sx,
   ...args
 }) {
   const { t } = useTranslation();
@@ -93,13 +95,17 @@ function Panel({
     Drawer,
     {
       anchor,
+      className: "impact-ui-drawer",
       open,
-      sx: {
-        "& .MuiDrawer-paper": {
-          zIndex: `${zIndex}`,
-          overflow: "visible"
-        }
-      },
+      sx: mergeImpactUiDrawerSx([
+        {
+          "& .MuiDrawer-paper": {
+            zIndex: `${zIndex}`,
+            overflow: "visible"
+          }
+        },
+        ...Array.isArray(sx) ? sx : sx != null ? [sx] : []
+      ]),
       onClose: toggleDrawer(anchor, false),
       ...args,
       children: /* @__PURE__ */ jsxs(

package/dist/components/Popover/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)}}.popover-container{border-radius:12px!important;box-shadow:0 0 4px #0000001f;margin-top:2px;min-width:240px;padding:12px}.popover-container .popover-content{display:flex;flex-direction:column;gap:12px}.popover-container .popover-content .popover-header{align-items:center;display:flex;justify-content:space-between}.popover-container .popover-content .popover-header .popover-header-title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px}.popover-container .popover-content .popover-header .popover-close-icon: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}.popover-container .popover-content .popover-header .popover-close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.popover-container .popover-content .popover-body{height:calc(100% - 40px);overflow-y:auto;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content{display:flex;flex-direction:column;gap:8px}.popover-container .popover-content .popover-footer .popover-footer-content .divider-line{background:#d9dde7;height:1px;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content .popover-footer-buttons{display:flex;gap:12px;justify-content:flex-end}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.popover-container{background:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);border-radius:12px!important;box-shadow:0 0 4px 0 var(--iu-legacy-box-shadow-tint);color:var(--iu-on-surface-body);margin-top:2px;min-width:240px;padding:12px}.popover-container .popover-content{display:flex;flex-direction:column;gap:12px}.popover-container .popover-content .popover-header{align-items:center;display:flex;justify-content:space-between}.popover-container .popover-content .popover-header .popover-header-title{color:var(--iu-on-surface-body);font-size:14px;font-weight:800;line-height:21px}.popover-container .popover-content .popover-header .popover-close-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.popover-container .popover-content .popover-header .popover-close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.popover-container .popover-content .popover-body{height:calc(100% - 40px);overflow-y:auto;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content{display:flex;flex-direction:column;gap:8px}.popover-container .popover-content .popover-footer .popover-footer-content .divider-line{background:var(--iu-border-disabled);height:1px;width:100%}.popover-container .popover-content .popover-footer .popover-footer-content .popover-footer-buttons{display:flex;gap:12px;justify-content:flex-end}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import default_1 from "../../node_modules/@mui/icons-material/Close.js";
 import { Button } from "../Button/index.js";
@@ -40,7 +40,7 @@ function Popover({
           "data-testid": "popover-close-icon",
           fontSize: "small",
           role: "button",
-          sx: { color: "#60697D", cursor: "pointer" },
+          sx: { color: "var(--iu-on-surface-label)", cursor: "pointer" },
           tabIndex: 0,
           onClick: (event) => {
             onClose(event, "backdropClick");

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

@@ -0,0 +1,39 @@
+import { BaseComponentProps } from '../../types';
+import { AvatarProps } from '../Avatar/Avatar.types';
+
+/**
+ * Header-avatar profile popover: banner + avatar + name/email, then a settings-style
+ * list (Mute notifications, Themes, Keyboard shortcuts, Release notes, Help, All settings)
+ * and a Logout row.
+ *
+ * Only `Themes` is wired to real behavior out of the box (via `useImpactUiTheme`); the
+ * other rows are presentational placeholders — pass the matching `on…Click` to hook up
+ * real behavior as each surface is implemented.
+ */
+export interface ProfileMenuProps extends BaseComponentProps {
+    /** Element the popover is anchored to (usually the header avatar button) */
+    anchorEl: HTMLElement | null;
+    /** Whether the popover is open */
+    open: boolean;
+    /** Called when the popover should close (backdrop click, escape, item click) */
+    onClose: () => void;
+    /** Display name shown under the avatar */
+    userName: string;
+    /** Email shown under the name */
+    userEmail?: string;
+    /** Props passed to the header Avatar (extends AvatarProps) */
+    avatarProps?: Partial<AvatarProps>;
+    /** Called when "Mute notifications" is clicked (placeholder for now) */
+    onMuteNotificationsClick?: () => void;
+    /** Called when "Keyboard shortcuts" is clicked (placeholder for now) */
+    onKeyboardShortcutsClick?: () => void;
+    /** Called when "Release notes" is clicked (placeholder for now) */
+    onReleaseNotesClick?: () => void;
+    /** Called when "Help" is clicked (placeholder for now) */
+    onHelpClick?: () => void;
+    /** Called when "All settings" is clicked (placeholder for now) */
+    onAllSettingsClick?: () => void;
+    /** Called when "Logout" is clicked */
+    onLogoutClick?: () => void;
+}
+//# sourceMappingURL=ProfileMenu.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/ProfileMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,4EAA4E;IAC5E,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,gFAAgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B"}

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

@@ -0,0 +1,18 @@
+import { ProfileMenuProps } from './ProfileMenu.types';
+
+export type { ProfileMenuProps } from './ProfileMenu.types';
+/**
+ * Header-avatar profile popover.
+ *
+ * Shows a banner + avatar + name/email, then a settings-style list (Mute notifications,
+ * Themes, Keyboard shortcuts, Release notes, Help, All settings) and a Logout row.
+ *
+ * Only the **Themes** row is wired up for now — it expands inline and lets the user pick
+ * Light / Dark / System via `useImpactUiTheme`. The other rows are presentational
+ * placeholders; pass the matching `on…Click` prop to wire up real behavior later.
+ */
+export declare function ProfileMenu({ anchorEl, open, onClose, userName, userEmail, avatarProps, onMuteNotificationsClick, onKeyboardShortcutsClick, onReleaseNotesClick, onHelpClick, onAllSettingsClick, onLogoutClick, className, id, 'data-testid': dataTestId, }: ProfileMenuProps): import("react").JSX.Element;
+export declare namespace ProfileMenu {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,gBAAgB,+BAqOlB;yBArPe,WAAW"}