@vibe/core 3.41.0 → 3.43.0

package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedGrid.js","sources":["../../../../../src/components/VirtualizedGrid/VirtualizedGrid.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport {\n  GridChildComponentProps,\n  GridOnScrollProps,\n  ScrollDirection,\n  VariableSizeGrid as Grid,\n  GridOnItemsRenderedProps\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport {\n  getNormalizedItems,\n  getOnItemsRenderedData,\n  isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"src/types/VibeComponentProps\";\nimport { VibeComponent } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { VirtualizedGridItemType as ItemType } from \"./VirtualizedGrid.types\";\n\nexport interface VirtualizedGridProps extends VibeComponentProps {\n  /**\n   * The list of items to be rendered in the grid.\n   */\n  items: ItemType[];\n  /**\n   * Function that renders each item in the grid.\n   */\n  itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ItemType | GridChildComponentProps<ItemType>;\n  /**\n   * Function that returns the row height.\n   */\n  getRowHeight: () => number;\n  /**\n   * Function that returns the column width.\n   */\n  getColumnWidth: () => number;\n  /**\n   * Function that returns the unique ID of an item.\n   */\n  getItemId?: (item: ItemType, index: number) => string;\n  /**\n   * The index of the item to scroll to.\n   */\n  scrollToId?: number;\n  /**\n   * Callback fired when the grid is scrolled.\n   */\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  /**\n   * Callback fired when scrolling has finished.\n   */\n  onScrollToFinished?: () => void;\n  /**\n   * Callback fired when items are rendered in the grid.\n   */\n  onItemsRendered?: ({\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  }: {\n    firstItemId: string;\n    secondItemId: string;\n    lastItemId: string;\n    centerItemId: string;\n    firstItemOffsetEnd: number;\n    currentOffsetTop: number;\n  }) => void;\n  /**\n   * The delay (in ms) for throttling the `onItemsRendered` callback.\n   */\n  onItemsRenderedThrottleMs?: number;\n  /**\n   * Callback fired when the grid size is updated.\n   */\n  onSizeUpdate?: (width: number, height: number) => void;\n  /**\n   * Callback fired when the vertical scrollbar visibility changes.\n   */\n  onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n  /**\n   * Class name applied to the scrollable container.\n   */\n  scrollableClassName?: string;\n}\n\nconst VirtualizedGrid: VibeComponent<VirtualizedGridProps> = forwardRef(\n  (\n    {\n      className,\n      id,\n      items = [],\n      itemRenderer = (item: ItemType, _index: number, _style: CSSProperties) => item,\n      getRowHeight = () => 50,\n      getColumnWidth = () => 100,\n      getItemId = (item: ItemType, _index: number) => item.id,\n      onScroll,\n      scrollToId = null,\n      onScrollToFinished = NOOP,\n      onItemsRendered = null,\n      onItemsRenderedThrottleMs = 200,\n      onSizeUpdate = NOOP,\n      onVerticalScrollbarVisiblityChange = null,\n      scrollableClassName,\n      \"data-testid\": dataTestId\n    }: VirtualizedGridProps,\n    ref\n  ) => {\n    // states\n    const [gridHeight, setGridHeight] = useState(0);\n    const [gridWidth, setGridWidth] = useState(0);\n\n    // prevs\n    const prevScrollToId = usePrevious(scrollToId);\n\n    // Refs\n    const componentRef = useRef(null);\n    const isVerticalScrollbarVisibleRef = useRef(null);\n    const gridRef = useRef(null);\n    const scrollTopRef = useRef(0);\n    const animationDataRef = useRef({\n      scrollOffsetInitial: 0,\n      scrollOffsetFinal: 0,\n      animationStartTime: 0\n    });\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const animationData = animationDataRef.current;\n\n    // Callbacks\n    const heightGetter = useCallback(\n      (item: ItemType) => {\n        const height = getRowHeight();\n        if (!height || Number.isNaN(height)) {\n          console.error(\"Couldn't get height for item: \", item);\n        }\n        return height;\n      },\n      [getRowHeight]\n    );\n\n    const idGetter = useCallback(\n      (item: ItemType, index: number) => {\n        const itemId = getItemId(item, index);\n        if (itemId === undefined) {\n          console.error(\"Couldn't get id for item: \", item);\n        }\n        return itemId;\n      },\n      [getItemId]\n    );\n\n    // Memos\n    // Creates object of itemId => { item, index, height, offsetTop}\n    const normalizedItems = useMemo(() => {\n      return getNormalizedItems(items, idGetter, heightGetter);\n    }, [items, idGetter, heightGetter]);\n\n    const calcColumnCount = useMemo(() => {\n      return Math.min(items.length, Math.floor(gridWidth / getColumnWidth()));\n    }, [items, gridWidth, getColumnWidth]);\n\n    const calcRowCount = useMemo(() => {\n      return calcColumnCount > 0 ? Math.ceil(items.length / calcColumnCount) : 0;\n    }, [items, calcColumnCount]);\n\n    const scrollToColumnIndex = useMemo(() => {\n      return scrollToId % calcColumnCount;\n    }, [scrollToId, calcColumnCount]);\n\n    const scrollToRowIndex = useMemo(() => {\n      return Math.floor(scrollToId / calcColumnCount);\n    }, [scrollToId, calcColumnCount]);\n\n    // Callbacks\n    const onScrollCB = useCallback(\n      ({ horizontalScrollDirection, scrollTop, scrollUpdateWasRequested }: GridOnScrollProps) => {\n        scrollTopRef.current = scrollTop;\n        if (!scrollUpdateWasRequested) {\n          animationData.scrollOffsetInitial = scrollTop;\n        }\n        onScroll && onScroll(horizontalScrollDirection, scrollTop, scrollUpdateWasRequested);\n      },\n      [onScroll, scrollTopRef, animationData]\n    );\n\n    const cellRenderer = useCallback(\n      ({ columnIndex, rowIndex, style }: { columnIndex: number; rowIndex: number; style: CSSProperties }) => {\n        const index = rowIndex * calcColumnCount + columnIndex;\n        const item = items[index];\n        return itemRenderer(item, index, style);\n      },\n      [items, itemRenderer, calcColumnCount]\n    );\n\n    const updateGridSize = useCallback(\n      (width: number, height: number) => {\n        if (height !== gridHeight || width !== gridWidth) {\n          setTimeout(() => {\n            setGridHeight(height);\n            setGridWidth(width);\n            onSizeUpdate(width, height);\n          }, 0);\n        }\n      },\n      [gridHeight, gridWidth, onSizeUpdate]\n    );\n\n    const onItemsRenderedCB = useThrottledCallback(\n      ({ visibleRowStartIndex, visibleRowStopIndex }: GridOnItemsRenderedProps) => {\n        if (!onItemsRendered) return;\n        const data = getOnItemsRenderedData(\n          items,\n          normalizedItems,\n          idGetter,\n          visibleRowStartIndex,\n          visibleRowStopIndex,\n          gridHeight,\n          scrollTopRef.current\n        );\n        onItemsRendered(data);\n      },\n      { wait: onItemsRenderedThrottleMs, trailing: true },\n      [onItemsRendered, items, normalizedItems, idGetter, gridHeight]\n    );\n\n    // Effects\n    useEffect(() => {\n      // scroll to specific item\n      if (scrollToId && prevScrollToId !== scrollToId) {\n        gridRef.current.scrollToItem({\n          align: \"center\",\n          columnIndex: scrollToColumnIndex,\n          rowIndex: scrollToRowIndex\n        });\n        onScrollToFinished();\n      }\n    }, [scrollToId, prevScrollToId, gridRef, scrollToColumnIndex, scrollToRowIndex, onScrollToFinished]);\n\n    useEffect(() => {\n      // recalculate row heights\n      if (gridRef.current) {\n        gridRef.current.resetAfterIndices({ columnIndex: 0, rowIndex: 0 });\n      }\n    }, [normalizedItems]);\n\n    useEffect(() => {\n      // update vertical scrollbar visibility\n      if (onVerticalScrollbarVisiblityChange) {\n        const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, gridHeight);\n        if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n          isVerticalScrollbarVisibleRef.current = isVisible;\n          onVerticalScrollbarVisiblityChange(isVisible);\n        }\n      }\n    }, [onVerticalScrollbarVisiblityChange, items, normalizedItems, gridHeight, idGetter]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.virtualizedGridWrapper, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_GRID, id)}\n      >\n        <AutoSizer>\n          {({ height, width }: { height: number; width: number }) => {\n            updateGridSize(width, height);\n            return (\n              <Grid\n                ref={gridRef}\n                height={height}\n                width={width}\n                columnWidth={getColumnWidth}\n                columnCount={calcColumnCount}\n                rowHeight={getRowHeight}\n                rowCount={calcRowCount}\n                onScroll={onScrollCB}\n                onItemsRendered={onItemsRenderedCB}\n                className={scrollableClassName}\n              >\n                {cellRenderer as unknown as VibeComponent<GridChildComponentProps>}\n              </Grid>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    );\n  }\n);\n\nexport default VirtualizedGrid;\n"],"names":["VirtualizedGrid","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","onScroll","_ref$scrollToId","scrollToId","_ref$onScrollToFinish","onScrollToFinished","NOOP","_ref$onItemsRendered","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","scrollableClassName","dataTestId","_useState","useState","_useState2","_slicedToArray","gridHeight","setGridHeight","_useState3","_useState4","gridWidth","setGridWidth","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","gridRef","scrollTopRef","animationDataRef","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","animationData","current","heightGetter","useCallback","height","Number","isNaN","console","error","idGetter","index","itemId","undefined","normalizedItems","useMemo","getNormalizedItems","calcColumnCount","Math","min","length","floor","calcRowCount","ceil","scrollToColumnIndex","scrollToRowIndex","onScrollCB","_ref2","horizontalScrollDirection","scrollTop","scrollUpdateWasRequested","cellRenderer","_ref3","rowIndex","columnIndex","style","updateGridSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleRowStartIndex","visibleRowStopIndex","wait","trailing","useEffect","scrollToItem","align","resetAfterIndices","isVisible","isLayoutDirectionScrollbarVisible","React","createElement","cx","styles","virtualizedGridWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_GRID","AutoSizer","_ref5","Grid","columnWidth","columnCount","rowHeight","rowCount"],"mappings":"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"}
+{"version":3,"file":"VirtualizedGrid.js","sources":["../../../../../src/components/VirtualizedGrid/VirtualizedGrid.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport {\n  GridChildComponentProps,\n  GridOnScrollProps,\n  ScrollDirection,\n  VariableSizeGrid as Grid,\n  GridOnItemsRenderedProps\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport {\n  getNormalizedItems,\n  getOnItemsRenderedData,\n  isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { VirtualizedGridItemType as ItemType } from \"./VirtualizedGrid.types\";\n\nexport interface VirtualizedGridProps extends VibeComponentProps {\n  /**\n   * The list of items to be rendered in the grid.\n   */\n  items: ItemType[];\n  /**\n   * Function that renders each item in the grid.\n   */\n  itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ItemType | GridChildComponentProps<ItemType>;\n  /**\n   * Function that returns the row height.\n   */\n  getRowHeight: () => number;\n  /**\n   * Function that returns the column width.\n   */\n  getColumnWidth: () => number;\n  /**\n   * Function that returns the unique ID of an item.\n   */\n  getItemId?: (item: ItemType, index: number) => string;\n  /**\n   * The index of the item to scroll to.\n   */\n  scrollToId?: number;\n  /**\n   * Callback fired when the grid is scrolled.\n   */\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  /**\n   * Callback fired when scrolling has finished.\n   */\n  onScrollToFinished?: () => void;\n  /**\n   * Callback fired when items are rendered in the grid.\n   */\n  onItemsRendered?: ({\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  }: {\n    firstItemId: string;\n    secondItemId: string;\n    lastItemId: string;\n    centerItemId: string;\n    firstItemOffsetEnd: number;\n    currentOffsetTop: number;\n  }) => void;\n  /**\n   * The delay (in ms) for throttling the `onItemsRendered` callback.\n   */\n  onItemsRenderedThrottleMs?: number;\n  /**\n   * Callback fired when the grid size is updated.\n   */\n  onSizeUpdate?: (width: number, height: number) => void;\n  /**\n   * Callback fired when the vertical scrollbar visibility changes.\n   */\n  onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n  /**\n   * Class name applied to the scrollable container.\n   */\n  scrollableClassName?: string;\n}\n\nconst VirtualizedGrid = forwardRef(\n  (\n    {\n      className,\n      id,\n      items = [],\n      itemRenderer = (item: ItemType, _index: number, _style: CSSProperties) => item,\n      getRowHeight = () => 50,\n      getColumnWidth = () => 100,\n      getItemId = (item: ItemType, _index: number) => item.id,\n      onScroll,\n      scrollToId = null,\n      onScrollToFinished = NOOP,\n      onItemsRendered = null,\n      onItemsRenderedThrottleMs = 200,\n      onSizeUpdate = NOOP,\n      onVerticalScrollbarVisiblityChange = null,\n      scrollableClassName,\n      \"data-testid\": dataTestId\n    }: VirtualizedGridProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    // states\n    const [gridHeight, setGridHeight] = useState(0);\n    const [gridWidth, setGridWidth] = useState(0);\n\n    // prevs\n    const prevScrollToId = usePrevious(scrollToId);\n\n    // Refs\n    const componentRef = useRef(null);\n    const isVerticalScrollbarVisibleRef = useRef(null);\n    const gridRef = useRef(null);\n    const scrollTopRef = useRef(0);\n    const animationDataRef = useRef({\n      scrollOffsetInitial: 0,\n      scrollOffsetFinal: 0,\n      animationStartTime: 0\n    });\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const animationData = animationDataRef.current;\n\n    // Callbacks\n    const heightGetter = useCallback(\n      (item: ItemType) => {\n        const height = getRowHeight();\n        if (!height || Number.isNaN(height)) {\n          console.error(\"Couldn't get height for item: \", item);\n        }\n        return height;\n      },\n      [getRowHeight]\n    );\n\n    const idGetter = useCallback(\n      (item: ItemType, index: number) => {\n        const itemId = getItemId(item, index);\n        if (itemId === undefined) {\n          console.error(\"Couldn't get id for item: \", item);\n        }\n        return itemId;\n      },\n      [getItemId]\n    );\n\n    // Memos\n    // Creates object of itemId => { item, index, height, offsetTop}\n    const normalizedItems = useMemo(() => {\n      return getNormalizedItems(items, idGetter, heightGetter);\n    }, [items, idGetter, heightGetter]);\n\n    const calcColumnCount = useMemo(() => {\n      return Math.min(items.length, Math.floor(gridWidth / getColumnWidth()));\n    }, [items, gridWidth, getColumnWidth]);\n\n    const calcRowCount = useMemo(() => {\n      return calcColumnCount > 0 ? Math.ceil(items.length / calcColumnCount) : 0;\n    }, [items, calcColumnCount]);\n\n    const scrollToColumnIndex = useMemo(() => {\n      return scrollToId % calcColumnCount;\n    }, [scrollToId, calcColumnCount]);\n\n    const scrollToRowIndex = useMemo(() => {\n      return Math.floor(scrollToId / calcColumnCount);\n    }, [scrollToId, calcColumnCount]);\n\n    // Callbacks\n    const onScrollCB = useCallback(\n      ({ horizontalScrollDirection, scrollTop, scrollUpdateWasRequested }: GridOnScrollProps) => {\n        scrollTopRef.current = scrollTop;\n        if (!scrollUpdateWasRequested) {\n          animationData.scrollOffsetInitial = scrollTop;\n        }\n        onScroll && onScroll(horizontalScrollDirection, scrollTop, scrollUpdateWasRequested);\n      },\n      [onScroll, scrollTopRef, animationData]\n    );\n\n    const cellRenderer = useCallback(\n      ({ columnIndex, rowIndex, style }: { columnIndex: number; rowIndex: number; style: CSSProperties }) => {\n        const index = rowIndex * calcColumnCount + columnIndex;\n        const item = items[index];\n        return itemRenderer(item, index, style);\n      },\n      [items, itemRenderer, calcColumnCount]\n    );\n\n    const updateGridSize = useCallback(\n      (width: number, height: number) => {\n        if (height !== gridHeight || width !== gridWidth) {\n          setTimeout(() => {\n            setGridHeight(height);\n            setGridWidth(width);\n            onSizeUpdate(width, height);\n          }, 0);\n        }\n      },\n      [gridHeight, gridWidth, onSizeUpdate]\n    );\n\n    const onItemsRenderedCB = useThrottledCallback(\n      ({ visibleRowStartIndex, visibleRowStopIndex }: GridOnItemsRenderedProps) => {\n        if (!onItemsRendered) return;\n        const data = getOnItemsRenderedData(\n          items,\n          normalizedItems,\n          idGetter,\n          visibleRowStartIndex,\n          visibleRowStopIndex,\n          gridHeight,\n          scrollTopRef.current\n        );\n        onItemsRendered(data);\n      },\n      { wait: onItemsRenderedThrottleMs, trailing: true },\n      [onItemsRendered, items, normalizedItems, idGetter, gridHeight]\n    );\n\n    // Effects\n    useEffect(() => {\n      // scroll to specific item\n      if (scrollToId && prevScrollToId !== scrollToId) {\n        gridRef.current.scrollToItem({\n          align: \"center\",\n          columnIndex: scrollToColumnIndex,\n          rowIndex: scrollToRowIndex\n        });\n        onScrollToFinished();\n      }\n    }, [scrollToId, prevScrollToId, gridRef, scrollToColumnIndex, scrollToRowIndex, onScrollToFinished]);\n\n    useEffect(() => {\n      // recalculate row heights\n      if (gridRef.current) {\n        gridRef.current.resetAfterIndices({ columnIndex: 0, rowIndex: 0 });\n      }\n    }, [normalizedItems]);\n\n    useEffect(() => {\n      // update vertical scrollbar visibility\n      if (onVerticalScrollbarVisiblityChange) {\n        const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, gridHeight);\n        if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n          isVerticalScrollbarVisibleRef.current = isVisible;\n          onVerticalScrollbarVisiblityChange(isVisible);\n        }\n      }\n    }, [onVerticalScrollbarVisiblityChange, items, normalizedItems, gridHeight, idGetter]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.virtualizedGridWrapper, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_GRID, id)}\n      >\n        <AutoSizer>\n          {({ height, width }: { height: number; width: number }) => {\n            updateGridSize(width, height);\n            return (\n              <Grid\n                ref={gridRef}\n                height={height}\n                width={width}\n                columnWidth={getColumnWidth}\n                columnCount={calcColumnCount}\n                rowHeight={getRowHeight}\n                rowCount={calcRowCount}\n                onScroll={onScrollCB}\n                onItemsRendered={onItemsRenderedCB}\n                className={scrollableClassName}\n              >\n                {cellRenderer as unknown as VibeComponent<GridChildComponentProps>}\n              </Grid>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    );\n  }\n);\n\nexport default VirtualizedGrid;\n"],"names":["VirtualizedGrid","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","onScroll","_ref$scrollToId","scrollToId","_ref$onScrollToFinish","onScrollToFinished","NOOP","_ref$onItemsRendered","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","scrollableClassName","dataTestId","_useState","useState","_useState2","_slicedToArray","gridHeight","setGridHeight","_useState3","_useState4","gridWidth","setGridWidth","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","gridRef","scrollTopRef","animationDataRef","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","animationData","current","heightGetter","useCallback","height","Number","isNaN","console","error","idGetter","index","itemId","undefined","normalizedItems","useMemo","getNormalizedItems","calcColumnCount","Math","min","length","floor","calcRowCount","ceil","scrollToColumnIndex","scrollToRowIndex","onScrollCB","_ref2","horizontalScrollDirection","scrollTop","scrollUpdateWasRequested","cellRenderer","_ref3","rowIndex","columnIndex","style","updateGridSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleRowStartIndex","visibleRowStopIndex","wait","trailing","useEffect","scrollToItem","align","resetAfterIndices","isVisible","isLayoutDirectionScrollbarVisible","React","createElement","cx","styles","virtualizedGridWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_GRID","AutoSizer","_ref5","Grid","columnWidth","columnCount","rowHeight","rowCount"],"mappings":"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"}

