@skbkontur/react-ui 0.0.0-a25347e958 → 0.0.0-a2ba583fb2

package/internal/ZIndex/ZIndex/ZIndex.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ZIndex.tsx"],"names":["React","callChildRef","rootNode","isBrowser","createPropsGetter","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","priority","delta","componentDidUpdate","prevProps","setState","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","child","allowedValuesIntervalLength","scale","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isBrowser } from '../../lib/client';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state = {\n    zIndex: 0,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContextValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser && 'isolation' in document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n}\n"]}
+{"version":3,"sources":["ZIndex.tsx"],"names":["React","globalObject","isBrowser","callChildRef","rootNode","createPropsGetter","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","props","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","priority","delta","componentDidUpdate","prevProps","setState","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","child","allowedValuesIntervalLength","scale","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state = {\n    zIndex: 0,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContextValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n}\n"]}

package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js

@@ -1,4 +1,4 @@
-import { globalThat } from "../../../lib/SSRSafe";
+import { globalObject } from '@skbkontur/global-object';
 
 var calculatePriority = function calculatePriority(priority) {
   if (typeof priority === 'string') {
@@ -21,7 +21,7 @@ var componentPriorities = {
 var priorityStep = 1000;
 
 var getZIndexes = function getZIndexes() {
-  return globalThat.__RetailUiZIndexes || (globalThat.__RetailUiZIndexes = [0]);
+  return globalObject.__RetailUiZIndexes || (globalObject.__RetailUiZIndexes = [0]);
 };
 
 var getIndexPriority = function getIndexPriority(zIndex) {

package/internal/ZIndex/ZIndexStorage/ZIndexStorage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ZIndexStorage.ts"],"names":["globalThat","calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","getZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;;;AAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAwB;AAChD,MAAI,OAAOA,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAOC,mBAAmB,CAACD,QAAD,CAA1B;AACD;;AAED,SAAOA,QAAP;AACD,CAND;;;;AAUA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1BC,EAAAA,YAAY,EAAE,EAHY;AAI1BC,EAAAA,QAAQ,EAAE,CAJgB;AAK1BC,EAAAA,KAAK,EAAE,CALmB;AAM1BC,EAAAA,MAAM,EAAE,CANkB;AAO1BC,EAAAA,iBAAiB,EAAE,CAPO;AAQ1BC,EAAAA,KAAK,EAAE,CARmB,EAA5B;;AAUA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBb,UAAU,CAACc,kBAAX,KAAkCd,UAAU,CAACc,kBAAX,GAAgC,CAAC,CAAD,CAAlE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGJ,YAApB,CAApB,EAAzB;AACA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAACjB,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBU,YAAjB,GAAgC,CAA9D,EAA3B;;AAEA,OAAO,IAAMQ,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,CAAcpB,mBAAd,CAAR,CAAL,CAAtC;;AAEP,OAAO,SAASqB,eAAT,CAAyBtB,QAAzB,EAA6CuB,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,GAAGzB,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAMyB,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGf,WAAW,EAA5B;;AAEA,MAAIgB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CH,kBAA5C;AACIT,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBJ,KAAjC,EAAwCE,eAAxC,CADJ;AAEID,EAAAA,kBAAkB,GAAGd,YAH3B;;AAKAgB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAED,OAAO,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGf,WAAW,EAA5B;AACA,MAAMwB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { globalThat } from '../../lib/SSRSafe';\n\ntype Priority = number | LayerComponentName;\nconst calculatePriority = (priority: Priority) => {\n  if (typeof priority === 'string') {\n    return componentPriorities[priority];\n  }\n\n  return priority;\n};\n\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nconst componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  DropdownContainer: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\n\nconst getZIndexes = (): number[] => globalThat.__RetailUiZIndexes || (globalThat.__RetailUiZIndexes = [0]);\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\n\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\n\nexport function incrementZIndex(priority: Priority, delta: number): number {\n  const calculatedPriority = calculatePriority(priority);\n\n  const maxAllowedValue = getMaxAllowedValue(calculatedPriority);\n  const zIndexes = getZIndexes();\n\n  let prevIndexId = zIndexes.length - 1;\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\n    prevIndexId--;\n  }\n\n  const zIndex =\n    getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : calculatedPriority * priorityStep;\n\n  zIndexes.push(zIndex);\n  zIndexes.sort((a, b) => a - b);\n  return zIndex;\n}\n\nexport function removeZIndex(zIndex: number): void {\n  const zIndexes = getZIndexes();\n  const i = zIndexes.indexOf(zIndex);\n\n  if (i !== -1) {\n    zIndexes.splice(i, 1);\n  }\n}\n"]}
+{"version":3,"sources":["ZIndexStorage.ts"],"names":["globalObject","calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","getZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"mappings":"AAAA,SAASA,YAAT,QAA6B,0BAA7B;;;AAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAwB;AAChD,MAAI,OAAOA,QAAP,KAAoB,QAAxB,EAAkC;AAChC,WAAOC,mBAAmB,CAACD,QAAD,CAA1B;AACD;;AAED,SAAOA,QAAP;AACD,CAND;;;;AAUA,IAAMC,mBAAmB,GAAG;AAC1BC,EAAAA,WAAW,EAAE,IADa;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1BC,EAAAA,YAAY,EAAE,EAHY;AAI1BC,EAAAA,QAAQ,EAAE,CAJgB;AAK1BC,EAAAA,KAAK,EAAE,CALmB;AAM1BC,EAAAA,MAAM,EAAE,CANkB;AAO1BC,EAAAA,iBAAiB,EAAE,CAPO;AAQ1BC,EAAAA,KAAK,EAAE,CARmB,EAA5B;;AAUA,IAAMC,YAAY,GAAG,IAArB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,WAAgBb,YAAY,CAACc,kBAAb,KAAoCd,YAAY,CAACc,kBAAb,GAAkC,CAAC,CAAD,CAAtE,CAAhB,EAApB;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,MAAD,UAAoBC,IAAI,CAACC,KAAL,CAAWF,MAAM,GAAGJ,YAApB,CAApB,EAAzB;AACA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAACjB,QAAD,UAA8B,CAACA,QAAQ,GAAG,CAAZ,IAAiBU,YAAjB,GAAgC,CAA9D,EAA3B;;AAEA,OAAO,IAAMQ,WAAW,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAL,OAAAJ,IAAI,EAAQK,MAAM,CAACC,MAAP,CAAcpB,mBAAd,CAAR,CAAL,CAAtC;;AAEP,OAAO,SAASqB,eAAT,CAAyBtB,QAAzB,EAA6CuB,KAA7C,EAAoE;AACzE,MAAMC,kBAAkB,GAAGzB,iBAAiB,CAACC,QAAD,CAA5C;;AAEA,MAAMyB,eAAe,GAAGR,kBAAkB,CAACO,kBAAD,CAA1C;AACA,MAAME,QAAQ,GAAGf,WAAW,EAA5B;;AAEA,MAAIgB,WAAW,GAAGD,QAAQ,CAACE,MAAT,GAAkB,CAApC;AACA,SAAOF,QAAQ,CAACC,WAAD,CAAR,GAAwBF,eAAxB,IAA2CE,WAAW,GAAG,CAAhE,EAAmE;AACjEA,IAAAA,WAAW;AACZ;;AAED,MAAMb,MAAM;AACVD,EAAAA,gBAAgB,CAACa,QAAQ,CAACC,WAAD,CAAT,CAAhB,KAA4CH,kBAA5C;AACIT,EAAAA,IAAI,CAACc,GAAL,CAASH,QAAQ,CAACC,WAAD,CAAR,GAAwBJ,KAAjC,EAAwCE,eAAxC,CADJ;AAEID,EAAAA,kBAAkB,GAAGd,YAH3B;;AAKAgB,EAAAA,QAAQ,CAACI,IAAT,CAAchB,MAAd;AACAY,EAAAA,QAAQ,CAACK,IAAT,CAAc,UAACC,CAAD,EAAIC,CAAJ,UAAUD,CAAC,GAAGC,CAAd,EAAd;AACA,SAAOnB,MAAP;AACD;;AAED,OAAO,SAASoB,YAAT,CAAsBpB,MAAtB,EAA4C;AACjD,MAAMY,QAAQ,GAAGf,WAAW,EAA5B;AACA,MAAMwB,CAAC,GAAGT,QAAQ,CAACU,OAAT,CAAiBtB,MAAjB,CAAV;;AAEA,MAAIqB,CAAC,KAAK,CAAC,CAAX,EAAc;AACZT,IAAAA,QAAQ,CAACW,MAAT,CAAgBF,CAAhB,EAAmB,CAAnB;AACD;AACF","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\ntype Priority = number | LayerComponentName;\nconst calculatePriority = (priority: Priority) => {\n  if (typeof priority === 'string') {\n    return componentPriorities[priority];\n  }\n\n  return priority;\n};\n\nexport type LayerComponentName = keyof typeof componentPriorities;\n\nconst componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  DropdownContainer: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\n\nconst getZIndexes = (): number[] => globalObject.__RetailUiZIndexes || (globalObject.__RetailUiZIndexes = [0]);\nconst getIndexPriority = (zIndex: number) => Math.trunc(zIndex / priorityStep);\nconst getMaxAllowedValue = (priority: number): number => (priority + 1) * priorityStep - 1;\n\nexport const upperBorder = getMaxAllowedValue(Math.max(...Object.values(componentPriorities)));\n\nexport function incrementZIndex(priority: Priority, delta: number): number {\n  const calculatedPriority = calculatePriority(priority);\n\n  const maxAllowedValue = getMaxAllowedValue(calculatedPriority);\n  const zIndexes = getZIndexes();\n\n  let prevIndexId = zIndexes.length - 1;\n  while (zIndexes[prevIndexId] > maxAllowedValue && prevIndexId > 0) {\n    prevIndexId--;\n  }\n\n  const zIndex =\n    getIndexPriority(zIndexes[prevIndexId]) === calculatedPriority\n      ? Math.min(zIndexes[prevIndexId] + delta, maxAllowedValue)\n      : calculatedPriority * priorityStep;\n\n  zIndexes.push(zIndex);\n  zIndexes.sort((a, b) => a - b);\n  return zIndex;\n}\n\nexport function removeZIndex(zIndex: number): void {\n  const zIndexes = getZIndexes();\n  const i = zIndexes.indexOf(zIndex);\n\n  if (i !== -1) {\n    zIndexes.splice(i, 1);\n  }\n}\n"]}

package/internal/icons/16px/index.d.ts

@@ -4,22 +4,22 @@ export interface SvgIconProps extends React.HTMLAttributes<HTMLSpanElement> {
     size?: string | number;
     ref?: any;
 }
-export declare const ArrowChevronDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowChevronUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowChevronRightIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ArrowTriangleUpDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const CalendarIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EditIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EyeClosedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const EyeOpenedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const FunctionIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const MenuKebabIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const OkIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const SquareIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const UndoIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const HelpDotIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const ErrorIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const DeleteIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
-export declare const UploadIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps>;
+export declare const ArrowChevronDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowChevronUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowChevronRightIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleUpIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ArrowTriangleUpDownIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const CalendarIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EditIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EyeClosedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const EyeOpenedIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const FunctionIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const MenuKebabIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const OkIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const SquareIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const UndoIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const HelpDotIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const ErrorIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const DeleteIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;
+export declare const UploadIcon: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLElement, SvgIconProps> & Record<never, never>;

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowALeftIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowALeftIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowALeftIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowALeftIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowALeftIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowALeftIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowARightIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowARightIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowARightIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowARightIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowARightIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowARightIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowAUpIcon/ArrowAUp16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowAUpIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowAUpIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowCDownIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowCDownIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowCDownIcon20Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowCDownIcon20Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowCDownIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowCDownIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowCRightIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowCRightIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowCRightIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowCRightIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowCRightIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowCRightIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowCUpIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowCUpIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowCollapseCVOpenIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowCollapseCVOpenIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowShapeDRadiusUpLeftIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowShapeDRadiusUpLeftIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowShapeDRadiusUpLeftIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowShapeDRadiusUpLeftIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ArrowShapeDRadiusUpLeftIcon/ArrowShapeDRadiusUpLeftIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ArrowShapeDRadiusUpLeftIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ArrowShapeDRadiusUpLeftIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/BaseIcon/BaseIcon.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["color", "size", "style", "aria-hidden", "viewBoxSize", "align", "children"];
 import React from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { ZERO_WIDTH_SPACE } from "../../../lib/chars";
+import { styles } from "../BaseIcon.styles";
 export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
@@ -33,11 +33,8 @@ export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
 
   if (align === 'center') {
     return /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'inline-flex',
-        alignItems: 'center'
-      }
-    }, ZERO_WIDTH_SPACE, icon);
+      className: styles.centeredIcon()
+    }, icon);
   }
 
   return icon;

