@vibe/core 3.68.0-alpha-cd9cf.0 → 3.68.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedList.js","sources":["../../../../src/components/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type CSSProperties,\n  type ForwardedRef,\n  forwardRef,\n  type LegacyRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport {\n  type ScrollDirection,\n  VariableSizeList as List,\n  type ListOnItemsRenderedProps,\n  type ListChildComponentProps,\n  type 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 { type VibeComponent, type VibeComponentProps } from \"../../types\";\nimport styles from \"./VirtualizedList.module.scss\";\nimport {\n  type VirtualizedListItem,\n  type VirtualizedListLayout,\n  type VirtualizedListScrollDirection\n} 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":"0zBAmJMA,IAAAA,EAAkBC,GACtB,SAAAC,EA2BEC,GACE,IA1BAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,aAAAA,OAAe,IAAHD,EAAG,SAACE,EAA2BC,EAAgBC,GAAqB,OAAKF,CAAoB,EAAAF,EAAAK,EAAAX,EACzGY,cAAAA,OAAa,IAAAD,EAAG,SAACH,EAA2BC,GAAc,OAAKD,EAAKK,MAAM,EAAAF,EAAAG,EAAAd,EAC1Ee,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,OAAAA,OAAS,IAAHD,EAAG,WAAUA,EACnBE,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,cAAAA,OAAgB,IAAHD,EAAG,EAACA,EAAAE,EAAArB,EACjBsB,UAAAA,OAAS,IAAAD,EAAG,SAACb,EAA2BC,GAAc,OAAKD,EAAKL,EAAE,EAAAkB,EAClEE,EAAUvB,EAAVuB,WAAUC,EAAAxB,EACVyB,eAAAA,OAAiB,IAAHD,EAAG,IAAGA,EAAAE,EAAA1B,EACpB2B,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAe7B,EAAf6B,gBAAeC,EAAA9B,EACf+B,0BAAAA,OAA4B,IAAHD,EAAG,IAAGA,EAAAE,EAAAhC,EAC/BiC,aAAAA,OAAeL,IAAHI,EAAGJ,EAAII,EAAAE,EAAAlC,EACnBmC,mCAAAA,OAAqC,IAAHD,EAAG,KAAIA,EAAAE,EAAApC,EACzCqC,2CAAAA,QAA6C,IAAHD,EAAG,KAAIA,EACjDE,GAActC,EAAdsC,eACAC,GAAmBvC,EAAnBuC,oBACAC,GAAIxC,EAAJwC,KACAC,GAASzC,EAATyC,UACAC,GAAK1C,EAAL0C,MACeC,GAAU3C,EAAzB,eAKF4C,GAAoCC,EAAS,GAAEC,GAAAC,EAAAH,GAAA,GAAxCI,GAAUF,GAAA,GAAEG,GAAaH,GAAA,GAChCI,GAAkCL,EAAS,GAAEM,GAAAJ,EAAAG,GAAA,GAAtCE,GAASD,GAAA,GAAEE,GAAYF,GAAA,GAExBG,GAA4B,eAAXrC,EACjBsC,GAAmBC,GAAQ,WAC/B,OAAOF,GAAiBN,GAAaI,EACtC,GAAE,CAACE,GAAgBN,GAAYI,KAG1BK,GAAiBC,EAAYnC,GAG7BoC,GAAeC,EAAO,MACtBC,GAAgCD,EAAO,MACvCE,GAAUF,EAAO,MACjBG,GAAeH,EAAO,GACtBI,GAAmBJ,EAAO,CAC9BK,aAAa,EACbC,oBAAqB,EACrBC,kBAAmB,EACnBC,mBAAoB,IAEhBC,GAAYC,EAAYrE,EAAK0D,IAC7BY,GAAgBD,EAAYhC,GAAgBwB,IAE5CU,GAAgBR,GAAiBS,QAClCD,GAAcP,cACjBO,GAAcP,aAAc,EAC5BO,GAAcN,oBAAsB,EACpCM,GAAcL,kBAAoB,EAClCK,GAAcJ,mBAAqB,GAIrC,IAAMM,GAAaC,GACjB,SAACnE,EAA2BoE,GAC1B,IACM/D,GADUE,GAAeH,GACRJ,EAAMoE,GAI7B,YAHeC,IAAXhE,GACFiE,QAAQC,MAAM,iCAAkCvE,GAE3CK,CACT,GACA,CAACD,EAAeG,IAGZiE,GAAWL,GACf,SAACnE,EAA2BoE,GAC1B,IAAMK,EAAS3D,EAAUd,EAAMoE,GAI/B,YAHeC,IAAXI,GACFH,QAAQC,MAAM,6BAA8BvE,GAEvCyE,CACT,GACA,CAAC3D,IAKG4D,GAAkB1B,GAAQ,WAC9B,OAAO2B,EAAmB9E,EAAO2E,GAAUN,GAC5C,GAAE,CAACrE,EAAO2E,GAAUN,KAEfU,GAAgB5B,GAAQ,WAC5B,OAAO6B,EAAa9B,GAAkB2B,GACxC,GAAG,CAAC3B,GAAkB2B,KAGhBI,GAAaX,GACjB,SAAAY,GAQK,IAPHC,EAAeD,EAAfC,gBACAC,EAAYF,EAAZE,aACAC,EAAwBH,EAAxBG,yBAMA3B,GAAaU,QAAUgB,EAClBC,IACHlB,GAAcN,oBAAsBuB,GAEtCvE,GAAYA,EAASsE,EAAiBC,EAAcC,EACrD,GACD,CAACxE,EAAU6C,GAAcS,KAGrBmB,GAAgBhB,GAAY,WAChCiB,uBAAsB,iBAEdC,EADMC,YAAYC,MACDvB,GAAcJ,mBAC/B4B,EAAcxB,GAAcL,kBAAoBK,GAAcN,oBAC9D+B,EAAYC,EAAeC,KAAKC,IAAI,EAAGP,EAAWpE,IAElD4E,EAAmBF,KAAKC,IAAIhB,GADbZ,GAAcN,oBAAsB8B,EAAcC,GAEvElC,GAAaU,QAAU4B,EACR,QAAfC,EAAAxC,GAAQW,eAAO,IAAA6B,GAAAA,EAAEC,SAASF,GAEX5E,EAAXoE,EACFF,MAEAnB,GAAcJ,wBAAqBS,EACnClD,GAAsBA,IAE1B,GACF,GAAG,CAACF,EAAgB+C,GAAeV,GAASsB,GAAezD,IAErD6E,GAAuB7B,GAC3B,SAACnE,eACSiG,EAAcjG,EAAdiG,UAEJjC,GAAcJ,mBAEhBI,GAAcL,kBAAoBsC,GAKS,QAAjB,QAAxBC,EAAiB,QAAjBJ,EAAAxC,GAAQW,eAAS,IAAA6B,OAAA,EAAAA,EAAAK,aAAO,IAAAD,OAAA,EAAAA,EAAAjB,gBAC1BjB,GAAcN,oBAA8C,QAAxB0C,EAAiB,QAAjBC,EAAA/C,GAAQW,eAAS,IAAAoC,OAAA,EAAAA,EAAAF,aAAO,IAAAC,OAAA,EAAAA,EAAAnB,cAG1DjB,GAAcN,sBAAwBuC,GAM1CjC,GAAcL,kBAAoBsC,EAClCjC,GAAcJ,mBAAqB0B,YAAYC,MAC/CJ,MANEhE,GAAsBA,IAOzB,GACD,CAAC6C,GAAemB,GAAehE,IAG3BmF,GAAcnC,GAClB,SAAAoC,GAA8D,IAA3DnC,EAAKmC,EAALnC,MAED,OAAOrE,EADMF,EAAMuE,GACOA,EAFbmC,EAALrE,MAGV,GACA,CAACrC,EAAOE,IAGJyG,GAAerC,GACnB,SAACC,GAEC,OAAOF,GADMrE,EAAMuE,GACKA,EAC1B,GACA,CAACvE,EAAOqE,KAGJuC,GAAiBtC,GACrB,SAACuC,EAAerG,GACVA,IAAWmC,IAAckE,IAAU9D,IACrC+D,YAAW,WACTlE,GAAcpC,GACdwC,GAAa6D,GACbjF,EAAaiF,EAAOrG,EACrB,GAAE,EAEN,GACD,CAACmC,GAAYI,GAAWnB,IAGpBmF,GAAoBC,GACxB,SAAAC,GACE,GAAKzF,EAAL,CACA,IAAM0F,EAAOC,EACXnH,EACA6E,GACAF,GALgBsC,EAAjBG,kBAAmCH,EAAhBI,iBAQlBnE,GACAQ,GAAaU,SAEf5C,EAAgB0F,EAVM,CAWxB,GACA,CAAEI,KAAM5F,EAA2B6F,UAAU,GAC7C,CAAC/F,EAAiBxB,EAAO6E,GAAiBF,GAAUzB,KAuCtD,OAnCAsE,GAAU,WAER,GAAItG,GAAckC,KAAmBlC,EAAY,CAC/C,IAAMuG,EAAeC,EAAkC1H,EAAO6E,GAAiBF,GAAUzB,IACnF/C,EAAO0E,GAAgB3D,GAC7BuG,GAAgBtH,GAAQgG,GAAqBhG,EAC9C,CACH,GAAG,CAACiD,GAAgBlC,EAAYiF,GAAsBtB,GAAiB7E,EAAO2E,GAAUzB,KAExFsE,GAAU,WAEJ/D,GAAQW,SACVX,GAAQW,QAAQuD,gBAAgB,EAEpC,GAAG,CAAC9C,KAEJ2C,GAAU,WAER,IAAMI,EAAW5F,IAA8CF,EAC/D,GAAI8F,EAAU,CACZ,IAAMC,EAAYH,EAAkC1H,EAAO6E,GAAiBF,GAAUzB,IAClFM,GAA8BY,UAAYyD,IAC5CrE,GAA8BY,QAAUyD,EACxCD,EAASC,GAEZ,CACH,GAAG,CACD7F,GACAF,EACA9B,EACA6E,GACA3B,GACAyB,KAIAmD,EACEC,cAAA,MAAA,CAAAnI,IAAKoE,GACLnE,UAAWmI,EAAGC,EAAOC,uBAAwBrI,GAC7CC,GAAIA,EACJqC,KAAMA,GAAI,aACEC,GACC,cAAAE,IAAc6F,EAAUC,EAAuBC,iBAAkBvI,GAC9EuC,MAAOA,IAEPyF,EAACC,cAAAO,QACE,SAAAC,GAAyD,IAAtD/H,EAAM+H,EAAN/H,OAAQqG,EAAK0B,EAAL1B,MAEV,OADAD,GAAeC,EAAOrG,GAEpBsH,gBAACU,EAAI,CACH5I,IAAKsE,GACL1D,OAAQA,EACRqG,MAAOA,EACP4B,UAAWzI,EAAM0I,OACjBC,SAAUhC,GACV9F,SAAUoE,GACVrE,OAAQA,EACRG,cAAeA,EACfS,gBAAiBuF,GACjBlH,UAAWqC,IAEVuE,GAGN,IAIT"}

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

