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

package/styled-components/es/components/Tour/Tour.js

@@ -15,16 +15,15 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-// Tour.tsx
 import React, { forwardRef, useCallback, useEffect, useState, useRef, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/react-dom';
 import { canUseDOM } from "../../utils";
-import { getHTMLElement } from "./utils";
+import { getHTMLElement, getIncreasedRadius, findRootElement } from "./utils";
 import { MaskContainer, Mask, Highlight, TourPortal } from "./Tour.styles";
 import { base as viewCSS } from "./variatoins/_view/base";
 import { base as sizeCSS } from "./variatoins/_size/base";
-import { classes } from "./Tour.tokens";
+import { classes, tokens } from "./Tour.tokens";
 var TOUR_PORTAL_ID = 'plasma-tour-portal';
 export var tourRoot = function tourRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -67,8 +66,12 @@ export var tourRoot = function tourRoot(Root) {
       setHighlightRect = _useState6[1];
     var _useState7 = useState(null),
       _useState8 = _slicedToArray(_useState7, 2),
-      targetElement = _useState8[0],
-      setTargetElement = _useState8[1];
+      highlightBorderRadius = _useState8[0],
+      setHighlightBorderRadius = _useState8[1];
+    var _useState9 = useState(null),
+      _useState10 = _slicedToArray(_useState9, 2),
+      targetElement = _useState10[0],
+      setTargetElement = _useState10[1];
     var portalRef = useRef(null);
     var floatingRef = useRef(null);
     var active = controlled ? current : innerCurrent;
@@ -115,19 +118,21 @@ export var tourRoot = function tourRoot(Root) {
     };
     var updateHighlight = useCallback(function () {
       if (!isOpen || !currentStep) return;
-      var element = getHTMLElement(currentStep.target);
-      if (element) {
-        var rect = element.getBoundingClientRect();
+      var rootItem = findRootElement(currentStep.target);
+      var highlightElement = getHTMLElement(rootItem);
+      var borderRadius = currentStep.borderRadius === 'fixed' ? "var(".concat(tokens.highlightRadius, ")") : getIncreasedRadius(rootItem, highlightOffset);
+      setHighlightBorderRadius(borderRadius);
+      if (highlightElement) {
+        var rect = highlightElement.getBoundingClientRect();
         setHighlightRect(rect);
-        setTargetElement(element);
+        setTargetElement(highlightElement);
       } else {
         setHighlightRect(null);
         setTargetElement(null);
       }
     }, [isOpen, currentStep]);
     useEffect(function () {
-      if (!canUseDOM) return; // No setup needed
-
+      if (!canUseDOM) return;
       var portal = document.getElementById(TOUR_PORTAL_ID);
       if (!portal) {
         portal = document.createElement('div');
@@ -187,6 +192,7 @@ export var tourRoot = function tourRoot(Root) {
       "data-plasma-tour-mask": true
     }, _Mask || (_Mask = /*#__PURE__*/React.createElement(Mask, null)), highlightRect && /*#__PURE__*/React.createElement(Highlight, {
       overlayColor: overlayColor,
+      borderRadius: highlightBorderRadius,
       style: {
         left: highlightRect.left - highlightOffset,
         top: highlightRect.top - highlightOffset,

package/styled-components/es/components/Tour/Tour.styles.js

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { tokens } from "./Tour.tokens";
 export var MaskContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1d4zeu3-0"
 })(["z-index:", ";"], function (_ref) {
@@ -11,10 +10,13 @@ export var Mask = /*#__PURE__*/styled.div.withConfig({
 })(["position:fixed;inset:0;pointer-events:all;"]);
 export var Highlight = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1d4zeu3-2"
-})(["--private-mask-color:", ";position:fixed;background:transparent;border-radius:var(", ",0.5rem);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);"], function (_ref2) {
+})(["--private-mask-color:", ";position:fixed;background:transparent;border-radius:", ";box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);"], function (_ref2) {
   var overlayColor = _ref2.overlayColor;
   return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
-}, tokens.highlightRadius);
+}, function (_ref3) {
+  var borderRadius = _ref3.borderRadius;
+  return borderRadius !== null && borderRadius !== void 0 ? borderRadius : 0;
+});
 export var TourPortal = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1d4zeu3-3"
 })(["position:absolute;"]);

package/styled-components/es/components/Tour/utils/index.js

@@ -9,4 +9,96 @@ export var getHTMLElement = function getHTMLElement(target) {
     return target.current;
   }
   return target;
+};
+export var getIncreasedRadius = function getIncreasedRadius(ref, offset) {
+  if (!ref.current) {
+    return '';
+  }
+  var element = ref.current;
+  var computedStyle = getComputedStyle(element);
+  var borderRadiusComponent = computedStyle.getPropertyValue('--plasma-tour__border-radius');
+  var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
+  var parseValue = function parseValue(value, context) {
+    var num = parseFloat(value);
+    if (Number.isNaN(num)) return 0;
+    if (value.endsWith('px')) return num;
+    if (value.endsWith('%')) return num / 100 * context.width;
+    if (value.endsWith('em')) return num * parseFloat(computedStyle.fontSize);
+    if (value.endsWith('rem')) {
+      return num * parseFloat(getComputedStyle(document.documentElement).fontSize);
+    }
+    if (value.endsWith('vw')) return num / 100 * window.innerWidth;
+    if (value.endsWith('vh')) return num / 100 * window.innerHeight;
+    if (value.endsWith('vmin')) return num / 100 * Math.min(window.innerWidth, window.innerHeight);
+    if (value.endsWith('vmax')) return num / 100 * Math.max(window.innerWidth, window.innerHeight);
+    return num;
+  };
+  var context = {
+    width: element.offsetWidth,
+    height: element.offsetHeight
+  };
+  var parseRadius = function parseRadius(radius) {
+    var parts = radius.split('/').map(function (part) {
+      return part.trim();
+    });
+    var horizontal = parts[0].split(/\s+/).map(function (val) {
+      return parseValue(val, context);
+    });
+    var normalize = function normalize(values) {
+      if (values.length === 1) return [values[0], values[0], values[0], values[0]];
+      if (values.length === 2) return [values[0], values[1], values[0], values[1]];
+      if (values.length === 3) return [values[0], values[1], values[2], values[1]];
+      return values.slice(0, 4);
+    };
+    return {
+      horizontal: normalize(horizontal),
+      vertical: parts[1] ? normalize(parts[1].split(/\s+/).map(function (val) {
+        return parseValue(val, context);
+      })) : normalize(horizontal)
+    };
+  };
+  try {
+    var parsed = parseRadius(currentRadius);
+    var newHorizontal = parsed.horizontal.map(function (val) {
+      return val !== 0 ? Math.max(0, val + offset) : 0;
+    });
+    var newVertical = parsed.vertical.map(function (val) {
+      return val !== 0 ? Math.max(0, val + offset) : 0;
+    });
+    var format = function format(values) {
+      return values.map(function (v) {
+        return "".concat(v, "px");
+      }).join(' ');
+    };
+    var horizontalStr = format(newHorizontal);
+    var verticalStr = format(newVertical);
+    return horizontalStr === verticalStr ? horizontalStr : "".concat(horizontalStr, " / ").concat(verticalStr);
+  } catch (error) {
+    return '';
+  }
+};
+export var findRootElement = function findRootElement(ref) {
+  var _currentElement;
+  if (!ref.current) {
+    return '';
+  }
+  var currentElement = ref.current;
+  while (currentElement !== null && currentElement !== document.documentElement) {
+    if (currentElement.hasAttribute('data-root')) {
+      return {
+        current: currentElement
+      };
+    }
+    var parent = currentElement.parentElement;
+    if (parent === null) {
+      break;
+    }
+    currentElement = parent;
+  }
+  if ((_currentElement = currentElement) !== null && _currentElement !== void 0 && _currentElement.hasAttribute('data-root')) {
+    return {
+      current: currentElement
+    };
+  }
+  return ref;
 };

package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx

@@ -2,10 +2,12 @@ import React, { useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import styled from 'styled-components';
 
+import { IconArrowDown } from '../../../../components/_Icon';
 import { linkConfig } from '../../../../components/Link';
 import { mergeConfig } from '../../../../engines';
 import { WithTheme, argTypesFromConfig } from '../../../_helpers';
 import { Button } from '../Button/Button';
+import { TextArea } from '../TextArea/TextArea';
 
 import { config } from './Tour.config';
 import { Tour } from './Tour';
@@ -113,10 +115,11 @@ const TourCard: React.FC<{
 };
 
 const StoryDefault = (args) => {
-    const ref1 = useRef<HTMLButtonElement>(null);
+    const ref1 = useRef<HTMLTextAreaElement>(null);
     const ref2 = useRef<HTMLButtonElement>(null);
-    const ref3 = useRef<HTMLButtonElement>(null);
-    const ref4 = useRef<HTMLButtonElement>(null);
+    const ref3 = useRef<HTMLDivElement>(null);
+    const ref4 = useRef<HTMLDivElement>(null);
+    const ref5 = useRef<HTMLDivElement>(null);
     const [open, setOpen] = useState(false);
     const [current, setCurrent] = useState(0);
 
@@ -139,7 +142,7 @@ const StoryDefault = (args) => {
                     onClose={onClose}
                 />
             ),
-            placement: 'right',
+            placement: 'bottom',
         },
         {
             target: ref2,
@@ -187,13 +190,30 @@ const StoryDefault = (args) => {
             ),
             placement: 'left',
         },
+        {
+            target: ref5,
+            renderItem: () => (
+                <TourCard
+                    title="Первый шаг"
+                    description="Нажмите кнопку, чтобы продолжить"
+                    index={4}
+                    last={current === steps.length - 1}
+                    total={steps.length}
+                    onNext={onNext}
+                    onPrev={onPrev}
+                    onClose={onClose}
+                />
+            ),
+            placement: 'left',
+            borderRadius: 'fixed',
+        },
     ];
 
     return (
         <div
             style={{
                 width: '100%',
-                height: '110vh',
+                height: '100vh',
                 display: 'flex',
                 justifyContent: 'space-between',
                 flexDirection: 'column',
@@ -207,7 +227,16 @@ const StoryDefault = (args) => {
                     justifyContent: 'space-between',
                 }}
             >
-                <Button ref={ref1}>Блок 1</Button>
+                <TextArea
+                    ref={ref1}
+                    rightHelper={
+                        <div ref={ref5} style={{ cursor: 'pointer', transform: 'rotate(-90deg)' }}>
+                            <IconArrowDown />
+                        </div>
+                    }
+                    rows={10}
+                    cols={20}
+                />
                 <Button ref={ref2}>Блок 2</Button>
             </div>
             <Button onClick={() => setOpen(true)}>Запуск тура</Button>
@@ -219,8 +248,25 @@ const StoryDefault = (args) => {
                     justifyContent: 'space-between',
                 }}
             >
-                <Button ref={ref3}>Блок 3</Button>
-                <Button ref={ref4}>Блок 4</Button>
+                <div
+                    style={{
+                        background: 'black',
+                        width: '100px',
+                        height: '100px',
+                        borderRadius: '50%',
+                    }}
+                    ref={ref3}
+                />
+                <div
+                    style={{
+                        background: 'black',
+                        width: '100px',
+                        height: '100px',
+                    }}
+                    ref={ref4}
+                >
+                    Блок 4
+                </div>
             </div>
 
             <Tour

package/types/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FA2T9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA7TQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgWnF,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FA4T9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA9TQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiWnF,CAAC"}

package/types/components/TextArea/TextArea.tokens.d.ts

@@ -255,5 +255,6 @@ export declare const tokens: {
     tooltipArrowHeight: string;
     tooltipArrowEdgeMargin: string;
     tooltipArrowBackground: string;
+    tourBorderRadius: string;
 };
 //# sourceMappingURL=TextArea.tokens.d.ts.map

package/types/components/TextArea/TextArea.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;;;;CAMhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,qCAAqC;;IAErC,uDAAuD;;IAEvD,wDAAwD;;IAExD,uDAAuD;;IAEvD,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;;;;IAOxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;;IAGlD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;;IAIzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;;IAGrE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,8FAA8F;;IAE9F,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;IAGtD,WAAW;;;IAKX,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B5B,CAAC"}
+{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;;;;CAMhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,qCAAqC;;IAErC,uDAAuD;;IAEvD,wDAAwD;;IAExD,uDAAuD;;IAEvD,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;;;;IAOxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;;IAGlD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;;IAIzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;;IAGrE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,8FAA8F;;IAE9F,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;IAGtD,WAAW;;;IAKX,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC5B,CAAC"}

package/types/components/TextArea/variations/_size/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}

package/types/components/Tour/Tour.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,qFA4M9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA9MQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CA+NlE,CAAC"}
+{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,qFAsN9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAxNQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CAyOlE,CAAC"}

package/types/components/Tour/Tour.styles.d.ts

@@ -4,6 +4,7 @@ export declare const MaskContainer: import("@linaria/react").StyledComponent<imp
 export declare const Mask: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Highlight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     overlayColor?: string;
+    borderRadius?: string | null;
 }>;
 export declare const TourPortal: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=Tour.styles.d.ts.map

package/types/components/Tour/Tour.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;YAAwB,MAAM,GAAG,MAAM;EAEhE,CAAC;AAEF,eAAO,MAAM,IAAI,qKAIhB,CAAC;AAEF,eAAO,MAAM,SAAS;mBAA+B,MAAM;EAQ1D,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC"}
+{"version":3,"file":"Tour.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;YAAwB,MAAM,GAAG,MAAM;EAEhE,CAAC;AAEF,eAAO,MAAM,IAAI,qKAIhB,CAAC;AAEF,eAAO,MAAM,SAAS;mBAA+B,MAAM;mBAAiB,MAAM,GAAG,IAAI;EAQxF,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC"}

package/types/components/Tour/Tour.types.d.ts

@@ -12,6 +12,10 @@ export interface TourStep {
      * Позиционирование карточки
      */
     placement?: string;
+    /**
+     * Скругление углов
+     */
+    borderRadius?: 'auto' | 'fixed';
 }
 export interface TourProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
@@ -74,5 +78,9 @@ export interface TourProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
      * Цвет фона у тура
      */
     overlayColor?: string;
+    /**
+     * Кастомный Overlay
+     */
+    overlay?: ReactNode;
 }
 //# sourceMappingURL=Tour.types.d.ts.map

package/types/components/Tour/Tour.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,QAAQ;IACrB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,SAAS,CAAC;IACxE;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB"}
+{"version":3,"file":"Tour.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,QAAQ;IACrB;;OAEG;IACH,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,SAAS,CAAC;IACxE;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB"}

package/types/components/Tour/utils/index.d.ts

@@ -1,2 +1,4 @@
 export declare const getHTMLElement: (target: string | React.RefObject<HTMLElement> | HTMLElement) => HTMLElement | null;
+export declare const getIncreasedRadius: (ref: React.RefObject<HTMLElement>, offset: number) => string;
+export declare const findRootElement: (ref: React.RefObject<HTMLElement>) => React.RefObject<HTMLElement> | "";
 //# sourceMappingURL=index.d.ts.map

package/types/components/Tour/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tour/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,WAAY,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,KAAG,WAAW,GAAG,IAW1G,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tour/utils/index.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,WAAY,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,WAAW,KAAG,WAAW,GAAG,IAW1G,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU,MAAM,KAAG,MAwEtF,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EA0BlG,CAAC"}

package/cjs/components/TextArea/variations/_size/base_x642ct.css

@@ -1 +0,0 @@
-

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

@@ -1,4 +0,0 @@
-.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/es/components/TextArea/variations/_size/base_x642ct.css

@@ -1 +0,0 @@
-

package/es/components/Tour/Tour.styles_1ks2isn.css

@@ -1,4 +0,0 @@
-.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;}