@toptal/picasso-slider 4.0.6-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10 → 4.0.6-alpha-1757603192867.0

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@toptal/picasso-slider",
-  "version": "4.0.6-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
+  "version": "4.0.6-alpha-1757603192867.0",
   "description": "Toptal UI components library - Slider",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "main": "./dist-package/src/index.js",
   "module": "./dist-package/src/index.js",
   "scripts": {
     "build:package": "tsc -b tsconfig.json",
-    "prepublishOnly": "yarn build:package"
+    "prepublishOnly": "echo 0"
   },
   "repository": {
     "type": "git",
@@ -23,28 +24,27 @@
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
     "@mui/base": "5.0.0-beta.58",
-    "@toptal/picasso-shared": "15.0.1-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.377+7db07b500",
-    "@toptal/picasso-tooltip": "2.0.4-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
-    "@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500"
+    "@toptal/picasso-shared": "15.0.1-alpha-1757603192867.0",
+    "@toptal/picasso-tooltip": "2.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0"
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@toptal/picasso-provider": "*",
-    "@toptal/picasso-tailwind": ">2.1.0",
-    "@toptal/picasso-tailwind-merge": "^2.0.0",
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
+    "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
-    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500"
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0"
   },
   "files": [
     "dist-package/**",
     "!dist-package/tsconfig.tsbuildinfo",
     "src"
-  ],
-  "gitHead": "7db07b500402a91f0c09da3be294305a194fd1e4"
+  ]
 }

package/src/Slider/Slider.tsx

