@codeleap/web 4.1.0 → 4.2.1

package/dist/components/Select/types.d.ts

@@ -0,0 +1,106 @@
+import { FormTypes, yup } from '@codeleap/common';
+import { CSSInterpolation } from '@emotion/css';
+import { MutableRefObject } from 'react';
+import { GroupBase, NoticeProps, OptionProps, Props } from 'react-select';
+import { AsyncProps } from 'react-select/async';
+import { ComponentCommonProps } from '../../types';
+import { ButtonProps } from '../Button';
+import { InputBaseProps } from '../InputBase';
+import { SelectComposition, OptionState } from './styles';
+import { StyledProp } from '@codeleap/styles';
+type SelectValue<T, Multi extends boolean> = Multi extends true ? T[] : T;
+type OmitWithValues<T> = Omit<T, 'options' | 'value' | 'isMulti' | 'loadOptions' | 'styles'>;
+type DynamicSelectProps<T, Multi extends boolean> = ({
+    loadOptions?: (search: string) => Promise<FormTypes.Options<T>>;
+    defaultValues?: FormTypes.Options<T>;
+} & OmitWithValues<AsyncProps<FormTypes.Option<T>, Multi, GroupBase<FormTypes.Option<T>>>>) | ({
+    loadOptions?: never;
+} & OmitWithValues<Props<FormTypes.Option<T>, Multi, GroupBase<FormTypes.Option<T>>>>);
+export type ReactSelectProps<T, Multi extends boolean = false> = Omit<InputBaseProps, 'style'> & {
+    options: FormTypes.Options<T> & {
+        itemProps?: ButtonProps;
+    };
+    value: SelectValue<T, Multi>;
+    onValueChange?: (value: SelectValue<T, Multi>) => void;
+    multiple?: Multi;
+    validate?: FormTypes.ValidatorWithoutForm<SelectValue<T, Multi>> | yup.SchemaOf<SelectValue<T, Multi>>;
+    style?: StyledProp<SelectComposition>;
+} & DynamicSelectProps<T, Multi>;
+export type ComponentPartProps = {
+    focused: boolean;
+    error: boolean;
+    disabled: boolean;
+    styles: Record<SelectComposition, React.CSSProperties>;
+};
+export type TCustomOption = OptionProps & ComponentPartProps & ComponentCommonProps & {
+    optionsStyles: (state: OptionState) => OptionState['baseStyles'];
+    selectedIcon?: string;
+    data: OptionProps['data'] & {
+        itemProps?: ButtonProps;
+    };
+    itemProps?: ButtonProps;
+    styles?: OptionState['baseStyles'];
+};
+type SelectPlaceholderElement = string | ((props: PlaceholderProps) => JSX.Element) | JSX.Element;
+export type PlaceholderProps = NoticeProps & ComponentPartProps & {
+    text: SelectPlaceholderElement;
+    defaultStyles: {
+        wrapper: CSSInterpolation;
+        text: CSSInterpolation;
+        icon: CSSInterpolation;
+    };
+    icon: SelectPlaceholderElement;
+    image: HTMLImageElement['src'];
+} & ComponentCommonProps;
+export type LoadingIndicatorProps = NoticeProps & {
+    defaultStyles: {
+        wrapper: CSSInterpolation;
+    };
+    size?: number;
+} & ComponentCommonProps;
+export type SelectProps<T = any, Multi extends boolean = false> = React.PropsWithChildren<{
+    debugName?: string;
+    clearable?: boolean;
+    closeOnSelect?: boolean;
+    focused?: boolean;
+    _error?: string;
+    renderItem?: (props: TCustomOption) => JSX.Element;
+    FooterComponent?: () => JSX.Element;
+    PlaceholderComponent?: (props: PlaceholderProps) => JSX.Element;
+    PlaceholderNoItemsComponent?: (props: PlaceholderProps) => JSX.Element;
+    LoadingIndicatorComponent?: (props: LoadingIndicatorProps) => JSX.Element;
+    noItemsText?: SelectPlaceholderElement;
+    noItemsIcon?: SelectPlaceholderElement;
+    noItemsImage?: PlaceholderProps['image'];
+    placeholderText?: SelectPlaceholderElement;
+    placeholderIcon?: SelectPlaceholderElement;
+    placeholderImage?: PlaceholderProps['image'];
+    showDropdownIcon?: boolean;
+    formatPlaceholderNoItems?: (props: PlaceholderProps & {
+        text: string;
+    }) => string;
+    selectedIcon?: string;
+    onLoadOptionsError?: (error: any) => void;
+    loadOptionsOnMount?: boolean;
+    searchable?: boolean;
+    separatorMultiValue?: string;
+    filterItems?: Props['filterOption'];
+    itemProps?: ButtonProps;
+    loadingIndicatorSize?: number;
+    limit?: number;
+    loadInitialValue?: boolean;
+    loadingMessage?: string;
+    selectedOption?: {
+        label: FormTypes.Label;
+        value: T;
+    } | SelectValue<T, Multi>;
+    selectRef?: MutableRefObject<any>;
+    setSelectedOption?: (value: {
+        label: FormTypes.Label;
+        value: T;
+    } | SelectValue<T, Multi>) => void;
+} & Omit<ReactSelectProps<T, Multi>, 'isSearchable' | 'isClearable' | 'isDisabled' | 'loadingMessage' | 'filterOption' | 'isLoading' | 'menuPortalTarget' | 'closeMenuOnSelect' | 'isMulti'>>;
+export type UseSelectStylesProps = SelectProps & {
+    styleRegistryName: string;
+};
+export {};