package/internal/icons2022/BaseIcon/BaseIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BaseIcon.tsx"],"names":["React","forwardRefAndName","ZERO_WIDTH_SPACE","BaseIcon","ref","color","size","style","ariaHidden","viewBoxSize","align","children","rest","icon","fill","marginBottom","flexShrink","display","alignItems"],"mappings":"4PAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAA2D,6BAA3D;;AAEA,SAASC,gBAAT,QAAiC,iBAAjC;;;;;;;;;;;;;AAaA,OAAO,IAAMC,QAAQ,GAAGF,iBAAiB;AACvC,UADuC;AAEvC;;AAEEG,GAFF;AAGK,KAFDC,KAEC,QAFDA,KAEC,CAFMC,IAEN,QAFMA,IAEN,CAFYC,KAEZ,QAFYA,KAEZ,wBAFmB,aAEnB,EAFkCC,UAElC,gCAF+C,IAE/C,2CAFqDC,WAErD,CAFqDA,WAErD,iCAFmE,EAEnE,sCAFuEC,KAEvE,CAFuEA,KAEvE,2BAF+E,QAE/E,cAFyFC,QAEzF,QAFyFA,QAEzF,CAFsGC,IAEtG;AACH,MAAMC,IAAI;AACR;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,KAAK,EAAEE,IAAI,IAAIG,WAFjB;AAGE,IAAA,MAAM,EAAEH,IAAI,IAAIG,WAHlB;AAIE,IAAA,KAAK;AACHK,MAAAA,IAAI,EAAET,KAAF,WAAEA,KAAF,GAAW,cADZ;AAEHU,MAAAA,YAAY,EAAEL,KAAK,KAAK,MAAV,IAAoBA,KAAK,KAAK,QAA9B,GAAyC,CAAzC,GAA6C,WAFxD;AAGHM,MAAAA,UAAU,EAAE,CAHT;AAIAT,IAAAA,KAJA,CAJP;;AAUE,IAAA,KAAK,EAAC,4BAVR;AAWE,IAAA,OAAO,WAASE,WAAT,SAAwBA,WAXjC;AAYE,mBAAaD,UAZf;AAaMI,EAAAA,IAbN;;AAeGD,EAAAA,QAfH,CADF;;;;AAoBA,MAAID,KAAK,KAAK,QAAd,EAAwB;AACtB;AACE,oCAAM,KAAK,EAAE,EAAEO,OAAO,EAAE,aAAX,EAA0BC,UAAU,EAAE,QAAtC,EAAb;AACGhB,MAAAA,gBADH;AAEGW,MAAAA,IAFH,CADF;;;AAMD;;AAED,SAAOA,IAAP;AACD,CApCsC,CAAlC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName, ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { SvgIconProps } from '../icons/16px';\nimport { ZERO_WIDTH_SPACE } from '../../lib/chars';\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      return (\n        <span style={{ display: 'inline-flex', alignItems: 'center' }}>\n          {ZERO_WIDTH_SPACE}\n          {icon}\n        </span>\n      );\n    }\n\n    return icon;\n  },\n);\n"]}
+{"version":3,"sources":["BaseIcon.tsx"],"names":["React","forwardRefAndName","styles","BaseIcon","ref","color","size","style","ariaHidden","viewBoxSize","align","children","rest","icon","fill","marginBottom","flexShrink","centeredIcon"],"mappings":"4PAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAA2D,6BAA3D;;;AAGA,SAASC,MAAT,QAAuB,mBAAvB;;;;;;;;;;;;;AAaA,OAAO,IAAMC,QAAQ,GAAGF,iBAAiB;AACvC,UADuC;AAEvC;;AAEEG,GAFF;AAGK,KAFDC,KAEC,QAFDA,KAEC,CAFMC,IAEN,QAFMA,IAEN,CAFYC,KAEZ,QAFYA,KAEZ,wBAFmB,aAEnB,EAFkCC,UAElC,gCAF+C,IAE/C,2CAFqDC,WAErD,CAFqDA,WAErD,iCAFmE,EAEnE,sCAFuEC,KAEvE,CAFuEA,KAEvE,2BAF+E,QAE/E,cAFyFC,QAEzF,QAFyFA,QAEzF,CAFsGC,IAEtG;AACH,MAAMC,IAAI;AACR;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,KAAK,EAAEE,IAAI,IAAIG,WAFjB;AAGE,IAAA,MAAM,EAAEH,IAAI,IAAIG,WAHlB;AAIE,IAAA,KAAK;AACHK,MAAAA,IAAI,EAAET,KAAF,WAAEA,KAAF,GAAW,cADZ;AAEHU,MAAAA,YAAY,EAAEL,KAAK,KAAK,MAAV,IAAoBA,KAAK,KAAK,QAA9B,GAAyC,CAAzC,GAA6C,WAFxD;AAGHM,MAAAA,UAAU,EAAE,CAHT;AAIAT,IAAAA,KAJA,CAJP;;AAUE,IAAA,KAAK,EAAC,4BAVR;AAWE,IAAA,OAAO,WAASE,WAAT,SAAwBA,WAXjC;AAYE,mBAAaD,UAZf;AAaMI,EAAAA,IAbN;;AAeGD,EAAAA,QAfH,CADF;;;;AAoBA,MAAID,KAAK,KAAK,QAAd,EAAwB;AACtB,wBAAO,8BAAM,SAAS,EAAER,MAAM,CAACe,YAAP,EAAjB,IAAyCJ,IAAzC,CAAP;AACD;;AAED,SAAOA,IAAP;AACD,CA/BsC,CAAlC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName, ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { SvgIconProps } from '../icons/16px';\n\nimport { styles } from './BaseIcon.styles';\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"]}

