@consta/uikit 5.21.0 → 5.23.0

package/__internal__/src/hocs/withTooltip/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","names":["React","useCallback","useRef","Tooltip","useDebounce","useFlag","useForkRef","useMutableRef","withTooltipPropMode","withTooltipPropModeDefault","appearTimeoutDefault","exitTimeoutDefault","withTooltip","hocProps","Component","forwardRef","props","ref","tooltipProps","componentProps","mode","tooltipContent","content","closeOnClickOutside","appearTimeout","exitTimeout","otherTooltipProps","resultContent","visible","setVisible","anchorRef","hoverStateRef","tooltip","anchor","mutablePropsRef","onMouseEnter","onMouseLeave","onClick","mouseEnterController","current","on","mouseLeaveController","off","anchorOnMouseEnter","e","anchorOnMouseLeave","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnClickOutside","anchorOnClick","toggle","className"],"sources":["../../../../../src/hocs/withTooltip/withTooltip.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport {\n  Tooltip,\n  TooltipProps as TooltipComponentProps,\n} from '##/components/Tooltip';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nexport const withTooltipPropMode = ['mouseover', 'click'] as const;\nexport const withTooltipPropModeDefault = withTooltipPropMode[0];\ntype WithTooltipPropMode = typeof withTooltipPropMode[number];\n\nexport const appearTimeoutDefault = 400;\nexport const exitTimeoutDefault = 200;\n\ntype ComponentProps = {\n  onClick?: React.MouseEventHandler;\n  onMouseEnter?: React.MouseEventHandler;\n  onMouseLeave?: React.MouseEventHandler;\n};\n\nexport type TooltipProps = Omit<TooltipComponentProps, 'children' | 'ref'> & {\n  tooltipContent?: React.ReactNode;\n  /** @deprecated use tooltipContent */\n  content?: React.ReactNode;\n  mode?: WithTooltipPropMode;\n  closeOnClickOutside?: boolean;\n  appearTimeout?: number;\n  exitTimeout?: number;\n};\n\nexport type WithTooltipProps<Props> = Omit<Props, 'tooltipProps'> & {\n  tooltipProps?: TooltipProps;\n};\n\ntype HoverState = {\n  tooltip: boolean;\n  anchor: boolean;\n};\n\nexport function withTooltip(hocProps?: TooltipProps) {\n  return function <COMPONENT_TYPE, COMPONENT_PROPS extends ComponentProps>(\n    Component: COMPONENT_TYPE,\n  ) {\n    return React.forwardRef<HTMLElement, WithTooltipProps<COMPONENT_PROPS>>(\n      (props, ref) => {\n        const { tooltipProps = {}, ...componentProps } = props;\n\n        const {\n          mode = 'mouseover',\n          tooltipContent,\n          content,\n          closeOnClickOutside = true,\n          appearTimeout = appearTimeoutDefault,\n          exitTimeout = exitTimeoutDefault,\n          ...otherTooltipProps\n        } = {\n          ...hocProps,\n          ...tooltipProps,\n        };\n\n        const resultContent = tooltipContent ?? content;\n\n        const [visible, setVisible] = useFlag();\n        const anchorRef = useRef<HTMLElement>(null);\n\n        const hoverStateRef = useRef<HoverState>({\n          tooltip: false,\n          anchor: false,\n        });\n\n        const mutablePropsRef = useMutableRef([\n          componentProps.onMouseEnter,\n          componentProps.onMouseLeave,\n          otherTooltipProps.onMouseEnter,\n          otherTooltipProps.onMouseLeave,\n          componentProps.onClick,\n          mode,\n          closeOnClickOutside,\n        ] as const);\n\n        const mouseEnterController = useDebounce(\n          useCallback(() => {\n            mutablePropsRef.current[5] === 'mouseover' &&\n              (hoverStateRef.current.anchor || hoverStateRef.current.tooltip) &&\n              setVisible.on();\n          }, []),\n          appearTimeout,\n        );\n\n        const mouseLeaveController = useDebounce(\n          useCallback(() => {\n            mutablePropsRef.current[5] === 'mouseover' &&\n              !hoverStateRef.current.anchor &&\n              !hoverStateRef.current.tooltip &&\n              setVisible.off();\n          }, []),\n          exitTimeout,\n        );\n\n        const anchorOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n          useCallback((e) => {\n            hoverStateRef.current.anchor = true;\n            mouseEnterController();\n            mutablePropsRef.current[0]?.(e);\n          }, []);\n\n        const anchorOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n          useCallback((e) => {\n            hoverStateRef.current.anchor = false;\n            mouseLeaveController();\n            mutablePropsRef.current[1]?.(e);\n          }, []);\n\n        const tooltipOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n          useCallback((e) => {\n            hoverStateRef.current.tooltip = true;\n            mouseEnterController();\n            mutablePropsRef.current[2]?.(e);\n          }, []);\n\n        const tooltipOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n          useCallback((e) => {\n            hoverStateRef.current.tooltip = false;\n            mouseLeaveController();\n            mutablePropsRef.current[3]?.(e);\n          }, []);\n\n        const tooltipOnClickOutside = useCallback(() => {\n          mutablePropsRef.current[5] === 'click' &&\n            mutablePropsRef.current[6] &&\n            setVisible.off();\n        }, [mode, closeOnClickOutside]);\n\n        const anchorOnClick: React.MouseEventHandler = useCallback((e) => {\n          mutablePropsRef.current[5] === 'click' && setVisible.toggle();\n          mutablePropsRef.current[4]?.(e);\n        }, []);\n\n        const Anchor =\n          Component as unknown as React.ComponentType<COMPONENT_PROPS>;\n\n        return (\n          <>\n            <Anchor\n              {...(componentProps as COMPONENT_PROPS)}\n              onClick={anchorOnClick}\n              onMouseEnter={anchorOnMouseEnter}\n              onMouseLeave={anchorOnMouseLeave}\n              ref={useForkRef([anchorRef, ref])}\n            />\n            <Tooltip\n              {...otherTooltipProps}\n              isOpen={visible && !!resultContent}\n              className={otherTooltipProps.className}\n              anchorRef={anchorRef}\n              onClickOutside={tooltipOnClickOutside}\n              onMouseEnter={tooltipOnMouseEnter}\n              onMouseLeave={tooltipOnMouseLeave}\n            >\n              {resultContent}\n            </Tooltip>\n          </>\n        );\n        // привел к типам, так как прокинутый компонент может иметь дженерики и они потеряются за HOC\n      },\n    ) as unknown as\n      | COMPONENT_TYPE\n      | React.ComponentType<{\n          tooltipProps?: TooltipProps;\n        }>;\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"withTooltip.js","names":["React","useCallback","useRef","Tooltip","useDebounce","useFlag","useForkRef","useMutableRef","withTooltipPropMode","withTooltipPropModeDefault","appearTimeoutDefault","exitTimeoutDefault","withTooltip","hocProps","Component","forwardRef","props","ref","tooltipProps","componentProps","mode","tooltipContent","content","closeOnClickOutside","appearTimeout","exitTimeout","otherTooltipProps","resultContent","visible","setVisible","anchorRef","hoverStateRef","tooltip","anchor","mutablePropsRef","onMouseEnter","onMouseLeave","onClick","mouseEnterController","current","on","mouseLeaveController","off","anchorOnMouseEnter","e","anchorOnMouseLeave","tooltipOnMouseEnter","tooltipOnMouseLeave","tooltipOnClickOutside","anchorOnClick","toggle","className"],"sources":["../../../../../src/hocs/withTooltip/withTooltip.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport {\n  Tooltip,\n  TooltipProps as TooltipComponentProps,\n} from '##/components/Tooltip';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nexport const withTooltipPropMode = ['mouseover', 'click'] as const;\nexport const withTooltipPropModeDefault = withTooltipPropMode[0];\ntype WithTooltipPropMode = typeof withTooltipPropMode[number];\n\nexport const appearTimeoutDefault = 400;\nexport const exitTimeoutDefault = 200;\n\ntype ComponentProps = {\n  onClick?: React.MouseEventHandler;\n  onMouseEnter?: React.MouseEventHandler;\n  onMouseLeave?: React.MouseEventHandler;\n};\n\nexport type TooltipProps = Omit<TooltipComponentProps, 'children' | 'ref'> & {\n  tooltipContent?: React.ReactNode;\n  /** @deprecated use tooltipContent */\n  content?: React.ReactNode;\n  mode?: WithTooltipPropMode;\n  closeOnClickOutside?: boolean;\n  appearTimeout?: number;\n  exitTimeout?: number;\n};\n\nexport type WithTooltipProps<Props> = Props & {\n  tooltipProps?: TooltipProps;\n};\n\ntype HoverState = {\n  tooltip: boolean;\n  anchor: boolean;\n};\n\nexport function withTooltip(hocProps?: TooltipProps) {\n  return function <COMPONENT_TYPE, COMPONENT_PROPS extends ComponentProps>(\n    Component: COMPONENT_TYPE,\n  ) {\n    return React.forwardRef<HTMLElement, WithTooltipProps<COMPONENT_PROPS>>(\n      (props, ref) => {\n        const { tooltipProps = {}, ...componentProps } = props;\n\n        const {\n          mode = 'mouseover',\n          tooltipContent,\n          content,\n          closeOnClickOutside = true,\n          appearTimeout = appearTimeoutDefault,\n          exitTimeout = exitTimeoutDefault,\n          ...otherTooltipProps\n        } = {\n          ...hocProps,\n          ...tooltipProps,\n        };\n\n        const resultContent = tooltipContent ?? content;\n\n        const [visible, setVisible] = useFlag();\n        const anchorRef = useRef<HTMLElement>(null);\n\n        const hoverStateRef = useRef<HoverState>({\n          tooltip: false,\n          anchor: false,\n        });\n\n        const mutablePropsRef = useMutableRef([\n          componentProps.onMouseEnter,\n          componentProps.onMouseLeave,\n          otherTooltipProps.onMouseEnter,\n          otherTooltipProps.onMouseLeave,\n          componentProps.onClick,\n          mode,\n          closeOnClickOutside,\n        ] as const);\n\n        const mouseEnterController = useDebounce(\n          useCallback(() => {\n            mutablePropsRef.current[5] === 'mouseover' &&\n              (hoverStateRef.current.anchor || hoverStateRef.current.tooltip) &&\n              setVisible.on();\n          }, []),\n          appearTimeout,\n        );\n\n        const mouseLeaveController = useDebounce(\n          useCallback(() => {\n            mutablePropsRef.current[5] === 'mouseover' &&\n              !hoverStateRef.current.anchor &&\n              !hoverStateRef.current.tooltip &&\n              setVisible.off();\n          }, []),\n          exitTimeout,\n        );\n\n        const anchorOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n          useCallback((e) => {\n            hoverStateRef.current.anchor = true;\n            mouseEnterController();\n            mutablePropsRef.current[0]?.(e);\n          }, []);\n\n        const anchorOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n          useCallback((e) => {\n            hoverStateRef.current.anchor = false;\n            mouseLeaveController();\n            mutablePropsRef.current[1]?.(e);\n          }, []);\n\n        const tooltipOnMouseEnter: React.MouseEventHandler<HTMLDivElement> =\n          useCallback((e) => {\n            hoverStateRef.current.tooltip = true;\n            mouseEnterController();\n            mutablePropsRef.current[2]?.(e);\n          }, []);\n\n        const tooltipOnMouseLeave: React.MouseEventHandler<HTMLDivElement> =\n          useCallback((e) => {\n            hoverStateRef.current.tooltip = false;\n            mouseLeaveController();\n            mutablePropsRef.current[3]?.(e);\n          }, []);\n\n        const tooltipOnClickOutside = useCallback(() => {\n          mutablePropsRef.current[5] === 'click' &&\n            mutablePropsRef.current[6] &&\n            setVisible.off();\n        }, [mode, closeOnClickOutside]);\n\n        const anchorOnClick: React.MouseEventHandler = useCallback((e) => {\n          mutablePropsRef.current[5] === 'click' && setVisible.toggle();\n          mutablePropsRef.current[4]?.(e);\n        }, []);\n\n        const Anchor =\n          Component as unknown as React.ComponentType<COMPONENT_PROPS>;\n\n        return (\n          <>\n            <Anchor\n              {...(componentProps as unknown as COMPONENT_PROPS)}\n              onClick={anchorOnClick}\n              onMouseEnter={anchorOnMouseEnter}\n              onMouseLeave={anchorOnMouseLeave}\n              ref={useForkRef([anchorRef, ref])}\n            />\n            <Tooltip\n              {...otherTooltipProps}\n              isOpen={visible && !!resultContent}\n              className={otherTooltipProps.className}\n              anchorRef={anchorRef}\n              onClickOutside={tooltipOnClickOutside}\n              onMouseEnter={tooltipOnMouseEnter}\n              onMouseLeave={tooltipOnMouseLeave}\n            >\n              {resultContent}\n            </Tooltip>\n          </>\n        );\n        // привел к типам, так как прокинутый компонент может иметь дженерики и они потеряются за HOC\n      },\n    ) as unknown as\n      | COMPONENT_TYPE\n      | React.ComponentType<{\n          tooltipProps?: TooltipProps;\n        }>;\n  };\n}\n"],"mappings":"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"}

package/__internal__/src/hooks/useForkRef/useForkRef.d.ts

@@ -1,2 +1,2 @@
 export declare const forkRef: <T>(refs: (React.Ref<T> | undefined)[]) => React.RefCallback<T> | null;
-export declare const useForkRef: <T>(refs: (React.Ref<T> | undefined)[]) => ((instance: T | null) => void) | null;
+export declare const useForkRef: <T>(refs: (React.Ref<T> | undefined)[]) => ((instance: T | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;

package/__internal__/src/responsesImages/ResponsesImage403/ResponsesImage403Svg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImage403: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImage403: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImage403;

package/__internal__/src/responsesImages/ResponsesImage404/ResponsesImage404Svg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImage404: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImage404: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImage404;

package/__internal__/src/responsesImages/ResponsesImage500/ResponsesImage500Svg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImage500: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImage500: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImage500;

package/__internal__/src/responsesImages/ResponsesImage503/ResponsesImage503Svg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImage503: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImage503: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImage503;

package/__internal__/src/responsesImages/ResponsesImageConnectionError/ResponsesImageConnectionErrorSvg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImageConnectionError: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImageConnectionError: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImageConnectionError;

package/__internal__/src/responsesImages/ResponsesImageDeleted/ResponsesImageDeletedSvg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImageDeleted: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImageDeleted: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImageDeleted;

package/__internal__/src/responsesImages/ResponsesImageEmptyBox/ResponsesImageEmptyBoxSvg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImageEmptyBox: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImageEmptyBox: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImageEmptyBox;

package/__internal__/src/responsesImages/ResponsesImageEmptyPockets/ResponsesImageEmptyPocketsSvg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImageEmptyPockets: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImageEmptyPockets: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImageEmptyPockets;

package/__internal__/src/responsesImages/ResponsesImageExit/ResponsesImageExitSvg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImageExit: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImageExit: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImageExit;

package/__internal__/src/responsesImages/ResponsesImageNothingFound/ResponsesImageNothingFoundSvg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImageNothingFound: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImageNothingFound: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImageNothingFound;

package/__internal__/src/responsesImages/ResponsesImageSuccess/ResponsesImageSuccessSvg.d.ts

@@ -1,3 +1,3 @@
 import { SVGProps } from 'react';
-declare const ResponsesImageSuccess: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const ResponsesImageSuccess: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default ResponsesImageSuccess;

package/__internal__/src/stand/standConfig.d.ts

@@ -1 +1 @@
-export declare const createStand: (standProps: Stand<GROUP["id"]>) => CreatedStand;
+export declare const createStand: (standProps: import("@consta/stand").Stand<string>) => import("@consta/stand").CreatedStand;

package/__internal__/src/uiKit/components/Image/Image.d.ts

@@ -4,4 +4,4 @@ import { PropsWithJsxAttributes } from '../../../utils/types/PropsWithJsxAttribu
 export type StoryBookModsProps = PropsWithJsxAttributes<{}, 'img'>;
 export declare const cnImage: import("@bem-react/classname").ClassNameFormatter;
 export declare const Image: React.FC<StoryBookModsProps>;
-export declare const createImageComponent: (src: string) => () => JSX.Element;
+export declare const createImageComponent: (src: string) => () => import("react/jsx-runtime").JSX.Element;

package/__internal__/src/utils/state/withCtx/withCtx.js.map

@@ -1 +1 @@
-{"version":3,"file":"withCtx.js","names":["reatomContext","useCreateCtx","React","createElement","forwardRef","useContext","ProviderWithCtx","children","withCtx","component","props","ref","element"],"sources":["../../../../../../src/utils/state/withCtx/withCtx.tsx"],"sourcesContent":["import { reatomContext, useCreateCtx } from '@reatom/npm-react';\nimport React, { createElement, forwardRef, useContext } from 'react';\n\nconst ProviderWithCtx = ({ children }: { children: React.ReactElement }) => (\n  <reatomContext.Provider value={useCreateCtx()}>\n    {children}\n  </reatomContext.Provider>\n);\n\nexport const withCtx = <C, P extends {}>(component: C): C =>\n  forwardRef<HTMLElement, P>((props, ref) => {\n    const element = createElement(\n      component as unknown as React.ComponentType<P>,\n      {\n        ...props,\n        ref,\n      },\n    );\n\n    if (useContext(reatomContext)) {\n      return element;\n    }\n\n    return <ProviderWithCtx>{element}</ProviderWithCtx>;\n  }) as unknown as C;\n"],"mappings":"qqBAAA,OAASA,aAAT,CAAwBC,YAAxB,KAA4C,mBAA5C,CACA,MAAOC,MAAP,EAAgBC,aAAhB,CAA+BC,UAA/B,CAA2CC,UAA3C,KAA6D,OAA7D,CAEA,GAAMC,gBAAe,CAAG,eAAGC,EAAH,GAAGA,QAAH,OACtB,qBAAC,aAAD,CAAe,QAAf,EAAwB,KAAK,CAAEN,YAAY,EAA3C,EACGM,CADH,CADsB,CAAxB,CAMA,MAAO,IAAMC,QAAO,CAAG,SAAkBC,CAAlB,QACrBL,WAAU,CAAiB,SAACM,CAAD,CAAQC,CAAR,CAAgB,CACzC,GAAMC,EAAO,CAAGT,aAAa,CAC3BM,CAD2B,gCAGtBC,CAHsB,MAIzBC,GAAG,CAAHA,CAJyB,GAA7B,CADyC,MASrCN,WAAU,CAACL,aAAD,CAT2B,CAUhCY,CAVgC,CAalC,oBAAC,eAAD,MAAkBA,CAAlB,CACR,CAdS,CADW,CAAhB"}
+{"version":3,"file":"withCtx.js","names":["reatomContext","useCreateCtx","React","createElement","forwardRef","useContext","ProviderWithCtx","children","withCtx","component","props","ref","element"],"sources":["../../../../../../src/utils/state/withCtx/withCtx.tsx"],"sourcesContent":["import { reatomContext, useCreateCtx } from '@reatom/npm-react';\nimport React, { createElement, forwardRef, useContext } from 'react';\n\nconst ProviderWithCtx = ({ children }: { children: React.ReactNode }) => (\n  <reatomContext.Provider value={useCreateCtx()}>\n    {children}\n  </reatomContext.Provider>\n);\n\nexport const withCtx = <C, P extends {}>(component: C): C =>\n  forwardRef<HTMLElement, P>((props, ref) => {\n    const element = createElement(\n      component as unknown as React.ComponentType<P>,\n      {\n        ...(props as P),\n        ref,\n      },\n    );\n\n    if (useContext(reatomContext)) {\n      return element;\n    }\n\n    return <ProviderWithCtx>{element}</ProviderWithCtx>;\n  }) as unknown as C;\n"],"mappings":"qqBAAA,OAASA,aAAT,CAAwBC,YAAxB,KAA4C,mBAA5C,CACA,MAAOC,MAAP,EAAgBC,aAAhB,CAA+BC,UAA/B,CAA2CC,UAA3C,KAA6D,OAA7D,CAEA,GAAMC,gBAAe,CAAG,eAAGC,EAAH,GAAGA,QAAH,OACtB,qBAAC,aAAD,CAAe,QAAf,EAAwB,KAAK,CAAEN,YAAY,EAA3C,EACGM,CADH,CADsB,CAAxB,CAMA,MAAO,IAAMC,QAAO,CAAG,SAAkBC,CAAlB,QACrBL,WAAU,CAAiB,SAACM,CAAD,CAAQC,CAAR,CAAgB,CACzC,GAAMC,EAAO,CAAGT,aAAa,CAC3BM,CAD2B,gCAGrBC,CAHqB,MAIzBC,GAAG,CAAHA,CAJyB,GAA7B,CADyC,MASrCN,WAAU,CAACL,aAAD,CAT2B,CAUhCY,CAVgC,CAalC,oBAAC,eAAD,MAAkBA,CAAlB,CACR,CAdS,CADW,CAAhB"}

package/__internal__/src/utils/types/PropsWithAsAttributes.d.ts

@@ -3,7 +3,7 @@ import { AsTagAttribute, AsTags } from './AsTags';
 export type PropsWithAsAttributes<Props, As extends AsTags> = Props & {
     as?: As;
 } & Omit<AsTagAttribute<As>, keyof Props>;
-export type ComponentWithAs<Props, DefaultTag extends AsTags = 'div'> = <As extends AsTags = DefaultTag>(props: PropsWithAsAttributes<Props, As> & React.RefAttributes<Element>) => React.ReactElement | null;
-type ForwardRefWithAs<Props> = <As extends AsTags>(props: PropsWithAsAttributes<Props, As>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;
+export type ComponentWithAs<Props, DefaultTag extends AsTags = 'div'> = <As extends AsTags = DefaultTag>(props: PropsWithAsAttributes<Props, As> & React.RefAttributes<Element>) => React.ReactNode | null;
+type ForwardRefWithAs<Props> = <As extends AsTags>(props: PropsWithAsAttributes<Props, As>, ref: React.Ref<HTMLElement>) => React.ReactNode | null;
 export declare function forwardRefWithAs<Props, As extends AsTags = 'div'>(render: ForwardRefWithAs<Props>): ComponentWithAs<Props, As>;
 export {};

package/__internal__/src/utils/types/PropsWithAsAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropsWithAsAttributes.js","names":["React","forwardRefWithAs","render","forwardRef"],"sources":["../../../../../src/utils/types/PropsWithAsAttributes.ts"],"sourcesContent":["import React from 'react';\n\nimport { AsTagAttribute, AsTags } from './AsTags';\n\nexport type PropsWithAsAttributes<Props, As extends AsTags> = Props & {\n  as?: As;\n} & Omit<AsTagAttribute<As>, keyof Props>;\n\nexport type ComponentWithAs<Props, DefaultTag extends AsTags = 'div'> = <\n  As extends AsTags = DefaultTag,\n>(\n  props: PropsWithAsAttributes<Props, As> & React.RefAttributes<Element>,\n) => React.ReactElement | null;\n\ntype ForwardRefWithAs<Props> = <As extends AsTags>(\n  props: PropsWithAsAttributes<Props, As>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n\nexport function forwardRefWithAs<Props, As extends AsTags = 'div'>(\n  render: ForwardRefWithAs<Props>,\n) {\n  return React.forwardRef<HTMLElement, PropsWithAsAttributes<Props, As>>(\n    render,\n  ) as unknown as ComponentWithAs<Props, As>;\n}\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAmBA,MAAO,SAASC,iBAAT,CACLC,CADK,CAEL,CACA,MAAOF,MAAK,CAACG,UAAN,CACLD,CADK,CAGR"}
+{"version":3,"file":"PropsWithAsAttributes.js","names":["React","forwardRefWithAs","render","forwardRef"],"sources":["../../../../../src/utils/types/PropsWithAsAttributes.ts"],"sourcesContent":["import React, { ForwardRefRenderFunction } from 'react';\n\nimport { AsTagAttribute, AsTags } from './AsTags';\n\nexport type PropsWithAsAttributes<Props, As extends AsTags> = Props & {\n  as?: As;\n} & Omit<AsTagAttribute<As>, keyof Props>;\n\nexport type ComponentWithAs<Props, DefaultTag extends AsTags = 'div'> = <\n  As extends AsTags = DefaultTag,\n>(\n  props: PropsWithAsAttributes<Props, As> & React.RefAttributes<Element>,\n) => React.ReactNode | null;\n\ntype ForwardRefWithAs<Props> = <As extends AsTags>(\n  props: PropsWithAsAttributes<Props, As>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactNode | null;\n\nexport function forwardRefWithAs<Props, As extends AsTags = 'div'>(\n  render: ForwardRefWithAs<Props>,\n) {\n  return React.forwardRef<HTMLElement, PropsWithAsAttributes<Props, As>>(\n    render as ForwardRefRenderFunction<HTMLElement, {}>,\n  ) as unknown as ComponentWithAs<Props, As>;\n}\n"],"mappings":"AAAA,MAAOA,MAAP,KAAgD,OAAhD,CAmBA,MAAO,SAASC,iBAAT,CACLC,CADK,CAEL,CACA,MAAOF,MAAK,CAACG,UAAN,CACLD,CADK,CAGR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "5.21.0",
+  "version": "5.23.0",
   "keywords": [
     "ui-kit",
     "design-system",