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

package/dist/esm/src/components/new/utils/components/Portal.js

@@ -1,2 +0,0 @@
-import*as o from"react";import*as r from"react-dom";import{ThemeContext as t}from"../../ThemeProvider/ThemeContext.js";import{getDocument as n}from"../functions/dom.js";import{useIsClient as e}from"../hooks/useIsClient.js";var i=function(o){var t=o.portal,n=void 0===t||t,i=o.children,u=e(),a=l(n);return u?a?r.createPortal(i,a):i:null},l=function(r){var e,i,l=o.useContext(t),u=null!==(e=null==l?void 0:l.portalContainer)&&void 0!==e?e:null===(i=n())||void 0===i?void 0:i.body;if("boolean"==typeof r)return r?u:null;var a="function"==typeof r.to?r.to():r.to;return null!=a?a:u};export{i as Portal};
-//# sourceMappingURL=Portal.js.map

package/dist/esm/src/components/new/utils/components/Portal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Portal.js","sources":["../../../../../../../src/components/new/utils/components/Portal.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\";\nimport { ThemeContext } from \"../../ThemeProvider/ThemeContext\";\nimport { getDocument } from \"../functions/dom\";\nimport { useIsClient } from \"../hooks/useIsClient\";\n\nexport type PortalProps = {\n  /**\n   * Where should the element be portaled to?\n   *\n   * If true, it will portal into nearest ThemeContext.portalContainer.\n   *\n   * If false, it will not be portaled.\n   *\n   * Otherwise, it will portal to the element passed to `to`.\n   *\n   * If `to`/`to()` === `null`/`undefined`, the default behavior will be used (i.e. as if `portal` is not passed).\n   *\n   * @default true\n   */\n  portal?:\n    | boolean\n    | {\n        to:\n          | HTMLElement\n          | null\n          | undefined\n          | (() => HTMLElement | null | undefined);\n      };\n  // children: React.ReactNode;\n};\n\n// ----------------------------------------------------------------------------\n\n/**\n * Helper component that portals children according to the following conditions:\n *   - renders null on server\n *   - if `portal` is set to true, renders into nearest ThemeContext.portalContainer\n *   - if `portal` is set to false, renders as-is without portal\n *   - otherwise renders into `portal.to` (can be an element or a function)\n *     - If `to`/`to()` === `null`/`undefined`, the default behavior will be used (i.e. as if `portal` is not passed).\n *     - E.g. `portal={{ to: () => document.querySelector('.may-not-exist') }}`.\n *\n * @private\n */\nexport const Portal: React.FC<PortalProps> = (props) => {\n  // @ts-ignore\n  const { portal = true, children } = props;\n\n  const isClient = useIsClient();\n  const portalTo = usePortalTo(portal);\n\n  if (!isClient) {\n    return null;\n  }\n\n  return portalTo ? ReactDOM.createPortal(children, portalTo) : children;\n};\n\n// ----------------------------------------------------------------------------\n\nconst usePortalTo = (portal: NonNullable<PortalProps[\"portal\"]>) => {\n  const themeInfo = React.useContext(ThemeContext);\n  const defaultPortalTo = themeInfo?.portalContainer ?? getDocument()?.body;\n\n  if (typeof portal === \"boolean\") {\n    return portal ? defaultPortalTo : null;\n  }\n\n  const portalTo = typeof portal.to === \"function\" ? portal.to() : portal.to;\n  return portalTo ?? defaultPortalTo;\n};\n"],"names":["Portal","props","_props$portal","portal","children","isClient","useIsClient","portalTo","usePortalTo","ReactDOM","createPortal","themeInfo","React","useContext","ThemeContext","defaultPortalTo","_a","portalContainer","_b","getDocument","body","to"],"mappings":"mOAiDaA,EAAgC,SAACC,GAE5C,IAAAC,EAAoCD,EAA5BE,OAAAA,OAAS,IAAHD,GAAOA,EAAEE,EAAaH,EAAbG,SAEjBC,EAAWC,IACXC,EAAWC,EAAYL,GAE7B,OAAKE,EAIEE,EAAWE,EAASC,aAAaN,EAAUG,GAAYH,EAHrD,IAIX,EAIMI,EAAc,SAACL,WACbQ,EAAYC,EAAMC,WAAWC,GAC7BC,UAAkBC,EAAAL,aAAA,EAAAA,EAAWM,+BAAgC,QAAbC,EAAAC,WAAa,IAAAD,OAAA,EAAAA,EAAEE,KAErE,GAAsB,kBAAXjB,EACT,OAAOA,EAASY,EAAkB,KAGpC,IAAMR,EAAgC,mBAAdJ,EAAOkB,GAAoBlB,EAAOkB,KAAOlB,EAAOkB,GACxE,OAAOd,QAAAA,EAAYQ,CACrB"}

