@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/cjs/internal/ThemeShowcase/VariablesCollector.js.map

@@ -1 +1 @@
-{"version":3,"names":["_globalObject","require","_DefaultTheme","_DarkTheme","_Supports","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","exports","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","DEFAULT_THEME","DARK_THEME","componentsContext","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","_globalObject$perform","_globalObject$perform2","propName","add","start","globalObject","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { DEFAULT_THEME } from '../../lib/theming/themes/DefaultTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n  [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n  [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n  variables: Array<keyof Theme>;\n  dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n  [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n  [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\n\nif (IS_PROXY_SUPPORTED) {\n  const baseThemes: Theme[] = [];\n  baseThemes.push(DEFAULT_THEME);\n  baseThemes.push(DARK_THEME);\n\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n  componentsContext.keys().forEach((fileName) => {\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n    const componentDescription: ComponentDescriptionType = {};\n    Object.keys(componentsContext(fileName)).forEach((exportName) => {\n      const styles = componentsContext(fileName)[exportName];\n\n      Object.keys(styles).forEach((elementName) => {\n        const jsStyle = styles[elementName];\n        if (typeof jsStyle !== 'function') {\n          return;\n        }\n        const variablesAccumulator = new Set<keyof Theme>();\n        const dependencies: VariableDependencies = {};\n        const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n        const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n        themes.forEach((t) => jsStyle(t));\n\n        const variables = Array.from(variablesAccumulator);\n\n        if (variables.length > 0) {\n          componentDescription[elementName] = { variables, dependencies };\n\n          variables.forEach((variableName) => {\n            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n            }\n\n            const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n            if (!variableNode[componentName]) {\n              variableNode[componentName] = {};\n            }\n\n            const componentNode = variableNode[componentName];\n            if (!componentNode[elementName]) {\n              componentNode[elementName] = {\n                dependencies,\n                variables: [variableName],\n              };\n            } else if (!componentNode[elementName].variables.includes(variableName)) {\n              componentNode[elementName].dependencies = dependencies;\n              componentNode[elementName].variables.push(variableName);\n            }\n\n            const dependenciesList = dependencies[variableName];\n            if (dependenciesList) {\n              dependenciesList.forEach((dependencyName) => {\n                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n                }\n\n                const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n                if (!dependencyNode[componentName]) {\n                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n                }\n              });\n            }\n          });\n        }\n      });\n    });\n\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n  });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n  let accessLevel = 0;\n  let rootProp = '';\n  function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n    return typeof theme[name] === 'string';\n  }\n  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      if (isThemeVariable(target, propName)) {\n        ALL_USED_VARIABLES_SET.add(propName);\n        if (accessLevel === 0) {\n          rootProp = propName;\n          accumulator.add(propName);\n        } else if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\n        }\n      }\n\n      accessLevel++;\n      const start = globalObject.performance?.now() || 0;\n      const result = Reflect.get(target, prop, receiver);\n      executionTime += (globalObject.performance?.now() || 0) - start;\n      callsCount++;\n      accessLevel--;\n      return result;\n    },\n  };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_globalObject","require","_LightTheme","_DarkTheme","_Supports","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","exports","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","LIGHT_THEME","DARK_THEME","componentsContext","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","_globalObject$perform","_globalObject$perform2","propName","add","start","globalObject","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n  [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n  [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n  variables: Array<keyof Theme>;\n  dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n  [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n  [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\nif (IS_PROXY_SUPPORTED) {\n  const baseThemes: Theme[] = [];\n  baseThemes.push(LIGHT_THEME);\n  baseThemes.push(DARK_THEME);\n\n  // @ts-expect-error не очень-то и хотелось\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n  componentsContext.keys().forEach((fileName: string) => {\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n    const componentDescription: ComponentDescriptionType = {};\n    Object.keys(componentsContext(fileName)).forEach((exportName) => {\n      const styles = componentsContext(fileName)[exportName];\n\n      Object.keys(styles).forEach((elementName) => {\n        const jsStyle = styles[elementName];\n        if (typeof jsStyle !== 'function') {\n          return;\n        }\n        const variablesAccumulator = new Set<keyof Theme>();\n        const dependencies: VariableDependencies = {};\n        const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n        const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n        themes.forEach((t) => jsStyle(t));\n\n        const variables = Array.from(variablesAccumulator);\n\n        if (variables.length > 0) {\n          componentDescription[elementName] = { variables, dependencies };\n\n          variables.forEach((variableName) => {\n            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n            }\n\n            const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n            if (!variableNode[componentName]) {\n              variableNode[componentName] = {};\n            }\n\n            const componentNode = variableNode[componentName];\n            if (!componentNode[elementName]) {\n              componentNode[elementName] = {\n                dependencies,\n                variables: [variableName],\n              };\n            } else if (!componentNode[elementName].variables.includes(variableName)) {\n              componentNode[elementName].dependencies = dependencies;\n              componentNode[elementName].variables.push(variableName);\n            }\n\n            const dependenciesList = dependencies[variableName];\n            if (dependenciesList) {\n              dependenciesList.forEach((dependencyName) => {\n                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n                }\n\n                const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n                if (!dependencyNode[componentName]) {\n                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n                }\n              });\n            }\n          });\n        }\n      });\n    });\n\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n  });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n  let accessLevel = 0;\n  let rootProp = '';\n  function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n    return typeof theme[name] === 'string';\n  }\n  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      if (isThemeVariable(target, propName)) {\n        ALL_USED_VARIABLES_SET.add(propName);\n        if (accessLevel === 0) {\n          rootProp = propName;\n          accumulator.add(propName);\n        } else if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\n        }\n      }\n\n      accessLevel++;\n      const start = globalObject.performance?.now() || 0;\n      const result = Reflect.get(target, prop, receiver);\n      executionTime += (globalObject.performance?.now() || 0) - start;\n      callsCount++;\n      accessLevel--;\n      return result;\n    },\n  };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"],"mappings":"wMAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAII,UAAU,GAAG,CAAC;AAClB,IAAIC,aAAa,GAAG,CAAC;AACrB,IAAMC,sBAAsB,GAAG,IAAIC,GAAG,CAAc,CAAC;;AAE9C,IAAMC,sBAAwC,GAAAC,OAAA,CAAAD,sBAAA,GAAG,CAAC,CAAC;AACnD,IAAME,kCAA+D,GAAAD,OAAA,CAAAC,kCAAA,GAAG,CAAC,CAAC;AACjF,IAAIC,4BAAkB,EAAE;EACtB,IAAMC,UAAmB,GAAG,EAAE;EAC9BA,UAAU,CAACC,IAAI,CAACC,uBAAW,CAAC;EAC5BF,UAAU,CAACC,IAAI,CAACE,qBAAU,CAAC;;EAE3B;EACA,IAAMC,iBAAiB,GAAGhB,OAAO,CAACiB,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,cAAc,CAAC;EAC5ED,iBAAiB,CAACE,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,UAACC,QAAgB,EAAK;IACrD,IAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC;IACnD,IAAMC,aAAa,GAAGH,QAAQ,CAACI,SAAS,CAACH,aAAa,CAAC,CAACI,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;IACjF,IAAMC,oBAA8C,GAAG,CAAC,CAAC;IACzDC,MAAM,CAACT,IAAI,CAACF,iBAAiB,CAACI,QAAQ,CAAC,CAAC,CAACD,OAAO,CAAC,UAACS,UAAU,EAAK;MAC/D,IAAMC,MAAM,GAAGb,iBAAiB,CAACI,QAAQ,CAAC,CAACQ,UAAU,CAAC;;MAEtDD,MAAM,CAACT,IAAI,CAACW,MAAM,CAAC,CAACV,OAAO,CAAC,UAACW,WAAW,EAAK;QAC3C,IAAMC,OAAO,GAAGF,MAAM,CAACC,WAAW,CAAC;QACnC,IAAI,OAAOC,OAAO,KAAK,UAAU,EAAE;UACjC;QACF;QACA,IAAMC,oBAAoB,GAAG,IAAIzB,GAAG,CAAc,CAAC;QACnD,IAAM0B,YAAkC,GAAG,CAAC,CAAC;QAC7C,IAAMC,mBAAmB,GAAGC,eAAe,CAACH,oBAAoB,EAAEC,YAAY,CAAC;QAC/E,IAAMG,MAAM,GAAGxB,UAAU,CAACyB,GAAG,CAAC,UAACC,CAAC,UAAK,IAAIC,KAAK,CAACD,CAAC,EAAEJ,mBAAmB,CAAC,GAAC;QACvEE,MAAM,CAACjB,OAAO,CAAC,UAACmB,CAAC,UAAKP,OAAO,CAACO,CAAC,CAAC,GAAC;;QAEjC,IAAME,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACV,oBAAoB,CAAC;;QAElD,IAAIQ,SAAS,CAACG,MAAM,GAAG,CAAC,EAAE;UACxBjB,oBAAoB,CAACI,WAAW,CAAC,GAAG,EAAEU,SAAS,EAATA,SAAS,EAAEP,YAAY,EAAZA,YAAY,CAAC,CAAC;;UAE/DO,SAAS,CAACrB,OAAO,CAAC,UAACyB,YAAY,EAAK;YAClC,IAAI,CAAClC,kCAAkC,CAACkC,YAAY,CAAC,EAAE;cACrDlC,kCAAkC,CAACkC,YAAY,CAAC,GAAG,CAAC,CAAC;YACvD;;YAEA,IAAMC,YAAY,GAAGnC,kCAAkC,CAACkC,YAAY,CAAC;YACrE,IAAI,CAACC,YAAY,CAACtB,aAAa,CAAC,EAAE;cAChCsB,YAAY,CAACtB,aAAa,CAAC,GAAG,CAAC,CAAC;YAClC;;YAEA,IAAMuB,aAAa,GAAGD,YAAY,CAACtB,aAAa,CAAC;YACjD,IAAI,CAACuB,aAAa,CAAChB,WAAW,CAAC,EAAE;cAC/BgB,aAAa,CAAChB,WAAW,CAAC,GAAG;gBAC3BG,YAAY,EAAZA,YAAY;gBACZO,SAAS,EAAE,CAACI,YAAY;cAC1B,CAAC;YACH,CAAC,MAAM,IAAI,CAACE,aAAa,CAAChB,WAAW,CAAC,CAACU,SAAS,CAACO,QAAQ,CAACH,YAAY,CAAC,EAAE;cACvEE,aAAa,CAAChB,WAAW,CAAC,CAACG,YAAY,GAAGA,YAAY;cACtDa,aAAa,CAAChB,WAAW,CAAC,CAACU,SAAS,CAAC3B,IAAI,CAAC+B,YAAY,CAAC;YACzD;;YAEA,IAAMI,gBAAgB,GAAGf,YAAY,CAACW,YAAY,CAAC;YACnD,IAAII,gBAAgB,EAAE;cACpBA,gBAAgB,CAAC7B,OAAO,CAAC,UAAC8B,cAAc,EAAK;gBAC3C,IAAI,CAACvC,kCAAkC,CAACuC,cAAc,CAAC,EAAE;kBACvDvC,kCAAkC,CAACuC,cAAc,CAAC,GAAG,CAAC,CAAC;gBACzD;;gBAEA,IAAMC,cAAc,GAAGxC,kCAAkC,CAACuC,cAAc,CAAC;gBACzE,IAAI,CAACC,cAAc,CAAC3B,aAAa,CAAC,EAAE;kBAClC2B,cAAc,CAAC3B,aAAa,CAAC,GAAGb,kCAAkC,CAACkC,YAAY,CAAC,CAACrB,aAAa,CAAC;gBACjG;cACF,CAAC,CAAC;YACJ;UACF,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;;IAEFf,sBAAsB,CAACe,aAAa,CAAC,GAAGG,oBAAoB;EAC9D,CAAC,CAAC;AACJ;;AAEA,SAASS,eAAeA,CAACgB,WAA6B,EAAElB,YAAkC,EAAuB;EAC/G,IAAImB,WAAW,GAAG,CAAC;EACnB,IAAIC,QAAQ,GAAG,EAAE;EACjB,SAASC,eAAeA,CAAkBC,KAAQ,EAAEC,IAAa,EAAE;IACjE,OAAO,OAAOD,KAAK,CAACC,IAAI,CAAC,KAAK,QAAQ;EACxC;EACA,OAAO;IACLC,GAAG,WAAAA,IAACC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,KAAAC,qBAAA,EAAAC,sBAAA;MAC1B,IAAMC,QAAQ,GAAGJ,IAAmB;MACpC,IAAIL,eAAe,CAACI,MAAM,EAAEK,QAAQ,CAAC,EAAE;QACrCzD,sBAAsB,CAAC0D,GAAG,CAACD,QAAQ,CAAC;QACpC,IAAIX,WAAW,KAAK,CAAC,EAAE;UACrBC,QAAQ,GAAGU,QAAQ;UACnBZ,WAAW,CAACa,GAAG,CAACD,QAAQ,CAAC;QAC3B,CAAC,MAAM,IAAI,CAAC9B,YAAY,CAACoB,QAAQ,CAAC,EAAE;UAClCpB,YAAY,CAACoB,QAAQ,CAAC,GAAG,CAACU,QAAQ,CAAC;QACrC,CAAC,MAAM,IAAI,CAAC9B,YAAY,CAACoB,QAAQ,CAAC,CAACN,QAAQ,CAACgB,QAAQ,CAAC,EAAE;UACrD9B,YAAY,CAACoB,QAAQ,CAAC,CAACxC,IAAI,CAACkD,QAAQ,CAAC;QACvC;MACF;;MAEAX,WAAW,EAAE;MACb,IAAMa,KAAK,GAAG,EAAAJ,qBAAA,GAAAK,0BAAY,CAACC,WAAW,qBAAxBN,qBAAA,CAA0BO,GAAG,CAAC,CAAC,KAAI,CAAC;MAClD,IAAMC,MAAM,GAAGC,OAAO,CAACb,GAAG,CAACC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,CAAC;MAClDvD,aAAa,IAAI,CAAC,EAAAyD,sBAAA,GAAAI,0BAAY,CAACC,WAAW,qBAAxBL,sBAAA,CAA0BM,GAAG,CAAC,CAAC,KAAI,CAAC,IAAIH,KAAK;MAC/D7D,UAAU,EAAE;MACZgD,WAAW,EAAE;MACb,OAAOiB,MAAM;IACf;EACF,CAAC;AACH;;AAEO,IAAME,kBAAkB,GAAA9D,OAAA,CAAA8D,kBAAA,GAAG9B,KAAK,CAACC,IAAI,CAACpC,sBAAsB,CAAC;AAC7D,IAAMkE,WAAW,GAAA/D,OAAA,CAAA+D,WAAA,GAAGpE,UAAU;AAC9B,IAAMqE,cAAc,GAAAhE,OAAA,CAAAgE,cAAA,GAAGpE,aAAa","ignoreList":[]}

