@dreamcommerce/aurora 0.3.4-15 → 0.3.4-150

package/build/esm/src/components/range/index.js

@@ -0,0 +1,96 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { createUseStyles } from '../../../node_modules/react-jss/dist/react-jss.esm.js';
+import { getIndicatorPositionFromPosition } from '../../utilities/range/range_mappings.js';
+import { mapMouseEventToPosition, registerOnMouseEvents, mapTouchEventToPosition, registerOnTouchEvents } from '../../utilities/events/event_registration.js';
+import styles from '../../css/range/main.module.less.js';
+import CSS_CLASSES from './css_classes.js';
+import { getPositionFromValue, getValueFromPosition } from './utilities.js';
+
+var useStyles = createUseStyles({
+    pointer: {
+        transform: function (_a) {
+            var left = _a.left;
+            return "translate3d(" + (left - 10) + "px,0px,0px)";
+        },
+        background: function (_a) {
+            var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
+            if (isDisabled) {
+                return '#ececec';
+            }
+            return isDragged ? "rgb(19, 92, 200)" : 'none';
+        },
+        '&:hover': {
+            background: function (_a) {
+                var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
+                if (isDisabled) {
+                    return '#ececec';
+                }
+                return isDragged ? "rgb(19, 92, 200)" : 'rgba(19, 92, 200, 0.2)';
+            },
+        },
+    },
+});
+var Range = function (_a) {
+    var initialValue = _a.initialValue, _b = _a.max, max = _b === void 0 ? 100 : _b, _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, onChange = _a.onChange, isDisabled = _a.isDisabled, name = _a.name, _e = _a.orientation, orientation = _e === void 0 ? 'horizontal' : _e;
+    var rangeRef = useRef(null);
+    var _f = useState(initialValue || min), value = _f[0], setValue = _f[1];
+    var _g = useState(false), isDragged = _g[0], setDragged = _g[1];
+    var _h = useState({ top: 0, left: 0 }), rangePosition = _h[0], setRangePosition = _h[1];
+    var classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged: isDragged, isDisabled: isDisabled });
+    useEffect(function () {
+        if (rangeRef) {
+            var _a = getPositionFromValue({ value: initialValue || min, max: max, min: min, rangeRef: rangeRef }), top_1 = _a.top, left = _a.left;
+            if (orientation === 'horizontal') {
+                setRangePosition({ left: left, top: 0 });
+            }
+            else {
+                setRangePosition({ left: 0, top: top_1 });
+            }
+        }
+    }, [initialValue, max, min, orientation, rangeRef]);
+    var onRangeChangeEvent = function (position) {
+        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) || isDisabled) {
+            return;
+        }
+        var _a = getIndicatorPositionFromPosition({
+            elementRect: rangeRef.current.getBoundingClientRect(),
+            position: position,
+        }), positionY = _a.positionY, positionX = _a.positionX;
+        setRangePosition({ top: positionY, left: positionX });
+        var newValue = getValueFromPosition({
+            position: position,
+            rangeRectangle: rangeRef.current.getBoundingClientRect(),
+            max: max,
+            min: min,
+            step: step,
+        });
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            value: newValue,
+            prevValue: value,
+        });
+        setValue(newValue);
+    };
+    var onSliderDown = function (event) {
+        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
+            return;
+        }
+        setDragged(true);
+        onRangeChangeEvent(mapMouseEventToPosition(event));
+        var onEndListener = function () { return setDragged(false); };
+        registerOnMouseEvents(onRangeChangeEvent, onEndListener);
+    };
+    var onTouchStart = function (event) {
+        if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
+            return;
+        }
+        onRangeChangeEvent(mapTouchEventToPosition(event));
+        registerOnTouchEvents(onRangeChangeEvent);
+    };
+    return (React.createElement("div", { className: styles[CSS_CLASSES.range] + " " + (isDisabled ? styles[CSS_CLASSES.rangePointerDisabled] : ''), ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
+        React.createElement("div", { className: styles[CSS_CLASSES.rangePointer] + " " + classes.pointer, onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
+            React.createElement("div", { className: styles[CSS_CLASSES.rangePointerInside] + " " + (isDisabled ? styles[CSS_CLASSES.rangePointerInsideDisabled] : '') })),
+        name && React.createElement("input", { type: "hidden", name: name, value: value })));
+};
+
+export default Range;
+//# sourceMappingURL=index.js.map

package/build/esm/src/components/range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/range/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { IPosition } from '@components/color_picker/types';\nimport styles from '@css/range/main.module.less';\nimport { createUseStyles } from 'react-jss';\nimport { getIndicatorPositionFromPosition } from '@utilities/range/range_mappings';\nimport {\n    mapMouseEventToPosition,\n    mapTouchEventToPosition,\n    registerOnMouseEvents,\n    registerOnTouchEvents,\n} from '@utilities/events/event_registration';\nimport CSS_CLASSES from '@components/range/css_classes';\nimport { getPositionFromValue, getValueFromPosition } from '@components/range/utilities';\nimport { IRange } from './types';\n\nconst useStyles = createUseStyles({\n    pointer: {\n        transform: ({ left }) => `translate3d(${left - 10}px,0px,0px)`,\n        background: ({ isDragged, isDisabled }) => {\n            if (isDisabled) {\n                return '#ececec';\n            }\n            return isDragged ? `rgb(19, 92, 200)` : 'none';\n        },\n        '&:hover': {\n            background: ({ isDragged, isDisabled }) => {\n                if (isDisabled) {\n                    return '#ececec';\n                }\n                return isDragged ? `rgb(19, 92, 200)` : 'rgba(19, 92, 200, 0.2)';\n            },\n        },\n    },\n});\n\nconst Range: React.FC<IRange> = ({ initialValue, max = 100, min = 0, step = 1, onChange, isDisabled, name, orientation = 'horizontal' }) => {\n    const rangeRef = useRef<HTMLDivElement>(null);\n    const [value, setValue] = useState(initialValue || min);\n    const [isDragged, setDragged] = useState(false);\n    const [rangePosition, setRangePosition] = useState({ top: 0, left: 0 });\n    const classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged, isDisabled });\n\n    useEffect(() => {\n        if (rangeRef) {\n            const { top, left } = getPositionFromValue({ value: initialValue || min, max, min, rangeRef });\n            if (orientation === 'horizontal') {\n                setRangePosition({ left, top: 0 });\n            } else {\n                setRangePosition({ left: 0, top });\n            }\n        }\n    }, [initialValue, max, min, orientation, rangeRef]);\n\n    const onRangeChangeEvent = (position: IPosition) => {\n        if (!rangeRef?.current || isDisabled) {\n            return;\n        }\n        const { positionY, positionX } = getIndicatorPositionFromPosition({\n            elementRect: rangeRef.current.getBoundingClientRect(),\n            position,\n        });\n\n        setRangePosition({ top: positionY, left: positionX });\n        const newValue = getValueFromPosition({\n            position,\n            rangeRectangle: rangeRef.current.getBoundingClientRect(),\n            max,\n            min,\n            step,\n        });\n\n        onChange?.({\n            value: newValue,\n            prevValue: value,\n        });\n\n        setValue(newValue);\n    };\n\n    const onSliderDown = (event: React.MouseEvent<HTMLDivElement, MouseEvent> | MouseEvent) => {\n        if (!rangeRef?.current) {\n            return;\n        }\n        setDragged(true);\n        onRangeChangeEvent(mapMouseEventToPosition(event));\n        const onEndListener = () => setDragged(false);\n        registerOnMouseEvents(onRangeChangeEvent, onEndListener);\n    };\n\n    const onTouchStart = (event: React.TouchEvent<HTMLElement>) => {\n        if (!rangeRef?.current) {\n            return;\n        }\n        onRangeChangeEvent(mapTouchEventToPosition(event));\n        registerOnTouchEvents(onRangeChangeEvent);\n    };\n\n    return (\n        <div\n            className={`${styles[CSS_CLASSES.range]} ${isDisabled ? styles[CSS_CLASSES.rangePointerDisabled] : ''}`}\n            ref={rangeRef}\n            onMouseDown={onSliderDown}\n            onTouchStart={onTouchStart}\n        >\n            <div className={`${styles[CSS_CLASSES.rangePointer]} ${classes.pointer}`} onDrag={onRangeChangeEvent} onTouchStart={onTouchStart}>\n                <div\n                    className={`${styles[CSS_CLASSES.rangePointerInside]} ${isDisabled ? styles[CSS_CLASSES.rangePointerInsideDisabled] : ''}`}\n                />\n            </div>\n            {name && <input type=\"hidden\" name={name} value={value} />}\n        </div>\n    );\n};\n\nexport default Range;\n"],"names":[],"mappings":"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"}