@@ -57,12 +57,16 @@ export interface Props extends BaseProps {
 }
 
 export const Slider = forwardRef<HTMLElement, Props>(function Slider(
-  { defaultValue = 0, min = 0, max = 100, tooltip = 'off', ...props },
+  props,
   ref
 ) {
   const {
+    min,
+    max,
     marks,
     value,
+    defaultValue = 0,
+    tooltip = 'off',
     tooltipFormat,
     step,
     disabled,
@@ -167,4 +171,11 @@ export const Slider = forwardRef<HTMLElement, Props>(function Slider(
 
 Slider.displayName = 'Slider'
 
+Slider.defaultProps = {
+  defaultValue: 0,
+  min: 0,
+  max: 100,
+  tooltip: 'off',
+}
+
 export default Slider

package/LICENSE

@@ -1,20 +0,0 @@
-MIT License
-
-Copyright (c) 2021-2022 Toptal, LLC
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the “Software”), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-the Software, and to permit persons to whom the Software is furnished to do so,
-subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
-IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
-CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist-package/src/Slider/Slider.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import type { BaseProps } from '@toptal/picasso-shared';
-export interface Props extends BaseProps {
-    /** Minimum slider value */
-    min?: number;
-    /** Maximum slider value */
-    max?: number;
-    /** Controlled value of the component */
-    value?: number | number[];
-    /** The default value. Use when the component is not controlled */
-    defaultValue?: number | number[];
-    /** Step for the thumb movement */
-    step?: number;
-    /** Whether marks are shown or not */
-    marks?: boolean;
-    /** Whether component is disabled or not */
-    disabled?: boolean;
-    /** Controls when tooltip is displayed:
-    - **auto** the value tooltip will display when the thumb is hovered or focused.
-    - **on** will display persistently.
-    - **off** will never display
-    */
-    tooltip?: 'on' | 'auto' | 'off';
-    /** The format function the value tooltip's value. */
-    tooltipFormat?: string | ((value: number, index: number) => React.ReactNode);
-    /** Callback invoked when slider changes its state. */
-    onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
-    /** Callback invoked on focus */
-    onFocus?: (event: React.FocusEvent<HTMLElement>) => void;
-    /** Callback invoked on blur */
-    onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
-    /** Hide thumb when value is undefined or null. Works only when the component is controlled. */
-    hideThumbOnEmpty?: boolean;
-    /** Disable track highlight. */
-    disableTrackHighlight?: boolean;
-    /**
-     * Name attribute of the `input` element.
-     */
-    name?: string;
-    /**
-     * Id attribute of the `input` element.
-     */
-    id?: string;
-}
-export declare const Slider: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
-export default Slider;
-//# sourceMappingURL=Slider.d.ts.map

package/dist-package/src/Slider/Slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAIjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAMvD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;MAIE;IACF,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK,CAAA;IAC/B,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC5E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,WAAW,EAAE,MAAM,KAChB,IAAI,CAAA;IACT,gCAAgC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IACxD,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IACvD,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,+BAA+B;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,eAAO,MAAM,MAAM,2EA2GjB,CAAA;AAIF,eAAe,MAAM,CAAA"}

package/dist-package/src/Slider/Slider.js

@@ -1,70 +0,0 @@
-var __rest = (this && this.__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];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-// import type { ComponentProps } from 'react'
-import React, { forwardRef, useRef } from 'react';
-import { Slider as MUIBaseSlider } from '@mui/base/Slider';
-import { useCombinedRefs, useOnScreen } from '@toptal/picasso-utils';
-import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge';
-import SliderMark from '../SliderMark';
-import SliderValueLabel from '../SliderValueLabel';
-import { useLabelOverlap } from './hooks';
-export const Slider = forwardRef(function Slider(_a, ref) {
-    var { defaultValue = 0, min = 0, max = 100, tooltip = 'off' } = _a, props = __rest(_a, ["defaultValue", "min", "max", "tooltip"]);
-    const { marks, value, tooltipFormat, step, disabled, onChange, onBlur, onFocus, hideThumbOnEmpty, disableTrackHighlight, className, style, name, id, 'data-private': dataPrivate, 'data-testid': dataTestid, } = props;
-    const containerRef = useRef(null);
-    const sliderRef = useCombinedRefs(ref, useRef(null));
-    // The rootMargin is not working correctly in the storybooks iframe
-    // To test properly we can open the iframe in new window
-    const { isOnScreen, isObserved } = useOnScreen({
-        ref: containerRef,
-        rootMargin: '-24px 0px 0px 0px',
-        threshold: 1,
-    });
-    const { isPartiallyOverlapped, handleValueLabelOnRender } = useLabelOverlap({
-        value,
-        // until IntersectionObserver starts observing the element, we don't render the tooltip
-        isTooltipRendered: isObserved,
-    });
-    const isThumbHidden = hideThumbOnEmpty && (typeof value === 'undefined' || value === null);
-    return (React.createElement("div", { ref: containerRef, className: twMerge('my-[6px] mx-0', className), style: style },
-        React.createElement(MUIBaseSlider, { ref: sliderRef, defaultValue: defaultValue, value: value, min: min, max: max, step: step, marks: marks, disabled: disabled, "data-testid": dataTestid, "data-private": dataPrivate, onFocus: onFocus, onBlur: onBlur, name: name, id: id, slots: {
-                mark: SliderMark,
-                valueLabel: SliderValueLabel,
-            }, slotProps: {
-                mark: {
-                    // @ts-expect-error we have custom Mark component, where we extend props and MUI does not understand it
-                    forceInactive: disableTrackHighlight,
-                },
-                root: {
-                    className: 'block cursor-pointer width-full relative py-[6px] -my-[6px]',
-                },
-                rail: {
-                    className: 'block absolute w-full h-[1px] opacity-[0.24] rounded-none bg-gray-500',
-                },
-                thumb: {
-                    className: twJoin('group/thumb flex justify-center items-center w-[15px] h-[15px]', 'rounded-[50%] bg-blue-500 border-[2px] border-solid border-white', '-mt-[7px] -ml-[6px] outline-0 absolute  transition-shadow cursor-pointer', isThumbHidden && 'hidden'),
-                    role: 'slider',
-                },
-                track: {
-                    className: twJoin('block absolute h-[1px]', disableTrackHighlight ? 'bg-gray-200' : 'bg-blue-500'),
-                },
-                valueLabel: {
-                    tooltip: isObserved ? tooltip : 'off',
-                    onRender: handleValueLabelOnRender,
-                    yPlacement: isOnScreen ? 'top' : 'bottom',
-                    isOverlaped: isPartiallyOverlapped,
-                },
-            }, valueLabelFormat: tooltipFormat, onChange: onChange })));
-});
-Slider.displayName = 'Slider';
-export default Slider;
-//# sourceMappingURL=Slider.js.map

package/dist-package/src/Slider/Slider.js.map

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

package/dist-package/src/Slider/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './use-label-overlap';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/Slider/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Slider/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist-package/src/Slider/hooks/index.js

@@ -1,2 +0,0 @@
-export * from './use-label-overlap';
-//# sourceMappingURL=index.js.map

package/dist-package/src/Slider/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Slider/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist-package/src/Slider/hooks/use-label-overlap.d.ts

@@ -1,9 +0,0 @@
-import type { RefObject } from 'react';
-export declare const useLabelOverlap: ({ value, isTooltipRendered, }: {
-    value?: number | number[] | undefined;
-    isTooltipRendered: boolean;
-}) => {
-    isPartiallyOverlapped: boolean;
-    handleValueLabelOnRender: (index: number, labelRef: RefObject<HTMLSpanElement>) => void;
-};
-//# sourceMappingURL=use-label-overlap.d.ts.map

package/dist-package/src/Slider/hooks/use-label-overlap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-label-overlap.d.ts","sourceRoot":"","sources":["../../../../src/Slider/hooks/use-label-overlap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,eAAO,MAAM,eAAe;;uBAKP,OAAO;;;sCAsChB,MAAM,YAAY,UAAU,eAAe,CAAC;CAWvD,CAAA"}

package/dist-package/src/Slider/hooks/use-label-overlap.js

@@ -1,41 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { checkOverlap } from '../../utils';
-export const useLabelOverlap = ({ value, isTooltipRendered, }) => {
-    const [isPartiallyOverlapped, setIsPartiallyOverlapped] = useState(false);
-    const [valueLabels, setValueLabels] = useState([]);
-    const isRangeSlider = Array.isArray(value);
-    useEffect(() => {
-        var _a, _b;
-        if (!isRangeSlider || !isTooltipRendered) {
-            return;
-        }
-        const isFullyOverlaped = value[0] === value[1];
-        if (isFullyOverlaped) {
-            setIsPartiallyOverlapped(false);
-        }
-        else {
-            if (!(((_a = valueLabels[0]) === null || _a === void 0 ? void 0 : _a.current) && ((_b = valueLabels[1]) === null || _b === void 0 ? void 0 : _b.current))) {
-                return;
-            }
-            setIsPartiallyOverlapped(checkOverlap({
-                firstLabelRect: valueLabels[0].current.getBoundingClientRect(),
-                secondLabelRect: valueLabels[1].current.getBoundingClientRect(),
-                previousResult: isPartiallyOverlapped,
-            }));
-        }
-    }, [
-        value,
-        isRangeSlider,
-        isPartiallyOverlapped,
-        valueLabels,
-        isTooltipRendered,
-    ]);
-    const handleValueLabelOnRender = useCallback((index, labelRef) => {
-        setValueLabels(valLabels => {
-            valLabels[index] = labelRef;
-            return valLabels;
-        });
-    }, [setValueLabels]);
-    return { isPartiallyOverlapped, handleValueLabelOnRender };
-};
-//# sourceMappingURL=use-label-overlap.js.map

package/dist-package/src/Slider/hooks/use-label-overlap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-label-overlap.js","sourceRoot":"","sources":["../../../../src/Slider/hooks/use-label-overlap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,iBAAiB,GAIlB,EAAE,EAAE;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,EAAE,CACH,CAAA;IACD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAE1C,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,CAAC,aAAa,IAAI,CAAC,iBAAiB,EAAE;YACxC,OAAM;SACP;QACD,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAA;QAE9C,IAAI,gBAAgB,EAAE;YACpB,wBAAwB,CAAC,KAAK,CAAC,CAAA;SAChC;aAAM;YACL,IAAI,CAAC,CAAC,CAAA,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAE,OAAO,MAAI,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAE,OAAO,CAAA,CAAC,EAAE;gBACzD,OAAM;aACP;YAED,wBAAwB,CACtB,YAAY,CAAC;gBACX,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,qBAAqB,EAAE;gBAC9D,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,qBAAqB,EAAE;gBAC/D,cAAc,EAAE,qBAAqB;aACtC,CAAC,CACH,CAAA;SACF;IACH,CAAC,EAAE;QACD,KAAK;QACL,aAAa;QACb,qBAAqB;QACrB,WAAW;QACX,iBAAiB;KAClB,CAAC,CAAA;IAEF,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,KAAa,EAAE,QAAoC,EAAE,EAAE;QACtD,cAAc,CAAC,SAAS,CAAC,EAAE;YACzB,SAAS,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAA;YAE3B,OAAO,SAAS,CAAA;QAClB,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAA;IAED,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAA;AAC5D,CAAC,CAAA"}

package/dist-package/src/Slider/index.d.ts

@@ -1,5 +0,0 @@
-import type { OmitInternalProps } from '@toptal/picasso-shared';
-import type { Props } from './Slider';
-export { default as Slider } from './Slider';
-export declare type SliderProps = OmitInternalProps<Props>;
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/Slider/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,oBAAY,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}

package/dist-package/src/Slider/index.js

@@ -1,2 +0,0 @@
-export { default as Slider } from './Slider';
-//# sourceMappingURL=index.js.map

package/dist-package/src/Slider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Slider/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist-package/src/SliderMark/SliderMark.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export declare type SliderMarkProps = {
-    markActive: boolean;
-    ownerState: {
-        value: number;
-    };
-    style: React.CSSProperties;
-    'data-index': number;
-    forceInactive: boolean;
-};
-declare const SliderMark: ({ markActive, ownerState, "data-index": dataIndex, style, forceInactive, }: SliderMarkProps) => JSX.Element;
-export default SliderMark;
-//# sourceMappingURL=SliderMark.d.ts.map

package/dist-package/src/SliderMark/SliderMark.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderMark.d.ts","sourceRoot":"","sources":["../../../src/SliderMark/SliderMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,oBAAY,eAAe,GAAG;IAC5B,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAID,QAAA,MAAM,UAAU,+EAMb,eAAe,gBAWjB,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist-package/src/SliderMark/SliderMark.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { twJoin } from '@toptal/picasso-tailwind-merge';
-import { getBgColor } from '../utils';
-// We need custom Mark component because we have
-// different bg color based on value of the Slider
-const SliderMark = ({ markActive, ownerState, 'data-index': dataIndex, style, forceInactive, }) => {
-    return (React.createElement("span", { "data-index": dataIndex, style: style, className: twJoin('absolute w-[6px] h-[6px] rounded-[50%] border-[2px] top-[1.5px] border-solid border-white opacity-100 -translate-x-2/4 box-content', getBgColor({ markActive, forceInactive, value: ownerState.value })) }));
-};
-export default SliderMark;
-//# sourceMappingURL=SliderMark.js.map

package/dist-package/src/SliderMark/SliderMark.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderMark.js","sourceRoot":"","sources":["../../../src/SliderMark/SliderMark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAUrC,gDAAgD;AAChD,kDAAkD;AAClD,MAAM,UAAU,GAAG,CAAC,EAClB,UAAU,EACV,UAAU,EACV,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,aAAa,GACG,EAAE,EAAE;IACpB,OAAO,CACL,4CACc,SAAS,EACrB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,CACf,oIAAoI,EACpI,UAAU,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CACnE,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist-package/src/SliderMark/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './SliderMark';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/SliderMark/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SliderMark/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/dist-package/src/SliderMark/index.js

@@ -1,2 +0,0 @@
-export { default } from './SliderMark';
-//# sourceMappingURL=index.js.map

package/dist-package/src/SliderMark/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SliderMark/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}

package/dist-package/src/SliderValueLabel/SliderValueLabel.d.ts

@@ -1,12 +0,0 @@
-import type { SliderValueLabelSlotProps } from '@mui/base/Slider';
-import type { RefObject } from 'react';
-declare type ValueLabelDisplay = 'on' | 'auto' | 'off';
-declare const SliderValueLabel: ({ children, index, tooltip, onRender, yPlacement, isOverlaped, ownerState: { value }, }: SliderValueLabelSlotProps & {
-    tooltip: ValueLabelDisplay;
-    yPlacement: 'top' | 'bottom';
-    /** indicates if there are two SliderValueLabels that overlap each other */
-    isOverlaped: boolean;
-    onRender: (index: number, ref: RefObject<HTMLSpanElement>) => void;
-}) => JSX.Element;
-export default SliderValueLabel;
-//# sourceMappingURL=SliderValueLabel.d.ts.map

package/dist-package/src/SliderValueLabel/SliderValueLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderValueLabel.d.ts","sourceRoot":"","sources":["../../../src/SliderValueLabel/SliderValueLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,aAAK,iBAAiB,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,CAAA;AAqB9C,QAAA,MAAM,gBAAgB;aASX,iBAAiB;gBACd,KAAK,GAAG,QAAQ;IAC5B,2EAA2E;iBAC9D,OAAO;sBACF,MAAM,OAAO,UAAU,eAAe,CAAC,KAAK,IAAI;iBAkDnE,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist-package/src/SliderValueLabel/SliderValueLabel.js

@@ -1,44 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { twJoin } from '@toptal/picasso-tailwind-merge';
-import { getXPlacement } from '../utils';
-const classesByTooltip = {
-    off: 'hidden',
-    // We need to use visibility: hidden instead of display: none to keep the
-    // label visible for javascript calculations.
-    auto: 'invisible group-hover/thumb:visible flex justify-center items-center',
-    on: 'flex justify-center items-center',
-};
-const xPlacementClasses = {
-    left: 'right-[calc(100%-13px)]',
-    right: 'left-[calc(100%-13px)]',
-    center: '',
-};
-const yPlacementClasses = {
-    bottom: 'top-[calc(100%+2px)]',
-    top: 'bottom-[calc(100%+2px)]',
-};
-const SliderValueLabel = ({ children, index = -1, tooltip = 'off', onRender, yPlacement, isOverlaped, ownerState: { value }, }) => {
-    const ref = useRef(null);
-    // we need to change the placement of the label if it is overlaped
-    // or if it is out of the viewport
-    const [xPlacement, setXPlacement] = useState('center');
-    useEffect(() => {
-        onRender(index, ref);
-    }, [index, onRender]);
-    useEffect(() => {
-        if (!ref.current) {
-            return;
-        }
-        setXPlacement(getXPlacement({
-            rect: ref.current.getBoundingClientRect(),
-            isOverlaped: isOverlaped,
-            isFirstLabel: index === 0,
-            currentPlacement: xPlacement,
-        }));
-        // we need to recalculate on value change to get new rect
-    }, [isOverlaped, index, xPlacement, value, tooltip]);
-    return (React.createElement("span", { ref: ref, className: twJoin('absolute will-change-transform transition-transform', classesByTooltip[tooltip], yPlacementClasses[yPlacement], xPlacementClasses[xPlacement]) },
-        React.createElement("span", { className: twJoin('shadow-4 text-sm text-white bg-graphite-800', 'm-1 rounded-sm py-[2px] px-2 max-w-[300px] break-words') }, children)));
-};
-export default SliderValueLabel;
-//# sourceMappingURL=SliderValueLabel.js.map

package/dist-package/src/SliderValueLabel/SliderValueLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderValueLabel.js","sourceRoot":"","sources":["../../../src/SliderValueLabel/SliderValueLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAIxC,MAAM,gBAAgB,GAAsC;IAC1D,GAAG,EAAE,QAAQ;IACb,yEAAyE;IACzE,6CAA6C;IAC7C,IAAI,EAAE,sEAAsE;IAC5E,EAAE,EAAE,kCAAkC;CACvC,CAAA;AAED,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,yBAAyB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,MAAM,EAAE,EAAE;CACF,CAAA;AAEV,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE,sBAAsB;IAC9B,GAAG,EAAE,yBAAyB;CACtB,CAAA;AAEV,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,KAAK,GAAG,CAAC,CAAC,EACV,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EAAE,EAAE,KAAK,EAAE,GAOtB,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAEzC,kEAAkE;IAClE,kCAAkC;IAClC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,QAAQ,CACT,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YAChB,OAAM;SACP;QAED,aAAa,CACX,aAAa,CAAC;YACZ,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE;YACzC,WAAW,EAAE,WAAW;YACxB,YAAY,EAAE,KAAK,KAAK,CAAC;YACzB,gBAAgB,EAAE,UAAU;SAC7B,CAAC,CACH,CAAA;QACD,yDAAyD;IAC3D,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAEpD,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CACf,qDAAqD,EACrD,gBAAgB,CAAC,OAAO,CAAC,EACzB,iBAAiB,CAAC,UAAU,CAAC,EAC7B,iBAAiB,CAAC,UAAU,CAAC,CAC9B;QAED,8BACE,SAAS,EAAE,MAAM,CACf,6CAA6C,EAC7C,wDAAwD,CACzD,IAEA,QAAQ,CACJ,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist-package/src/SliderValueLabel/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './SliderValueLabel';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/SliderValueLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SliderValueLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/SliderValueLabel/index.js

@@ -1,2 +0,0 @@
-export { default } from './SliderValueLabel';
-//# sourceMappingURL=index.js.map

package/dist-package/src/SliderValueLabel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SliderValueLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Slider';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist-package/src/index.js

@@ -1,2 +0,0 @@
-export * from './Slider';
-//# sourceMappingURL=index.js.map

package/dist-package/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist-package/src/utils/check-bg-color.d.ts

@@ -1,7 +0,0 @@
-export declare type GetBgColorProps = {
-    markActive?: boolean;
-    forceInactive?: boolean;
-    value?: number | readonly number[];
-};
-export declare const getBgColor: ({ markActive, forceInactive, value, }: GetBgColorProps) => "bg-gray-500" | "bg-blue-500";
-//# sourceMappingURL=check-bg-color.d.ts.map

package/dist-package/src/utils/check-bg-color.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"check-bg-color.d.ts","sourceRoot":"","sources":["../../../src/utils/check-bg-color.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,UAAU,0CAIpB,eAAe,kCAiBjB,CAAA"}

package/dist-package/src/utils/check-bg-color.js

@@ -1,15 +0,0 @@
-export const getBgColor = ({ markActive, forceInactive, value, }) => {
-    const inactive = 'bg-gray-500';
-    const active = 'bg-blue-500';
-    if (forceInactive) {
-        return inactive;
-    }
-    if (markActive) {
-        if (value === undefined) {
-            return inactive;
-        }
-        return active;
-    }
-    return inactive;
-};
-//# sourceMappingURL=check-bg-color.js.map

package/dist-package/src/utils/check-bg-color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"check-bg-color.js","sourceRoot":"","sources":["../../../src/utils/check-bg-color.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,UAAU,EACV,aAAa,EACb,KAAK,GACW,EAAE,EAAE;IACpB,MAAM,QAAQ,GAAG,aAAa,CAAA;IAC9B,MAAM,MAAM,GAAG,aAAa,CAAA;IAE5B,IAAI,aAAa,EAAE;QACjB,OAAO,QAAQ,CAAA;KAChB;IAED,IAAI,UAAU,EAAE;QACd,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,OAAO,QAAQ,CAAA;SAChB;QAED,OAAO,MAAM,CAAA;KACd;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/dist-package/src/utils/check-overlap.d.ts

@@ -1,26 +0,0 @@
-export declare type CheckOverlapProps = {
-    firstLabelRect: DOMRect;
-    secondLabelRect: DOMRect;
-    previousResult: boolean;
-};
-/**
- * if we have range slider, there is a chance
- * when we select values next to each other
- * that the lables might overlap each other. Like this example:
- * [   [ ]   ]
- *    A   B
- *
- * In that case we need to reposition the labels to the edges of the thumb.
- * [  ]   [  ]
- *    A  B
- *
- * In next rerender when we recalculate the position of the labels the
- * above example would end with result as not overlapping as the position was already changed.
- * So we need to work with the previous result of this function `previousResult`. When
- * true we need to add half of the width of the label to simulate the center position.
- *
- * This function checks and returns if the labels overlap.
- * It is called on each render of the component and everytime the Slider changes value.
- **/
-export declare const checkOverlap: ({ firstLabelRect, secondLabelRect, previousResult, }: CheckOverlapProps) => boolean;
-//# sourceMappingURL=check-overlap.d.ts.map

package/dist-package/src/utils/check-overlap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"check-overlap.d.ts","sourceRoot":"","sources":["../../../src/utils/check-overlap.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB,GAAG;IAC9B,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED;;;;;;;;;;;;;;;;;;IAkBI;AACJ,eAAO,MAAM,YAAY,yDAItB,iBAAiB,KAAG,OAatB,CAAA"}

package/dist-package/src/utils/check-overlap.js

@@ -1,32 +0,0 @@
-/**
- * if we have range slider, there is a chance
- * when we select values next to each other
- * that the lables might overlap each other. Like this example:
- * [   [ ]   ]
- *    A   B
- *
- * In that case we need to reposition the labels to the edges of the thumb.
- * [  ]   [  ]
- *    A  B
- *
- * In next rerender when we recalculate the position of the labels the
- * above example would end with result as not overlapping as the position was already changed.
- * So we need to work with the previous result of this function `previousResult`. When
- * true we need to add half of the width of the label to simulate the center position.
- *
- * This function checks and returns if the labels overlap.
- * It is called on each render of the component and everytime the Slider changes value.
- **/
-export const checkOverlap = ({ firstLabelRect, secondLabelRect, previousResult, }) => {
-    const gap = 16;
-    const halfWidth1 = firstLabelRect.width / 2;
-    const halfWidth2 = secondLabelRect.width / 2;
-    const rightBoundaryOfFirstLabel = previousResult
-        ? firstLabelRect.right + halfWidth1
-        : firstLabelRect.right;
-    const leftBoundaryOfSecondLabel = previousResult
-        ? secondLabelRect.left - halfWidth2
-        : secondLabelRect.left;
-    return rightBoundaryOfFirstLabel + gap > leftBoundaryOfSecondLabel;
-};
-//# sourceMappingURL=check-overlap.js.map

package/dist-package/src/utils/check-overlap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"check-overlap.js","sourceRoot":"","sources":["../../../src/utils/check-overlap.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;IAkBI;AACJ,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,cAAc,EACd,eAAe,EACf,cAAc,GACI,EAAW,EAAE;IAC/B,MAAM,GAAG,GAAG,EAAE,CAAA;IACd,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,GAAG,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,GAAG,CAAC,CAAA;IAE5C,MAAM,yBAAyB,GAAG,cAAc;QAC9C,CAAC,CAAC,cAAc,CAAC,KAAK,GAAG,UAAU;QACnC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAA;IACxB,MAAM,yBAAyB,GAAG,cAAc;QAC9C,CAAC,CAAC,eAAe,CAAC,IAAI,GAAG,UAAU;QACnC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAA;IAExB,OAAO,yBAAyB,GAAG,GAAG,GAAG,yBAAyB,CAAA;AACpE,CAAC,CAAA"}

package/dist-package/src/utils/get-x-placement.d.ts

@@ -1,8 +0,0 @@
-export declare type GetPositionProps = {
-    rect: DOMRect;
-    isOverlaped: boolean;
-    isFirstLabel: boolean;
-    currentPlacement: 'left' | 'right' | 'center';
-};
-export declare const getXPlacement: ({ rect: { width, left, right }, isOverlaped, isFirstLabel, currentPlacement, }: GetPositionProps) => 'left' | 'right' | 'center';
-//# sourceMappingURL=get-x-placement.d.ts.map

package/dist-package/src/utils/get-x-placement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-x-placement.d.ts","sourceRoot":"","sources":["../../../src/utils/get-x-placement.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,mFAKvB,gBAAgB,KAAG,MAAM,GAAG,OAAO,GAAG,QAexC,CAAA"}

package/dist-package/src/utils/get-x-placement.js

@@ -1,17 +0,0 @@
-export const getXPlacement = ({ rect: { width, left, right }, isOverlaped, isFirstLabel, currentPlacement, }) => {
-    const gap = 16;
-    const halfWidth = width / 2;
-    const leftBoundary = currentPlacement === 'right' ? left - halfWidth : left;
-    const rightBoundary = currentPlacement === 'left' ? right + halfWidth : right;
-    if (leftBoundary < gap) {
-        return 'right';
-    }
-    else if (rightBoundary > window.innerWidth - gap) {
-        return 'left';
-    }
-    else if (isOverlaped) {
-        return isFirstLabel ? 'left' : 'right';
-    }
-    return 'center';
-};
-//# sourceMappingURL=get-x-placement.js.map

package/dist-package/src/utils/get-x-placement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-x-placement.js","sourceRoot":"","sources":["../../../src/utils/get-x-placement.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAC5B,WAAW,EACX,YAAY,EACZ,gBAAgB,GACC,EAA+B,EAAE;IAClD,MAAM,GAAG,GAAG,EAAE,CAAA;IACd,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;IAC3B,MAAM,YAAY,GAAG,gBAAgB,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;IAC3E,MAAM,aAAa,GAAG,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAA;IAE7E,IAAI,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,OAAO,CAAA;KACf;SAAM,IAAI,aAAa,GAAG,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE;QAClD,OAAO,MAAM,CAAA;KACd;SAAM,IAAI,WAAW,EAAE;QACtB,OAAO,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;KACvC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/dist-package/src/utils/index.d.ts

@@ -1,4 +0,0 @@
-export * from './check-bg-color';
-export * from './check-overlap';
-export * from './get-x-placement';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}

package/dist-package/src/utils/index.js

@@ -1,4 +0,0 @@
-export * from './check-bg-color';
-export * from './check-overlap';
-export * from './get-x-placement';
-//# sourceMappingURL=index.js.map

package/dist-package/src/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA"}