tiny-ui 0.0.95 → 1.0.0

package/es/select/types.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { BaseProps, SizeType } from '../_utils/props';
+export interface SelectOptGroupProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['li']> {
+    label?: string;
+    children?: React.ReactNode;
+}
+export interface SelectOptionsProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['li']> {
+    value: string;
+    label?: React.ReactNode;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export interface SelectOptionItem {
+    value: string;
+    label?: React.ReactNode;
+    disabled?: boolean;
+}
+export type SelectValue = string | string[];
+export interface SelectProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onSelect' | 'onChange' | 'defaultValue'> {
+    value?: SelectValue;
+    defaultValue?: SelectValue;
+    mode?: 'multiple' | 'tags';
+    showSearch?: boolean;
+    filterOption?: boolean | ((inputValue: string, option: SelectOptionItem) => boolean);
+    onSearch?: (value: string) => void;
+    allowClear?: boolean;
+    loading?: boolean;
+    size?: SizeType;
+    maxTagCount?: number;
+    notFoundContent?: React.ReactNode;
+    options?: SelectOptionItem[];
+    onChange?: (value: SelectValue, option?: SelectOptionItem | SelectOptionItem[]) => void;
+    onSelect?: (value: SelectValue) => void;
+    optionRender?: (option: SelectOptionItem, info: {
+        index: number;
+    }) => React.ReactNode;
+    labelRender?: (props: {
+        label: React.ReactNode;
+        value: string;
+    }) => React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onDropdownVisibleChange?: (open: boolean) => void;
+    dropdownStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+}

package/es/select/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/select/types.ts"],"names":[],"mappings":""}

package/es/skeleton/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SkeletonProps } from './types';
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Skeleton;