package/dist/components/Select/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Select/types.js.map

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

package/dist/components/Slider/index.d.ts

@@ -0,0 +1,12 @@
+import { SliderProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Slider: {
+    (props: SliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<SliderProps, S>) => IJSX;
+    defaultProps: Partial<SliderProps>;
+};

package/dist/components/Slider/index.js

@@ -0,0 +1,222 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+var InputBase_1 = require("../InputBase");
+var Text_1 = require("../Text");
+var react_slider_1 = require("@radix-ui/react-slider");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var styles_1 = require("@codeleap/styles");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var DefaultSliderTrackMark = function (props) {
+    var style = props.style;
+    if (!common_1.TypeGuards.isString(props.content)) {
+        return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: props.content });
+    }
+    return (0, jsx_runtime_1.jsx)(Text_1.Text, { text: props.content, style: style });
+};
+var Slider = function (props) {
+    var _a = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Slider.defaultProps), props)), inputBaseProps = _a.inputBaseProps, others = _a.others;
+    var onValueChange = others.onValueChange, onValueCommit = others.onValueCommit, _value = others.value, label = others.label, debugName = others.debugName, style = others.style, disabled = others.disabled, trackMarks = others.trackMarks, _b = others.trackMarkComponent, SliderTrackMark = _b === void 0 ? DefaultSliderTrackMark : _b, max = others.max, min = others.min, defaultSliderValue = others.defaultValue, indicatorLabel = others.indicatorLabel, description = others.description, minStepsBetweenThumbs = others.minStepsBetweenThumbs, step = others.step, onPressThumbSetValue = others.onPressThumbSetValue, onPressThumb = others.onPressThumb, sliderProps = __rest(others, ["onValueChange", "onValueCommit", "value", "label", "debugName", "style", "disabled", "trackMarks", "trackMarkComponent", "max", "min", "defaultValue", "indicatorLabel", "description", "minStepsBetweenThumbs", "step", "onPressThumbSetValue", "onPressThumb"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Slider.styleRegistryName, style);
+    var isUniqueValue = !common_1.TypeGuards.isArray(_value);
+    var value = isUniqueValue ? [_value] : _value;
+    var _defaultValue = common_1.TypeGuards.isArray(defaultSliderValue) ? defaultSliderValue : [defaultSliderValue];
+    var defaultValueRef = (0, common_1.useRef)(_defaultValue);
+    var defaultValue = defaultValueRef.current;
+    (0, common_1.onMount)(function () {
+        if ((_defaultValue === null || _defaultValue === void 0 ? void 0 : _defaultValue.length) <= 0) {
+            defaultValueRef.current = value;
+        }
+    });
+    var handleChange = function (newValue) {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(isUniqueValue ? newValue === null || newValue === void 0 ? void 0 : newValue[0] : newValue);
+    };
+    var handleValueCommit = function (newValue) {
+        onValueCommit === null || onValueCommit === void 0 ? void 0 : onValueCommit(newValue);
+    };
+    var thumbStyle = react_1.default.useMemo(function () {
+        return (0, styles_1.mergeStyles)([
+            styles.thumb,
+            disabled && styles['thumb:disabled'],
+        ]);
+    }, []);
+    var trackStyle = react_1.default.useMemo(function () {
+        return (0, styles_1.mergeStyles)([
+            styles.track,
+            disabled && styles['track:disabled'],
+            styles.unselectedTrack,
+            disabled && styles['unselectedTrack:disabled'],
+        ]);
+    }, [disabled]);
+    var selectedTrackStyle = react_1.default.useMemo(function () {
+        return (0, styles_1.mergeStyles)([
+            styles.selectedTrack,
+            disabled && styles['selectedTrack:disabled'],
+        ]);
+    }, [disabled]);
+    var containerStyle = react_1.default.useMemo(function () {
+        return (0, styles_1.mergeStyles)([
+            styles.sliderContainer,
+            disabled && styles['sliderContainer:disabled'],
+        ]);
+    }, [disabled]);
+    var trackMarksHaveContent = !(common_1.TypeGuards.isArray(trackMarks) || common_1.TypeGuards.isNil(trackMarks));
+    var trackMarksProp = react_1.default.useMemo(function () {
+        if (!trackMarksHaveContent) {
+            return trackMarks;
+        }
+        return Object.keys(trackMarks).map(function (key) { return Number(key); });
+    }, [trackMarksHaveContent]);
+    var trackMarkStyle = react_1.default.useMemo(function () {
+        return (0, styles_1.mergeStyles)([
+            styles.trackMark,
+            disabled && styles['trackMark:disabled'],
+        ]);
+    }, [disabled]);
+    var trackMarkWrapperStyle = react_1.default.useMemo(function () {
+        return (0, styles_1.mergeStyles)([
+            styles.trackMarkWrapper,
+            disabled && styles['trackMarkWrapper:disabled'],
+        ]);
+    }, [disabled]);
+    var sliderLabel = react_1.default.useMemo(function () {
+        var _a;
+        if (common_1.TypeGuards.isNil(indicatorLabel) || !(indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.order) && !(indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.transformer)) {
+            return description;
+        }
+        if (common_1.TypeGuards.isFunction(indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.transformer)) {
+            var str = indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.transformer(value, defaultValue);
+            return str;
+        }
+        else if (common_1.TypeGuards.isArray(indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.order)) {
+            var str_1 = '';
+            (_a = indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.order) === null || _a === void 0 ? void 0 : _a.forEach(function (idx, i) {
+                var _a;
+                var valueLabel = value[idx];
+                if (common_1.TypeGuards.isNil(valueLabel))
+                    return;
+                str_1 = i === 0 ? String(valueLabel) : "".concat(str_1).concat((_a = indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.separator) !== null && _a !== void 0 ? _a : ' - ').concat(valueLabel);
+            });
+            return str_1;
+        }
+        else {
+            return description;
+        }
+    }, [value]);
+    return ((0, jsx_runtime_1.jsxs)(InputBase_1.InputBase, __assign({}, inputBaseProps, { disabled: disabled, style: styles, labelAsRow: true, description: sliderLabel }, { children: [(0, jsx_runtime_1.jsxs)(react_slider_1.Root, __assign({}, sliderProps, { step: step, min: min, max: max, disabled: disabled, defaultValue: defaultValue, onValueCommit: handleValueCommit, onValueChange: handleChange, style: containerStyle, value: value, minStepsBetweenThumbs: minStepsBetweenThumbs }, { children: [(0, jsx_runtime_1.jsx)(react_slider_1.Track, __assign({ style: trackStyle }, { children: (0, jsx_runtime_1.jsx)(react_slider_1.Range, { style: selectedTrackStyle }) })), defaultValue.map(function (_, i) { return ((0, jsx_runtime_1.jsx)(react_slider_1.Thumb, { style: thumbStyle, onClick: function () {
+                            if (onPressThumbSetValue)
+                                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
+                            if (common_1.TypeGuards.isFunction(onPressThumb))
+                                onPressThumb === null || onPressThumb === void 0 ? void 0 : onPressThumb(value, i);
+                        } }, i)); })] })), trackMarksProp ?
+                (0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: trackMarkWrapperStyle }, { children: trackMarksProp.map(function (_, idx) {
+                        var idxStyle = {};
+                        var relativeValue = Number(trackMarksProp[idx]);
+                        if (idx === 0) {
+                            idxStyle = styles.firstTrackMark;
+                        }
+                        else if (idx === trackMarksProp.length - 1) {
+                            idxStyle = styles.lastTrackMark;
+                        }
+                        else {
+                            var markerPosition = (relativeValue / max) * 100;
+                            idxStyle = {
+                                position: 'absolute',
+                                left: "".concat(markerPosition, "%"),
+                                top: '50%',
+                                transform: "translate(-50%, -50%)",
+                            };
+                        }
+                        var style = (0, styles_1.mergeStyles)([trackMarkStyle, idxStyle]);
+                        if (!trackMarksHaveContent) {
+                            return (0, jsx_runtime_1.jsx)(SliderTrackMark, { index: idx, style: style }, idx);
+                        }
+                        var content = trackMarks[relativeValue];
+                        return ((0, jsx_runtime_1.jsx)(SliderTrackMark, { index: idx, content: content, style: style }, idx));
+                    }) }))
+                : null] })));
+};
+exports.Slider = Slider;
+exports.Slider.styleRegistryName = 'Slider';
+exports.Slider.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), [
+    'thumb',
+    'track',
+    'selectedTrack',
+    'unselectedTrack',
+    'trackMark',
+    'firstTrackMark',
+    'lastTrackMark',
+    'trackMarkWrapper',
+    'sliderContainer',
+], false);
+exports.Slider.rootElement = 'wrapper';
+exports.Slider.withVariantTypes = function (styles) {
+    return exports.Slider;
+};
+exports.Slider.defaultProps = {
+    max: 100,
+    min: 0,
+    minStepsBetweenThumbs: 0,
+    defaultValue: [],
+    indicatorLabel: null,
+    description: null,
+    step: 1,
+    onPressThumbSetValue: false,
+    onPressThumb: null,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Slider);
+//# sourceMappingURL=index.js.map

