@heliux-org/design-system-core 0.0.49 → 0.0.50

package/dist/mocked_classnames_esm/src/components/new/utils/components/ShadowRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowRoot.js","sources":["../../../../../../../src/components/new/utils/components/ShadowRoot.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\n\nconst isBrowser = typeof document !== 'undefined';\nconst supportsDSD =\n  isBrowser && 'shadowRootMode' in HTMLTemplateElement.prototype;\nconst supportsAdoptedStylesheets =\n  isBrowser && 'adoptedStyleSheets' in Document.prototype;\n\n/**\n * Wrapper around `<template>` element that attaches shadow root to its parent\n * and moves its children into the shadow root.\n *\n * @private\n */\nexport const ShadowRoot = ({\n  children,\n  css,\n}: {\n  children: React.ReactNode;\n  css?: string;\n}) => {\n  const [shadowRoot, setShadowRoot] = React.useState<ShadowRoot>();\n  const isFirstRender = useIsFirstRender();\n  const styleSheet = React.useRef<CSSStyleSheet>();\n\n  const attachShadowRef = React.useCallback(\n    (template: HTMLTemplateElement | null) => {\n      const parent = template?.parentElement;\n      if (!template || !parent) {\n        return;\n      }\n      if (parent.shadowRoot) {\n        parent.shadowRoot.replaceChildren(); // Remove previous shadowroot content\n      }\n      queueMicrotask(() => {\n        const shadow =\n          parent.shadowRoot || parent.attachShadow({ mode: 'open' });\n\n        if (css && supportsAdoptedStylesheets) {\n          styleSheet.current ||= new CSSStyleSheet();\n          styleSheet.current.replaceSync(css);\n          shadow.adoptedStyleSheets = [styleSheet.current];\n        }\n\n        ReactDOM.flushSync(() => setShadowRoot(shadow));\n      });\n    },\n    [css],\n  );\n\n  if (!isBrowser) {\n    return (\n      <template {...{ shadowrootmode: 'open' }}>\n        {css && <style>{css}</style>}\n        {children}\n      </template>\n    );\n  }\n\n  // In browsers that support DSD, the template will be automatically removed as soon as it's parsed.\n  // To pass hydration, the first client render needs to emulate this browser behavior and return null.\n  if (supportsDSD && isFirstRender) {\n    return null;\n  }\n\n  return (\n    <>\n      {shadowRoot ? (\n        ReactDOM.createPortal(children, shadowRoot)\n      ) : (\n        <template ref={attachShadowRef} />\n      )}\n    </>\n  );\n};\n\n// ----------------------------------------------------------------------------\n\nfunction useIsFirstRender() {\n  const [isFirstRender, setIsFirstRender] = React.useState(true);\n  React.useEffect(() => setIsFirstRender(false), []);\n  return isFirstRender;\n}\n"],"names":["isBrowser","document","supportsDSD","HTMLTemplateElement","prototype","supportsAdoptedStylesheets","Document","ShadowRoot","_ref","children","css","_React$useState","React","useState","_React$useState2","_slicedToArray","shadowRoot","setShadowRoot","isFirstRender","_React$useState3","_React$useState4","setIsFirstRender","useEffect","useIsFirstRender","styleSheet","useRef","attachShadowRef","useCallback","template","parent","parentElement","replaceChildren","queueMicrotask","shadow","attachShadow","mode","current","CSSStyleSheet","replaceSync","adoptedStyleSheets","ReactDOM","flushSync","_jsx","_Fragment","createPortal","ref","_jsxs","Object","assign","shadowrootmode"],"mappings":"yMAOA,IAAMA,EAAgC,oBAAbC,SACnBC,EACJF,GAAa,mBAAoBG,oBAAoBC,UACjDC,EACJL,GAAa,uBAAwBM,SAASF,UAQnCG,EAAa,SAAHC,GAMlB,IALHC,EAAQD,EAARC,SACAC,EAAGF,EAAHE,IAKAC,EAAoCC,EAAMC,WAAsBC,EAAAC,EAAAJ,EAAA,GAAzDK,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAwDR,WACE,IAAAC,EAA0CP,EAAMC,UAAS,GAAKO,EAAAL,EAAAI,EAAA,GAAvDD,EAAaE,EAAA,GAAEC,EAAgBD,EAAA,GAEtC,OADAR,EAAMU,WAAU,WAAA,OAAMD,GAAiB,EAAM,GAAE,IACxCH,CACT,CA5DwBK,GAChBC,EAAaZ,EAAMa,SAEnBC,EAAkBd,EAAMe,aAC5B,SAACC,GACC,IAAMC,EAASD,aAAA,EAAAA,EAAUE,cACpBF,GAAaC,IAGdA,EAAOb,YACTa,EAAOb,WAAWe,kBAEpBC,gBAAe,WACb,IAAMC,EACJJ,EAAOb,YAAca,EAAOK,aAAa,CAAEC,KAAM,SAE/CzB,GAAOL,IACTmB,EAAWY,UAAXZ,EAAWY,QAAY,IAAIC,eAC3Bb,EAAWY,QAAQE,YAAY5B,GAC/BuB,EAAOM,mBAAqB,CAACf,EAAWY,UAG1CI,EAASC,WAAU,WAAA,OAAMxB,EAAcgB,KACzC,IACF,GACA,CAACvB,IAGH,OAAKV,EAWDE,GAAegB,EACV,KAIPwB,EAAAC,EAAA,CAAAlC,SACGO,EACCwB,EAASI,aAAanC,EAAUO,GAEhC0B,EAAU,WAAA,CAAAG,IAAKnB,MAlBjBoB,EAAc,WAAAC,OAAAC,OAAA,CAAA,EAAA,CAAEC,eAAgB,QAAQ,CAAAxC,SAAA,CACrCC,GAAOgC,oBAAQhC,IACfD,KAoBT"}

package/dist/mocked_classnames_esm/src/components/new/utils/components/VirtualScroll.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import*as n from"react";import*as o from"react-dom";import{mergeRefs as u}from"../hooks/useMergedRefs.js";import{useResizeObserver as i}from"../hooks/useResizeObserver.js";import{useLayoutEffect as l}from"../hooks/useIsomorphicLayoutEffect.js";import"../functions/dev.js";import"../functions/colors.js";import"../functions/polymorphic.js";import"../hooks/useId.js";var c,s=null!==(c=o.unstable_batchedUpdates)&&void 0!==c?c:function(r){r()},d=function r(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return e&&e!==t.body?a(e)?e:r(e.parentElement,t):t.body},a=function(r){return/(auto|scroll|overlay)/.test(f(r,"overflow")+f(r,"overflow-y"))},f=function(r,e){return getComputedStyle(r,null).getPropertyValue(e)},m=function(r){var e;return null!==(e=null==r?void 0:r.getBoundingClientRect().height)&&void 0!==e?e:0},v=function(r){if(r){var e=parseFloat(f(r,"margin-block-start"))+parseFloat(f(r,"margin-block-end"));return m(r)+(isNaN(e)?0:e)}},h=function(r,e){return r?Math.floor(e/r):0},p=function(r,e,t,n){return Math.min(t-e,h(r,m(n)))},b=n.forwardRef((function(r,e){var n=g(r);return t("div",Object.assign({},n.outerProps,{ref:e},{children:t("div",Object.assign({},n.innerProps,{children:n.visibleChildren}))}))})),g=function(t){var o=t.itemsLength,c=t.itemRenderer,a=t.bufferSize,f=void 0===a?10:a,m=t.scrollToIndex,b=t.style,g=e(t,["itemsLength","itemRenderer","bufferSize","scrollToIndex","style"]),y=n.useState(0),j=r(y,2),M=j[0],k=j[1],T=n.useState(0),x=r(T,2),R=x[0],w=x[1],C=n.useRef(),S=n.useRef(null),E=n.useRef({first:0,middle:0,last:0}),L=n.useRef(),D=n.useState(0),P=r(D,2),z=P[0],F=P[1],I=n.useRef({start:0,end:0}),N=n.useState(!1),O=r(N,2),_=O[0],B=O[1],H=function(){var r,e;return null!==(r=C.current)&&void 0!==r?r:null===(e=S.current)||void 0===e?void 0:e.ownerDocument.scrollingElement},A=n.useMemo((function(){for(var r=[],e=Math.min(o,M+R+2*f),t=M;e>t;t++)r.push(c(t));return r}),[o,c,f,M,R]),U=n.useCallback((function(){var r,e,t,n,o,u;if(S.current&&A.length){var i=S.current.children.item(0),l=S.current.children.item(1),c=S.current.children.item(S.current.children.length-1),s=Number(null!==(e=null===(r=v(i))||void 0===r?void 0:r.toFixed(2))&&void 0!==e?e:0);E.current={first:s,middle:Number(null!==(n=null===(t=v(l))||void 0===t?void 0:t.toFixed(2))&&void 0!==n?n:s),last:Number(null!==(u=null===(o=v(c))||void 0===o?void 0:o.toFixed(2))&&void 0!==u?u:s)}}}),[A.length]),V=n.useCallback((function(r){var e=r.height;e>0&&B(!0),s((function(){F(e),U()}))}),[U]),Y=i(V),q=r(Y,2),G=q[0],J=q[1];l((function(){var r,e=d(S.current,null===(r=S.current)||void 0===r?void 0:r.ownerDocument);C.current=e,G(e)}),[G]),l((function(){return function(){return null==J?void 0:J.disconnect()}}),[J]),l((function(){return U()}),[U]);var K=n.useCallback((function(){var r=H();if(r){var e=h(E.current.middle,Math.round(r.scrollTop)),t=p(E.current.middle,e,o,r),n=Math.min(Math.max(0,e-f),Math.max(0,o-2*f-t));I.current={start:e,end:e+t},k(n),w(t),S.current&&(S.current.style.transform="translateY(".concat(function(r,e){return e>0?r*e:0}(E.current.middle,n),"px)"))}}),[f,o]),Q=n.useCallback((function(){K()}),[K]),W=n.useCallback((function(){var r,e;L.current&&(C.current&&C.current!==(null===(r=S.current)||void 0===r?void 0:r.ownerDocument.body)?C.current.removeEventListener("scroll",L.current):null===(e=S.current)||void 0===e||e.ownerDocument.removeEventListener("scroll",L.current))}),[]);return l((function(){var r,e;return W(),L.current=Q,C.current&&C.current!==(null===(r=S.current)||void 0===r?void 0:r.ownerDocument.body)?C.current.addEventListener("scroll",Q):null===(e=S.current)||void 0===e||e.ownerDocument.addEventListener("scroll",Q),W}),[Q,W]),l((function(){if(_){var r=H();if(r&&null!=m){if(m>I.current.end||I.current.start>m){var e=m>I.current.end?m-I.current.end:m-I.current.start;if(0===m)return void r.scrollTo({top:0});r.scrollTo({top:e>0?Math.ceil(r.scrollTop)+e*E.current.middle:m*E.current.middle});var t=h(E.current.middle,Math.round(r.scrollTop)),n=p(E.current.middle,t,o,r);I.current={start:t,end:t+n}}if(m!==I.current.start){if(m===I.current.end){var u=(r.offsetHeight-E.current.first)%E.current.middle,i=Math.ceil(r.scrollTop);u>0&&0===i%E.current.middle&&r.scrollTo({top:i+E.current.middle-u})}}else{var l=Math.round(r.scrollTop),c=l%E.current.middle;c>0&&r.scrollTo({top:l-c})}}}}),[m,_,o]),l((function(){z&&K()}),[z,K]),{outerProps:Object.assign({style:Object.assign({minBlockSize:o>1?Math.max(o-2,0)*E.current.middle+E.current.first+E.current.last:E.current.middle,minInlineSize:"100%"},b)},g),innerProps:{style:{willChange:"transform"},ref:u(S)},visibleChildren:A}};export{b as VirtualScroll,g as useVirtualization};
+//# sourceMappingURL=VirtualScroll.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/components/VirtualScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualScroll.js","sources":["../../../../../../../src/components/new/utils/components/VirtualScroll.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// @ts-nocheck\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport {\n  mergeRefs,\n  useResizeObserver,\n  useLayoutEffect,\n} from '../hooks/index';\n\nconst unstable_batchedUpdates =\n  ReactDOM.unstable_batchedUpdates ?? ((cb: () => void) => void cb());\n\nconst getScrollableParent = (\n  element: HTMLElement | null,\n  ownerDocument: Document = document,\n): HTMLElement => {\n  if (!element || element === ownerDocument.body) {\n    return ownerDocument.body;\n  }\n\n  return isElementScrollable(element)\n    ? element\n    : getScrollableParent(element.parentElement, ownerDocument);\n};\n\nconst isElementScrollable = (element: HTMLElement) => {\n  return /(auto|scroll|overlay)/.test(\n    getElementStyle(element, 'overflow') +\n      getElementStyle(element, 'overflow-y'),\n  );\n};\n\nconst getElementStyle = (element: HTMLElement, prop: string) => {\n  return getComputedStyle(element, null).getPropertyValue(prop);\n};\n\nconst getElementHeight = (element: HTMLElement | undefined) => {\n  return element?.getBoundingClientRect().height ?? 0;\n};\n\nconst getElementHeightWithMargins = (element: HTMLElement | undefined) => {\n  if (!element) {\n    return undefined;\n  }\n\n  const margin =\n    parseFloat(getElementStyle(element, 'margin-block-start')) +\n    parseFloat(getElementStyle(element, 'margin-block-end'));\n  return getElementHeight(element) + (isNaN(margin) ? 0 : margin);\n};\n\nconst getNumberOfNodesInHeight = (childHeight: number, totalHeight: number) => {\n  if (!childHeight) {\n    return 0;\n  }\n\n  return Math.floor(totalHeight / childHeight);\n};\n\nconst getTranslateValue = (childHeight: number, startIndex: number) => {\n  if (startIndex > 0) {\n    return childHeight * startIndex;\n  }\n\n  return 0;\n};\n\nconst getVisibleNodeCount = (\n  childHeight: number,\n  startIndex: number,\n  childrenLength: number,\n  scrollContainer: HTMLElement,\n) => {\n  return Math.min(\n    childrenLength - startIndex,\n    getNumberOfNodesInHeight(childHeight, getElementHeight(scrollContainer)),\n  );\n};\n\nexport type VirtualScrollProps = {\n  /**\n   * Length of the items to virtualize.\n   */\n  itemsLength: number;\n  /**\n   * Single item render function, which gives index of the item (0 based) in the data array\n   * and expects to get the JSX of that element to render.\n   * Recommended to memoize the reference of the function.\n   */\n  itemRenderer: (index: number) => JSX.Element;\n  /**\n   * Number of items to be rendered at the start and the end.\n   * Not recommended to go lower than the visible items in viewport.\n   * @default 10\n   */\n  bufferSize?: number;\n  /**\n   * Index of the first element on initial render.\n   */\n  scrollToIndex?: number;\n} & React.ComponentPropsWithRef<'div'>;\n\n/**\n * `VirtualScroll` component is used to render a huge amount of items in the DOM. It renders only the ones which are visible\n * and the amount provided through `bufferSize` prop at the start and the end. Can be used inside other components like `Table`.\n *\n * It has two wrapper elements, so DOM will be changed. One is used for setting full expected height in the scrollable container\n * and other is for transformation (translateY) to show the correct part of the list.\n *\n * Currently it works only with the direct vertically scrollable parent element. It does not work with body scroll.\n * It supports only static (same) height rows virtualization. Expect some issues, if list consists of different height elements.\n * @example\n * const itemRenderer = React.useCallback(() => (\n *  <div key={index}>\n *    This is my item #{index}\n *  </div>\n * ), [])\n * <VirtualScroll\n *  itemsLength={1000}\n *  itemRenderer={itemRenderer}\n * />\n * @private\n */\nexport const VirtualScroll = React.forwardRef<\n  HTMLDivElement,\n  VirtualScrollProps\n>((props, ref) => {\n  const { innerProps, outerProps, visibleChildren } = useVirtualization(props);\n\n  return (\n    <div {...outerProps} ref={ref}>\n      <div {...innerProps}>{visibleChildren}</div>\n    </div>\n  );\n});\n\n/**\n * `useVirtualization` is used for efficiently rendering only the visible rows from a large list.\n * It returns `outerProps` and `innerProps`, which need to be applied on 2 container elements and `visibleChildren` which is a list of virtualized items.\n * @example\n * const itemRenderer = React.useCallback((index: number) => (\n *  <li key={index}>\n *    This is my item #{index}\n *  </li>\n * ), [])\n *\n * const { outerProps, innerProps, visibleChildren } = useVirtualization({itemsLength: 1000, itemRenderer: itemRenderer});\n * return (\n *  <div {...outerProps}>\n *   <ul {...innerProps}>\n *    {visibleChildren}\n *   </ul>\n *  </div>\n * );\n * @private\n */\nexport const useVirtualization = (props: VirtualScrollProps) => {\n  const {\n    itemsLength,\n    itemRenderer,\n    bufferSize = 10,\n    scrollToIndex,\n    style,\n    ...rest\n  } = props;\n  const [startNode, setStartNode] = React.useState(0);\n  const [visibleNodeCount, setVisibleNodeCount] = React.useState(0);\n  const scrollContainer = React.useRef<HTMLElement>();\n  const parentRef = React.useRef<HTMLElement>(null);\n  const childHeight = React.useRef({ first: 0, middle: 0, last: 0 });\n  const onScrollRef = React.useRef<(e: Event) => void>();\n  // Used only to recalculate on resize\n  const [scrollContainerHeight, setScrollContainerHeight] = React.useState(0);\n  const visibleIndex = React.useRef({ start: 0, end: 0 });\n  // Used to mark when scroll container has height (updated by resize observer)\n  // because before that calculations are not right\n  const [isMounted, setIsMounted] = React.useState(false);\n\n  const getScrollableContainer = () =>\n    scrollContainer.current ??\n    (parentRef.current?.ownerDocument.scrollingElement as HTMLElement);\n\n  const visibleChildren = React.useMemo(() => {\n    const arr = [];\n    const endIndex = Math.min(\n      itemsLength,\n      startNode + visibleNodeCount + bufferSize * 2,\n    );\n    for (let i = startNode; i < endIndex; i++) {\n      arr.push(itemRenderer(i));\n    }\n    return arr;\n  }, [itemsLength, itemRenderer, bufferSize, startNode, visibleNodeCount]);\n\n  const updateChildHeight = React.useCallback(() => {\n    if (!parentRef.current || !visibleChildren.length) {\n      return;\n    }\n\n    const firstChild = parentRef.current.children.item(0) as HTMLElement;\n    const secondChild = parentRef.current.children.item(1) as HTMLElement;\n    const lastChild = parentRef.current.children.item(\n      parentRef.current.children.length - 1,\n    ) as HTMLElement;\n    const firstChildHeight = Number(\n      getElementHeightWithMargins(firstChild)?.toFixed(2) ?? 0,\n    );\n\n    childHeight.current = {\n      first: firstChildHeight,\n      middle: Number(\n        getElementHeightWithMargins(secondChild)?.toFixed(2) ??\n          firstChildHeight,\n      ),\n      last: Number(\n        getElementHeightWithMargins(lastChild)?.toFixed(2) ?? firstChildHeight,\n      ),\n    };\n  }, [visibleChildren.length]);\n\n  const onResize = React.useCallback(\n    ({ height }: DOMRectReadOnly) => {\n      // Initial value returned by resize observer is 0\n      // So wait for the next one\n      if (height > 0) {\n        setIsMounted(true);\n      }\n      unstable_batchedUpdates(() => {\n        setScrollContainerHeight(height);\n        updateChildHeight();\n      });\n    },\n    [updateChildHeight],\n  );\n  const [resizeRef, resizeObserver] = useResizeObserver(onResize);\n\n  // Find scrollable parent\n  // Needed only on init\n  useLayoutEffect(() => {\n    const scrollableParent = getScrollableParent(\n      parentRef.current,\n      parentRef.current?.ownerDocument,\n    );\n    scrollContainer.current = scrollableParent;\n\n    resizeRef(scrollableParent);\n  }, [resizeRef]);\n\n  // Stop watching resize, when virtual scroll is unmounted\n  useLayoutEffect(() => {\n    return () => resizeObserver?.disconnect();\n  }, [resizeObserver]);\n\n  // Get child height when children available\n  useLayoutEffect(() => updateChildHeight(), [updateChildHeight]);\n\n  const updateVirtualScroll = React.useCallback(() => {\n    const scrollableContainer = getScrollableContainer();\n    if (!scrollableContainer) {\n      return;\n    }\n\n    const start = getNumberOfNodesInHeight(\n      childHeight.current.middle,\n      Math.round(scrollableContainer.scrollTop),\n    );\n    const visibleNodes = getVisibleNodeCount(\n      childHeight.current.middle,\n      start,\n      itemsLength,\n      scrollableContainer,\n    );\n    // If there are less items at the end than buffer size\n    // show more items at the start.\n    // Have boundaries for edge cases, e.g. 1 item length\n    const startIndex = Math.min(\n      Math.max(0, start - bufferSize),\n      Math.max(0, itemsLength - bufferSize * 2 - visibleNodes),\n    );\n    visibleIndex.current = { start: start, end: start + visibleNodes };\n    setStartNode(startIndex);\n    setVisibleNodeCount(visibleNodes);\n\n    if (!parentRef.current) {\n      return;\n    }\n    parentRef.current.style.transform = `translateY(${getTranslateValue(\n      childHeight.current.middle,\n      startIndex,\n    )}px)`;\n  }, [bufferSize, itemsLength]);\n\n  const onScroll = React.useCallback(() => {\n    updateVirtualScroll();\n  }, [updateVirtualScroll]);\n\n  const removeScrollListener = React.useCallback(() => {\n    if (!onScrollRef.current) {\n      return;\n    }\n    !scrollContainer.current ||\n    scrollContainer.current === parentRef.current?.ownerDocument.body\n      ? parentRef.current?.ownerDocument.removeEventListener(\n          'scroll',\n          onScrollRef.current,\n        )\n      : scrollContainer.current.removeEventListener(\n          'scroll',\n          onScrollRef.current,\n        );\n  }, []);\n\n  // Add event listener to the scrollable container.\n  useLayoutEffect(() => {\n    removeScrollListener();\n    onScrollRef.current = onScroll;\n    if (\n      !scrollContainer.current ||\n      scrollContainer.current === parentRef.current?.ownerDocument.body\n    ) {\n      parentRef.current?.ownerDocument.addEventListener('scroll', onScroll);\n    } else {\n      scrollContainer.current.addEventListener('scroll', onScroll);\n    }\n    return removeScrollListener;\n  }, [onScroll, removeScrollListener]);\n\n  useLayoutEffect(() => {\n    if (!isMounted) {\n      return;\n    }\n\n    const scrollableContainer = getScrollableContainer();\n\n    if (!scrollableContainer || scrollToIndex == null) {\n      return;\n    }\n\n    // if `scrollToIndex` is not visible, scroll to it\n    if (\n      scrollToIndex > visibleIndex.current.end ||\n      scrollToIndex < visibleIndex.current.start\n    ) {\n      const indexDiff =\n        scrollToIndex > visibleIndex.current.end\n          ? scrollToIndex - visibleIndex.current.end\n          : scrollToIndex - visibleIndex.current.start;\n\n      if (scrollToIndex === 0) {\n        scrollableContainer.scrollTo({ top: 0 });\n        return;\n      }\n      // If go down: add to the existing scrollTop needed height\n      // If go up: calculate the exact scroll top\n      scrollableContainer.scrollTo({\n        top:\n          indexDiff > 0\n            ? Math.ceil(scrollableContainer.scrollTop) +\n              indexDiff * childHeight.current.middle\n            : scrollToIndex * childHeight.current.middle,\n      });\n\n      // update visible index\n      const start = getNumberOfNodesInHeight(\n        childHeight.current.middle,\n        Math.round(scrollableContainer.scrollTop),\n      );\n      const visibleNodes = getVisibleNodeCount(\n        childHeight.current.middle,\n        start,\n        itemsLength,\n        scrollableContainer,\n      );\n      visibleIndex.current = { start: start, end: start + visibleNodes };\n    }\n\n    // if `scrollToIndex` is the first visible node\n    // ensure it is fully visible\n    if (scrollToIndex === visibleIndex.current.start) {\n      const roundedScrollTop = Math.round(scrollableContainer.scrollTop);\n      const diff = roundedScrollTop % childHeight.current.middle;\n      diff > 0 &&\n        scrollableContainer.scrollTo({\n          top: roundedScrollTop - diff,\n        });\n      return;\n    }\n\n    // if `scrollToIndex` is the last visible node\n    // ensure it is fully visible\n    if (scrollToIndex === visibleIndex.current.end) {\n      const diff =\n        (scrollableContainer.offsetHeight - childHeight.current.first) %\n        childHeight.current.middle;\n      const roundedScrollTop = Math.ceil(scrollableContainer.scrollTop);\n      const scrollTopMod = roundedScrollTop % childHeight.current.middle;\n\n      if (diff > 0 && scrollTopMod === 0) {\n        scrollableContainer.scrollTo({\n          top: roundedScrollTop + childHeight.current.middle - diff,\n        });\n      }\n    }\n  }, [scrollToIndex, isMounted, itemsLength]);\n\n  useLayoutEffect(() => {\n    if (!scrollContainerHeight) {\n      return;\n    }\n\n    updateVirtualScroll();\n  }, [scrollContainerHeight, updateVirtualScroll]);\n\n  return {\n    outerProps: {\n      style: {\n        minBlockSize:\n          itemsLength > 1\n            ? Math.max(itemsLength - 2, 0) * childHeight.current.middle +\n              childHeight.current.first +\n              childHeight.current.last\n            : childHeight.current.middle,\n        minInlineSize: '100%',\n        ...style,\n      },\n      ...rest,\n    } as React.HTMLAttributes<HTMLElement>,\n    innerProps: {\n      style: { willChange: 'transform' },\n      ref: mergeRefs(parentRef), // convert object ref to callback ref for better types\n    } as const,\n    visibleChildren,\n  };\n};\n"],"names":["unstable_batchedUpdates","_a","ReactDOM","cb","getScrollableParent","element","ownerDocument","arguments","length","undefined","document","body","isElementScrollable","parentElement","test","getElementStyle","prop","getComputedStyle","getPropertyValue","getElementHeight","getBoundingClientRect","height","getElementHeightWithMargins","margin","parseFloat","isNaN","getNumberOfNodesInHeight","childHeight","totalHeight","Math","floor","getVisibleNodeCount","startIndex","childrenLength","scrollContainer","min","VirtualScroll","React","forwardRef","props","ref","_useVirtualization","useVirtualization","_jsx","Object","assign","outerProps","children","innerProps","visibleChildren","itemsLength","itemRenderer","_props$bufferSize","bufferSize","scrollToIndex","style","rest","_React$useState","useState","_React$useState2","_slicedToArray","startNode","setStartNode","_React$useState3","_React$useState4","visibleNodeCount","setVisibleNodeCount","useRef","parentRef","first","middle","last","onScrollRef","_React$useState5","_React$useState6","scrollContainerHeight","setScrollContainerHeight","visibleIndex","start","end","_React$useState7","_React$useState8","isMounted","setIsMounted","getScrollableContainer","current","_b","scrollingElement","useMemo","arr","endIndex","i","push","updateChildHeight","useCallback","firstChild","item","secondChild","lastChild","firstChildHeight","Number","toFixed","_d","_c","_f","_e","onResize","_ref","_useResizeObserver","useResizeObserver","_useResizeObserver2","resizeRef","resizeObserver","useLayoutEffect","scrollableParent","disconnect","updateVirtualScroll","scrollableContainer","round","scrollTop","visibleNodes","max","transform","concat","getTranslateValue","onScroll","removeScrollListener","removeEventListener","addEventListener","indexDiff","scrollTo","top","ceil","diff","offsetHeight","roundedScrollTop","minBlockSize","minInlineSize","willChange","mergeRefs"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/new/utils/components/WithCSSTransition.js

@@ -0,0 +1,2 @@
+import{__rest as n}from"../../../../../_virtual/_tslib.js";import{jsx as t,Fragment as i}from"react/jsx-runtime";import*as e from"react";import{CSSTransition as o}from"react-transition-group";var r=function(r){var c=r.in,l=r.dimension,s=void 0===l?"height":l,u=r.children,m=n(r,["in","dimension","children"]),a=e.useRef(0),f="height"===s?"Height":"Width";return t(o,Object.assign({in:c,timeout:200,unmountOnExit:!0,onEnter:function(n){n.style["min".concat(f)]="initial",n.style[s]="0px"},onEntering:function(n){n.style[s]="".concat(a.current,"px")},onEntered:function(n){n.style["min".concat(f)]="",n.style[s]=""},onExit:function(n){n.style[s]="".concat(a.current,"px")},onExiting:function(n){n.style["min".concat(f)]="initial",n.style[s]="0px"}},m,{children:e.isValidElement(u)?e.cloneElement(u,{ref:function(n){n&&(a.current=n.getBoundingClientRect()[s])}}):t(i,{})}))};export{r as WithCSSTransition};
+//# sourceMappingURL=WithCSSTransition.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/components/WithCSSTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithCSSTransition.js","sources":["../../../../../../../src/components/new/utils/components/WithCSSTransition.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// @ts-nocheck\n\nimport * as React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\n// import styles from \"../../../../newStyles/styles\";\n\nexport const WithCSSTransition = (\n  props: Partial<React.ComponentPropsWithoutRef<typeof CSSTransition>> & {\n    children: JSX.Element;\n    dimension?: \"height\" | \"width\";\n  }\n) => {\n  const { in: visible, dimension = \"height\", children, ...rest } = props;\n\n  const expandedSize = React.useRef(0);\n\n  const dimensionCamelCase = dimension === \"height\" ? \"Height\" : \"Width\";\n\n  return (\n    <CSSTransition\n      in={visible}\n      timeout={200}\n      unmountOnExit={true}\n      onEnter={(node: HTMLElement) => {\n        node.style[`min${dimensionCamelCase}`] = \"initial\";\n        node.style[dimension] = \"0px\";\n      }}\n      onEntering={(node: HTMLElement) => {\n        node.style[dimension] = `${expandedSize.current}px`;\n      }}\n      onEntered={(node: HTMLElement) => {\n        node.style[`min${dimensionCamelCase}`] = \"\";\n        node.style[dimension] = \"\";\n      }}\n      onExit={(node: HTMLElement) => {\n        node.style[dimension] = `${expandedSize.current}px`;\n      }}\n      onExiting={(node: HTMLElement) => {\n        node.style[`min${dimensionCamelCase}`] = \"initial\";\n        node.style[dimension] = \"0px\";\n      }}\n      // classNames={{\n      //   enter: styles[\"iui-enter\"],\n      //   enterActive: styles[\"iui-enter-active\"],\n      //   exit: styles[\"iui-exit\"],\n      //   exitActive: styles[\"iui-exit-active\"],\n      // }}\n      {...rest}\n    >\n      {React.isValidElement(children) ? (\n        React.cloneElement(children as JSX.Element, {\n          ref: (el: HTMLElement) => {\n            if (el) {\n              expandedSize.current = el.getBoundingClientRect()[dimension];\n            }\n          },\n        })\n      ) : (\n        <></>\n      )}\n    </CSSTransition>\n  );\n};\n"],"names":["WithCSSTransition","props","visible","in","_props$dimension","dimension","children","rest","__rest","expandedSize","React","useRef","dimensionCamelCase","_jsx","CSSTransition","Object","assign","timeout","unmountOnExit","onEnter","node","style","concat","onEntering","current","onEntered","onExit","onExiting","isValidElement","cloneElement","ref","el","getBoundingClientRect","_Fragment"],"mappings":"oMAUaA,EAAoB,SAC/BC,GAKA,IAAYC,EAAqDD,EAAzDE,GAAEC,EAAuDH,EAA5CI,UAAAA,OAAY,IAAHD,EAAG,SAAQA,EAAEE,EAAsBL,EAAtBK,SAAaC,EAAIC,EAAKP,EAA3D,CAAA,KAAA,YAAA,aAEAQ,EAAeC,EAAMC,OAAO,GAE5BC,EAAmC,WAAdP,EAAyB,SAAW,QAE/D,OACEQ,EAACC,EAAaC,OAAAC,OAAA,CACZb,GAAID,EACJe,QAAS,IACTC,eAAe,EACfC,QAAS,SAACC,GACRA,EAAKC,MAAKC,MAAAA,OAAOV,IAAwB,UACzCQ,EAAKC,MAAMhB,GAAa,KACzB,EACDkB,WAAY,SAACH,GACXA,EAAKC,MAAMhB,GAAUiB,GAAAA,OAAMb,EAAae,QAAW,KACpD,EACDC,UAAW,SAACL,GACVA,EAAKC,MAAKC,MAAAA,OAAOV,IAAwB,GACzCQ,EAAKC,MAAMhB,GAAa,EACzB,EACDqB,OAAQ,SAACN,GACPA,EAAKC,MAAMhB,GAAUiB,GAAAA,OAAMb,EAAae,QAAW,KACpD,EACDG,UAAW,SAACP,GACVA,EAAKC,MAAKC,MAAAA,OAAOV,IAAwB,UACzCQ,EAAKC,MAAMhB,GAAa,KAC1B,GAOIE,EAAI,CAAAD,SAEPI,EAAMkB,eAAetB,GACpBI,EAAMmB,aAAavB,EAAyB,CAC1CwB,IAAK,SAACC,GACAA,IACFtB,EAAae,QAAUO,EAAGC,wBAAwB3B,GAEtD,IAGFQ,EAAKoB,EAAA,MAIb"}

package/dist/mocked_classnames_esm/src/components/new/utils/functions/colors.js

@@ -0,0 +1,2 @@
+var o={skyblue:"var(--iui-color-background-skyblue)",celery:"var(--iui-color-background-celery)",froly:"var(--iui-color-background-froly)",steelblue:"var(--iui-color-background-steelblue)",sunglow:"var(--iui-color-background-sunglow)",seabuckthorn:"var(--iui-color-background-seabuckthorn)",montecarlo:"var(--iui-color-background-montecarlo)",poloblue:"var(--iui-color-background-poloblue)",bouquet:"var(--iui-color-background-bouquet)",ash:"var(--iui-color-background-ash)",oak:"var(--iui-color-background-oak)"};Object.values(o);export{o as SoftBackgrounds};
+//# sourceMappingURL=colors.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/functions/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../../../../../../src/components/new/utils/functions/colors.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nexport const SoftBackgrounds = {\n  skyblue: 'var(--iui-color-background-skyblue)',\n  celery: 'var(--iui-color-background-celery)',\n  froly: 'var(--iui-color-background-froly)',\n  steelblue: 'var(--iui-color-background-steelblue)',\n  sunglow: 'var(--iui-color-background-sunglow)',\n  seabuckthorn: 'var(--iui-color-background-seabuckthorn)',\n  montecarlo: 'var(--iui-color-background-montecarlo)',\n  poloblue: 'var(--iui-color-background-poloblue)',\n  bouquet: 'var(--iui-color-background-bouquet)',\n  ash: 'var(--iui-color-background-ash)',\n  oak: 'var(--iui-color-background-oak)',\n} as const;\n\n/** Returns true if a string value is one of the SoftBackgrounds keys */\nexport const isSoftBackground = (\n  value: string,\n): value is keyof typeof SoftBackgrounds => {\n  return Object.keys(SoftBackgrounds).includes(value);\n};\n\nconst USER_COLORS = Object.values(SoftBackgrounds);\n\n/**\n * Generate color from user name or email.\n * Recommended to use for `backgroundColor` in `Avatar` component.\n */\nexport const getUserColor = (emailOrName: string) => {\n  const normalizedString = emailOrName.trim().toLowerCase();\n\n  let hash = 0;\n  for (let i = 0; i < normalizedString.length; i++) {\n    const charCode = normalizedString.charCodeAt(i);\n    hash = (hash + charCode) % USER_COLORS.length;\n  }\n  return USER_COLORS[hash];\n};\n"],"names":["SoftBackgrounds","skyblue","celery","froly","steelblue","sunglow","seabuckthorn","montecarlo","poloblue","bouquet","ash","oak","Object","values"],"mappings":"AAKO,IAAMA,EAAkB,CAC7BC,QAAS,sCACTC,OAAQ,qCACRC,MAAO,oCACPC,UAAW,wCACXC,QAAS,sCACTC,aAAc,2CACdC,WAAY,yCACZC,SAAU,uCACVC,QAAS,sCACTC,IAAK,kCACLC,IAAK,mCAUaC,OAAOC,OAAOb"}

package/dist/mocked_classnames_esm/src/components/new/utils/functions/dev.js

@@ -0,0 +1,2 @@
+var n=void 0!==globalThis.jest,o=void 0!==globalThis.beforeEach&&"function(name,fn){suites[0].beforeEach(name,fn);}"==="".concat(globalThis.beforeEach).replace(/\s/g,""),e=void 0!==globalThis.__vitest_index__,a=n||e||o,c=!1;try{c="production"!==process.env.NODE_ENV&&!a}catch(n){}var i=c?function(){var n=!1;return function(o){n||(console.warn(o),n=!0)}}:function(){return function(){}};export{i as createWarningLogger,c as isDev,a as isUnitTest};
+//# sourceMappingURL=dev.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/functions/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.js","sources":["../../../../../../../src/components/new/utils/functions/dev.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst isJest = typeof (globalThis as any).jest !== 'undefined';\nconst isMocha =\n  typeof (globalThis as any).beforeEach !== 'undefined' &&\n  `${(globalThis as any).beforeEach}`.replace(/\\s/g, '') ===\n    'function(name,fn){suites[0].beforeEach(name,fn);}';\nconst isVitest = typeof (globalThis as any).__vitest_index__ !== 'undefined';\n\nconst isUnitTest = isJest || isVitest || isMocha;\n\nlet isDev = false;\n\n// wrapping in try-catch because process might be undefined\ntry {\n  isDev = process.env.NODE_ENV !== 'production' && !isUnitTest;\n} catch {}\n\n/**\n * Logs message one time only in dev environments.\n *\n * @example\n * const logWarningInDev = createWarningLogger();\n * logWarningInDev(\"please don't use this\")\n */\nconst createWarningLogger = !isDev\n  ? () => () => {}\n  : () => {\n      let logged = false;\n      return (message: string) => {\n        if (!logged) {\n          console.warn(message);\n          logged = true;\n        }\n      };\n    };\n\nexport { isUnitTest, isDev, createWarningLogger };\n"],"names":["isJest","globalThis","jest","isMocha","beforeEach","concat","replace","isVitest","__vitest_index__","isUnitTest","isDev","process","env","NODE_ENV","_a","createWarningLogger","logged","message","console","warn"],"mappings":"AAMA,IAAMA,OAA6C,IAA5BC,WAAmBC,KACpCC,OACsC,IAAlCF,WAAmBG,YAEzB,sDADF,GAAAC,OAAIJ,WAAmBG,YAAaE,QAAQ,MAAO,IAE/CC,OAA2D,IAAxCN,WAAmBO,iBAEtCC,EAAaT,GAAUO,GAAYJ,EAErCO,GAAQ,EAGZ,IACEA,EAAiC,eAAzBC,QAAQC,IAAIC,WAA8BJ,CACnD,CAAC,MAAAK,GAAQ,CASV,IAAMC,EAAuBL,EAEzB,WACE,IAAIM,GAAS,EACb,OAAO,SAACC,GACDD,IACHE,QAAQC,KAAKF,GACbD,GAAS,GAGf,EATA,WAAA,OAAM,YAAQ"}

package/dist/mocked_classnames_esm/src/components/new/utils/functions/dom.js

@@ -0,0 +1,2 @@
+var n=function(){return"undefined"==typeof document?void 0:document},e=function(){return"undefined"==typeof window?void 0:window},r=function(){for(var n=arguments.length,e=Array(n),r=0;n>r;r++)e[r]=arguments[r];return function(n){for(var r=0,t=e;t.length>r;r++){var o=t[r];if(null==o||o(n),null==n?void 0:n.defaultPrevented)return}}};export{n as getDocument,e as getWindow,r as mergeEventHandlers};
+//# sourceMappingURL=dom.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/functions/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sources":["../../../../../../../src/components/new/utils/functions/dom.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\n/**\n * Get document if it is defined.\n * Used to support SSR/SSG applications.\n */\nexport const getDocument = () => {\n  return typeof document === 'undefined' ? undefined : document;\n};\n\n/**\n * Get window if it is defined.\n * Used to support SSR/SSG applications.\n */\nexport const getWindow = () => {\n  return typeof window === 'undefined' ? undefined : window;\n};\n\n/**\n * Merges multiple event handlers into one, while making sure that\n * `defaultPrevented` is respected for each callback.\n */\nexport const mergeEventHandlers =\n  <E extends React.SyntheticEvent>(\n    ...callbacks: Array<((event: E) => void) | undefined>\n  ) =>\n  (event: E) => {\n    for (const cb of callbacks) {\n      cb?.(event);\n      if (event?.defaultPrevented) {\n        return;\n      }\n    }\n  };\n\n/**\n * Returns translate values as an array of a given element.\n * @param element HTML element you want to get translate value of\n * @returns Translate values in pixels in an array `[translateX, translateY]`\n */\nexport const getTranslateValuesFromElement = (\n  element: HTMLElement | null | undefined,\n) => {\n  if (!element) {\n    return [];\n  }\n\n  const transformValue =\n    getComputedStyle(element).getPropertyValue('transform');\n\n  return getTranslateValues(transformValue);\n};\n\nexport const getTranslateValues = (transformValue: string) => {\n  const matrix = new DOMMatrix(transformValue);\n  return [matrix.m41, matrix.m42];\n};\n"],"names":["getDocument","document","undefined","getWindow","window","mergeEventHandlers","_len","arguments","length","callbacks","Array","_key","event","_i","_callbacks","cb","defaultPrevented"],"mappings":"IASaA,EAAc,WACzB,MAA2B,oBAAbC,cAA2BC,EAAYD,QACvD,EAMaE,EAAY,WACvB,MAAyB,oBAAXC,YAAyBF,EAAYE,MACrD,EAMaC,EACX,WAD6B,IAAA,IAAAC,EAAAC,UAAAC,OAExBC,EAAkDC,MAAAJ,GAAAK,EAAA,EAAAL,EAAAK,EAAAA,IAAlDF,EAAkDE,GAAAJ,UAAAI,GAAA,OAEvD,SAACC,GACC,IAAA,IAAAC,EAAA,EAAAC,EAAiBL,EAASK,EAAAN,OAAAK,EAAAA,IAAE,CAAvB,IAAME,EAAED,EAAAD,GAEX,GADAE,SAAAA,EAAKH,GACDA,eAAAA,EAAOI,iBACT,MAEH,EACF"}

package/dist/mocked_classnames_esm/src/components/new/utils/functions/focusable.js

@@ -0,0 +1,2 @@
+var t=function(t){if(!t)return[];var e=t.querySelectorAll("".concat('a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])',', [tabindex="-1"]'));return Array.from(e).filter((function(t){return!t.hasAttribute("disabled")&&!t.classList.contains("iui-disabled")&&"true"!==t.getAttribute("aria-disabled")}))};export{t as getFocusableElements};
+//# sourceMappingURL=focusable.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/functions/focusable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusable.js","sources":["../../../../../../../src/components/new/utils/functions/focusable.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nconst tabbableElementsSelector =\n  'a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Return array of tabbable elements in the container.\n */\nexport const getTabbableElements = (\n  container: HTMLElement | undefined | null,\n) => {\n  if (!container) {\n    return [];\n  }\n\n  const elements = container.querySelectorAll(tabbableElementsSelector);\n\n  return Array.from(elements).filter(\n    (el) =>\n      !el.hasAttribute('disabled') &&\n      !el.classList.contains('iui-disabled') &&\n      el.getAttribute('aria-disabled') !== 'true',\n  );\n};\n\n/**\n * Return array of focusable elements in the container.\n */\nexport const getFocusableElements = (\n  container: HTMLElement | undefined | null,\n) => {\n  if (!container) {\n    return [];\n  }\n\n  const elements = container.querySelectorAll(\n    `${tabbableElementsSelector}, [tabindex=\"-1\"]`,\n  );\n\n  return Array.from(elements).filter(\n    (el) =>\n      !el.hasAttribute('disabled') &&\n      !el.classList.contains('iui-disabled') &&\n      el.getAttribute('aria-disabled') !== 'true',\n  );\n};\n"],"names":["getFocusableElements","container","elements","querySelectorAll","concat","Array","from","filter","el","hasAttribute","classList","contains","getAttribute"],"mappings":"AAKA,IA0BaA,EAAuB,SAClCC,GAEA,IAAKA,EACH,MAAO,GAGT,IAAMC,EAAWD,EAAUE,oBAAgBC,OAhC3C,yKAiC6B,sBAG7B,OAAOC,MAAMC,KAAKJ,GAAUK,QAC1B,SAACC,GAAE,OACAA,EAAGC,aAAa,cAChBD,EAAGE,UAAUC,SAAS,iBACc,SAArCH,EAAGI,aAAa,mBAEtB"}

package/dist/mocked_classnames_esm/src/components/new/utils/functions/import.js

@@ -0,0 +1,2 @@
+import{regeneratorRuntime as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as e}from"../../../../../_virtual/_tslib.js";var r=function(r){return e(void 0,void 0,void 0,t().mark((function e(){return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,Function('return import("'.concat(r,'", { with: { type: "css" } })'))();case 3:case 11:case 18:return t.abrupt("return",t.sent);case 6:return t.prev=6,t.t0=t.catch(0),t.prev=8,t.next=11,Function('return import("'.concat(r,'", { assert: { type: "css" } })'))();case 14:return t.prev=14,t.t1=t.catch(8),t.next=18,fetch(r).then((function(t){return t.text()})).then((function(t){var e=new CSSStyleSheet;return e.replaceSync(t),{default:e}}));case 19:case"end":return t.stop()}}),e,null,[[0,6],[8,14]])})))};export{r as importCss};
+//# sourceMappingURL=import.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/functions/import.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"import.js","sources":["../../../../../../../src/components/new/utils/functions/import.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\n/**\n * Wrapper around native CSS module scripts (import attributes) for dynamic imports.\n * In unsupported browsers, it gracefully degrades to import assertions, and then `fetch`.\n *\n * Returns a constructable CSSStyleSheet object that can be adopted.\n *\n * @see https://web.dev/articles/css-module-scripts\n * @see https://github.com/tc39/proposal-import-attributes\n */\nexport const importCss = async (\n  url: string,\n): Promise<{ default: CSSStyleSheet }> => {\n  try {\n    return await new Function(\n      `return import(\"${url}\", { with: { type: \"css\" } })`,\n    )();\n  } catch {\n    try {\n      return await new Function(\n        `return import(\"${url}\", { assert: { type: \"css\" } })`,\n      )();\n    } catch {\n      return await fetch(url)\n        .then((res) => res.text())\n        .then((cssText) => {\n          const stylesheet = new CSSStyleSheet();\n          stylesheet.replaceSync(cssText);\n          return { default: stylesheet };\n        });\n    }\n  }\n};\n"],"names":["importCss","url","__awaiter","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","Function","concat","abrupt","sent","t0","t1","fetch","then","res","text","cssText","stylesheet","CSSStyleSheet","replaceSync","default","stop"],"mappings":"4JAcaA,EAAY,SACvBC,GAAW,OAC4BC,OAAA,OAAA,OAAA,EAAAC,IAAAC,MAAA,SAAAC,IAAA,OAAAF,IAAAG,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAE9B,OAF8BF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEpBC,SAAQC,kBAAAA,OACLV,EAAG,iCADV,GAEV,KAAA,EAKE,KAAA,GAQC,KAAA,GAAA,OAAAM,EAAAK,OAAAL,SAAAA,EAAAM,MAbH,KAAA,EAGM,OAHNN,EAAAC,KAAA,EAAAD,EAAAO,GAAAP,EAAA,MAAA,GAAAA,EAAAC,KAAA,EAAAD,EAAAE,KAAA,GAGgBC,SAAQC,kBAAAA,OACLV,EAAG,mCADV,GAEV,KAAA,GAEI,OAFJM,EAAAC,KAAA,GAAAD,EAAAQ,GAAAR,EAAA,MAAA,GAAAA,EAAAE,KAAA,GAEUO,MAAMf,GAChBgB,MAAK,SAACC,GAAG,OAAKA,EAAIC,MAAM,IACxBF,MAAK,SAACG,GACL,IAAMC,EAAa,IAAIC,cAEvB,OADAD,EAAWE,YAAYH,GAChB,CAAEI,QAASH,EACpB,IAAE,KAAA,GAAA,IAAA,MAAA,OAAAd,EAAAkB,OAAA,GAAApB,EAAA,KAAA,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,KAGT,IAAA"}

