@salutejs/plasma-new-hope 0.88.0-canary.1223.9505247307.0 → 0.88.0-canary.1224.9504044130.0

package/es/components/DatePicker/SingleDate/DatePicker.styles.js

@@ -0,0 +1,43 @@
+import './DatePicker.styles_1reoff2.css';
+import { styled } from '@linaria/react';
+import '@linaria/core';
+import { component, mergeConfig } from '../../../engines/common.js';
+import { textFieldConfig } from '../../TextField/TextField.js';
+import { popoverConfig } from '../../Popover/Popover.js';
+
+var mergedTextFieldConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
+var TextField = /*#__PURE__*/component(mergedTextFieldConfig);
+var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
+var Popover = /*#__PURE__*/component(mergedPopoverConfig);
+var _exp = function _exp() {
+  return Popover;
+};
+var StyledPopover = /*#__PURE__*/styled(_exp())({
+  name: "StyledPopover",
+  "class": "s1nquyul",
+  propsAsIs: true
+});
+
+// NOTE: переопределение токенов TextField
+var _exp2 = function _exp2() {
+  return TextField;
+};
+var StyledInput = /*#__PURE__*/styled(_exp2())({
+  name: "StyledInput",
+  "class": "s1jzsihc",
+  propsAsIs: true
+});
+var base = "b1m02sw3";
+var StyledLabel = /*#__PURE__*/styled('label')({
+  name: "StyledLabel",
+  "class": "s1k0v87d",
+  propsAsIs: false
+});
+var LeftHelper = /*#__PURE__*/styled('div')({
+  name: "LeftHelper",
+  "class": "l1kt76cl",
+  propsAsIs: false
+});
+
+export { LeftHelper, StyledInput, StyledLabel, StyledPopover, base };
+//# sourceMappingURL=DatePicker.styles.js.map

package/es/components/DatePicker/SingleDate/DatePicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.styles.js","sources":["../../../../src/components/DatePicker/SingleDate/DatePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../TextField';\nimport { classes, tokens } from '../DatePicker.tokens';\nimport { popoverConfig } from '../../Popover';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`        \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n    ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n    \n    ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n    ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n    ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n    ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n    ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n    \n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    &.${classes.datePickerError} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n    }\n\n    &.${classes.datePickerSuccess} {\n        ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n        ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n        ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n        \n        ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n        ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n        ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n    }\n`;\n\nexport const base = css`\n    display: inline-block;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const LeftHelper = styled.div``;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","StyledLabel","LeftHelper"],"mappings":";;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAX7BA,SAW6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;;AAE9C;AAAA,IAAAC,KAAA,GAfkBA,SAelBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6DhC,EAAA;AAEM,IAAMG,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}

package/es/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css