package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){const t="s_id-03a8eed790d8_3_40_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedGridWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){const t="s_id-03a8eed790d8_3_42_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedGridWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedList.js","sources":["../../../../../src/components/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  LegacyRef,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport {\n  ScrollDirection,\n  VariableSizeList as List,\n  ListOnItemsRenderedProps,\n  ListChildComponentProps,\n  VariableSizeList\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  easeInOutQuint,\n  getMaxOffset,\n  getNormalizedItems,\n  getOnItemsRenderedData,\n  isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport VibeComponentProps from \"src/types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./VirtualizedList.module.scss\";\nimport { VirtualizedListItem, VirtualizedListLayout, VirtualizedListScrollDirection } from \"./VirtualizedList.types\";\n\nexport interface VirtualizedListProps extends VibeComponentProps {\n  /**\n   * Class name applied to the scrollable container.\n   */\n  scrollableClassName?: string;\n  /**\n   * The orientation of the list.\n   */\n  layout?: VirtualizedListLayout;\n  /**\n   * The list of items to be rendered.\n   */\n  items: VirtualizedListItem[];\n  /**\n   * Function to render each item in the list.\n   */\n  itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement | JSX.Element;\n  /**\n   * @deprecated - use `getItemSize`.\n   */\n  getItemHeight?: (item: VirtualizedListItem, index: number) => number;\n  /**\n   * Function to get the size (height/width) of each item, based on layout.\n   */\n  getItemSize?: (item: VirtualizedListItem, index: number) => number;\n  /**\n   * Function to get the unique ID of an item.\n   */\n  getItemId?: (item: VirtualizedListItem, index: number) => string;\n  /**\n   * Callback fired when the scroll animation is finished.\n   */\n  onScrollToFinished?: () => void;\n  /**\n   * Number of items to render above and below the visible portion.\n   */\n  overscanCount?: number;\n  /**\n   * The duration of the scroll animation in milliseconds.\n   */\n  scrollDuration?: number;\n  /**\n   * Callback fired when items are rendered.\n   */\n  onItemsRendered?: ({\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  }: {\n    firstItemId: string;\n    secondItemId: string;\n    lastItemId: string;\n    centerItemId: string;\n    firstItemOffsetEnd: number;\n    currentOffsetTop: number;\n  }) => void;\n  /**\n   * The delay (in ms) for throttling the `onItemsRendered` callback.\n   */\n  onItemsRenderedThrottleMs?: number;\n  /**\n   * Callback fired when the list size changes.\n   */\n  onSizeUpdate?: (width: number, height: number) => void;\n  /**\n   * @deprecated - use `onLayoutDirectionScrollbarVisibilityChange`.\n   */\n  onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n  /**\n   * Callback fired when the vertical or horizontal scrollbar visibility changes.\n   */\n  onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;\n  /**\n   * The ARIA role attribute applied to the list.\n   */\n  role?: string;\n  /**\n   * The ARIA label for the list.\n   */\n  ariaLabel?: string;\n  /**\n   * Custom inline styles applied to the list.\n   */\n  style?: CSSProperties;\n  /**\n   * The ID of the item to scroll to.\n   */\n  scrollToId?: string;\n  /**\n   * Reference to the virtualized list component.\n   */\n  virtualListRef?: ForwardedRef<HTMLElement>;\n  /**\n   * Callback fired when the list is scrolled.\n   */\n  onScroll?: (\n    horizontalScrollDirection: VirtualizedListScrollDirection,\n    scrollTop: number,\n    scrollUpdateWasRequested: boolean\n  ) => void;\n}\n\nconst VirtualizedList: VibeComponent<VirtualizedListProps> = forwardRef(\n  (\n    {\n      className,\n      id,\n      items = [],\n      itemRenderer = (item: VirtualizedListItem, _index: number, _style: CSSProperties) => item as ReactElement,\n      getItemHeight = (item: VirtualizedListItem, _index: number) => item.height,\n      getItemSize = null, // must be null for backward compatibility\n      layout = \"vertical\",\n      onScroll,\n      overscanCount = 0,\n      getItemId = (item: VirtualizedListItem, _index: number) => item.id,\n      scrollToId,\n      scrollDuration = 200,\n      onScrollToFinished = NOOP,\n      onItemsRendered,\n      onItemsRenderedThrottleMs = 200,\n      onSizeUpdate = NOOP,\n      onVerticalScrollbarVisiblityChange = null,\n      onLayoutDirectionScrollbarVisibilityChange = null,\n      virtualListRef,\n      scrollableClassName,\n      role,\n      ariaLabel,\n      style,\n      \"data-testid\": dataTestId\n    }: VirtualizedListProps,\n    ref\n  ) => {\n    // states\n    const [listHeight, setListHeight] = useState(0);\n    const [listWidth, setListWidth] = useState(0);\n\n    const isVerticalList = layout !== \"horizontal\";\n    const listSizeByLayout = useMemo(() => {\n      return isVerticalList ? listHeight : listWidth;\n    }, [isVerticalList, listHeight, listWidth]);\n\n    // prevs\n    const prevScrollToId = usePrevious(scrollToId);\n\n    // Refs\n    const componentRef = useRef(null);\n    const isVerticalScrollbarVisibleRef = useRef(null);\n    const listRef = useRef(null);\n    const scrollTopRef = useRef(0);\n    const animationDataRef = useRef({\n      initialized: false,\n      scrollOffsetInitial: 0,\n      scrollOffsetFinal: 0,\n      animationStartTime: 0\n    });\n    const mergedRef = useMergeRef(ref, componentRef);\n    const mergedListRef = useMergeRef(virtualListRef, listRef);\n\n    const animationData = animationDataRef.current;\n    if (!animationData.initialized) {\n      animationData.initialized = true;\n      animationData.scrollOffsetInitial = 0;\n      animationData.scrollOffsetFinal = 0;\n      animationData.animationStartTime = 0;\n    }\n\n    // Callbacks\n    const sizeGetter = useCallback(\n      (item: VirtualizedListItem, index: number) => {\n        const getSize = getItemSize || getItemHeight;\n        const height = getSize(item, index);\n        if (height === undefined) {\n          console.error(\"Couldn't get height for item: \", item);\n        }\n        return height;\n      },\n      [getItemHeight, getItemSize]\n    );\n\n    const idGetter = useCallback(\n      (item: VirtualizedListItem, index: number) => {\n        const itemId = getItemId(item, index);\n        if (itemId === undefined) {\n          console.error(\"Couldn't get id for item: \", item);\n        }\n        return itemId;\n      },\n      [getItemId]\n    );\n\n    // Memos\n    // Creates object of itemId => { item, index, size, offsetTop}\n    const normalizedItems = useMemo(() => {\n      return getNormalizedItems(items, idGetter, sizeGetter);\n    }, [items, idGetter, sizeGetter]);\n\n    const maxListOffset = useMemo(() => {\n      return getMaxOffset(listSizeByLayout, normalizedItems);\n    }, [listSizeByLayout, normalizedItems]);\n\n    // Callbacks\n    const onScrollCB = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        scrollTopRef.current = scrollOffset;\n        if (!scrollUpdateWasRequested) {\n          animationData.scrollOffsetInitial = scrollOffset;\n        }\n        onScroll && onScroll(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, scrollTopRef, animationData]\n    );\n\n    const animateScroll = useCallback(() => {\n      requestAnimationFrame(() => {\n        const now = performance.now();\n        const ellapsed = now - animationData.animationStartTime;\n        const scrollDelta = animationData.scrollOffsetFinal - animationData.scrollOffsetInitial;\n        const easedTime = easeInOutQuint(Math.min(1, ellapsed / scrollDuration));\n        const scrollOffset = animationData.scrollOffsetInitial + scrollDelta * easedTime;\n        const finalOffsetValue = Math.min(maxListOffset, scrollOffset);\n        scrollTopRef.current = finalOffsetValue;\n        listRef.current?.scrollTo(finalOffsetValue);\n\n        if (ellapsed < scrollDuration) {\n          animateScroll();\n        } else {\n          animationData.animationStartTime = undefined;\n          onScrollToFinished && onScrollToFinished();\n        }\n      });\n    }, [scrollDuration, animationData, listRef, maxListOffset, onScrollToFinished]);\n\n    const startScrollAnimation = useCallback(\n      (item: VirtualizedListItem) => {\n        const { offsetTop } = item;\n\n        if (animationData.animationStartTime) {\n          // animation already in progress\n          animationData.scrollOffsetFinal = offsetTop;\n          return;\n        }\n\n        // Update the initial scroll offset with the current scroll position for react 18 batching behavior\n        if (listRef.current?.state?.scrollOffset !== null) {\n          animationData.scrollOffsetInitial = listRef.current?.state?.scrollOffset;\n        }\n\n        if (animationData.scrollOffsetInitial === offsetTop) {\n          // offset already equals to item offset\n          onScrollToFinished && onScrollToFinished();\n          return;\n        }\n\n        animationData.scrollOffsetFinal = offsetTop;\n        animationData.animationStartTime = performance.now();\n        animateScroll();\n      },\n      [animationData, animateScroll, onScrollToFinished]\n    );\n\n    const rowRenderer = useCallback(\n      ({ index, style }: { index: number; style: CSSProperties }) => {\n        const item = items[index];\n        return itemRenderer(item, index, style);\n      },\n      [items, itemRenderer]\n    );\n\n    const calcItemSize = useCallback(\n      (index: number) => {\n        const item = items[index];\n        return sizeGetter(item, index);\n      },\n      [items, sizeGetter]\n    );\n\n    const updateListSize = useCallback(\n      (width: number, height: number) => {\n        if (height !== listHeight || width !== listWidth) {\n          setTimeout(() => {\n            setListHeight(height);\n            setListWidth(width);\n            onSizeUpdate(width, height);\n          }, 0);\n        }\n      },\n      [listHeight, listWidth, onSizeUpdate]\n    );\n\n    const onItemsRenderedCB = useThrottledCallback(\n      ({ visibleStartIndex, visibleStopIndex }: ListOnItemsRenderedProps) => {\n        if (!onItemsRendered) return;\n        const data = getOnItemsRenderedData(\n          items,\n          normalizedItems,\n          idGetter,\n          visibleStartIndex,\n          visibleStopIndex,\n          listSizeByLayout,\n          scrollTopRef.current\n        );\n        onItemsRendered(data);\n      },\n      { wait: onItemsRenderedThrottleMs, trailing: true },\n      [onItemsRendered, items, normalizedItems, idGetter, listSizeByLayout]\n    );\n\n    // Effects\n    useEffect(() => {\n      // scroll to specific item\n      if (scrollToId && prevScrollToId !== scrollToId) {\n        const hasScrollbar = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n        const item = normalizedItems[scrollToId as keyof typeof normalizedItems];\n        hasScrollbar && item && startScrollAnimation(item);\n      }\n    }, [prevScrollToId, scrollToId, startScrollAnimation, normalizedItems, items, idGetter, listSizeByLayout]);\n\n    useEffect(() => {\n      // recalculate row heights\n      if (listRef.current) {\n        listRef.current.resetAfterIndex(0);\n      }\n    }, [normalizedItems]);\n\n    useEffect(() => {\n      // update vertical scrollbar visibility\n      const callback = onLayoutDirectionScrollbarVisibilityChange || onVerticalScrollbarVisiblityChange;\n      if (callback) {\n        const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n        if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n          isVerticalScrollbarVisibleRef.current = isVisible;\n          callback(isVisible);\n        }\n      }\n    }, [\n      onLayoutDirectionScrollbarVisibilityChange,\n      onVerticalScrollbarVisiblityChange,\n      items,\n      normalizedItems,\n      listSizeByLayout,\n      idGetter\n    ]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.virtualizedListWrapper, className)}\n        id={id}\n        role={role}\n        aria-label={ariaLabel}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_LIST, id)}\n        style={style}\n      >\n        <AutoSizer>\n          {({ height, width }: { height: number; width: number }) => {\n            updateListSize(width, height);\n            return (\n              <List\n                ref={mergedListRef as unknown as LegacyRef<VariableSizeList<unknown>>}\n                height={height}\n                width={width}\n                itemCount={items.length}\n                itemSize={calcItemSize}\n                onScroll={onScrollCB}\n                layout={layout}\n                overscanCount={overscanCount}\n                onItemsRendered={onItemsRenderedCB}\n                className={scrollableClassName}\n              >\n                {rowRenderer as VibeComponent<ListChildComponentProps>}\n              </List>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    );\n  }\n);\n\nexport default VirtualizedList;\n"],"names":["VirtualizedList","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getItemHeight","getItemHeight","height","_ref$getItemSize","getItemSize","_ref$layout","layout","onScroll","_ref$overscanCount","overscanCount","_ref$getItemId","getItemId","scrollToId","_ref$scrollDuration","scrollDuration","_ref$onScrollToFinish","onScrollToFinished","NOOP","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","_ref$onLayoutDirectio","onLayoutDirectionScrollbarVisibilityChange","virtualListRef","scrollableClassName","role","ariaLabel","style","dataTestId","_useState","useState","_useState2","_slicedToArray","listHeight","setListHeight","_useState3","_useState4","listWidth","setListWidth","isVerticalList","listSizeByLayout","useMemo","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","listRef","scrollTopRef","animationDataRef","initialized","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","mergedListRef","animationData","current","sizeGetter","useCallback","index","undefined","console","error","idGetter","itemId","normalizedItems","getNormalizedItems","maxListOffset","getMaxOffset","onScrollCB","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","animateScroll","requestAnimationFrame","ellapsed","performance","now","scrollDelta","easedTime","easeInOutQuint","Math","min","finalOffsetValue","_a","scrollTo","startScrollAnimation","offsetTop","_b","state","_d","_c","rowRenderer","_ref3","calcItemSize","updateListSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","wait","trailing","useEffect","hasScrollbar","isLayoutDirectionScrollbarVisible","resetAfterIndex","callback","isVisible","React","createElement","cx","styles","virtualizedListWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_LIST","AutoSizer","_ref5","List","itemCount","length","itemSize"],"mappings":"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"}
+{"version":3,"file":"VirtualizedList.js","sources":["../../../../../src/components/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  LegacyRef,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport {\n  ScrollDirection,\n  VariableSizeList as List,\n  ListOnItemsRenderedProps,\n  ListChildComponentProps,\n  VariableSizeList\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  easeInOutQuint,\n  getMaxOffset,\n  getNormalizedItems,\n  getOnItemsRenderedData,\n  isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport styles from \"./VirtualizedList.module.scss\";\nimport { VirtualizedListItem, VirtualizedListLayout, VirtualizedListScrollDirection } from \"./VirtualizedList.types\";\n\nexport interface VirtualizedListProps extends VibeComponentProps {\n  /**\n   * Class name applied to the scrollable container.\n   */\n  scrollableClassName?: string;\n  /**\n   * The orientation of the list.\n   */\n  layout?: VirtualizedListLayout;\n  /**\n   * The list of items to be rendered.\n   */\n  items: VirtualizedListItem[];\n  /**\n   * Function to render each item in the list.\n   */\n  itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement | JSX.Element;\n  /**\n   * @deprecated - use `getItemSize`.\n   */\n  getItemHeight?: (item: VirtualizedListItem, index: number) => number;\n  /**\n   * Function to get the size (height/width) of each item, based on layout.\n   */\n  getItemSize?: (item: VirtualizedListItem, index: number) => number;\n  /**\n   * Function to get the unique ID of an item.\n   */\n  getItemId?: (item: VirtualizedListItem, index: number) => string;\n  /**\n   * Callback fired when the scroll animation is finished.\n   */\n  onScrollToFinished?: () => void;\n  /**\n   * Number of items to render above and below the visible portion.\n   */\n  overscanCount?: number;\n  /**\n   * The duration of the scroll animation in milliseconds.\n   */\n  scrollDuration?: number;\n  /**\n   * Callback fired when items are rendered.\n   */\n  onItemsRendered?: ({\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  }: {\n    firstItemId: string;\n    secondItemId: string;\n    lastItemId: string;\n    centerItemId: string;\n    firstItemOffsetEnd: number;\n    currentOffsetTop: number;\n  }) => void;\n  /**\n   * The delay (in ms) for throttling the `onItemsRendered` callback.\n   */\n  onItemsRenderedThrottleMs?: number;\n  /**\n   * Callback fired when the list size changes.\n   */\n  onSizeUpdate?: (width: number, height: number) => void;\n  /**\n   * @deprecated - use `onLayoutDirectionScrollbarVisibilityChange`.\n   */\n  onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n  /**\n   * Callback fired when the vertical or horizontal scrollbar visibility changes.\n   */\n  onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;\n  /**\n   * The ARIA role attribute applied to the list.\n   */\n  role?: string;\n  /**\n   * The ARIA label for the list.\n   */\n  ariaLabel?: string;\n  /**\n   * Custom inline styles applied to the list.\n   */\n  style?: CSSProperties;\n  /**\n   * The ID of the item to scroll to.\n   */\n  scrollToId?: string;\n  /**\n   * Reference to the virtualized list component.\n   */\n  virtualListRef?: ForwardedRef<HTMLElement>;\n  /**\n   * Callback fired when the list is scrolled.\n   */\n  onScroll?: (\n    horizontalScrollDirection: VirtualizedListScrollDirection,\n    scrollTop: number,\n    scrollUpdateWasRequested: boolean\n  ) => void;\n}\n\nconst VirtualizedList = forwardRef(\n  (\n    {\n      className,\n      id,\n      items = [],\n      itemRenderer = (item: VirtualizedListItem, _index: number, _style: CSSProperties) => item as ReactElement,\n      getItemHeight = (item: VirtualizedListItem, _index: number) => item.height,\n      getItemSize = null, // must be null for backward compatibility\n      layout = \"vertical\",\n      onScroll,\n      overscanCount = 0,\n      getItemId = (item: VirtualizedListItem, _index: number) => item.id,\n      scrollToId,\n      scrollDuration = 200,\n      onScrollToFinished = NOOP,\n      onItemsRendered,\n      onItemsRenderedThrottleMs = 200,\n      onSizeUpdate = NOOP,\n      onVerticalScrollbarVisiblityChange = null,\n      onLayoutDirectionScrollbarVisibilityChange = null,\n      virtualListRef,\n      scrollableClassName,\n      role,\n      ariaLabel,\n      style,\n      \"data-testid\": dataTestId\n    }: VirtualizedListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    // states\n    const [listHeight, setListHeight] = useState(0);\n    const [listWidth, setListWidth] = useState(0);\n\n    const isVerticalList = layout !== \"horizontal\";\n    const listSizeByLayout = useMemo(() => {\n      return isVerticalList ? listHeight : listWidth;\n    }, [isVerticalList, listHeight, listWidth]);\n\n    // prevs\n    const prevScrollToId = usePrevious(scrollToId);\n\n    // Refs\n    const componentRef = useRef(null);\n    const isVerticalScrollbarVisibleRef = useRef(null);\n    const listRef = useRef(null);\n    const scrollTopRef = useRef(0);\n    const animationDataRef = useRef({\n      initialized: false,\n      scrollOffsetInitial: 0,\n      scrollOffsetFinal: 0,\n      animationStartTime: 0\n    });\n    const mergedRef = useMergeRef(ref, componentRef);\n    const mergedListRef = useMergeRef(virtualListRef, listRef);\n\n    const animationData = animationDataRef.current;\n    if (!animationData.initialized) {\n      animationData.initialized = true;\n      animationData.scrollOffsetInitial = 0;\n      animationData.scrollOffsetFinal = 0;\n      animationData.animationStartTime = 0;\n    }\n\n    // Callbacks\n    const sizeGetter = useCallback(\n      (item: VirtualizedListItem, index: number) => {\n        const getSize = getItemSize || getItemHeight;\n        const height = getSize(item, index);\n        if (height === undefined) {\n          console.error(\"Couldn't get height for item: \", item);\n        }\n        return height;\n      },\n      [getItemHeight, getItemSize]\n    );\n\n    const idGetter = useCallback(\n      (item: VirtualizedListItem, index: number) => {\n        const itemId = getItemId(item, index);\n        if (itemId === undefined) {\n          console.error(\"Couldn't get id for item: \", item);\n        }\n        return itemId;\n      },\n      [getItemId]\n    );\n\n    // Memos\n    // Creates object of itemId => { item, index, size, offsetTop}\n    const normalizedItems = useMemo(() => {\n      return getNormalizedItems(items, idGetter, sizeGetter);\n    }, [items, idGetter, sizeGetter]);\n\n    const maxListOffset = useMemo(() => {\n      return getMaxOffset(listSizeByLayout, normalizedItems);\n    }, [listSizeByLayout, normalizedItems]);\n\n    // Callbacks\n    const onScrollCB = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        scrollTopRef.current = scrollOffset;\n        if (!scrollUpdateWasRequested) {\n          animationData.scrollOffsetInitial = scrollOffset;\n        }\n        onScroll && onScroll(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, scrollTopRef, animationData]\n    );\n\n    const animateScroll = useCallback(() => {\n      requestAnimationFrame(() => {\n        const now = performance.now();\n        const ellapsed = now - animationData.animationStartTime;\n        const scrollDelta = animationData.scrollOffsetFinal - animationData.scrollOffsetInitial;\n        const easedTime = easeInOutQuint(Math.min(1, ellapsed / scrollDuration));\n        const scrollOffset = animationData.scrollOffsetInitial + scrollDelta * easedTime;\n        const finalOffsetValue = Math.min(maxListOffset, scrollOffset);\n        scrollTopRef.current = finalOffsetValue;\n        listRef.current?.scrollTo(finalOffsetValue);\n\n        if (ellapsed < scrollDuration) {\n          animateScroll();\n        } else {\n          animationData.animationStartTime = undefined;\n          onScrollToFinished && onScrollToFinished();\n        }\n      });\n    }, [scrollDuration, animationData, listRef, maxListOffset, onScrollToFinished]);\n\n    const startScrollAnimation = useCallback(\n      (item: VirtualizedListItem) => {\n        const { offsetTop } = item;\n\n        if (animationData.animationStartTime) {\n          // animation already in progress\n          animationData.scrollOffsetFinal = offsetTop;\n          return;\n        }\n\n        // Update the initial scroll offset with the current scroll position for react 18 batching behavior\n        if (listRef.current?.state?.scrollOffset !== null) {\n          animationData.scrollOffsetInitial = listRef.current?.state?.scrollOffset;\n        }\n\n        if (animationData.scrollOffsetInitial === offsetTop) {\n          // offset already equals to item offset\n          onScrollToFinished && onScrollToFinished();\n          return;\n        }\n\n        animationData.scrollOffsetFinal = offsetTop;\n        animationData.animationStartTime = performance.now();\n        animateScroll();\n      },\n      [animationData, animateScroll, onScrollToFinished]\n    );\n\n    const rowRenderer = useCallback(\n      ({ index, style }: { index: number; style: CSSProperties }) => {\n        const item = items[index];\n        return itemRenderer(item, index, style);\n      },\n      [items, itemRenderer]\n    );\n\n    const calcItemSize = useCallback(\n      (index: number) => {\n        const item = items[index];\n        return sizeGetter(item, index);\n      },\n      [items, sizeGetter]\n    );\n\n    const updateListSize = useCallback(\n      (width: number, height: number) => {\n        if (height !== listHeight || width !== listWidth) {\n          setTimeout(() => {\n            setListHeight(height);\n            setListWidth(width);\n            onSizeUpdate(width, height);\n          }, 0);\n        }\n      },\n      [listHeight, listWidth, onSizeUpdate]\n    );\n\n    const onItemsRenderedCB = useThrottledCallback(\n      ({ visibleStartIndex, visibleStopIndex }: ListOnItemsRenderedProps) => {\n        if (!onItemsRendered) return;\n        const data = getOnItemsRenderedData(\n          items,\n          normalizedItems,\n          idGetter,\n          visibleStartIndex,\n          visibleStopIndex,\n          listSizeByLayout,\n          scrollTopRef.current\n        );\n        onItemsRendered(data);\n      },\n      { wait: onItemsRenderedThrottleMs, trailing: true },\n      [onItemsRendered, items, normalizedItems, idGetter, listSizeByLayout]\n    );\n\n    // Effects\n    useEffect(() => {\n      // scroll to specific item\n      if (scrollToId && prevScrollToId !== scrollToId) {\n        const hasScrollbar = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n        const item = normalizedItems[scrollToId as keyof typeof normalizedItems];\n        hasScrollbar && item && startScrollAnimation(item);\n      }\n    }, [prevScrollToId, scrollToId, startScrollAnimation, normalizedItems, items, idGetter, listSizeByLayout]);\n\n    useEffect(() => {\n      // recalculate row heights\n      if (listRef.current) {\n        listRef.current.resetAfterIndex(0);\n      }\n    }, [normalizedItems]);\n\n    useEffect(() => {\n      // update vertical scrollbar visibility\n      const callback = onLayoutDirectionScrollbarVisibilityChange || onVerticalScrollbarVisiblityChange;\n      if (callback) {\n        const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n        if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n          isVerticalScrollbarVisibleRef.current = isVisible;\n          callback(isVisible);\n        }\n      }\n    }, [\n      onLayoutDirectionScrollbarVisibilityChange,\n      onVerticalScrollbarVisiblityChange,\n      items,\n      normalizedItems,\n      listSizeByLayout,\n      idGetter\n    ]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.virtualizedListWrapper, className)}\n        id={id}\n        role={role}\n        aria-label={ariaLabel}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_LIST, id)}\n        style={style}\n      >\n        <AutoSizer>\n          {({ height, width }: { height: number; width: number }) => {\n            updateListSize(width, height);\n            return (\n              <List\n                ref={mergedListRef as unknown as LegacyRef<VariableSizeList<unknown>>}\n                height={height}\n                width={width}\n                itemCount={items.length}\n                itemSize={calcItemSize}\n                onScroll={onScrollCB}\n                layout={layout}\n                overscanCount={overscanCount}\n                onItemsRendered={onItemsRenderedCB}\n                className={scrollableClassName}\n              >\n                {rowRenderer as VibeComponent<ListChildComponentProps>}\n              </List>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    );\n  }\n);\n\nexport default VirtualizedList;\n"],"names":["VirtualizedList","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getItemHeight","getItemHeight","height","_ref$getItemSize","getItemSize","_ref$layout","layout","onScroll","_ref$overscanCount","overscanCount","_ref$getItemId","getItemId","scrollToId","_ref$scrollDuration","scrollDuration","_ref$onScrollToFinish","onScrollToFinished","NOOP","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","_ref$onLayoutDirectio","onLayoutDirectionScrollbarVisibilityChange","virtualListRef","scrollableClassName","role","ariaLabel","style","dataTestId","_useState","useState","_useState2","_slicedToArray","listHeight","setListHeight","_useState3","_useState4","listWidth","setListWidth","isVerticalList","listSizeByLayout","useMemo","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","listRef","scrollTopRef","animationDataRef","initialized","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","mergedListRef","animationData","current","sizeGetter","useCallback","index","undefined","console","error","idGetter","itemId","normalizedItems","getNormalizedItems","maxListOffset","getMaxOffset","onScrollCB","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","animateScroll","requestAnimationFrame","ellapsed","performance","now","scrollDelta","easedTime","easeInOutQuint","Math","min","finalOffsetValue","_a","scrollTo","startScrollAnimation","offsetTop","_b","state","_d","_c","rowRenderer","_ref3","calcItemSize","updateListSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","wait","trailing","useEffect","hasScrollbar","isLayoutDirectionScrollbarVisible","resetAfterIndex","callback","isVisible","React","createElement","cx","styles","virtualizedListWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_LIST","AutoSizer","_ref5","List","itemCount","length","itemSize"],"mappings":"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"}