package/build/esm/src/components/range/types.d.ts

@@ -0,0 +1,14 @@
+export interface IRange {
+    id?: string;
+    name?: string;
+    orientation?: string;
+    initialValue?: number;
+    max?: number;
+    min?: number;
+    step?: number;
+    isDisabled?: boolean;
+    onChange?: ({ prevValue, value }: {
+        prevValue: number;
+        value: number;
+    }) => void;
+}

package/build/esm/src/components/range/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/build/esm/src/components/range/types.js.map

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

package/build/esm/src/components/range/utilities.d.ts

@@ -0,0 +1,19 @@
+import { IPosition } from "../color_picker/types";
+import { RefObject } from 'react';
+export declare const getPositionFromValue: ({ value, rangeRef, max, min, }: {
+    rangeRef?: RefObject<HTMLDivElement> | undefined;
+    value: number;
+    max: number;
+    min: number;
+}) => {
+    left: number;
+    top: number;
+};
+export declare const getValueFromPosition: ({ rangeRectangle, position, rotation, step, max, min, }: {
+    rangeRectangle: DOMRect;
+    position: IPosition;
+    rotation?: string | undefined;
+    step?: number | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+}) => number;

package/build/esm/src/components/range/utilities.js

@@ -0,0 +1,31 @@
+import 'react';
+import { constrainToRange } from '../../utilities/range/range_mappings.js';
+
+var getPositionFromValue = function (_a) {
+    var value = _a.value, rangeRef = _a.rangeRef, max = _a.max, min = _a.min;
+    var _b;
+    var _c = ((_b = rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {}, _d = _c.width, width = _d === void 0 ? 0 : _d, _e = _c.height, height = _e === void 0 ? 0 : _e;
+    var difference = max - min;
+    return {
+        left: constrainToRange(((value - min) / difference) * width, 0, width),
+        top: constrainToRange(((value - min) / difference) * height, 0, height),
+    };
+};
+var getValueFromPosition = function (_a) {
+    var rangeRectangle = _a.rangeRectangle, position = _a.position, _b = _a.rotation, rotation = _b === void 0 ? 'horizontal' : _b, _c = _a.step, step = _c === void 0 ? 1 : _c, _d = _a.max, max = _d === void 0 ? 100 : _d, _e = _a.min, min = _e === void 0 ? 0 : _e;
+    var _f, _g;
+    var clientY = position.clientY, clientX = position.clientX;
+    var top = rangeRectangle.top, height = rangeRectangle.height, width = rangeRectangle.width, left = rangeRectangle.left;
+    var difference = max - min;
+    var distance = rotation === 'horizontal' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);
+    var rawValue = rotation === 'horizontal' ? (distance * difference) / width : (distance * difference) / height;
+    var flooredValue = Math.floor(rawValue / step) * step;
+    var ceiledValue = Math.ceil(rawValue / step) * step + step;
+    var value = ceiledValue - rawValue < step / 2 ? flooredValue : ceiledValue;
+    var fractionDigits = ((_g = (_f = ("" + step).split('.')) === null || _f === void 0 ? void 0 : _f[1]) === null || _g === void 0 ? void 0 : _g.length) || 0;
+    var fixedValue = (value + min - step).toFixed(fractionDigits);
+    return Number(fixedValue);
+};
+
+export { getPositionFromValue, getValueFromPosition };
+//# sourceMappingURL=utilities.js.map

package/build/esm/src/components/range/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../../src/components/range/utilities.ts"],"sourcesContent":["import { IPosition } from '@components/color_picker/types';\nimport { constrainToRange } from '@utilities/range/range_mappings';\nimport { RefObject } from 'react';\n\nexport const getPositionFromValue = ({\n    value,\n    rangeRef,\n    max,\n    min,\n}: {\n    rangeRef?: RefObject<HTMLDivElement>;\n    value: number;\n    max: number;\n    min: number;\n}) => {\n    const { width = 0, height = 0 } = rangeRef?.current?.getBoundingClientRect() || {};\n    const difference = max - min;\n\n    return {\n        left: constrainToRange(((value - min) / difference) * width, 0, width),\n        top: constrainToRange(((value - min) / difference) * height, 0, height),\n    };\n};\n\nexport const getValueFromPosition = ({\n    rangeRectangle,\n    position,\n    rotation = 'horizontal',\n    step = 1,\n    max = 100,\n    min = 0,\n}: {\n    rangeRectangle: DOMRect;\n    position: IPosition;\n    rotation?: string;\n    step?: number;\n    max?: number;\n    min?: number;\n}) => {\n    const { clientY, clientX } = position;\n    const { top, height, width, left } = rangeRectangle;\n    const difference = max - min;\n\n    const distance = rotation === 'horizontal' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);\n    const rawValue = rotation === 'horizontal' ? (distance * difference) / width : (distance * difference) / height;\n    const flooredValue = Math.floor(rawValue / step) * step;\n    const ceiledValue = Math.ceil(rawValue / step) * step + step;\n    const value = ceiledValue - rawValue < step / 2 ? flooredValue : ceiledValue;\n    const fractionDigits = `${step}`.split('.')?.[1]?.length || 0;\n    const fixedValue = (value + min - step).toFixed(fractionDigits);\n\n    return Number(fixedValue);\n};\n"],"names":[],"mappings":";;;IAIa,oBAAoB,GAAG,UAAC,EAUpC;QATG,gBAAK,EACL,sBAAQ,EACR,YAAG,EACH,YAAG;;IAOG,IAAA,wJAA4E,EAA1E,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAA+D,CAAC;IACnF,IAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;IAE7B,OAAO;QACH,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,UAAU,IAAI,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC;QACtE,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,UAAU,IAAI,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC;KAC1E,CAAC;AACN,EAAE;IAEW,oBAAoB,GAAG,UAAC,EAcpC;QAbG,kCAAc,EACd,sBAAQ,EACR,gBAAuB,EAAvB,4CAAuB,EACvB,YAAQ,EAAR,6BAAQ,EACR,WAAS,EAAT,8BAAS,EACT,WAAO,EAAP,4BAAO;;IASC,IAAA,0BAAO,EAAE,0BAAO,CAAc;IAC9B,IAAA,wBAAG,EAAE,8BAAM,EAAE,4BAAK,EAAE,0BAAI,CAAoB;IACpD,IAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;IAE7B,IAAM,QAAQ,GAAG,QAAQ,KAAK,YAAY,GAAG,gBAAgB,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,gBAAgB,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;IACrI,IAAM,QAAQ,GAAG,QAAQ,KAAK,YAAY,GAAG,CAAC,QAAQ,GAAG,UAAU,IAAI,KAAK,GAAG,CAAC,QAAQ,GAAG,UAAU,IAAI,MAAM,CAAC;IAChH,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACxD,IAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7D,IAAM,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,IAAI,GAAG,CAAC,GAAG,YAAY,GAAG,WAAW,CAAC;IAC7E,IAAM,cAAc,GAAG,aAAA,CAAA,KAAG,IAAM,EAAC,KAAK,CAAC,GAAG,CAAC,0CAAG,CAAC,2CAAG,MAAM,KAAI,CAAC,CAAC;IAC9D,IAAM,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,GAAG,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAEhE,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC;AAC9B;;;;"}