package/cjs/internal/ZIndex/ZIndex.d.ts

@@ -1,47 +1,61 @@
-import React from 'react';
-import { LayerComponentName } from './ZIndexStorage';
-export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Приращение к z-index
-     */
-    delta?: number;
-    priority?: number | LayerComponentName;
-    style?: React.CSSProperties;
-    createStackingContext?: boolean;
-    coverChildren?: boolean;
-    applyZIndex?: boolean;
-    className?: string;
-    wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;
-    /**
-     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.
-     * Для случаев, когда необходимо задать **только** контекст для области.
-     *
-     * @default true
-     */
-    useWrapper?: boolean;
-}
-type DefaultProps = Required<Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'>>;
-interface ZIndexState {
-    zIndex: number;
-}
-export declare class ZIndex extends React.Component<ZIndexProps, ZIndexState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    state: {
-        zIndex: number;
-    };
-    private getProps;
-    static propTypes: {
-        delta(props: ZIndexProps): Error | undefined;
-    };
-    private setRootNode;
-    constructor(props: ZIndexProps);
-    componentDidUpdate(prevProps: Readonly<ZIndexProps>): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    private wrapperRef;
-    private calcZIndex;
-    private increment;
-}
-export {};
+import React from 'react';
+import type { LayerComponentName } from './ZIndexStorage';
+export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Приращение к z-index
+     */
+    delta?: number;
+    priority?: number | LayerComponentName;
+    style?: React.CSSProperties;
+    createStackingContext?: boolean;
+    coverChildren?: boolean;
+    applyZIndex?: boolean;
+    className?: string;
+    wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;
+    /**
+     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.
+     * Для случаев, когда необходимо задать **только** контекст для области.
+     *
+     * @default true
+     */
+    useWrapper?: boolean;
+}
+type DefaultProps = Required<Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'>>;
+interface ZIndexState {
+    zIndex: number;
+    DOMZIndexContext: {
+        parentLayerZIndex: number;
+        maxZIndex: number;
+    } | null;
+}
+export declare class ZIndex extends React.Component<ZIndexProps, ZIndexState> {
+    static priorities: {
+        MobilePopup: number;
+        Toast: number;
+        GlobalLoader: number;
+        Sidepage: number;
+        Modal: number;
+        Sticky: number;
+        PopupMenu: number;
+        Popup: number;
+    };
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    state: ZIndexState;
+    private getProps;
+    static propTypes: {
+        delta(props: ZIndexProps): Error | undefined;
+    };
+    private setRootNode;
+    private zIndexContext;
+    constructor(props: ZIndexProps);
+    componentDidUpdate(prevProps: Readonly<ZIndexProps>): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private wrapperRef;
+    private calcZIndex;
+    private increment;
+    private tryGetContextByDOM;
+}
+export {};