@@ -0,0 +1,5 @@
+
+.s1jzsihc{--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);}.s1jzsihc.date-picker-error{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.s1jzsihc.date-picker-success{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
+.b1m02sw3{display:inline-block;}
+
+

package/es/components/DatePicker/SingleDate/variations/_disabled/base.js

@@ -0,0 +1,5 @@
+import './base_1rfgfsz.css';
+var base = "bl4tpwr";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/DatePicker/SingleDate/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../DatePicker.tokens';\n\nexport const base = css`\n    &[disabled] {\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}

package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css

@@ -0,0 +1 @@
+.bl4tpwr[disabled]{opacity:var(--plasma-date-picker-disabled-opacity);cursor:not-allowed;}

package/es/components/DatePicker/SingleDate/variations/_readonly/base.js

@@ -0,0 +1,5 @@
+import './base_ayigv4.css';
+var base = "b160pc19";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/DatePicker/SingleDate/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../DatePicker.tokens';\nimport { LeftHelper, StyledLabel } from '../../DatePicker.styles';\n\nexport const base = css`\n    &[readonly] {\n        cursor: default;\n\n        ${StyledLabel} {\n            display: block;\n            color: var(${tokens.labelColorReadOnly});\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAahB;;;;"}

package/es/components/DatePicker/SingleDate/variations/_readonly/base_ayigv4.css

@@ -0,0 +1 @@
+.b160pc19[readonly]{cursor:default;}.b160pc19[readonly] .s1k0v87d{display:block;color:var(--plasma-date-picker__label-color-readonly);}.b160pc19[readonly] .l1kt76cl{color:var(--plasma-date-picker__left-helper-color-readonly);}

package/es/components/DatePicker/SingleDate/variations/_size/base.js

@@ -0,0 +1,5 @@
+import './base_jrds3p.css';
+var base = "bjvjzuw";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/DatePicker/SingleDate/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/DatePicker/SingleDate/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../DatePicker.tokens';\nimport { StyledLabel, LeftHelper } from '../../DatePicker.styles';\n\nexport const base = css`\n    width: var(${tokens.width});\n\n    ${StyledLabel} {\n        margin: var(${tokens.labelOffset});\n\n        font-family: var(${tokens.labelFontFamily});\n        font-size: var(${tokens.labelFontSize});\n        font-style: var(${tokens.labelFontStyle});\n        font-weight: var(${tokens.labelFontWeight});\n        letter-spacing: var(${tokens.labelLetterSpacing});\n        line-height: var(${tokens.labelLineHeight});\n    }\n\n    ${LeftHelper} {\n        margin: var(${tokens.leftHelperOffset});\n\n        font-family: var(${tokens.leftHelperFontFamily});\n        font-size: var(${tokens.leftHelperFontSize});\n        font-style: var(${tokens.leftHelperFontStyle});\n        font-weight: var(${tokens.leftHelperFontWeight});\n        letter-spacing: var(${tokens.leftHelperLetterSpacing});\n        line-height: var(${tokens.leftHelperLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAwBhB;;;;"}

package/es/components/DatePicker/SingleDate/variations/_size/base_jrds3p.css

@@ -0,0 +1 @@
+.bjvjzuw{width:var(--plasma-date-picker-width);}.bjvjzuw .s1k0v87d{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.bjvjzuw .l1kt76cl{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}

package/es/components/DatePicker/SingleDate/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_163gwfv.css';
+var base = "bgt8q06";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/DatePicker/SingleDate/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/DatePicker/SingleDate/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { LeftHelper, StyledLabel } from '../../DatePicker.styles';\nimport { tokens } from '../../../DatePicker.tokens';\n\nexport const base = css`\n    ${StyledLabel} {\n        display: block;\n        color: var(${tokens.labelColor});\n    }\n\n    ${LeftHelper} {\n        color: var(${tokens.leftHelperColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAShB;;;;"}

package/es/components/DatePicker/SingleDate/variations/_view/base_163gwfv.css

@@ -0,0 +1 @@
+.bgt8q06 .s1k0v87d{display:block;color:var(--plasma-date-picker__label-color);}.bgt8q06 .l1kt76cl{color:var(--plasma-date-picker__left-helper-color);}

package/es/components/DatePicker/hooks/useDatePicker.js

@@ -0,0 +1,75 @@
+import { classes } from '../DatePicker.tokens.js';
+import { getMaskedDateOnInput, formatCalendarValue, formatInputValue, getDateFromFormat } from '../utils/dateHelper.js';
+
+var useDatePicker = function useDatePicker(_ref) {
+  var currentValue = _ref.currentValue,
+    setInputValue = _ref.setInputValue,
+    setCalendarValue = _ref.setCalendarValue,
+    setIsInnerOpen = _ref.setIsInnerOpen,
+    dateFormatDelimiter = _ref.dateFormatDelimiter,
+    format = _ref.format,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    maskWithFormat = _ref.maskWithFormat,
+    valueError = _ref.valueError,
+    valueSuccess = _ref.valueSuccess,
+    inputRef = _ref.inputRef,
+    onToggle = _ref.onToggle,
+    onChangeValue = _ref.onChangeValue,
+    onCommitDate = _ref.onCommitDate;
+  var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
+  var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
+  var handleToggle = function handleToggle(opened, event) {
+    if (disabled || readOnly) {
+      return;
+    }
+    var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? true : opened;
+    if (onToggle) {
+      return onToggle(isCalendarOpen, event);
+    }
+    setIsInnerOpen(isCalendarOpen);
+  };
+  var handleChangeValue = function handleChangeValue(event) {
+    if (disabled || readOnly) {
+      return;
+    }
+    var value = event.target.value;
+    var newValue = maskWithFormat ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue) : value;
+    setCalendarValue(formatCalendarValue(newValue, format));
+    setInputValue(formatInputValue(newValue, format));
+    onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+  };
+  var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue) {
+    if (disabled || readOnly) {
+      return;
+    }
+    if (!date) {
+      setCalendarValue(undefined);
+      setInputValue('');
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
+    }
+    if (isCalendarValue) {
+      setCalendarValue(formatCalendarValue(date, format));
+      setInputValue(formatInputValue(date, format));
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true);
+    }
+    var formatString = applyFormat ? format : undefined;
+    var _getDateFromFormat = getDateFromFormat(date, formatString),
+      newDate = _getDateFromFormat.value,
+      isError = _getDateFromFormat.isError,
+      isSuccess = _getDateFromFormat.isSuccess;
+    setCalendarValue(formatCalendarValue(newDate, format));
+    setInputValue(formatInputValue(newDate, format));
+    onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
+  };
+  return {
+    datePickerErrorClass: datePickerErrorClass,
+    datePickerSuccessClass: datePickerSuccessClass,
+    handleToggle: handleToggle,
+    handleChangeValue: handleChangeValue,
+    handleCommitDate: handleCommitDate
+  };
+};
+
+export { useDatePicker };
+//# sourceMappingURL=useDatePicker.js.map

package/es/components/DatePicker/hooks/useDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent, SyntheticEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';\n\nexport const useDatePicker = ({\n    currentValue,\n    setInputValue,\n    setCalendarValue,\n    setIsInnerOpen,\n    dateFormatDelimiter,\n    format,\n    disabled,\n    readOnly,\n    maskWithFormat,\n    valueError,\n    valueSuccess,\n    inputRef,\n    onToggle,\n    onChangeValue,\n    onCommitDate,\n}: UseDatePickerProps) => {\n    const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n    const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n    const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        const isCalendarOpen = event.target === inputRef?.current ? true : opened;\n\n        if (onToggle) {\n            return onToggle(isCalendarOpen, event);\n        }\n\n        setIsInnerOpen(isCalendarOpen);\n    };\n\n    const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) {\n            return;\n        }\n        const { value } = event.target;\n\n        const newValue = maskWithFormat\n            ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n            : value;\n\n        setCalendarValue(formatCalendarValue(newValue, format));\n        setInputValue(formatInputValue(newValue, format));\n\n        onChangeValue?.(event, newValue);\n    };\n\n    const handleCommitDate = (date?: Date | string, applyFormat?: boolean, isCalendarValue?: boolean) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (!date) {\n            setCalendarValue(undefined);\n            setInputValue('');\n\n            return onCommitDate?.('', false, true);\n        }\n\n        if (isCalendarValue) {\n            setCalendarValue(formatCalendarValue(date, format));\n            setInputValue(formatInputValue(date, format));\n\n            return onCommitDate?.(date, false, true);\n        }\n\n        const formatString = applyFormat ? format : undefined;\n\n        const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString);\n\n        setCalendarValue(formatCalendarValue(newDate, format));\n        setInputValue(formatInputValue(newDate, format));\n\n        onCommitDate?.(newDate, isError, isSuccess);\n    };\n\n    return {\n        datePickerErrorClass,\n        datePickerSuccessClass,\n        handleToggle,\n        handleChangeValue,\n        handleCommitDate,\n    };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","setIsInnerOpen","dateFormatDelimiter","format","disabled","readOnly","maskWithFormat","valueError","valueSuccess","inputRef","onToggle","onChangeValue","onCommitDate","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleToggle","opened","event","isCalendarOpen","target","current","handleChangeValue","value","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","handleCommitDate","date","applyFormat","isCalendarValue","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}

package/es/components/DatePicker/utils/dateHelper.js

@@ -0,0 +1,76 @@
+import { customDayjs } from '../../../utils/datejs.js';
+
+var formatInputValue = function formatInputValue(value, format) {
+  if (!value) {
+    return '';
+  }
+  if (format && customDayjs(value, format, true).isValid()) {
+    return customDayjs(value, format).format(format);
+  }
+  if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {
+    return customDayjs(value).format(format);
+  }
+  return String(value);
+};
+var formatCalendarValue = function formatCalendarValue(value, format) {
+  if (!value) {
+    return undefined;
+  }
+  if (format && customDayjs(value, format, true).isValid()) {
+    return customDayjs(value, format, true).toDate();
+  }
+  if (String(new Date(value)) !== 'Invalid Date') {
+    return customDayjs(value).toDate();
+  }
+  return undefined;
+};
+var getDateFromFormat = function getDateFromFormat(value, format) {
+  if (format && customDayjs(value, format, true).isValid()) {
+    return {
+      value: customDayjs(value, format, true).toDate(),
+      isError: false,
+      isSuccess: true
+    };
+  }
+  if (!format && String(new Date(value)) !== 'Invalid Date') {
+    return {
+      value: customDayjs(value).toDate(),
+      isError: false,
+      isSuccess: true
+    };
+  }
+  return {
+    value: value,
+    isError: true,
+    isSuccess: false
+  };
+};
+var getDateFormatDelimiter = function getDateFormatDelimiter(format) {
+  var _format$match;
+  if (!format) {
+    return '';
+  }
+  var delimiter = (_format$match = format.match(/[^a-zA-Z0-9]/)) === null || _format$match === void 0 ? void 0 : _format$match[0];
+  return delimiter !== null && delimiter !== void 0 ? delimiter : '';
+};
+var getMaskedDateOnInput = function getMaskedDateOnInput(value, format, delimiter, prevValue) {
+  if (!value) {
+    return '';
+  }
+  if (!format || !delimiter) {
+    return value;
+  }
+  if (value.length >= format.length) {
+    return value.slice(0, format.length);
+  }
+  if (prevValue && value.length < prevValue.length && (prevValue === null || prevValue === void 0 ? void 0 : prevValue[value.length]) === delimiter) {
+    return value.slice(0, -1);
+  }
+  if ((format === null || format === void 0 ? void 0 : format[value.length]) === delimiter) {
+    return value + delimiter;
+  }
+  return value;
+};
+
+export { formatCalendarValue, formatInputValue, getDateFormatDelimiter, getDateFromFormat, getMaskedDateOnInput };
+//# sourceMappingURL=dateHelper.js.map

package/es/components/DatePicker/utils/dateHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateHelper.js","sources":["../../../../src/components/DatePicker/utils/dateHelper.ts"],"sourcesContent":["import { customDayjs } from '../../../utils/datejs';\n\nexport const formatInputValue = (value?: Date | string, format?: string) => {\n    if (!value) {\n        return '';\n    }\n\n    if (format && customDayjs(value, format, true).isValid()) {\n        return customDayjs(value, format).format(format);\n    }\n\n    if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {\n        return customDayjs(value).format(format);\n    }\n\n    return String(value);\n};\n\nexport const formatCalendarValue = (value?: Date | string, format?: string) => {\n    if (!value) {\n        return undefined;\n    }\n\n    if (format && customDayjs(value, format, true).isValid()) {\n        return customDayjs(value, format, true).toDate();\n    }\n\n    if (String(new Date(value)) !== 'Invalid Date') {\n        return customDayjs(value).toDate();\n    }\n\n    return undefined;\n};\n\nexport const getDateFromFormat = (value: Date | string, format?: string) => {\n    if (format && customDayjs(value, format, true).isValid()) {\n        return { value: customDayjs(value, format, true).toDate(), isError: false, isSuccess: true };\n    }\n\n    if (!format && String(new Date(value)) !== 'Invalid Date') {\n        return { value: customDayjs(value).toDate(), isError: false, isSuccess: true };\n    }\n\n    return { value, isError: true, isSuccess: false };\n};\n\nexport const getDateFormatDelimiter = (format?: string) => {\n    if (!format) {\n        return '';\n    }\n\n    const delimiter = format.match(/[^a-zA-Z0-9]/)?.[0];\n\n    return delimiter ?? '';\n};\n\nexport const getMaskedDateOnInput = (value?: string, format?: string, delimiter?: string, prevValue?: string) => {\n    if (!value) {\n        return '';\n    }\n\n    if (!format || !delimiter) {\n        return value;\n    }\n\n    if (value.length >= format.length) {\n        return value.slice(0, format.length);\n    }\n\n    if (prevValue && value.length < prevValue.length && prevValue?.[value.length] === delimiter) {\n        return value.slice(0, -1);\n    }\n\n    if (format?.[value.length] === delimiter) {\n        return value + delimiter;\n    }\n\n    return value;\n};\n"],"names":["formatInputValue","value","format","customDayjs","isValid","String","length","Date","formatCalendarValue","undefined","toDate","getDateFromFormat","isError","isSuccess","getDateFormatDelimiter","_format$match","delimiter","match","getMaskedDateOnInput","prevValue","slice"],"mappings":"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"}

package/es/components/Dropdown/Dropdown.js

@@ -7,7 +7,7 @@ import '@salutejs/plasma-core';
 import '@linaria/react';
 import { classes } from './Dropdown.tokens.js';
 import { DropdownInner } from './ui/DropdownInner/DropdownInner.js';
-import { getPlacements, childrenWithProps } from './utils/index.js';
+import { childrenWithProps } from './utils/index.js';
 import 'focus-visible';
 import 'styled-components';
 import '@linaria/core';
@@ -18,6 +18,7 @@ import { base as base$2 } from './variations/_size/base.js';
 import { StyledPopover, Ul, base } from './Dropdown.styles.js';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
 import { useHashMaps } from './hooks/useHashMaps.js';
+import { getPlacements } from '../../utils/getPopoverPlacement.js';
 
 var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow"];
 

package/es/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, StyledPopover, base } from './Dropdown.styles';\nimport { getPlacements, childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                items,\n                children,\n                placement = 'bottom',\n                offset = [0, 0],\n                closeOnOverlayClick = true,\n                onToggle,\n                size,\n                view,\n                itemRole = 'treeitem',\n                className,\n                listWidth,\n                listHeight,\n                listOverflow,\n                closeOnSelect = true,\n                onHover,\n                onItemSelect,\n                onItemClick,\n                trigger = 'click',\n                variant = 'normal',\n                hasArrow = true,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [path, dispatchPath] = useReducer(pathReducer, []);\n            const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n            const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n            const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n                if (opened) {\n                    dispatchPath({ type: 'opened_first_level' });\n                } else {\n                    dispatchFocusedPath({ type: 'reset' });\n                    dispatchPath({ type: 'reset' });\n                }\n\n                if (onToggle) {\n                    onToggle(opened, event);\n                }\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                focusedPath,\n                dispatchFocusedPath,\n                path,\n                dispatchPath,\n                pathMap,\n                focusedToValueMap,\n                handleGlobalToggle,\n                closeOnSelect,\n                onItemSelect,\n                onItemClick,\n            });\n\n            const isCurrentListOpen = Boolean(path[0]);\n\n            const getActiveDescendant = () => {\n                const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n                return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n            };\n\n            return (\n                <Root\n                    className={cx(className, classes.dropdownRoot)}\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    items={items}\n                    {...rest}\n                >\n                    <StyledPopover\n                        isOpen={isCurrentListOpen}\n                        usePortal={false}\n                        onToggle={handleGlobalToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger={trigger}\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={childrenWithProps(children, {\n                            role: 'combobox',\n                            'aria-controls': 'tree_level_1',\n                            'aria-expanded': isCurrentListOpen,\n                            'aria-activedescendant': getActiveDescendant(),\n                            onKeyDown,\n                        })}\n                        preventOverflow={false}\n                    >\n                        <Ul\n                            listHeight={listHeight}\n                            listOverflow={listOverflow}\n                            role=\"tree\"\n                            id=\"tree_level_1\"\n                            listWidth={listWidth}\n                        >\n                            {items.map((item, index) => (\n                                <DropdownInner\n                                    key={`${index}/0`}\n                                    item={item}\n                                    currentLevel={0}\n                                    focusedPath={focusedPath}\n                                    trigger={trigger}\n                                    path={path}\n                                    dispatchPath={dispatchPath}\n                                    index={index}\n                                    itemRole={itemRole}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    handleGlobalToggle={handleGlobalToggle}\n                                    closeOnSelect={closeOnSelect}\n                                    onHover={onHover}\n                                    onItemSelect={onItemSelect}\n                                    onItemClick={onItemClick}\n                                    listWidth={listWidth}\n                                    variant={variant}\n                                    hasArrow={hasArrow}\n                                />\n                            ))}\n                        </Ul>\n                    </StyledPopover>\n                </Root>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\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":["dropdownRoot","Root","forwardRef","_ref","ref","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","_extends","cx","classes","StyledPopover","isOpen","usePortal","getPlacements","isFocusTrapped","target","childrenWithProps","role","preventOverflow","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useReducer } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, StyledPopover, base } from './Dropdown.styles';\nimport { childrenWithProps } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                items,\n                children,\n                placement = 'bottom',\n                offset = [0, 0],\n                closeOnOverlayClick = true,\n                onToggle,\n                size,\n                view,\n                itemRole = 'treeitem',\n                className,\n                listWidth,\n                listHeight,\n                listOverflow,\n                closeOnSelect = true,\n                onHover,\n                onItemSelect,\n                onItemClick,\n                trigger = 'click',\n                variant = 'normal',\n                hasArrow = true,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [path, dispatchPath] = useReducer(pathReducer, []);\n            const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n            const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n            const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n                if (opened) {\n                    dispatchPath({ type: 'opened_first_level' });\n                } else {\n                    dispatchFocusedPath({ type: 'reset' });\n                    dispatchPath({ type: 'reset' });\n                }\n\n                if (onToggle) {\n                    onToggle(opened, event);\n                }\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                focusedPath,\n                dispatchFocusedPath,\n                path,\n                dispatchPath,\n                pathMap,\n                focusedToValueMap,\n                handleGlobalToggle,\n                closeOnSelect,\n                onItemSelect,\n                onItemClick,\n            });\n\n            const isCurrentListOpen = Boolean(path[0]);\n\n            const getActiveDescendant = () => {\n                const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n                return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n            };\n\n            return (\n                <Root\n                    className={cx(className, classes.dropdownRoot)}\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    items={items}\n                    {...rest}\n                >\n                    <StyledPopover\n                        isOpen={isCurrentListOpen}\n                        usePortal={false}\n                        onToggle={handleGlobalToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger={trigger}\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={childrenWithProps(children, {\n                            role: 'combobox',\n                            'aria-controls': 'tree_level_1',\n                            'aria-expanded': isCurrentListOpen,\n                            'aria-activedescendant': getActiveDescendant(),\n                            onKeyDown,\n                        })}\n                        preventOverflow={false}\n                    >\n                        <Ul\n                            listHeight={listHeight}\n                            listOverflow={listOverflow}\n                            role=\"tree\"\n                            id=\"tree_level_1\"\n                            listWidth={listWidth}\n                        >\n                            {items.map((item, index) => (\n                                <DropdownInner\n                                    key={`${index}/0`}\n                                    item={item}\n                                    currentLevel={0}\n                                    focusedPath={focusedPath}\n                                    trigger={trigger}\n                                    path={path}\n                                    dispatchPath={dispatchPath}\n                                    index={index}\n                                    itemRole={itemRole}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    handleGlobalToggle={handleGlobalToggle}\n                                    closeOnSelect={closeOnSelect}\n                                    onHover={onHover}\n                                    onItemSelect={onItemSelect}\n                                    onItemClick={onItemClick}\n                                    listWidth={listWidth}\n                                    variant={variant}\n                                    hasArrow={hasArrow}\n                                />\n                            ))}\n                        </Ul>\n                    </StyledPopover>\n                </Root>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\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":["dropdownRoot","Root","forwardRef","_ref","ref","items","children","_ref$placement","placement","_ref$offset","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$variant","variant","_ref$hasArrow","hasArrow","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","handleGlobalToggle","opened","event","type","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","value","toString","React","createElement","_extends","cx","classes","StyledPopover","isOpen","usePortal","getPlacements","isFocusTrapped","target","childrenWithProps","role","preventOverflow","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Dropdown/utils/index.js

@@ -1,21 +1,6 @@
 import { typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { Children, isValidElement, cloneElement } from 'react';
 
-var getPlacement = function getPlacement(placement) {
-  return "".concat(placement, "-start");
-};
-var getPlacements = function getPlacements(placements) {
-  if (!placements) {
-    return;
-  }
-  var isArray = Array.isArray(placements);
-  if (!isArray) {
-    return getPlacement(placements);
-  }
-  return (placements || []).map(function (placement) {
-    return getPlacement(placement);
-  });
-};
 var getCorrectHeight = function getCorrectHeight(listHeight) {
   if (Number.isNaN(Number(listHeight))) {
     return listHeight.toString();
@@ -44,5 +29,5 @@ var getValidComponent = function getValidComponent(element, props) {
   return element;
 };
 
-export { childrenWithProps, getCorrectHeight, getPlacement, getPlacements, getValidComponent };
+export { childrenWithProps, getCorrectHeight, getValidComponent };
 //# sourceMappingURL=index.js.map

package/es/components/Dropdown/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { Children, HTMLAttributes, ElementType, cloneElement, isValidElement } from 'react';\n\nimport type { PopoverPlacementBasic } from '../../Popover';\nimport type { DropdownPlacement, DropdownPlacementBasic, DropdownProps } from '../Dropdown.types';\n\nexport const getPlacement = (placement: DropdownPlacement) => {\n    return `${placement}-start` as PopoverPlacementBasic;\n};\n\nexport const getPlacements = (placements?: DropdownPlacement | DropdownPlacementBasic[]) => {\n    if (!placements) {\n        return;\n    }\n    const isArray = Array.isArray(placements);\n\n    if (!isArray) {\n        return getPlacement(placements as DropdownPlacement);\n    }\n    return ((placements || []) as DropdownPlacementBasic[]).map((placement) => getPlacement(placement));\n};\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n    if (Number.isNaN(Number(listHeight))) {\n        return listHeight.toString();\n    }\n    return `${listHeight}rem`;\n};\n\nexport const childrenWithProps = (children: ReactNode, additionalProps: HTMLAttributes<HTMLLIElement>) =>\n    Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n            return React.cloneElement(child, additionalProps);\n        }\n        return child;\n    });\n\nconst isReactObject = (element: any): element is ElementType => {\n    return typeof element === 'object' || typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType | ReactNode, props: object) => {\n    if (isValidElement(element)) {\n        return cloneElement(element, props);\n    }\n\n    if (isReactObject(element)) {\n        const Component = element;\n\n        return <Component {...props} />;\n    }\n\n    return element;\n};\n"],"names":["getPlacement","placement","concat","getPlacements","placements","isArray","Array","map","getCorrectHeight","listHeight","Number","isNaN","toString","childrenWithProps","children","additionalProps","Children","child","React","isValidElement","cloneElement","isReactObject","element","_typeof","getValidComponent","props","Component","createElement"],"mappings":";;;IAMaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,SAA4B,EAAK;EAC1D,OAAAC,EAAAA,CAAAA,MAAA,CAAUD,SAAS,EAAA,QAAA,CAAA,CAAA;AACvB,EAAC;IAEYE,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,UAAyD,EAAK;EACxF,IAAI,CAACA,UAAU,EAAE;AACb,IAAA,OAAA;AACJ,GAAA;AACA,EAAA,IAAMC,OAAO,GAAGC,KAAK,CAACD,OAAO,CAACD,UAAU,CAAC,CAAA;EAEzC,IAAI,CAACC,OAAO,EAAE;IACV,OAAOL,YAAY,CAACI,UAA+B,CAAC,CAAA;AACxD,GAAA;EACA,OAAO,CAAEA,UAAU,IAAI,EAAE,EAA+BG,GAAG,CAAC,UAACN,SAAS,EAAA;IAAA,OAAKD,YAAY,CAACC,SAAS,CAAC,CAAA;GAAC,CAAA,CAAA;AACvG,EAAC;IAEYO,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAV,EAAAA,CAAAA,MAAA,CAAUO,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB,EAAC;AAEM,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAmB,EAAEC,eAA8C,EAAA;EAAA,OACjGC,QAAQ,CAACT,GAAG,CAACO,QAAQ,EAAE,UAACG,KAAK,EAAK;AAC9B,IAAA,kBAAIC,KAAK,CAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AAC7B,MAAA,oBAAOC,KAAK,CAACE,YAAY,CAACH,KAAK,EAAEF,eAAe,CAAC,CAAA;AACrD,KAAA;AACA,IAAA,OAAOE,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AAAA,EAAA;AAEN,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,OAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIN,cAAc,CAACG,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOF,YAAY,CAACE,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMI,SAAS,GAAGJ,OAAO,CAAA;AAEzB,IAAA,oBAAOJ,KAAA,CAAAS,aAAA,CAACD,SAAS,EAAKD,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { Children, HTMLAttributes, ElementType, cloneElement, isValidElement } from 'react';\n\nimport type { DropdownProps } from '../Dropdown.types';\n\nexport const getCorrectHeight = (listHeight: Required<DropdownProps>['listHeight']): string => {\n    if (Number.isNaN(Number(listHeight))) {\n        return listHeight.toString();\n    }\n    return `${listHeight}rem`;\n};\n\nexport const childrenWithProps = (children: ReactNode, additionalProps: HTMLAttributes<HTMLLIElement>) =>\n    Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n            return React.cloneElement(child, additionalProps);\n        }\n        return child;\n    });\n\nconst isReactObject = (element: any): element is ElementType => {\n    return typeof element === 'object' || typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType | ReactNode, props: object) => {\n    if (isValidElement(element)) {\n        return cloneElement(element, props);\n    }\n\n    if (isReactObject(element)) {\n        const Component = element;\n\n        return <Component {...props} />;\n    }\n\n    return element;\n};\n"],"names":["getCorrectHeight","listHeight","Number","isNaN","toString","concat","childrenWithProps","children","additionalProps","Children","map","child","React","isValidElement","cloneElement","isReactObject","element","_typeof","getValidComponent","props","Component","createElement"],"mappings":";;;IAKaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAiD,EAAa;EAC3F,IAAIC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,UAAU,CAAC,CAAC,EAAE;AAClC,IAAA,OAAOA,UAAU,CAACG,QAAQ,EAAE,CAAA;AAChC,GAAA;EACA,OAAAC,EAAAA,CAAAA,MAAA,CAAUJ,UAAU,EAAA,KAAA,CAAA,CAAA;AACxB,EAAC;AAEM,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,QAAmB,EAAEC,eAA8C,EAAA;EAAA,OACjGC,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAAE,UAACI,KAAK,EAAK;AAC9B,IAAA,kBAAIC,KAAK,CAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AAC7B,MAAA,oBAAOC,KAAK,CAACE,YAAY,CAACH,KAAK,EAAEH,eAAe,CAAC,CAAA;AACrD,KAAA;AACA,IAAA,OAAOG,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AAAA,EAAA;AAEN,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,OAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIN,cAAc,CAACG,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOF,YAAY,CAACE,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMI,SAAS,GAAGJ,OAAO,CAAA;AAEzB,IAAA,oBAAOJ,KAAA,CAAAS,aAAA,CAACD,SAAS,EAAKD,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;"}

package/es/components/Range/Range.css

@@ -10,13 +10,13 @@
 
 .outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
 
-.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_io4bpie__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasChips__fa40a32e{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentLeft__fa40a32e{padding-left:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentRight__fa40a32e{padding-right:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_l13qvwoy__fa40a32e{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_llv9av6__fa40a32e{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e,.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e{margin:var(--plasma-textfield__before-text-margin);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{margin:var(--plasma-textfield__after-text-margin);}
+.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
 
-.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f{color:var(--plasma-textfield-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_llv9av6__71a2b28f{color:var(--plasma-textfield__left-helper-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_s600610__71a2b28f{color:var(--plasma-textfield__before-text-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_suk2zst__71a2b28f{color:var(--plasma-textfield__after-text-color);}
+.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_iq39zt5__e641acbb:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_io4bpie__e641acbb{color:var(--plasma-textfield-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_llv9av6__e641acbb{color:var(--plasma-textfield__left-helper-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_s600610__e641acbb{color:var(--plasma-textfield__before-text-color);}.base_18ea6z7_bptx5xt__e641acbb .base_18ea6z7_suk2zst__e641acbb{color:var(--plasma-textfield__after-text-color);}
 
 .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
 
-.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
+.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_iq39zt5__2c88ab3d:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_io4bpie__2c88ab3d{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_llv9av6__2c88ab3d{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1vu13zn_b1w985rt__2c88ab3d[readonly] .base_1vu13zn_l13qvwoy__2c88ab3d{color:var(--plasma-textfield__label-color-readonly);}
 
 .TextField_styles_aqmut_iq39zt5__4a8fddcd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
 .TextField_styles_aqmut_i1j28rg8__4a8fddcd{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
@@ -53,11 +53,11 @@
 
 .TextField_wctd2m_bpunezx__bc8b464c{display:block;overflow:hidden;}
 
-.Range_styles_mc4w65_s1k2erwt__1561ffb8{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasmas-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_mc4w65_s1k2erwt__1561ffb8.Range_styles_mc4w65_rangeValueError__1561ffb8{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_mc4w65_s1k2erwt__1561ffb8.Range_styles_mc4w65_rangeValueSuccess__1561ffb8{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
+.Range_styles_9rort8_s1k2erwt__3ed127ec{--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_9rort8_s1k2erwt__3ed127ec.Range_styles_9rort8_rangeValueError__3ed127ec{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_9rort8_s1k2erwt__3ed127ec.Range_styles_9rort8_rangeValueSuccess__3ed127ec{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
+.Range_styles_9rort8_b16kyj37__3ed127ec .Range_styles_9rort8_popoverWrapper__3ed127ec{display:block;-webkit-flex:1;-ms-flex:1;flex:1;}.Range_styles_9rort8_b16kyj37__3ed127ec .Range_styles_9rort8_popoverTarget__3ed127ec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 
 
-
-.Range_styles_mc4w65_czi0aji__1561ffb8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.Range_styles_9rort8_czi0aji__3ed127ec{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 
 
 

package/es/components/Range/Range.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useMemo } from 'react';
+import React, { forwardRef, useRef, useImperativeHandle, useMemo } from 'react';
 import { cx } from '../../utils/index.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -52,6 +52,9 @@ var rangeRoot = function rangeRoot(Root) {
       onBlurFirstTextfield = _ref.onBlurFirstTextfield,
       onBlurSecondTextfield = _ref.onBlurSecondTextfield,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var rangeRef = useRef(null);
+    var firstTextFieldRef = useRef(null);
+    var secondTextFieldRef = useRef(null);
     var rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;
     var firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;
     var secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;
@@ -62,6 +65,16 @@ var rangeRoot = function rangeRoot(Root) {
     var handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);
     var handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);
     var handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);
+    useImperativeHandle(ref, function () {
+      return {
+        firstTextField: function firstTextField() {
+          return firstTextFieldRef;
+        },
+        secondTextField: function secondTextField() {
+          return secondTextFieldRef;
+        }
+      };
+    }, [firstTextFieldRef, secondTextFieldRef]);
     var Divider = useMemo(function () {
       if (dividerVariant === 'none') {
         return null;
@@ -72,14 +85,15 @@ var rangeRoot = function rangeRoot(Root) {
       return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/React.createElement(StyledDivider, null, dividerIcon));
     }, [dividerVariant, dividerIcon]);
     return /*#__PURE__*/React.createElement(Root, _extends({
+      ref: rangeRef,
       view: view,
       size: size,
       disabled: disabled,
-      readOnly: !disabled && readOnly,
-      ref: ref
+      readOnly: !disabled && readOnly
     }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(ContentWrapper, {
       className: cx(rangeErrorClass, rangeSuccessClass)
     }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledInput, {
+      ref: firstTextFieldRef,
       className: cx(firstValueErrorClass, firstValueSuccessClass),
       value: firstValue,
       readOnly: readOnly,
@@ -94,6 +108,7 @@ var rangeRoot = function rangeRoot(Root) {
       onFocus: onFocusFirstTextfield,
       onBlur: onBlurFirstTextfield
     }), Divider, /*#__PURE__*/React.createElement(StyledInput, {
+      ref: secondTextFieldRef,
       className: cx(secondValueErrorClass, secondValueSuccessClass),
       value: secondValue,
       readOnly: readOnly,