@@ -0,0 +1,2 @@
+var e={virtualizedListWrapper:"virtualizedListWrapper_d0d74c677b"};!function(e){const t="s_id-9250e4cf6c59_3_67_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)}(".virtualizedListWrapper_d0d74c677b {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+//# sourceMappingURL=VirtualizedList.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o}from"react";import i from"classnames";import a from"./layouts/AttentionBoxDefault/AttentionBoxDefault.js";import s from"./layouts/AttentionBoxCompact/AttentionBoxCompact.js";import{resolveAttentionBoxIcon as n}from"./utils/iconUtils.js";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";import{getTestId as l}from"../../../tests/testIds.js";import m from"./AttentionBox.module.scss.js";var c=o((function(o,c){var p=o.compact,d=void 0!==p&&p,f=o.title,u=o.animate,v=void 0===u||u,j=o.iconType,B=void 0===j?"svg":j,A=o.type,x=void 0===A?"primary":A,y=o.children,b=o.text,g=o.action,T=o.link,C=o.id,E=o.onClose,N=o.closeButtonAriaLabel,O=o.className,_=o["data-testid"],k="negative"===x?"alert":"status",D=n(o.icon,x),I=y||b,L=i(m.attention,m[x],t({},m.animate,v),O),P={onClose:E,closeButtonAriaLabel:N,action:g,link:T,icon:D,iconType:B,content:I};return e.createElement("div",{ref:c,className:L,role:k,id:C,"data-testid":_||l(r.ATTENTION_BOX,C)},d?e.createElement(s,Object.assign({},P)):e.createElement(a,Object.assign({title:f},P)))}));export{c as default};
+//# sourceMappingURL=AttentionBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/next/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport type { AttentionBoxProps, AttentionBoxRole } from \"./AttentionBox.types\";\nimport AttentionBoxDefault from \"./layouts/AttentionBoxDefault/AttentionBoxDefault\";\nimport AttentionBoxCompact from \"./layouts/AttentionBoxCompact/AttentionBoxCompact\";\nimport { resolveAttentionBoxIcon } from \"./utils/iconUtils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./AttentionBox.module.scss\";\n\nconst AttentionBox = forwardRef(\n  (\n    {\n      compact = false,\n      title,\n      animate = true,\n      icon,\n      iconType = \"svg\",\n      type = \"primary\",\n      children,\n      text,\n      action,\n      link,\n      id,\n      onClose,\n      closeButtonAriaLabel,\n      className,\n      \"data-testid\": dataTestId\n    }: AttentionBoxProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const role: AttentionBoxRole = type === \"negative\" ? \"alert\" : \"status\";\n    const displayIcon = resolveAttentionBoxIcon(icon, type);\n    const content = children || text;\n\n    const baseClasses = cx(\n      styles.attention,\n      styles[type],\n      {\n        [styles.animate]: animate\n      },\n      className\n    );\n\n    const layoutSharedProps = {\n      onClose,\n      closeButtonAriaLabel,\n      action,\n      link,\n      icon: displayIcon,\n      iconType,\n      content\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={baseClasses}\n        role={role}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n      >\n        {compact ? (\n          <AttentionBoxCompact {...layoutSharedProps} />\n        ) : (\n          <AttentionBoxDefault title={title} {...layoutSharedProps} />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default AttentionBox;\n"],"names":["AttentionBox","forwardRef","_ref","ref","_ref$compact","compact","title","_ref$animate","animate","_ref$iconType","iconType","_ref$type","type","children","text","action","link","id","onClose","closeButtonAriaLabel","className","dataTestId","role","displayIcon","resolveAttentionBoxIcon","icon","content","baseClasses","cx","styles","attention","_defineProperty","layoutSharedProps","React","createElement","getTestId","ComponentDefaultTestId","ATTENTION_BOX","AttentionBoxCompact","Object","assign","AttentionBoxDefault"],"mappings":"kgBAUMA,IAAAA,EAAeC,GACnB,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,OAAU,IAAHD,GAAOA,EACVE,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAT,EAChBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAQX,EAARW,SACAC,EAAIZ,EAAJY,KACAC,EAAMb,EAANa,OACAC,EAAId,EAAJc,KACAC,EAAEf,EAAFe,GACAC,EAAOhB,EAAPgB,QACAC,EAAoBjB,EAApBiB,qBACAC,EAASlB,EAATkB,UACeC,EAAUnB,EAAzB,eAIIoB,EAAkC,aAATV,EAAsB,QAAU,SACzDW,EAAcC,EAhBdtB,EAAJuB,KAgBgDb,GAC5Cc,EAAUb,GAAYC,EAEtBa,EAAcC,EAClBC,EAAOC,UACPD,EAAOjB,GAAKmB,KAETF,EAAOrB,QAAUA,GAEpBY,GAGIY,EAAoB,CACxBd,QAAAA,EACAC,qBAAAA,EACAJ,OAAAA,EACAC,KAAAA,EACAS,KAAMF,EACNb,SAAAA,EACAgB,QAAAA,GAGF,OACEO,EACEC,cAAA,MAAA,CAAA/B,IAAKA,EACLiB,UAAWO,EACXL,KAAMA,EACNL,GAAIA,EAAE,cACOI,GAAcc,EAAUC,EAAuBC,cAAepB,IAE1EZ,EACC4B,EAAAC,cAACI,EAAmBC,OAAAC,OAAA,CAAA,EAAKR,IAEzBC,EAACC,cAAAO,EAAoBF,OAAAC,OAAA,CAAAlC,MAAOA,GAAW0B,IAI/C"}

package/dist/src/components/next/AttentionBox/AttentionBox.module.scss.js

@@ -0,0 +1,2 @@
+var n={attention:"attention_244ee144bf",animate:"animate_e83b4e7916",attentionBoxAnimation:"attentionBoxAnimation_17bb80a2ff",primary:"primary_23663fbd03",positive:"positive_32b7d49a52",negative:"negative_1ba7701b03",warning:"warning_c156598db1",neutral:"neutral_049cc4f152"};!function(n){const e="s_id-4a6eadcbcb7d_3_67_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)}("@keyframes attentionBoxAnimation_17bb80a2ff {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_244ee144bf {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_244ee144bf.animate_e83b4e7916 {\n  animation: attentionBoxAnimation_17bb80a2ff 200ms var(--motion-timing-transition);\n}\n.attention_244ee144bf.primary_23663fbd03 {\n  background-color: var(--primary-selected-color);\n}\n.attention_244ee144bf.positive_32b7d49a52 {\n  background-color: var(--positive-color-selected);\n}\n.attention_244ee144bf.negative_1ba7701b03 {\n  background-color: var(--negative-color-selected);\n}\n.attention_244ee144bf.warning_c156598db1 {\n  background-color: var(--warning-color-selected);\n}\n.attention_244ee144bf.neutral_049cc4f152 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+//# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/next/AttentionBox/AttentionBox.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/next/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"../../../../../../_virtual/_tslib.js";import r,{forwardRef as e}from"react";import o from"../../../../Button/Button.js";var a=e((function(e,a){var i=e.text,n=t(e,["text"]);return r.createElement(o,Object.assign({ref:a,size:"small",kind:"secondary",color:"inverted"},n),i)}));export{a as default};
+//# sourceMappingURL=AttentionBoxButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport Button, { type ButtonProps } from \"../../../../Button/Button\";\n\nexport interface AttentionBoxButtonProps extends Omit<ButtonProps, \"size\" | \"kind\" | \"color\" | \"children\"> {\n  text: string;\n}\n\nconst AttentionBoxButton = forwardRef<HTMLButtonElement, AttentionBoxButtonProps>(({ text, ...buttonProps }, ref) => (\n  <Button ref={ref} size=\"small\" kind=\"secondary\" color=\"inverted\" {...buttonProps}>\n    {text}\n  </Button>\n));\n\nexport default AttentionBoxButton;\n"],"names":["AttentionBoxButton","forwardRef","_a","ref","text","buttonProps","__rest","React","createElement","Button","Object","assign","size","kind","color"],"mappings":"gJAOMA,IAAAA,EAAqBC,GAAuD,SAACC,EAA0BC,GAA1B,IAAEC,EAAsBF,EAAtBE,KAASC,EAAWC,EAAAJ,EAAtB,UAAkC,OACnHK,EAACC,cAAAC,EAAOC,OAAAC,OAAA,CAAAR,IAAKA,EAAKS,KAAK,QAAQC,KAAK,YAAYC,MAAM,YAAeT,GAClED,EAEJ"}

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.js

@@ -0,0 +1,2 @@
+import o from"react";import t from"classnames";import e from"../../../../IconButton/IconButton.js";import s from"./AttentionBoxCloseButton.module.scss.js";import r from"../../../../../../icons/dist/react/CloseSmall.js";var a=function(a){var i=a.closeButtonAriaLabel;return o.createElement(e,{icon:r,size:"xs",kind:"tertiary",onClick:a.onClose,ariaLabel:void 0===i?"Close":i,hideTooltip:!0,className:t(s.closeButton,a.className)})};export{a as default};
+//# sourceMappingURL=AttentionBoxCloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n  onClose?: (event: React.MouseEvent) => void;\n  closeButtonAriaLabel?: string;\n  className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n  onClose,\n  closeButtonAriaLabel = \"Close\",\n  className\n}: AttentionBoxCloseButtonProps) => {\n  return (\n    <IconButton\n      icon={CloseSmall}\n      size=\"xs\"\n      kind=\"tertiary\"\n      onClick={onClose}\n      ariaLabel={closeButtonAriaLabel}\n      hideTooltip\n      className={cx(styles.closeButton, className)}\n    />\n  );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","ariaLabel","hideTooltip","className","cx","styles","closeButton"],"mappings":"2NAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QAUIC,eATmB,IAAHX,EAAG,QAAOA,EAU1BY,aAAW,EACXC,UAAWC,EAAGC,EAAOC,YAVhBjB,EAATc,YAaF"}

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js

@@ -0,0 +1,2 @@
+var e={closeButton:"closeButton_b0da1906d2"};!function(e){const t="s_id-979f8aeb619b_3_67_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_b0da1906d2 {\n  flex-shrink: 0;\n}\n.closeButton_b0da1906d2:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+//# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxCloseButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js

@@ -0,0 +1,2 @@
+import o from"react";import t from"classnames";import e from"../../../../Icon/Icon.js";import"react-inlinesvg";import"es-toolkit";import"../../../../../tests/constants.js";import i from"./AttentionBoxLeadingIcon.module.scss.js";var n=function(n){var s=n.iconType;return o.createElement(e,{icon:n.icon,iconType:void 0===s?"svg":s,iconSize:20,className:t(i.icon,n.className)})};export{n as default};
+//# sourceMappingURL=AttentionBoxLeadingIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxLeadingIcon.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"../../../../Icon\";\nimport type { SubIcon } from \"../../../../../types\";\nimport type { IconType } from \"../../../../Icon/Icon.types\";\nimport styles from \"./AttentionBoxLeadingIcon.module.scss\";\n\nexport interface AttentionBoxLeadingIconProps {\n  icon?: SubIcon;\n  iconType?: IconType;\n  className?: string;\n}\n\nconst AttentionBoxLeadingIcon = ({ icon, iconType = \"svg\", className }: AttentionBoxLeadingIconProps) => {\n  return <Icon icon={icon} iconType={iconType} iconSize={20} className={cx(styles.icon, className)} />;\n};\n\nexport default AttentionBoxLeadingIcon;\n"],"names":["AttentionBoxLeadingIcon","_ref","_ref$iconType","iconType","React","createElement","Icon","icon","iconSize","className","cx","styles"],"mappings":"oOAaA,IAAMA,EAA0B,SAAHC,GAA2E,IAAjEC,EAAAD,EAAEE,SACvC,OAAOC,EAAAC,cAACC,EAAI,CAACC,KADwBN,EAAJM,KACRJ,cADyB,IAAHD,EAAG,MAAKA,EACVM,SAAU,GAAIC,UAAWC,EAAGC,EAAOJ,KADdN,EAATQ,YAE3D"}

package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js

@@ -0,0 +1,2 @@
+var e={icon:"icon_93531ea8e3"};!function(e){const t="s_id-55a80ba34ba3_3_67_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_93531ea8e3 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+//# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxLeadingIcon.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"../../../../../../_virtual/_tslib.js";import r,{forwardRef as a}from"react";import e from"classnames";import s from"../../../../Link/Link.js";import o from"./AttentionBoxLink.module.scss.js";var m=a((function(a,m){var i=a.target,n=a.className,c=t(a,["target","className"]);return r.createElement(s,Object.assign({ref:m,target:i,className:e(o.attentionBoxLink,n)},c))}));export{m as default};
+//# sourceMappingURL=AttentionBoxLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link } from \"../../../../Link\";\nimport type { LinkProps } from \"../../../../Link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n  ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n    return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n  }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"uNAQMA,IAAAA,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}

package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js

@@ -0,0 +1,2 @@
+var e={attentionBoxLink:"attentionBoxLink_e4a577c6bd"};!function(e){const t="s_id-706944a82a98_3_67_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".attentionBoxLink_e4a577c6bd {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+//# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxLink.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/next/AttentionBox/consts/icons.js

@@ -0,0 +1,2 @@
+import r from"../../../../../icons/dist/react/Info.js";import i from"../../../../../icons/dist/react/Check.js";import t from"../../../../../icons/dist/react/Alert.js";import o from"../../../../../icons/dist/react/Warning.js";import s from"../../../../../icons/dist/react/Favorite.js";var e={primary:r,positive:i,negative:t,warning:o,neutral:s};export{e as ATTENTION_BOX_DEFAULT_ICONS};
+//# sourceMappingURL=icons.js.map

package/dist/src/components/next/AttentionBox/consts/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../../../../../src/components/next/AttentionBox/consts/icons.ts"],"sourcesContent":["import { Info, Check, Alert, Warning, Favorite } from \"@vibe/icons\";\nimport type { AttentionBoxType } from \"../AttentionBox.types\";\nimport type { SubIcon } from \"../../../../types\";\n\nexport const ATTENTION_BOX_DEFAULT_ICONS: Record<AttentionBoxType, SubIcon> = {\n  primary: Info,\n  positive: Check,\n  negative: Alert,\n  warning: Warning,\n  neutral: Favorite\n};\n"],"names":["ATTENTION_BOX_DEFAULT_ICONS","primary","Info","positive","Check","negative","Alert","warning","Warning","neutral","Favorite"],"mappings":"4RAIO,IAAMA,EAAiE,CAC5EC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,QAASC,EACTC,QAASC"}

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.js

@@ -0,0 +1,2 @@
+import t from"react";import e from"../../../../Flex/Flex.js";import o from"../../../../Text/Text.js";import n from"../../components/AttentionBoxButton/AttentionBoxButton.js";import i from"../../components/AttentionBoxLink/AttentionBoxLink.js";import s from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import a from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import c from"./AttentionBoxCompact.module.scss.js";var m=function(m){var r=m.icon,l=m.onClose,p=m.closeButtonAriaLabel,x=void 0===p?"Close":p,B=m.action,u=m.link,f=m.content,A=!(!B&&!u);return t.createElement(e,{align:"center",className:c.container},t.createElement(e,{gap:"xs",flex:"1",className:c.mainContentGroup},r&&t.createElement(a,{icon:r,iconType:m.iconType,className:c.leadingIcon}),t.createElement(o,{type:"text2",element:"p",ellipsis:!0},f)),(A||!!l)&&t.createElement(e,{className:c.actionsGroup},u&&t.createElement(i,Object.assign({},u,{inlineText:!1})),B&&t.createElement(n,Object.assign({},B)),!!l&&t.createElement(s,{onClose:l,closeButtonAriaLabel:x})))};export{m as default};
+//# sourceMappingURL=AttentionBoxCompact.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxCompact.js","sources":["../../../../../../../src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.tsx"],"sourcesContent":["import React from \"react\";\nimport Flex from \"../../../../Flex/Flex\";\nimport Text from \"../../../../Text/Text\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxCompact.module.scss\";\nimport type { AttentionBoxLayoutSharedProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;\n\nconst AttentionBoxCompact = ({\n  icon,\n  iconType,\n  onClose,\n  closeButtonAriaLabel = \"Close\",\n  action,\n  link,\n  content\n}: AttentionBoxCompactProps) => {\n  const hasActions = !!(action || link);\n\n  return (\n    <Flex align=\"center\" className={styles.container}>\n      <Flex gap=\"xs\" flex=\"1\" className={styles.mainContentGroup}>\n        {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.leadingIcon} />}\n        <Text type=\"text2\" element=\"p\" ellipsis>\n          {content}\n        </Text>\n      </Flex>\n      {(hasActions || !!onClose) && (\n        <Flex className={styles.actionsGroup}>\n          {link && <AttentionBoxLink {...link} inlineText={false} />}\n          {action && <AttentionBoxButton {...action} />}\n          {!!onClose && <AttentionBoxCloseButton onClose={onClose} closeButtonAriaLabel={closeButtonAriaLabel} />}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport default AttentionBoxCompact;\n"],"names":["AttentionBoxCompact","_ref","icon","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","createElement","Flex","align","className","styles","container","gap","flex","mainContentGroup","AttentionBoxLeadingIcon","iconType","leadingIcon","Text","type","element","ellipsis","actionsGroup","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton","AttentionBoxCloseButton"],"mappings":"6cAYA,IAAMA,EAAsB,SAAHC,GAQM,IAP7BC,EAAID,EAAJC,KAEAC,EAAOF,EAAPE,QAAOC,EAAAH,EACPI,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAML,EAANK,OACAC,EAAIN,EAAJM,KACAC,EAAOP,EAAPO,QAEMC,KAAgBH,IAAUC,GAEhC,OACEG,EAAAC,cAACC,EAAI,CAACC,MAAM,SAASC,UAAWC,EAAOC,WACrCN,EAAAC,cAACC,EAAI,CAACK,IAAI,KAAKC,KAAK,IAAIJ,UAAWC,EAAOI,kBACvCjB,GAAQQ,EAACC,cAAAS,EAAwB,CAAAlB,KAAMA,EAAMmB,SAZ5CpB,EAARoB,SAYwEP,UAAWC,EAAOO,cACpFZ,EAAAC,cAACY,EAAI,CAACC,KAAK,QAAQC,QAAQ,IAAIC,UAC5B,GAAAlB,KAGHC,KAAgBN,IAChBO,EAAAC,cAACC,EAAK,CAAAE,UAAWC,EAAOY,cACrBpB,GAAQG,gBAACkB,EAAgBC,OAAAC,OAAA,CAAA,EAAKvB,EAAM,CAAAwB,YAAY,KAChDzB,GAAUI,EAAAC,cAACqB,EAAkBH,OAAAC,OAAA,CAAA,EAAKxB,MAChCH,GAAWO,gBAACuB,EAAuB,CAAC9B,QAASA,EAASE,qBAAsBA,KAKzF"}

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js

@@ -0,0 +1,2 @@
+var n={container:"container_bb066ccb41",mainContentGroup:"mainContentGroup_76989fbe2d",leadingIcon:"leadingIcon_2c3f4375b3",actionsGroup:"actionsGroup_54c7bc22a5"};!function(n){const e="s_id-2f71fab0a877_3_67_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)}(".container_bb066ccb41 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_76989fbe2d {\n  min-width: 0;\n}\n\n.leadingIcon_2c3f4375b3 {\n  align-self: flex-start;\n}\n\n.actionsGroup_54c7bc22a5 {\n  gap: var(--space-12);\n}");export{n as default};
+//# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxCompact.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.js

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import o from"classnames";import n from"../../../../Text/Text.js";import s from"../../../../Flex/Flex.js";import i from"../../components/AttentionBoxButton/AttentionBoxButton.js";import a from"../../components/AttentionBoxLink/AttentionBoxLink.js";import l from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import m from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import r from"./AttentionBoxDefault.module.scss.js";var c=function(c){var p=c.title,u=c.icon,x=c.iconType,B=c.onClose,f=c.closeButtonAriaLabel,A=void 0===f?"Close":f,j=c.action,d=c.link,E=c.content,g=j||d;return e.createElement("div",{className:o(r.container,t(t(t(t({},r.hasIcon,!!u),r.hasTitle,!!p),r.hasActions,g),r.hasCloseButton,!!B))},u&&e.createElement(m,{icon:u,iconType:x,className:r.icon}),p&&e.createElement(n,{type:"text1",weight:"medium",className:r.title},p),!!B&&e.createElement(l,{onClose:B,closeButtonAriaLabel:A,className:r.closeButton}),e.createElement(n,{type:"text2",className:r.text,ellipsis:!1,element:"p"},E),g&&e.createElement(s,{gap:"medium",className:r.actions},d&&e.createElement(a,Object.assign({},d,{inlineText:!1})),j&&e.createElement(i,Object.assign({},j))))};export{c as default};
+//# sourceMappingURL=AttentionBoxDefault.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxDefault.js","sources":["../../../../../../../src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"../../../../Text\";\nimport { Flex } from \"../../../../Flex\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxDefault.module.scss\";\nimport type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, \"title\">;\n\nconst AttentionBoxDefault = ({\n  title,\n  icon,\n  iconType,\n  onClose,\n  closeButtonAriaLabel = \"Close\",\n  action,\n  link,\n  content\n}: AttentionBoxDefaultProps) => {\n  const hasActions = action || link;\n\n  return (\n    <div\n      className={cx(styles.container, {\n        [styles.hasIcon]: !!icon,\n        [styles.hasTitle]: !!title,\n        [styles.hasActions]: hasActions,\n        [styles.hasCloseButton]: !!onClose\n      })}\n    >\n      {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.icon} />}\n\n      {title && (\n        <Text type=\"text1\" weight=\"medium\" className={styles.title}>\n          {title}\n        </Text>\n      )}\n\n      {!!onClose && (\n        <AttentionBoxCloseButton\n          onClose={onClose}\n          closeButtonAriaLabel={closeButtonAriaLabel}\n          className={styles.closeButton}\n        />\n      )}\n\n      <Text type=\"text2\" className={styles.text} ellipsis={false} element=\"p\">\n        {content}\n      </Text>\n\n      {hasActions && (\n        <Flex gap=\"medium\" className={styles.actions}>\n          {link && <AttentionBoxLink {...link} inlineText={false} />}\n          {action && <AttentionBoxButton {...action} />}\n        </Flex>\n      )}\n    </div>\n  );\n};\n\nexport default AttentionBoxDefault;\n"],"names":["AttentionBoxDefault","_ref","title","icon","iconType","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","className","cx","styles","container","_defineProperty","hasIcon","hasTitle","hasCloseButton","createElement","AttentionBoxLeadingIcon","Text","type","weight","AttentionBoxCloseButton","closeButton","text","ellipsis","element","Flex","gap","actions","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton"],"mappings":"gkBAaA,IAAMA,EAAsB,SAAHC,GASM,IAR7BC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAMP,EAANO,OACAC,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QAEMC,EAAaH,GAAUC,EAE7B,OACEG,uBACEC,UAAWC,EAAGC,EAAOC,UAASC,EAAAA,EAAAA,EAAAA,EAC3BF,CAAAA,EAAAA,EAAOG,UAAYf,GACnBY,EAAOI,WAAajB,GACpBa,EAAOJ,WAAaA,GACpBI,EAAOK,iBAAmBf,KAG5BF,GAAQS,EAACS,cAAAC,EAAwB,CAAAnB,KAAMA,EAAMC,SAAUA,EAAUS,UAAWE,EAAOZ,OAEnFD,GACCU,EAACS,cAAAE,GAAKC,KAAK,QAAQC,OAAO,SAASZ,UAAWE,EAAOb,OAClDA,KAIFG,GACDO,gBAACc,EAAuB,CACtBrB,QAASA,EACTE,qBAAsBA,EACtBM,UAAWE,EAAOY,cAItBf,EAACS,cAAAE,GAAKC,KAAK,QAAQX,UAAWE,EAAOa,KAAMC,UAAU,EAAOC,QAAQ,KACjEpB,GAGFC,GACCC,EAACS,cAAAU,EAAK,CAAAC,IAAI,SAASnB,UAAWE,EAAOkB,SAClCxB,GAAQG,gBAACsB,EAAgBC,OAAAC,OAAA,CAAA,EAAK3B,EAAM,CAAA4B,YAAY,KAChD7B,GAAUI,EAACS,cAAAiB,EAAuBH,OAAAC,OAAA,CAAA,EAAA5B,KAK7C"}

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js

@@ -0,0 +1,2 @@
+var n={container:"container_46c1c254b5",icon:"icon_e0c3acb9e3",title:"title_b812bcba9c",text:"text_38990cb42e",actions:"actions_bf9a3016d6",closeButton:"closeButton_78014b2812",hasIcon:"hasIcon_6a850da597",hasCloseButton:"hasCloseButton_a7ace5acea",hasTitle:"hasTitle_ecd6b3ab26"};!function(n){const c="s_id-d1aa0b2532e6_3_67_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+c))return;const a=document.createElement("style");a.id=c,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=n)}(".container_46c1c254b5 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_46c1c254b5 .icon_e0c3acb9e3 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_46c1c254b5 .title_b812bcba9c {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_46c1c254b5 .text_38990cb42e,\n.container_46c1c254b5 .actions_bf9a3016d6 {\n  grid-column: 2/-1;\n}\n.container_46c1c254b5 .text_38990cb42e {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_46c1c254b5 .closeButton_78014b2812 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_46c1c254b5 .actions_bf9a3016d6 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_46c1c254b5:not(.hasIcon_6a850da597) {\n  --grid-columns: 1fr auto;\n}\n.container_46c1c254b5:not(.hasIcon_6a850da597):not(.hasCloseButton_a7ace5acea) {\n  --grid-columns: 1fr;\n}\n.container_46c1c254b5:not(.hasIcon_6a850da597) .title_b812bcba9c {\n  grid-column: 1;\n}\n.container_46c1c254b5:not(.hasIcon_6a850da597) .text_38990cb42e,\n.container_46c1c254b5:not(.hasIcon_6a850da597) .actions_bf9a3016d6 {\n  grid-column: 1/-1;\n}\n.container_46c1c254b5:not(.hasIcon_6a850da597) .closeButton_78014b2812 {\n  grid-column: 2;\n}\n.container_46c1c254b5:not(.hasCloseButton_a7ace5acea) {\n  --grid-columns: auto 1fr;\n}\n.container_46c1c254b5:not(.hasTitle_ecd6b3ab26) .icon_e0c3acb9e3 {\n  align-self: start;\n}\n.container_46c1c254b5:not(.hasTitle_ecd6b3ab26) .text_38990cb42e {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_46c1c254b5:not(.hasTitle_ecd6b3ab26) .closeButton_78014b2812 {\n  margin-block-start: -1px;\n}\n.container_46c1c254b5:not(.hasTitle_ecd6b3ab26) .actions_bf9a3016d6 {\n  grid-row: 2;\n}");export{n as default};
+//# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttentionBoxDefault.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/next/AttentionBox/utils/iconUtils.js

@@ -0,0 +1,2 @@
+import{ATTENTION_BOX_DEFAULT_ICONS as r}from"../consts/icons.js";var n=function(n,o){return!1===n?null:n||r[o||"primary"]};export{n as resolveAttentionBoxIcon};
+//# sourceMappingURL=iconUtils.js.map

package/dist/src/components/next/AttentionBox/utils/iconUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconUtils.js","sources":["../../../../../../src/components/next/AttentionBox/utils/iconUtils.ts"],"sourcesContent":["import type { SubIcon } from \"../../../../types\";\nimport type { AttentionBoxType } from \"../AttentionBox.types\";\nimport { ATTENTION_BOX_DEFAULT_ICONS } from \"../consts/icons\";\n\nexport const resolveAttentionBoxIcon = (icon?: SubIcon | false, type?: AttentionBoxType): SubIcon | null => {\n  if (icon === false) return null;\n  return icon || ATTENTION_BOX_DEFAULT_ICONS[type || \"primary\"];\n};\n"],"names":["resolveAttentionBoxIcon","icon","type","ATTENTION_BOX_DEFAULT_ICONS"],"mappings":"iEAIO,IAAMA,EAA0B,SAACC,EAAwBC,GAC9D,OAAa,IAATD,EAAuB,KACpBA,GAAQE,EAA4BD,GAAQ,UACrD"}

package/dist/src/components/next.js

@@ -0,0 +1,2 @@
+export{default as ModalFooter}from"./Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./Modal/Modal/Modal.js";export{default as ModalHeader}from"./Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./Modal/ModalMedia/ModalMedia.js";export{default as Dropdown}from"./DropdownNew/Dropdown.js";export{default as AttentionBox}from"./next/AttentionBox/AttentionBox.js";
+//# sourceMappingURL=next.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"next.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/constants/keyCodes.js

@@ -0,0 +1,2 @@
+var r={ENTER:"Enter",SPACE:" ",ESCAPE:"Escape",DOWN_ARROW:"ArrowDown",UP_ARROW:"ArrowUp",LEFT_ARROW:"ArrowLeft",RIGHT_ARROW:"ArrowRight",TAB:"Tab"},A=["Enter"," "],R=["ArrowUp","ArrowDown"];export{A as SELECTION_KEYS,R as UP_DOWN_ARROWS,r as keyCodes};
+//# sourceMappingURL=keyCodes.js.map

package/dist/src/constants/keyCodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyCodes.js","sources":["../../../src/constants/keyCodes.js"],"sourcesContent":["export const keyCodes = {\n  ENTER: \"Enter\",\n  SPACE: \" \",\n  ESCAPE: \"Escape\",\n  DOWN_ARROW: \"ArrowDown\",\n  UP_ARROW: \"ArrowUp\",\n  LEFT_ARROW: \"ArrowLeft\",\n  RIGHT_ARROW: \"ArrowRight\",\n  TAB: \"Tab\"\n};\n\nexport const SELECTION_KEYS = [keyCodes.ENTER, keyCodes.SPACE];\nexport const UP_DOWN_ARROWS = [keyCodes.UP_ARROW, keyCodes.DOWN_ARROW];\n"],"names":["keyCodes","ENTER","SPACE","ESCAPE","DOWN_ARROW","UP_ARROW","LEFT_ARROW","RIGHT_ARROW","TAB","SELECTION_KEYS","UP_DOWN_ARROWS"],"mappings":"AAAO,IAAMA,EAAW,CACtBC,MAAO,QACPC,MAAO,IACPC,OAAQ,SACRC,WAAY,YACZC,SAAU,UACVC,WAAY,YACZC,YAAa,aACbC,IAAK,OAGMC,EAAiB,CAACT,QAAgBA,KAClCU,EAAiB,CAACV,UAAmBA"}

package/dist/src/constants/sizes.js

@@ -0,0 +1,2 @@
+var l,m,s={SMALL:"small",MEDIUM:"medium",LARGE:"large"},L=Object.assign({XXS:"xxs",XS:"xs"},s);!function(l){l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(l||(l={})),function(l){l.XXS="xxs",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(m||(m={}));export{s as BASE_SIZES,l as BaseSizes,L as SIZES,m as Sizes};
+//# sourceMappingURL=sizes.js.map

package/dist/src/constants/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../src/constants/sizes.ts"],"sourcesContent":["export const BASE_SIZES = {\n  SMALL: \"small\",\n  MEDIUM: \"medium\",\n  LARGE: \"large\"\n} as const;\n\nexport const SIZES = { XXS: \"xxs\", XS: \"xs\", ...BASE_SIZES } as const;\n\nexport enum BaseSizes {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\nexport enum Sizes {\n  XXS = \"xxs\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\nexport type SIZES_VALUES = (typeof SIZES)[keyof typeof SIZES];\n"],"names":["BaseSizes","Sizes","BASE_SIZES","SMALL","MEDIUM","LARGE","SIZES","Object","XXS","XS"],"mappings":"AAAO,IAQKA,EAMAC,EAdCC,EAAa,CACxBC,MAAO,QACPC,OAAQ,SACRC,MAAO,SAGIC,EAAQC,eAAEC,IAAK,MAAOC,GAAI,MAASP,IAEhD,SAAYF,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAED,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}

package/dist/src/helpers/screenReaderAccessHelper.js

@@ -0,0 +1,2 @@
+import{isNil as i}from"es-toolkit";function e(e){var o=e.isClickable,a=e.isDecorationOnly,n=e.isKeyboardAccessible,s=e.label,l=i(a)?!o&&!s:a;return o||s?r({label:s,isDecorationOnly:l,isKeyboardAccessible:n,isHoverOnly:!o&&!!s}):{role:l?void 0:"img","aria-hidden":l,tabIndex:void 0,"aria-label":a?void 0:s}}function o(i){var e=i.isKeyboardAccessible,o=i.isDecorationOnly,r=i.isHoverOnly;return{role:void 0!==r&&r?"img":"button",tabIndex:void 0===e||e?0:-1,"aria-hidden":void 0!==o&&o}}function r(i){var e=i.label,r=i.isDecorationOnly,a=i.isKeyboardAccessible,n=i.isHoverOnly;return Object.assign(Object.assign({},o({isDecorationOnly:void 0!==r&&r,isKeyboardAccessible:void 0===a||a,isHoverOnly:void 0!==n&&n})),{"aria-label":e})}export{r as getClickableIconScreenReaderAccessProps,o as getClickableScreenReaderAccessProps,e as getIconScreenReaderAccessProps};
+//# sourceMappingURL=screenReaderAccessHelper.js.map

package/dist/src/helpers/screenReaderAccessHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenReaderAccessHelper.js","sources":["../../../src/helpers/screenReaderAccessHelper.ts"],"sourcesContent":["import { isNil } from \"es-toolkit\";\n\nexport function getIconScreenReaderAccessProps({\n  isClickable,\n  isDecorationOnly,\n  isKeyboardAccessible,\n  label\n}: {\n  isClickable: boolean;\n  isDecorationOnly: boolean;\n  isKeyboardAccessible?: boolean;\n  label: string;\n}) {\n  const overrideIsDecorationOnly = isNil(isDecorationOnly) ? !isClickable && !label : isDecorationOnly;\n  if (isClickable || label) {\n    return getClickableIconScreenReaderAccessProps({\n      label,\n      isDecorationOnly: overrideIsDecorationOnly,\n      isKeyboardAccessible,\n      isHoverOnly: !isClickable && !!label\n    });\n  }\n  return {\n    role: overrideIsDecorationOnly ? undefined : \"img\",\n    \"aria-hidden\": overrideIsDecorationOnly,\n    tabIndex: undefined,\n    \"aria-label\": isDecorationOnly ? undefined : label\n  };\n}\n\nexport function getClickableScreenReaderAccessProps({\n  isKeyboardAccessible = true,\n  isDecorationOnly = false,\n  isHoverOnly = false\n}: {\n  isKeyboardAccessible?: boolean;\n  isDecorationOnly?: boolean;\n  isHoverOnly: boolean;\n}) {\n  return {\n    role: isHoverOnly ? \"img\" : \"button\",\n    tabIndex: isKeyboardAccessible ? 0 : -1,\n    \"aria-hidden\": isDecorationOnly\n  };\n}\n\nexport function getClickableIconScreenReaderAccessProps({\n  label,\n  isDecorationOnly = false,\n  isKeyboardAccessible = true,\n  isHoverOnly = false\n}: {\n  label: string;\n  isDecorationOnly?: boolean;\n  isKeyboardAccessible?: boolean;\n  isHoverOnly?: boolean;\n}) {\n  return {\n    ...getClickableScreenReaderAccessProps({ isDecorationOnly, isKeyboardAccessible, isHoverOnly }),\n    \"aria-label\": label\n  };\n}\n"],"names":["getIconScreenReaderAccessProps","_ref","isClickable","isDecorationOnly","isKeyboardAccessible","label","overrideIsDecorationOnly","isNil","getClickableIconScreenReaderAccessProps","isHoverOnly","role","undefined","tabIndex","getClickableScreenReaderAccessProps","_ref2","_ref2$isKeyboardAcces","_ref2$isDecorationOnl","_ref2$isHoverOnly","_ref3","_ref3$isDecorationOnl","_ref3$isKeyboardAcces","_ref3$isHoverOnly","Object","assign"],"mappings":"mCAEM,SAAUA,EAA8BC,GAU7C,IATCC,EAAWD,EAAXC,YACAC,EAAgBF,EAAhBE,iBACAC,EAAoBH,EAApBG,qBACAC,EAAKJ,EAALI,MAOMC,EAA2BC,EAAMJ,IAAqBD,IAAgBG,EAAQF,EACpF,OAAID,GAAeG,EACVG,EAAwC,CAC7CH,MAAAA,EACAF,iBAAkBG,EAClBF,qBAAAA,EACAK,aAAcP,KAAiBG,IAG5B,CACLK,KAAMJ,OAA2BK,EAAY,MAC7C,cAAeL,EACfM,cAAUD,EACV,aAAcR,OAAmBQ,EAAYN,EAEjD,CAEgB,SAAAQ,EAAmCC,GAQlD,IAAAC,EAAAD,EAPCV,qBAA2BY,EAAAF,EAC3BX,iBAAwBc,EAAAH,EACxBL,YAMA,MAAO,CACLC,UAPY,IAAHO,GAAQA,EAOG,MAAQ,SAC5BL,cAVqB,IAAHG,GAAOA,EAUQ,GAAK,EACtC,mBAViB,IAAHC,GAAQA,EAY1B,UAEgBR,EAAuCU,GAUtD,IATCb,EAAKa,EAALb,MAAKc,EAAAD,EACLf,iBAAwBiB,EAAAF,EACxBd,qBAA2BiB,EAAAH,EAC3BT,YAOA,OAAAa,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKV,EAAoC,CAAEV,sBAVxB,IAAHgB,GAAQA,EAUqCf,0BATtC,IAAHgB,GAAOA,EASwDX,iBARrE,IAAHY,GAAQA,KAQ8E,CAC/F,aAAchB,GAElB"}

package/dist/src/helpers/testid-helper.js

@@ -0,0 +1,2 @@
+function n(n){return function(t){return"".concat(n,"__").concat(t)}}export{n as createTestIdHelper};
+//# sourceMappingURL=testid-helper.js.map

package/dist/src/helpers/testid-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testid-helper.js","sources":["../../../src/helpers/testid-helper.ts"],"sourcesContent":["export function createTestIdHelper(componentTestId: string) {\n  return function bem(subElement: string) {\n    return `${componentTestId}__${subElement}`;\n  };\n}\n"],"names":["createTestIdHelper","componentTestId","subElement","concat"],"mappings":"AAAM,SAAUA,EAAmBC,GACjC,OAAO,SAAaC,GAClB,MAAA,GAAAC,OAAUF,EAAeE,MAAAA,OAAKD,GAElC"}

package/dist/src/helpers/textManipulations.js

@@ -0,0 +1,2 @@
+import{convertToArray as t}from"../utils/function-utils.js";var o=0,r=20,n="en-US";var i=Object.freeze({MIN_PRECISION:o,MAX_PRECISION:r,DEFAULT_LOCAL:n});function e(i){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e.local,c=void 0===a?n:a,u=e.isCompact,l=void 0===u||u,m=e.precision,s=void 0===m?2:m;if(null!=i){var f=function(o){var r;try{r=!!Intl.NumberFormat.supportedLocalesOf(t(o),{localeMatcher:"lookup"}).length}catch(t){r=!1}return r}(c),v=function(t){return o>t?o:t>r?r:t}(s);return new Intl.NumberFormat(f?c:n,Object.assign(Object.assign({},l&&{notation:"compact"}),{maximumFractionDigits:v})).format(i)}}export{e as formatNumber,i as formatNumberConsts};
+//# sourceMappingURL=textManipulations.js.map

package/dist/src/helpers/textManipulations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textManipulations.js","sources":["../../../src/helpers/textManipulations.ts"],"sourcesContent":["import { convertToArray } from \"../utils/function-utils\";\n\nconst MIN_PRECISION = 0;\nconst MAX_PRECISION = 20;\nconst DEFAULT_LOCAL = \"en-US\";\n\nfunction validateLocalSupported(local: string) {\n  let isLocalSupported;\n  try {\n    const options = { localeMatcher: \"lookup\" };\n    isLocalSupported = !!Intl.NumberFormat.supportedLocalesOf(convertToArray(local), options).length;\n  } catch (err) {\n    isLocalSupported = false;\n  }\n\n  return isLocalSupported;\n}\n\nfunction validatePrecision(precision: number) {\n  if (precision < MIN_PRECISION) return MIN_PRECISION;\n  if (precision > MAX_PRECISION) return MAX_PRECISION;\n  return precision;\n}\n\nexport const formatNumberConsts = Object.freeze({\n  MIN_PRECISION,\n  MAX_PRECISION,\n  DEFAULT_LOCAL\n});\n\nexport function formatNumber(\n  value: number,\n  {\n    local = DEFAULT_LOCAL,\n    isCompact = true,\n    precision = 2\n  }: { local?: Intl.Locale[\"language\"]; isCompact?: boolean; precision?: number } = {}\n) {\n  if (value === undefined || value === null) return;\n  const isLocalSupported = validateLocalSupported(local);\n  const normalizedPrecision = validatePrecision(precision);\n  const selectedLocal = isLocalSupported ? local : DEFAULT_LOCAL;\n  return new Intl.NumberFormat(selectedLocal, {\n    ...(isCompact && { notation: \"compact\" }),\n    maximumFractionDigits: normalizedPrecision\n  }).format(value);\n}\n"],"names":["MIN_PRECISION","MAX_PRECISION","DEFAULT_LOCAL","formatNumberConsts","Object","freeze","formatNumber","value","_ref","arguments","length","undefined","_ref$local","local","_ref$isCompact","isCompact","_ref$precision","precision","isLocalSupported","Intl","NumberFormat","supportedLocalesOf","convertToArray","localeMatcher","err","validateLocalSupported","normalizedPrecision","validatePrecision","assign","notation","maximumFractionDigits","format"],"mappings":"4DAEA,IAAMA,EAAgB,EAChBC,EAAgB,GAChBC,EAAgB,YAoBTC,EAAqBC,OAAOC,OAAO,CAC9CL,cAAAA,EACAC,cAAAA,EACAC,cAAAA,aAGcI,EACdC,GAKoF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAE,EAAAG,EAAAJ,EAHlFK,MAAAA,OAAQX,IAAHU,EAAGV,EAAaU,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAAAR,EAChBS,UAAAA,OAAY,IAAHD,EAAG,EAACA,EAGf,GAAIT,QAAJ,CACA,IAAMW,EAjCR,SAAgCL,GAC9B,IAAIK,EACJ,IAEEA,IAAqBC,KAAKC,aAAaC,mBAAmBC,EAAeT,GADzD,CAAEU,cAAe,WACyDb,MAC3F,CAAC,MAAOc,GACPN,GAAmB,CACpB,CAED,OAAOA,CACT,CAuB2BO,CAAuBZ,GAC1Ca,EAtBR,SAA2BT,GACzB,OAAgBjB,EAAZiB,EAAkCjB,EAClCiB,EAAYhB,EAAsBA,EAC/BgB,CACT,CAkB8BU,CAAkBV,GAE9C,OAAO,IAAIE,KAAKC,aADMF,EAAmBL,EAAQX,EACPE,OAAAwB,OAAAxB,OAAAwB,OAAA,CAAA,EACpCb,GAAa,CAAEc,SAAU,YAC7B,CAAAC,sBAAuBJ,KACtBK,OAAOxB,EAPiC,CAQ7C"}

package/dist/src/helpers/typesciptCssModulesHelper.js

@@ -0,0 +1,2 @@
+function n(n,r){return r&&n[r]?n[r]:""}export{n as getStyle};
+//# sourceMappingURL=typesciptCssModulesHelper.js.map

package/dist/src/helpers/typesciptCssModulesHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typesciptCssModulesHelper.js","sources":["../../../src/helpers/typesciptCssModulesHelper.ts"],"sourcesContent":["/**\n * Return style by key - used to fix noImplicitAny errors when referencing modular styles from ts files via index accessor\n * @param styles modular styles object\n * @param key string classname\n */\nexport function getStyle<StylesType>(\n  styles: StylesType,\n  key: string | undefined | null\n): StylesType[keyof StylesType] | string {\n  if (!key || !styles[key as keyof typeof styles]) return \"\";\n  return styles[key as keyof typeof styles];\n}\n"],"names":["getStyle","styles","key"],"mappings":"AAKgB,SAAAA,EACdC,EACAC,GAEA,OAAKA,GAAQD,EAAOC,GACbD,EAAOC,GAD0C,EAE1D"}

package/dist/src/hooks/popoverConstants.js

@@ -0,0 +1,2 @@
+var t;!function(t){t.RIGHT="right",t.RIGHT_START="right-start",t.RIGHT_END="right-end",t.LEFT="left",t.LEFT_START="left-start",t.LEFT_END="left-end"}(t||(t={}));export{t as Placement};
+//# sourceMappingURL=popoverConstants.js.map

package/dist/src/hooks/popoverConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popoverConstants.js","sources":["../../../src/hooks/popoverConstants.ts"],"sourcesContent":["export enum Placement {\n  RIGHT = \"right\",\n  RIGHT_START = \"right-start\",\n  RIGHT_END = \"right-end\",\n  LEFT = \"left\",\n  LEFT_START = \"left-start\",\n  LEFT_END = \"left-end\"\n}\n"],"names":["Placement"],"mappings":"IAAYA,GAAZ,SAAYA,GACVA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,UAAA,YACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,SAAA,UACD,CAPD,CAAYA,IAAAA,EAOX,CAAA"}

package/dist/src/hooks/ssr/useIsMounted.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o,useEffect as t}from"react";var n=function(){var n=o(!1),e=r(n,2),i=e[0],u=e[1];return t((function(){return u(!0),function(){u(!1)}}),[]),i};export{n as useIsMounted};
+//# sourceMappingURL=useIsMounted.js.map

package/dist/src/hooks/ssr/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sources":["../../../../src/hooks/ssr/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n// The hook will return true only on client side and not on server side\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => {\n    setIsMounted(true);\n    return () => {\n      setIsMounted(false);\n    };\n  }, []);\n  return isMounted;\n};\n"],"names":["useIsMounted","_useState","useState","_useState2","_slicedToArray","isMounted","setIsMounted","useEffect"],"mappings":"mIAGaA,EAAe,WAC1B,IAAAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAO9B,OANAI,GAAU,WAER,OADAD,GAAa,GACN,WACLA,GAAa,GAEhB,GAAE,IACID,CACT"}

package/dist/src/hooks/ssr/useIsomorphicLayoutEffect.js

@@ -0,0 +1,2 @@
+import{useLayoutEffect as r,useEffect as t}from"react";import{isClient as s}from"../../utils/ssr-utils.js";var o=s()?r:t;export{o as default};
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/src/hooks/ssr/useIsomorphicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../../../src/hooks/ssr/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\n// In server side rendering, useEffect is used instead of useLayoutEffect to avoid the console warnings\nconst useIsomorphicLayoutEffect = isClient() ? useLayoutEffect : useEffect;\n\nexport default useIsomorphicLayoutEffect;\n"],"names":["useIsomorphicLayoutEffect","isClient","useLayoutEffect","useEffect"],"mappings":"2GAIMA,IAAAA,EAA4BC,IAAaC,EAAkBC"}

package/dist/src/hooks/useActiveDescendantListFocus/index.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useMemo as o,useCallback as s}from"react";import{useSetDefaultItemOnFocusEvent as i,useSupportArrowsKeyboardNavigation as n,useSupportPressItemKeyboardNavigation as u,useKeepFocusOnItemWhenListChanged as l,useCleanVisualFocusOnBlur as c}from"./useActiveDescendantListFocusHooks.js";var a;function r(r){var m=r.focusedElementRef,I=r.itemsIds,d=r.isItemSelectable,f=r.onItemClick,v=r.defaultVisualFocusFirstIndex,F=r.focusedElementRole,p=void 0===F?a.GROUP:F,x=r.isHorizontalList,b=void 0!==x&&x,O=r.isIgnoreSpaceAsItemSelection,g=void 0!==O&&O,C=r.useDocumentEventListeners,E=void 0!==C&&C,S=r.ignoreDocumentFallback,k=void 0!==S&&S,P=void 0!==v&&v?0:-1,R=I.length,V=t(-1),A=e(V,2),B=A[0],y=A[1],D=I[B],L=o((function(){return E?k?{ignoreDocumentFallback:k}:void 0:{ref:m,preventDefault:!0,stopPropagation:!0}}),[E,m,k]),T=i({focusedElementRef:m,isItemSelectable:d,visualFocusItemIndex:B,setVisualFocusItemIndex:y,itemsCount:R,defaultVisualFocusItemIndex:P}).triggeredByKeyboard,H=s((function(e,t){T.current=t;var o=I.indexOf(e);o>-1&&o!==B&&y(o)}),[I,T,B]);n({itemsCount:R,focusedElementRef:m,visualFocusItemIndex:B,setVisualFocusItemIndex:y,triggeredByKeyboard:T,isHorizontalList:b,isItemSelectable:d,listenerOptions:L}),u({visualFocusItemIndex:B,itemsCount:R,focusedElementRef:m,setVisualFocusItemIndex:y,onItemClick:f,isItemSelectable:d,listenerOptions:L,isIgnoreSpaceAsItemSelection:g}),l({visualFocusItemIndex:B,itemsIds:I,isItemSelectable:d,setVisualFocusItemIndex:y}),c({focusedElementRef:m,visualFocusItemIndex:B,setVisualFocusItemIndex:y});var M=s((function(e){return function(t){return f(t,e)}}),[f]);return{visualFocusItemIndex:T.current?B:void 0,visualFocusItemId:T.current?D:void 0,focusedElementProps:{"aria-activedescendant":T.current?D:void 0,role:p},onItemClickCallback:f,createOnItemClickCallback:M,setVisualFocusItemId:H}}!function(e){e.APPLICATION="application",e.COMBOBOX="combobox",e.COMPOSITE="composite",e.GROUP="group",e.TEXTBOX="textbox",e.MENU="menu"}(a||(a={})),r.roles=a;export{r as default};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/useActiveDescendantListFocus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useActiveDescendantListFocus/index.ts"],"sourcesContent":["import { type MutableRefObject } from \"react\";\nimport type React from \"react\";\nimport { useMemo, useState, useCallback } from \"react\";\nimport {\n  useSupportArrowsKeyboardNavigation,\n  useSupportPressItemKeyboardNavigation,\n  useSetDefaultItemOnFocusEvent,\n  useKeepFocusOnItemWhenListChanged,\n  useCleanVisualFocusOnBlur\n} from \"./useActiveDescendantListFocusHooks\";\n\nenum Role {\n  APPLICATION = \"application\",\n  COMBOBOX = \"combobox\",\n  COMPOSITE = \"composite\",\n  GROUP = \"group\",\n  TEXTBOX = \"textbox\",\n  MENU = \"menu\"\n}\n\nfunction useActiveDescendantListFocus({\n  focusedElementRef, // the reference for the component that listens to keyboard\n  itemsIds,\n  isItemSelectable,\n  onItemClick,\n  defaultVisualFocusFirstIndex = false,\n  focusedElementRole = Role.GROUP,\n  isHorizontalList = false,\n  isIgnoreSpaceAsItemSelection = false,\n  useDocumentEventListeners = false,\n  ignoreDocumentFallback = false\n}: {\n  focusedElementRef: MutableRefObject<HTMLElement>;\n  itemsIds: string[];\n  isItemSelectable: (index: number) => boolean;\n  onItemClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;\n  defaultVisualFocusFirstIndex?: boolean;\n  focusedElementRole?: Role;\n  isHorizontalList?: boolean;\n  isIgnoreSpaceAsItemSelection?: boolean;\n  useDocumentEventListeners?: boolean;\n  ignoreDocumentFallback?: boolean;\n}) {\n  const defaultVisualFocusItemIndex = defaultVisualFocusFirstIndex ? 0 : -1;\n  const itemsCount = itemsIds.length;\n  const [visualFocusItemIndex, setVisualFocusItemIndex] = useState<number>(-1);\n  const visualFocusItemId = itemsIds[visualFocusItemIndex];\n\n  const listenerOptions = useMemo(() => {\n    if (useDocumentEventListeners) {\n      return ignoreDocumentFallback ? { ignoreDocumentFallback } : undefined;\n    }\n\n    return {\n      ref: focusedElementRef,\n      preventDefault: true,\n      stopPropagation: true\n    };\n  }, [useDocumentEventListeners, focusedElementRef, ignoreDocumentFallback]);\n\n  const { triggeredByKeyboard } = useSetDefaultItemOnFocusEvent({\n    focusedElementRef,\n    isItemSelectable,\n    visualFocusItemIndex,\n    setVisualFocusItemIndex,\n    itemsCount,\n    defaultVisualFocusItemIndex\n  });\n\n  const setVisualFocusItemId = useCallback(\n    (visualFocusItemId: string, isTriggeredByKeyboard: boolean) => {\n      triggeredByKeyboard.current = isTriggeredByKeyboard;\n      const itemIndex = itemsIds.indexOf(visualFocusItemId);\n      if (itemIndex > -1 && itemIndex !== visualFocusItemIndex) {\n        setVisualFocusItemIndex(itemIndex);\n      }\n    },\n    [itemsIds, triggeredByKeyboard, visualFocusItemIndex]\n  );\n\n  useSupportArrowsKeyboardNavigation({\n    itemsCount,\n    focusedElementRef,\n    visualFocusItemIndex,\n    setVisualFocusItemIndex,\n    triggeredByKeyboard,\n    isHorizontalList,\n    isItemSelectable,\n    listenerOptions\n  });\n\n  useSupportPressItemKeyboardNavigation({\n    visualFocusItemIndex,\n    itemsCount,\n    focusedElementRef,\n    setVisualFocusItemIndex,\n    onItemClick,\n    isItemSelectable,\n    listenerOptions,\n    isIgnoreSpaceAsItemSelection\n  });\n\n  useKeepFocusOnItemWhenListChanged({\n    visualFocusItemIndex,\n    itemsIds,\n    isItemSelectable,\n    setVisualFocusItemIndex\n  });\n\n  useCleanVisualFocusOnBlur({ focusedElementRef, visualFocusItemIndex, setVisualFocusItemIndex });\n\n  // this callback function is not needed anymore (the developer does not need to replace  the element's on click with this callback).\n  // TODO: [breaking] remove backward compatibility support\n  const backwardCompatibilityCreateOnClickCallback = useCallback(\n    (itemIndex: number) => (event: React.KeyboardEvent | React.MouseEvent) => onItemClick(event, itemIndex),\n    [onItemClick]\n  );\n  return {\n    visualFocusItemIndex: triggeredByKeyboard.current ? visualFocusItemIndex : undefined,\n    visualFocusItemId: triggeredByKeyboard.current ? visualFocusItemId : undefined,\n    focusedElementProps: {\n      \"aria-activedescendant\": triggeredByKeyboard.current ? visualFocusItemId : undefined,\n      role: focusedElementRole\n    },\n    // this callback function is not needed anymore (the developer does not need to replace  the element's on click with this callback).\n    // TODO: [breaking] remove backward compatibility support\n    onItemClickCallback: onItemClick,\n    createOnItemClickCallback: backwardCompatibilityCreateOnClickCallback,\n    setVisualFocusItemId\n  };\n}\n\nuseActiveDescendantListFocus.roles = Role;\n\nexport default useActiveDescendantListFocus;\n"],"names":["Role","useActiveDescendantListFocus","_ref","focusedElementRef","itemsIds","isItemSelectable","onItemClick","_ref$defaultVisualFoc","defaultVisualFocusFirstIndex","_ref$focusedElementRo","focusedElementRole","GROUP","_ref$isHorizontalList","isHorizontalList","_ref$isIgnoreSpaceAsI","isIgnoreSpaceAsItemSelection","_ref$useDocumentEvent","useDocumentEventListeners","_ref$ignoreDocumentFa","ignoreDocumentFallback","defaultVisualFocusItemIndex","itemsCount","length","_useState","useState","_useState2","_slicedToArray","visualFocusItemIndex","setVisualFocusItemIndex","visualFocusItemId","listenerOptions","useMemo","undefined","ref","preventDefault","stopPropagation","triggeredByKeyboard","useSetDefaultItemOnFocusEvent","setVisualFocusItemId","useCallback","isTriggeredByKeyboard","current","itemIndex","indexOf","useSupportArrowsKeyboardNavigation","useSupportPressItemKeyboardNavigation","useKeepFocusOnItemWhenListChanged","useCleanVisualFocusOnBlur","backwardCompatibilityCreateOnClickCallback","event","focusedElementProps","role","onItemClickCallback","createOnItemClickCallback","roles"],"mappings":"8XAWA,IAAKA,EASL,SAASC,EAA4BC,GAsBpC,IArBCC,EAAiBD,EAAjBC,kBACAC,EAAQF,EAARE,SACAC,EAAgBH,EAAhBG,iBACAC,EAAWJ,EAAXI,YAAWC,EAAAL,EACXM,6BAAoCC,EAAAP,EACpCQ,mBAAAA,OAAkB,IAAAD,EAAGT,EAAKW,MAAKF,EAAAG,EAAAV,EAC/BW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAd,EACpCe,0BAAAA,OAA4B,IAAHD,GAAQA,EAAAE,EAAAhB,EACjCiB,uBAAAA,OAAyB,IAAHD,GAAQA,EAaxBE,OAlByB,IAAHb,GAAQA,EAkB+B,GAAK,EAClEc,EAAajB,EAASkB,OAC5BC,EAAwDC,GAAkB,GAAEC,EAAAC,EAAAH,EAAA,GAArEI,EAAoBF,EAAA,GAAEG,EAAuBH,EAAA,GAC9CI,EAAoBzB,EAASuB,GAE7BG,EAAkBC,GAAQ,WAC9B,OAAId,EACKE,EAAyB,CAAEA,uBAAAA,QAA2Ba,EAGxD,CACLC,IAAK9B,EACL+B,gBAAgB,EAChBC,iBAAiB,EAEpB,GAAE,CAAClB,EAA2Bd,EAAmBgB,IAE1CiB,EAAwBC,EAA8B,CAC5DlC,kBAAAA,EACAE,iBAAAA,EACAsB,qBAAAA,EACAC,wBAAAA,EACAP,WAAAA,EACAD,4BAAAA,IANMgB,oBASFE,EAAuBC,GAC3B,SAACV,EAA2BW,GAC1BJ,EAAoBK,QAAUD,EAC9B,IAAME,EAAYtC,EAASuC,QAAQd,GAC/Ba,GAAa,GAAKA,IAAcf,GAClCC,EAAwBc,EAE3B,GACD,CAACtC,EAAUgC,EAAqBT,IAGlCiB,EAAmC,CACjCvB,WAAAA,EACAlB,kBAAAA,EACAwB,qBAAAA,EACAC,wBAAAA,EACAQ,oBAAAA,EACAvB,iBAAAA,EACAR,iBAAAA,EACAyB,gBAAAA,IAGFe,EAAsC,CACpClB,qBAAAA,EACAN,WAAAA,EACAlB,kBAAAA,EACAyB,wBAAAA,EACAtB,YAAAA,EACAD,iBAAAA,EACAyB,gBAAAA,EACAf,6BAAAA,IAGF+B,EAAkC,CAChCnB,qBAAAA,EACAvB,SAAAA,EACAC,iBAAAA,EACAuB,wBAAAA,IAGFmB,EAA0B,CAAE5C,kBAAAA,EAAmBwB,qBAAAA,EAAsBC,wBAAAA,IAIrE,IAAMoB,EAA6CT,GACjD,SAACG,GAAiB,OAAK,SAACO,GAA6C,OAAK3C,EAAY2C,EAAOP,EAAU,IACvG,CAACpC,IAEH,MAAO,CACLqB,qBAAsBS,EAAoBK,QAAUd,OAAuBK,EAC3EH,kBAAmBO,EAAoBK,QAAUZ,OAAoBG,EACrEkB,oBAAqB,CACnB,wBAAyBd,EAAoBK,QAAUZ,OAAoBG,EAC3EmB,KAAMzC,GAIR0C,oBAAqB9C,EACrB+C,0BAA2BL,EAC3BV,qBAAAA,EAEJ,EAvHA,SAAKtC,GACHA,EAAA,YAAA,cACAA,EAAA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAPD,CAAKA,IAAAA,EAOJ,CAAA,IAkHDC,EAA6BqD,MAAQtD"}

package/dist/src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHelpers.js

@@ -0,0 +1,2 @@
+function e(e){var t=e.isItemSelectable,r=e.visualFocusItemIndex,i=e.itemsCount;if(i-1>=r)for(var n=1;i>=n;n++){var u=(r+n)%i;if(t(u))return u}}function t(e){for(var t=e.isItemSelectable,r=e.visualFocusItemIndex,i=e.itemsCount,n=1;i-1>=n;n++){var u=r-n;if(0>u&&(u=i+u),t(u))return u}}export{e as getNextSelectableIndex,t as getPreviousSelectableIndex};
+//# sourceMappingURL=useActiveDescendantListFocusHelpers.js.map

package/dist/src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveDescendantListFocusHelpers.js","sources":["../../../../src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHelpers.ts"],"sourcesContent":["type ActiveDependentHelper = {\n  isItemSelectable: (index: number) => boolean;\n  visualFocusItemIndex: number;\n  itemsCount: number;\n};\n\nexport function getNextSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount }: ActiveDependentHelper) {\n  if (visualFocusItemIndex > itemsCount - 1) return;\n  // Go over all the next items until found one which is selectable\n  for (let offset = 1; offset <= itemsCount; offset++) {\n    const nextIndex = (visualFocusItemIndex + offset) % itemsCount;\n    if (isItemSelectable(nextIndex)) {\n      return nextIndex;\n    }\n  }\n}\nexport function getPreviousSelectableIndex({\n  isItemSelectable,\n  visualFocusItemIndex,\n  itemsCount\n}: ActiveDependentHelper) {\n  for (let offset = 1; offset <= itemsCount - 1; offset++) {\n    let prevIndex = visualFocusItemIndex - offset;\n    if (prevIndex < 0) {\n      prevIndex = itemsCount + prevIndex;\n    }\n    if (isItemSelectable(prevIndex)) {\n      return prevIndex;\n    }\n  }\n}\n"],"names":["getNextSelectableIndex","_ref","isItemSelectable","visualFocusItemIndex","itemsCount","offset","nextIndex","getPreviousSelectableIndex","_ref2","prevIndex"],"mappings":"AAMM,SAAUA,EAAsBC,GAA8E,IAA3EC,EAAgBD,EAAhBC,iBAAkBC,EAAoBF,EAApBE,qBAAsBC,EAAUH,EAAVG,WAC/E,GAA2BA,EAAa,GAApCD,EAEJ,IAAK,IAAIE,EAAS,EAAaD,GAAVC,EAAsBA,IAAU,CACnD,IAAMC,GAAaH,EAAuBE,GAAUD,EACpD,GAAIF,EAAiBI,GACnB,OAAOA,CAEV,CACH,CACM,SAAUC,EAA0BC,GAKxC,IADsB,IAHtBN,EAAgBM,EAAhBN,iBACAC,EAAoBK,EAApBL,qBACAC,EAAUI,EAAVJ,WAESC,EAAS,EAAaD,EAAa,GAAvBC,EAA0BA,IAAU,CACvD,IAAII,EAAYN,EAAuBE,EAIvC,GAHgB,EAAZI,IACFA,EAAYL,EAAaK,GAEvBP,EAAiBO,GACnB,OAAOA,CAEV,CACH"}

package/dist/src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useMemo as t,useEffect as n,useRef as s}from"react";import i from"../useKeyEvent/index.js";import o from"../useEventListener/index.js";import u from"../usePrevious/index.js";import{getNextSelectableIndex as c,getPreviousSelectableIndex as r}from"./useActiveDescendantListFocusHelpers.js";import l from"../useListenFocusTriggers/index.js";var a;!function(e){e.UP="ArrowUp",e.DOWN="ArrowDown",e.RIGHT="ArrowRight",e.LEFT="ArrowLeft"}(a||(a={}));var m="Enter";function I(t){var n=t.itemsCount,s=t.focusedElementRef,o=t.visualFocusItemIndex,u=t.setVisualFocusItemIndex,l=t.isHorizontalList,m=t.isItemSelectable,I=t.listenerOptions,d=t.triggeredByKeyboard,f=l?a.RIGHT:a.DOWN,v=l?a.LEFT:a.UP,x=e((function(e){var t;document.activeElement===s.current&&(!d.current&&(d.current=!0,o>-1)||(e===f?t=c({isItemSelectable:m,visualFocusItemIndex:o,itemsCount:n}):e===v&&(t=r({isItemSelectable:m,visualFocusItemIndex:o,itemsCount:n})),t>-1&&t!==o&&u(t)))}),[s,d,f,v,o,u,m,n]),F=e((function(){x(v)}),[v,x]),b=e((function(){x(f)}),[f,x]);i(Object.assign({keys:[f],callback:b},I)),i(Object.assign({keys:[v],callback:F},I))}function d(n){var s=n.visualFocusItemIndex,o=n.focusedElementRef,u=n.itemsCount,c=n.setVisualFocusItemIndex,r=n.onItemClick,l=n.isItemSelectable,a=n.listenerOptions,I=void 0===a?void 0:a,d=n.isIgnoreSpaceAsItemSelection,f=void 0!==d&&d,v=t((function(){return f?[m]:[m," "]}),[f]),x=e((function(e,t){r&&(t>=0&&u>t)&&l(t)&&(s!==t&&c(t),r(e,t))}),[u,r,l,s,c]),F=e((function(e){o.current.contains(document.activeElement)&&x(e,s)}),[x,o,s]);i(Object.assign({keys:v,callback:F},I))}function f(t){var s=t.focusedElementRef,i=t.visualFocusItemIndex,c=t.setVisualFocusItemIndex,r=u(s),l=e((function(){-1!==i&&c(-1)}),[c,i]);n((function(){null===(null==s?void 0:s.current)&&null!==(null==r?void 0:r.current)&&l()}),[s.current,r,l]),o({eventName:"blur",ref:s,callback:l})}function v(t){var n=t.focusedElementRef,i=t.isItemSelectable,o=t.visualFocusItemIndex,u=t.setVisualFocusItemIndex,r=t.itemsCount,a=t.defaultVisualFocusItemIndex,m=void 0===a?-1:a,I=s(!1),d=e((function(){var e;(I.current=!0,o!==m)&&(e=i(m)?m:c({isItemSelectable:i,itemsCount:r,visualFocusItemIndex:m}),u(e))}),[m,i,r,u,I,o]),f=e((function(){I.current=!1}),[I]);return l({ref:n,onFocusByKeyboard:d,onFocusByMouse:f}),{triggeredByKeyboard:I}}function x(e){var t=e.visualFocusItemIndex,s=e.itemsIds,i=e.isItemSelectable,o=e.setVisualFocusItemIndex,r=u(s);n((function(){var e;void 0!==r&&r!==s&&void 0!==r&&-1!==t?e=s.indexOf(r[t]):e=t;if(e!==t)if(i(e))o(e);else{var n=c({isItemSelectable:i,visualFocusItemIndex:e,itemsCount:s.length});o(n)}}),[t,s,i,o,r])}export{f as useCleanVisualFocusOnBlur,x as useKeepFocusOnItemWhenListChanged,v as useSetDefaultItemOnFocusEvent,I as useSupportArrowsKeyboardNavigation,d as useSupportPressItemKeyboardNavigation};
+//# sourceMappingURL=useActiveDescendantListFocusHooks.js.map