package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper"};!function(e){const t="s_id-9250e4cf6c59_3_40_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper"};!function(e){const t="s_id-9250e4cf6c59_3_42_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/mocked_classnames/src/types/withStaticProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"withStaticProps.js","sources":["../../../../src/types/withStaticProps.ts"],"sourcesContent":["import VibeComponent from \"./VibeComponent\";\nimport React from \"react\";\n\ntype Required<T> = {\n  [P in keyof T]-?: T[P];\n};\n\nexport const withStaticProps = <T, P, S>(\n  forwarded: (VibeComponent<T, P> & Partial<S>) | (React.FC<T> & Partial<S>),\n  staticProps: Required<S>\n) => Object.assign(forwarded, staticProps);\n"],"names":["withStaticProps","forwarded","staticProps","Object","assign"],"mappings":"AAOO,IAAMA,EAAkB,SAC7BC,EACAC,GAAwB,OACrBC,OAAOC,OAAOH,EAAWC,EAAY"}
+{"version":3,"file":"withStaticProps.js","sources":["../../../../src/types/withStaticProps.ts"],"sourcesContent":["import { ForwardRefExoticComponent, RefAttributes, ComponentType } from \"react\";\n\ntype Required<T> = {\n  [P in keyof T]-?: T[P];\n};\n\nexport const withStaticProps = <Props, StaticProps, Ref = HTMLElement>(\n  component: ComponentType<Props> | ForwardRefExoticComponent<Props & RefAttributes<Ref>>,\n  staticProps: Required<StaticProps>\n) =>\n  Object.assign(component, staticProps) as (\n    | ComponentType<Props>\n    | ForwardRefExoticComponent<Props & RefAttributes<Ref>>\n  ) &\n    Required<StaticProps>;\n"],"names":["withStaticProps","component","staticProps","Object","assign"],"mappings":"AAMO,IAAMA,EAAkB,SAC7BC,EACAC,GAAkC,OAElCC,OAAOC,OAAOH,EAAWC,EAIF"}