package/dist/components/Slider/index.js.map

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

package/dist/components/Slider/styles.d.ts

@@ -0,0 +1,5 @@
+import { IconLessInputBaseParts, InputBaseParts, InputBaseStates } from '../InputBase';
+type SliderParts = InputBaseParts | 'thumb' | 'track' | 'selectedTrack' | 'unselectedTrack' | 'trackMark' | 'firstTrackMark' | 'lastTrackMark' | 'trackMarkWrapper' | 'sliderContainer' | IconLessInputBaseParts;
+type SliderStates = Exclude<InputBaseStates, 'focus'>;
+export type SliderComposition = `${SliderParts}:${SliderStates}` | SliderParts;
+export {};

package/dist/components/Slider/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Slider/styles.js.map

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

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

@@ -0,0 +1,24 @@
+import { StyledProp } from '@codeleap/styles';
+import { InputBaseProps } from '../InputBase';
+import { SliderComposition } from './styles';
+import { SliderProps as PrimitiveSliderProps } from '@radix-ui/react-slider';
+import { CSSProperties } from 'react';
+export type SliderProps = Partial<Omit<PrimitiveSliderProps, 'value' | 'onValueChange' | 'style'>> & Pick<InputBaseProps, 'disabled' | 'debugName' | 'description' | 'label'> & {
+    indicatorLabel?: {
+        order?: number[];
+        separator?: string;
+        transformer?: (value: number[], defaultValue: PrimitiveSliderProps['defaultValue']) => string;
+    };
+    value: number | number[];
+    onValueChange: (val: number | number[]) => void;
+    style?: StyledProp<SliderComposition>;
+    trackMarks?: Record<number, string>;
+    trackMarkComponent?: React.ComponentType<TrackMarkProps>;
+    onPressThumbSetValue?: boolean;
+    onPressThumb?: (value: number | number[], thumbIndex: number) => void;
+};
+export type TrackMarkProps = {
+    index: number;
+    content?: string | React.ReactNode;
+    style?: CSSProperties;
+};