package/internal/icons2022/BaseIcon.d.ts

@@ -8,4 +8,4 @@ export declare type IconProps = {
     align?: 'center' | 'baseline' | 'none';
 } & React.SVGAttributes<SVGElement>;
 export declare type BothIconType = ReactUIComponentWithRef<HTMLElement, SvgIconProps> | ReactUIComponentWithRef<SVGSVGElement, IconProps>;
-export declare const BaseIcon: ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const BaseIcon: ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js

@@ -0,0 +1,11 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject;
+
+import { ZERO_WIDTH_SPACE_CSS } from "../../../lib/chars";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  centeredIcon: function centeredIcon() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
+  }
+});

package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BaseIcon.styles.ts"],"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","centeredIcon"],"mappings":"oHAAA,SAASA,oBAAT,QAAqC,iBAArC;AACA,SAASC,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,YADiC,0BAClB;AACb,WAAOH,GAAP;;;;;AAKgBD,IAAAA,oBALhB;;;AAQD,GAVgC,EAAD,CAA3B","sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  centeredIcon() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n});\n"]}

package/internal/icons2022/BaseIcon.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/icons2022/BaseIcon.styles.js",
+  "module": "BaseIcon.styles",
+  "types": "../BaseIcon.styles.d.ts",
+  "sideEffects": false
+}

