@salutejs/plasma-new-hope 0.327.0-canary.1973.15733948288.0 → 0.327.0-canary.2010.15678347777.0

package/cjs/components/CodeField/CodeField.js

@@ -13,7 +13,6 @@ var base$1 = require('./variations/_size/base.js');
 var base$2 = require('./variations/_shape/base.js');
 var base$3 = require('./variations/_disabled/base.js');
 var initialValuesHelper = require('./utils/initialValuesHelper.js');
-var useCodeHook = require('../../hooks/useCodeHook.js');
 var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
 var handleCodeError = require('./utils/handleCodeError.js');
 var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
@@ -168,7 +167,6 @@ var codeFieldRoot = function codeFieldRoot(Root) {
     };
     var handlePaste = function handlePaste(event) {
       var _inputRefs$current$ac;
-      var newCode = _rollupPluginBabelHelpers.toConsumableArray(code);
       if (disabled) {
         return;
       }
@@ -178,27 +176,30 @@ var codeFieldRoot = function codeFieldRoot(Root) {
         var _symb$match;
         return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
       }).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
-      pastedData.forEach(function (element, index) {
-        newCode[index] = element;
-      });
       var activeIndex = Math.min(pastedData.length, codeLength - 1);
       (_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
-      codeSetter(newCode);
+      codeSetter(pastedData);
     };
     var handleFullCodeEnter = React.useCallback(function (fullCode) {
       if (onFullCodeEnter) {
         onFullCodeEnter(fullCode);
       }
     }, []);