package/build/esm/src/components/spacing/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISpacingProps } from './types';
+declare const Spacing: React.FC<ISpacingProps>;
+export default Spacing;

package/build/esm/src/components/spacing/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import cssClasses from '../../css/spacing/main.module.less.js';
+
+var getClassNames = function (props) {
+    var classes = [];
+    for (var _i = 0, _a = Object.entries(props); _i < _a.length; _i++) {
+        var _b = _a[_i], key = _b[0], value = _b[1];
+        if (typeof value === 'number') {
+            var cssClassName = key + "_" + value;
+            var className = cssClasses[cssClassName];
+            if (className) {
+                classes.push(className);
+            }
+        }
+    }
+    return classes.join(' ');
+};
+var Spacing = function (props) {
+    return React.createElement("" + props.as, {
+        className: getClassNames(props)
+    }, props.children);
+};
+
+export default Spacing;
+//# sourceMappingURL=index.js.map

package/build/esm/src/components/spacing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/spacing/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport cssClasses from '@css/spacing/main.module.less';\n\nimport { ISpacingProps } from './types';\n\nconst getClassNames = (props: ISpacingProps): string => {\n    const classes: string[] = [];\n\n    for (const [key, value] of Object.entries(props) as [string, unknown][]) {\n        if (typeof value === 'number') {\n            const cssClassName = `${key}_${value}`;\n            const className = cssClasses[cssClassName];\n\n            if (className) {\n                classes.push(className);\n            }\n        }\n    }\n\n    return classes.join(' ');\n};\n\nconst Spacing: React.FC<ISpacingProps> = (props): JSX.Element => {\n    return React.createElement(\n        `${props.as}`,\n        {\n            className: getClassNames(props)\n        },\n        props.children\n    );\n};\n\nexport default Spacing;\n"],"names":[],"mappings":";;;AAMA,IAAM,aAAa,GAAG,UAAC,KAAoB;IACvC,IAAM,OAAO,GAAa,EAAE,CAAC;IAE7B,KAA2B,UAA4C,EAA5C,KAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAwB,EAA5C,cAA4C,EAA5C,IAA4C,EAAE;QAA9D,IAAA,WAAY,EAAX,WAAG,EAAE,aAAK;QAClB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,IAAM,YAAY,GAAM,GAAG,SAAI,KAAO,CAAC;YACvC,IAAM,SAAS,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;YAE3C,IAAI,SAAS,EAAE;gBACX,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC3B;SACJ;KACJ;IAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7B,CAAC,CAAC;IAEI,OAAO,GAA4B,UAAC,KAAK;IAC3C,OAAO,KAAK,CAAC,aAAa,CACtB,KAAG,KAAK,CAAC,EAAI,EACb;QACI,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;KAClC,EACD,KAAK,CAAC,QAAQ,CACjB,CAAC;AACN;;;;"}