package/dist/mocked_classnames/style/dist/index.min.css.js

@@ -1,2 +1,2 @@
-var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--border-width:1px;--border-style:solid;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px;--disabled-component-opacity:0.38;--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--text-color-on-primary:#ffffff;--text-color-on-inverted:#ffffff;--secondary-text-color:#676879;--placeholder-color:#676879;--icon-color:#676879;--link-color:#1f76c2;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--grey-background-color:#f6f7fb;--allgrey-background-color:#f6f7fb;--inverted-color-background:#323338;--disabled-background-color:#ecedf5;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--ui-border-color:#c3c6d4;--ui-background-color:#dcdfec;--layout-border-color:#d0d4e4;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--text-color-on-brand:#ffffff;--backdrop-color:rgba(41, 47, 76, 0.7);--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-on-secondary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--text-color-on-primary:#ffffff;--text-color-on-inverted:#323338;--secondary-text-color:#9699a6;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--link-color:#69a7ef;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--grey-background-color:#181b34;--allgrey-background-color:#30324e;--inverted-color-background:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--layout-border-color:#4b4e69;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--backdrop-color:rgba(41, 47, 76, 0.7);--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-on-secondary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--text-color-on-primary:#ffffff;--text-color-on-inverted:#111111;--secondary-text-color:#aaaaaa;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--link-color:#69a7ef;--fixed-light-color:#ffffff;--fixed-dark-color:#111111;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--grey-background-color:#111111;--allgrey-background-color:#2c2c2c;--inverted-color-background:#eeeeee;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#8d8d8d;--ui-background-color:#636363;--layout-border-color:#636363;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#ffffff;--color-surface:#212121;--backdrop-color:rgba(33, 33, 33, 0.7);--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--text-color-on-inverted:#323338;--secondary-text-color:#9699a6;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--link-color:#bd93f9;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--grey-background-color:#282a36;--allgrey-background-color:#282a36;--inverted-color-background:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--layout-border-color:#414458;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-a13b5dac0756_3_40_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
+var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--border-width:1px;--border-style:solid;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px;--disabled-component-opacity:0.38;--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--text-color-on-primary:#ffffff;--text-color-on-inverted:#ffffff;--secondary-text-color:#676879;--placeholder-color:#676879;--icon-color:#676879;--link-color:#1f76c2;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--grey-background-color:#f6f7fb;--allgrey-background-color:#f6f7fb;--inverted-color-background:#323338;--disabled-background-color:#ecedf5;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--ui-border-color:#c3c6d4;--ui-background-color:#dcdfec;--layout-border-color:#d0d4e4;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--text-color-on-brand:#ffffff;--backdrop-color:rgba(41, 47, 76, 0.7);--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-on-secondary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--text-color-on-primary:#ffffff;--text-color-on-inverted:#323338;--secondary-text-color:#9699a6;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--link-color:#69a7ef;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--grey-background-color:#181b34;--allgrey-background-color:#30324e;--inverted-color-background:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--layout-border-color:#4b4e69;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--backdrop-color:rgba(41, 47, 76, 0.7);--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-on-secondary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--text-color-on-primary:#ffffff;--text-color-on-inverted:#111111;--secondary-text-color:#aaaaaa;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--link-color:#69a7ef;--fixed-light-color:#ffffff;--fixed-dark-color:#111111;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--grey-background-color:#111111;--allgrey-background-color:#2c2c2c;--inverted-color-background:#eeeeee;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#8d8d8d;--ui-background-color:#636363;--layout-border-color:#636363;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#ffffff;--color-surface:#212121;--backdrop-color:rgba(33, 33, 33, 0.7);--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--text-color-on-inverted:#323338;--secondary-text-color:#9699a6;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--link-color:#bd93f9;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--grey-background-color:#282a36;--allgrey-background-color:#282a36;--inverted-color-background:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--layout-border-color:#414458;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-a13b5dac0756_3_42_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
 //# sourceMappingURL=index.min.css.js.map