package/dist/src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveDescendantListFocusHooks.js","sources":["../../../../src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.ts"],"sourcesContent":["import { type MutableRefObject } from \"react\";\nimport type React from \"react\";\nimport { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport useKeyEvent, { type UseKeyEventArgs } from \"../useKeyEvent\";\nimport useEventListener from \"../useEventListener\";\nimport usePrevious from \"../usePrevious\";\nimport { getNextSelectableIndex, getPreviousSelectableIndex } from \"./useActiveDescendantListFocusHelpers\";\nimport useListenFocusTriggers from \"../useListenFocusTriggers\";\n\nenum ArrowDirection {\n  UP = \"ArrowUp\",\n  DOWN = \"ArrowDown\",\n  RIGHT = \"ArrowRight\",\n  LEFT = \"ArrowLeft\"\n}\n\nconst ENTER_KEY = \"Enter\";\nconst SPACE_KEY = \" \";\n\nexport function useSupportArrowsKeyboardNavigation({\n  itemsCount,\n  focusedElementRef,\n  visualFocusItemIndex,\n  setVisualFocusItemIndex,\n  isHorizontalList,\n  isItemSelectable,\n  listenerOptions,\n  triggeredByKeyboard\n}: {\n  itemsCount: number;\n  focusedElementRef: MutableRefObject<HTMLElement>;\n  visualFocusItemIndex: number;\n  setVisualFocusItemIndex: (index: number) => void;\n  isHorizontalList: boolean;\n  isItemSelectable: (index: number) => boolean;\n  triggeredByKeyboard: MutableRefObject<boolean>;\n  listenerOptions: Omit<UseKeyEventArgs, \"keys\" | \"callback\">;\n}) {\n  const nextArrow = isHorizontalList ? ArrowDirection.RIGHT : ArrowDirection.DOWN;\n  const backArrow = isHorizontalList ? ArrowDirection.LEFT : ArrowDirection.UP;\n\n  const onArrowKeyEvent = useCallback(\n    (direction: ArrowDirection) => {\n      // we desire to change the visual focus item only if the user pressed on the keyboard arrows keys while\n      // the focusedElementRef is naturally focus\n      if (document.activeElement !== focusedElementRef.current) {\n        return;\n      }\n\n      // If the focusedElementRef is naturally focus but this is the first keyboard interaction of the user, we will mark future user interactions as trigger by keyboard (until the next mouse interaction)\n      // that from now on the interactions are trigger by keyboard (until the next mouse interaction)\n      if (!triggeredByKeyboard.current) {\n        triggeredByKeyboard.current = true;\n\n        // If the focusedElementRef is naturally focus but this is the first keyboard interaction of the user, we want only to display the item\n        // which right now visually focus without changing it.\n        if (visualFocusItemIndex > -1) {\n          return;\n        }\n      }\n\n      let newIndex;\n\n      // We will change the visual focused item index according to the direction of the pressed arrow\n      if (direction === nextArrow) {\n        newIndex = getNextSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount });\n      } else if (direction === backArrow) {\n        newIndex = getPreviousSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount });\n      }\n\n      if (newIndex > -1 && newIndex !== visualFocusItemIndex) setVisualFocusItemIndex(newIndex);\n    },\n    [\n      focusedElementRef,\n      triggeredByKeyboard,\n      nextArrow,\n      backArrow,\n      visualFocusItemIndex,\n      setVisualFocusItemIndex,\n      isItemSelectable,\n      itemsCount\n    ]\n  );\n  const onArrowBack = useCallback(() => {\n    onArrowKeyEvent(backArrow);\n  }, [backArrow, onArrowKeyEvent]);\n\n  const onArrowNext = useCallback(() => {\n    onArrowKeyEvent(nextArrow);\n  }, [nextArrow, onArrowKeyEvent]);\n\n  useKeyEvent({\n    keys: [nextArrow],\n    callback: onArrowNext,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: [backArrow],\n    callback: onArrowBack,\n    ...listenerOptions\n  });\n}\n\nexport function useSupportPressItemKeyboardNavigation({\n  visualFocusItemIndex,\n  focusedElementRef,\n  itemsCount,\n  setVisualFocusItemIndex,\n  onItemClick,\n  isItemSelectable,\n  listenerOptions = undefined,\n  isIgnoreSpaceAsItemSelection = false\n}: {\n  visualFocusItemIndex: number;\n  focusedElementRef: MutableRefObject<HTMLElement>;\n  itemsCount: number;\n  setVisualFocusItemIndex: (index: number) => void;\n  onItemClick: (event: React.MouseEvent | React.KeyboardEvent, index: number) => void;\n  isItemSelectable: (index: number) => boolean;\n  listenerOptions: Omit<UseKeyEventArgs, \"keys\" | \"callback\">;\n  isIgnoreSpaceAsItemSelection: boolean;\n}) {\n  const pressKeys = useMemo(\n    () => (isIgnoreSpaceAsItemSelection ? [ENTER_KEY] : [ENTER_KEY, SPACE_KEY]),\n    [isIgnoreSpaceAsItemSelection]\n  );\n\n  const baseOnClickCallback = useCallback(\n    (event: React.KeyboardEvent, itemIndex: number) => {\n      const hasValidIndex = itemIndex >= 0 && itemIndex < itemsCount;\n      if (!onItemClick || !hasValidIndex || !isItemSelectable(itemIndex)) return;\n      if (visualFocusItemIndex !== itemIndex) setVisualFocusItemIndex(itemIndex);\n      onItemClick(event, itemIndex);\n    },\n    [itemsCount, onItemClick, isItemSelectable, visualFocusItemIndex, setVisualFocusItemIndex]\n  );\n\n  const keyboardOnSelectCallback = useCallback(\n    (event: React.KeyboardEvent) => {\n      // we desire to change the trigger the active item on click callback only if the user pressed on the keyboard arrows keys while\n      // the focusedElementRef is naturally focus\n      if (focusedElementRef.current.contains(document.activeElement)) {\n        baseOnClickCallback(event, visualFocusItemIndex);\n      }\n    },\n    [baseOnClickCallback, focusedElementRef, visualFocusItemIndex]\n  );\n\n  useKeyEvent({\n    keys: pressKeys,\n    callback: keyboardOnSelectCallback,\n    ...listenerOptions\n  });\n}\n\nexport function useCleanVisualFocusOnBlur({\n  focusedElementRef,\n  visualFocusItemIndex,\n  setVisualFocusItemIndex\n}: {\n  focusedElementRef: MutableRefObject<HTMLElement>;\n  visualFocusItemIndex: number;\n  setVisualFocusItemIndex: (index: number) => void;\n}) {\n  const previousFocusedElementRef = usePrevious(focusedElementRef);\n\n  const onBlurCallback = useCallback(() => {\n    if (visualFocusItemIndex !== -1) {\n      setVisualFocusItemIndex(-1);\n    }\n  }, [setVisualFocusItemIndex, visualFocusItemIndex]);\n\n  // if element unmount act like element got blur event\n  useEffect(() => {\n    // if element unmount\n    if (focusedElementRef?.current === null && previousFocusedElementRef?.current !== null) {\n      onBlurCallback();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [focusedElementRef.current, previousFocusedElementRef, onBlurCallback]);\n\n  useEventListener({\n    eventName: \"blur\",\n    ref: focusedElementRef,\n    callback: onBlurCallback\n  });\n}\n\nexport function useSetDefaultItemOnFocusEvent({\n  focusedElementRef,\n  isItemSelectable,\n  visualFocusItemIndex,\n  setVisualFocusItemIndex,\n  itemsCount,\n  defaultVisualFocusItemIndex = -1\n}: {\n  focusedElementRef: MutableRefObject<HTMLElement>;\n  isItemSelectable: (index: number) => boolean;\n  visualFocusItemIndex: number;\n  setVisualFocusItemIndex: (index: number) => void;\n  itemsCount: number;\n  defaultVisualFocusItemIndex: number;\n}) {\n  const triggeredByKeyboard = useRef(false);\n\n  const onFocusByKeyboard = useCallback(() => {\n    triggeredByKeyboard.current = true;\n    if (visualFocusItemIndex !== defaultVisualFocusItemIndex) {\n      let newVisualFocusIndex;\n      if (isItemSelectable(defaultVisualFocusItemIndex)) {\n        newVisualFocusIndex = defaultVisualFocusItemIndex;\n      } else {\n        newVisualFocusIndex = getNextSelectableIndex({\n          isItemSelectable,\n          itemsCount,\n          visualFocusItemIndex: defaultVisualFocusItemIndex\n        });\n      }\n      setVisualFocusItemIndex(newVisualFocusIndex);\n    }\n  }, [\n    defaultVisualFocusItemIndex,\n    isItemSelectable,\n    itemsCount,\n    setVisualFocusItemIndex,\n    triggeredByKeyboard,\n    visualFocusItemIndex\n  ]);\n  const onFocusByMouse = useCallback(() => {\n    triggeredByKeyboard.current = false;\n  }, [triggeredByKeyboard]);\n  useListenFocusTriggers({ ref: focusedElementRef, onFocusByKeyboard, onFocusByMouse });\n\n  return { triggeredByKeyboard };\n}\n\nexport function useKeepFocusOnItemWhenListChanged({\n  visualFocusItemIndex,\n  itemsIds,\n  isItemSelectable,\n  setVisualFocusItemIndex\n}: {\n  visualFocusItemIndex: number;\n  itemsIds: string[];\n  isItemSelectable: (index: number) => boolean;\n  setVisualFocusItemIndex: (index: number) => void;\n}) {\n  const prevItemIds = usePrevious(itemsIds);\n\n  // When item list changed, keep the focus on the same item\n  useEffect(() => {\n    // When the list is changing the index of the focused item is point to a different item then before and\n    // this is why we want to search for the new index of the item and change the index to point to it.\n    let overrideIndexAfterListChanged;\n    const isListChanged = prevItemIds !== undefined && prevItemIds !== itemsIds;\n    if (isListChanged && prevItemIds !== undefined && visualFocusItemIndex !== -1) {\n      const focusedItemId = prevItemIds[visualFocusItemIndex];\n      overrideIndexAfterListChanged = itemsIds.indexOf(focusedItemId);\n    } else {\n      overrideIndexAfterListChanged = visualFocusItemIndex;\n    }\n\n    if (overrideIndexAfterListChanged !== visualFocusItemIndex) {\n      if (isItemSelectable(overrideIndexAfterListChanged)) {\n        setVisualFocusItemIndex(overrideIndexAfterListChanged);\n      } else {\n        const closestSelectableIndex = getNextSelectableIndex({\n          isItemSelectable,\n          visualFocusItemIndex: overrideIndexAfterListChanged,\n          itemsCount: itemsIds.length\n        });\n        setVisualFocusItemIndex(closestSelectableIndex);\n      }\n    }\n  }, [visualFocusItemIndex, itemsIds, isItemSelectable, setVisualFocusItemIndex, prevItemIds]);\n}\n"],"names":["ArrowDirection","ENTER_KEY","useSupportArrowsKeyboardNavigation","_ref","itemsCount","focusedElementRef","visualFocusItemIndex","setVisualFocusItemIndex","isHorizontalList","isItemSelectable","listenerOptions","triggeredByKeyboard","nextArrow","RIGHT","DOWN","backArrow","LEFT","UP","onArrowKeyEvent","useCallback","direction","newIndex","document","activeElement","current","getNextSelectableIndex","getPreviousSelectableIndex","onArrowBack","onArrowNext","useKeyEvent","Object","assign","keys","callback","useSupportPressItemKeyboardNavigation","_ref2","onItemClick","_ref2$listenerOptions","undefined","_ref2$isIgnoreSpaceAs","isIgnoreSpaceAsItemSelection","pressKeys","useMemo","baseOnClickCallback","event","itemIndex","keyboardOnSelectCallback","contains","useCleanVisualFocusOnBlur","_ref3","previousFocusedElementRef","usePrevious","onBlurCallback","useEffect","useEventListener","eventName","ref","useSetDefaultItemOnFocusEvent","_ref4","_ref4$defaultVisualFo","defaultVisualFocusItemIndex","useRef","onFocusByKeyboard","newVisualFocusIndex","onFocusByMouse","useListenFocusTriggers","useKeepFocusOnItemWhenListChanged","_ref5","itemsIds","prevItemIds","overrideIndexAfterListChanged","indexOf","closestSelectableIndex","length"],"mappings":"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"}