package/build/esm/src/components/spacing/types.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from "react";
+declare type TSpacingRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
+export interface ISpacingProps {
+    'as': string;
+    'children': ReactNode;
+    'mt-xs'?: TSpacingRange;
+    'mr-xs'?: TSpacingRange;
+    'mb-xs'?: TSpacingRange;
+    'ml-xs'?: TSpacingRange;
+    'mt-sm'?: TSpacingRange;
+    'mr-sm'?: TSpacingRange;
+    'mb-sm'?: TSpacingRange;
+    'ml-sm'?: TSpacingRange;
+    'mt-md'?: TSpacingRange;
+    'mr-md'?: TSpacingRange;
+    'mb-md'?: TSpacingRange;
+    'ml-md'?: TSpacingRange;
+    'mt-lg'?: TSpacingRange;
+    'mr-lg'?: TSpacingRange;
+    'mb-lg'?: TSpacingRange;
+    'ml-lg'?: TSpacingRange;
+    'mt-xl'?: TSpacingRange;
+    'mr-xl'?: TSpacingRange;
+    'mb-xl'?: TSpacingRange;
+    'ml-xl'?: TSpacingRange;
+    'pt-xs'?: TSpacingRange;
+    'pr-xs'?: TSpacingRange;
+    'pb-xs'?: TSpacingRange;
+    'pl-xs'?: TSpacingRange;
+    'pt-sm'?: TSpacingRange;
+    'pr-sm'?: TSpacingRange;
+    'pb-sm'?: TSpacingRange;
+    'pl-sm'?: TSpacingRange;
+    'pt-md'?: TSpacingRange;
+    'pr-md'?: TSpacingRange;
+    'pb-md'?: TSpacingRange;
+    'pl-md'?: TSpacingRange;
+    'pt-lg'?: TSpacingRange;
+    'pr-lg'?: TSpacingRange;
+    'pb-lg'?: TSpacingRange;
+    'pl-lg'?: TSpacingRange;
+    'pt-xl'?: TSpacingRange;
+    'pr-xl'?: TSpacingRange;
+    'pb-xl'?: TSpacingRange;
+    'pl-xl'?: TSpacingRange;
+}
+export {};

package/build/esm/src/components/spacing/types.js

@@ -0,0 +1,2 @@
+import "react";
+//# sourceMappingURL=types.js.map

package/build/esm/src/components/spacing/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/spacing/types.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC"}

package/build/esm/src/components/table/components/cell.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ICellProps } from '../types';
+declare const Cell: FC<ICellProps>;
+export default Cell;

package/build/esm/src/components/table/components/cell.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { classNames } from '../../../utilities/styles/classNames.js';
+import cssClasses from '../../../css/table/main.module.less.js';
+
+var cellClassName = function (_a) {
+    var _b = _a === void 0 ? {} : _a, clearPadding = _b.clearPadding, color = _b.color, header = _b.header, highlight = _b.highlight, size = _b.size, sticky = _b.sticky;
+    return classNames([
+        'cell',
+        clearPadding && 'cell_clear-padding',
+        highlight && 'cell_highlight',
+        sticky && 'cell_sticky',
+        header && 'cell_header',
+        color && "cell_" + color,
+        size && "cell_" + size
+    ], cssClasses);
+};
+var Cell = function (_a) {
+    var children = _a.children, clearPadding = _a.clearPadding, color = _a.color, header = _a.header, highlight = _a.highlight, size = _a.size, sticky = _a.sticky;
+    return (React.createElement("td", { className: cellClassName({ clearPadding: clearPadding, color: color, header: header, highlight: highlight, size: size, sticky: sticky }) }, children));
+};
+
+export default Cell;
+//# sourceMappingURL=cell.js.map