package/internal/icons2022/BaseIcon.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: {
+    centeredIcon(): string;
+};

package/internal/icons2022/CalendarIcon/CalendarIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CalendarIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CalendarIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/CalendarIcon/CalendarIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CalendarIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CalendarIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/CalendarIcon/CalendarIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CalendarIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CalendarIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/CheckAIcon/CheckAIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CheckAIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CheckAIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/CheckAIcon/CheckAIcon16Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CheckAIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CheckAIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/CheckAIcon/CheckAIcon16Solid.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CheckAIcon16Solid: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CheckAIcon16Solid: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/CheckAIcon/CheckAIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CheckAIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CheckAIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/CheckAIcon/CheckAIcon20Solid.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CheckAIcon20Solid: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CheckAIcon20Solid: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/CheckAIcon/CheckAIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const CheckAIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const CheckAIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/EyeClosedIcon/EyeClosedIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const EyeClosedIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const EyeClosedIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/EyeClosedIcon/EyeClosedIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const EyeClosedIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const EyeClosedIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/EyeClosedIcon/EyeClosedIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const EyeClosedIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const EyeClosedIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/EyeOpenIcon/EyeOpenIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const EyeOpenIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const EyeOpenIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/EyeOpenIcon/EyeOpenIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const EyeOpenIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const EyeOpenIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/EyeOpenIcon/EyeOpenIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const EyeOpenIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const EyeOpenIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular/InfoCircleIcon64Regular.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { forwardRefAndIconName } from "../../../../lib/forwardRefAndName";
+import { BaseIcon } from "../../BaseIcon";
+export var InfoCircleIcon64Regular = forwardRefAndIconName('InfoCircleIcon64Regular', function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseIcon, _extends({
+    ref: ref,
+    viewBoxSize: 64
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M34.003 20.752a2.252 2.252 0 1 1-4.503 0 2.252 2.252 0 0 1 4.503 0Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M28.5 27a1.5 1.5 0 0 0 0 3H31v12h-4a1.5 1.5 0 0 0 0 3h11a1.5 1.5 0 0 0 0-3h-4V30a3 3 0 0 0-3-3h-2.5Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 32C6 17.64 17.64 6 32 6s26 11.64 26 26-11.64 26-26 26S6 46.36 6 32ZM32 9C19.297 9 9 19.297 9 32s10.297 23 23 23 23-10.297 23-23S44.703 9 32 9Z"
+  }));
+});

