@snack-uikit/fields 0.57.2-preview-02d918ac.0 → 0.57.2

package/dist/cjs/helperComponents/ButtonHideValue/ButtonHideValue.js

@@ -15,14 +15,13 @@ const icons_1 = require("@snack-uikit/icons");
 const input_private_1 = require("@snack-uikit/input-private");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.ButtonHideValue = (0, react_1.forwardRef)((_ref, ref) => {
-  let {
-    size,
-    onClick,
-    hidden,
-    disabled,
-    tabIndex = -1,
-    onKeyDown
-  } = _ref;
+  let size = _ref.size,
+    onClick = _ref.onClick,
+    hidden = _ref.hidden,
+    disabled = _ref.disabled,
+    _ref$tabIndex = _ref.tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? -1 : _ref$tabIndex,
+    onKeyDown = _ref.onKeyDown;
   const handleClick = event => {
     if (disabled) {
       return;

package/dist/cjs/helperComponents/FieldContainerPrivate/FieldContainerPrivate.js

@@ -23,22 +23,20 @@ const utils_1 = require("@snack-uikit/utils");
 const constants_1 = require("../../constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function FieldContainerPrivate(_a) {
-  var {
-      className,
-      children,
-      size,
-      validationState,
-      variant,
-      disabled,
-      readonly,
-      focused,
-      disableFocus,
-      selectable,
-      style,
-      prefix,
-      postfix,
-      inputRef
-    } = _a,
+  var className = _a.className,
+    children = _a.children,
+    size = _a.size,
+    validationState = _a.validationState,
+    variant = _a.variant,
+    disabled = _a.disabled,
+    readonly = _a.readonly,
+    focused = _a.focused,
+    disableFocus = _a.disableFocus,
+    selectable = _a.selectable,
+    style = _a.style,
+    prefix = _a.prefix,
+    postfix = _a.postfix,
+    inputRef = _a.inputRef,
     rest = __rest(_a, ["className", "children", "size", "validationState", "variant", "disabled", "readonly", "focused", "disableFocus", "selectable", "style", "prefix", "postfix", "inputRef"]);
   const handleContainerClick = () => {
     var _a;

package/dist/cjs/helperComponents/TextArea/TextArea.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -24,30 +26,36 @@ const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosi
 const utils_1 = require("@snack-uikit/utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 exports.TextArea = (0, react_1.forwardRef)((_a, ref) => {
-  var {
-      name,
-      value = '',
-      onChange,
-      placeholder,
-      id,
-      className,
-      disabled = false,
-      readonly = false,
-      autoComplete = false,
-      autoFocus = false,
-      maxLength,
-      onFocus,
-      onBlur,
-      onKeyDown,
-      tabIndex,
-      minRows = 3,
-      spellCheck,
-      inputMode
-    } = _a,
+  var name = _a.name,
+    _a$value = _a.value,
+    value = _a$value === void 0 ? '' : _a$value,
+    onChange = _a.onChange,
+    placeholder = _a.placeholder,
+    id = _a.id,
+    className = _a.className,
+    _a$disabled = _a.disabled,
+    disabled = _a$disabled === void 0 ? false : _a$disabled,
+    _a$readonly = _a.readonly,
+    readonly = _a$readonly === void 0 ? false : _a$readonly,
+    _a$autoComplete = _a.autoComplete,
+    autoComplete = _a$autoComplete === void 0 ? false : _a$autoComplete,
+    _a$autoFocus = _a.autoFocus,
+    autoFocus = _a$autoFocus === void 0 ? false : _a$autoFocus,
+    maxLength = _a.maxLength,
+    onFocus = _a.onFocus,
+    onBlur = _a.onBlur,
+    onKeyDown = _a.onKeyDown,
+    tabIndex = _a.tabIndex,
+    _a$minRows = _a.minRows,
+    minRows = _a$minRows === void 0 ? 3 : _a$minRows,
+    spellCheck = _a.spellCheck,
+    inputMode = _a.inputMode,
     rest = __rest(_a, ["name", "value", "onChange", "placeholder", "id", "className", "disabled", "readonly", "autoComplete", "autoFocus", "maxLength", "onFocus", "onBlur", "onKeyDown", "tabIndex", "minRows", "spellCheck", "inputMode"]);
   // fix of height on the initial render
   // see https://github.com/Andarist/react-textarea-autosize/issues/337#issuecomment-1024980737
-  const [, setIsRerendered] = (0, react_1.useState)(false);
+  const _ref = (0, react_1.useState)(false),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    setIsRerendered = _ref2[1];
   (0, utils_1.useLayoutEffect)(() => setIsRerendered(true), []);
   const onChangeHandler = e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value, e);
   const stopPropagation = e => e.stopPropagation();

package/dist/cjs/hocs/withCharacterCount.js

@@ -16,11 +16,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 function withCharacterCount(FieldComponent) {
   return (0, react_1.forwardRef)((_a, ref) => {
-    var {
-        handleReachLimit,
-        onChange,
-        maxLength
-      } = _a,
+    var handleReachLimit = _a.handleReachLimit,
+      onChange = _a.onChange,
+      maxLength = _a.maxLength,
       restProps = __rest(_a, ["handleReachLimit", "onChange", "maxLength"]);
     const handleLimitedChange = (0, react_1.useCallback)((value, e) => {
       if (!maxLength || value.length > maxLength) {

package/dist/cjs/hooks/addonButton/useAddonButton.js

@@ -8,20 +8,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const helperComponents_1 = require("../../helperComponents");
 function useAddonButton(_ref) {
-  let {
-    variant,
-    button,
-    icon,
-    size,
-    disabled,
-    readonly,
-    type,
-    onFocus,
-    onBlur
-  } = _ref;
+  let variant = _ref.variant,
+    button = _ref.button,
+    icon = _ref.icon,
+    size = _ref.size,
+    disabled = _ref.disabled,
+    readonly = _ref.readonly,
+    type = _ref.type,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur;
   const buttonListRef = (0, react_1.useRef)(null);
   const addonIconProps = (0, react_1.useMemo)(() => ({
-    id: `${type}Icon`,
+    id: "".concat(type, "Icon"),
     active: false,
     show: Boolean(icon && !button),
     render: () => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {
@@ -29,7 +27,7 @@ function useAddonButton(_ref) {
     })
   }), [button, icon, type]);
   const addonButtonProps = (0, react_1.useMemo)(() => ({
-    id: `${type}Button`,
+    id: "".concat(type, "Button"),
     active: false,
     show: Boolean(button && button.variant === variant),
     render: renderProps => {

package/dist/cjs/hooks/addonButton/usePostfixButton.js

@@ -14,9 +14,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePostfixButton = usePostfixButton;
 const useAddonButton_1 = require("./useAddonButton");
 function usePostfixButton(_a) {
-  var {
-      postfixIcon
-    } = _a,
+  var postfixIcon = _a.postfixIcon,
     props = __rest(_a, ["postfixIcon"]);
   return (0, useAddonButton_1.useAddonButton)(Object.assign(Object.assign({}, props), {
     icon: postfixIcon,

package/dist/cjs/hooks/addonButton/usePrefixButton.js

@@ -14,9 +14,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePrefixButton = usePrefixButton;
 const useAddonButton_1 = require("./useAddonButton");
 function usePrefixButton(_a) {
-  var {
-      prefixIcon
-    } = _a,
+  var prefixIcon = _a.prefixIcon,
     props = __rest(_a, ["prefixIcon"]);
   return (0, useAddonButton_1.useAddonButton)(Object.assign(Object.assign({}, props), {
     icon: prefixIcon,

package/dist/cjs/hooks/dateHandlers/useDateField.js

@@ -9,37 +9,35 @@ const utils_1 = require("@snack-uikit/utils");
 const constants_1 = require("../../constants");
 const useDateFieldHelpersForMode_1 = require("./useDateFieldHelpersForMode");
 function useDateField(_ref) {
-  let {
-    inputRef,
-    onChange,
-    readonly,
-    locale = constants_1.DEFAULT_LOCALE,
-    setIsOpen,
-    mode,
-    showSeconds
-  } = _ref;
+  let inputRef = _ref.inputRef,
+    onChange = _ref.onChange,
+    readonly = _ref.readonly,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? constants_1.DEFAULT_LOCALE : _ref$locale,
+    setIsOpen = _ref.setIsOpen,
+    mode = _ref.mode,
+    showSeconds = _ref.showSeconds;
   var _a;
   const dateTimeMode = mode === constants_1.MODES.DateTime && !showSeconds ? constants_1.NO_SECONDS_MODE : mode;
   const slotsInfo = constants_1.SLOTS[dateTimeMode];
   const mask = constants_1.MASK[dateTimeMode][locale.baseName] || constants_1.MASK[dateTimeMode][constants_1.DEFAULT_LOCALE.baseName];
   const slotsPlaceholder = constants_1.SLOTS_PLACEHOLDER[dateTimeMode][locale.baseName] || constants_1.SLOTS_PLACEHOLDER[dateTimeMode][constants_1.DEFAULT_LOCALE.baseName];
   const slotOrder = constants_1.SLOT_ORDER[dateTimeMode];
-  const {
-    getNextSlotKey,
-    getPrevSlotKey,
-    getSlotKeyFromIndex,
-    setFocus,
-    updateSlot,
-    getSlot,
-    isLikeDate,
-    isAllSelected,
-    tryToCompleteInput,
-    isValidInput,
-    parseDate
-  } = (0, useDateFieldHelpersForMode_1.useDateFieldHelpersForMode)({
-    inputRef,
-    mode: dateTimeMode
-  });
+  const _ref2 = (0, useDateFieldHelpersForMode_1.useDateFieldHelpersForMode)({
+      inputRef,
+      mode: dateTimeMode
+    }),
+    getNextSlotKey = _ref2.getNextSlotKey,
+    getPrevSlotKey = _ref2.getPrevSlotKey,
+    getSlotKeyFromIndex = _ref2.getSlotKeyFromIndex,
+    setFocus = _ref2.setFocus,
+    updateSlot = _ref2.updateSlot,
+    getSlot = _ref2.getSlot,
+    isLikeDate = _ref2.isLikeDate,
+    isAllSelected = _ref2.isAllSelected,
+    tryToCompleteInput = _ref2.tryToCompleteInput,
+    isValidInput = _ref2.isValidInput,
+    parseDate = _ref2.parseDate;
   const focusSlotKey = (0, react_1.useMemo)(() => slotOrder[0], [slotOrder]);
   const focusSlotRef = (0, react_1.useRef)(focusSlotKey);
   const setInputFocus = (0, react_1.useCallback)(focusSlot => {
@@ -66,10 +64,9 @@ function useDateField(_ref) {
     }
     const slotKey = getSlotKeyFromIndex(inputRef.current.selectionStart);
     if (slotKey) {
-      const {
-        start,
-        end
-      } = slotsInfo[slotKey];
+      const _slotsInfo$slotKey = slotsInfo[slotKey],
+        start = _slotsInfo$slotKey.start,
+        end = _slotsInfo$slotKey.end;
       inputRef.current.setSelectionRange(start, end);
     }
   }, [inputRef, readonly, isLikeDate, focusSlotKey, getSlotKeyFromIndex, mask, setFocus, slotsInfo]);
@@ -126,10 +123,9 @@ function useDateField(_ref) {
       const slotKey = getSlotKeyFromIndex(clickIndex);
       if (slotKey) {
         const value = getSlot(slotKey);
-        const {
-          max,
-          min
-        } = slotsInfo[slotKey];
+        const _slotsInfo$slotKey2 = slotsInfo[slotKey],
+          max = _slotsInfo$slotKey2.max,
+          min = _slotsInfo$slotKey2.min;
         const numberValue = Number(value) || 0;
         if (e.key === 'ArrowRight') {
           if (isAllSelected() || slotKey === slotOrder[slotOrder.length - 1]) {

package/dist/cjs/hooks/dateHandlers/useDateFieldHelpersForMode.js

@@ -8,16 +8,13 @@ const react_1 = require("react");
 const constants_1 = require("../../constants");
 const dateFields_1 = require("../../utils/dateFields");
 function useDateFieldHelpersForMode(_ref) {
-  let {
-    inputRef,
-    mode
-  } = _ref;
+  let inputRef = _ref.inputRef,
+    mode = _ref.mode;
   const setFocus = (0, react_1.useCallback)(slotKey => {
     if (inputRef.current) {
-      const {
-        start,
-        end
-      } = constants_1.SLOTS[mode][slotKey];
+      const _constants_1$SLOTS$mo = constants_1.SLOTS[mode][slotKey],
+        start = _constants_1$SLOTS$mo.start,
+        end = _constants_1$SLOTS$mo.end;
       inputRef.current.setSelectionRange(start, end);
     }
   }, [mode, inputRef]);
@@ -59,14 +56,12 @@ function useDateFieldHelpersForMode(_ref) {
       res[slotKey] = parseInt(getSlot(slotKey), 10);
       return res;
     }, {});
-    const {
-      [constants_1.SlotKey.Day]: day,
-      [constants_1.SlotKey.Month]: month,
-      [constants_1.SlotKey.Year]: year,
-      [constants_1.SlotKey.Hours]: hours,
-      [constants_1.SlotKey.Minutes]: minutes,
-      [constants_1.SlotKey.Seconds]: seconds
-    } = parsedSlotsData;
+    const day = parsedSlotsData[constants_1.SlotKey.Day],
+      month = parsedSlotsData[constants_1.SlotKey.Month],
+      year = parsedSlotsData[constants_1.SlotKey.Year],
+      hours = parsedSlotsData[constants_1.SlotKey.Hours],
+      minutes = parsedSlotsData[constants_1.SlotKey.Minutes],
+      seconds = parsedSlotsData[constants_1.SlotKey.Seconds];
     const yearSlotMeta = constants_1.SLOTS[mode][constants_1.SlotKey.Year];
     const isDateCompleted = Boolean(day && month && year >= (yearSlotMeta === null || yearSlotMeta === void 0 ? void 0 : yearSlotMeta.min) && year <= (yearSlotMeta === null || yearSlotMeta === void 0 ? void 0 : yearSlotMeta.max));
     const isTimeCompleted = [hours, minutes, ...(mode === constants_1.MODES.DateTime || mode === constants_1.TIME_MODES.FullTime ? [seconds] : [])].every(value => value !== undefined);
@@ -86,11 +81,10 @@ function useDateFieldHelpersForMode(_ref) {
   }, [getSlot, inputRef, mode]);
   const updateSlot = (0, react_1.useCallback)((slotKey, slotValue) => {
     if (inputRef.current) {
-      const {
-        start,
-        end,
-        max
-      } = constants_1.SLOTS[mode][slotKey];
+      const _constants_1$SLOTS$mo2 = constants_1.SLOTS[mode][slotKey],
+        start = _constants_1$SLOTS$mo2.start,
+        end = _constants_1$SLOTS$mo2.end,
+        max = _constants_1$SLOTS$mo2.max;
       inputRef.current.value = inputRef.current.value.slice(0, start) + slotValue.toString().padStart(max.toString().length, '0') + inputRef.current.value.slice(end);
       setFocus(slotKey);
     }

package/dist/cjs/hooks/dateHandlers/useFocusHandlers.js

@@ -10,10 +10,8 @@ const react_1 = require("react");
  * Основано на том факте что событию фокуса в результате клика предшествует событие onMouseDown.
  */
 function useFocusHandlers(_ref) {
-  let {
-    onFocusByKeyboard,
-    onFocusByClick
-  } = _ref;
+  let onFocusByKeyboard = _ref.onFocusByKeyboard,
+    onFocusByClick = _ref.onFocusByClick;
   const isFocused = (0, react_1.useRef)(false);
   const isMouseDown = (0, react_1.useRef)(false);
   const onFocus = (0, react_1.useCallback)(e => {

package/dist/cjs/hooks/useCopyButton.js

@@ -17,26 +17,24 @@ const react_1 = require("react");
 const input_private_1 = require("@snack-uikit/input-private");
 const helperComponents_1 = require("../helperComponents");
 function useCopyButton(_ref) {
-  let {
-    copyButtonRef,
-    showCopyButton,
-    size,
-    valueToCopy,
-    onValueRequest,
-    onCopyButtonClick,
-    disabled,
-    prefix = '',
-    postfix = ''
-  } = _ref;
+  let copyButtonRef = _ref.copyButtonRef,
+    showCopyButton = _ref.showCopyButton,
+    size = _ref.size,
+    valueToCopy = _ref.valueToCopy,
+    onValueRequest = _ref.onValueRequest,
+    onCopyButtonClick = _ref.onCopyButtonClick,
+    disabled = _ref.disabled,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? '' : _ref$prefix,
+    _ref$postfix = _ref.postfix,
+    postfix = _ref$postfix === void 0 ? '' : _ref$postfix;
   return (0, react_1.useMemo)(() => ({
     id: 'copy',
     active: true,
     ref: copyButtonRef,
     show: showCopyButton,
     render: _a => {
-      var {
-          key
-        } = _a,
+      var key = _a.key,
         props = __rest(_a, ["key"]);
       return (0, jsx_runtime_1.jsx)(helperComponents_1.ButtonCopyValue, Object.assign({}, props, {
         size: input_private_1.BUTTON_SIZE_MAP[size],

package/dist/cjs/hooks/useHideButton.js

@@ -18,14 +18,12 @@ const input_private_1 = require("@snack-uikit/input-private");
 const utils_1 = require("@snack-uikit/utils");
 const helperComponents_1 = require("../helperComponents");
 function useHideButton(_ref) {
-  let {
-    hideButtonRef,
-    showHideButton,
-    size,
-    toggleHidden,
-    hidden,
-    disabled
-  } = _ref;
+  let hideButtonRef = _ref.hideButtonRef,
+    showHideButton = _ref.showHideButton,
+    size = _ref.size,
+    toggleHidden = _ref.toggleHidden,
+    hidden = _ref.hidden,
+    disabled = _ref.disabled;
   const toggleHiddenEventHandler = (0, utils_1.useEventHandler)(toggleHidden);
   return (0, react_1.useMemo)(() => ({
     id: 'hide',
@@ -33,9 +31,7 @@ function useHideButton(_ref) {
     ref: hideButtonRef,
     show: showHideButton,
     render: _a => {
-      var {
-          key
-        } = _a,
+      var key = _a.key,
         props = __rest(_a, ["key"]);
       const handleClick = event => {
         props.onClick(event);

package/dist/cjs/hooks/usePostfix.js

@@ -21,18 +21,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function usePostfix(_ref) {
-  let {
-    postfix,
-    disabled
-  } = _ref;
+  let postfix = _ref.postfix,
+    disabled = _ref.disabled;
   return (0, react_1.useMemo)(() => ({
     id: 'postfix',
     active: false,
     show: Boolean(postfix),
     render: _a => {
-      var {
-          key
-        } = _a,
+      var key = _a.key,
         props = __rest(_a, ["key"]);
       return (0, jsx_runtime_1.jsx)("div", Object.assign({}, props, {
         className: styles_module_scss_1.default.postfix,

package/dist/cjs/hooks/usePrefix.js

@@ -21,18 +21,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function usePrefix(_ref) {
-  let {
-    prefix,
-    disabled
-  } = _ref;
+  let prefix = _ref.prefix,
+    disabled = _ref.disabled;
   return (0, react_1.useMemo)(() => ({
     id: 'prefix',
     active: false,
     show: Boolean(prefix),
     render: _a => {
-      var {
-          key
-        } = _a,
+      var key = _a.key,
         props = __rest(_a, ["key"]);
       return (0, jsx_runtime_1.jsx)("div", Object.assign({}, props, {
         "data-test-id": 'field-prefix',

package/dist/cjs/hooks/useValueControl.js

@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.useValueControl = useValueControl;
 const uncontrollable_1 = require("uncontrollable");
 function useValueControl(_ref) {
-  let {
-    value,
-    onChange,
-    defaultValue
-  } = _ref;
+  let value = _ref.value,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue;
   return (0, uncontrollable_1.useUncontrolledProp)(value, defaultValue, newValue => {
     const newState = typeof newValue === 'function' ? newValue(value) : newValue;
     onChange === null || onChange === void 0 ? void 0 : onChange(newState);

package/dist/cjs/utils/dateFields.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -50,7 +52,11 @@ function parseDate(value) {
   const splittedValue = value.split(', ');
   const date = splittedValue[0];
   let time = splittedValue[1];
-  let [day, month, year] = date.split('.').map(Number);
+  let _date$split$map = date.split('.').map(Number),
+    _date$split$map2 = (0, _slicedToArray2.default)(_date$split$map, 3),
+    day = _date$split$map2[0],
+    month = _date$split$map2[1],
+    year = _date$split$map2[2];
   month -= 1;
   if (date.includes(':')) {
     time = date;
@@ -61,7 +67,14 @@ function parseDate(value) {
       month = DATE_STUB.getMonth();
       day = DATE_STUB.getDay();
     }
-    const [hours = 0, minutes = 0, seconds = 0] = time.split(':').map(str => Number(str !== null && str !== void 0 ? str : 0));
+    const _time$split$map = time.split(':').map(str => Number(str !== null && str !== void 0 ? str : 0)),
+      _time$split$map2 = (0, _slicedToArray2.default)(_time$split$map, 3),
+      _time$split$map2$ = _time$split$map2[0],
+      hours = _time$split$map2$ === void 0 ? 0 : _time$split$map2$,
+      _time$split$map2$2 = _time$split$map2[1],
+      minutes = _time$split$map2$2 === void 0 ? 0 : _time$split$map2$2,
+      _time$split$map2$3 = _time$split$map2[2],
+      seconds = _time$split$map2$3 === void 0 ? 0 : _time$split$map2$3;
     return new Date(year, month, day, hours, minutes, seconds);
   }
   return new Date(year, month, day);

package/dist/cjs/utils/getValidationState.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getValidationState = getValidationState;
 const constants_1 = require("../constants");
 function getValidationState(_ref) {
-  let {
-    validationState,
-    error
-  } = _ref;
+  let validationState = _ref.validationState,
+    error = _ref.error;
   return error ? constants_1.VALIDATION_STATE.Error : validationState !== null && validationState !== void 0 ? validationState : constants_1.VALIDATION_STATE.Default;
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.57.2-preview-02d918ac.0",
+  "version": "0.57.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,19 +37,19 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.19",
-    "@snack-uikit/calendar": "0.14.2-preview-02d918ac.0",
-    "@snack-uikit/color-picker": "0.3.58-preview-02d918ac.0",
+    "@snack-uikit/calendar": "0.14.2",
+    "@snack-uikit/color-picker": "0.3.58",
     "@snack-uikit/divider": "3.2.12",
-    "@snack-uikit/dropdown": "0.5.8-preview-02d918ac.0",
+    "@snack-uikit/dropdown": "0.5.8",
     "@snack-uikit/icons": "0.27.7",
     "@snack-uikit/input-private": "4.8.9",
-    "@snack-uikit/list": "0.33.3-preview-02d918ac.0",
+    "@snack-uikit/list": "0.33.3",
     "@snack-uikit/scroll": "0.11.0",
     "@snack-uikit/skeleton": "0.6.11",
-    "@snack-uikit/slider": "0.3.39-preview-02d918ac.0",
-    "@snack-uikit/tag": "0.15.22-preview-02d918ac.0",
-    "@snack-uikit/tooltip": "0.18.15-preview-02d918ac.0",
-    "@snack-uikit/truncate-string": "0.7.14-preview-02d918ac.0",
+    "@snack-uikit/slider": "0.3.39",
+    "@snack-uikit/tag": "0.15.22",
+    "@snack-uikit/tooltip": "0.18.15",
+    "@snack-uikit/truncate-string": "0.7.14",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1",
     "copy-to-clipboard": "3.3.3",
@@ -66,5 +66,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "00136e44a3f59e0cf80df069e32dac42b3a8d88a"
+  "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
 }