package/build/esm/src/components/table/components/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","sources":["../../../../../../src/components/table/components/cell.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport cssClasses from '@css/table/main.module.less';\nimport { ICellProps } from '../types';\n\nconst cellClassName = ({ clearPadding, color, header, highlight, size, sticky }: ICellProps = {}) =>\n    classNames(\n        [\n            'cell',\n            clearPadding && 'cell_clear-padding',\n            highlight && 'cell_highlight',\n            sticky && 'cell_sticky',\n            header && 'cell_header',\n            color && `cell_${color}`,\n            size && `cell_${size}`\n        ],\n        cssClasses\n    );\n\nconst Cell: FC<ICellProps> = ({ children, clearPadding, color, header, highlight, size, sticky }) => (\n    <td className={cellClassName({ clearPadding, color, header, highlight, size, sticky })}>{children}</td>\n);\n\nexport default Cell;\n"],"names":[],"mappings":";;;;AAKA,IAAM,aAAa,GAAG,UAAC,EAAyE;QAAzE,4BAAyE,EAAvE,8BAAY,EAAE,gBAAK,EAAE,kBAAM,EAAE,wBAAS,EAAE,cAAI,EAAE,kBAAM;IACzE,OAAA,UAAU,CACN;QACI,MAAM;QACN,YAAY,IAAI,oBAAoB;QACpC,SAAS,IAAI,gBAAgB;QAC7B,MAAM,IAAI,aAAa;QACvB,MAAM,IAAI,aAAa;QACvB,KAAK,IAAI,UAAQ,KAAO;QACxB,IAAI,IAAI,UAAQ,IAAM;KACzB,EACD,UAAU,CACb;AAXD,CAWC,CAAC;IAEA,IAAI,GAAmB,UAAC,EAAkE;QAAhE,sBAAQ,EAAE,8BAAY,EAAE,gBAAK,EAAE,kBAAM,EAAE,wBAAS,EAAE,cAAI,EAAE,kBAAM;IAAO,QACjG,4BAAI,SAAS,EAAE,aAAa,CAAC,EAAE,YAAY,cAAA,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,IAAG,QAAQ,CAAM;AADN;;;;"}

package/build/esm/src/components/table/components/row.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IIRowProps } from '../types';
+declare const Row: FC<IIRowProps>;
+export default Row;

package/build/esm/src/components/table/components/row.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import cssClasses from '../../../css/table/main.module.less.js';
+
+var rowClassName = function (_a) {
+    var responsive = _a.responsive, responsiveWithoutAction = _a.responsiveWithoutAction;
+    return cssClasses[responsiveWithoutAction ? 'tr_responsive-columns_without-actions' : responsive ? 'tr_responsive-columns' : ''];
+};
+var Row = function (_a) {
+    var responsiveWithoutAction = _a.responsiveWithoutAction, responsive = _a.responsive, children = _a.children;
+    return (React.createElement("tr", { className: rowClassName({ responsive: responsive, responsiveWithoutAction: responsiveWithoutAction }) }, children));
+};
+
+export default Row;
+//# sourceMappingURL=row.js.map

package/build/esm/src/components/table/components/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sources":["../../../../../../src/components/table/components/row.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styles from '@css/table/main.module.less';\nimport { IIRowProps } from '../types';\n\nconst rowClassName = ({ responsive, responsiveWithoutAction }: { responsiveWithoutAction?: boolean; responsive?: boolean }) =>\n    styles[responsiveWithoutAction ? 'tr_responsive-columns_without-actions' : responsive ? 'tr_responsive-columns' : ''];\n\nconst Row: FC<IIRowProps> = ({ responsiveWithoutAction, responsive, children }) => (\n    <tr className={rowClassName({ responsive, responsiveWithoutAction })}>{children}</tr>\n);\n\nexport default Row;\n"],"names":["styles"],"mappings":";;;AAIA,IAAM,YAAY,GAAG,UAAC,EAAoG;QAAlG,0BAAU,EAAE,oDAAuB;IACvD,OAAAA,UAAM,CAAC,uBAAuB,GAAG,uCAAuC,GAAG,UAAU,GAAG,uBAAuB,GAAG,EAAE,CAAC;AAArH,CAAqH,CAAC;IAEpH,GAAG,GAAmB,UAAC,EAAiD;QAA/C,oDAAuB,EAAE,0BAAU,EAAE,sBAAQ;IAAO,QAC/E,4BAAI,SAAS,EAAE,YAAY,CAAC,EAAE,UAAU,YAAA,EAAE,uBAAuB,yBAAA,EAAE,CAAC,IAAG,QAAQ,CAAM;AADN;;;;"}

package/build/esm/src/components/table/components/t_body.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const TBody: FC;
+export default TBody;

package/build/esm/src/components/table/components/t_body.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+var TBody = function (_a) {
+    var children = _a.children;
+    return (React.createElement("tbody", null, children));
+};
+
+export default TBody;
+//# sourceMappingURL=t_body.js.map