package/dist/mocked_classnames/types/SubIcon.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { IconSubComponentProps } from "src/components/Icon/Icon";
+import { IconSubComponentProps } from "../components/Icon/Icon";
 export type SubIcon = string | React.FC<IconSubComponentProps> | null;

package/dist/mocked_classnames/types/withStaticProps.d.ts

@@ -1,7 +1,6 @@
-import VibeComponent from "./VibeComponent";
-import React from "react";
+import { ForwardRefExoticComponent, RefAttributes, ComponentType } from "react";
 type Required<T> = {
     [P in keyof T]-?: T[P];
 };
-export declare const withStaticProps: <T, P, S>(forwarded: (VibeComponent<T, P> & Partial<S>) | (React.FC<T> & Partial<S>), staticProps: Required<S>) => ((VibeComponent<T, P> & Partial<S>) | (React.FC<T> & Partial<S>)) & Required<S>;
+export declare const withStaticProps: <Props, StaticProps, Ref = HTMLElement>(component: ComponentType<Props> | ForwardRefExoticComponent<Props & RefAttributes<Ref>>, staticProps: Required<StaticProps>) => (ComponentType<Props> | ForwardRefExoticComponent<Props & RefAttributes<Ref>>) & Required<StaticProps>;
 export {};

package/dist/scripts/generate-metadata.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env ts-node
+export {};