package/dist/esm/src/components/new/utils/components/ShadowRoot.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r,Fragment as o}from"react/jsx-runtime";import*as n from"react";import*as a from"react-dom";var c="undefined"!=typeof document,l=c&&"shadowRootMode"in HTMLTemplateElement.prototype,u=c&&"adoptedStyleSheets"in Document.prototype,s=function(s){var i=s.children,d=s.css,p=n.useState(),m=e(p,2),f=m[0],h=m[1],S=function(){var t=n.useState(!0),r=e(t,2),o=r[0],a=r[1];return n.useEffect((function(){return a(!1)}),[]),o}(),y=n.useRef(),v=n.useCallback((function(e){var t=null==e?void 0:e.parentElement;e&&t&&(t.shadowRoot&&t.shadowRoot.replaceChildren(),queueMicrotask((function(){var e=t.shadowRoot||t.attachShadow({mode:"open"});d&&u&&(y.current||(y.current=new CSSStyleSheet),y.current.replaceSync(d),e.adoptedStyleSheets=[y.current]),a.flushSync((function(){return h(e)}))})))}),[d]);return c?l&&S?null:r(o,{children:f?a.createPortal(i,f):r("template",{ref:v})}):t("template",Object.assign({},{shadowrootmode:"open"},{children:[d&&r("style",{children:d}),i]}))};export{s as ShadowRoot};
-//# sourceMappingURL=ShadowRoot.js.map

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

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/components/VirtualScroll.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/components/VirtualScroll.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/components/WithCSSTransition.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/components/WithCSSTransition.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/functions/colors.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/functions/colors.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/functions/dev.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/functions/dev.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/functions/dom.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/functions/dom.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/functions/focusable.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/functions/focusable.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/functions/import.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/functions/import.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/functions/numbers.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/functions/numbers.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/functions/polymorphic.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/functions/polymorphic.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/functions/react.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/functions/react.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useContainerWidth.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useContainerWidth.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useControlledState.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useControlledState.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useGlobals.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useGlobals.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useId.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useId.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useIntersection.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useIntersection.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useIsClient.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useIsClient.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useIsomorphicLayoutEffect.js

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

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

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useLatestRef.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useLatestRef.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useMediaQuery.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useMediaQuery.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useMergedRefs.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useMergedRefs.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useOverflow.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useOverflow.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useResizeObserver.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useResizeObserver.js.map

@@ -1 +0,0 @@
-{"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/esm/src/components/new/utils/hooks/useSafeContext.js

@@ -1,2 +0,0 @@
-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/esm/src/components/new/utils/hooks/useSafeContext.js.map

@@ -1 +0,0 @@
-{"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/esm/storybook/stand-alone-documentaion/catalog/catalog.stories.d.ts

@@ -1,13 +0,0 @@
-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/esm/storybook/stand-alone-documentaion/playground/Playground.stories.d.ts

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

package/dist/esm/tests/__tests__/test-utils.d.ts

@@ -1,2 +0,0 @@
-export declare const mockRequestAnimationFrame: () => void;
-export declare const restoreRequestAnimationFrameMock: () => void;

package/dist/mocked_classnames_esm/__tests__/interactions-helper.d.ts

@@ -1 +0,0 @@
-export declare function resetFocus(): Promise<void>;

package/dist/mocked_classnames_esm/__tests__/stories.jest-story.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/mocked_classnames_esm/components/Accordion/Accordion/__tests__/accordion.interactions.d.ts

@@ -1,3 +0,0 @@
-import { interactionSuite } from "../../../../tests/interactions-utils";
-export declare const accordionSingleActivePlaySuite: ReturnType<typeof interactionSuite>;
-export declare const accordionMultiActivePlaySuite: ReturnType<typeof interactionSuite>;

package/dist/mocked_classnames_esm/components/Accordion/AccordionItem/__tests__/accordionItem-tests.jest.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/mocked_classnames_esm/components/AlertBanner/__stories__/alertBanner.stories.helpers.d.ts

@@ -1 +0,0 @@
-export declare const TipWhenToUse: () => import("react/jsx-runtime").JSX.Element;

package/dist/mocked_classnames_esm/components/AttentionBox/__stories__/attentionBox.stories.helpers.d.ts

@@ -1 +0,0 @@
-export declare const TipCheckYourself: () => import("react/jsx-runtime").JSX.Element;

package/dist/mocked_classnames_esm/components/AttentionBox/__tests__/attentionBox-snapshot-tests.jest.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/mocked_classnames_esm/components/AttentionBox/__tests__/attentionBox-tests.jest.d.ts

@@ -1 +0,0 @@
-export {};