package/build/esm/src/components/table/components/t_body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"t_body.js","sources":["../../../../../../src/components/table/components/t_body.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nconst TBody:FC = ({children})=> (\n    <tbody>\n        { children }\n    </tbody>\n)\n\nexport default TBody;"],"names":[],"mappings":";;IAEM,KAAK,GAAM,UAAC,EAAU;QAAT,sBAAQ;IAAK,QAC5B,mCACM,QAAQ,CACN;AAHoB;;;;"}

package/build/esm/src/components/table/components/t_head.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const THead: FC;
+export default THead;

package/build/esm/src/components/table/components/t_head.js

@@ -0,0 +1,10 @@
+import React from 'react';
+
+var THead = function (_a) {
+    var children = _a.children;
+    return (React.createElement("thead", null,
+        React.createElement("tr", null, children)));
+};
+
+export default THead;
+//# sourceMappingURL=t_head.js.map

package/build/esm/src/components/table/components/t_head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"t_head.js","sources":["../../../../../../src/components/table/components/t_head.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nconst THead:FC = ({children})=> (\n    <thead>\n        <tr>\n            { children }\n        </tr>\n    </thead>\n);\n\nexport default THead;"],"names":[],"mappings":";;IAEM,KAAK,GAAM,UAAC,EAAU;QAAT,sBAAQ;IAAK,QAC5B;QACI,gCACM,QAAQ,CACT,CACD;AALoB;;;;"}

package/build/esm/src/components/table/hoc/data-table.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IDataTableProps } from "../types";
+declare const DataTable: FC<IDataTableProps>;
+export default DataTable;

package/build/esm/src/components/table/hoc/data-table.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { __assign } from '../../../../_virtual/_tslib.js';
+import Table from '../index.js';
+
+var DataTable = function (_a) {
+    var columns = _a.columns, data = _a.data;
+    return (React.createElement(Table, null,
+        React.createElement(Table.THead, null, columns.map(function (_a) {
+            var name = _a.name, header = _a.header;
+            return (React.createElement("th", { key: "headers-header-" + name }, header));
+        })),
+        React.createElement(Table.TBody, null, data.map(function (item, rowIndex) { return (React.createElement(Table.Row, { key: "table-tr-" + rowIndex }, columns.map(function (_a, colIndex) {
+            var name = _a.name, CustomCell = _a.CustomCell, modifiers = _a.modifiers, header = _a.header;
+            return (React.createElement(Table.Cell, __assign({ key: "table-tr-" + rowIndex + "-td-" + colIndex }, modifiers), CustomCell ? React.createElement(CustomCell, { item: item, column: { name: name, CustomCell: CustomCell, modifiers: modifiers, header: header } }) : item[name]));
+        }))); }))));
+};
+
+export default DataTable;
+//# sourceMappingURL=data-table.js.map

package/build/esm/src/components/table/hoc/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sources":["../../../../../../src/components/table/hoc/data-table.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport Table from '@components/table';\nimport { IDataTableProps } from '@components/table/types';\n\nconst DataTable: FC<IDataTableProps> = ({ columns, data }) => {\n    return (\n        <Table>\n            <Table.THead>\n                {columns.map(({ name, header }) => (\n                    <th key={`headers-header-${name}`}>{header}</th>\n                ))}\n            </Table.THead>\n            <Table.TBody>\n                {data.map((item, rowIndex) => (\n                    <Table.Row key={`table-tr-${rowIndex}`}>\n                        {columns.map(({ name, CustomCell, modifiers, header }, colIndex) => (\n                            <Table.Cell key={`table-tr-${rowIndex}-td-${colIndex}`} {...modifiers}>\n                                {CustomCell ? <CustomCell item={item} column={{ name, CustomCell, modifiers, header }} /> : item[name]}\n                            </Table.Cell>\n                        ))}\n                    </Table.Row>\n                ))}\n            </Table.TBody>\n        </Table>\n    );\n};\n\nexport default DataTable;\n"],"names":[],"mappings":";;;;IAIM,SAAS,GAAwB,UAAC,EAAiB;QAAf,oBAAO,EAAE,cAAI;IACnD,QACI,oBAAC,KAAK;QACF,oBAAC,KAAK,CAAC,KAAK,QACP,OAAO,CAAC,GAAG,CAAC,UAAC,EAAgB;gBAAd,cAAI,EAAE,kBAAM;YAAO,QAC/B,4BAAI,GAAG,EAAE,oBAAkB,IAAM,IAAG,MAAM,CAAM;SACnD,CAAC,CACQ;QACd,oBAAC,KAAK,CAAC,KAAK,QACP,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,QAAQ,IAAK,QAC1B,oBAAC,KAAK,CAAC,GAAG,IAAC,GAAG,EAAE,cAAY,QAAU,IACjC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAuC,EAAE,QAAQ;gBAA/C,cAAI,EAAE,0BAAU,EAAE,wBAAS,EAAE,kBAAM;YAAiB,QAChE,oBAAC,KAAK,CAAC,IAAI,aAAC,GAAG,EAAE,cAAY,QAAQ,YAAO,QAAU,IAAM,SAAS,GAChE,UAAU,GAAG,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,MAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,MAAM,QAAA,EAAE,GAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAC7F;SAChB,CAAC,CACM,IACf,CAAC,CACQ,CACV,EACV;AACN;;;;"}

package/build/esm/src/components/table/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITableComposition, ITableProps } from './types';
+declare const Table: FC<ITableProps> & ITableComposition;
+export default Table;