package/dist/src/hooks/useAfterFirstRender/index.js

@@ -0,0 +1,2 @@
+import{useRef as r,useEffect as t}from"react";function n(){var n=r(!1);return t((function(){var r=setTimeout((function(){n.current=!0}),0);return function(){return clearTimeout(r)}}),[]),n}export{n as default};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/useAfterFirstRender/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useAfterFirstRender/index.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from \"react\";\n\nexport default function useAfterFirstRender(): RefObject<boolean> {\n  const isAfterFirstRender = useRef(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      isAfterFirstRender.current = true;\n    }, 0);\n    return () => clearTimeout(timer);\n  }, []);\n\n  return isAfterFirstRender;\n}\n"],"names":["useAfterFirstRender","isAfterFirstRender","useRef","useEffect","timer","setTimeout","current","clearTimeout"],"mappings":"8CAEc,SAAUA,IACtB,IAAMC,EAAqBC,GAAO,GASlC,OAPAC,GAAU,WACR,IAAMC,EAAQC,YAAW,WACvBJ,EAAmBK,SAAU,CAC9B,GAAE,GACH,OAAO,WAAA,OAAMC,aAAaH,EAAM,CACjC,GAAE,IAEIH,CACT"}

package/dist/src/hooks/useClickOutside/index.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useRef as t}from"react";import r from"../useEventListener/index.js";import{isClient as n}from"../../utils/ssr-utils.js";function a(a){var c=a.ref,o=a.callback,s=a.ignoreClasses,i=a.eventName,l=void 0===i?"click":i,u=e((function(e){c&&c.current&&!c.current.contains(e.target)&&(s&&e.target instanceof HTMLElement&&e.target.closest(s.join(","))||o(e))}),[c,o,s]),m=t(n()?document.body:null);r({eventName:l,ref:m,callback:u,capture:!0}),r({eventName:"touchend",ref:m,callback:u,capture:!0})}export{a as default};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/useClickOutside/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { useCallback, useRef, type RefObject } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { type GenericEventCallback } from \"../../types/events\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport default function useClickOutside({\n  ref,\n  callback,\n  ignoreClasses,\n  eventName = \"click\"\n}: {\n  ref: RefObject<HTMLElement>;\n  callback: GenericEventCallback;\n  ignoreClasses?: string[];\n  eventName?: keyof HTMLElementEventMap | string;\n}) {\n  const onClickOutsideListener = useCallback(\n    (event: MouseEvent) => {\n      if (!ref || !ref.current || ref.current.contains(event.target as Node)) {\n        return;\n      }\n\n      const shouldIgnoreClasses = ignoreClasses && event.target instanceof HTMLElement;\n      if (shouldIgnoreClasses && event.target.closest(ignoreClasses.join(\",\"))) {\n        return;\n      }\n\n      callback(event);\n    },\n\n    [ref, callback, ignoreClasses]\n  );\n\n  const documentRef = useRef(isClient() ? document.body : null);\n\n  useEventListener({\n    eventName,\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true\n  });\n\n  useEventListener({\n    eventName: \"touchend\",\n    ref: documentRef,\n    callback: onClickOutsideListener,\n    capture: true\n  });\n}\n"],"names":["useClickOutside","_ref","ref","callback","ignoreClasses","_ref$eventName","eventName","onClickOutsideListener","useCallback","event","current","contains","target","HTMLElement","closest","join","documentRef","useRef","isClient","document","body","useEventListener","capture"],"mappings":"gJAKwB,SAAAA,EAAeC,GAUtC,IATCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,UAAAA,OAAY,IAAHD,EAAG,QAAOA,EAObE,EAAyBC,GAC7B,SAACC,GACMP,GAAQA,EAAIQ,UAAWR,EAAIQ,QAAQC,SAASF,EAAMG,UAI3BR,GAAiBK,EAAMG,kBAAkBC,aAC1CJ,EAAMG,OAAOE,QAAQV,EAAcW,KAAK,OAInEZ,EAASM,GACV,GAED,CAACP,EAAKC,EAAUC,IAGZY,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAExDC,EAAiB,CACff,UAAAA,EACAJ,IAAKc,EACLb,SAAUI,EACVe,SAAS,IAGXD,EAAiB,CACff,UAAW,WACXJ,IAAKc,EACLb,SAAUI,EACVe,SAAS,GAEb"}