package/dist/components/Slider/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Slider/types.js.map

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

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,12 @@
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+import { SwitchProps } from './types';
+export * from './styles';
+export * from './types';
+export declare const Switch: {
+    (props: SwitchProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<SwitchProps, S>) => IJSX;
+    defaultProps: Partial<SwitchProps>;
+};

package/dist/components/Switch/index.js

@@ -0,0 +1,106 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var InputBase_1 = require("../InputBase");
+var lib_1 = require("../../lib");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var framer_motion_1 = require("framer-motion");
+var styles_1 = require("@codeleap/styles");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var reversedOrder = __spreadArray([], InputBase_1.InputBaseDefaultOrder, true).reverse();
+var Switch = function (props) {
+    var _a;
+    var _b = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Switch.defaultProps), props)), inputBaseProps = _b.inputBaseProps, switchProps = _b.others;
+    var style = switchProps.style, value = switchProps.value, disabled = switchProps.disabled, debugName = switchProps.debugName, onValueChange = switchProps.onValueChange, onChange = switchProps.onChange, switchOnLeft = switchProps.switchOnLeft;
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Switch.styleRegistryName, style);
+    var trackAnimation = (0, lib_1.useAnimatedVariantStyles)({
+        variantStyles: styles,
+        animatedProperties: ['track:off', 'track:disabled', 'track:on', 'track:disabled-on', 'track:disabled-off'],
+        updater: function () {
+            'worklet';
+            var disabledStyle = {};
+            if (disabled) {
+                disabledStyle = value ? styles['track:disabled-on'] : styles['track:disabled-off'];
+            }
+            var style = value ? styles['track:on'] : styles['track:off'];
+            return __assign(__assign({}, style), disabledStyle);
+        },
+        dependencies: [value, disabled],
+    });
+    var thumbAnimation = (0, lib_1.useAnimatedVariantStyles)({
+        variantStyles: styles,
+        animatedProperties: ['thumb:off', 'thumb:disabled', 'thumb:on', 'thumb:disabled-off', 'thumb:disabled-on'],
+        updater: function () {
+            'worklet';
+            var disabledStyle = {};
+            if (disabled) {
+                disabledStyle = value ? styles['thumb:disabled-on'] : styles['thumb:disabled-off'];
+            }
+            var style = value ? styles['thumb:on'] : styles['thumb:off'];
+            return __assign(__assign({}, style), disabledStyle);
+        },
+        dependencies: [value, disabled],
+    });
+    // @ts-expect-error icss type
+    var _switchOnLeft = switchOnLeft !== null && switchOnLeft !== void 0 ? switchOnLeft : (_a = styles.__props) === null || _a === void 0 ? void 0 : _a.switchOnLeft;
+    var thumbStyles = (0, styles_1.mergeStyles)([styles.thumb, disabled && styles['thumb:disabled']]);
+    var trackStyles = (0, styles_1.mergeStyles)([styles.track, disabled && styles['track:disabled']]);
+    var handleChange = function (e) {
+        if (disabled)
+            return;
+        if ((e === null || e === void 0 ? void 0 : e.type) === 'click' || (e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.key) === 'Enter') {
+            if (onValueChange)
+                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(!value);
+            if (onChange)
+                onChange === null || onChange === void 0 ? void 0 : onChange(!value);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { debugName: debugName, style: styles, order: _switchOnLeft ? reversedOrder : InputBase_1.InputBaseDefaultOrder, disabled: disabled, noError: true }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, __assign({ style: trackStyles, initial: false, animate: trackAnimation, transition: styles['track:transition'], onClick: handleChange, onKeyDown: handleChange, tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { style: thumbStyles, initial: false, animate: thumbAnimation, transition: styles['thumb:transition'] }) })) })));
+};
+exports.Switch = Switch;
+exports.Switch.styleRegistryName = 'Switch';
+exports.Switch.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), ['track', 'thumb', '__props'], false);
+exports.Switch.rootElement = 'wrapper';
+exports.Switch.withVariantTypes = function (styles) {
+    return exports.Switch;
+};
+exports.Switch.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Switch);
+//# sourceMappingURL=index.js.map