package/dist/src/components/Accordion/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../src/components/Accordion/Accordion/Accordion.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./Accordion.module.scss\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nconst COMPONENT_ID = \"monday-accordion\";\n\nfunction defineChildId(index: number, props: { id: string }, accordionId: string) {\n  if (props.id) {\n    return props.id;\n  }\n  if (accordionId) {\n    return `${accordionId}--item-${index}`;\n  }\n  return `${COMPONENT_ID}--item-${index}`;\n}\n\nexport interface AccordionProps extends VibeComponentProps {\n  /**\n   * The content of the accordion (`AccordionItem` components).\n   */\n  children?: Array<ReactElement> | ReactElement;\n  /**\n   * If true, multiple accordion items can be expanded at the same time.\n   */\n  allowMultiple?: boolean;\n  /**\n   * An array of initially expanded item indexes.\n   */\n  defaultIndex?: Array<number>;\n}\n\nconst Accordion: VibeComponent<AccordionProps, unknown> & object = forwardRef(\n  (\n    {\n      children: originalChildren = null,\n      allowMultiple = false,\n      \"data-testid\": dataTestId = COMPONENT_ID,\n      defaultIndex = [],\n      className = \"\",\n      id\n    }: AccordionProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [expandedItems, setExpandedItems] = useState(defaultIndex);\n\n    const children = useMemo(() => React.Children.toArray(originalChildren), [originalChildren]);\n\n    const isChildExpanded = useCallback(\n      (itemIndex: number) => {\n        return expandedItems.includes(itemIndex);\n      },\n      [expandedItems]\n    );\n\n    const onChildClick = useCallback(\n      (itemIndex: number) => {\n        if (allowMultiple) {\n          const newExpandedItems = [...expandedItems];\n          if (isChildExpanded(itemIndex)) {\n            const index = newExpandedItems.indexOf(itemIndex);\n            if (index > -1) {\n              newExpandedItems.splice(index, 1);\n            }\n          } else {\n            newExpandedItems.push(itemIndex);\n          }\n          setExpandedItems(newExpandedItems);\n          return;\n        }\n\n        if (isChildExpanded(itemIndex)) {\n          setExpandedItems([]);\n        } else {\n          setExpandedItems([itemIndex]);\n        }\n      },\n      [isChildExpanded, expandedItems, allowMultiple]\n    );\n\n    const renderChildElements = useMemo(() => {\n      return React.Children.map(children, (child: ReactElement, itemIndex) => {\n        const originalProps = { ...child?.props };\n        const childId = defineChildId(itemIndex, originalProps, id);\n        return React.cloneElement(child, {\n          ...originalProps,\n          id: childId,\n          onClickAccordionCallback: () => {\n            onChildClick(itemIndex);\n          },\n          open: isChildExpanded(itemIndex),\n          expandCollapseComponentClassName: cx(styles.accordionItemExpandCollapse, {\n            [styles.accordionItemExpandCollapseLast]: itemIndex === children.length - 1\n          })\n        });\n      });\n    }, [children, id, isChildExpanded, onChildClick]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.accordion, className)}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ACCORDION}\n        id={id}\n      >\n        {children && renderChildElements}\n      </div>\n    );\n  }\n);\n\nexport default Accordion;\n"],"names":["COMPONENT_ID","Accordion","forwardRef","_ref","ref","_ref$children","children","originalChildren","_ref$allowMultiple","allowMultiple","_ref$dataTestid","dataTestId","_ref$defaultIndex","defaultIndex","_ref$className","className","id","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","expandedItems","setExpandedItems","useMemo","React","Children","toArray","isChildExpanded","useCallback","itemIndex","includes","onChildClick","newExpandedItems","_toConsumableArray","index","indexOf","splice","push","renderChildElements","map","child","props","accordionId","originalProps","Object","assign","childId","concat","cloneElement","onClickAccordionCallback","open","expandCollapseComponentClassName","cx","styles","accordionItemExpandCollapse","_defineProperty","accordionItemExpandCollapseLast","length","createElement","accordion","ComponentVibeId","ACCORDION"],"mappings":"0YAOA,IAAMA,EAAe,mBA2BfC,IAAAA,EAA6DC,GACjE,SAAAC,EASEC,GACE,IAAAC,EAAAF,EARAG,SAAUC,OAAmB,IAAHF,EAAG,KAAIA,EAAAG,EAAAL,EACjCM,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAP,EACrB,eAAeQ,OAAaX,IAAHU,EAAGV,EAAYU,EAAAE,EAAAT,EACxCU,aAAAA,OAAe,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EACjBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEb,EAAFa,GAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAA0CC,EAAST,GAAaU,EAAAC,EAAAH,EAAA,GAAzDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCjB,EAAWqB,GAAQ,WAAA,OAAMC,EAAMC,SAASC,QAAQvB,KAAmB,CAACA,IAEpEwB,EAAkBC,GACtB,SAACC,GACC,OAAOR,EAAcS,SAASD,EAChC,GACA,CAACR,IAGGU,EAAeH,GACnB,SAACC,GACC,GAAIxB,EAAJ,CACE,IAAM2B,EAAgBC,EAAOZ,GAC7B,GAAIM,EAAgBE,GAAY,CAC9B,IAAMK,EAAQF,EAAiBG,QAAQN,GACnCK,GAAS,GACXF,EAAiBI,OAAOF,EAAO,EAElC,MACCF,EAAiBK,KAAKR,GAExBP,EAAiBU,EAElB,MAEGL,EAAgBE,GAClBP,EAAiB,IAEjBA,EAAiB,CAACO,GAErB,GACD,CAACF,EAAiBN,EAAehB,IAG7BiC,EAAsBf,GAAQ,WAClC,OAAOC,EAAMC,SAASc,IAAIrC,GAAU,SAACsC,EAAqBX,GACxD,IA9EeK,EAAeO,EAAuBC,EA8E/CC,EAAqBC,OAAAC,OAAA,CAAA,EAAAL,eAAAA,EAAOC,OAC5BK,GA/ESZ,EA+EeL,EA/EuBa,EA+EG9B,GA/E1B6B,EA+EWE,GA9ErC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAWK,WAAAA,OAAUb,GAEjC,GAAAa,OAAUnD,EAAYmD,WAAAA,OAAUb,IAyE1B,OAAOV,EAAMwB,aAAaR,EACrBI,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA/B,GAAIkC,EACJG,yBAA0B,WACxBlB,EAAaF,EACd,EACDqB,KAAMvB,EAAgBE,GACtBsB,iCAAkCC,EAAGC,EAAOC,4BAA2BC,EACpEF,CAAAA,EAAAA,EAAOG,gCAAkC3B,IAAc3B,EAASuD,OAAS,MAGhF,GACD,GAAE,CAACvD,EAAUU,EAAIe,EAAiBI,IAEnC,OACEP,EAAAkC,cAAA,MAAA,CACE1D,IAAKe,EACLJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GACnB,cAAAJ,EACF,YAAAqD,EAAgBC,UAC3BjD,GAAIA,GAEHV,GAAYoC,EAGnB"}
+{"version":3,"file":"Accordion.js","sources":["../../../../../src/components/Accordion/Accordion/Accordion.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../../types\";\nimport styles from \"./Accordion.module.scss\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nconst COMPONENT_ID = \"monday-accordion\";\n\nfunction defineChildId(index: number, props: { id: string }, accordionId: string) {\n  if (props.id) {\n    return props.id;\n  }\n  if (accordionId) {\n    return `${accordionId}--item-${index}`;\n  }\n  return `${COMPONENT_ID}--item-${index}`;\n}\n\nexport interface AccordionProps extends VibeComponentProps {\n  /**\n   * The content of the accordion (`AccordionItem` components).\n   */\n  children?: Array<ReactElement> | ReactElement;\n  /**\n   * If true, multiple accordion items can be expanded at the same time.\n   */\n  allowMultiple?: boolean;\n  /**\n   * An array of initially expanded item indexes.\n   */\n  defaultIndex?: Array<number>;\n}\n\nconst Accordion = forwardRef(\n  (\n    {\n      children: originalChildren = null,\n      allowMultiple = false,\n      \"data-testid\": dataTestId = COMPONENT_ID,\n      defaultIndex = [],\n      className = \"\",\n      id\n    }: AccordionProps,\n    ref: React.ForwardedRef<unknown>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [expandedItems, setExpandedItems] = useState(defaultIndex);\n\n    const children = useMemo(() => React.Children.toArray(originalChildren), [originalChildren]);\n\n    const isChildExpanded = useCallback(\n      (itemIndex: number) => {\n        return expandedItems.includes(itemIndex);\n      },\n      [expandedItems]\n    );\n\n    const onChildClick = useCallback(\n      (itemIndex: number) => {\n        if (allowMultiple) {\n          const newExpandedItems = [...expandedItems];\n          if (isChildExpanded(itemIndex)) {\n            const index = newExpandedItems.indexOf(itemIndex);\n            if (index > -1) {\n              newExpandedItems.splice(index, 1);\n            }\n          } else {\n            newExpandedItems.push(itemIndex);\n          }\n          setExpandedItems(newExpandedItems);\n          return;\n        }\n\n        if (isChildExpanded(itemIndex)) {\n          setExpandedItems([]);\n        } else {\n          setExpandedItems([itemIndex]);\n        }\n      },\n      [isChildExpanded, expandedItems, allowMultiple]\n    );\n\n    const renderChildElements = useMemo(() => {\n      return React.Children.map(children, (child: ReactElement, itemIndex) => {\n        const originalProps = { ...child?.props };\n        const childId = defineChildId(itemIndex, originalProps, id);\n        return React.cloneElement(child, {\n          ...originalProps,\n          id: childId,\n          onClickAccordionCallback: () => {\n            onChildClick(itemIndex);\n          },\n          open: isChildExpanded(itemIndex),\n          expandCollapseComponentClassName: cx(styles.accordionItemExpandCollapse, {\n            [styles.accordionItemExpandCollapseLast]: itemIndex === children.length - 1\n          })\n        });\n      });\n    }, [children, id, isChildExpanded, onChildClick]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.accordion, className)}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ACCORDION}\n        id={id}\n      >\n        {children && renderChildElements}\n      </div>\n    );\n  }\n);\n\nexport default Accordion;\n"],"names":["COMPONENT_ID","Accordion","forwardRef","_ref","ref","_ref$children","children","originalChildren","_ref$allowMultiple","allowMultiple","_ref$dataTestid","dataTestId","_ref$defaultIndex","defaultIndex","_ref$className","className","id","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","expandedItems","setExpandedItems","useMemo","React","Children","toArray","isChildExpanded","useCallback","itemIndex","includes","onChildClick","newExpandedItems","_toConsumableArray","index","indexOf","splice","push","renderChildElements","map","child","props","accordionId","originalProps","Object","assign","childId","concat","cloneElement","onClickAccordionCallback","open","expandCollapseComponentClassName","cx","styles","accordionItemExpandCollapse","_defineProperty","accordionItemExpandCollapseLast","length","createElement","accordion","ComponentVibeId","ACCORDION"],"mappings":"0YAOA,IAAMA,EAAe,mBA2BfC,IAAAA,EAAYC,GAChB,SAAAC,EASEC,GACE,IAAAC,EAAAF,EARAG,SAAUC,OAAmB,IAAHF,EAAG,KAAIA,EAAAG,EAAAL,EACjCM,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAP,EACrB,eAAeQ,OAAaX,IAAHU,EAAGV,EAAYU,EAAAE,EAAAT,EACxCU,aAAAA,OAAe,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EACjBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEb,EAAFa,GAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAA0CC,EAAST,GAAaU,EAAAC,EAAAH,EAAA,GAAzDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCjB,EAAWqB,GAAQ,WAAA,OAAMC,EAAMC,SAASC,QAAQvB,KAAmB,CAACA,IAEpEwB,EAAkBC,GACtB,SAACC,GACC,OAAOR,EAAcS,SAASD,EAChC,GACA,CAACR,IAGGU,EAAeH,GACnB,SAACC,GACC,GAAIxB,EAAJ,CACE,IAAM2B,EAAgBC,EAAOZ,GAC7B,GAAIM,EAAgBE,GAAY,CAC9B,IAAMK,EAAQF,EAAiBG,QAAQN,GACnCK,GAAS,GACXF,EAAiBI,OAAOF,EAAO,EAElC,MACCF,EAAiBK,KAAKR,GAExBP,EAAiBU,EAElB,MAEGL,EAAgBE,GAClBP,EAAiB,IAEjBA,EAAiB,CAACO,GAErB,GACD,CAACF,EAAiBN,EAAehB,IAG7BiC,EAAsBf,GAAQ,WAClC,OAAOC,EAAMC,SAASc,IAAIrC,GAAU,SAACsC,EAAqBX,GACxD,IA9EeK,EAAeO,EAAuBC,EA8E/CC,EAAqBC,OAAAC,OAAA,CAAA,EAAAL,eAAAA,EAAOC,OAC5BK,GA/ESZ,EA+EeL,EA/EuBa,EA+EG9B,GA/E1B6B,EA+EWE,GA9ErC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAWK,WAAAA,OAAUb,GAEjC,GAAAa,OAAUnD,EAAYmD,WAAAA,OAAUb,IAyE1B,OAAOV,EAAMwB,aAAaR,EACrBI,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA/B,GAAIkC,EACJG,yBAA0B,WACxBlB,EAAaF,EACd,EACDqB,KAAMvB,EAAgBE,GACtBsB,iCAAkCC,EAAGC,EAAOC,4BAA2BC,EACpEF,CAAAA,EAAAA,EAAOG,gCAAkC3B,IAAc3B,EAASuD,OAAS,MAGhF,GACD,GAAE,CAACvD,EAAUU,EAAIe,EAAiBI,IAEnC,OACEP,EAAAkC,cAAA,MAAA,CACE1D,IAAKe,EACLJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GACnB,cAAAJ,EACF,YAAAqD,EAAgBC,UAC3BjD,GAAIA,GAEHV,GAAYoC,EAGnB"}