package/dist/src/hooks/useClickableProps/useClickableProps.js

@@ -0,0 +1,2 @@
+import{useKeyboardButtonPressedFunc as o}from"../useKeyboardButtonPressedFunc.js";import{useRef as e}from"react";import i from"../useMergeRef.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as t}from"../../tests/constants.js";import{NOOP as r}from"../../utils/function-utils.js";function d(d,n){var s=d.onClick,u=void 0===s?r:s,p=d.onMouseDown,v=void 0===p?r:p,l=d.onMouseEnter,m=void 0===l?r:l,f=d.onMouseLeave,b=void 0===f?r:f,c=d.disabled,M=void 0!==c&&c,j=d.id,x=d["data-testid"],L=d.role,C=void 0===L?"button":L,E=d.tabIndex,I=void 0===E?0:E,w=d.ariaLabel,D=d.ariaHidden,K=d.ariaHasPopup,h=d.ariaExpanded,k=o(u),y=e(null),B=void 0===K?void 0:!!K;return{ref:i(n,y),id:j,"data-testid":x||a(t.CLICKABLE,j),onClick:M?void 0:u,onKeyDown:M?void 0:k,onMouseDown:v,onMouseEnter:m,onMouseLeave:b,tabIndex:M?-1:Number(I),role:C,"aria-label":w,"aria-hidden":D,"aria-haspopup":B,"aria-expanded":h}}export{d as default};
+//# sourceMappingURL=useClickableProps.js.map