package/dist/components/Switch/index.js.map

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

package/dist/components/Switch/styles.d.ts

@@ -0,0 +1,7 @@
+import { InputBaseParts, InputBaseStates } from '../InputBase';
+type AnimatableParts = 'track' | 'thumb';
+export type SwitchParts = InputBaseParts | AnimatableParts;
+export type SwitchAnimationStates = 'on' | 'off' | 'disabled-on' | 'disabled-off';
+export type SwitchStates = InputBaseStates;
+export type SwitchComposition = SwitchParts | `${SwitchParts}:${SwitchStates}` | `${AnimatableParts}:transition` | `${AnimatableParts}:${SwitchAnimationStates}` | '__props';
+export {};

package/dist/components/Switch/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Switch/styles.js.map

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

package/dist/components/Switch/types.d.ts

@@ -0,0 +1,10 @@
+import { StyledProp } from '@codeleap/styles';
+import { InputBaseProps } from '../InputBase';
+import { SwitchComposition } from './styles';
+export type SwitchProps = Pick<InputBaseProps, 'debugName' | 'disabled' | 'label'> & {
+    style?: StyledProp<SwitchComposition>;
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    onChange?: (value: boolean) => void;
+    switchOnLeft?: boolean;
+};

package/dist/components/Switch/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Switch/types.js.map

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

package/dist/components/Tag/index.d.ts

@@ -0,0 +1,12 @@
+import { TagProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Tag: {
+    (props: TagProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TagProps, S>) => IJSX;
+    defaultProps: Partial<TagProps>;
+};