package/internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular/InfoCircleIcon64Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoCircleIcon64Regular.tsx"],"names":["React","forwardRefAndIconName","BaseIcon","InfoCircleIcon64Regular","props","ref"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,qBAAT,QAAsC,gCAAtC;AACA,SAASC,QAAT,QAAoC,aAApC;;AAEA,OAAO,IAAMC,uBAAuB,GAAGF,qBAAqB;AAC1D,yBAD0D;AAE1D,UAACG,KAAD,EAAQC,GAAR,EAAgB;AACd;AACE,wBAAC,QAAD,aAAU,GAAG,EAAEA,GAAf,EAAoB,WAAW,EAAE,EAAjC,IAAyCD,KAAzC;AACE,kCAAM,CAAC,EAAC,qEAAR,GADF;AAEE,kCAAM,CAAC,EAAC,sGAAR,GAFF;AAGE;AACE,MAAA,QAAQ,EAAC,SADX;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC,mJAHJ,GAHF,CADF;;;;AAWD,CAdyD,CAArD","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndIconName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const InfoCircleIcon64Regular = forwardRefAndIconName<SVGSVGElement, IconProps>(\n  'InfoCircleIcon64Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={64} {...props}>\n        <path d=\"M34.003 20.752a2.252 2.252 0 1 1-4.503 0 2.252 2.252 0 0 1 4.503 0Z\" />\n        <path d=\"M28.5 27a1.5 1.5 0 0 0 0 3H31v12h-4a1.5 1.5 0 0 0 0 3h11a1.5 1.5 0 0 0 0-3h-4V30a3 3 0 0 0-3-3h-2.5Z\" />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M6 32C6 17.64 17.64 6 32 6s26 11.64 26 26-11.64 26-26 26S6 46.36 6 32ZM32 9C19.297 9 9 19.297 9 32s10.297 23 23 23 23-10.297 23-23S44.703 9 32 9Z\"\n        />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular.js",
+  "module": "InfoCircleIcon64Regular",
+  "types": "../InfoCircleIcon64Regular.d.ts",
+  "sideEffects": false
+}