package/dist/src/hooks/useClickableProps/useClickableProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickableProps.js","sources":["../../../../src/hooks/useClickableProps/useClickableProps.ts"],"sourcesContent":["import { useKeyboardButtonPressedFunc } from \"../useKeyboardButtonPressedFunc\";\nimport type React from \"react\";\nimport { useRef } from \"react\";\nimport useMergeRef from \"../useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type ClickableProps } from \"../../components/Clickable/Clickable\";\nimport { NOOP } from \"../../utils/function-utils\";\n\n/**\n * Return props for adding clickable functionality to the element except for the styles and classNames\n */\nexport default function useClickableProps(\n  {\n    onClick = NOOP,\n    onMouseDown = NOOP,\n    onMouseEnter = NOOP,\n    onMouseLeave = NOOP,\n    disabled = false,\n    id,\n    \"data-testid\": dataTestId,\n    role = \"button\",\n    tabIndex = 0,\n    ariaLabel,\n    ariaHidden,\n    ariaHasPopup,\n    ariaExpanded\n  }: ClickableProps,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const onKeyDown = useKeyboardButtonPressedFunc(onClick);\n  const componentRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergeRef(ref, componentRef);\n  // Remove when ariaHasPopup is no longer a string\n  const overrideAriaHasPopup = ariaHasPopup === undefined ? undefined : !!ariaHasPopup;\n\n  return {\n    ref: mergedRef,\n    id,\n    \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.CLICKABLE, id),\n    onClick: disabled ? undefined : onClick,\n    onKeyDown: disabled ? undefined : onKeyDown,\n    onMouseDown,\n    onMouseEnter,\n    onMouseLeave,\n    tabIndex: disabled ? -1 : Number(tabIndex),\n    role,\n    \"aria-label\": ariaLabel,\n    \"aria-hidden\": ariaHidden,\n    \"aria-haspopup\": overrideAriaHasPopup,\n    \"aria-expanded\": ariaExpanded\n  };\n}\n"],"names":["useClickableProps","_ref","ref","_ref$onClick","onClick","NOOP","_ref$onMouseDown","onMouseDown","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$disabled","disabled","id","dataTestId","_ref$role","role","_ref$tabIndex","tabIndex","ariaLabel","ariaHidden","ariaHasPopup","ariaExpanded","onKeyDown","useKeyboardButtonPressedFunc","componentRef","useRef","overrideAriaHasPopup","undefined","useMergeRef","getTestId","ComponentDefaultTestId","CLICKABLE","Number"],"mappings":"4TAYwB,SAAAA,EAAiBC,EAgBvCC,GAAoC,IAAAC,EAAAF,EAdlCG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAAAA,OAAcF,IAAHC,EAAGD,EAAIC,EAAAE,EAAAP,EAClBQ,aAAAA,OAAeJ,IAAHG,EAAGH,EAAIG,EAAAE,EAAAT,EACnBU,aAAAA,OAAeN,IAAHK,EAAGL,EAAIK,EAAAE,EAAAX,EACnBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEb,EAAFa,GACeC,EAAUd,EAAzB,eAAae,EAAAf,EACbgB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAjB,EACfkB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAASnB,EAATmB,UACAC,EAAUpB,EAAVoB,WACAC,EAAYrB,EAAZqB,aACAC,EAAYtB,EAAZsB,aAIIC,EAAYC,EAA6BrB,GACzCsB,EAAeC,EAA2B,MAG1CC,OAAwCC,IAAjBP,OAA6BO,IAAcP,EAExE,MAAO,CACLpB,IALgB4B,EAAY5B,EAAKwB,GAMjCZ,GAAAA,EACA,cAAeC,GAAcgB,EAAUC,EAAuBC,UAAWnB,GACzEV,QAASS,OAAWgB,EAAYzB,EAChCoB,UAAWX,OAAWgB,EAAYL,EAClCjB,YAAAA,EACAE,aAAAA,EACAE,aAAAA,EACAQ,SAAUN,GAAY,EAAIqB,OAAOf,GACjCF,KAAAA,EACA,aAAcG,EACd,cAAeC,EACf,gBAAiBO,EACjB,gBAAiBL,EAErB"}