package/dist/mocked_classnames_esm/src/components/new/utils/functions/numbers.js

@@ -0,0 +1,2 @@
+var n=function(n,r,t){return Math.min(t,Math.max(r,n))},r=function(){for(var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:21,r="",t=0;n>t;t++)r+="_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[64*Math.random()|0];return r};export{n as getBoundedValue,r as getRandomValue};
+//# sourceMappingURL=numbers.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/functions/numbers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers.js","sources":["../../../../../../../src/components/new/utils/functions/numbers.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\n/**\n * Return input value bounded by specified range.\n */\nexport const getBoundedValue = (val: number, min: number, max: number) => {\n  return Math.min(max, Math.max(min, val));\n};\n\n/**\n * Returns a random value of a given length containing `A-Za-z0-9_-` symbols.\n */\nexport const getRandomValue = (length = 21) => {\n  const alphabet = `_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ`;\n  let id = '';\n  for (let i = 0; i < length; i++) {\n    id += alphabet[(Math.random() * 64) | 0];\n  }\n  return id;\n};\n\n/**\n * Rounds a pixel value based on the device's pixel ratio. This ensures that values can be\n * placed evenly on the device’s pixel grid, avoiding any blurring.\n *\n * @see https://floating-ui.com/docs/misc#subpixel-and-accelerated-positioning\n */\nexport const roundByDPR = (value: number) => {\n  const dpr = window.devicePixelRatio || 1;\n  return Math.round(value * dpr) / dpr;\n};\n"],"names":["getBoundedValue","val","min","max","Math","getRandomValue","length","arguments","undefined","id","i","random"],"mappings":"AAQO,IAAMA,EAAkB,SAACC,EAAaC,EAAaC,GACxD,OAAOC,KAAKF,IAAIC,EAAKC,KAAKD,IAAID,EAAKD,GACrC,EAKaI,EAAiB,WAG5B,IAH4C,IAAfC,EAAMC,UAAAD,OAAA,QAAAE,IAAAD,UAAA,GAAAA,UAAA,GAAG,GAElCE,EAAK,GACAC,EAAI,EAAOJ,EAAJI,EAAYA,IAC1BD,GAHiF,mEAGjD,GAAhBL,KAAKO,SAAiB,GAExC,OAAOF,CACT"}

package/dist/mocked_classnames_esm/src/components/new/utils/functions/polymorphic.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"../../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import*as n from"react";import e from"classnames";import{useGlobals as s}from"../hooks/useGlobals.js";var a=function(a){return function(o,c){var l=n.forwardRef((function(n,i){var l,f=n.as,m=void 0===f?a:f,p=t(n,["as"]);p=Object.assign(Object.assign(Object.assign({},c),p),{className:u(e(o,null==c?void 0:c.className,p.className))});var b=m||"div";return("button"===b||"a"===b||"input"===b&&"checkbox"===p.type)&&(null!==(l=p.tabIndex)&&void 0!==l||(p.tabIndex=0)),s(),r(b,Object.assign({ref:i},p))}));return l.displayName=i(o),l}},o=new Proxy(a("div"),{get:function(t,r){return"string"==typeof r?a(r):Reflect.get(t,r)}}),i=function(t){return t.replace(/-([a-z])/g,(function(t){return t[1].toUpperCase()})).substring(3)},u=function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(" ").join(" ")||null};export{o as polymorphic};
+//# sourceMappingURL=polymorphic.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/functions/polymorphic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.js","sources":["../../../../../../../src/components/new/utils/functions/polymorphic.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport type { PolymorphicForwardRefComponent } from \"../props\";\nimport { useGlobals } from \"../hooks/useGlobals\";\n// import styles from \"../../../../newStyles/styles.js\";\n\nconst _base = <As extends keyof JSX.IntrinsicElements = \"div\">(\n  defaultElement: As\n) => {\n  return (className: string, attrs?: JSX.IntrinsicElements[As]) => {\n    const Comp = React.forwardRef(({ as = defaultElement, ...props }, ref) => {\n      props = {\n        ...attrs, // Merge default attributes with passed props\n        ...props,\n        className: getScopedClassName(\n          cx(className, attrs?.className, props.className)\n        ),\n      };\n\n      const Element = (as as any) || \"div\";\n\n      // Add tabIndex to interactive elements if not already set.\n      // Workaround for Safari refusing to focus links/buttons/non-text inputs.\n      if (\n        Element === \"button\" ||\n        Element === \"a\" ||\n        (Element === \"input\" && (props as any).type === \"checkbox\")\n      ) {\n        props.tabIndex ??= 0;\n      }\n\n      useGlobals();\n\n      return <Element ref={ref} {...props} />;\n    }) as PolymorphicForwardRefComponent<NonNullable<typeof defaultElement>>;\n\n    Comp.displayName = getDisplayNameFromClass(className);\n\n    return Comp;\n  };\n};\n\n/**\n * Utility to create a type-safe polymorphic component with a simple class.\n *\n * Can be called directly or as a property of the `polymorphic` object.\n * In both cases, returns a component that:\n * - uses CSS-modules scoped classes\n * - supports `as` prop with default element\n * - forwards ref and spreads rest props\n * - adds and merges CSS classes\n * - adds tabIndex to interactive elements (Safari workaround)\n *\n * @example\n * const MyPolyDiv = polymorphic('my-poly-div');\n * <MyPolyDiv>...</MyPolyDiv>;\n *\n * @example\n * const MyPolyButton = polymorphic.button('my-poly-button', { type: 'button' });\n * <MyPolyButton as='a' href='#'>...</MyPolyButton>;\n *\n * @private\n */\nexport const polymorphic = new Proxy(_base(\"div\"), {\n  get: (target, prop) => {\n    if (typeof prop === \"string\") {\n      // eslint-disable-next-line -- string is as far as we can narrow it down\n      // @ts-ignore\n      return _base(prop);\n    }\n    return Reflect.get(target, prop);\n  },\n}) as ReturnType<typeof _base> & {\n  [key in keyof JSX.IntrinsicElements]: ReturnType<typeof _base<key>>;\n};\n\n// e.g. iui-list-item-icon -> ListItemIcon\nconst getDisplayNameFromClass = (str: string) => {\n  const camel = str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n  return camel.substring(3);\n};\n\n// e.g. iui-button -> _iui3-button\nconst getScopedClassName = (className = \"\") => {\n  return (\n    className\n      .split(\" \")\n      // .map((c) => (c in styles ? styles[c] : c))\n      .join(\" \") || null\n  );\n};\n"],"names":["_base","defaultElement","className","attrs","Comp","React","forwardRef","_a","ref","as","_a$as","props","__rest","Object","assign","getScopedClassName","cx","Element","type","_b","tabIndex","useGlobals","_jsx","displayName","getDisplayNameFromClass","polymorphic","Proxy","get","target","prop","Reflect","str","replace","g","toUpperCase","substring","arguments","length","undefined","split","join"],"mappings":"yMAWA,IAAMA,EAAQ,SACZC,GAEA,OAAO,SAACC,EAAmBC,GACzB,IAAMC,EAAOC,EAAMC,YAAW,SAACC,EAAmCC,WAAdD,EAAnBE,GAAAA,OAAKR,IAAHS,EAAGT,EAAcS,EAAKC,EAAKC,EAAAL,EAA/B,QAC7BI,EAAKE,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACAX,GACAQ,GAAK,CACRT,UAAWa,EACTC,EAAGd,EAAWC,aAAK,EAALA,EAAOD,UAAWS,EAAMT,cAI1C,IAAMe,EAAWR,GAAc,MAc/B,OATc,WAAZQ,GACY,MAAZA,GACa,UAAZA,GAA+C,aAAvBN,EAAcO,QAEzB,QAAdC,EAAAR,EAAMS,gBAAQ,IAAAD,IAAdR,EAAMS,SAAa,IAGrBC,IAEOC,EAACL,EAAQJ,OAAAC,OAAA,CAAAN,IAAKA,GAASG,GAChC,IAIA,OAFAP,EAAKmB,YAAcC,EAAwBtB,GAEpCE,EAEX,EAuBaqB,EAAc,IAAIC,MAAM1B,EAAM,OAAQ,CACjD2B,IAAK,SAACC,EAAQC,GACZ,MAAoB,iBAATA,EAGF7B,EAAM6B,GAERC,QAAQH,IAAIC,EAAQC,EAC7B,IAMIL,EAA0B,SAACO,GAE/B,OADcA,EAAIC,QAAQ,aAAa,SAACC,GAAC,OAAKA,EAAE,GAAGC,iBACtCC,UAAU,EACzB,EAGMpB,EAAqB,WACzB,OADmCqB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAGjCG,MAAM,KAENC,KAAK,MAAQ,IAEpB"}

package/dist/mocked_classnames_esm/src/components/new/utils/functions/react.js

@@ -0,0 +1,2 @@
+import{toConsumableArray as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import*as e from"react";import{mergeRefs as l}from"../hooks/useMergedRefs.js";var n=function(n,o){if(!n)return null;if(!e.isValidElement(n))return n;var i=o(n),t=l.apply(void 0,r(["ref"in n?n.ref:null,"ref"in i?i.ref:null].filter(Boolean)));return e.cloneElement(n,Object.assign(Object.assign({},i),{ref:t}))};export{n as cloneElementWithRef};
+//# sourceMappingURL=react.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/functions/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sources":["../../../../../../../src/components/new/utils/functions/react.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { mergeRefs } from \"../hooks/useMergedRefs\";\n\n/**\n * Wrapper over `cloneElement` that automatically checks for `isValidElement`\n * and automatically merges `children.ref` with the ref passed in props.\n *\n * @private\n */\nexport const cloneElementWithRef = (\n  children: React.ReactNode,\n  getProps: (children: JSX.Element) => Record<string, unknown>\n) => {\n  if (!children) {\n    return null;\n  }\n\n  if (!React.isValidElement(children)) {\n    return children;\n  }\n\n  const props = getProps(children);\n  const ref = mergeRefs(\n    ...[\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      \"ref\" in children ? (children as any).ref : null,\n      \"ref\" in props ? props.ref : null,\n    ].filter(Boolean)\n  );\n\n  return React.cloneElement(children, {\n    ...props,\n    // we already checked ref above and handled null, so ts-ignore is ok\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    ref,\n  });\n};\n"],"names":["cloneElementWithRef","children","getProps","React","isValidElement","props","ref","mergeRefs","apply","_toConsumableArray","filter","Boolean","cloneElement"],"mappings":"uKAaO,IAAMA,EAAsB,SACjCC,EACAC,GAEA,IAAKD,EACH,OAAO,KAGT,IAAKE,EAAMC,eAAeH,GACxB,OAAOA,EAGT,IAAMI,EAAQH,EAASD,GACjBK,EAAMC,EAASC,WAAA,EAAAC,EAChB,CAED,QAASR,EAAYA,EAAiBK,IAAM,KAC5C,QAASD,EAAQA,EAAMC,IAAM,MAC7BI,OAAOC,WAGX,OAAOR,EAAMS,aAAaX,iCACrBI,GAAK,CAIRC,IAAAA,IAEJ"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useContainerWidth.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import*as r from"react";import{useMergedRefs as t}from"./useMergedRefs.js";import{useResizeObserver as i}from"./useResizeObserver.js";var o=function(){var o=0>=arguments.length||void 0===arguments[0]||arguments[0],n=r.useState(0),s=e(n,2),l=s[0],u=s[1],a=r.useCallback((function(e){e&&u(e.getBoundingClientRect().width)}),[]),c=r.useCallback((function(e){return u(e.width)}),[]),d=i(c),f=e(d,2),m=f[0],p=f[1];return o||null==p||p.disconnect(),[t(a,o?m:void 0),l]};export{o as useContainerWidth};
+//# sourceMappingURL=useContainerWidth.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useContainerWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerWidth.js","sources":["../../../../../../../src/components/new/utils/hooks/useContainerWidth.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { useMergedRefs } from \"./useMergedRefs\";\nimport { useResizeObserver } from \"./useResizeObserver\";\n\n/**\n * Hook that returns the width of an element in three stages:\n *  - initialized with 0\n *  - immediately set to element's initial width as soon as it's mounted\n *  - update to new width every time it changes (using `useResizeObserver` hook)\n *\n * @private\n * @param watchResizes If false, ResizeObserver will not be connected and only the initial width will be returned\n * @returns [ref to attach to the element, stateful width of the element]\n *\n * @example\n * const [ref, width] = useContainerWidth();\n * ... // do something with width\n * return <div ref={ref}>...</div>;\n */\nexport const useContainerWidth = <T extends HTMLElement>(\n  watchResizes = true\n) => {\n  const [contentWidth, setContentWidth] = React.useState(0);\n\n  const ref = React.useCallback((element: T) => {\n    if (!element) {\n      return;\n    }\n    setContentWidth(element.getBoundingClientRect().width);\n  }, []);\n\n  const updateWidth = React.useCallback(\n    ({ width }: DOMRectReadOnly) => setContentWidth(width),\n    []\n  );\n\n  const [resizeRef, resizeObserver] = useResizeObserver(updateWidth);\n\n  if (!watchResizes) {\n    resizeObserver?.disconnect();\n  }\n\n  const refs = useMergedRefs(ref, watchResizes ? resizeRef : undefined);\n\n  return [refs, contentWidth] as const;\n};\n"],"names":["useContainerWidth","watchResizes","arguments","length","undefined","_React$useState","React","useState","_React$useState2","_slicedToArray","contentWidth","setContentWidth","ref","useCallback","element","getBoundingClientRect","width","updateWidth","_ref","_useResizeObserver","useResizeObserver","_useResizeObserver2","resizeRef","resizeObserver","disconnect","useMergedRefs"],"mappings":"+NAuBaA,EAAoB,WAE7B,IADFC,EAAY,GAAAC,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEZG,EAAwCC,EAAMC,SAAS,GAAEC,EAAAC,EAAAJ,EAAA,GAAlDK,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAE9BI,EAAMN,EAAMO,aAAY,SAACC,GACxBA,GAGLH,EAAgBG,EAAQC,wBAAwBC,MACjD,GAAE,IAEGC,EAAcX,EAAMO,aACxB,SAAAK,GAAQ,OAAwBP,EAAxBO,EAALF,MAAmD,GACtD,IAGFG,EAAoCC,EAAkBH,GAAYI,EAAAZ,EAAAU,EAAA,GAA3DG,EAASD,EAAA,GAAEE,EAAcF,EAAA,GAQhC,OANKpB,GACHsB,SAAAA,EAAgBC,aAKX,CAFMC,EAAcb,EAAKX,EAAeqB,OAAYlB,GAE7CM,EAChB"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useControlledState.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import*as a from"react";var l=function(l,e,o){var t=a.useState(l),u=r(t,2),i=u[1];return[void 0!==e?e:u[0],a.useCallback((function(r){i(r),null==o||o(r)}),[o,i])]};export{l as useControlledState};
+//# sourceMappingURL=useControlledState.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useControlledState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledState.js","sources":["../../../../../../../src/components/new/utils/hooks/useControlledState.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\n\n/**\n * Wrapper over `useState` that always gives preference to the\n * controlled state (which often comes from a prop).\n *\n * This is helpful when a component needs to support both uncontrolled\n * and controlled states. If controlled value/setter is not passed,\n * then it will work just like a regular `useState`.\n *\n * @example\n * const [state, setState] = useControlledState(null, props.value, props.onChange);\n */\nexport const useControlledState = <T>(\n  initialValue: T,\n  controlledState: T,\n  setControlledState?: React.Dispatch<React.SetStateAction<T>>,\n) => {\n  const [uncontrolledState, setUncontrolledState] =\n    React.useState<T>(initialValue);\n\n  const state =\n    controlledState !== undefined ? controlledState : uncontrolledState;\n\n  const setState = React.useCallback(\n    (value) => {\n      setUncontrolledState(value);\n      setControlledState?.(value);\n    },\n    [setControlledState, setUncontrolledState],\n  ) as React.Dispatch<React.SetStateAction<T>>;\n\n  return [state, setState] as const;\n};\n"],"names":["useControlledState","initialValue","controlledState","setControlledState","_React$useState","React","useState","_React$useState2","_slicedToArray","setUncontrolledState","undefined","useCallback","value"],"mappings":"6GAiBO,IAAMA,EAAqB,SAChCC,EACAC,EACAC,GAEA,IAAAC,EACEC,EAAMC,SAAYL,GAAaM,EAAAC,EAAAJ,EAAA,GADPK,EAAoBF,EAAA,GAc9C,MAAO,MAVeG,IAApBR,EAAgCA,EAJVK,EAAA,GAMPF,EAAMM,aACrB,SAACC,GACCH,EAAqBG,GACrBT,SAAAA,EAAqBS,EACvB,GACA,CAACT,EAAoBM,IAIzB"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useGlobals.js

@@ -0,0 +1,2 @@
+import*as e from"react";import{ThemeContext as t}from"../../ThemeProvider/ThemeContext.js";import{isDev as o}from"../functions/dev.js";var i={fontSize:!1,themeProvider:!1},n=function(){var o=e.useContext(t);return r(o),m(),o},r=function(t){e.useEffect((function(){!o||i.themeProvider||t||(console.error("iTwinUI components must be used within a tree wrapped in a ThemeProvider."),i.themeProvider=!0)}),[t])},m=function(){e.useEffect((function(){o&&!i.fontSize&&(16>parseInt(getComputedStyle(document.documentElement).fontSize)&&console.error("Root font size must not be overridden. \nSee https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#relative-font-size"),i.fontSize=!0)}),[])};export{n as useGlobals,r as useThemeProviderWarning};
+//# sourceMappingURL=useGlobals.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useGlobals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobals.js","sources":["../../../../../../../src/components/new/utils/hooks/useGlobals.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { ThemeContext } from \"../../ThemeProvider/ThemeContext\";\nimport { isDev } from \"../functions/dev\";\n\nconst didLogWarning = {\n  fontSize: false,\n  themeProvider: false,\n};\n\n/**\n * Hook used in every component for any shared setup and side effects.\n * Returns the nearest ThemeContext.\n *\n * @private\n */\nexport const useGlobals = () => {\n  const themeContext = React.useContext(ThemeContext);\n  useThemeProviderWarning(themeContext);\n  useRootFontSizeWarning();\n  return themeContext;\n};\n\n// ----------------------------------------------------------------------------\n\n/** Shows console error if ThemeProvider is not used */\nexport const useThemeProviderWarning = (\n  themeContext: React.ContextType<typeof ThemeContext>\n) => {\n  React.useEffect(() => {\n    if (isDev && !didLogWarning.themeProvider && !themeContext) {\n      console.error(\n        \"iTwinUI components must be used within a tree wrapped in a ThemeProvider.\"\n      );\n      didLogWarning.themeProvider = true;\n    }\n  }, [themeContext]);\n};\n\n// ----------------------------------------------------------------------------\n\n/** Shows console error if the page changes the root font size */\nconst useRootFontSizeWarning = () => {\n  React.useEffect(() => {\n    if (isDev && !didLogWarning.fontSize) {\n      const rootFontSize = parseInt(\n        getComputedStyle(document.documentElement).fontSize\n      );\n      if (rootFontSize < 16) {\n        console.error(\n          \"Root font size must not be overridden. \\nSee https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#relative-font-size\"\n        );\n      }\n      didLogWarning.fontSize = true;\n    }\n  }, []);\n};\n"],"names":["didLogWarning","fontSize","themeProvider","useGlobals","themeContext","React","useContext","ThemeContext","useThemeProviderWarning","useRootFontSizeWarning","useEffect","isDev","console","error","parseInt","getComputedStyle","document","documentElement"],"mappings":"uIAQA,IAAMA,EAAgB,CACpBC,UAAU,EACVC,eAAe,GASJC,EAAa,WACxB,IAAMC,EAAeC,EAAMC,WAAWC,GAGtC,OAFAC,EAAwBJ,GACxBK,IACOL,CACT,EAKaI,EAA0B,SACrCJ,GAEAC,EAAMK,WAAU,YACVC,GAAUX,EAAcE,eAAkBE,IAC5CQ,QAAQC,MACN,6EAEFb,EAAcE,eAAgB,EAElC,GAAG,CAACE,GACN,EAKMK,EAAyB,WAC7BJ,EAAMK,WAAU,WACVC,IAAUX,EAAcC,WAIP,GAHEa,SACnBC,iBAAiBC,SAASC,iBAAiBhB,WAG3CW,QAAQC,MACN,0IAGJb,EAAcC,UAAW,EAE5B,GAAE,GACL"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useId.js

@@ -0,0 +1,2 @@
+import*as n from"react";import{getRandomValue as r}from"../functions/numbers.js";var u,o=function(){var r=t();return n.useMemo((function(){return"iui-".concat(r)}),[r])},t=null!==(u=n.useId)&&void 0!==u?u:function(){return n.useMemo((function(){return r(10)}),[])};export{o as useId};
+//# sourceMappingURL=useId.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sources":["../../../../../../../src/components/new/utils/hooks/useId.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport { getRandomValue } from \"../functions/numbers\";\n\n/**\n * Wrapper around React's `useId` hook, which prefixes the id with `iui-` and uses\n * a random value as fallback for older React versions which don't include `useId`.\n */\nexport const useId = () => {\n  const uniqueValue = useUniqueValue();\n  return React.useMemo(() => `iui-${uniqueValue}`, [uniqueValue]);\n};\n\n// This is needed to avoid bundlers trying to import non-existing export.\n// Read more: https://github.com/webpack/webpack/issues/14814\nconst _React = React;\n\nconst useUniqueValue =\n  _React.useId ?? (() => React.useMemo(() => getRandomValue(10), []));\n"],"names":["useId","uniqueValue","useUniqueValue","React","useMemo","concat","_a","getRandomValue"],"mappings":"uFAYaA,EAAQ,WACnB,IAAMC,EAAcC,IACpB,OAAOC,EAAMC,SAAQ,WAAA,MAAAC,OAAAA,OAAaJ,EAAW,GAAI,CAACA,GACpD,EAMMC,EACQ,QAAZI,EAHaH,EAGNH,aAAK,IAAAM,EAAAA,EAAK,WAAA,OAAMH,EAAMC,SAAQ,WAAA,OAAMG,EAAe,GAAG,GAAE,GAAG"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useIntersection.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import*as n from"react";import{getWindow as o}from"../functions/dom.js";var t=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=2>=arguments.length||void 0===arguments[2]||arguments[2],c=e.root,s=e.rootMargin,l=e.threshold,u=n.useRef((function(){}));return n.useCallback((function(n){var e,a;if(null===(e=u.current)||void 0===e||e.call(u),u.current=function(){},n&&(null===(a=o())||void 0===a?void 0:a.IntersectionObserver)){var v=new IntersectionObserver((function(n,o){r(n,1)[0].isIntersecting&&(i&&o.disconnect(),t())}),{root:c,rootMargin:s,threshold:l});v.observe(n),u.current=function(){return v.disconnect()}}}),[t,i,c,s,l])};export{t as useIntersection};
+//# sourceMappingURL=useIntersection.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useIntersection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersection.js","sources":["../../../../../../../src/components/new/utils/hooks/useIntersection.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\nimport { getWindow } from '../functions/dom';\n\n/**\n * Hook that uses `IntersectionObserver` to trigger `onIntersect` callback when element is in viewport.\n * Callback is called only once by default (can be changed using the `once` parameter).\n * @returns a callback ref that needs to be set on the element you want to observe.\n * @private\n * @example\n * const onIntersection = React.useCallback(() => {\n *   console.log('Element is in viewport!');\n * }, []);\n * const ref = useIntersection(onIntersection);\n * return (<div ref={ref}>One of many elements</div>);\n */\nexport const useIntersection = (\n  onIntersect: () => void,\n  options: IntersectionObserverInit = {},\n  once = true,\n) => {\n  const { root, rootMargin, threshold } = options;\n  const cleanupRef = React.useRef(() => {});\n\n  const setRef = React.useCallback(\n    (node: HTMLElement | null) => {\n      cleanupRef.current?.();\n      cleanupRef.current = () => {}; // ensure it doesn't try to clean up again\n\n      if (!node || !getWindow()?.IntersectionObserver) {\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        ([entry], obs) => {\n          if (entry.isIntersecting) {\n            if (once) {\n              obs.disconnect();\n            }\n            onIntersect();\n          }\n        },\n        { root, rootMargin, threshold },\n      );\n      observer.observe(node);\n\n      cleanupRef.current = () => observer.disconnect();\n    },\n    [onIntersect, once, root, rootMargin, threshold],\n  );\n\n  return setRef;\n};\n"],"names":["useIntersection","onIntersect","options","arguments","length","undefined","once","root","rootMargin","threshold","cleanupRef","React","useRef","useCallback","node","_a","current","call","_b","getWindow","IntersectionObserver","observer","_ref","obs","_slicedToArray","isIntersecting","disconnect","observe"],"mappings":"iKAmBaA,EAAkB,SAC7BC,GAGE,IAFFC,EAAoCC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,CAAA,EACpCG,EAAI,GAAAH,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEII,EAAgCL,EAAhCK,KAAMC,EAA0BN,EAA1BM,WAAYC,EAAcP,EAAdO,UACpBC,EAAaC,EAAMC,QAAO,WAAQ,IA6BxC,OA3BeD,EAAME,aACnB,SAACC,WAIC,GAHkB,QAAlBC,EAAAL,EAAWM,eAAO,IAAAD,GAAAA,EAAAE,KAAAP,GAClBA,EAAWM,QAAU,aAEhBF,IAAoB,QAAXI,EAAAC,WAAW,IAAAD,OAAA,EAAAA,EAAEE,sBAA3B,CAIA,IAAMC,EAAW,IAAID,sBACnB,SAAAE,EAAUC,GAAOC,EAAAF,EAAA,GAAV,GACKG,iBACJnB,GACFiB,EAAIG,aAENzB,IAEJ,GACA,CAAEM,KAAAA,EAAMC,WAAAA,EAAYC,UAAAA,IAEtBY,EAASM,QAAQb,GAEjBJ,EAAWM,QAAU,WAAA,OAAMK,EAASK,YAAY,CAf/C,CAgBH,GACA,CAACzB,EAAaK,EAAMC,EAAMC,EAAYC,GAI1C"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useIsClient.js

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

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useIsClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClient.js","sources":["../../../../../../../src/components/new/utils/hooks/useIsClient.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\n\nexport const useIsClient = () => {\n  const [isClient, setIsClient] = React.useState(false);\n\n  React.useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n};\n"],"names":["useIsClient","_React$useState","React","useState","_React$useState2","_slicedToArray","isClient","setIsClient","useEffect"],"mappings":"iHAMaA,EAAc,WACzB,IAAAC,EAAgCC,EAAMC,UAAS,GAAMC,EAAAC,EAAAJ,EAAA,GAA9CK,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAM5B,OAJAF,EAAMM,WAAU,WACdD,GAAY,EACb,GAAE,IAEID,CACT"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,2 @@
+import*as e from"react";var f="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;export{f as useLayoutEffect};
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useIsomorphicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../../../../../../src/components/new/utils/hooks/useIsomorphicLayoutEffect.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\n\n/**\n * SSR-safe version of `useLayoutEffect` that replaces it with `useEffect` on the server.\n *\n * Exported as `useLayoutEffect` so that the react hooks linter correctly identifies the necessary dependencies.\n *\n * @see https://fb.me/react-uselayouteffect-ssr\n */\nconst useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\nexport { useIsomorphicLayoutEffect as useLayoutEffect };\n"],"names":["useIsomorphicLayoutEffect","window","React","useLayoutEffect","useEffect"],"mappings":"wBAaA,IAAMA,EACc,oBAAXC,OAAyBC,EAAMC,gBAAkBD,EAAME"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useLatestRef.js

@@ -0,0 +1,2 @@
+import*as r from"react";var e=function(e){var t=r.useRef(e);return r.useEffect((function(){t.current=e}),[e]),t};export{e as useLatestRef};
+//# sourceMappingURL=useLatestRef.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useLatestRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatestRef.js","sources":["../../../../../../../src/components/new/utils/hooks/useLatestRef.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\n\n/**\n * Hook that keeps track of the latest value in a ref.\n * @private\n * @example\n * const { value } = props;\n * const valueRef = useLatestRef(value);\n */\nexport const useLatestRef = <T>(value: T) => {\n  const valueRef = React.useRef<T>(value);\n\n  React.useEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n\n  return valueRef;\n};\n"],"names":["useLatestRef","value","valueRef","React","useRef","useEffect","current"],"mappings":"4BAaaA,EAAe,SAAIC,GAC9B,IAAMC,EAAWC,EAAMC,OAAUH,GAMjC,OAJAE,EAAME,WAAU,WACdH,EAASI,QAAUL,CACrB,GAAG,CAACA,IAEGC,CACT"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useMediaQuery.js

@@ -0,0 +1,2 @@
+import{slicedToArray as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import*as o from"react";import{getWindow as r}from"../functions/dom.js";import"../functions/colors.js";import"../functions/polymorphic.js";import"../../../../../_virtual/_tslib.js";import"../functions/dev.js";import{useLayoutEffect as i}from"./useIsomorphicLayoutEffect.js";var e=function(e){var n=o.useState(),l=t(n,2),a=l[0],s=l[1];return i((function(){var t,o,i,n=null===(o=null===(t=r())||void 0===t?void 0:t.matchMedia)||void 0===o?void 0:o.call(t,e),l=function(t){return s(t.matches)};if(null!=n){s(n.matches);try{n.addEventListener("change",l)}catch(t){null===(i=n.addListener)||void 0===i||i.call(n,l)}}return function(){var t;try{null==n||n.removeEventListener("change",l)}catch(o){null===(t=null==n?void 0:n.removeListener)||void 0===t||t.call(n,l)}}}),[e]),!!a};export{e as useMediaQuery};
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","sources":["../../../../../../../src/components/new/utils/hooks/useMediaQuery.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\nimport { getWindow } from '../functions/index';\nimport { useLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport const useMediaQuery = (queryString: string) => {\n  const [matches, setMatches] = React.useState<boolean>();\n\n  useLayoutEffect(() => {\n    const mediaQueryList = getWindow()?.matchMedia?.(queryString);\n    const handleChange = ({ matches }: MediaQueryListEvent) =>\n      setMatches(matches);\n\n    if (mediaQueryList != undefined) {\n      setMatches(mediaQueryList.matches);\n      try {\n        mediaQueryList.addEventListener('change', handleChange);\n      } catch {\n        // Safari 13 fallback\n        mediaQueryList.addListener?.(handleChange);\n      }\n    }\n\n    return () => {\n      try {\n        mediaQueryList?.removeEventListener('change', handleChange);\n      } catch {\n        // Safari 13 fallback\n        mediaQueryList?.removeListener?.(handleChange);\n      }\n    };\n  }, [queryString]);\n\n  return !!matches;\n};\n"],"names":["useMediaQuery","queryString","_React$useState","React","useState","_React$useState2","_slicedToArray","matches","setMatches","useLayoutEffect","mediaQueryList","_b","_a","getWindow","matchMedia","call","handleChange","_ref","undefined","addEventListener","_d","_c","addListener","removeEventListener","removeListener"],"mappings":"2WAQaA,EAAgB,SAACC,GAC5B,IAAAC,EAA8BC,EAAMC,WAAmBC,EAAAC,EAAAJ,EAAA,GAAhDK,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GA2B1B,OAzBAI,GAAgB,qBACRC,EAAwC,QAAvBC,EAAW,QAAXC,EAAAC,WAAW,IAAAD,OAAA,EAAAA,EAAEE,kBAAU,IAAAH,OAAA,EAAAA,EAAAI,KAAAH,EAAGX,GAC3Ce,EAAe,SAAHC,GAAa,OAC7BT,EAD6BS,EAAPV,QACH,EAErB,GAAsBW,MAAlBR,EAA6B,CAC/BF,EAAWE,EAAeH,SAC1B,IACEG,EAAeS,iBAAiB,SAAUH,EAC3C,CAAC,MAAMI,GAEuB,QAA7BC,EAAAX,EAAeY,mBAAc,IAAAD,GAAAA,EAAAN,KAAAL,EAAAM,EAC9B,CACF,CAED,OAAO,iBACL,IACEN,SAAAA,EAAgBa,oBAAoB,SAAUP,EAC/C,CAAC,MAAML,GAEwB,QAA9BC,EAAAF,aAAA,EAAAA,EAAgBc,sBAAc,IAAAZ,GAAAA,EAAAG,KAAAL,EAAGM,EAClC,EAEL,GAAG,CAACf,MAEKM,CACX"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useMergedRefs.js

@@ -0,0 +1,2 @@
+import*as r from"react";var n=function(){for(var r=arguments.length,n=Array(r),t=0;r>t;t++)n[t]=arguments[t];return function(r){n.forEach((function(n){"function"==typeof n?n(r):n&&(n.current=r)}))}},t=function(){for(var t=arguments.length,o=Array(t),a=0;t>a;a++)o[a]=arguments[a];return r.useCallback(n.apply(void 0,o),[].concat(o))};export{n as mergeRefs,t as useMergedRefs};
+//# sourceMappingURL=useMergedRefs.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useMergedRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedRefs.js","sources":["../../../../../../../src/components/new/utils/hooks/useMergedRefs.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\n\n/**\n * Function that merges the provided refs into one.\n */\nexport const mergeRefs = <T>(\n  ...refs: Array<React.Ref<T> | undefined | null>\n) => {\n  return (instance: T | null) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        ref(instance);\n      } else if (ref) {\n        (ref as React.MutableRefObject<T | null>).current = instance;\n      }\n    });\n  };\n};\n\n/**\n * Returns a ref callback that merges the provided refs using `mergeRefs`.\n */\nexport const useMergedRefs = <T>(\n  ...refs: ReadonlyArray<React.Ref<T> | undefined | null>\n) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(mergeRefs(...refs), [...refs]);\n};\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","instance","forEach","ref","current","useMergedRefs","_len2","_key2","React","useCallback","apply","concat"],"mappings":"4BASaA,EAAY,WAErB,IAAA,IAAAC,EAAAC,UAAAC,OADCC,EAA4CC,MAAAJ,GAAAK,EAAA,EAAAL,EAAAK,EAAAA,IAA5CF,EAA4CE,GAAAJ,UAAAI,GAE/C,OAAO,SAACC,GACNH,EAAKI,SAAQ,SAACC,GACO,mBAARA,EACTA,EAAIF,GACKE,IACRA,EAAyCC,QAAUH,EAExD,IAEJ,EAKaI,EAAgB,WAEzB,IAAA,IAAAC,EAAAV,UAAAC,OADCC,EAAoDC,MAAAO,GAAAC,EAAA,EAAAD,EAAAC,EAAAA,IAApDT,EAAoDS,GAAAX,UAAAW,GAGvD,OAAOC,EAAMC,YAAYf,EAASgB,WAAIZ,EAAAA,GAAKa,GAAAA,OAAMb,GACnD"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useOverflow.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import*as r from"react";import{useMergedRefs as t}from"./useMergedRefs.js";import{useResizeObserver as n}from"./useResizeObserver.js";import{useLayoutEffect as o}from"./useIsomorphicLayoutEffect.js";var u=function(u){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"horizontal",c=r.useRef(null),l=r.useState((function(){return i?u.length:Math.min(u.length,20)})),f=e(l,2),s=f[0],h=f[1],m=r.useRef(!0),g=r.useState(0),v=e(g,2),d=v[0],p=v[1],M=r.useRef(0),R=r.useCallback((function(e){return p("horizontal"===a?e.width:e.height)}),[a]),j=n(R),y=e(j,2),z=y[0],b=r.useRef(y[1]);o((function(){i?h(u.length):(h(Math.min(u.length,20)),m.current=!0)}),[d,i,u]);var A=t(c,z);return o((function(){var e;if(c.current&&!i){var r="horizontal"===a?"Width":"Height",t=c.current["offset".concat(r)],n=c.current["scroll".concat(r)];if(n>t){var o=Math.floor(t/(n/s));h(o>0?o:1)}else if(m.current){var l=Array.from(c.current.children).reduce((function(e,t){return e+t["offset".concat(r)]}),0),f=Math.floor(t/(l/(s||Math.min(u.length,20))));isNaN(f)||h(Math.min(u.length,2*f))}m.current=!1}else null===(e=b.current)||void 0===e||e.disconnect()}),[d,s,i,u.length,a]),o((function(){M.current=d}),[d]),[A,s]};export{u as useOverflow};
+//# sourceMappingURL=useOverflow.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useOverflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflow.js","sources":["../../../../../../../src/components/new/utils/hooks/useOverflow.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\nimport { useMergedRefs } from './useMergedRefs';\nimport { useResizeObserver } from './useResizeObserver';\nimport { useLayoutEffect } from './useIsomorphicLayoutEffect';\n\nconst STARTING_MAX_ITEMS_COUNT = 20;\n\n/**\n * Hook that observes the size of an element and returns the number of items\n * that should be visible based on the size of the container element.\n *\n * The returned number should be used to render the element with fewer items.\n *\n * @private\n * @param items Items that this element contains.\n * @param disabled Set to true to disconnect the observer.\n * @param dimension 'horizontal' (default) or 'vertical'\n * @returns [callback ref to set on container, stateful count of visible items]\n *\n * @example\n * const items = Array(10).fill().map((_, i) => <span>Item {i}</span>);\n * const [ref, visibleCount] = useOverflow(items);\n * ...\n * return (\n *   <div ref={ref}>\n *     {items.slice(0, visibleCount)}\n *   </div>\n * );\n */\nexport const useOverflow = <T extends HTMLElement>(\n  items: React.ReactNode[] | string,\n  disabled = false,\n  orientation: 'horizontal' | 'vertical' = 'horizontal',\n) => {\n  const containerRef = React.useRef<T>(null);\n\n  const [visibleCount, setVisibleCount] = React.useState(() =>\n    disabled ? items.length : Math.min(items.length, STARTING_MAX_ITEMS_COUNT),\n  );\n\n  const needsFullRerender = React.useRef(true);\n\n  const [containerSize, setContainerSize] = React.useState<number>(0);\n  const previousContainerSize = React.useRef<number>(0);\n  const updateContainerSize = React.useCallback(\n    ({ width, height }: DOMRectReadOnly) =>\n      setContainerSize(orientation === 'horizontal' ? width : height),\n    [orientation],\n  );\n  const [resizeRef, observer] = useResizeObserver<T>(updateContainerSize);\n  const resizeObserverRef = React.useRef(observer);\n\n  useLayoutEffect(() => {\n    if (disabled) {\n      setVisibleCount(items.length);\n    } else {\n      setVisibleCount(Math.min(items.length, STARTING_MAX_ITEMS_COUNT));\n      needsFullRerender.current = true;\n    }\n  }, [containerSize, disabled, items]);\n\n  const mergedRefs = useMergedRefs(containerRef, resizeRef);\n\n  useLayoutEffect(() => {\n    if (!containerRef.current || disabled) {\n      resizeObserverRef.current?.disconnect();\n      return;\n    }\n    const dimension = orientation === 'horizontal' ? 'Width' : 'Height';\n\n    const availableSize = containerRef.current[`offset${dimension}`];\n    const requiredSize = containerRef.current[`scroll${dimension}`];\n\n    if (availableSize < requiredSize) {\n      const avgItemSize = requiredSize / visibleCount;\n      const visibleItems = Math.floor(availableSize / avgItemSize);\n      /* When first item is larger than the container - visibleItems count is 0, \n      We can assume that at least some part of the first item is visible and return 1. */\n      setVisibleCount(visibleItems > 0 ? visibleItems : 1);\n    } else if (needsFullRerender.current) {\n      const childrenSize = Array.from(containerRef.current.children).reduce(\n        (sum: number, child: HTMLElement) => sum + child[`offset${dimension}`],\n        0,\n      );\n      // Previous `useEffect` might have updated visible count, but we still have old one\n      // If it is 0, lets try to update it with items length.\n      const currentVisibleCount =\n        visibleCount || Math.min(items.length, STARTING_MAX_ITEMS_COUNT);\n      const avgItemSize = childrenSize / currentVisibleCount;\n      const visibleItems = Math.floor(availableSize / avgItemSize);\n\n      if (!isNaN(visibleItems)) {\n        // Doubling the visible items to overflow the container. Just to be safe.\n        setVisibleCount(Math.min(items.length, visibleItems * 2));\n      }\n    }\n    needsFullRerender.current = false;\n  }, [containerSize, visibleCount, disabled, items.length, orientation]);\n\n  useLayoutEffect(() => {\n    previousContainerSize.current = containerSize;\n  }, [containerSize]);\n\n  return [mergedRefs, visibleCount] as const;\n};\n"],"names":["useOverflow","items","disabled","arguments","length","undefined","orientation","containerRef","React","useRef","_React$useState","useState","Math","min","_React$useState2","_slicedToArray","visibleCount","setVisibleCount","needsFullRerender","_React$useState3","_React$useState4","containerSize","setContainerSize","previousContainerSize","updateContainerSize","useCallback","_ref","width","height","_useResizeObserver","useResizeObserver","_useResizeObserver2","resizeRef","resizeObserverRef","useLayoutEffect","current","mergedRefs","useMergedRefs","dimension","availableSize","concat","requiredSize","visibleItems","floor","childrenSize","Array","from","children","reduce","sum","child","isNaN","_a","disconnect"],"mappings":"4RASA,IAwBaA,EAAc,SACzBC,GAGE,IAFFC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACRG,EAAyCH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,aAEnCI,EAAeC,EAAMC,OAAU,MAErCC,EAAwCF,EAAMG,UAAS,WAAA,OACrDT,EAAWD,EAAMG,OAASQ,KAAKC,IAAIZ,EAAMG,OAhCZ,OAiC9BU,EAAAC,EAAAL,EAAA,GAFMM,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAI9BI,EAAoBV,EAAMC,QAAO,GAEvCU,EAA0CX,EAAMG,SAAiB,GAAES,EAAAL,EAAAI,EAAA,GAA5DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAwBf,EAAMC,OAAe,GAC7Ce,EAAsBhB,EAAMiB,aAChC,SAAAC,GAAgB,OACdJ,EAAiC,eAAhBhB,EADXoB,EAALC,MAAaD,EAANE,UAEV,CAACtB,IAEHuB,EAA8BC,EAAqBN,GAAoBO,EAAAhB,EAAAc,EAAA,GAAhEG,EAASD,EAAA,GACVE,EAAoBzB,EAAMC,OADNsB,EAAA,IAG1BG,GAAgB,WACVhC,EACFe,EAAgBhB,EAAMG,SAEtBa,EAAgBL,KAAKC,IAAIZ,EAAMG,OAnDJ,KAoD3Bc,EAAkBiB,SAAU,EAE/B,GAAE,CAACd,EAAenB,EAAUD,IAE7B,IAAMmC,EAAaC,EAAc9B,EAAcyB,GA0C/C,OAxCAE,GAAgB,iBACd,GAAK3B,EAAa4B,UAAWjC,EAA7B,CAIA,IAAMoC,EAA4B,eAAhBhC,EAA+B,QAAU,SAErDiC,EAAgBhC,EAAa4B,QAAOK,SAAAA,OAAUF,IAC9CG,EAAelC,EAAa4B,QAAOK,SAAAA,OAAUF,IAEnD,GAAoBG,EAAhBF,EAA8B,CAChC,IACMG,EAAe9B,KAAK+B,MAAMJ,GADZE,EAAezB,IAInCC,EAAgByB,EAAe,EAAIA,EAAe,EACnD,MAAM,GAAIxB,EAAkBiB,QAAS,CACpC,IAAMS,EAAeC,MAAMC,KAAKvC,EAAa4B,QAAQY,UAAUC,QAC7D,SAACC,EAAaC,GAAkB,OAAKD,EAAMC,WAAKV,OAAUF,GAAY,GACtE,GAOII,EAAe9B,KAAK+B,MAAMJ,GADZK,GADlB5B,GAAgBJ,KAAKC,IAAIZ,EAAMG,OAlFN,OAsFtB+C,MAAMT,IAETzB,EAAgBL,KAAKC,IAAIZ,EAAMG,OAAuB,EAAfsC,GAE1C,CACDxB,EAAkBiB,SAAU,CA7B3B,MAF4B,QAA3BiB,EAAAnB,EAAkBE,eAAS,IAAAiB,GAAAA,EAAAC,YAgC/B,GAAG,CAAChC,EAAeL,EAAcd,EAAUD,EAAMG,OAAQE,IAEzD4B,GAAgB,WACdX,EAAsBY,QAAUd,CAClC,GAAG,CAACA,IAEG,CAACe,EAAYpB,EACtB"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useResizeObserver.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import*as e from"react";import{getWindow as n}from"../functions/dom.js";var o=function(o){var i=e.useRef();return[e.useCallback((function(e){var l,t,u,a,c;(null===(l=n())||void 0===l?void 0:l.ResizeObserver)&&(null===(u=null===(t=i.current)||void 0===t?void 0:t.disconnect)||void 0===u||u.call(t),e&&(i.current=new ResizeObserver((function(e){window.requestAnimationFrame((function(){if(Array.isArray(e)&&e.length){var n=r(e,1);return o(n[0].contentRect)}}))})),null===(c=null===(a=i.current)||void 0===a?void 0:a.observe)||void 0===c||c.call(a,e)))}),[o]),i.current]};export{o as useResizeObserver};
+//# sourceMappingURL=useResizeObserver.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sources":["../../../../../../../src/components/new/utils/hooks/useResizeObserver.tsx"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { getWindow } from \"../functions/dom\";\n\n/**\n * Hook that uses `ResizeObserver` to access an element's size every time it updates.\n * @private\n * @param onResize callback fired with the element's new dimensions on every resize.\n * @returns a callback ref that needs to be set on the element, and a ResizeObserver instance.\n *\n * @example\n * const onResize = React.useCallback((size) => console.log(size), []);\n * const [ref] = useResizeObserver(onResize);\n * ...\n * return <div ref={ref}>...</div>;\n */\nexport const useResizeObserver = <T extends HTMLElement>(\n  onResize: (size: DOMRectReadOnly) => void\n) => {\n  const resizeObserver = React.useRef<ResizeObserver>();\n\n  const elementRef = React.useCallback(\n    (element: T | null | undefined) => {\n      if (!getWindow()?.ResizeObserver) {\n        return;\n      }\n\n      resizeObserver.current?.disconnect?.();\n      if (element) {\n        resizeObserver.current = new ResizeObserver((entries) => {\n          // We wrap onResize with requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded\n          // See: https://github.com/iTwin/iTwinUI/issues/1317\n          // See: https://stackoverflow.com/a/58701523/11547064\n          window.requestAnimationFrame(() => {\n            if (!Array.isArray(entries) || !entries.length) {\n              return;\n            }\n\n            const [{ contentRect }] = entries;\n            return onResize(contentRect);\n          });\n        });\n        resizeObserver.current?.observe?.(element);\n      }\n    },\n    [onResize]\n  );\n\n  return [elementRef, resizeObserver.current] as const;\n};\n"],"names":["useResizeObserver","onResize","resizeObserver","React","useRef","useCallback","element","_a","getWindow","ResizeObserver","_c","current","_b","disconnect","entries","window","requestAnimationFrame","Array","isArray","length","_entries","_slicedToArray","contentRect","_e","_d","observe","call"],"mappings":"iKAmBaA,EAAoB,SAC/BC,GAEA,IAAMC,EAAiBC,EAAMC,SA6B7B,MAAO,CA3BYD,EAAME,aACvB,SAACC,kBACmB,QAAbC,EAAAC,WAAa,IAAAD,OAAA,EAAAA,EAAAE,0BAIlBC,EAAwB,UAAxBR,EAAeS,eAAS,IAAAC,OAAA,EAAAA,EAAAC,mCACpBP,IACFJ,EAAeS,QAAU,IAAIF,gBAAe,SAACK,GAI3CC,OAAOC,uBAAsB,WAC3B,GAAKC,MAAMC,QAAQJ,IAAaA,EAAQK,OAAxC,CAIA,IAAAC,EAAAC,EAA0BP,EAAO,GACjC,OAAOb,EADamB,EAAA,GAAXE,YAFR,CAIH,GACF,IAC+B,QAA/BC,UAAAC,EAAAtB,EAAeS,8BAASc,eAAO,IAAAF,GAAAA,EAAAG,KAAAF,EAAGlB,IAEtC,GACA,CAACL,IAGiBC,EAAeS,QACrC"}

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useSafeContext.js

@@ -0,0 +1,2 @@
+import*as r from"react";var t=function(t){var e=r.useContext(t);if(!e)throw Error("".concat(t.displayName," is undefined"));return e};export{t as useSafeContext};
+//# sourceMappingURL=useSafeContext.js.map

package/dist/mocked_classnames_esm/src/components/new/utils/hooks/useSafeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSafeContext.js","sources":["../../../../../../../src/components/new/utils/hooks/useSafeContext.ts"],"sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from 'react';\n\n/**\n * Wrapper hook around `useContext` that throws an error if the context is not provided.\n * @param context Context to use. Must have a `displayName` for useful errors.\n */\nexport const useSafeContext = <T>(context: React.Context<T>) => {\n  const value = React.useContext(context);\n  if (!value) {\n    throw new Error(`${context.displayName} is undefined`);\n  }\n  return value!; // eslint-disable-line @typescript-eslint/no-non-null-assertion -- we already checked for undefined\n};\n"],"names":["useSafeContext","context","value","React","useContext","Error","concat","displayName"],"mappings":"4BAUaA,EAAiB,SAAIC,GAChC,IAAMC,EAAQC,EAAMC,WAAWH,GAC/B,IAAKC,EACH,MAAUG,MAAKC,GAAAA,OAAIL,EAAQM,YAAW,kBAExC,OAAOL,CACT"}

package/dist/mocked_classnames_esm/src/index.js

@@ -1,2 +1,2 @@
-import"../style/dist/index.min.css.js";export{default as Loader}from"./components/Loader/Loader.js";export{default as Icon}from"./components/Icon/Icon.js";export{default as Search,default as SearchComponent}from"./components/Search/Search.js";export{default as InputField,default as TextField}from"./components/TextField/TextField.js";export{default as Dialog}from"./components/Dialog/Dialog.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as Button}from"./components/Button/Button.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as ProgressRing}from"./components/ProgressRing/ProgressRing.js";export{default as Link}from"./components/Link/Link.js";export{default as CustomSvgIcon}from"./components/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as Label}from"./components/Label/Label.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as DialogContentContainer}from"./components/DialogContentContainer/DialogContentContainer.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as LegacyHeading}from"./components/LegacyHeading/LegacyHeading.js";export{default as EditableInput}from"./components/EditableInput/EditableInput.js";export{default as EditableHeading}from"./components/LegacyEditableHeading/LegacyEditableHeading.js";export{default as ResponsiveList}from"./components/ResponsiveList/ResponsiveList.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as Tags}from"./components/Tags/Tags.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as DateNavigationItem}from"./components/DatePicker/DateNavigationItem/DateNavigationItem.js";export{default as DatePickerHeader}from"./components/DatePicker/DatePickerHeader/DatePickerHeader.js";export{default as YearPicker}from"./components/DatePicker/YearPicker/YearPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as ColorPickerItemComponent}from"./components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as List}from"./components/List/List.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as Clickable}from"./components/Clickable/Clickable.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Flex}from"./components/Flex/Flex.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Modal}from"./components/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalFooter}from"./components/Modal/ModalFooter/ModalFooter.js";export{default as ModalFooterButtons}from"./components/Modal/ModalFooter/ModalFooterButtons/ModalFooterButtons.js";export{default as Box}from"./components/Box/Box.js";export{default as Text}from"./components/Text/Text.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Badge}from"./components/Badge/Badge.js";export{Table}from"./components/Table/Table.js";export{withStaticProps}from"./types/withStaticProps.js";export{AlertBannerBackgroundColor}from"./components/AlertBanner/AlertBannerConstants.js";export{AttentionBoxType}from"./components/AttentionBox/AttentionBoxConstants.js";export{AvatarSize,AvatarType}from"./components/Avatar/AvatarConstants.js";export{AVATAR_GROUP_COUNTER_AVATAR_SIZE,AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY}from"./components/AvatarGroup/AvatarGroupConstants.js";export{BadgeAlignments,BadgeAnchor,BadgeType}from"./components/Badge/BadgeConstants.js";export{BACKGROUND_COLORS,BORDER,BORDER_COLOR,COLORS,DISABLED,MARGIN,MARGIN_BOTTOM,MARGIN_END,MARGIN_START,MARGIN_TOP,MARGIN_X,MARGIN_Y,PADDING,PADDING_BOTTOM,PADDING_END,PADDING_START,PADDING_TOP,PADDING_X,PADDING_Y,ROUNDED,SHADOW}from"./components/Box/BoxConstants.js";export{BreadcrumbsBarType}from"./components/BreadcrumbsBar/BreadcrumbsConstants.js";export{COLOR_PADDING,COLOR_SIZES,ColorShapes,DEFAULT_NUMBER_OF_COLORS_IN_LINE,DIALOG_WIDTH_PADDING}from"./components/ColorPicker/ColorPickerConstants.js";export{ComboboxOptionIconType}from"./components/Combobox/components/ComboboxConstants.js";export{CounterColor,CounterSize,CounterType}from"./components/Counter/CounterConstants.js";export{Direction,FocusInput}from"./components/DatePicker/types.js";export{DAY_SIZE,MONTH_FORMAT,WEEK_FIRST_DAY,YEAR_FORMAT}from"./components/DatePicker/constants.js";export{DialogSize,DialogType}from"./components/DialogContentContainer/DialogContentContainerConstants.js";export{ColorType,DirectionType}from"./components/Divider/DividerConstants.js";export{ADD_AUTO_HEIGHT_COMPONENTS,DROPDOWN_CHIP_COLORS,DROPDOWN_ID,DROPDOWN_MENU_PLACEMENT,DROPDOWN_MENU_POSITION,defaultCustomStyles}from"./components/Dropdown/DropdownConstants.js";export{InputType}from"./components/EditableInput/EditableInputConstants.js";export{FlexAlign,FlexDirection,FlexGap,FlexJustify}from"./components/Flex/FlexConstants.js";export{HeadingType,HeadingWeight}from"./components/HeaderActions/HeaderActionsConstants.js";export{IconType}from"./components/Icon/IconConstants.js";export{LabelColor,LabelKind}from"./components/Label/LabelConstants.js";export{HeadingSizes,HeadingTypes}from"./components/LegacyHeading/LegacyHeadingConstants.js";export{IconPosition,LinkTarget}from"./components/Link/LinkConsts.js";export{ListWrapperComponentType}from"./components/List/ListConstants.js";export{ListItemComponentType}from"./components/ListItem/ListItemConstants.js";export{LIST_ITEM_ICON_SIZE,ListItemIconMargin}from"./components/ListItemIcon/ListItemIconConstants.js";export{LoaderColors,LoaderSizes}from"./components/Loader/LoaderConstants.js";export{TAB_INDEX_FOCUS_WITH_JS_ONLY}from"./components/Menu/MenuItem/MenuItemConstants.js";export{MenuTitleCaptionPosition}from"./components/Menu/MenuTitle/MenuTitleConstants.js";export{MenuButtonComponentPosition,MenuButtonSize}from"./components/MenuButton/MenuButtonConstants.js";export{ModalWidth}from"./components/Modal/ModalHelper.js";export{MultiStepType,Size,StepStatus,TextPlacement}from"./components/MultiStepIndicator/MultiStepConstants.js";export{PageHeaderType}from"./components/PageHeader/PageHeaderConstants.js";export{PANEL_SIZES,sizeToWidth}from"./components/Panel/PanelConstants.js";export{ProgressBarStyle,ProgressBarType}from"./components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.js";export{ProgressRingColors,ProgressRingSizes}from"./components/ProgressRing/ProgressRingConstants.js";export{SearchDefaultIconNames,SearchType}from"./components/Search/SearchConstants.js";export{SectionHeaderType}from"./components/SectionHeader/SectionHeaderConstants.js";export{BEM_PREFIX,COMPONENT_ID,InfixKind,SliderColor,TOOLTIP_SHOW_DELAY,UPDATE_SLIDER_SIZE_DEBOUNCE}from"./components/Slider/SliderConstants.js";export{DEFAULT_DIALOG_HIDE_TRIGGER,DEFAULT_DIALOG_SHOW_TRIGGER,DIALOG_MOVE_BY,EMPTY_ARR,ENTER_KEYS,SECONDARY_BUTTON_ARIA_LABEL,SECONDARY_BUTTON_WRAPPER_CLASSNAME,SplitButtonSecondaryContentPosition}from"./components/SplitButton/SplitButtonConstants.js";export{BACK_TEXT,FINISH_TEXT,NEXT_TEXT,StepsColor,StepsDotAriaCurrent,StepsType}from"./components/Steps/StepsConstants.js";export{TabPanelsAnimationDirection}from"./components/Tabs/TabPanels/TabPanelsConstants.js";export{TextType,TextWeight}from"./components/Text/TextConstants.js";export{TextAreaFieldAriaLabel,TextAreaFieldFeedbackState}from"./components/TextAreaField/TextAreaFieldConstants.js";export{TextFieldAriaLabel,TextFieldFeedbackState,TextFieldTextType}from"./components/TextField/TextFieldConstants.js";export{SystemTheme,ThemeColor}from"./components/ThemeProvider/ThemeProviderConstants.js";export{DISMISS_BUTTON_TEXT,SUBMIT_BUTTON_TEXT,TIPSEEN_CLOSE_BUTTON_ARIA_LABEL,TIPSEEN_CLOSE_BUTTON_TEST_ID,TipseenCloseButtonTheme,TipseenColor}from"./components/Tipseen/TipseenConstants.js";export{ToastActionType,ToastType,defaultIconMap}from"./components/Toast/ToastConstants.js";export{BASE_TOGGLE_CLASS_NAME}from"./components/Toggle/ToggleConstants.js";export{TooltipArrowPosition,TooltipTheme}from"./components/Tooltip/TooltipConstants.js";export{TypographyAlign,TypographyColor}from"./components/Typography/TypographyConstants.js";export{EMPTY_ARR as EMPTY_ARR_ANY}from"./constants/common.js";export{AnimationType,HideShowEvent,JustifyType}from"./constants/dialog.js";export{SELECTION_KEYS,UP_DOWN_ARROWS,keyCodes}from"./constants/keyCodes.js";export{BasePosition,DialogPosition,LabelPosition}from"./constants/positions.js";export{BASE_SIZES,BASE_SIZES_WITH_NONE,BaseSizes,SIZES,Sizes}from"./constants/sizes.js";export{DropdownButton}from"./components/Table/new/Buttons/DropdownButton.js";export{default as TableHeader}from"./components/Table/TableHeader.js";export{TableCell}from"./components/Table/TableCell.js";export{TablePaginator}from"./components/Table/TablePaginator.js";export{ActionColumn}from"./components/Table/columns/actionColumn.js";export{TableRowMemoized}from"./components/Table/TableRowMemoized.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as Typography}from"./components/Typography/Typography.js";export{default as EditableTypography}from"./components/EditableTypography/EditableTypography.js";export{default as TextAreaField}from"./components/TextAreaField/TextAreaField.js";export{DialogContentContainerStyled,LogoContainer,NavLink,NavList,Navbar,NavbarContainer,NotificationsContainer,ProfileContainer,SpanStyled,default as TopNavigationBar,UserInfo}from"./components/TopNavigationBar/TopNavigationBar.js";export{NotificationItem}from"./components/TopNavigationBar/components/NotificationItem/NotificationItem.js";export{Notification}from"./components/TopNavigationBar/components/Notification/Notification.js";export{default as InlineEdit}from"./components/InlineEdit/InlineEdit.js";export{default as Timeline}from"./components/Timeline/Timeline/Timeline.js";export{default as TimelineRow}from"./components/Timeline/TimelineRow/TimelineRow.js";export{default as PageHeader}from"./components/PageHeader/PageHeader.js";export{default as FieldLabel}from"./components/FieldLabel/FieldLabel.js";export{GridCol,GridContainer,GridRow}from"./components/Grid/Grid.js";export{HeaderActions}from"./components/HeaderActions/HeaderActions.js";export{Logo}from"./components/Logo/Logo.js";export{default as SectionHeader}from"./components/SectionHeader/SectionHeader.js";export{Panel,PanelFooter,PanelHeader}from"./components/Panel/Panel.js";export{SectionLabel,default as Sidebar,SidebarHeader,SidebarMenuItem}from"./components/Sidebar/Sidebar.js";export{default as Tree}from"./components/Tree/Tree.js";export{Step,default as Workflow}from"./components/Workflow/Workflow.js";export{BUTTON_ICON_SIZE,BUTTON_KIND_CLASS_NAMES,ButtonColor,ButtonInputType,ButtonType,OLD_BUTTON_SIZES}from"./components/Button/ButtonConstants.js";export{default as NumericField}from"./components/NumericField/NumericField.js";export{BasicUploader,Uploader}from"./components/Uploader/Uploader.js";export{Comment,CommentForm,Comments,UserCard}from"./components/Comments/Comments.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useClickOutside}from"./hooks/useClickOutside/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useClickableProps}from"./hooks/useClickableProps/useClickableProps.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";
+import"../style/dist/index.min.css.js";export{default as Loader}from"./components/Loader/Loader.js";export{default as Icon}from"./components/Icon/Icon.js";export{default as Search,default as SearchComponent}from"./components/Search/Search.js";export{default as InputField,default as TextField}from"./components/TextField/TextField.js";export{default as Dialog}from"./components/Dialog/Dialog.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as Button}from"./components/Button/Button.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as ProgressRing}from"./components/ProgressRing/ProgressRing.js";export{default as Link}from"./components/Link/Link.js";export{default as CustomSvgIcon}from"./components/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as Label}from"./components/Label/Label.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as DialogContentContainer}from"./components/DialogContentContainer/DialogContentContainer.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as LegacyHeading}from"./components/LegacyHeading/LegacyHeading.js";export{default as EditableInput}from"./components/EditableInput/EditableInput.js";export{default as EditableHeading}from"./components/LegacyEditableHeading/LegacyEditableHeading.js";export{default as ResponsiveList}from"./components/ResponsiveList/ResponsiveList.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as Tags}from"./components/Tags/Tags.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as DateNavigationItem}from"./components/DatePicker/DateNavigationItem/DateNavigationItem.js";export{default as DatePickerHeader}from"./components/DatePicker/DatePickerHeader/DatePickerHeader.js";export{default as YearPicker}from"./components/DatePicker/YearPicker/YearPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as ColorPickerItemComponent}from"./components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as List}from"./components/List/List.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as Clickable}from"./components/Clickable/Clickable.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Flex}from"./components/Flex/Flex.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Modal}from"./components/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalFooter}from"./components/Modal/ModalFooter/ModalFooter.js";export{default as ModalFooterButtons}from"./components/Modal/ModalFooter/ModalFooterButtons/ModalFooterButtons.js";export{default as Box}from"./components/Box/Box.js";export{default as Text}from"./components/Text/Text.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Badge}from"./components/Badge/Badge.js";export{Table}from"./components/Table/Table.js";export{withStaticProps}from"./types/withStaticProps.js";export{AlertBannerBackgroundColor}from"./components/AlertBanner/AlertBannerConstants.js";export{AttentionBoxType}from"./components/AttentionBox/AttentionBoxConstants.js";export{AvatarSize,AvatarType}from"./components/Avatar/AvatarConstants.js";export{AVATAR_GROUP_COUNTER_AVATAR_SIZE,AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY}from"./components/AvatarGroup/AvatarGroupConstants.js";export{BadgeAlignments,BadgeAnchor,BadgeType}from"./components/Badge/BadgeConstants.js";export{BACKGROUND_COLORS,BORDER,BORDER_COLOR,COLORS,DISABLED,MARGIN,MARGIN_BOTTOM,MARGIN_END,MARGIN_START,MARGIN_TOP,MARGIN_X,MARGIN_Y,PADDING,PADDING_BOTTOM,PADDING_END,PADDING_START,PADDING_TOP,PADDING_X,PADDING_Y,ROUNDED,SHADOW}from"./components/Box/BoxConstants.js";export{BreadcrumbsBarType}from"./components/BreadcrumbsBar/BreadcrumbsConstants.js";export{COLOR_PADDING,COLOR_SIZES,ColorShapes,DEFAULT_NUMBER_OF_COLORS_IN_LINE,DIALOG_WIDTH_PADDING}from"./components/ColorPicker/ColorPickerConstants.js";export{ComboboxOptionIconType}from"./components/Combobox/components/ComboboxConstants.js";export{CounterColor,CounterSize,CounterType}from"./components/Counter/CounterConstants.js";export{Direction,FocusInput}from"./components/DatePicker/types.js";export{DAY_SIZE,MONTH_FORMAT,WEEK_FIRST_DAY,YEAR_FORMAT}from"./components/DatePicker/constants.js";export{DialogSize,DialogType}from"./components/DialogContentContainer/DialogContentContainerConstants.js";export{ColorType,DirectionType}from"./components/Divider/DividerConstants.js";export{ADD_AUTO_HEIGHT_COMPONENTS,DROPDOWN_CHIP_COLORS,DROPDOWN_ID,DROPDOWN_MENU_PLACEMENT,DROPDOWN_MENU_POSITION,defaultCustomStyles}from"./components/Dropdown/DropdownConstants.js";export{InputType}from"./components/EditableInput/EditableInputConstants.js";export{FlexAlign,FlexDirection,FlexGap,FlexJustify}from"./components/Flex/FlexConstants.js";export{HeadingType,HeadingWeight}from"./components/HeaderActions/HeaderActionsConstants.js";export{IconType}from"./components/Icon/IconConstants.js";export{LabelColor,LabelKind}from"./components/Label/LabelConstants.js";export{HeadingSizes,HeadingTypes}from"./components/LegacyHeading/LegacyHeadingConstants.js";export{IconPosition,LinkTarget}from"./components/Link/LinkConsts.js";export{ListWrapperComponentType}from"./components/List/ListConstants.js";export{ListItemComponentType}from"./components/ListItem/ListItemConstants.js";export{LIST_ITEM_ICON_SIZE,ListItemIconMargin}from"./components/ListItemIcon/ListItemIconConstants.js";export{LoaderColors,LoaderSizes}from"./components/Loader/LoaderConstants.js";export{TAB_INDEX_FOCUS_WITH_JS_ONLY}from"./components/Menu/MenuItem/MenuItemConstants.js";export{MenuTitleCaptionPosition}from"./components/Menu/MenuTitle/MenuTitleConstants.js";export{MenuButtonComponentPosition,MenuButtonSize}from"./components/MenuButton/MenuButtonConstants.js";export{ModalWidth}from"./components/Modal/ModalHelper.js";export{MultiStepType,Size,StepStatus,TextPlacement}from"./components/MultiStepIndicator/MultiStepConstants.js";export{PageHeaderType}from"./components/PageHeader/PageHeaderConstants.js";export{PANEL_SIZES,sizeToWidth}from"./components/Panel/PanelConstants.js";export{ProgressBarStyle,ProgressBarType}from"./components/ProgressBars/LinearProgressBar/LinearProgressBarConstants.js";export{ProgressRingColors,ProgressRingSizes}from"./components/ProgressRing/ProgressRingConstants.js";export{SearchDefaultIconNames,SearchType}from"./components/Search/SearchConstants.js";export{SectionHeaderType}from"./components/SectionHeader/SectionHeaderConstants.js";export{BEM_PREFIX,COMPONENT_ID,InfixKind,SliderColor,TOOLTIP_SHOW_DELAY,UPDATE_SLIDER_SIZE_DEBOUNCE}from"./components/Slider/SliderConstants.js";export{DEFAULT_DIALOG_HIDE_TRIGGER,DEFAULT_DIALOG_SHOW_TRIGGER,DIALOG_MOVE_BY,EMPTY_ARR,ENTER_KEYS,SECONDARY_BUTTON_ARIA_LABEL,SECONDARY_BUTTON_WRAPPER_CLASSNAME,SplitButtonSecondaryContentPosition}from"./components/SplitButton/SplitButtonConstants.js";export{BACK_TEXT,FINISH_TEXT,NEXT_TEXT,StepsColor,StepsDotAriaCurrent,StepsType}from"./components/Steps/StepsConstants.js";export{TabPanelsAnimationDirection}from"./components/Tabs/TabPanels/TabPanelsConstants.js";export{TextType,TextWeight}from"./components/Text/TextConstants.js";export{TextAreaFieldAriaLabel,TextAreaFieldFeedbackState}from"./components/TextAreaField/TextAreaFieldConstants.js";export{TextFieldAriaLabel,TextFieldFeedbackState,TextFieldTextType}from"./components/TextField/TextFieldConstants.js";export{SystemTheme,ThemeColor}from"./components/ThemeProvider/ThemeProviderConstants.js";export{DISMISS_BUTTON_TEXT,SUBMIT_BUTTON_TEXT,TIPSEEN_CLOSE_BUTTON_ARIA_LABEL,TIPSEEN_CLOSE_BUTTON_TEST_ID,TipseenCloseButtonTheme,TipseenColor}from"./components/Tipseen/TipseenConstants.js";export{ToastActionType,ToastType,defaultIconMap}from"./components/Toast/ToastConstants.js";export{BASE_TOGGLE_CLASS_NAME}from"./components/Toggle/ToggleConstants.js";export{TooltipArrowPosition,TooltipTheme}from"./components/Tooltip/TooltipConstants.js";export{TypographyAlign,TypographyColor}from"./components/Typography/TypographyConstants.js";export{EMPTY_ARR as EMPTY_ARR_ANY}from"./constants/common.js";export{AnimationType,HideShowEvent,JustifyType}from"./constants/dialog.js";export{SELECTION_KEYS,UP_DOWN_ARROWS,keyCodes}from"./constants/keyCodes.js";export{BasePosition,DialogPosition,LabelPosition}from"./constants/positions.js";export{BASE_SIZES,BASE_SIZES_WITH_NONE,BaseSizes,SIZES,Sizes}from"./constants/sizes.js";export{DropdownButton}from"./components/Table/new/Buttons/DropdownButton.js";export{default as TableHeader}from"./components/Table/TableHeader.js";export{TableCell}from"./components/Table/TableCell.js";export{TablePaginator}from"./components/Table/TablePaginator.js";export{ActionColumn}from"./components/Table/columns/actionColumn.js";export{TableRowMemoized}from"./components/Table/TableRowMemoized.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as Typography}from"./components/Typography/Typography.js";export{default as EditableTypography}from"./components/EditableTypography/EditableTypography.js";export{default as TextAreaField}from"./components/TextAreaField/TextAreaField.js";export{DialogContentContainerStyled,LogoContainer,NavLink,NavList,Navbar,NavbarContainer,NotificationsContainer,ProfileContainer,SpanStyled,default as TopNavigationBar,UserInfo}from"./components/TopNavigationBar/TopNavigationBar.js";export{NotificationItem}from"./components/TopNavigationBar/components/NotificationItem/NotificationItem.js";export{Notification}from"./components/TopNavigationBar/components/Notification/Notification.js";export{default as InlineEdit}from"./components/InlineEdit/InlineEdit.js";export{default as Timeline}from"./components/Timeline/Timeline/Timeline.js";export{default as TimelineRow}from"./components/Timeline/TimelineRow/TimelineRow.js";export{default as PageHeader}from"./components/PageHeader/PageHeader.js";export{default as FieldLabel}from"./components/FieldLabel/FieldLabel.js";export{GridCol,GridContainer,GridRow}from"./components/Grid/Grid.js";export{HeaderActions}from"./components/HeaderActions/HeaderActions.js";export{Logo}from"./components/Logo/Logo.js";export{default as SectionHeader}from"./components/SectionHeader/SectionHeader.js";export{Panel,PanelFooter,PanelHeader}from"./components/Panel/Panel.js";export{SectionLabel,default as Sidebar,SidebarHeader,SidebarMenuItem}from"./components/Sidebar/Sidebar.js";export{default as Tree}from"./components/Tree/Tree.js";export{Step,default as Workflow}from"./components/Workflow/Workflow.js";export{BUTTON_ICON_SIZE,BUTTON_KIND_CLASS_NAMES,ButtonColor,ButtonInputType,ButtonType,OLD_BUTTON_SIZES}from"./components/Button/ButtonConstants.js";export{default as NumericField}from"./components/NumericField/NumericField.js";export{BasicUploader,Uploader}from"./components/Uploader/Uploader.js";export{Comment,CommentForm,Comments,UserCard}from"./components/Comments/Comments.js";export{DropdownMenu as TableDropdownMenu}from"./components/Table/new/DropdownMenu/DropdownMenu.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useClickOutside}from"./hooks/useClickOutside/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useClickableProps}from"./hooks/useClickableProps/useClickableProps.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";
 //# sourceMappingURL=index.js.map

package/dist/mocked_classnames_esm/storybook/stand-alone-documentaion/catalog/catalog.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Catalog: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        chromatic: {
+            pauseAnimationAtEnd: boolean;
+        };
+    };
+};

package/dist/mocked_classnames_esm/storybook/stand-alone-documentaion/playground/Playground.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    title: string;
+    decorators: any[];
+};
+export default _default;
+export declare const Playground: {
+    parameters: {
+        chromatic: {
+            disable: boolean;
+        };
+    };
+};