package/cjs/internal/ZIndex/ZIndex.js

@@ -1,13 +1,21 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ZIndex = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
+var _lodash = _interopRequireDefault(require("lodash.isequal"));
 
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
+
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _isInstanceOf = require("../../lib/isInstanceOf");
+var _Loader = require("../../components/Loader");
+var _RenderContainer = require("../RenderContainer");
+
 
 var _ZIndexStorage = require("./ZIndexStorage");var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef", "useWrapper"];var _class, _ZIndex;
 
-var ZIndexContext = /*#__PURE__*/_react.default.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });
+var DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };
+
+var ZIndexContext = /*#__PURE__*/_react.default.createContext(DEFAULT_ZINDEX_CONTEXT);
 
 ZIndexContext.displayName = 'ZIndexContext';var
 
@@ -43,6 +51,7 @@ ZIndexContext.displayName = 'ZIndexContext';var
 
 
 
+
 
 
 ZIndex = exports.ZIndex = (0, _rootNode.rootNode)(_class = (_ZIndex = /*#__PURE__*/function (_React$Component) {
@@ -74,12 +83,24 @@ ZIndex = exports.ZIndex = (0, _rootNode.rootNode)(_class = (_ZIndex = /*#__PURE_
 
 
 
+
+
+
 
 
 
 
   function ZIndex(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.state = { zIndex: 0 };_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.
+    _this = _React$Component.call(this, props) || this;_this.state = { zIndex: 0, DOMZIndexContext: null };_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.zIndexContext = null;_this.
+
+
+
+
+
+
+
+
+
 
 
 
@@ -148,6 +169,7 @@ ZIndex = exports.ZIndex = (0, _rootNode.rootNode)(_class = (_ZIndex = /*#__PURE_
       var wrapperRef = _this.props.wrapperRef;
       _this.setRootNode(element);
       wrapperRef && (0, _callChildRef.callChildRef)(wrapperRef, element);
+      element && _this.tryGetContextByDOM(element);
     };_this.
 
 
@@ -168,4 +190,35 @@ ZIndex = exports.ZIndex = (0, _rootNode.rootNode)(_class = (_ZIndex = /*#__PURE_
       var _this$getProps = _this.getProps(),priority = _this$getProps.priority,delta = _this$getProps.delta;
 
       return (0, _ZIndexStorage.incrementZIndex)(priority, delta);
-    };_this.state.zIndex = _this.increment();return _this;}(0, _inheritsLoose2.default)(ZIndex, _React$Component);var _proto = ZIndex.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);this.setState({ zIndex: this.increment() });}};_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);};_proto.render = function render() {var _this2 = this;var _this$getProps2 = this.getProps(),style = _this$getProps2.style,children = _this$getProps2.children,delta = _this$getProps2.delta,priority = _this$getProps2.priority,applyZIndex = _this$getProps2.applyZIndex,coverChildren = _this$getProps2.coverChildren,createStackingContext = _this$getProps2.createStackingContext,wrapperRef = _this$getProps2.wrapperRef,useWrapper = _this$getProps2.useWrapper,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps2, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (_ref) {var parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;var zIndexContextValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };if (applyZIndex) {var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;zIndexContextValue = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {(0, _globalObject.isBrowser)(_globalObject.globalObject) && 'isolation' in _globalObject.globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}var child = !useWrapper ? children : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children);return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: zIndexContextValue }, child);});};_proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {var newZIndex = this.state.zIndex;if (Number.isFinite(maxZIndex)) {var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;var scale = _ZIndexStorage.upperBorder / allowedValuesIntervalLength;newZIndex = Math.ceil(newZIndex / scale);}newZIndex += parentLayerZIndex;return newZIndex;};return ZIndex;}(_react.default.Component), _ZIndex.__KONTUR_REACT_UI__ = 'ZIndex', _ZIndex.displayName = 'ZIndex', _ZIndex.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false, useWrapper: true }, _ZIndex.propTypes = { delta: function delta(props) {if ((props.delta || _ZIndex.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _ZIndex.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _ZIndex)) || _class;
+    };_this.
+
+    tryGetContextByDOM = function (element) {
+      if (
+      _this.props.applyZIndex &&
+      (0, _lodash.default)(DEFAULT_ZINDEX_CONTEXT, _this.zIndexContext) &&
+      _this.state.DOMZIndexContext === null)
+      {var _element$parentElemen;
+        var DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;
+        var portal = (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.closest("[" + _RenderContainer.PORTAL_OUTLET_ATTR + "]");
+
+        if ((0, _isInstanceOf.isInstanceOf)(portal, _globalObject.globalObject.HTMLElement)) {var _globalObject$documen, _noscript$parentEleme;
+          var portalID = portal.getAttribute(_RenderContainer.PORTAL_OUTLET_ATTR);
+          var noscript = (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.querySelector("noscript[" + _RenderContainer.PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
+          var parent = noscript == null || (_noscript$parentEleme = noscript.parentElement) == null ? void 0 : _noscript$parentEleme.closest('[style*=z-index]');
+
+          if ((0, _isInstanceOf.isInstanceOf)(parent, _globalObject.globalObject.HTMLElement)) {var _parent$parentElement;
+            var newZIndex = Number(parent.style.zIndex || 0);
+
+            var maxZIndex = Infinity;
+
+            if (((_parent$parentElement = parent.parentElement) == null ? void 0 : _parent$parentElement.dataset.tid) === _Loader.LoaderDataTids.veil) {
+              maxZIndex = _this.calcZIndex(newZIndex, maxZIndex);
+            }
+
+            DOMZIndexContext = { maxZIndex: maxZIndex, parentLayerZIndex: newZIndex };
+          }
+        }
+
+        _this.setState({ DOMZIndexContext: DOMZIndexContext });
+      }
+    };_this.state.zIndex = _this.increment();return _this;}(0, _inheritsLoose2.default)(ZIndex, _React$Component);var _proto = ZIndex.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);this.setState({ zIndex: this.increment() });}};_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);};_proto.render = function render() {var _this2 = this;var _this$getProps2 = this.getProps(),style = _this$getProps2.style,children = _this$getProps2.children,delta = _this$getProps2.delta,priority = _this$getProps2.priority,applyZIndex = _this$getProps2.applyZIndex,coverChildren = _this$getProps2.coverChildren,createStackingContext = _this$getProps2.createStackingContext,wrapperRef = _this$getProps2.wrapperRef,useWrapper = _this$getProps2.useWrapper,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps2, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (context) {_this2.zIndexContext = context;var currentZIndexContext = _this2.state.DOMZIndexContext && (0, _lodash.default)(context, DEFAULT_ZINDEX_CONTEXT) ? _this2.state.DOMZIndexContext : context;var parentLayerZIndex = currentZIndexContext.parentLayerZIndex,maxZIndex = currentZIndexContext.maxZIndex;var newZIndexContext = currentZIndexContext;var newZIndex = 0;if (applyZIndex) {newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;newZIndexContext = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {(0, _globalObject.isBrowser)(_globalObject.globalObject) && 'isolation' in _globalObject.globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}var child = !useWrapper ? children : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children);return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: newZIndexContext }, child);});};_proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {var newZIndex = this.state.zIndex;if (Number.isFinite(maxZIndex)) {var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;var scale = _ZIndexStorage.upperBorder / allowedValuesIntervalLength;newZIndex = Math.ceil(newZIndex / scale);}newZIndex += parentLayerZIndex;return newZIndex;};return ZIndex;}(_react.default.Component), _ZIndex.priorities = _ZIndexStorage.componentPriorities, _ZIndex.__KONTUR_REACT_UI__ = 'ZIndex', _ZIndex.displayName = 'ZIndex', _ZIndex.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false, useWrapper: true }, _ZIndex.propTypes = { delta: function delta(props) {if ((props.delta || _ZIndex.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _ZIndex.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _ZIndex)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_callChildRef","_rootNode","_createPropsGetter","_ZIndexStorage","_excluded","_class","_ZIndex","ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","exports","rootNode","_React$Component","props","_this","call","state","zIndex","getProps","createPropsGetter","defaultProps","wrapperRef","element","setRootNode","callChildRef","increment","_this$getProps","priority","delta","incrementZIndex","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","prevProps","removeZIndex","setState","componentWillUnmount","render","_this2","_this$getProps2","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose2","wrapperStyle","createElement","Consumer","_ref","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","isBrowser","globalObject","document","body","isolation","transform","child","_extends2","ref","Provider","value","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"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  public static displayName = '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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_lodash","_callChildRef","_rootNode","_createPropsGetter","_isInstanceOf","_Loader","_RenderContainer","_ZIndexStorage","_excluded","_class","_ZIndex","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","React","createContext","displayName","ZIndex","exports","rootNode","_React$Component","props","_this","call","state","zIndex","DOMZIndexContext","getProps","createPropsGetter","defaultProps","zIndexContext","wrapperRef","element","setRootNode","callChildRef","tryGetContextByDOM","increment","_this$getProps","priority","delta","incrementZIndex","applyZIndex","isEqual","_element$parentElemen","portal","parentElement","closest","PORTAL_OUTLET_ATTR","isInstanceOf","globalObject","HTMLElement","_globalObject$documen","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","PORTAL_INLET_ATTR","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","LoaderDataTids","veil","calcZIndex","setState","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","prevProps","removeZIndex","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose2","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","isBrowser","body","isolation","transform","child","_extends2","ref","Provider","value","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","priorities","componentPriorities","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport isEqual from 'lodash.isequal';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport type { LayerComponentName } from './ZIndexStorage';\nimport { incrementZIndex, removeZIndex, upperBorder, componentPriorities } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\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  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = '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: ZIndexState = {\n    zIndex: 0,\n    DOMZIndexContext: null,\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  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\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        {(context) => {\n          this.zIndexContext = context;\n\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = 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={newZIndexContext}>{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    element && this.tryGetContextByDOM(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  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = globalObject.document?.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ZIndex/ZIndexStorage.d.ts

@@ -1,19 +1,18 @@
-type Priority = number | LayerComponentName;
-export type LayerComponentName = keyof typeof componentPriorities;
-export interface GlobalWithRetailUiZIndexes {
-    __RetailUiZIndexes?: number[];
-}
-declare const componentPriorities: {
-    MobilePopup: number;
-    Toast: number;
-    GlobalLoader: number;
-    Sidepage: number;
-    Modal: number;
-    Sticky: number;
-    DropdownContainer: number;
-    Popup: number;
-};
-export declare const upperBorder: number;
-export declare function incrementZIndex(priority: Priority, delta: number): number;
-export declare function removeZIndex(zIndex: number): void;
-export {};
+export type Priority = number | LayerComponentName;
+export type LayerComponentName = keyof typeof componentPriorities;
+export interface GlobalWithRetailUiZIndexes {
+    __RetailUiZIndexes?: number[];
+}
+export declare const componentPriorities: {
+    MobilePopup: number;
+    Toast: number;
+    GlobalLoader: number;
+    Sidepage: number;
+    Modal: number;
+    Sticky: number;
+    PopupMenu: number;
+    Popup: number;
+};
+export declare const upperBorder: number;
+export declare function incrementZIndex(priority: Priority, delta: number): number;
+export declare function removeZIndex(zIndex: number): void;

package/cjs/internal/ZIndex/ZIndexStorage.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.incrementZIndex = incrementZIndex;exports.removeZIndex = removeZIndex;exports.upperBorder = void 0;var _globalObject = require("@skbkontur/global-object");
+"use strict";exports.__esModule = true;exports.componentPriorities = void 0;exports.incrementZIndex = incrementZIndex;exports.removeZIndex = removeZIndex;exports.upperBorder = void 0;var _globalObject = require("@skbkontur/global-object");
 
 
 var calculatePriority = function calculatePriority(priority) {
@@ -15,14 +15,14 @@ var calculatePriority = function calculatePriority(priority) {
 
 
 
-var componentPriorities = {
+var componentPriorities = exports.componentPriorities = {
   MobilePopup: 9000,
   Toast: 10000,
   GlobalLoader: 10,
   Sidepage: 9,
   Modal: 9,
   Sticky: 7,
-  DropdownContainer: 5,
+  PopupMenu: 5,
   Popup: 3
 };
 var priorityStep = 1000;

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

@@ -1 +1 @@
-{"version":3,"names":["_globalObject","require","calculatePriority","priority","componentPriorities","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","DropdownContainer","Popup","priorityStep","globalWithRetailUiZIndexes","globalObject","getZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","exports","max","apply","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"sources":["ZIndexStorage.ts"],"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\nexport interface GlobalWithRetailUiZIndexes {\n  __RetailUiZIndexes?: number[];\n}\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;\nconst globalWithRetailUiZIndexes = globalObject as GlobalWithRetailUiZIndexes;\nconst getZIndexes = (): number[] =>\n  globalWithRetailUiZIndexes.__RetailUiZIndexes || (globalWithRetailUiZIndexes.__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"],"mappings":"kJAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAkB,EAAK;EAChD,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IAChC,OAAOC,mBAAmB,CAACD,QAAQ,CAAC;EACtC;;EAEA,OAAOA,QAAQ;AACjB,CAAC;;;;;;;;AAQD,IAAMC,mBAAmB,GAAG;EAC1BC,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE,CAAC;EACXC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,iBAAiB,EAAE,CAAC;EACpBC,KAAK,EAAE;AACT,CAAC;AACD,IAAMC,YAAY,GAAG,IAAI;AACzB,IAAMC,0BAA0B,GAAGC,0BAA0C;AAC7E,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IACfF,0BAA0B,CAACG,kBAAkB,KAAKH,0BAA0B,CAACG,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AACxG,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAc,UAAKC,IAAI,CAACC,KAAK,CAACF,MAAM,GAAGN,YAAY,CAAC;AAC9E,IAAMS,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAInB,QAAgB,UAAa,CAACA,QAAQ,GAAG,CAAC,IAAIU,YAAY,GAAG,CAAC;;AAEnF,IAAMU,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGD,kBAAkB,CAACF,IAAI,CAACK,GAAG,CAAAC,KAAA,CAARN,IAAI,EAAQO,MAAM,CAACC,MAAM,CAACxB,mBAAmB,CAAC,CAAC,CAAC;;AAEvF,SAASyB,eAAeA,CAAC1B,QAAkB,EAAE2B,KAAa,EAAU;EACzE,IAAMC,kBAAkB,GAAG7B,iBAAiB,CAACC,QAAQ,CAAC;;EAEtD,IAAM6B,eAAe,GAAGV,kBAAkB,CAACS,kBAAkB,CAAC;EAC9D,IAAME,QAAQ,GAAGjB,WAAW,CAAC,CAAC;;EAE9B,IAAIkB,WAAW,GAAGD,QAAQ,CAACE,MAAM,GAAG,CAAC;EACrC,OAAOF,QAAQ,CAACC,WAAW,CAAC,GAAGF,eAAe,IAAIE,WAAW,GAAG,CAAC,EAAE;IACjEA,WAAW,EAAE;EACf;;EAEA,IAAMf,MAAM;EACVD,gBAAgB,CAACe,QAAQ,CAACC,WAAW,CAAC,CAAC,KAAKH,kBAAkB;EAC1DX,IAAI,CAACgB,GAAG,CAACH,QAAQ,CAACC,WAAW,CAAC,GAAGJ,KAAK,EAAEE,eAAe,CAAC;EACxDD,kBAAkB,GAAGlB,YAAY;;EAEvCoB,QAAQ,CAACI,IAAI,CAAClB,MAAM,CAAC;EACrBc,QAAQ,CAACK,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,UAAKD,CAAC,GAAGC,CAAC,GAAC;EAC9B,OAAOrB,MAAM;AACf;;AAEO,SAASsB,YAAYA,CAACtB,MAAc,EAAQ;EACjD,IAAMc,QAAQ,GAAGjB,WAAW,CAAC,CAAC;EAC9B,IAAM0B,CAAC,GAAGT,QAAQ,CAACU,OAAO,CAACxB,MAAM,CAAC;;EAElC,IAAIuB,CAAC,KAAK,CAAC,CAAC,EAAE;IACZT,QAAQ,CAACW,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC;EACvB;AACF","ignoreList":[]}
+{"version":3,"names":["_globalObject","require","calculatePriority","priority","componentPriorities","exports","MobilePopup","Toast","GlobalLoader","Sidepage","Modal","Sticky","PopupMenu","Popup","priorityStep","globalWithRetailUiZIndexes","globalObject","getZIndexes","__RetailUiZIndexes","getIndexPriority","zIndex","Math","trunc","getMaxAllowedValue","upperBorder","max","apply","Object","values","incrementZIndex","delta","calculatedPriority","maxAllowedValue","zIndexes","prevIndexId","length","min","push","sort","a","b","removeZIndex","i","indexOf","splice"],"sources":["ZIndexStorage.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nexport type 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\nexport interface GlobalWithRetailUiZIndexes {\n  __RetailUiZIndexes?: number[];\n}\n\nexport const componentPriorities = {\n  MobilePopup: 9000,\n  Toast: 10000,\n  GlobalLoader: 10,\n  Sidepage: 9,\n  Modal: 9,\n  Sticky: 7,\n  PopupMenu: 5,\n  Popup: 3,\n};\nconst priorityStep = 1000;\nconst globalWithRetailUiZIndexes = globalObject as GlobalWithRetailUiZIndexes;\nconst getZIndexes = (): number[] =>\n  globalWithRetailUiZIndexes.__RetailUiZIndexes || (globalWithRetailUiZIndexes.__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"],"mappings":"uLAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAkB,EAAK;EAChD,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IAChC,OAAOC,mBAAmB,CAACD,QAAQ,CAAC;EACtC;;EAEA,OAAOA,QAAQ;AACjB,CAAC;;;;;;;;AAQM,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAE,KAAK;EACZC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE,CAAC;EACXC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,SAAS,EAAE,CAAC;EACZC,KAAK,EAAE;AACT,CAAC;AACD,IAAMC,YAAY,GAAG,IAAI;AACzB,IAAMC,0BAA0B,GAAGC,0BAA0C;AAC7E,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IACfF,0BAA0B,CAACG,kBAAkB,KAAKH,0BAA0B,CAACG,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AACxG,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAc,UAAKC,IAAI,CAACC,KAAK,CAACF,MAAM,GAAGN,YAAY,CAAC;AAC9E,IAAMS,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIpB,QAAgB,UAAa,CAACA,QAAQ,GAAG,CAAC,IAAIW,YAAY,GAAG,CAAC;;AAEnF,IAAMU,WAAW,GAAAnB,OAAA,CAAAmB,WAAA,GAAGD,kBAAkB,CAACF,IAAI,CAACI,GAAG,CAAAC,KAAA,CAARL,IAAI,EAAQM,MAAM,CAACC,MAAM,CAACxB,mBAAmB,CAAC,CAAC,CAAC;;AAEvF,SAASyB,eAAeA,CAAC1B,QAAkB,EAAE2B,KAAa,EAAU;EACzE,IAAMC,kBAAkB,GAAG7B,iBAAiB,CAACC,QAAQ,CAAC;;EAEtD,IAAM6B,eAAe,GAAGT,kBAAkB,CAACQ,kBAAkB,CAAC;EAC9D,IAAME,QAAQ,GAAGhB,WAAW,CAAC,CAAC;;EAE9B,IAAIiB,WAAW,GAAGD,QAAQ,CAACE,MAAM,GAAG,CAAC;EACrC,OAAOF,QAAQ,CAACC,WAAW,CAAC,GAAGF,eAAe,IAAIE,WAAW,GAAG,CAAC,EAAE;IACjEA,WAAW,EAAE;EACf;;EAEA,IAAMd,MAAM;EACVD,gBAAgB,CAACc,QAAQ,CAACC,WAAW,CAAC,CAAC,KAAKH,kBAAkB;EAC1DV,IAAI,CAACe,GAAG,CAACH,QAAQ,CAACC,WAAW,CAAC,GAAGJ,KAAK,EAAEE,eAAe,CAAC;EACxDD,kBAAkB,GAAGjB,YAAY;;EAEvCmB,QAAQ,CAACI,IAAI,CAACjB,MAAM,CAAC;EACrBa,QAAQ,CAACK,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,UAAKD,CAAC,GAAGC,CAAC,GAAC;EAC9B,OAAOpB,MAAM;AACf;;AAEO,SAASqB,YAAYA,CAACrB,MAAc,EAAQ;EACjD,IAAMa,QAAQ,GAAGhB,WAAW,CAAC,CAAC;EAC9B,IAAMyB,CAAC,GAAGT,QAAQ,CAACU,OAAO,CAACvB,MAAM,CAAC;;EAElC,IAAIsB,CAAC,KAAK,CAAC,CAAC,EAAE;IACZT,QAAQ,CAACW,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC;EACvB;AACF","ignoreList":[]}

package/cjs/internal/ZIndex/index.d.ts

@@ -1 +1,2 @@
-export * from './ZIndex';
+export * from './ZIndex';
+export type { Priority } from './ZIndexStorage';

package/cjs/internal/ZIndex/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ZIndex","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './ZIndex';\n"],"mappings":"uCAAA,IAAAA,OAAA,GAAAC,OAAA,aAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,OAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_ZIndex","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './ZIndex';\nexport type { Priority } from './ZIndexStorage';\n"],"mappings":"uCAAA,IAAAA,OAAA,GAAAC,OAAA,aAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,OAAA,CAAAK,GAAA","ignoreList":[]}

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

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

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowALeftIcon16Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _BaseIcon = require("../BaseIcon");
 
 var ArrowALeftIcon16Light = exports.ArrowALeftIcon16Light = (0, _forwardRefAndName.forwardRefAndName)(

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon16Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","d"],"sources":["ArrowALeftIcon16Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M7.27 12.146a.5.5 0 1 1-.708.707L2.556 8.849a1.906 1.906 0 0 1 0-2.696l4.006-4.006a.5.5 0 1 1 .707.707L3.263 6.86a.91.91 0 0 0-.115.14H13.5a.5.5 0 0 1 0 1H3.148a.91.91 0 0 0 .115.142l4.006 4.005Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"6PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,oCAAiB;EACpD,uBAAuB;EACvB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,IAAKD,KAAK;MAC3BR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMG,CAAC,EAAC,qMAAqM,EAAE;MACvM,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon16Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","d"],"sources":["ArrowALeftIcon16Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { IconProps } from '../BaseIcon';\nimport { BaseIcon } from '../BaseIcon';\n\nexport const ArrowALeftIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M7.27 12.146a.5.5 0 1 1-.708.707L2.556 8.849a1.906 1.906 0 0 1 0-2.696l4.006-4.006a.5.5 0 1 1 .707.707L3.263 6.86a.91.91 0 0 0-.115.14H13.5a.5.5 0 0 1 0 1H3.148a.91.91 0 0 0 .115.142l4.006 4.005Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"6PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,oCAAiB;EACpD,uBAAuB;EACvB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,IAAKD,KAAK;MAC3BR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMG,CAAC,EAAC,qMAAqM,EAAE;MACvM,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}

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

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

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowALeftIcon20Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _BaseIcon = require("../BaseIcon");
 
 var ArrowALeftIcon20Light = exports.ArrowALeftIcon20Light = (0, _forwardRefAndName.forwardRefAndName)(

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon20Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","viewBoxSize","d"],"sources":["ArrowALeftIcon20Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M8.635 15.709a.5.5 0 1 1-.707.707L2.69 11.179a2.375 2.375 0 0 1 0-3.358l5.237-5.237a.5.5 0 0 1 .707.707L3.398 8.528A1.37 1.37 0 0 0 3.09 9H17.5a.5.5 0 0 1 0 1H3.09c.066.172.17.333.308.472l5.237 5.237Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"6PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,oCAAiB;EACpD,uBAAuB;EACvB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,EAACK,WAAW,EAAE,EAAG,IAAKN,KAAK;MAC5CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMI,CAAC,EAAC,0MAA0M,EAAE;MAC5M,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon20Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","viewBoxSize","d"],"sources":["ArrowALeftIcon20Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { IconProps } from '../BaseIcon';\nimport { BaseIcon } from '../BaseIcon';\n\nexport const ArrowALeftIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M8.635 15.709a.5.5 0 1 1-.707.707L2.69 11.179a2.375 2.375 0 0 1 0-3.358l5.237-5.237a.5.5 0 0 1 .707.707L3.398 8.528A1.37 1.37 0 0 0 3.09 9H17.5a.5.5 0 0 1 0 1H3.09c.066.172.17.333.308.472l5.237 5.237Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"6PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,oCAAiB;EACpD,uBAAuB;EACvB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,EAACK,WAAW,EAAE,EAAG,IAAKN,KAAK;MAC5CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMI,CAAC,EAAC,0MAA0M,EAAE;MAC5M,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}

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

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

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowALeftIcon24Regular = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _BaseIcon = require("../BaseIcon");
 
 var ArrowALeftIcon24Regular = exports.ArrowALeftIcon24Regular = (0, _forwardRefAndName.forwardRefAndName)(

package/cjs/internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon24Regular","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","viewBoxSize","d"],"sources":["ArrowALeftIcon24Regular.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowALeftIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon24Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n        <path d=\"M10.556 19.256a.875.875 0 1 1-1.237 1.238L3.035 14.21a3.125 3.125 0 0 1 0-4.42l6.284-6.284a.875.875 0 0 1 1.237 1.238l-6.284 6.284c-.031.031-.06.064-.088.097H21a.875.875 0 1 1 0 1.75H4.184c.028.034.057.066.088.097l6.284 6.284Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"+PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,oCAAiB;EACtD,yBAAyB;EACzB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,EAACK,WAAW,EAAE,EAAG,IAAKN,KAAK;MAC5CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMI,CAAC,EAAC,oOAAoO,EAAE;MACtO,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowALeftIcon24Regular","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","viewBoxSize","d"],"sources":["ArrowALeftIcon24Regular.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { IconProps } from '../BaseIcon';\nimport { BaseIcon } from '../BaseIcon';\n\nexport const ArrowALeftIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowALeftIcon24Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n        <path d=\"M10.556 19.256a.875.875 0 1 1-1.237 1.238L3.035 14.21a3.125 3.125 0 0 1 0-4.42l6.284-6.284a.875.875 0 0 1 1.237 1.238l-6.284 6.284c-.031.031-.06.064-.088.097H21a.875.875 0 1 1 0 1.75H4.184c.028.034.057.066.088.097l6.284 6.284Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"+PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,oCAAiB;EACtD,yBAAyB;EACzB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,EAACK,WAAW,EAAE,EAAG,IAAKN,KAAK;MAC5CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMI,CAAC,EAAC,oOAAoO,EAAE;MACtO,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}

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

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

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowARightIcon16Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _BaseIcon = require("../BaseIcon");
 
 var ArrowARightIcon16Light = exports.ArrowARightIcon16Light = (0, _forwardRefAndName.forwardRefAndName)(

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowARightIcon16Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","d"],"sources":["ArrowARightIcon16Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowARightIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowARightIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M8.73 2.854a.5.5 0 1 1 .708-.708l4.006 4.006a1.906 1.906 0 0 1 0 2.696l-4.006 4.006a.5.5 0 0 1-.707-.708l4.005-4.005A.914.914 0 0 0 12.852 8H2.5a.5.5 0 0 1 0-1h10.352a.914.914 0 0 0-.116-.14L8.732 2.853Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"8PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,oCAAiB;EACrD,wBAAwB;EACxB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,IAAKD,KAAK;MAC3BR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMG,CAAC,EAAC,6MAA6M,EAAE;MAC/M,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowARightIcon16Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","d"],"sources":["ArrowARightIcon16Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { IconProps } from '../BaseIcon';\nimport { BaseIcon } from '../BaseIcon';\n\nexport const ArrowARightIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowARightIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M8.73 2.854a.5.5 0 1 1 .708-.708l4.006 4.006a1.906 1.906 0 0 1 0 2.696l-4.006 4.006a.5.5 0 0 1-.707-.708l4.005-4.005A.914.914 0 0 0 12.852 8H2.5a.5.5 0 0 1 0-1h10.352a.914.914 0 0 0-.116-.14L8.732 2.853Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"8PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,oCAAiB;EACrD,wBAAwB;EACxB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,IAAKD,KAAK;MAC3BR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMG,CAAC,EAAC,6MAA6M,EAAE;MAC/M,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}

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

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

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowARightIcon20Light = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _BaseIcon = require("../BaseIcon");
 
 var ArrowARightIcon20Light = exports.ArrowARightIcon20Light = (0, _forwardRefAndName.forwardRefAndName)(

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowARightIcon20Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","viewBoxSize","d"],"sources":["ArrowARightIcon20Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { BaseIcon, IconProps } from '../BaseIcon';\n\nexport const ArrowARightIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowARightIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M11.365 3.291a.5.5 0 1 1 .707-.707l5.237 5.237a2.375 2.375 0 0 1 0 3.358l-5.237 5.237a.5.5 0 1 1-.707-.707l5.237-5.237c.139-.139.242-.3.309-.472H2.5a.5.5 0 1 1 0-1h14.41a1.37 1.37 0 0 0-.308-.472L11.365 3.29Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"8PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,oCAAiB;EACrD,wBAAwB;EACxB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,EAACK,WAAW,EAAE,EAAG,IAAKN,KAAK;MAC5CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMI,CAAC,EAAC,kNAAkN,EAAE;MACpN,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_BaseIcon","ArrowARightIcon20Light","exports","forwardRefAndName","props","ref","default","createElement","BaseIcon","_extends2","viewBoxSize","d"],"sources":["ArrowARightIcon20Light.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { IconProps } from '../BaseIcon';\nimport { BaseIcon } from '../BaseIcon';\n\nexport const ArrowARightIcon20Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'ArrowARightIcon20Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M11.365 3.291a.5.5 0 1 1 .707-.707l5.237 5.237a2.375 2.375 0 0 1 0 3.358l-5.237 5.237a.5.5 0 1 1-.707-.707l5.237-5.237c.139-.139.242-.3.309-.472H2.5a.5.5 0 1 1 0-1h14.41a1.37 1.37 0 0 0-.308-.472L11.365 3.29Z\" />\n      </BaseIcon>\n    );\n  },\n);\n"],"mappings":"8PAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEO,IAAMG,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,oCAAiB;EACrD,wBAAwB;EACxB,UAACC,KAAK,EAAEC,GAAG,EAAK;IACd;MACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,QAAQ,MAAAC,SAAA,CAAAH,OAAA,IAACD,GAAG,EAAEA,GAAI,EAACK,WAAW,EAAE,EAAG,IAAKN,KAAK;MAC5CR,MAAA,CAAAU,OAAA,CAAAC,aAAA,WAAMI,CAAC,EAAC,kNAAkN,EAAE;MACpN,CAAC;;EAEf;AACF,CAAC","ignoreList":[]}

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

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

package/cjs/internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowARightIcon24Regular = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _BaseIcon = require("../BaseIcon");
 
 var ArrowARightIcon24Regular = exports.ArrowARightIcon24Regular = (0, _forwardRefAndName.forwardRefAndName)(