@salutejs/plasma-new-hope 0.174.0-dev.0 → 0.175.0-canary.1452.11541985977.0

package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx

@@ -4,14 +4,18 @@ import styled from 'styled-components';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 import type { StoryObj, Meta } from '@storybook/react';
 
+import { IconMic } from '../../../../components/_Icon';
 import { WithTheme } from '../../../_helpers';
 
 import { Slider } from './Slider';
 
 const sizes = ['l', 'm', 's'];
+const pointerSizes = ['small', 'large', 'none'];
 const views = ['default', 'accent', 'gradient'];
-const labelPlacements = ['outer', 'inner'];
-const rangeValuesPlacement = ['outer', 'inner'];
+const sliderAligns = ['center', 'left', 'right', 'none'];
+const labelPlacements = ['top', 'left'];
+const scaleAligns = ['side', 'bottom'];
+const orientations: Array<string> = ['vertical', 'horizontal'];
 
 const meta: Meta<typeof Slider> = {
     title: 'plasma_web/Slider',
@@ -30,9 +34,24 @@ const meta: Meta<typeof Slider> = {
                 type: 'inline-radio',
             },
         },
+        pointerSize: {
+            options: pointerSizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        orientation: {
+            options: orientations,
+            control: {
+                type: 'select',
+            },
+        },
         ...disableProps([
             'value',
             'onChangeCommitted',
+            'onChangeTextField',
+            'onBlurTextField',
+            'onKeyDownTextField',
             'ariaLabel',
             'onChange',
             'fontSizeMultiplier',
@@ -40,6 +59,14 @@ const meta: Meta<typeof Slider> = {
             'settings',
             'hasHoverAnimation',
             'type',
+            'labelContentLeft',
+            'rangeValuesPlacement',
+            'name',
+            'defaultValue',
+            'labelContent',
+            'showRangeValues',
+            'hideMinValueDiff',
+            'hideMaxValueDiff',
         ]),
     },
 };
@@ -52,8 +79,9 @@ type StorySingleProps = StoryProps;
 type StorySingle = StoryObj<StorySingleProps>;
 type StoryDouble = StoryObj<StoryProps>;
 