-    useCodeHook.useCodeHook({
-      inputRefs: inputRefs,
-      codeLength: codeLength,
-      disabled: disabled,
-      autoFocus: autoFocus,
-      originalValue: originalValue,
-      getLastActiveIndex: getLastActiveIndex,
-      handleFullCodeEnter: handleFullCodeEnter
-    });
+    React.useEffect(function () {
+      inputRefs.current = inputRefs.current.slice(0, codeLength);
+    }, [codeLength]);
+    React.useEffect(function () {
+      if (autoFocus && !disabled) {
+        var _inputRefs$current$la;
+        var lastActiveIndex = getLastActiveIndex();
+        (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
+      }
+    }, [autoFocus]);
+    useDidMountEffect.useDidMountEffect(function () {
+      if (handleFullCodeEnter && originalValue.length === codeLength) {
+        handleFullCodeEnter(originalValue);
+      }
+    }, [originalValue, handleFullCodeEnter]);
     useDidMountEffect.useDidMountEffect(function () {
       if (isError) {
         handleCodeError.handleCodeError({

package/cjs/components/CodeField/CodeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport { useCodeHook } from '../../hooks';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [code, setCode] = useState<Array<string>>(getCodeValue(codeLength, outerValue || ''));\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0 && code[index] === '') {\n                        inputRefs.current[index - 1]?.focus();\n                    }\n                }\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                setCode(newCode);\n                setOriginalValue(newCode.join(''));\n\n                if (onChange) {\n                    onChange(newCode.join(''));\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (!symbol) {\n                    newCode[index] = '';\n                    codeSetter(newCode);\n\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                const newCode = [...code];\n\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                pastedData.forEach((element, index) => {\n                    newCode[index] = element;\n                });\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(newCode);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n            }, []);\n\n            useCodeHook({\n                inputRefs,\n                codeLength,\n                disabled,\n                autoFocus,\n                originalValue,\n                getLastActiveIndex,\n                handleFullCodeEnter,\n            });\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            return (\n                <Root\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    shape={shape}\n                    disabled={disabled}\n                    onClick={handleClick}\n                    className={cls(className, {\n                        [classes.captionAlignLeft]: captionAlign === 'left',\n                    })}\n                    {...rest}\n                >\n                    <CodeWrapper ref={inputContainerRef}>\n                        {[...Array(parts)].map((_, partIndex) => (\n                            <Fragment key={partIndex}>\n                                <CodeGroup role=\"group\">\n                                    {[...Array(codeLength / parts)].map((_, i) => {\n                                        const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                        return (\n                                            <ItemInput\n                                                key={partIndex + i + partIndex * i}\n                                                ref={(element: HTMLInputElement) => {\n                                                    inputRefs.current[inputCorrectIndex] = element;\n                                                }}\n                                                className={cls({\n                                                    [classes.segmented]: shape === 'segmented',\n                                                    [classes.hoverEnabled]:\n                                                        !disabled && inputCorrectIndex >= originalValue.length,\n                                                })}\n                                                value={code[inputCorrectIndex] || ''}\n                                                autoComplete={autoComplete}\n                                                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                    handleChange(e, inputCorrectIndex);\n                                                }}\n                                                onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                    handleOnKeyDown(e, inputCorrectIndex);\n                                                }}\n                                                onPaste={handlePaste}\n                                                tabIndex={\n                                                    !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                }\n                                                {...(placeholderValue && {\n                                                    placeholder: placeholderValue[inputCorrectIndex],\n                                                })}\n                                            />\n                                        );\n                                    })}\n                                </CodeGroup>\n                                {partIndex !== parts - 1 && <Separator />}\n                            </Fragment>\n                        ))}\n                    </CodeWrapper>\n                    {caption && (\n                        <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                            {caption}\n                        </CaptionWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","code","setCode","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current","codeSetter","newCode","handleChange","_inputRefs$current$in","rawSymbol","currentTarget","symbol","charAt","_toConsumableArray","classList","remove","classes","itemError","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","Boolean","slice","forEach","element","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useCodeHook","useDidMountEffect","handleCodeError","currentCode","React","createElement","_extends","onClick","cls","_defineProperty","captionAlignLeft","CodeWrapper","Array","_","partIndex","Fragment","CodeGroup","role","i","inputCorrectIndex","ItemInput","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [code, setCode] = useState<Array<string>>(getCodeValue(codeLength, outerValue || ''));\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0 && code[index] === '') {\n                        inputRefs.current[index - 1]?.focus();\n                    }\n                }\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                setCode(newCode);\n                setOriginalValue(newCode.join(''));\n\n                if (onChange) {\n                    onChange(newCode.join(''));\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (!symbol) {\n                    newCode[index] = '';\n                    codeSetter(newCode);\n\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(pastedData);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n            }, []);\n\n            useEffect(() => {\n                inputRefs.current = inputRefs.current.slice(0, codeLength);\n            }, [codeLength]);\n\n            useEffect(() => {\n                if (autoFocus && !disabled) {\n                    const lastActiveIndex = getLastActiveIndex();\n\n                    inputRefs.current[lastActiveIndex]?.focus();\n                }\n            }, [autoFocus]);\n\n            useDidMountEffect(() => {\n                if (handleFullCodeEnter && originalValue.length === codeLength) {\n                    handleFullCodeEnter(originalValue);\n                }\n            }, [originalValue, handleFullCodeEnter]);\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            return (\n                <Root\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    shape={shape}\n                    disabled={disabled}\n                    onClick={handleClick}\n                    className={cls(className, {\n                        [classes.captionAlignLeft]: captionAlign === 'left',\n                    })}\n                    {...rest}\n                >\n                    <CodeWrapper ref={inputContainerRef}>\n                        {[...Array(parts)].map((_, partIndex) => (\n                            <Fragment key={partIndex}>\n                                <CodeGroup role=\"group\">\n                                    {[...Array(codeLength / parts)].map((_, i) => {\n                                        const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                        return (\n                                            <ItemInput\n                                                key={partIndex + i + partIndex * i}\n                                                ref={(element: HTMLInputElement) => {\n                                                    inputRefs.current[inputCorrectIndex] = element;\n                                                }}\n                                                className={cls({\n                                                    [classes.segmented]: shape === 'segmented',\n                                                    [classes.hoverEnabled]:\n                                                        !disabled && inputCorrectIndex >= originalValue.length,\n                                                })}\n                                                value={code[inputCorrectIndex] || ''}\n                                                autoComplete={autoComplete}\n                                                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                    handleChange(e, inputCorrectIndex);\n                                                }}\n                                                onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                    handleOnKeyDown(e, inputCorrectIndex);\n                                                }}\n                                                onPaste={handlePaste}\n                                                tabIndex={\n                                                    !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                }\n                                                {...(placeholderValue && {\n                                                    placeholder: placeholderValue[inputCorrectIndex],\n                                                })}\n                                            />\n                                        );\n                                    })}\n                                </CodeGroup>\n                                {partIndex !== parts - 1 && <Separator />}\n                            </Fragment>\n                        ))}\n                    </CodeWrapper>\n                    {caption && (\n                        <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                            {caption}\n                        </CaptionWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","code","setCode","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current","codeSetter","newCode","handleChange","_inputRefs$current$in","rawSymbol","currentTarget","symbol","charAt","_toConsumableArray","classList","remove","classes","itemError","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","Boolean","slice","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useEffect","_inputRefs$current$la","useDidMountEffect","handleCodeError","currentCode","React","createElement","_extends","onClick","cls","_defineProperty","captionAlignLeft","CodeWrapper","Array","_","partIndex","Fragment","CodeGroup","role","i","inputCorrectIndex","ItemInput","element","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/cjs/components/Tour/Tour.css

@@ -0,0 +1,4 @@
+.Tour_styles_1ks2isn_m1hl3azh__f7b9f098{z-index:var(--m1hl3azh-0);}
+.Tour_styles_1ks2isn_m12gu86u__f7b9f098{position:fixed;inset:0;pointer-events:all;}
+.Tour_styles_1ks2isn_hz4trqu__f7b9f098{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--plasma-tour-highlight-radius,0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
+.Tour_styles_1ks2isn_tjgv9oe__f7b9f098{position:absolute;}

package/cjs/components/Tour/Tour.js

@@ -0,0 +1,224 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var reactDom = require('@floating-ui/react-dom');
+var index = require('./utils/index.js');
+var Tour_styles = require('./Tour.styles.js');
+var base = require('./variatoins/_view/base.js');
+var base$1 = require('./variatoins/_size/base.js');
+var Tour_tokens = require('./Tour.tokens.js');
+var canUseDOM = require('../../utils/canUseDOM.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _Mask;
+var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "shift", "offset", "highlightOffset", "className"];
+var TOUR_PORTAL_ID = 'plasma-tour-portal';
+var tourRoot = function tourRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
+    var steps = _ref.steps,
+      current = _ref.current,
+      _ref$defaultCurrent = _ref.defaultCurrent,
+      defaultCurrent = _ref$defaultCurrent === void 0 ? 0 : _ref$defaultCurrent,
+      open = _ref.open,
+      _ref$defaultOpen = _ref.defaultOpen,
+      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+      onClose = _ref.onClose,
+      _ref$withOverlay = _ref.withOverlay,
+      withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay,
+      overlayColor = _ref.overlayColor,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 9300 : _ref$zIndex,
+      view = _ref.view,
+      size = _ref.size,
+      _ref$shift = _ref.shift,
+      shiftProp = _ref$shift === void 0 ? 12 : _ref$shift,
+      _ref$offset = _ref.offset,
+      offsetProp = _ref$offset === void 0 ? 12 : _ref$offset,
+      _ref$highlightOffset = _ref.highlightOffset,
+      highlightOffset = _ref$highlightOffset === void 0 ? 4 : _ref$highlightOffset,
+      className = _ref.className,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var controlled = typeof current === 'number';
+    var controlledOpen = typeof open === 'boolean';
+    var _useState = React.useState(defaultCurrent),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      innerCurrent = _useState2[0],
+      setInnerCurrent = _useState2[1];
+    var _useState3 = React.useState(defaultOpen),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      innerOpen = _useState4[0],
+      setInnerOpen = _useState4[1];
+    var _useState5 = React.useState(null),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      highlightRect = _useState6[0],
+      setHighlightRect = _useState6[1];
+    var _useState7 = React.useState(null),
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      targetElement = _useState8[0],
+      setTargetElement = _useState8[1];
+    var portalRef = React.useRef(null);
+    var floatingRef = React.useRef(null);
+    var active = controlled ? current : innerCurrent;
+    var isOpen = controlledOpen ? open : innerOpen;
+    var currentStep = steps[active];
+    var placement = React.useMemo(function () {
+      if (!currentStep) return 'bottom';
+      if (Array.isArray(currentStep.placement)) {
+        return currentStep.placement[0] || 'bottom';
+      }
+      return currentStep.placement || 'bottom';
+    }, [currentStep]);
+    var middleware = React.useMemo(function () {
+      return [reactDom.offset(offsetProp), reactDom.flip({
+        fallbackPlacements: Array.isArray(currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement) ? currentStep.placement : undefined
+      }), reactDom.shift({
+        padding: shiftProp
+      })];
+    }, [currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement]);
+    var _useFloating = reactDom.useFloating({
+        placement: placement,
+        middleware: middleware,
+        whileElementsMounted: reactDom.autoUpdate
+      }),
+      refs = _useFloating.refs,
+      floatingStyles = _useFloating.floatingStyles,
+      calculatedPlacement = _useFloating.placement;
+    React.useEffect(function () {
+      refs.setReference(targetElement);
+    }, [refs, targetElement]);
+    var setOpen = React.useCallback(function (val) {
+      if (!controlledOpen) {
+        setInnerOpen(val);
+      }
+      if (!val) {
+        onClose === null || onClose === void 0 || onClose();
+        setInnerCurrent(0);
+        setHighlightRect(null);
+        setTargetElement(null);
+      }
+    }, [controlledOpen, onClose]);
+    var handleClose = function handleClose() {
+      return setOpen(false);
+    };
+    var updateHighlight = React.useCallback(function () {
+      if (!isOpen || !currentStep) return;
+      var element = index.getHTMLElement(currentStep.target);
+      if (element) {
+        var rect = element.getBoundingClientRect();
+        setHighlightRect(rect);
+        setTargetElement(element);
+      } else {
+        setHighlightRect(null);
+        setTargetElement(null);
+      }
+    }, [isOpen, currentStep]);
+    React.useEffect(function () {
+      if (!canUseDOM.canUseDOM) return; // No setup needed
+
+      var portal = document.getElementById(TOUR_PORTAL_ID);
+      if (!portal) {
+        portal = document.createElement('div');
+        portal.setAttribute('id', TOUR_PORTAL_ID);
+        document.body.appendChild(portal);
+      }
+      portalRef.current = portal;
+      return function () {
+        if (portal && portal.childNodes.length === 0) {
+          portal.remove();
+        }
+      };
+    }, []);
+    React.useEffect(function () {
+      updateHighlight();
+      var handleUpdate = function handleUpdate() {
+        updateHighlight();
+      };
+      window.addEventListener('resize', handleUpdate);
+      window.addEventListener('scroll', handleUpdate, true);
+      return function () {
+        window.removeEventListener('resize', handleUpdate);
+        window.removeEventListener('scroll', handleUpdate, true);
+      };
+    }, [updateHighlight]);
+    React.useEffect(function () {
+      if (!isOpen || !currentStep || !targetElement) return;
+      targetElement.scrollIntoView({
+        block: 'center',
+        inline: 'center',
+        behavior: 'smooth'
+      });
+    }, [isOpen, active, currentStep, targetElement]);
+    React.useEffect(function () {
+      var handleKeyDown = function handleKeyDown(e) {
+        if (e.key === 'Escape') {
+          handleClose();
+        }
+      };
+      if (isOpen) {
+        window.addEventListener('keydown', handleKeyDown);
+      }
+      return function () {
+        window.removeEventListener('keydown', handleKeyDown);
+      };
+    }, [isOpen]);
+    if (!currentStep || !canUseDOM.canUseDOM || !portalRef.current) return null;
+    var tourContent = /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      steps: steps,
+      ref: outerRef,
+      className: className,
+      view: view,
+      size: size
+    }, rest), isOpen && withOverlay && /*#__PURE__*/React__default.default.createElement(Tour_styles.MaskContainer, {
+      className: Tour_tokens.classes.mask,
+      zIndex: zIndex,
+      "data-plasma-tour-mask": true
+    }, _Mask || (_Mask = /*#__PURE__*/React__default.default.createElement(Tour_styles.Mask, null)), highlightRect && /*#__PURE__*/React__default.default.createElement(Tour_styles.Highlight, {
+      overlayColor: overlayColor,
+      style: {
+        left: highlightRect.left - highlightOffset,
+        top: highlightRect.top - highlightOffset,
+        width: highlightRect.width + highlightOffset * 2,
+        height: highlightRect.height + highlightOffset * 2
+      }
+    })), isOpen && targetElement && /*#__PURE__*/React__default.default.createElement(Tour_styles.TourPortal, {
+      ref: function ref(node) {
+        refs.setFloating(node);
+        floatingRef.current = node;
+      },
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
+        zIndex: Number(zIndex)
+      }),
+      "data-placement": calculatedPlacement
+    }, currentStep.renderItem()));
+    return /*#__PURE__*/ReactDOM.createPortal(tourContent, portalRef.current);
+  });
+};
+var tourConfig = {
+  name: 'Tour',
+  tag: 'div',
+  layout: tourRoot,
+  base: '',
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.tourConfig = tourConfig;
+exports.tourRoot = tourRoot;
+//# sourceMappingURL=Tour.js.map

package/cjs/components/Tour/Tour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.js","sources":["../../../src/components/Tour/Tour.tsx"],"sourcesContent":["// Tour.tsx\nimport React, { forwardRef, useCallback, useEffect, useState, useRef, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/react-dom';\n\nimport { RootProps } from '../../engines';\nimport { canUseDOM } from '../../utils';\n\nimport { getHTMLElement } from './utils';\nimport type { TourProps } from './Tour.types';\nimport { MaskContainer, Mask, Highlight, TourPortal } from './Tour.styles';\nimport { base as viewCSS } from './variatoins/_view/base';\nimport { base as sizeCSS } from './variatoins/_size/base';\nimport { classes } from './Tour.tokens';\n\nconst TOUR_PORTAL_ID = 'plasma-tour-portal';\n\nexport const tourRoot = (Root: RootProps<HTMLDivElement, TourProps>) =>\n    forwardRef<HTMLDivElement, TourProps>(\n        (\n            {\n                steps,\n                current,\n                defaultCurrent = 0,\n                open,\n                defaultOpen = false,\n                onClose,\n                withOverlay = true,\n                overlayColor,\n                zIndex = 9300,\n                view,\n                size,\n                shift: shiftProp = 12,\n                offset: offsetProp = 12,\n                highlightOffset = 4,\n                className,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const controlled = typeof current === 'number';\n            const controlledOpen = typeof open === 'boolean';\n\n            const [innerCurrent, setInnerCurrent] = useState(defaultCurrent);\n            const [innerOpen, setInnerOpen] = useState(defaultOpen);\n            const [highlightRect, setHighlightRect] = useState<DOMRect | null>(null);\n            const [targetElement, setTargetElement] = useState<HTMLElement | null>(null);\n\n            const portalRef = useRef<HTMLElement | null>(null);\n            const floatingRef = useRef<HTMLDivElement | null>(null);\n\n            const active = controlled ? (current as number) : innerCurrent;\n            const isOpen = controlledOpen ? (open as boolean) : innerOpen;\n\n            const currentStep = steps[active];\n\n            const placement = useMemo(() => {\n                if (!currentStep) return 'bottom';\n\n                if (Array.isArray(currentStep.placement)) {\n                    return currentStep.placement[0] || 'bottom';\n                }\n\n                return currentStep.placement || 'bottom';\n            }, [currentStep]);\n\n            const middleware = useMemo(\n                () => [\n                    offset(offsetProp),\n                    flip({\n                        fallbackPlacements: Array.isArray(currentStep?.placement) ? currentStep.placement : undefined,\n                    }),\n                    shift({ padding: shiftProp }),\n                ],\n                [currentStep?.placement],\n            );\n\n            const { refs, floatingStyles, placement: calculatedPlacement } = useFloating({\n                placement,\n                middleware,\n                whileElementsMounted: autoUpdate,\n            });\n\n            useEffect(() => {\n                refs.setReference(targetElement);\n            }, [refs, targetElement]);\n\n            const setOpen = useCallback(\n                (val: boolean) => {\n                    if (!controlledOpen) {\n                        setInnerOpen(val);\n                    }\n                    if (!val) {\n                        onClose?.();\n                        setInnerCurrent(0);\n                        setHighlightRect(null);\n                        setTargetElement(null);\n                    }\n                },\n                [controlledOpen, onClose],\n            );\n\n            const handleClose = () => setOpen(false);\n\n            const updateHighlight = useCallback(() => {\n                if (!isOpen || !currentStep) return;\n\n                const element = getHTMLElement(currentStep.target as any);\n                if (element) {\n                    const rect = element.getBoundingClientRect();\n                    setHighlightRect(rect);\n                    setTargetElement(element);\n                } else {\n                    setHighlightRect(null);\n                    setTargetElement(null);\n                }\n            }, [isOpen, currentStep]);\n\n            useEffect(() => {\n                if (!canUseDOM) return; // No setup needed\n\n                let portal = document.getElementById(TOUR_PORTAL_ID);\n\n                if (!portal) {\n                    portal = document.createElement('div');\n                    portal.setAttribute('id', TOUR_PORTAL_ID);\n                    document.body.appendChild(portal);\n                }\n\n                portalRef.current = portal;\n\n                return () => {\n                    if (portal && portal.childNodes.length === 0) {\n                        portal.remove();\n                    }\n                };\n            }, []);\n\n            useEffect(() => {\n                updateHighlight();\n\n                const handleUpdate = () => {\n                    updateHighlight();\n                };\n\n                window.addEventListener('resize', handleUpdate);\n                window.addEventListener('scroll', handleUpdate, true);\n\n                return () => {\n                    window.removeEventListener('resize', handleUpdate);\n                    window.removeEventListener('scroll', handleUpdate, true);\n                };\n            }, [updateHighlight]);\n\n            useEffect(() => {\n                if (!isOpen || !currentStep || !targetElement) return;\n\n                targetElement.scrollIntoView({\n                    block: 'center',\n                    inline: 'center',\n                    behavior: 'smooth',\n                });\n            }, [isOpen, active, currentStep, targetElement]);\n\n            useEffect(() => {\n                const handleKeyDown = (e: KeyboardEvent) => {\n                    if (e.key === 'Escape') {\n                        handleClose();\n                    }\n                };\n\n                if (isOpen) {\n                    window.addEventListener('keydown', handleKeyDown);\n                }\n\n                return () => {\n                    window.removeEventListener('keydown', handleKeyDown);\n                };\n            }, [isOpen]);\n\n            if (!currentStep || !canUseDOM || !portalRef.current) return null;\n\n            const tourContent = (\n                <Root steps={steps} ref={outerRef} className={className} view={view} size={size} {...rest}>\n                    {isOpen && withOverlay && (\n                        <MaskContainer className={classes.mask} zIndex={zIndex} data-plasma-tour-mask>\n                            <Mask />\n                            {highlightRect && (\n                                <Highlight\n                                    overlayColor={overlayColor}\n                                    style={{\n                                        left: highlightRect.left - highlightOffset,\n                                        top: highlightRect.top - highlightOffset,\n                                        width: highlightRect.width + highlightOffset * 2,\n                                        height: highlightRect.height + highlightOffset * 2,\n                                    }}\n                                />\n                            )}\n                        </MaskContainer>\n                    )}\n\n                    {isOpen && targetElement && (\n                        <TourPortal\n                            ref={(node) => {\n                                refs.setFloating(node);\n                                floatingRef.current = node;\n                            }}\n                            style={{\n                                ...floatingStyles,\n                                zIndex: Number(zIndex),\n                            }}\n                            data-placement={calculatedPlacement}\n                        >\n                            {currentStep.renderItem()}\n                        </TourPortal>\n                    )}\n                </Root>\n            );\n\n            return createPortal(tourContent, portalRef.current);\n        },\n    );\n\nexport const tourConfig = {\n    name: 'Tour',\n    tag: 'div',\n    layout: tourRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["TOUR_PORTAL_ID","tourRoot","Root","forwardRef","_ref","outerRef","steps","current","_ref$defaultCurrent","defaultCurrent","open","_ref$defaultOpen","defaultOpen","onClose","_ref$withOverlay","withOverlay","overlayColor","_ref$zIndex","zIndex","view","size","_ref$shift","shift","shiftProp","_ref$offset","offset","offsetProp","_ref$highlightOffset","highlightOffset","className","rest","_objectWithoutProperties","_excluded","controlled","controlledOpen","_useState","useState","_useState2","_slicedToArray","innerCurrent","setInnerCurrent","_useState3","_useState4","innerOpen","setInnerOpen","_useState5","_useState6","highlightRect","setHighlightRect","_useState7","_useState8","targetElement","setTargetElement","portalRef","useRef","floatingRef","active","isOpen","currentStep","placement","useMemo","Array","isArray","middleware","flip","fallbackPlacements","undefined","padding","_useFloating","useFloating","whileElementsMounted","autoUpdate","refs","floatingStyles","calculatedPlacement","useEffect","setReference","setOpen","useCallback","val","handleClose","updateHighlight","element","getHTMLElement","target","rect","getBoundingClientRect","canUseDOM","portal","document","getElementById","createElement","setAttribute","body","appendChild","childNodes","length","remove","handleUpdate","window","addEventListener","removeEventListener","scrollIntoView","block","inline","behavior","handleKeyDown","e","key","tourContent","React","_extends","ref","MaskContainer","classes","mask","_Mask","Mask","Highlight","style","left","top","width","height","TourPortal","node","setFloating","_objectSpread","Number","renderItem","createPortal","tourConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Tour/Tour.styles.js

@@ -0,0 +1,51 @@
+require('./Tour.styles_1ks2isn.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var _exp = function _exp() {
+  return function (_ref) {
+    var zIndex = _ref.zIndex;
+    return zIndex;
+  };
+};
+var MaskContainer = /*#__PURE__*/react.styled('div')({
+  name: "MaskContainer",
+  "class": "m1hl3azh",
+  propsAsIs: false,
+  vars: {
+    "m1hl3azh-0": [/*#__PURE__*/_exp()]
+  }
+});
+var Mask = /*#__PURE__*/react.styled('div')({
+  name: "Mask",
+  "class": "m12gu86u",
+  propsAsIs: false
+});
+var _exp2 = function _exp2() {
+  return function (_ref2) {
+    var overlayColor = _ref2.overlayColor;
+    return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
+  };
+};
+var Highlight = /*#__PURE__*/react.styled('div')({
+  name: "Highlight",
+  "class": "hz4trqu",
+  propsAsIs: false,
+  vars: {
+    "hz4trqu-0": [/*#__PURE__*/_exp2()]
+  }
+});
+var TourPortal = /*#__PURE__*/react.styled('div')({
+  name: "TourPortal",
+  "class": "tjgv9oe",
+  propsAsIs: false
+});
+
+exports.Highlight = Highlight;
+exports.Mask = Mask;
+exports.MaskContainer = MaskContainer;
+exports.TourPortal = TourPortal;
+//# sourceMappingURL=Tour.styles.js.map

package/cjs/components/Tour/Tour.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.styles.js","sources":["../../../src/components/Tour/Tour.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from './Tour.tokens';\n\nexport const MaskContainer = styled.div<{ zIndex: string | number }>`\n    z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const Mask = styled.div`\n    position: fixed;\n    inset: 0;\n    pointer-events: all;\n`;\n\nexport const Highlight = styled.div<{ overlayColor?: string }>`\n    --private-mask-color: ${({ overlayColor }) => `${overlayColor || 'rgba(0, 0, 0, 0.45)'}`};\n    position: fixed;\n    background: transparent;\n    border-radius: var(${tokens.highlightRadius}, 0.5rem);\n    box-shadow: 0 0 0 9999px var(--private-mask-color);\n    pointer-events: none;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n`;\n\nexport const TourPortal = styled.div`\n    position: absolute;\n`;\n"],"names":["_exp","_ref","zIndex","MaskContainer","styled","name","class","propsAsIs","vars","Mask","_exp2","_ref2","overlayColor","Highlight","TourPortal"],"mappings":";;;;;;AAAwC,IAAAA,IAAA,GACtBA,SADsBA,IAAAA,GAAA;AAAA,EAAA,OAKzB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD9B,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBR,IAAsB,EAAA,CAAA;AAAA,GAAA;AAAA,CACpC,EAAA;AAEM,IAAMS,IAAI,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIzB,EAAA;AAAC,IAAAG,KAAA,GAXgBA,SAWhBA,KAAAA,GAAA;AAAA,EAAA,OAG0B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAsBA,YAAY,IAAI,qBAAqB,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AADrF,IAAMC,SAAS,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACHE,KAAgE,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3F,EAAA;AAEM,IAAMI,UAAU,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;;;;"}

package/cjs/components/Tour/Tour.styles_1ks2isn.css

@@ -0,0 +1,4 @@
+.m1hl3azh{z-index:var(--m1hl3azh-0);}
+.m12gu86u{position:fixed;inset:0;pointer-events:all;}
+.hz4trqu{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--plasma-tour-highlight-radius,0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
+.tjgv9oe{position:absolute;}

package/cjs/components/Tour/Tour.tokens.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  mask: 'tour-mask'
+};
+var tokens = {
+  cardPadding: '--plasma-tour-card-padding',
+  cardRadius: '--plasma-tour-card-radius',
+  cardBgColor: '--plasma-tour-card-bg',
+  cardShadow: '--plasma-tour-card-shadow',
+  maskBgColor: '--plasma-tour-mask-bg',
+  titleColor: '--plasma-tour-title-color',
+  descriptionColor: '--plasma-tour-description-color',
+  highlightRadius: '--plasma-tour-highlight-radius'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Tour.tokens.js.map

package/cjs/components/Tour/Tour.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.tokens.js","sources":["../../../src/components/Tour/Tour.tokens.ts"],"sourcesContent":["export const classes = {\n    mask: 'tour-mask',\n};\n\nexport const tokens = {\n    cardPadding: '--plasma-tour-card-padding',\n    cardRadius: '--plasma-tour-card-radius',\n    cardBgColor: '--plasma-tour-card-bg',\n    cardShadow: '--plasma-tour-card-shadow',\n    maskBgColor: '--plasma-tour-mask-bg',\n    titleColor: '--plasma-tour-title-color',\n    descriptionColor: '--plasma-tour-description-color',\n    highlightRadius: '--plasma-tour-highlight-radius',\n};\n"],"names":["classes","mask","tokens","cardPadding","cardRadius","cardBgColor","cardShadow","maskBgColor","titleColor","descriptionColor","highlightRadius"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,IAAI,EAAE,WAAA;AACV,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,eAAe,EAAE,gCAAA;AACrB;;;;;"}

package/cjs/components/Tour/utils/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getHTMLElement = function getHTMLElement(target) {
+  if (!target) {
+    return null;
+  }
+  if (typeof target === 'string') {
+    return document.querySelector(target);
+  }
+  if ('current' in target) {
+    return target.current;
+  }
+  return target;
+};
+
+exports.getHTMLElement = getHTMLElement;
+//# sourceMappingURL=index.js.map

package/cjs/components/Tour/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Tour/utils/index.ts"],"sourcesContent":["export const getHTMLElement = (target: string | React.RefObject<HTMLElement> | HTMLElement): HTMLElement | null => {\n    if (!target) {\n        return null;\n    }\n    if (typeof target === 'string') {\n        return document.querySelector<HTMLElement>(target);\n    }\n    if ('current' in target) {\n        return target.current;\n    }\n    return target;\n};\n"],"names":["getHTMLElement","target","document","querySelector","current"],"mappings":";;;;IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAA2D,EAAyB;EAC/G,IAAI,CAACA,MAAM,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACA,EAAA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;AAC5B,IAAA,OAAOC,QAAQ,CAACC,aAAa,CAAcF,MAAM,CAAC,CAAA;AACtD,GAAA;EACA,IAAI,SAAS,IAAIA,MAAM,EAAE;IACrB,OAAOA,MAAM,CAACG,OAAO,CAAA;AACzB,GAAA;AACA,EAAA,OAAOH,MAAM,CAAA;AACjB;;;;"}

package/cjs/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.js

@@ -1,9 +1,9 @@
-require('./base_vkh53h.css');
+require('./base_x642ct.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "b1vzcfqx";
+var base = "b1hk248e";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Tour/variatoins/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Tour/variatoins/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Tour/variatoins/_size/base_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.js

@@ -1,9 +1,9 @@
-require('./base_h42a8b.css');
+require('./base_x642ct.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bbkzv6b";
+var base = "bkfxb44";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Tour/variatoins/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Tour/variatoins/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/cjs/components/Tour/variatoins/_view/base_x642ct.css

@@ -0,0 +1 @@
+