package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +1,2 @@
-var e={accordion:"accordion_00db63e582",accordionItemExpandCollapse:"accordionItemExpandCollapse_3111356a80",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_cd8b07e019"};!function(e){const o="s_id-e9215f4fd1c6_3_40_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_00db63e582 {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_00db63e582 .accordionItemExpandCollapse_3111356a80 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_00db63e582 .accordionItemExpandCollapseLast_cd8b07e019 {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion_ec5d1ab72d",accordionItemExpandCollapse:"accordionItemExpandCollapse_7934e67752",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_131b2cb822"};!function(e){const o="s_id-e9215f4fd1c6_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_ec5d1ab72d {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_ec5d1ab72d .accordionItemExpandCollapse_7934e67752 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_ec5d1ab72d .accordionItemExpandCollapseLast_131b2cb822 {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBanner.js","sources":["../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { ForwardedRef, forwardRef, ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n  /**\n   * The background color of the alert banner.\n   */\n  backgroundColor?: AlertBannerBackgroundColor;\n  /**\n   * If true, the close button is hidden.\n   */\n  isCloseHidden?: boolean;\n  /**\n   * The ARIA label of the alert banner for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ARIA label of the close button for accessibility.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * Callback fired when the close button is clicked.\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * The content of the alert banner.\n   */\n  children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner: VibeComponent<AlertBannerProps> & {\n  backgroundColors?: typeof AlertBannerBackgroundColorEnum;\n} = forwardRef(\n  (\n    {\n      children: originalChildren,\n      className,\n      backgroundColor = \"primary\",\n      onClose = NOOP,\n      ariaLabel = \"\",\n      closeButtonAriaLabel = \"Close\",\n      isCloseHidden = false,\n      id,\n      \"data-testid\": dataTestId\n    }: AlertBannerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classNames = useMemo(() => {\n      return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n    }, [className, backgroundColor]);\n\n    const isDarkBackground = backgroundColor === \"dark\";\n    const isFixedColor = backgroundColor === \"warning\";\n    const textColor = useMemo(() => {\n      if (isFixedColor) {\n        return \"fixedDark\";\n      }\n      return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n    }, [isDarkBackground, isFixedColor]);\n    const children = useMemo(() => {\n      const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n      const filteredChildren = allChildren.filter(\n        (\n          child: ReactElement & {\n            type: Record<string, unknown>;\n          }\n        ) => {\n          if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n          console.error(\n            \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n            child\n          );\n          return false;\n        }\n      );\n\n      return filteredChildren.map((child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          marginLeft: index > 0,\n          isDarkBackground\n        });\n      });\n    }, [originalChildren, isDarkBackground]);\n\n    return (\n      <Text\n        type=\"text2\"\n        color={textColor}\n        ref={ref}\n        className={classNames}\n        role=\"banner\"\n        aria-label={ariaLabel || \"banner\"}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n      >\n        <AlertBannerContext.Provider value={{ textColor }}>\n          <div className={cx(styles.content)}>\n            {children.map(\n              (\n                child: ReactElement & {\n                  type: Record<string, unknown>;\n                },\n                index\n              ) => {\n                const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n                return (\n                  <div\n                    key={index}\n                    className={cx(styles.contentItem, {\n                      [styles.contentItemText]: childTypeIsAlertBannerText\n                    })}\n                  >\n                    {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n                  </div>\n                );\n              }\n            )}\n          </div>\n        </AlertBannerContext.Provider>\n        <div className={cx(styles.closeButtonWrapper)}>\n          {isCloseHidden ? null : (\n            <IconButton\n              data-testid=\"alert-banner-close-button\"\n              icon={CloseSmall}\n              className={cx(styles.closeBtn)}\n              hideTooltip\n              onClick={onClose}\n              size=\"small\"\n              kind=\"tertiary\"\n              color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n              ariaLabel={closeButtonAriaLabel}\n            />\n          )}\n        </div>\n      </Text>\n    );\n  }\n);\n\nexport default withStaticProps(AlertBanner, { backgroundColors: AlertBannerBackgroundColorEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","createElement","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"syBAgDA,IA8GeA,EAAAA,EA5GXC,GACF,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,EAACiB,cAAAC,GACCb,KAAK,QACLc,MAAOpB,EACPzB,IAAKA,EACLG,UAAWc,EACX6B,KAAK,SACO,aAAApC,GAAa,SACzBK,GAAIA,gBACSC,GAAc+B,EAAUC,EAAuBC,aAAclC,IAE1EW,EAACiB,cAAAO,EAAmBC,SAAQ,CAACC,MAAO,CAAE3B,UAAAA,IACpCC,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOiC,UACvBnD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMiB,EAA6BxB,EAAMC,KAAKwB,kBAC9C,OACE7B,EAAAiB,cAAA,MAAA,CACEa,IAAKnB,EACLlC,UAAWgB,EAAGC,EAAOqC,YAAWC,EAAA,CAAA,EAC7BtC,EAAOuC,gBAAkBL,KAG3BA,EAA6B5B,EAAKiB,cAAA,MAAA,CAAAxC,UAAWgB,EAAGC,EAAOwC,WAAY9B,GAAeA,EAGxF,MAIPJ,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOyC,qBACvB/C,EAAgB,KACfY,EAACiB,cAAAmB,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN7D,UAAWgB,EAAGC,EAAO6C,UACrBC,aACA,EAAAC,QAAS5D,EACT6D,KAAK,QACLC,KAAK,WACLxB,MAAOtB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAG0C,CAAE0D,iBAAkBC"}
+{"version":3,"file":"AlertBanner.js","sources":["../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { ForwardedRef, forwardRef, ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n  /**\n   * The background color of the alert banner.\n   */\n  backgroundColor?: AlertBannerBackgroundColor;\n  /**\n   * If true, the close button is hidden.\n   */\n  isCloseHidden?: boolean;\n  /**\n   * The ARIA label of the alert banner for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ARIA label of the close button for accessibility.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * Callback fired when the close button is clicked.\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * The content of the alert banner.\n   */\n  children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n  (\n    {\n      children: originalChildren,\n      className,\n      backgroundColor = \"primary\",\n      onClose = NOOP,\n      ariaLabel = \"\",\n      closeButtonAriaLabel = \"Close\",\n      isCloseHidden = false,\n      id,\n      \"data-testid\": dataTestId\n    }: AlertBannerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classNames = useMemo(() => {\n      return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n    }, [className, backgroundColor]);\n\n    const isDarkBackground = backgroundColor === \"dark\";\n    const isFixedColor = backgroundColor === \"warning\";\n    const textColor = useMemo(() => {\n      if (isFixedColor) {\n        return \"fixedDark\";\n      }\n      return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n    }, [isDarkBackground, isFixedColor]);\n    const children = useMemo(() => {\n      const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n      const filteredChildren = allChildren.filter(\n        (\n          child: ReactElement & {\n            type: Record<string, unknown>;\n          }\n        ) => {\n          if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n          console.error(\n            \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n            child\n          );\n          return false;\n        }\n      );\n\n      return filteredChildren.map((child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          marginLeft: index > 0,\n          isDarkBackground\n        });\n      });\n    }, [originalChildren, isDarkBackground]);\n\n    return (\n      <Text\n        type=\"text2\"\n        color={textColor}\n        ref={ref}\n        className={classNames}\n        role=\"banner\"\n        aria-label={ariaLabel || \"banner\"}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n      >\n        <AlertBannerContext.Provider value={{ textColor }}>\n          <div className={cx(styles.content)}>\n            {children.map(\n              (\n                child: ReactElement & {\n                  type: Record<string, unknown>;\n                },\n                index\n              ) => {\n                const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n                return (\n                  <div\n                    key={index}\n                    className={cx(styles.contentItem, {\n                      [styles.contentItemText]: childTypeIsAlertBannerText\n                    })}\n                  >\n                    {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n                  </div>\n                );\n              }\n            )}\n          </div>\n        </AlertBannerContext.Provider>\n        <div className={cx(styles.closeButtonWrapper)}>\n          {isCloseHidden ? null : (\n            <IconButton\n              data-testid=\"alert-banner-close-button\"\n              icon={CloseSmall}\n              className={cx(styles.closeBtn)}\n              hideTooltip\n              onClick={onClose}\n              size=\"small\"\n              kind=\"tertiary\"\n              color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n              ariaLabel={closeButtonAriaLabel}\n            />\n          )}\n        </div>\n      </Text>\n    );\n  }\n);\n\ninterface AlertBannerStaticProps {\n  backgroundColors: typeof AlertBannerBackgroundColorEnum;\n}\n\nexport default withStaticProps<AlertBannerProps, AlertBannerStaticProps>(AlertBanner, {\n  backgroundColors: AlertBannerBackgroundColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","createElement","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"syBA+CA,IAgHeA,EAAAA,EAhHKC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,EAACiB,cAAAC,GACCb,KAAK,QACLc,MAAOpB,EACPzB,IAAKA,EACLG,UAAWc,EACX6B,KAAK,SACO,aAAApC,GAAa,SACzBK,GAAIA,gBACSC,GAAc+B,EAAUC,EAAuBC,aAAclC,IAE1EW,EAACiB,cAAAO,EAAmBC,SAAQ,CAACC,MAAO,CAAE3B,UAAAA,IACpCC,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOiC,UACvBnD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMiB,EAA6BxB,EAAMC,KAAKwB,kBAC9C,OACE7B,EAAAiB,cAAA,MAAA,CACEa,IAAKnB,EACLlC,UAAWgB,EAAGC,EAAOqC,YAAWC,EAAA,CAAA,EAC7BtC,EAAOuC,gBAAkBL,KAG3BA,EAA6B5B,EAAKiB,cAAA,MAAA,CAAAxC,UAAWgB,EAAGC,EAAOwC,WAAY9B,GAAeA,EAGxF,MAIPJ,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOyC,qBACvB/C,EAAgB,KACfY,EAACiB,cAAAmB,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN7D,UAAWgB,EAAGC,EAAO6C,UACrBC,aACA,EAAAC,QAAS5D,EACT6D,KAAK,QACLC,KAAK,WACLxB,MAAOtB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAOoF,CACpF0D,iBAAkBC"}

package/dist/src/components/AlertBanner/AlertBanner.module.scss.js

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner_0af0094e02",primary:"primary_6c33c1b9c7",positive:"positive_0e7d474f0f",negative:"negative_70daa9ba36",dark:"dark_2c3726ffd7",warning:"warning_54d46053dd",closeBtn:"closeBtn_2e74a03c12",content:"content_53bd9aa7f0",closeButtonWrapper:"closeButtonWrapper_8e065cce1e",ellipsis:"ellipsis_94c09d2733",contentItem:"contentItem_df3af302b5",contentItemText:"contentItemText_d216266382"};!function(n){const e="s_id-2b16d36a7fd0_3_40_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_0af0094e02 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_6c33c1b9c7 {\n  background-color: var(--primary-color);\n}\n\n.positive_0e7d474f0f {\n  background-color: var(--positive-color);\n}\n\n.negative_70daa9ba36 {\n  background-color: var(--negative-color);\n}\n\n.dark_2c3726ffd7 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_54d46053dd {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_54d46053dd .closeBtn_2e74a03c12 {\n  color: var(--fixed-dark-color);\n}\n\n.content_53bd9aa7f0 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper_8e065cce1e {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_2e74a03c12 {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_94c09d2733 {\n  flex: 0 1 auto;\n}\n\n.contentItem_df3af302b5 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_d216266382 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner_3ff8a85b2b",primary:"primary_63afce1810",positive:"positive_0a17fcaec7",negative:"negative_12be58a175",dark:"dark_eb839a1663",warning:"warning_e90ed6d5ad",closeBtn:"closeBtn_3f0fa6855e",content:"content_6a685bc6b1",closeButtonWrapper:"closeButtonWrapper_d4de7b432b",ellipsis:"ellipsis_49cf4674fc",contentItem:"contentItem_4e4071ba0c",contentItemText:"contentItemText_dcfde34bdc"};!function(n){const e="s_id-2b16d36a7fd0_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_3ff8a85b2b {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_63afce1810 {\n  background-color: var(--primary-color);\n}\n\n.positive_0a17fcaec7 {\n  background-color: var(--positive-color);\n}\n\n.negative_12be58a175 {\n  background-color: var(--negative-color);\n}\n\n.dark_eb839a1663 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_e90ed6d5ad {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_e90ed6d5ad .closeBtn_3f0fa6855e {\n  color: var(--fixed-dark-color);\n}\n\n.content_6a685bc6b1 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper_d4de7b432b {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_3f0fa6855e {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_49cf4674fc {\n  flex: 0 1 auto;\n}\n\n.contentItem_4e4071ba0c {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_dcfde34bdc {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerButton:"bannerButton_2238158d8c",darkBackground:"darkBackground_2238158d8c",marginLeft:"marginLeft_009e171ff3"};!function(n){const e="s_id-b41ba610a75a_3_40_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton_2238158d8c {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_2238158d8c .bannerButton_2238158d8c {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_009e171ff3 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var e={bannerButton:"bannerButton_d63102ce83",darkBackground:"darkBackground_d63102ce83",marginLeft:"marginLeft_14909095fc"};!function(e){const n="s_id-b41ba610a75a_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerButton_d63102ce83 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_d63102ce83 .bannerButton_d63102ce83 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_14909095fc {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink_be95a3b91d",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_1d5cda7805",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_98af83c312",marginLeft:"marginLeft_009e171ff3"};!function(n){const e="s_id-59c5b2cdc5e5_3_40_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_be95a3b91d {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_1d5cda7805 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_98af83c312 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_009e171ff3 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink_2c0fccebc2",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_1793674bf9",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_c56c3255f8",marginLeft:"marginLeft_14909095fc"};!function(n){const e="s_id-59c5b2cdc5e5_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_2c0fccebc2 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_1793674bf9 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_c56c3255f8 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_14909095fc {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText_bffb90812e",marginLeft:"marginLeft_009e171ff3"};!function(e){const n="s_id-35d8b4a93255_3_40_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_bffb90812e {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_009e171ff3 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText_3a2938cfa4",marginLeft:"marginLeft_14909095fc"};!function(e){const n="s_id-35d8b4a93255_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_3a2938cfa4 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_14909095fc {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { AttentionBoxType } from \"./AttentionBox.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n  // TODO: [breaking] remove prop\n  /**\n   * If true, displays an icon even when no header is provided.\n   */\n  withIconWithoutHeader?: boolean;\n  /**\n   * The type of the AttentionBox.\n   */\n  type?: AttentionBoxType;\n  /**\n   * The icon displayed next to the title or text.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of the icon.\n   */\n  iconType?: \"svg\" | \"font\";\n  /**\n   * The title of the component.\n   */\n  title?: string;\n  /**\n   * The text content displayed inside.\n   */\n  text?: string;\n  /**\n   * The content of the component.\n   */\n  children?: ElementContent;\n  // TODO: [breaking] remove prop\n  /**\n   * If true, the icon is not displayed.\n   */\n  withoutIcon?: boolean;\n  /**\n   * Callback fired when the close button is clicked.\n   */\n  onClose?: (event: React.MouseEvent) => void;\n  /**\n   * If true, renders in compact mode.\n   */\n  compact?: boolean;\n  /**\n   * The label of the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, an entry animation is applied when the component appears.\n   */\n  entryAnimation?: boolean;\n}\n\nconst AttentionBox: React.FC<AttentionBoxProps> & {\n  types?: typeof AttentionBoxTypeEnum;\n  iconTypes?: typeof IconTypeEnum;\n} = ({\n  className,\n  withIconWithoutHeader = false,\n  type = \"primary\",\n  icon,\n  iconType = \"svg\",\n  title,\n  text,\n  children,\n  withoutIcon = false,\n  onClose,\n  compact = false,\n  id,\n  \"data-testid\": dataTestId,\n  closeButtonAriaLabel = \"Close\",\n  entryAnimation = false\n}: AttentionBoxProps) => {\n  const defaultIcon = useMemo(() => {\n    return type === \"primary\" ? InfoIcon : AlertIcon;\n  }, [type]);\n\n  const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n  return (\n    <aside\n      className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n        [styles.entryAnimation]: entryAnimation\n      })}\n      role=\"alert\"\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n    >\n      {title && (\n        <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n          {!withoutIcon && (\n            <Icon\n              className={styles.icon}\n              iconType={iconType}\n              ariaHidden\n              icon={overrideIcon}\n              ignoreFocusStyle\n              iconSize=\"20\"\n            />\n          )}\n          <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n            {title}\n          </Text>\n        </Flex>\n      )}\n      <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n        {!title && compact && !withoutIcon && withIconWithoutHeader && (\n          <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n        )}\n        <Text\n          type=\"text2\"\n          element={compact ? undefined : \"p\"}\n          className={cx(styles.text, {\n            [styles.compact]: compact,\n            [styles.dismissible]: !!onClose,\n            [styles.paragraph]: !compact\n          })}\n        >\n          {text || children}\n        </Text>\n      </Flex>\n      {onClose && (\n        <IconButton\n          size=\"small\"\n          color=\"on-primary-color\"\n          className={styles.closeIcon}\n          wrapperClassName={cx(styles.closeIconWrapper, {\n            [styles.closeIconCompact]: compact\n          })}\n          ariaLabel={closeButtonAriaLabel}\n          hideTooltip\n          icon={CloseSmall}\n          onClick={onClose}\n        />\n      )}\n    </aside>\n  );\n};\n\nexport default withStaticProps(AttentionBox, {\n  types: AttentionBoxTypeEnum,\n  iconTypes: IconTypeEnum\n});\n"],"names":["withStaticProps","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"i3BAqEA,IAqFeA,EAAAA,GAlFX,SAHcC,GAmBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,sBACQnB,GAAcoB,EAAUC,EAAuBC,cAAevB,IAE1ER,GACCoB,EAACY,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,SAAS3C,UAAW8B,EAAOc,eAAgBC,IAAI,OACvEjC,GACAgB,EAAAY,cAACM,EAAI,CACH9C,UAAW8B,EAAOzB,KAClBE,SAAUA,EACVwC,YAAU,EACV1C,KAAMqB,EACNsB,kBAAgB,EAChBC,SAAS,OAGbrB,EAACY,cAAAU,GAAK9C,KAAK,QAAQ+C,QAAQ,KAAKC,OAAO,SAASpD,UAAW8B,EAAOtB,OAC/DA,IAIPoB,EAAAY,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrCrC,GAASO,IAAYH,GAAeV,GACpC0B,EAACY,cAAAM,EAAK,CAAAvC,SAAUA,EAAU0C,SAAU,GAAIF,YAAW,EAAA1C,KAAMqB,EAAcsB,sBAEzEpB,EAACY,cAAAU,EACC,CAAA9C,KAAK,QACL+C,QAASpC,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,EAAOuB,cAAgBxC,GACvBiB,EAAOwB,WAAavC,KAGtBN,GAAQC,IAGZG,GACCe,EAAAY,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,mBACNzD,UAAW8B,EAAO4B,UAClBC,iBAAkB9B,EAAGC,EAAO8B,iBAAgBzB,EAAA,CAAA,EACzCL,EAAO+B,iBAAmB9C,IAE7B+C,UAAW3C,EACX4C,eACA1D,KAAM2D,EACNC,QAASpD,IAKnB,GAE6C,CAC3CqD,MAAOC,EACPC,UAAWC"}
+{"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { AttentionBoxType } from \"./AttentionBox.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n  // TODO: [breaking] remove prop\n  /**\n   * If true, displays an icon even when no header is provided.\n   */\n  withIconWithoutHeader?: boolean;\n  /**\n   * The type of the AttentionBox.\n   */\n  type?: AttentionBoxType;\n  /**\n   * The icon displayed next to the title or text.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of the icon.\n   */\n  iconType?: \"svg\" | \"font\";\n  /**\n   * The title of the component.\n   */\n  title?: string;\n  /**\n   * The text content displayed inside.\n   */\n  text?: string;\n  /**\n   * The content of the component.\n   */\n  children?: ElementContent;\n  // TODO: [breaking] remove prop\n  /**\n   * If true, the icon is not displayed.\n   */\n  withoutIcon?: boolean;\n  /**\n   * Callback fired when the close button is clicked.\n   */\n  onClose?: (event: React.MouseEvent) => void;\n  /**\n   * If true, renders in compact mode.\n   */\n  compact?: boolean;\n  /**\n   * The label of the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, an entry animation is applied when the component appears.\n   */\n  entryAnimation?: boolean;\n}\n\nconst AttentionBox = ({\n  className,\n  withIconWithoutHeader = false,\n  type = \"primary\",\n  icon,\n  iconType = \"svg\",\n  title,\n  text,\n  children,\n  withoutIcon = false,\n  onClose,\n  compact = false,\n  id,\n  \"data-testid\": dataTestId,\n  closeButtonAriaLabel = \"Close\",\n  entryAnimation = false\n}: AttentionBoxProps) => {\n  const defaultIcon = useMemo(() => {\n    return type === \"primary\" ? InfoIcon : AlertIcon;\n  }, [type]);\n\n  const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n  return (\n    <aside\n      className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n        [styles.entryAnimation]: entryAnimation\n      })}\n      role=\"alert\"\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n    >\n      {title && (\n        <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n          {!withoutIcon && (\n            <Icon\n              className={styles.icon}\n              iconType={iconType}\n              ariaHidden\n              icon={overrideIcon}\n              ignoreFocusStyle\n              iconSize=\"20\"\n            />\n          )}\n          <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n            {title}\n          </Text>\n        </Flex>\n      )}\n      <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n        {!title && compact && !withoutIcon && withIconWithoutHeader && (\n          <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n        )}\n        <Text\n          type=\"text2\"\n          element={compact ? undefined : \"p\"}\n          className={cx(styles.text, {\n            [styles.compact]: compact,\n            [styles.dismissible]: !!onClose,\n            [styles.paragraph]: !compact\n          })}\n        >\n          {text || children}\n        </Text>\n      </Flex>\n      {onClose && (\n        <IconButton\n          size=\"small\"\n          color=\"on-primary-color\"\n          className={styles.closeIcon}\n          wrapperClassName={cx(styles.closeIconWrapper, {\n            [styles.closeIconCompact]: compact\n          })}\n          ariaLabel={closeButtonAriaLabel}\n          hideTooltip\n          icon={CloseSmall}\n          onClick={onClose}\n        />\n      )}\n    </aside>\n  );\n};\n\ninterface AttentionBoxStaticProps {\n  types: typeof AttentionBoxTypeEnum;\n  iconTypes: typeof IconTypeEnum;\n}\n\nexport default withStaticProps<AttentionBoxProps, AttentionBoxStaticProps>(AttentionBox, {\n  types: AttentionBoxTypeEnum,\n  iconTypes: IconTypeEnum\n});\n"],"names":["withStaticProps","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"i3BAqEA,IAuFeA,EAAAA,GAvFM,SAAHC,GAgBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,sBACQnB,GAAcoB,EAAUC,EAAuBC,cAAevB,IAE1ER,GACCoB,EAACY,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,SAAS3C,UAAW8B,EAAOc,eAAgBC,IAAI,OACvEjC,GACAgB,EAAAY,cAACM,EAAI,CACH9C,UAAW8B,EAAOzB,KAClBE,SAAUA,EACVwC,YAAU,EACV1C,KAAMqB,EACNsB,kBAAgB,EAChBC,SAAS,OAGbrB,EAACY,cAAAU,GAAK9C,KAAK,QAAQ+C,QAAQ,KAAKC,OAAO,SAASpD,UAAW8B,EAAOtB,OAC/DA,IAIPoB,EAAAY,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrCrC,GAASO,IAAYH,GAAeV,GACpC0B,EAACY,cAAAM,EAAK,CAAAvC,SAAUA,EAAU0C,SAAU,GAAIF,YAAW,EAAA1C,KAAMqB,EAAcsB,sBAEzEpB,EAACY,cAAAU,EACC,CAAA9C,KAAK,QACL+C,QAASpC,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,EAAOuB,cAAgBxC,GACvBiB,EAAOwB,WAAavC,KAGtBN,GAAQC,IAGZG,GACCe,EAAAY,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,mBACNzD,UAAW8B,EAAO4B,UAClBC,iBAAkB9B,EAAGC,EAAO8B,iBAAgBzB,EAAA,CAAA,EACzCL,EAAO+B,iBAAmB9C,IAE7B+C,UAAW3C,EACX4C,eACA1D,KAAM2D,EACNC,QAASpD,IAKnB,GAOyF,CACvFqD,MAAOC,EACPC,UAAWC"}