package/es/skeleton/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const Skeleton = React.forwardRef((props, ref) => {
+    const { active = false, rounded = false, className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('skeleton', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_active`]: configContext.shimmer || active,
+        [`${prefixCls}_rounded`]: rounded,
+    });
+    return (_jsx("div", { ref: ref, ...otherProps, className: cls, role: "status", "aria-busy": "true", children: children }));
+});
+Skeleton.displayName = 'Skeleton';
+export default Skeleton;
+//# sourceMappingURL=index.js.map

package/es/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/skeleton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,KAAoB,EAAE,GAAG,EAAe,EAAE;IACzC,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACnF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,IAAI,MAAM;QACxD,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,KAAM,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,eAAW,MAAM,YAC1E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/es/skeleton/style/_index.scss

@@ -0,0 +1,42 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-skeleton {
+  display: inline-block;
+  width: 100%;
+  height: 1em;
+  position: relative;
+  overflow: hidden;
+  background-color: var(--ty-skeleton-bg);
+
+  & + & {
+    margin-top: 10px;
+  }
+
+  &:after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    transform: translateX(-100%);
+    background-image: var(--ty-skeleton-shimmer);
+    background-size: 200% 100%;
+    animation: ty-shimmer 1.5s ease infinite;
+  }
+
+  &_rounded {
+    border-radius: 50%;
+  }
+
+  &_active {
+    &:after {
+      content: '';
+    }
+  }
+}
+
+@keyframes ty-shimmer {
+  100% {
+    transform: translateX(100%);
+  }
+}

package/es/skeleton/style/css.js

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.js.map

package/es/skeleton/style/index.js

@@ -0,0 +1,2 @@
+import './index.scss';
+//# sourceMappingURL=index.js.map

package/es/skeleton/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/skeleton/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}

package/es/skeleton/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+export interface SkeletonProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
+    active?: boolean;
+    rounded?: boolean;
+    children?: React.ReactNode;
+}

package/es/skeleton/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/skeleton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/skeleton/types.ts"],"names":[],"mappings":""}

package/es/slider/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SliderProps } from './types';
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Slider;

package/es/slider/index.js

@@ -0,0 +1,247 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useRef, useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import Tooltip from '../tooltip';
+const Slider = React.forwardRef((props, ref) => {
+    const { defaultValue = 0, min = 0, max = 100, direction = 'horizontal', dots = false, step = 1, disabled = false, track = true, tooltipPlacement = 'top', tooltipVisible, tipFormatter, marks, onChange, onClick, onAfterChange, className, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('slider', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, `${prefixCls}_${direction}`, {
+        [`${prefixCls}-with-marks`]: marks,
+        [`${prefixCls}_disabled`]: disabled,
+    });
+    const [sliderValues, setSliderValues] = useState(('value' in props
+        ? Array.isArray(props.value)
+            ? props.value
+            : [props.value]
+        : Array.isArray(defaultValue)
+            ? defaultValue
+            : [defaultValue]));
+    const [isHovering, setHovering] = useState(false);
+    const railRef = useRef(null);
+    const trackRef = useRef(null);
+    const thumbIdx = useRef(0);
+    const isDragging = useRef(false);
+    const mouseStartPos = useRef(0);
+    const trackStartPos = useRef(0);
+    const currVal = useRef(0);
+    const isVertical = direction === 'vertical';
+    const railNode = railRef.current;
+    const trackNode = trackRef.current;
+    const getValueToPercent = (value) => {
+        return ((value - min) * 100) / (max - min);
+    };
+    const calculateTrackStyle = () => {
+        const trackStyle = { left: '0%', right: '100%' };
+        if (sliderValues.length === 1) {
+            trackStyle.right = `${100 - getValueToPercent(sliderValues[0])}%`;
+        }
+        else {
+            const leftValue = sliderValues[0] > sliderValues[1] ? sliderValues[1] : sliderValues[0];
+            const rightValue = sliderValues[0] > sliderValues[1] ? sliderValues[0] : sliderValues[1];
+            trackStyle.left = `${getValueToPercent(leftValue)}%`;
+            trackStyle.right = `${100 - getValueToPercent(rightValue)}%`;
+        }
+        return trackStyle;
+    };
+    const getRangeValue = (val) => {
+        if (sliderValues.length === 1) {
+            return [val];
+        }
+        const values = sliderValues;
+        const val1 = values[0];
+        const val2 = values[1];
+        if ((val1 < val2 && val1 > val) || (val1 > val2 && val1 < val)) {
+            values[0] = val;
+        }
+        if ((val1 < val2 && val2 < val) || (val1 > val2 && val2 > val)) {
+            values[1] = val;
+        }
+        if (val1 > val && val2 < val) {
+            const half = val2 + (val1 - val2) / 2;
+            if (half >= val) {
+                values[1] = val;
+            }
+            if (half < val) {
+                values[0] = val;
+            }
+        }
+        if (val2 > val && val1 < val) {
+            const half = val1 + (val2 - val1) / 2;
+            if (half >= val) {
+                values[0] = val;
+            }
+            if (half < val) {
+                values[1] = val;
+            }
+        }
+        return values;
+    };
+    const handleOnChange = (value) => {
+        !('value' in props) && setSliderValues([...value]);
+        onChange &&
+            onChange(sliderValues.length === 1 ? sliderValues[0] : [sliderValues[0], sliderValues[1]]);
+    };
+    const getWidthToValue = (width) => {
+        const numOfSteps = (max - min) / step;
+        let percent = 0;
+        if (railNode) {
+            percent = (width / railNode[isVertical ? 'clientHeight' : 'clientWidth']) * 100;
+        }
+        if (percent <= 0) {
+            percent = 0;
+        }
+        if (percent >= 100) {
+            percent = 100;
+        }
+        // add 0.5 for step movement
+        const num = numOfSteps * (percent / 100) + 0.5;
+        const val = Math.floor(num) * step + min;
+        return isVertical ? 100 - val : val;
+    };
+    const sliderOnClick = (e) => {
+        if (isDragging.current || disabled) {
+            return;
+        }
+        if (railNode) {
+            const markOffset = railNode.getBoundingClientRect();
+            const value = getWidthToValue(e[isVertical ? 'clientY' : 'clientX'] - markOffset[isVertical ? 'y' : 'x']);
+            handleOnChange(getRangeValue(value));
+        }
+        onClick && onClick(e);
+    };
+    const handleThumbOnDragging = (e) => {
+        if (!isDragging.current) {
+            return;
+        }
+        const sliderVal = getWidthToValue(e[isVertical ? 'clientY' : 'clientX'] - mouseStartPos.current + trackStartPos.current);
+        const val = sliderValues;
+        if (sliderVal !== currVal.current) {
+            val[thumbIdx.current] = sliderVal;
+            handleOnChange(val);
+            currVal.current = sliderVal;
+        }
+    };
+    const handleThumbOnDragEnd = () => {
+        isDragging.current = false;
+        window.removeEventListener('mousemove', handleThumbOnDragging);
+        window.removeEventListener('mouseup', handleThumbOnDragEnd);
+        onAfterChange &&
+            onAfterChange(sliderValues.length === 1 ? sliderValues[0] : [sliderValues[0], sliderValues[1]]);
+    };
+    /**
+     * Get track width info when click down the thumb button
+     */
+    const handleThumbOnMouseDown = (idx, e) => {
+        if (disabled) {
+            return;
+        }
+        thumbIdx.current = idx;
+        isDragging.current = true;
+        mouseStartPos.current = e[isVertical ? 'clientY' : 'clientX'];
+        if (trackNode) {
+            trackStartPos.current = isVertical ? trackNode.offsetTop : trackNode.clientWidth;
+            // handle when it is a dual slider
+            if (sliderValues.length > 1) {
+                const trackOffset = trackNode[isVertical ? 'offsetTop' : 'offsetLeft'];
+                trackStartPos.current =
+                    (idx === 1 && sliderValues[1] > sliderValues[0]) ||
+                        (idx !== 1 && sliderValues[0] > sliderValues[1])
+                        ? isVertical
+                            ? trackOffset
+                            : trackStartPos.current + trackOffset
+                        : isVertical
+                            ? trackNode.clientHeight + trackOffset
+                            : trackOffset;
+            }
+        }
+        window.addEventListener('mousemove', handleThumbOnDragging, { capture: true });
+        window.addEventListener('mouseup', handleThumbOnDragEnd, { capture: true });
+    };
+    /**
+     * Get dot values
+     */
+    const getSteps = () => {
+        const numOfSteps = (max - min) / step;
+        const stepWidth = (100 * step) / (max - min);
+        const res = [0];
+        for (let i = 1; i < numOfSteps; i += 1) {
+            res.push(i * stepWidth);
+        }
+        res.push(100);
+        return res;
+    };
+    /**
+     * Determine dot's border style
+     * @param dotVal: dot value
+     */
+    const isDotActive = (dotVal) => {
+        if (sliderValues.length === 1) {
+            return dotVal < sliderValues[0];
+        }
+        else {
+            const [left, right] = sliderValues[0] < sliderValues[1]
+                ? [sliderValues[0], sliderValues[1]]
+                : [sliderValues[1], sliderValues[0]];
+            return dotVal < right && dotVal > left;
+        }
+    };
+    const handleThumbOnMouseEnter = (idx) => {
+        thumbIdx.current = idx;
+        setHovering(true);
+    };
+    const handleThumbOnMouseLeave = () => {
+        setHovering(false);
+    };
+    const renderMark = (mark) => {
+        if (marks && marks[mark] && marks[mark].label) {
+            const { label, style } = marks[mark];
+            return _jsx("div", { style: style, children: label });
+        }
+        else if (marks && marks[mark]) {
+            return marks[mark];
+        }
+        else {
+            return mark;
+        }
+    };
+    useEffect(() => {
+        'value' in props && setSliderValues(sliderValues);
+    }, [props, sliderValues]);
+    const trackStyle = calculateTrackStyle();
+    return (_jsxs("div", { ref: ref, ...otherProps, className: cls, onClick: sliderOnClick, children: [_jsx("div", { ref: railRef, className: `${prefixCls}__rail` }), _jsx("div", { ref: trackRef, className: classNames(`${prefixCls}__track`, {
+                    [`${prefixCls}__track_invisible`]: !track,
+                }), style: {
+                    [isVertical ? 'bottom' : 'left']: trackStyle.left,
+                    [isVertical ? 'top' : 'right']: trackStyle.right,
+                } }), sliderValues.map((value, idx) => {
+                const percent = getValueToPercent(value);
+                return (_jsx("div", { tabIndex: 0, role: "slider", "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": value, "aria-disabled": disabled, className: classNames(`${prefixCls}__thumb-container`, {
+                        [`${prefixCls}__thumb-container_hovering`]: idx === thumbIdx.current && isHovering,
+                        [`${prefixCls}__thumb-container_dragging`]: idx === thumbIdx.current && isDragging.current,
+                    }), style: {
+                        zIndex: idx === thumbIdx.current && (isDragging.current || isHovering) ? 2 : 1,
+                        transform: isVertical ? 'translate(-50%, 50%)' : 'translate(-50%, -50%)',
+                        [isVertical ? 'bottom' : 'left']: `${percent}%`,
+                    }, onMouseEnter: () => handleThumbOnMouseEnter(idx), onMouseLeave: handleThumbOnMouseLeave, onMouseDown: (e) => handleThumbOnMouseDown(idx, e), children: _jsx(Tooltip, { trigger: "manual", visible: 'tooltipVisible' in props
+                            ? tooltipVisible
+                            : idx === thumbIdx.current && (isDragging.current || isHovering), usePortal: false, placement: tooltipPlacement, title: tipFormatter ? tipFormatter(value) : value, children: _jsx("div", { className: `${prefixCls}__thumb` }) }) }, idx));
+            }), dots && (_jsx("div", { className: `${prefixCls}__dots`, children: getSteps().map((val, idx) => {
+                    const stepVal = idx * step + min;
+                    return (_jsx("div", { style: {
+                            [isVertical ? 'bottom' : 'left']: `${val}%`,
+                        }, className: classNames(`${prefixCls}__dot`, {
+                            [`${prefixCls}__dot_active`]: isDotActive(stepVal),
+                        }) }, idx));
+                }) })), marks && (_jsx("div", { className: `${prefixCls}__marks`, children: Object.keys(marks).map((mark, idx) => {
+                    const percent = getValueToPercent(parseFloat(mark));
+                    return (_jsx("div", { style: {
+                            [isVertical ? 'bottom' : 'left']: `${percent}%`,
+                        }, className: `${prefixCls}__mark`, children: renderMark(mark) }, idx));
+                }) }))] }));
+});
+Slider.displayName = 'Slider';
+export default Slider;
+//# sourceMappingURL=index.js.map

package/es/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/slider/index.tsx"],"names":[],"mappings":"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"}

package/es/slider/style/_index.scss

@@ -0,0 +1,177 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-slider {
+  position: relative;
+  box-sizing: border-box;
+  cursor: pointer;
+
+  &_horizontal.#{$prefix}-slider {
+    margin-bottom: $slider-margin-bottom-with-marks;
+  }
+
+  &_vertical.#{$prefix}-slider {
+    margin-right: $slider-margin-bottom-with-marks;
+  }
+
+  &_horizontal {
+    min-height: $slider-size;
+    margin: 13px 7px;
+    padding: 4px 0;
+
+    .#{$prefix}-slider {
+
+      &__rail {
+        width: 100%;
+        height: $slider-track-size;
+        left: 0;
+      }
+
+      &__track {
+        height: $slider-track-size;
+      }
+
+      &__thumb-container, &__dot {
+        top: 50%;
+      }
+
+      &__mark {
+        top: 15px;
+        transform: translateX(-50%);
+      }
+    }
+  }
+
+  &_vertical {
+    width: 12px;
+    height: 100%;
+    margin: 6px 10px;
+    padding: 0 4px;
+
+    .#{$prefix}-slider {
+      &__rail {
+        width: $slider-track-size;
+        height: 100%;
+        top: 0;
+      }
+
+      &__track {
+        width: $slider-track-size;
+      }
+
+      &__thumb-container, &__dot {
+        left: 50%;
+      }
+
+      &__mark {
+        left: 15px;
+        transform: translateY(50%);
+      }
+    }
+  }
+
+  &__rail {
+    position: absolute;
+    border-radius: 3px;
+    box-sizing: border-box;
+    background-color: var(--ty-slider-rail-bg);
+  }
+
+  &__track {
+    box-sizing: border-box;
+    border-radius: 3px;
+    background-color: var(--ty-color-primary);
+    position: absolute;
+
+    &_invisible{
+      background-color: transparent;
+    }
+  }
+
+  &__thumb-container {
+    position: absolute;
+    z-index: 1;
+    width: 36px;
+    height: 36px;
+    outline: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    &_hovering {
+      cursor: grab;
+
+      .#{$prefix}-slider__thumb {
+        transform: scale(1.2);
+      }
+    }
+
+    &_dragging {
+      cursor: grabbing;
+    }
+  }
+
+  &__thumb {
+    box-sizing: border-box;
+    width: 14px;
+    height: 14px;
+    border: 1px solid var(--ty-color-primary);
+    background-color: var(--ty-slider-thumb-bg);
+    border-radius: 50%;
+    transition: transform 250ms;
+  }
+
+
+  &__dot {
+    box-sizing: border-box;
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background-color: var(--ty-slider-dot-bg);
+    border: 2px solid var(--ty-slider-dot-border);
+    transform: translate(-50%, -50%);
+
+    &_active {
+      border-color: var(--ty-color-primary);
+    }
+  }
+
+  &__mark {
+    position: absolute;
+    color: var(--ty-slider-mark-color);
+    text-align: center;
+    word-break: keep-all;
+    cursor: pointer;
+    font-size: 0.9em;
+    user-select: none;
+
+    &_active {
+      color: var(--ty-slider-mark-active-color);
+    }
+  }
+
+  &_disabled {
+    cursor: not-allowed;
+
+    .#{$prefix}-slider {
+      &__track {
+        background-color: var(--ty-color-text-quaternary);
+      }
+
+      &__thumb {
+        border-color: var(--ty-color-text-quaternary);
+        transform: scale(1);
+      }
+
+      &__thumb-container {
+        &_hovering, &_dragging {
+          cursor: not-allowed;
+        }
+      }
+
+      &__mark {
+        cursor: not-allowed;
+      }
+    }
+  }
+}

package/es/slider/style/css.js

@@ -0,0 +1,4 @@
+import './index.css';
+// style dependencies
+import '../../tooltip/style/index.css';
+//# sourceMappingURL=index.js.map

package/es/slider/style/index.d.ts

@@ -0,0 +1,2 @@
+import './index.scss';
+import '../../tooltip/style/index.scss';

package/es/slider/style/index.js

@@ -0,0 +1,4 @@
+import './index.scss';
+// style dependencies
+import '../../tooltip/style/index.scss';
+//# sourceMappingURL=index.js.map

package/es/slider/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/slider/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,qBAAqB;AACrB,OAAO,gCAAgC,CAAC"}

package/es/slider/types.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+import { BaseProps, DirectionType } from '../_utils/props';
+import { Placement } from '../popup/types';
+export type SliderValue = number | [number, number];
+export type SliderMarks = {
+    [key: string]: React.ReactNode | {
+        style: React.CSSProperties;
+        label: ReactNode;
+    };
+};
+export interface SliderProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'onChange' | 'defaultValue'> {
+    value?: SliderValue;
+    defaultValue?: SliderValue;
+    min?: number;
+    max?: number;
+    marks?: SliderMarks;
+    dots?: boolean;
+    direction?: DirectionType;
+    step?: number;
+    disabled?: boolean;
+    track?: boolean;
+    tooltipVisible?: boolean;
+    tooltipPlacement?: Placement;
+    tipFormatter?: (value: number) => ReactNode;
+    onChange?: (value: SliderValue) => void;
+    onAfterChange?: (value: SliderValue) => void;
+    children?: ReactNode;
+}

package/es/slider/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/slider/types.ts"],"names":[],"mappings":""}