package/dist/src/hooks/useDebounceEvent/index.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useRef as e,useEffect as a,useMemo as n,useCallback as u}from"react";import{noop as i,debounce as o}from"es-toolkit";function l(l){var c=l.delay,f=void 0===c?0:c,m=l.onChange,p=l.initialStateValue,v=void 0===p?"":p,d=l.trim,s=t(v),g=r(s,2),V=g[0],h=g[1],y=e(null);a((function(){y.current=v}));var C=n((function(){return f?m?o(m,f):i:m}),[m,f]),_=u((function(r){var t=r.target.value,e=d?t.trim():t;h(e),C(e)}),[C,h,d]),b=u((function(){h(""),m&&m("")}),[h,m]);return v!==y.current&&v!==V&&h(v),{inputValue:V,onEventChanged:_,clearValue:b,updateValue:h}}export{l as default};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/useDebounceEvent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useDebounceEvent/index.ts"],"sourcesContent":["import {\n  useMemo,\n  useCallback,\n  useState,\n  useRef,\n  useEffect,\n  type ChangeEvent,\n  type Dispatch,\n  type SetStateAction\n} from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport { noop } from \"es-toolkit\";\n\nexport type UseDebounceResult = {\n  inputValue: string;\n  onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;\n  clearValue: () => void;\n  updateValue: Dispatch<SetStateAction<string>>;\n};\n\nexport default function useDebounceEvent({\n  delay = 0,\n  onChange,\n  initialStateValue = \"\",\n  trim\n}: {\n  onChange: (value: string) => void;\n  initialStateValue?: string;\n  delay?: number;\n  trim?: boolean;\n}) {\n  const [inputValue, setValue] = useState<string>(initialStateValue);\n  const previousValue = useRef<string>(null);\n\n  useEffect(() => {\n    previousValue.current = initialStateValue;\n  });\n\n  const debounceCallback = useMemo(() => {\n    if (!delay) {\n      return onChange;\n    }\n\n    if (!onChange) {\n      return noop;\n    }\n\n    return debounce(onChange, delay);\n  }, [onChange, delay]);\n\n  const onEventChanged = useCallback(\n    (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => {\n      const { value } = event.target;\n      const finalValue = trim ? value.trim() : value;\n      setValue(finalValue);\n      debounceCallback(finalValue);\n    },\n    [debounceCallback, setValue, trim]\n  );\n\n  const clearValue = useCallback(() => {\n    setValue(\"\");\n    if (onChange) {\n      onChange(\"\");\n    }\n  }, [setValue, onChange]);\n\n  if (initialStateValue !== previousValue.current && initialStateValue !== inputValue) {\n    setValue(initialStateValue);\n  }\n\n  return { inputValue, onEventChanged, clearValue, updateValue: setValue };\n}\n"],"names":["useDebounceEvent","_ref","_ref$delay","delay","onChange","_ref$initialStateValu","initialStateValue","trim","_useState","useState","_useState2","_slicedToArray","inputValue","setValue","previousValue","useRef","useEffect","current","debounceCallback","useMemo","debounce","noop","onEventChanged","useCallback","event","value","target","finalValue","clearValue","updateValue"],"mappings":"yNAoBc,SAAUA,EAAgBC,GAUvC,IAAAC,EAAAD,EATCE,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EACTE,EAAQH,EAARG,SAAQC,EAAAJ,EACRK,kBAAAA,OAAoB,IAAHD,EAAG,GAAEA,EACtBE,EAAIN,EAAJM,KAOAC,EAA+BC,EAAiBH,GAAkBI,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAQH,EAAA,GACrBI,EAAgBC,EAAe,MAErCC,GAAU,WACRF,EAAcG,QAAUX,CAC1B,IAEA,IAAMY,EAAmBC,GAAQ,WAC/B,OAAKhB,EAIAC,EAIEgB,EAAShB,EAAUD,GAHjBkB,EAJAjB,CAQX,GAAG,CAACA,EAAUD,IAERmB,EAAiBC,GACrB,SAACC,GACC,IAAQC,EAAUD,EAAME,OAAhBD,MACFE,EAAapB,EAAOkB,EAAMlB,OAASkB,EACzCZ,EAASc,GACTT,EAAiBS,EAClB,GACD,CAACT,EAAkBL,EAAUN,IAGzBqB,EAAaL,GAAY,WAC7BV,EAAS,IACLT,GACFA,EAAS,GAEb,GAAG,CAACS,EAAUT,IAMd,OAJIE,IAAsBQ,EAAcG,SAAWX,IAAsBM,GACvEC,EAASP,GAGJ,CAAEM,WAAAA,EAAYU,eAAAA,EAAgBM,WAAAA,EAAYC,YAAahB,EAChE"}