-const SliderWrapper = styled.div`
-    width: 25rem;
+const SliderWrapper = styled.div<{ isVertical?: boolean }>`
+    width: ${({ isVertical }) => (isVertical ? 'auto' : '25rem')};
+    height: ${({ isVertical }) => (isVertical ? '25rem' : 'auto')};
 `;
 
 const StoryDefault = (args: StorySingleProps) => {
@@ -67,41 +95,86 @@ const StoryDefault = (args: StorySingleProps) => {
         setValue(values);
     };
 
+    const { hasIcon, showIcon, orientation, labelPlacement, labelVerticalPlacement, ...rest } = args;
+    const isVertical = orientation === 'vertical';
+
     return (
-        <SliderWrapper>
-            <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={onChangeHandle} {...args} />
+        <SliderWrapper isVertical={isVertical}>
+            <Slider
+                value={value}
+                orientation={orientation}
+                labelPlacement={labelPlacement}
+                labelContent={showIcon ? <IconMic size={rest.size === 's' ? 'xs' : 's'} /> : null}
+                onChangeCommitted={onChangeCommittedHandle}
+                onChange={onChangeHandle}
+                {...rest}
+            />
         </SliderWrapper>
     );
 };
 
 export const Default: StorySingle = {
     argTypes: {
+        sliderAlign: {
+            options: sliderAligns,
+            control: {
+                type: 'inline-radio',
+            },
+            if: { arg: 'orientation', eq: 'vertical' },
+        },
         labelPlacement: {
             options: labelPlacements,
             control: {
                 type: 'inline-radio',
             },
+            if: { arg: 'orientation', eq: 'horizontal' },
+        },
+        labelReversed: {
+            control: {
+                type: 'boolean',
+                expanded: true,
+            },
+            if: { arg: 'orientation', eq: 'vertical' },
+        },
+        scaleAlign: {
+            options: scaleAligns,
+            control: {
+                type: 'inline-radio',
+            },
+            if: { arg: 'orientation', eq: 'horizontal' },
         },
-        rangeValuesPlacement: {
-            options: rangeValuesPlacement,
+        orientation: {
+            options: orientations,
             control: {
                 type: 'inline-radio',
             },
         },
+        reversed: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'orientation', eq: 'vertical' },
+        },
     },
     args: {
         view: 'default',
         size: 'm',
+        pointerSize: 'small',
         min: 0,
         max: 100,
-        disabled: false,
-        ariaLabel: 'Цена товара',
+        orientation: 'horizontal',
+        ariaLabel: 'Цена микрофона',
         multipleStepSize: 10,
-        label: 'Цена товара',
-        labelPlacement: 'outer',
-        rangeValuesPlacement: 'outer',
-        showRangeValues: true,
+        label: 'Цена микрофона',
+        labelPlacement: 'top',
+        sliderAlign: 'center',
+        scaleAlign: 'bottom',
+        showScale: true,
         showCurrentValue: false,
+        showIcon: true,
+        reversed: false,
+        labelReversed: false,
+        disabled: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -141,7 +214,7 @@ const StoryMultipleValues = (args: StoryProps) => {
     };
 
     return (
-        <SliderWrapper>
+        <SliderWrapper isVertical={args.orientation === 'vertical'}>
             <Slider
                 value={value}
                 onKeyDownTextField={onKeyDownTextField}
@@ -158,6 +231,7 @@ export const MultipleValues: StoryDouble = {
     args: {
         view: 'default',
         size: 'm',
+        pointerSize: 'small',
         min: 0,
         max: 100,
         disabled: false,
@@ -165,5 +239,14 @@ export const MultipleValues: StoryDouble = {
         ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
         multipleStepSize: 10,
     },
+    argTypes: {
+        pointerSize: {
+            options: ['small', 'large'],
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        ...disableProps(['orientation']),
+    },
     render: (args) => <StoryMultipleValues {...args} />,
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,eAAe,CAAC;AAO1E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU7C,eAAO,MAAM,UAAU,SAAU,qCAAqC,cAAc,EAAE,WAAW,CAAC,uFAQ5F,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAVQ,qCAAqC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+BjG,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,eAAe,CAAC;AAQ1E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAW7C,eAAO,MAAM,UAAU,SAAU,qCAAqC,cAAc,EAAE,WAAW,CAAC,uFAmB5F,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBArBQ,qCAAqC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA0CjG,CAAC"}

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

@@ -1,6 +1,12 @@
 export declare const classes: {
     labelPlacementOuter: string;
     labelPlacementInner: string;
+    labelPlacementBottom: string;
+    labelAlignLeft: string;
+    labelAlignCenter: string;
+    labelAlignRight: string;
+    labelAlignNone: string;
+    labelContentReversed: string;
     rangeValuesPlacementOuter: string;
     rangeValuesPlacementInner: string;
     maxRangeValue: string;
@@ -10,12 +16,16 @@ export declare const classes: {
     firstTextField: string;
     secondTextField: string;
     activeRangeValue: string;
+    verticalOrientation: string;
+    valuePlacementLeft: string;
+    reversed: string;
 };
 export declare const tokens: {
-    height: string;
+    size: string;
     labelWrapperGap: string;
     labelWrapperMarginBottom: string;
     labelWrapperMarginRight: string;
+    labelWrapperVerticalMargin: string;
     labelColor: string;
     labelFontFamily: string;
     labelFontSize: string;
@@ -23,31 +33,27 @@ export declare const tokens: {
     labelFontWeight: string;
     labelLetterSpacing: string;
     labelLineHeight: string;
-    rangeMinValueMargin: string;
-    rangeMaxValueMargin: string;
     rangeValueBottomOffset: string;
+    rangeValueHorizontalMargin: string;
+    rangeValueHorizontalOffset: string;
+    rangeValueVerticalMargin: string;
     rangeValueColor: string;
-    rangeValueFontFamily: string;
-    rangeValueFontSize: string;
-    rangeValueFontStyle: string;
-    rangeValueFontWeight: string;
-    rangeValueLetterSpacing: string;
-    rangeValueLineHeight: string;
+    valueFontFamily: string;
+    valueFontSize: string;
+    valueFontStyle: string;
+    valueFontWeight: string;
+    valueLetterSpacing: string;
+    valueLineHeight: string;
     doubleWrapperGap: string;
     thumbSize: string;
+    thumbSizeLarge: string;
     thumbBorder: string;
     thumbBorderColor: string;
     thumbBackgroundColor: string;
     thumbFocusBorderColor: string;
     currentValueTopOffset: string;
-    currentValueFontFamily: string;
-    currentValueFontSize: string;
-    currentValueFontStyle: string;
-    currentValueFontWeight: string;
-    currentValueLetterSpacing: string;
-    currentValueLineHeight: string;
     railBackgroundColor: string;
-    railHeight: string;
+    railThickness: string;
     railBorderRadius: string;
     railIndent: string;
     fillColor: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyElB,CAAC"}
+{"version":3,"file":"Slider.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqElB,CAAC"}

package/types/components/Slider/components/Double/Double.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4U9C,CAAC"}
+{"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwW9C,CAAC"}

package/types/components/Slider/components/Double/Double.types.d.ts

@@ -63,5 +63,6 @@ export interface DoubleSliderProps extends SliderBaseProps, SliderInternalProps,
     size?: 's' | 'm' | 'l';
     name?: string;
     type?: 'double';
+    pointerSize?: 'small' | 'large';
 }
 //# sourceMappingURL=Double.types.d.ts.map

package/types/components/Slider/components/Double/Double.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Double.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IACrE;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB"}
+{"version":3,"file":"Double.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE3F,MAAM,WAAW,iBACb,SAAQ,eAAe,EACnB,mBAAmB,EACnB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IACrE;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjF;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACvF;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CACnC"}

package/types/components/Slider/components/Single/Single.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Single.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAUxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA6L9C,CAAC"}
+{"version":3,"file":"Single.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWhC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8P9C,CAAC"}

package/types/components/Slider/components/Single/Single.styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const LabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const LabelContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LabelContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Label: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
 export declare const StyledRangeValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const SliderBaseWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/types/components/Slider/components/Single/Single.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAiBzB,CAAC"}
+{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAExB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKA2IzB,CAAC"}

package/types/components/Slider/components/Single/Single.types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 import type { SliderBaseProps, SliderInternalProps } from '../SliderBase/SliderBase.types';
 import { FormTypeNumber } from '../../../../types/FormType';
 declare type SingleSliderPropsUnion = {
@@ -36,7 +36,54 @@ declare type SingleSliderPropsUnion = {
      */
     defaultValue?: never;
 };
-export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps & SingleSliderPropsUnion & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
+declare type SingleSliderOrientationPropsUnion = {
+    /**
+     * Ориентация Slider.
+     * @default `horizontal`
+     */
+    orientation?: 'horizontal';
+    /**
+     * Расположение подписи.
+     * @default top
+     * @description
+     * Может принимать три значения:
+     * top - отображение справа
+     * left - отображение слева
+     * none - скрывает подпись
+     */
+    labelPlacement?: 'top' | 'left' | 'none';
+    /**
+     * Расположение значений минимума и максимума интервала.
+     * @default top
+     * @description
+     * Может принимать три значения:
+     * side - отображение по сторонам
+     * bottom - отображение снизу
+     * none - скрывает значения
+     */
+    scaleAlign?: 'side' | 'bottom' | 'none';
+    /**
+     * Выравнивание элементов в Slider.
+     */
+    sliderAlign?: never | 'none';
+    reversed?: never;
+    labelReversed?: never;
+} | {
+    /**
+     * Ориентация Slider.
+     * @default `horizontal`
+     */
+    orientation: 'vertical';
+    /**
+     * Выравнивание элементов в Slider.
+     * @default 'left'
+     */
+    sliderAlign?: 'center' | 'left' | 'right' | 'none';
+    scaleAlign?: never;
+    reversed?: boolean;
+    labelReversed?: boolean;
+};
+export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps & SingleSliderPropsUnion & SingleSliderOrientationPropsUnion & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
     /**
      * Вызывается при отпускании ползунка
      */
@@ -51,8 +98,18 @@ export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps &
     showCurrentValue?: boolean;
     /**
      * Отображать ли значения минимума и максимума интервала.
+     * @deprecated
      */
     showRangeValues?: boolean;
+    /**
+     * Расположение значений минимума и максимума интервала.
+     * @deprecated
+     */
+    rangeValuesPlacement?: string;
+    /**
+     * Отображать ли значения минимума и максимума интервала.
+     */
+    showScale?: boolean;
     /**
      * Разница между текущим значением и минимальным, при котором минимальное будет скрыто.
      */
@@ -61,16 +118,21 @@ export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps &
      * Разница между текущим значением и максимальным, при котором максимальное будет скрыто.
      */
     hideMaxValueDiff?: number;
-    /**
-     * Расположение значений минимума и максимума интервала.
-     * @default `outer`
-     */
-    rangeValuesPlacement?: 'inner' | 'outer';
     /**
      * Расположение подписи.
+     * @deprecated
      * @default `outer`
      */
     labelPlacement?: 'inner' | 'outer';
+    /**
+     * Слот под контент слева от подписи (например, иконку)
+     * @deprecated
+     */
+    labelContentLeft?: ReactNode;
+    /**
+     * Слот под контент рядом с подписью (например, иконку)
+     */
+    labelContent?: ReactNode;
     /**
      * Размера увеличенного шага (для клавиш PageUp, PageDown).
      * Указывает процентное отношение от максимально возможного значения.
@@ -80,6 +142,16 @@ export declare type SingleSliderProps = SliderBaseProps & SliderInternalProps &
     view?: string;
     size?: 's' | 'm' | 'l';
     type?: 'single';
+    /**
+     * Размер ползунка
+     * @default small
+     * @description
+     * Может принимать три значения:
+     * small - размер s;
+     * large - размер l;
+     * none - скрыть ползунок
+     */
+    pointerSize?: 'small' | 'large' | 'none';
 };
 export {};
 //# sourceMappingURL=Single.types.d.ts.map

package/types/components/Slider/components/Single/Single.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Single.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,aAAK,sBAAsB,GACrB;IACI;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,GACD;IACI;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAER,oBAAY,iBAAiB,GAAG,eAAe,GAC3C,mBAAmB,GACnB,sBAAsB,GACtB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,GAAG;IAChE;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB,CAAC"}
+{"version":3,"file":"Single.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,aAAK,sBAAsB,GACrB;IACI;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,GACD;IACI;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAER,aAAK,iCAAiC,GAChC;IACI;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACzC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAE7B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACI;;;OAGG;IACH,WAAW,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAER,oBAAY,iBAAiB,GAAG,eAAe,GAC3C,mBAAmB,GACnB,sBAAsB,GACtB,iCAAiC,GACjC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,GAAG;IAChE;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEnC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CAC5C,CAAC"}

package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAC;AAKvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA2EnE,CAAC"}
+{"version":3,"file":"SliderBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAC;AAOvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA2FnE,CAAC"}

package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
+export declare const Rail: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Slider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const RailWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Rail: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Fill: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const InputHidden: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
 //# sourceMappingURL=SliderBase.styles.d.ts.map

package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderBase.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,MAAM,qKAKlB,CAAC;AAEF,eAAO,MAAM,QAAQ,qKAEpB,CAAC;AAEF,eAAO,MAAM,IAAI,qKAWhB,CAAC;AAEF,eAAO,MAAM,IAAI,qKAOhB,CAAC;AAEF,eAAO,MAAM,WAAW,8KAEvB,CAAC"}
+{"version":3,"file":"SliderBase.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,qKAWhB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAkBlB,CAAC;AAEF,eAAO,MAAM,QAAQ,qKAEpB,CAAC;AAEF,eAAO,MAAM,IAAI,qKAOhB,CAAC;AAEF,eAAO,MAAM,WAAW,8KAEvB,CAAC"}

package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts

@@ -28,6 +28,9 @@ export interface SliderBaseProps {
      */
     disabled?: boolean;
     labelPlacement?: string;
+    /**
+     * Расположение значений минимума и максимума интервала.
+     */
     rangeValuesPlacement?: string;
 }
 export interface SliderInternalProps {
@@ -37,6 +40,9 @@ export interface SliderInternalProps {
     settings?: SliderSettings;
 }
 export interface SliderViewProps extends SliderBaseProps, SliderInternalProps {
+    orientation: 'horizontal' | 'vertical';
+    size: string;
+    sliderAlign?: string;
     railFillWidth: number;
     setStepSize(stepSize: number): void;
     railFillXPosition?: number;

package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderBase.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,oBAAY,cAAc,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,mBAAmB;IACzE,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;CACvD"}
+{"version":3,"file":"SliderBase.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,oBAAY,cAAc,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,mBAAmB;IACzE,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;CACvD"}

package/types/components/Slider/ui/Handler/Handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Handler.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAOjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,QAAQ,iBAAiB,CAAC;IAC7B,UAAiB,cAAc;QAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B;CACJ;AAaD,eAAO,MAAM,OAAO,qFAyInB,CAAC"}
+{"version":3,"file":"Handler.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Handler/Handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpD,OAAO,QAAQ,iBAAiB,CAAC;IAC7B,UAAiB,cAAc;QAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B;CACJ;AAED,eAAO,MAAM,OAAO,qFAmInB,CAAC"}

package/types/components/Slider/ui/Handler/Handler.styles.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
-export declare const HandlerStyled: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const StyledValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    isLargeThumb?: boolean | undefined;
+}>;
+export declare const HandlerStyled: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isLarge?: boolean | undefined;
+}>;
 //# sourceMappingURL=Handler.styles.d.ts.map

package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Handler.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Handler/Handler.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,aAAa,qKAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAevB,CAAC"}
+{"version":3,"file":"Handler.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Handler/Handler.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,WAAW;;EAevB,CAAC;AAEF,eAAO,MAAM,aAAa;;EAqCzB,CAAC"}

package/types/components/Slider/ui/Handler/Handler.types.d.ts

@@ -6,8 +6,10 @@ export interface HandlerProps {
     multipleStepSize: number;
     onChangeCommitted?(value: number, data: DraggableData): void;
     side?: 'left' | 'right';
+    size?: 'small' | 'large' | 'none';
+    orientation: 'horizontal' | 'vertical';
     bounds?: number[];
-    xPosition?: number;
+    position?: number;
     zIndex?: number;
     disabled?: boolean;
     value?: number;
@@ -15,9 +17,11 @@ export interface HandlerProps {
     ariaValueMin?: number;
     hasHoverAnimation?: boolean;
     showCurrentValue?: boolean;
+    valuePlacement?: 'left' | 'right';
     startOffset?: number;
     endOffset?: number;
     onChange?(value: number, data: DraggableData): void;
+    onMouseDown?(): void;
     onMouseEnter?(): void;
     onMouseLeave?(): void;
 }

package/types/components/Slider/ui/Handler/Handler.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Handler.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Handler/Handler.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IACpD,YAAY,CAAC,IAAI,IAAI,CAAC;IACtB,YAAY,CAAC,IAAI,IAAI,CAAC;CACzB"}
+{"version":3,"file":"Handler.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Handler/Handler.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IACpD,WAAW,CAAC,IAAI,IAAI,CAAC;IACrB,YAAY,CAAC,IAAI,IAAI,CAAC;IACtB,YAAY,CAAC,IAAI,IAAI,CAAC;CACzB"}

package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts

@@ -0,0 +1,12 @@
+import { KeyboardEvent } from 'react';
+import type { DraggableData } from 'react-draggable';
+interface Params {
+    isVertical: boolean;
+    stepSize: number;
+    position: number;
+    max: number;
+    computedMultipleSteps: number;
+}
+export declare const computeKeyPressData: (event: KeyboardEvent<HTMLDivElement>, params: Params) => DraggableData | null;
+export {};
+//# sourceMappingURL=computeKeyPressData.d.ts.map

package/types/components/Slider/ui/Handler/computeKeyPressData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeKeyPressData.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Handler/computeKeyPressData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAarD,UAAU,MAAM;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,qBAAqB,EAAE,MAAM,CAAC;CACjC;AAkGD,eAAO,MAAM,mBAAmB,UAAW,cAAc,cAAc,CAAC,UAAU,MAAM,yBAQvF,CAAC"}

package/types/components/Slider/ui/Thumb/Thumb.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { ThumbProps } from './Thumb.types';
-export declare const Thumb: ({ min, max, value, ariaValueMin, ariaLabel, disabled, ...rest }: ThumbProps) => JSX.Element;
+export declare const Thumb: ({ min, max, value, ariaValueMin, ariaLabel, disabled, orientation, ...rest }: ThumbProps) => JSX.Element;
 //# sourceMappingURL=Thumb.d.ts.map

package/types/components/Slider/ui/Thumb/Thumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,oEAA2E,UAAU,gBAatG,CAAC"}
+{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,iFASf,UAAU,gBAaZ,CAAC"}

package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,SAAS;;EAyCrB,CAAC"}
+{"version":3,"file":"Thumb.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,SAAS;;EA0CrB,CAAC"}

package/types/components/Slider/ui/Thumb/Thumb.types.d.ts

@@ -8,5 +8,6 @@ export interface ThumbProps {
     ariaValueMin?: number;
     hasHoverAnimation?: boolean;
     disabled?: boolean;
+    orientation: 'horizontal' | 'vertical';
 }
 //# sourceMappingURL=Thumb.types.d.ts.map

package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"Thumb.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ui/Thumb/Thumb.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;CAC1C"}