package/build/esm/src/components/table/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { classNames } from '../../utilities/styles/classNames.js';
+import cssClasses from '../../css/table/main.module.less.js';
+import Cell from './components/cell.js';
+import THead from './components/t_head.js';
+import TBody from './components/t_body.js';
+import Row from './components/row.js';
+
+var tableClassName = function (_a) {
+    var zebra = _a.zebra, clear = _a.clear, zebraOrders = _a.zebraOrders, main = _a.main;
+    return classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], cssClasses);
+};
+var Table = function (_a) {
+    var children = _a.children, zebra = _a.zebra, clear = _a.clear, zebraOrders = _a.zebraOrders, main = _a.main;
+    return (React.createElement("div", { className: cssClasses['table-container'] },
+        React.createElement("table", { className: tableClassName({ zebra: zebra, clear: clear, zebraOrders: zebraOrders, main: main }) }, children)));
+};
+Table.Cell = Cell;
+Table.THead = THead;
+Table.TBody = TBody;
+Table.Row = Row;
+
+export default Table;
+//# sourceMappingURL=index.js.map

package/build/esm/src/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/table/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cssClasses from '@css/table/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport { ITableComposition, ITableProps } from './types';\nimport Cell from './components/cell';\nimport THead from './components/t_head';\nimport TBody from './components/t_body';\nimport Row from './components/row';\n\nconst tableClassName = ({ zebra, clear, zebraOrders, main }: ITableProps) =>\n    classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], cssClasses);\n\nconst Table: FC<ITableProps> & ITableComposition = ({ children, zebra, clear, zebraOrders, main }) => (\n    <div className={cssClasses['table-container']}>\n        <table className={tableClassName({ zebra, clear, zebraOrders, main })}>{children}</table>\n    </div>\n);\n\nTable.Cell = Cell;\nTable.THead = THead;\nTable.TBody = TBody;\nTable.Row = Row;\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;;;AASA,IAAM,cAAc,GAAG,UAAC,EAAgD;QAA9C,gBAAK,EAAE,gBAAK,EAAE,4BAAW,EAAE,cAAI;IACrD,OAAA,UAAU,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,WAAW,IAAI,oBAAoB,EAAE,KAAK,IAAI,aAAa,EAAE,IAAI,IAAI,YAAY,CAAC,EAAE,UAAU,CAAC;AAA5I,CAA4I,CAAC;IAE3I,KAAK,GAAwC,UAAC,EAA6C;QAA3C,sBAAQ,EAAE,gBAAK,EAAE,gBAAK,EAAE,4BAAW,EAAE,cAAI;IAAO,QAClG,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;QACzC,+BAAO,SAAS,EAAE,cAAc,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC,IAAG,QAAQ,CAAS,CACvF;AAH4F,EAIpG;AAEF,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;AAClB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AACpB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AACpB,KAAK,CAAC,GAAG,GAAG,GAAG;;;;"}

package/build/esm/src/components/table/types.d.ts

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+export interface ICellProps {
+    color?: 'primary' | 'secondary';
+    sticky?: boolean;
+    clearPadding?: boolean;
+    size?: 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl' | 'switch' | 'action';
+    header?: boolean;
+    highlight?: boolean;
+}
+export interface IIRowProps {
+    responsive?: boolean;
+    responsiveWithoutAction?: boolean;
+}
+export interface ITableProps {
+    zebra?: boolean;
+    zebraOrders?: boolean;
+    clear?: boolean;
+    main?: boolean;
+}
+export interface ICustomCellProps {
+    item: any;
+    column: IColumnProps;
+}
+export interface IColumnProps {
+    name: string;
+    header: string;
+    modifiers?: ICellProps;
+    CustomCell?: FC<ICustomCellProps>;
+}
+export interface IDataTableProps extends ITableProps {
+    data: Array<any>;
+    columns: Array<IColumnProps>;
+}
+export interface ITableComposition {
+    Cell: FC<ICellProps>;
+    THead: FC;
+    Row: FC<IIRowProps>;
+    TBody: FC;
+}

package/build/esm/src/components/table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAmB,OAAO,CAAC"}

package/build/esm/src/components/tabs/components/tab_item.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabItemProps } from '../types';
+export declare const TabItem: FC<ITabItemProps>;
+export default TabItem;

package/build/esm/src/components/tabs/components/tab_item.js

@@ -0,0 +1,24 @@
+import React, { useContext, useState, useEffect } from 'react';
+import { classNames } from '../../../utilities/styles/classNames.js';
+import cssClasses from '../../../css/tabs/main.module.less.js';
+import { TabContext } from '../context.js';
+import { useUniqueId } from '../../../hooks/use_unique_id.js';
+
+var TabItem = function (_a) {
+    var children = _a.children, initial = _a.initial;
+    var _b = useContext(TabContext), setSelected = _b.setSelected, isSelected = _b.isSelected;
+    var uniqueId = useUniqueId().uniqueId;
+    var uniqueTabId = useState(uniqueId())[0];
+    useEffect(function () {
+        if (initial) {
+            setSelected(uniqueTabId);
+        }
+    }, [uniqueTabId, initial, setSelected]);
+    return (React.createElement("li", { className: classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], cssClasses), onClick: function () {
+            setSelected(uniqueTabId);
+        } }, children));
+};
+
+export default TabItem;
+export { TabItem };
+//# sourceMappingURL=tab_item.js.map