package/dist/src/hooks/useDisableScroll/index.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useEffect as n}from"react";var t=function(t){var r=e((function(e){return e.preventDefault(),e.stopPropagation(),!1}),[]),o=e((function(){(null==t?void 0:t.length)>0&&document.querySelectorAll(t).forEach((function(e){e.addEventListener("wheel",r)}))}),[r,t]),l=e((function(){(null==t?void 0:t.length)>0&&document.querySelectorAll(t).forEach((function(e){e.removeEventListener("wheel",r)}))}),[r,t]);return n((function(){return l}),[l]),{disableScroll:o,enableScroll:l}};export{t as default};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/useDisableScroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useDisableScroll/index.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\n\nconst useDisableScroll = (scrollableQuerySelector: string) => {\n  const _disableScroll = useCallback((e: Event) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    return false;\n  }, []);\n\n  const disableScroll = useCallback(() => {\n    if (scrollableQuerySelector?.length > 0) {\n      document.querySelectorAll(scrollableQuerySelector).forEach((item: Element) => {\n        item.addEventListener(\"wheel\", _disableScroll);\n      });\n    }\n  }, [_disableScroll, scrollableQuerySelector]);\n\n  const enableScroll = useCallback(() => {\n    if (scrollableQuerySelector?.length > 0) {\n      document.querySelectorAll(scrollableQuerySelector).forEach((item: Element) => {\n        item.removeEventListener(\"wheel\", _disableScroll);\n      });\n    }\n  }, [_disableScroll, scrollableQuerySelector]);\n\n  useEffect(() => {\n    return enableScroll;\n  }, [enableScroll]);\n\n  return {\n    disableScroll,\n    enableScroll\n  };\n};\n\nexport default useDisableScroll;\n"],"names":["useDisableScroll","scrollableQuerySelector","_disableScroll","useCallback","e","preventDefault","stopPropagation","disableScroll","length","document","querySelectorAll","forEach","item","addEventListener","enableScroll","removeEventListener","useEffect"],"mappings":"mDAEA,IAAMA,EAAmB,SAACC,GACxB,IAAMC,EAAiBC,GAAY,SAACC,GAIlC,OAHAA,EAAEC,iBACFD,EAAEE,mBAEK,CACR,GAAE,IAEGC,EAAgBJ,GAAY,YAC5BF,aAAuB,EAAvBA,EAAyBO,QAAS,GACpCC,SAASC,iBAAiBT,GAAyBU,SAAQ,SAACC,GAC1DA,EAAKC,iBAAiB,QAASX,EACjC,GAEJ,GAAG,CAACA,EAAgBD,IAEda,EAAeX,GAAY,YAC3BF,aAAuB,EAAvBA,EAAyBO,QAAS,GACpCC,SAASC,iBAAiBT,GAAyBU,SAAQ,SAACC,GAC1DA,EAAKG,oBAAoB,QAASb,EACpC,GAEJ,GAAG,CAACA,EAAgBD,IAMpB,OAJAe,GAAU,WACR,OAAOF,CACT,GAAG,CAACA,IAEG,CACLP,cAAAA,EACAO,aAAAA,EAEJ"}

package/dist/src/hooks/useElementsOverflowingIndex.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as r,useEffect as t}from"react";import{last as i}from"es-toolkit";import o from"./useResizeObserver.js";function l(l){var u=l.ref,c=l.children,f=l.paddingSize,a=l.resizeDebounceTime,d=l.ignoreLast,s=n(null),h=e(s,2),g=h[0],m=h[1],p=r((function(e){m(e.borderBoxSize.inlineSize)}),[m]);o({ref:u,callback:p,debounceTime:a});var v=n([]),L=e(v,2),b=L[0],z=L[1],x=n(null),S=e(x,2),T=S[0],j=S[1];return t((function(){if(d)if(!b.slice(0,-1).find((function(e){return e.totalLength>g-f})))j(-1);else{var e=b.length>0?i(b).childLength:0;j(b.findIndex((function(n){return n.totalLength>g-f-e})))}else j(b.findIndex((function(e){return e.totalLength>g-f})))}),[b,g,j,f,d]),t((function(){if(u.current){var e=[],n=0;u.current.childNodes.forEach((function(r){var t=r.clientWidth;e.push({childLength:t,totalLength:n+=t})})),z(e)}}),[c,u,z]),T}export{l as default};
+//# sourceMappingURL=useElementsOverflowingIndex.js.map

package/dist/src/hooks/useElementsOverflowingIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementsOverflowingIndex.js","sources":["../../../src/hooks/useElementsOverflowingIndex.ts"],"sourcesContent":["import { type ReactNode, type RefObject, useCallback, useEffect, useState } from \"react\";\nimport { last } from \"es-toolkit\";\nimport useResizeObserver from \"./useResizeObserver\";\n\n// Use this hook when you want to get the index of the child which should be hidden from\ntype AggregatedChildResult = { childLength: number; totalLength: number };\n\nfunction useElementsOverflowingIndex({\n  ref,\n  children,\n  paddingSize,\n  resizeDebounceTime,\n  ignoreLast\n}: {\n  ref: RefObject<HTMLElement>;\n  children: ReactNode;\n  paddingSize: number;\n  resizeDebounceTime: number;\n  ignoreLast: boolean;\n}) {\n  const [size, setSize] = useState<number>(null);\n\n  const onResize = useCallback(\n    ({ borderBoxSize }: { borderBoxSize: ResizeObserverSize }) => {\n      setSize(borderBoxSize.inlineSize);\n    },\n    [setSize]\n  );\n  useResizeObserver({\n    ref,\n    callback: onResize,\n    debounceTime: resizeDebounceTime\n  });\n\n  const [aggregatedChildLengths, setAggregatedChildLengths] = useState<Array<AggregatedChildResult>>([]);\n  const [indexToSplit, setIndexToSplit] = useState<number | null>(null);\n\n  useEffect(() => {\n    if (ignoreLast) {\n      const withoutLast = aggregatedChildLengths.slice(0, -1);\n      const allInWithoutLast = !withoutLast.find(({ totalLength }) => totalLength > size - paddingSize);\n      if (allInWithoutLast) {\n        setIndexToSplit(-1);\n      } else {\n        const lastSize = aggregatedChildLengths.length > 0 ? last(aggregatedChildLengths).childLength : 0;\n        setIndexToSplit(\n          aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize - lastSize)\n        );\n      }\n    } else {\n      setIndexToSplit(aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize));\n    }\n  }, [aggregatedChildLengths, size, setIndexToSplit, paddingSize, ignoreLast]);\n\n  useEffect(() => {\n    if (!ref.current) return;\n    const childLengthsArray: Array<AggregatedChildResult> = [];\n    let totalLength = 0;\n    ref.current.childNodes.forEach((node: HTMLElement) => {\n      const childLength = node.clientWidth;\n      totalLength += childLength;\n      childLengthsArray.push({ childLength, totalLength });\n    });\n    setAggregatedChildLengths(childLengthsArray);\n  }, [children, ref, setAggregatedChildLengths]);\n\n  return indexToSplit;\n}\n\nexport default useElementsOverflowingIndex;\n"],"names":["useElementsOverflowingIndex","_ref","ref","children","paddingSize","resizeDebounceTime","ignoreLast","_useState","useState","_useState2","_slicedToArray","size","setSize","onResize","useCallback","_ref2","borderBoxSize","inlineSize","useResizeObserver","callback","debounceTime","_useState3","_useState4","aggregatedChildLengths","setAggregatedChildLengths","_useState5","_useState6","indexToSplit","setIndexToSplit","useEffect","slice","find","_ref3","totalLength","lastSize","length","last","childLength","findIndex","_ref4","_ref5","current","childLengthsArray","childNodes","forEach","node","clientWidth","push"],"mappings":"qNAOA,SAASA,EAA2BC,GAYnC,IAXCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAkBJ,EAAlBI,mBACAC,EAAUL,EAAVK,WAQAC,EAAwBC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAWC,GACf,SAAAC,GACEH,EADcG,EAAbC,cACqBC,WACxB,GACA,CAACL,IAEHM,EAAkB,CAChBhB,IAAAA,EACAiB,SAAUN,EACVO,aAAcf,IAGhB,IAAAgB,EAA4Db,EAAuC,IAAGc,EAAAZ,EAAAW,EAAA,GAA/FE,EAAsBD,EAAA,GAAEE,EAAyBF,EAAA,GACxDG,EAAwCjB,EAAwB,MAAKkB,EAAAhB,EAAAe,EAAA,GAA9DE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GA+BpC,OA7BAG,GAAU,WACR,GAAIvB,EAGF,IAFoBiB,EAAuBO,MAAM,GAAI,GACfC,MAAK,SAAAC,GAAc,OAAAA,EAAXC,YAAgCtB,EAAOP,KAEnFwB,GAAiB,OACZ,CACL,IAAMM,EAAWX,EAAuBY,OAAS,EAAIC,EAAKb,GAAwBc,YAAc,EAChGT,EACEL,EAAuBe,WAAU,SAAAC,GAAc,OAAAA,EAAXN,YAAgCtB,EAAOP,EAAc8B,CAAQ,IAEpG,MAEDN,EAAgBL,EAAuBe,WAAU,SAAAE,GAAc,OAAAA,EAAXP,YAAgCtB,EAAOP,CAAW,IAE1G,GAAG,CAACmB,EAAwBZ,EAAMiB,EAAiBxB,EAAaE,IAEhEuB,GAAU,WACR,GAAK3B,EAAIuC,QAAT,CACA,IAAMC,EAAkD,GACpDT,EAAc,EAClB/B,EAAIuC,QAAQE,WAAWC,SAAQ,SAACC,GAC9B,IAAMR,EAAcQ,EAAKC,YAEzBJ,EAAkBK,KAAK,CAAEV,YAAAA,EAAaJ,YADtCA,GAAeI,GAEjB,IACAb,EAA0BkB,EARR,CASnB,GAAE,CAACvC,EAAUD,EAAKsB,IAEZG,CACT"}

package/dist/src/hooks/useEventListener/index.js

@@ -0,0 +1,2 @@
+import{useEffect as e}from"react";function r(r){var t=r.eventName,n=r.callback,a=r.ref,c=r.capture,i=void 0!==c&&c;e((function(){var e=a&&a.current;if(e){var r={capture:i};return e.addEventListener(t,n,r),function(){e.removeEventListener(t,n,r)}}}),[t,a,n,i])}export{r as default};
+//# sourceMappingURL=index.js.map