package/internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../BaseIcon';
+export declare const InfoCircleIcon64Regular: import("../../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, IconProps>;

package/internal/icons2022/MathFunctionIcon/MathFunctionIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const MathFunctionIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const MathFunctionIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/MathFunctionIcon/MathFunctionIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const MathFunctionIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const MathFunctionIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/MathFunctionIcon/MathFunctionIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const MathFunctionIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const MathFunctionIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/MinusCircleIcon/MinusCircleIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const MinusCircleIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const MinusCircleIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/MinusCircleIcon/MinusCircleIcon16Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const MinusCircleIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const MinusCircleIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/MinusCircleIcon/MinusCircleIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const MinusCircleIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const MinusCircleIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/MinusCircleIcon/MinusCircleIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const MinusCircleIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const MinusCircleIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/NetUploadIcon/NetUploadIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const NetUploadIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const NetUploadIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/NetUploadIcon/NetUploadIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const NetUploadIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const NetUploadIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/NetUploadIcon/NetUploadIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const NetUploadIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const NetUploadIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const QuestionCircleIcon16Solid: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const QuestionCircleIcon16Solid: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/SearchLoupeIcon/SearchLoupeIcon16Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const SearchLoupeIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const SearchLoupeIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const ShapeSquareIcon16Solid: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const ShapeSquareIcon16Solid: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const UiMenuDotsThreeVIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const UiMenuDotsThreeVIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon20Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const UiMenuDotsThreeVIcon20Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const UiMenuDotsThreeVIcon20Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const UiMenuDotsThreeVIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const UiMenuDotsThreeVIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/XIcon/XIcon16Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const XIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const XIcon16Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/XIcon/XIcon16Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const XIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const XIcon16Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/XIcon/XIcon20Light.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const XIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const XIcon20Light: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/XIcon/XIcon20Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const XIcon20Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const XIcon20Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/XIcon/XIcon24Regular.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../BaseIcon';
-export declare const XIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps>;
+export declare const XIcon24Regular: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;