package/build/esm/src/components/tabs/components/tab_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_item.js","sources":["../../../../../../src/components/tabs/components/tab_item.tsx"],"sourcesContent":["import React, { FC, useContext, useEffect, useState } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport cssClasses from '@css/tabs/main.module.less';\nimport { ITabItemProps } from '../types';\nimport { TabContext } from '../context';\nimport { useUniqueId } from '@hooks/use_unique_id';\n\nexport const TabItem: FC<ITabItemProps> = ({ children, initial }) => {\n    const { setSelected, isSelected } = useContext(TabContext);\n    const { uniqueId } = useUniqueId();\n    const [uniqueTabId] = useState(uniqueId());\n    useEffect(() => {\n        if (initial) {\n            setSelected(uniqueTabId);\n        }\n    }, [uniqueTabId, initial, setSelected]);\n\n    return (\n        <li\n            className={classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], cssClasses)}\n            onClick={() => {\n                setSelected(uniqueTabId);\n            }}\n        >\n            {children}\n        </li>\n    );\n};\n\nexport default TabItem;\n"],"names":[],"mappings":";;;;;;IAOa,OAAO,GAAsB,UAAC,EAAqB;QAAnB,sBAAQ,EAAE,oBAAO;IACpD,IAAA,2BAAoD,EAAlD,4BAAW,EAAE,0BAAqC,CAAC;IACnD,IAAA,iCAAQ,CAAmB;IAC5B,IAAA,qCAAW,CAAyB;IAC3C,SAAS,CAAC;QACN,IAAI,OAAO,EAAE;YACT,WAAW,CAAC,WAAW,CAAC,CAAC;SAC5B;KACJ,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAExC,QACI,4BACI,SAAS,EAAE,UAAU,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,WAAW,CAAC,IAAI,mBAAmB,CAAC,EAAE,UAAU,CAAC,EACjG,OAAO,EAAE;YACL,WAAW,CAAC,WAAW,CAAC,CAAC;SAC5B,IAEA,QAAQ,CACR,EACP;AACN;;;;;"}

package/build/esm/src/components/tabs/components/tabs.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITabsProps } from '../types';
+declare const Tabs: FC<ITabsProps>;
+export default Tabs;

package/build/esm/src/components/tabs/components/tabs.js

@@ -0,0 +1,16 @@
+import React, { useState } from 'react';
+import { classNames } from '../../../utilities/styles/classNames.js';
+import cssClasses from '../../../css/tabs/main.module.less.js';
+import { TabContext } from '../context.js';
+
+var Tabs = function (_a) {
+    var children = _a.children, _b = _a.small, small = _b === void 0 ? false : _b;
+    var _c = useState(null), selected = _c[0], setSelected = _c[1];
+    var isSelected = function (tabId) { return tabId === selected; };
+    return (React.createElement(TabContext.Provider, { value: { selected: selected, setSelected: setSelected, isSelected: isSelected } },
+        React.createElement("nav", { className: classNames(['tabs', small && 'tabs_small'], cssClasses) },
+            React.createElement("ul", { className: cssClasses['tabs__list'] }, children))));
+};
+
+export default Tabs;
+//# sourceMappingURL=tabs.js.map

package/build/esm/src/components/tabs/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../../../../../src/components/tabs/components/tabs.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport cssClasses from '@css/tabs/main.module.less';\nimport { TabContext } from '../context';\nimport { ITabsProps } from '../types';\n\nconst Tabs: FC<ITabsProps> = ({ children, small = false }) => {\n    const [selected, setSelected] = useState(null);\n    const isSelected = (tabId: string) => tabId === selected;\n\n    return (\n        <TabContext.Provider value={{ selected, setSelected, isSelected }}>\n            <nav className={classNames(['tabs', small && 'tabs_small'], cssClasses)}>\n                <ul className={cssClasses['tabs__list']}>{children}</ul>\n            </nav>\n        </TabContext.Provider>\n    );\n};\n\nexport default Tabs;\n"],"names":[],"mappings":";;;;;IAMM,IAAI,GAAmB,UAAC,EAA2B;QAAzB,sBAAQ,EAAE,aAAa,EAAb,kCAAa;IAC7C,IAAA,mBAAwC,EAAvC,gBAAQ,EAAE,mBAA6B,CAAC;IAC/C,IAAM,UAAU,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,KAAK,QAAQ,GAAA,CAAC;IAEzD,QACI,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;QAC7D,6BAAK,SAAS,EAAE,UAAU,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,YAAY,CAAC,EAAE,UAAU,CAAC;YACnE,4BAAI,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAM,CACtD,CACY,EACxB;AACN;;;;"}

package/build/esm/src/components/tabs/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ITabContextProps } from "./types";
+export declare const TabContext: import("react").Context<ITabContextProps>;

package/build/esm/src/components/tabs/context.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+var TabContext = createContext({
+    selected: null,
+    setSelected: function () { },
+    isSelected: function () { return false; }
+});
+
+export { TabContext };
+//# sourceMappingURL=context.js.map

package/build/esm/src/components/tabs/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../src/components/tabs/context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { ITabContextProps } from '@components/tabs/types';\n\nexport const TabContext = createContext<ITabContextProps>({\n    selected: null,\n    setSelected: () => {},\n    isSelected: () => false\n});\n"],"names":[],"mappings":";;IAGa,UAAU,GAAG,aAAa,CAAmB;IACtD,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,eAAQ;IACrB,UAAU,EAAE,cAAM,OAAA,KAAK,GAAA;CAC1B;;;;"}

package/build/esm/src/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+import Tabs from './components/tabs';
+import TabItem from './components/tab_item';
+export { Tabs, TabItem };

package/build/esm/src/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC"}