@darajs/ui-components 0.4.8

package/dist/slider/slider.d.ts

@@ -0,0 +1,53 @@
+import { InteractiveComponentProps } from '../types';
+/**
+ * Compute what step should be used for the given domain difference
+ *
+ * @param difference difference
+ */
+export declare function computeStep(difference: number): number;
+export interface BaseSliderProps<T> extends InteractiveComponentProps<Array<number>> {
+    /** An optional flag to disable the input alternative switch render, its false by default */
+    disableInputAlternative?: boolean;
+    /** The domain defines the range of possible values that the slider can take */
+    domain: [number, number];
+    /** The getValueLabel can be used to map a numeric value to something else when displayed in the UI */
+    getValueLabel?: (value: number) => T;
+    /** An optional onChange handler that will be called when the current value of any handle changes */
+    onChange?: (values: Array<T>) => void | Promise<void>;
+    /** The step size for changes in the slider */
+    step?: number;
+    /**
+     * An optional parameter to control the number of ticks, alternatively an array can be passed to specify a specific
+     * set of ticks to display
+     */
+    ticks?: Array<number> | number;
+    /** An array of track labels that will be shown above the tracks */
+    trackLabels?: Array<string>;
+    /** Whether a track should be drawn from the right most handle to the end of the rail */
+    trackToEnd?: boolean;
+    /** Whether a track should be drawn from the left most handle to the start of the rail */
+    trackToStart?: boolean;
+    /** The starting values for the handles, the number of values === the number of handles created */
+    values?: Array<number>;
+}
+/**
+ *  A simple numeric slider, essentially the same as BaseSlider
+ *
+ * @param props - the component props
+ */
+export declare function Slider(props: BaseSliderProps<number>): JSX.Element;
+export interface CategoricalSliderProps extends Omit<BaseSliderProps<string>, 'domain' | 'initialValue' | 'disableInputAlternative'> {
+    /** The set of string values to have as options on the slider */
+    domain: Array<string>;
+    /** the initialValue of the slider */
+    initialValue?: Array<string>;
+}
+/**
+ * The Categorical slider component accepts an array of string values to use on the slider, e.g.
+ *
+ * domain = ['low', 'med', 'high']
+ *
+ * @param {BaseSliderProps<string>} props - the component props
+ */
+export declare function CategoricalSlider(props: CategoricalSliderProps): JSX.Element;
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/slider/slider.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAGrD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAYtD;AAgJD,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChF,4FAA4F;IAC5F,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+EAA+E;IAC/E,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IACrC,oGAAoG;IACpG,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;IAC/B,mEAAmE;IACnE,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,wFAAwF;IACxF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yFAAyF;IACzF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kGAAkG;IAClG,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B;AAuOD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAQlE;AAED,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,yBAAyB,CAAC;IAC5F,gEAAgE;IAChE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,qCAAqC;IACrC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAe5E"}

package/dist/slider/slider.js

@@ -0,0 +1,273 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import isEqual from 'lodash/isEqual';
+import round from 'lodash/round';
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Handles, Slider as RCSlider, Rail, Ticks, Tracks } from 'react-compound-slider';
+import styled from '@darajs/styled-components';
+import { SwapHorizontal } from '@darajs/ui-icons';
+import { useDeepCompare } from '@darajs/ui-utils';
+import Tooltip from '../tooltip/tooltip';
+import SliderInputs from './slider-inputs';
+/**
+ * Compute what step should be used for the given domain difference
+ *
+ * @param difference difference
+ */
+export function computeStep(difference) {
+    const log = Math.floor(Math.log10(difference));
+    const step = Math.pow(10, Math.floor(log)) / 10;
+    // If the step is a decimal, round it to the correct number of digits
+    // to prevent floating-point errors
+    if (log < 0) {
+        const precisionString = step.toFixed(Math.abs(log) + 1);
+        return parseFloat(precisionString);
+    }
+    return step;
+}
+/**
+ * Map a value to its closest step.
+ *
+ * @param value value to map
+ * @param step current step
+ */
+function mapToClosestStep(value, step) {
+    // this has to be rounded as otherwise we could get floating point errors
+    const stepsNumber = parseFloat((value / step).toFixed(1));
+    const mappedRaw = Math.floor(stepsNumber) * step;
+    const fractionDigits = Math.abs(Math.floor(Math.log10(step)));
+    return parseFloat(mappedRaw.toFixed(fractionDigits));
+}
+const SliderWrapper = styled.div `
+    display: flex;
+    width: 100%;
+`;
+const SliderInner = styled.div `
+    overflow: hidden;
+    display: flex;
+    width: 100%;
+`;
+const StyledSlider = styled(RCSlider) `
+    position: relative;
+
+    display: inline-flex;
+    flex-direction: column;
+    justify-content: center;
+
+    width: 100%;
+    height: 3rem;
+    margin: 0 1rem;
+`;
+const SliderRail = styled.div `
+    cursor: pointer;
+
+    width: 100%;
+    height: 0.25rem;
+    padding: 0 0.3rem;
+
+    background-color: ${(props) => props.theme.colors.grey2};
+    border-radius: 0.125rem;
+`;
+const Handle = styled.span `
+    cursor: pointer;
+
+    position: absolute;
+    z-index: 2;
+
+    width: 1rem;
+    height: 1rem;
+    margin-top: ${(props) => (props.hasTicks ? '-0.5rem' : '0')};
+    margin-left: -0.6rem;
+
+    background-color: ${(props) => props.theme.colors.primary};
+    border-radius: 50%;
+`;
+const Track = styled.span `
+    position: absolute;
+
+    height: 0.25rem;
+    margin-top: ${(props) => (props.hasTicks ? '-0.5rem' : '0')};
+
+    background-color: ${(props) => props.theme.colors.primary};
+    border-radius: 0.125rem;
+`;
+const TrackLabel = styled.span `
+    position: absolute;
+    z-index: 1;
+    top: -0.3rem;
+    color: ${(props) => props.theme.colors.grey6};
+`;
+const LabelInner = styled.span `
+    margin-left: -50%;
+    line-height: 1.5rem;
+`;
+const SliderTicks = styled.div `
+    position: relative;
+    margin-top: 0.5rem;
+`;
+const Tick = styled.span `
+    position: absolute;
+    font-size: 0.875rem;
+    color: ${(props) => props.theme.colors.grey6};
+
+    &${(props) => (props.showLine ? '' : ':not(:first-child):not(:last-child)')}::before {
+        content: '';
+
+        position: absolute;
+        z-index: 1;
+        left: 50%;
+
+        display: block;
+
+        width: 0.125rem;
+        height: 0.125rem;
+        margin-top: -0.685rem;
+
+        background-color: ${(props) => props.theme.colors.grey3};
+        border-radius: 50%;
+    }
+`;
+const SwapButtonWrapper = styled.div `
+    display: flex;
+    height: fit-content;
+    margin-top: 0.3rem;
+`;
+/**
+ * Helper to get the transformation for the tick labels, has the affect to tuck in the start and end labels so they
+ * don't get cut off
+ *
+ * @param idx the idx of the tick
+ * @param length the length of the tick array
+ */
+function getTickTransform(idx, length) {
+    if (idx === 0) {
+        return 'translateX(-0.7rem)';
+    }
+    return idx === length - 1 ? 'translateX(-100%) translateX(0.7rem)' : 'translateX(-50%)';
+}
+/**
+ * The BaseSlider component forms the basis for the other sliders. It wraps the thirdparty react-compound-slider library
+ * and adds a simple UI to the component, with support for multiple handle sliders. It accepts a domain property that
+ * defines the range of the slider and can be further tweaked by passing the step and ticks parameters which adjust the
+ * step size and control the display of ticks respectively.
+ *
+ * The number of handles is controlled by the number of values passed to the values array. A single value will create a
+ * single handle and two will create 2, etc... The trackToStart and trackToEnd properties can be used to define whether
+ * the tracks to the left and right most handles are filled to the end or not. By default trackToStart is true.
+ *
+ * @param {BaseSliderProps} props - the props for the component
+ */
+function BaseSlider({ domain, getValueLabel, initialValue, onChange, step, style, ticks = 5, trackLabels, trackToStart = true, trackToEnd = false, disableInputAlternative = false, values, className, }) {
+    // If step isn't set then pick a reasonable one
+    const adjustedStep = useMemo(() => {
+        if (step) {
+            return step;
+        }
+        return computeStep(domain[1] - domain[0]);
+    }, [domain, step]);
+    const [sliderValues, setSliderValues] = useState((values === null || values === void 0 ? void 0 : values.map((v) => mapToClosestStep(v, adjustedStep))) ||
+        (initialValue === null || initialValue === void 0 ? void 0 : initialValue.map((v) => mapToClosestStep(v, adjustedStep))) || [domain[0]]);
+    const currSliderValues = useRef(sliderValues);
+    currSliderValues.current = sliderValues;
+    const isFirstRender = useRef(true);
+    useEffect(() => {
+        if (values !== undefined) {
+            const mappedValues = values.map((v) => mapToClosestStep(v, adjustedStep));
+            if (!isEqual(mappedValues, currSliderValues.current)) {
+                setSliderValues(mappedValues);
+            }
+        }
+    }, [adjustedStep, values]);
+    const [showInputs, setShowInputs] = useState(false);
+    const precision = useMemo(() => (Math.floor(adjustedStep) === adjustedStep ? 0 : adjustedStep.toString().split('.')[1].length || 0), [adjustedStep]);
+    // Get the error message for inputs when value is out of domain range
+    const getErrorMsg = useCallback((value, index) => {
+        if (Number.isNaN(value)) {
+            return 'Value should not be left blank';
+        }
+        if (value < domain[0] || value > domain[1]) {
+            return `Value out of allowed range of ${domain[0]} - ${domain[1]}`;
+        }
+        if ((index > 0 && value < sliderValues[index - 1]) ||
+            (index < sliderValues.length - 1 && value > sliderValues[index + 1])) {
+            return 'Values have to be in ascending order';
+        }
+        return '';
+    }, [domain, sliderValues]);
+    // Validate values are in order and in range
+    const validateValues = useCallback((value) => {
+        for (let index = 0; index < value.length; index++) {
+            if (getErrorMsg(value[index], index) !== '') {
+                return false;
+            }
+        }
+        return true;
+    }, [getErrorMsg]);
+    useEffect(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        if (validateValues(sliderValues)) {
+            const formattedValues = sliderValues.map(getValueLabel);
+            onChange === null || onChange === void 0 ? void 0 : onChange(formattedValues);
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useDeepCompare([sliderValues]));
+    const onSliderChange = useCallback((value) => {
+        setSliderValues(value.map((val) => parseFloat(val.toFixed(precision))));
+    }, [precision]);
+    const tickProps = typeof ticks === 'number' ? { count: ticks } : { values: ticks };
+    return (_jsxs(SliderWrapper, { className: className, children: [_jsx(SliderInner, { children: showInputs ?
+                    _jsx(SliderInputs, { domain: domain, getErrorMsg: getErrorMsg, setSliderValues: setSliderValues, sliderValues: sliderValues })
+                    : _jsxs(StyledSlider, { domain: domain, onChange: onSliderChange, rootStyle: style, step: adjustedStep, values: sliderValues, children: [_jsx(Rail, { children: ({ getRailProps }) => _jsx(SliderRail, Object.assign({}, getRailProps(), { "data-testid": "rail" })) }), _jsx(Handles, { children: ({ handles, getHandleProps }) => (_jsx(_Fragment, { children: handles.map((handle, idx) => (_jsx(Tooltip, { content: getValueLabel(handle.value), hideOnClick: false, interactive: true, placement: "top", children: _jsx(Handle, Object.assign({}, getHandleProps(handle.id), { "data-testid": `handle-${idx}`, hasTicks: !!ticks, style: { left: `${handle.percent}%` } })) }, handle.id))) })) }), _jsx(Tracks, { left: trackToStart, right: trackToEnd, children: ({ tracks, getTrackProps }) => (_jsx(_Fragment, { children: tracks.map(({ id, source, target }, idx) => (_jsxs(Fragment, { children: [_jsx(Track, Object.assign({ hasTicks: !!ticks }, getTrackProps(), { "data-testid": `track-${idx}`, style: {
+                                                    left: `${source.percent}%`,
+                                                    width: `${target.percent - source.percent}%`,
+                                                } }), id), trackLabels && trackLabels.length > 0 && (_jsx(TrackLabel, { "data-testid": `track-label-${idx}`, style: {
+                                                    display: target.percent - source.percent === 0 ? 'none' : 'flex',
+                                                    left: `${(target.percent - source.percent) / 2 + source.percent}%`,
+                                                }, children: _jsx(LabelInner, { children: trackLabels[idx] }) }, `label_${id}`))] }, id))) })) }), ticks && (_jsx(Ticks, Object.assign({}, tickProps, { children: ({ ticks: sliderTicks }) => (_jsx(SliderTicks, { children: sliderTicks.map((tick, idx) => (_jsx(Tick, { "data-testid": `tick-${idx}`, showLine: tick.value !== domain[0] && tick.value !== domain[1], style: {
+                                            left: `${tick.percent}%`,
+                                            transform: getTickTransform(idx, sliderTicks.length),
+                                        }, children: getValueLabel(tick.value) }, tick.id))) })) })))] }) }), !disableInputAlternative && sliderValues && (_jsx(Tooltip, { content: showInputs ? 'Use Slider?' : 'Use Input Alternative?', placement: "top", children: _jsx(SwapButtonWrapper, { children: _jsx(SwapHorizontal, { asButton: true, onClick: () => setShowInputs(!showInputs), size: "2x" }) }) }))] }));
+}
+/**
+ *  A simple numeric slider, essentially the same as BaseSlider
+ *
+ * @param props - the component props
+ */
+export function Slider(props) {
+    return (_jsx(BaseSlider, Object.assign({ disableInputAlternative: props.disableInputAlternative }, props, { getValueLabel: (val) => round(val, 4) })));
+}
+/**
+ * The Categorical slider component accepts an array of string values to use on the slider, e.g.
+ *
+ * domain = ['low', 'med', 'high']
+ *
+ * @param {BaseSliderProps<string>} props - the component props
+ */
+export function CategoricalSlider(props) {
+    var _a;
+    const initialValue = ((_a = props.initialValue) === null || _a === void 0 ? void 0 : _a.map((val) => props.domain.indexOf(val))) || [0];
+    return (_jsx(BaseSlider, Object.assign({}, props, { domain: [0, props.domain.length - 1],
+        initialValue,
+        step: 1,
+        ticks: Array.from(Array(props.domain.length).keys()), getValueLabel: (val) => props.domain[val] })));
+}
+//# sourceMappingURL=slider.js.map

package/dist/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../src/slider/slider.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEzF,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,UAAkB;IAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,SAAA,EAAE,EAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,GAAG,EAAE,CAAC;IAExC,qEAAqE;IACrE,mCAAmC;IACnC,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC;QACV,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACxD,OAAO,UAAU,CAAC,eAAe,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED;;;;;GAKG;AACH,SAAS,gBAAgB,CAAC,KAAa,EAAE,IAAY;IACjD,yEAAyE;IACzE,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACjD,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9D,OAAO,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/B,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;;;;;;CAUpC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;wBAOL,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE1D,CAAC;AAMF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAc;;;;;;;;kBAQtB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;;;wBAGvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE5D,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAc;;;;kBAIrB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;;wBAEvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE5D,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAA;;;;aAIjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC/C,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAG7B,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG7B,CAAC;AAMF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAW;;;aAGtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;OAEzC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qCAAqC,CAAC;;;;;;;;;;;;;4BAanD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;CAG9D,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAInC,CAAC;AAEF;;;;;;GAMG;AACH,SAAS,gBAAgB,CAAC,GAAW,EAAE,MAAc;IACjD,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;QACZ,OAAO,qBAAqB,CAAC;IACjC,CAAC;IACD,OAAO,GAAG,KAAK,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,kBAAkB,CAAC;AAC5F,CAAC;AA4BD;;;;;;;;;;;GAWG;AACH,SAAS,UAAU,CAA8C,EAC7D,MAAM,EACN,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,CAAC,EACT,WAAW,EACX,YAAY,GAAG,IAAI,EACnB,UAAU,GAAG,KAAK,EAClB,uBAAuB,GAAG,KAAK,EAC/B,MAAM,EACN,SAAS,GACQ;IACjB,+CAA+C;IAC/C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,EAAE,CAAC;YACP,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC5C,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;SACjD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACjF,CAAC;IACF,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAC9C,gBAAgB,CAAC,OAAO,GAAG,YAAY,CAAC;IAExC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACvB,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;YAE1E,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;gBACnD,eAAe,CAAC,YAAY,CAAC,CAAC;YAClC,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,EACzG,CAAC,YAAY,CAAC,CACjB,CAAC;IAEF,qEAAqE;IACrE,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAa,EAAE,KAAa,EAAU,EAAE;QACrC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,gCAAgC,CAAC;QAC5C,CAAC;QACD,IAAI,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACzC,OAAO,iCAAiC,MAAM,CAAC,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QACvE,CAAC;QACD,IACI,CAAC,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC9C,CAAC,KAAK,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EACtE,CAAC;YACC,OAAO,sCAAsC,CAAC;QAClD,CAAC;QACD,OAAO,EAAE,CAAC;IACd,CAAC,EACD,CAAC,MAAM,EAAE,YAAY,CAAC,CACzB,CAAC;IAEF,4CAA4C;IAC5C,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,KAAe,EAAW,EAAE;QACzB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;YAChD,IAAI,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC;gBAC1C,OAAO,KAAK,CAAC;YACjB,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,SAAS,CACL,GAAG,EAAE;QACD,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACxB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;YAC9B,OAAO;QACX,CAAC;QACD,IAAI,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;YAC/B,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;YACxD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,eAAe,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IACD,uDAAuD;IACvD,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC,CACjC,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,KAAoB,EAAQ,EAAE;QAC3B,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,CAAC,EACD,CAAC,SAAS,CAAC,CACd,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEnF,OAAO,CACH,MAAC,aAAa,IAAC,SAAS,EAAE,SAAS,aAC/B,KAAC,WAAW,cACP,UAAU,CAAC,CAAC;oBACT,KAAC,YAAY,IACT,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC5B;oBACN,CAAC,CAAG,MAAC,YAAY,IACT,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,YAAY,aAEpB,KAAC,IAAI,cAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,KAAC,UAAU,oBAAK,YAAY,EAAE,mBAAc,MAAM,IAAG,GAAQ,EAC1F,KAAC,OAAO,cACH,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAC9B,4BACK,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1B,KAAC,OAAO,IACJ,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,EACpC,WAAW,EAAE,KAAK,EAClB,WAAW,QAEX,SAAS,EAAC,KAAK,YAEf,KAAC,MAAM,oBACC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,mBAChB,UAAU,GAAG,EAAE,EAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,EACjB,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO,GAAG,EAAE,IACvC,IARG,MAAM,CAAC,EAAE,CASR,CACb,CAAC,GACH,CACN,GACK,EACV,KAAC,MAAM,IAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,YACxC,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC5B,4BACK,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,MAAC,QAAQ,eACL,KAAC,KAAK,kBACF,QAAQ,EAAE,CAAC,CAAC,KAAK,IAEb,aAAa,EAAE,mBACN,SAAS,GAAG,EAAE,EAC3B,KAAK,EAAE;oDACH,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO,GAAG;oDAC1B,KAAK,EAAE,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,GAAG;iDAC/C,KANI,EAAE,CAOT,EACD,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,KAAC,UAAU,mBACM,eAAe,GAAG,EAAE,EAEjC,KAAK,EAAE;oDACH,OAAO,EACH,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;oDAC3D,IAAI,EAAE,GACF,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,OACnD,GAAG;iDACN,YAED,KAAC,UAAU,cAAE,WAAW,CAAC,GAAG,CAAC,GAAc,IATtC,SAAS,EAAE,EAAE,CAUT,CAChB,KAzBU,EAAE,CA0BN,CACd,CAAC,GACH,CACN,GACI,EACR,KAAK,IAAI,CACN,KAAC,KAAK,oBAAK,SAAS,cACf,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACzB,KAAC,WAAW,cACP,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,KAAC,IAAI,mBACY,QAAQ,GAAG,EAAE,EAE1B,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAC9D,KAAK,EAAE;4CACH,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,GAAG;4CACxB,SAAS,EAAE,gBAAgB,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC;yCACvD,YAEA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,IAPrB,IAAI,CAAC,EAAE,CAQT,CACV,CAAC,GACQ,CACjB,IACG,CACX,IACU,GAET,EACb,CAAC,uBAAuB,IAAI,YAAY,IAAI,CACzC,KAAC,OAAO,IAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,wBAAwB,EAAE,SAAS,EAAC,KAAK,YACpF,KAAC,iBAAiB,cACd,KAAC,cAAc,IAAC,QAAQ,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,EAAC,IAAI,GAAG,GAChE,GACd,CACb,IACW,CACnB,CAAC;AACN,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,KAA8B;IACjD,OAAO,CACH,KAAC,UAAU,kBACP,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,IAClD,KAAK,IACT,aAAa,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,IAC/C,CACL,CAAC;AACN,CAAC;AAUD;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;;IAC3D,MAAM,YAAY,GAAG,CAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAI,CAAC,CAAC,CAAC,CAAC;IAExF,OAAO,CACH,KAAC,UAAU,oBAEA,KAAK,IACR,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACpC,YAAY;QACZ,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,EAExD,aAAa,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IACnD,CACL,CAAC;AACN,CAAC"}

package/dist/spinner/spinner.d.ts

@@ -0,0 +1,19 @@
+export interface SpinnerProps {
+    /** Standard class prop */
+    className?: string;
+    color?: string;
+    showText?: boolean;
+    size?: string;
+    /** style prop */
+    style?: React.CSSProperties;
+    /** custom text to show in place of Loading */
+    text?: string;
+}
+/**
+ * A simple spinner component, that can be used to denote something as loading
+ *
+ * @param props any prop that could be passed to a div can be passed here
+ */
+declare function Spinner(props: SpinnerProps): JSX.Element;
+export default Spinner;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/spinner/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/spinner/spinner.tsx"],"names":[],"mappings":"AAiJA,MAAM,WAAW,YAAY;IACzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAcjD;AAED,eAAe,OAAO,CAAC"}

package/dist/spinner/spinner.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import styled from '@darajs/styled-components';
+const Wrapper = styled.div `
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+    justify-content: center;
+
+    height: 100%;
+`;
+const LoadingText = styled.span `
+    font-size: 1.2rem;
+    color: ${(props) => { var _a; return (_a = props.color) !== null && _a !== void 0 ? _a : props.theme.colors.grey4; }};
+`;
+const Loader = styled.span `
+    position: relative;
+    width: ${(props) => { var _a; return (_a = props.size) !== null && _a !== void 0 ? _a : '2.5rem'; }};
+    height: ${(props) => { var _a; return (_a = props.size) !== null && _a !== void 0 ? _a : '2.5rem'; }};
+    animation: sk-chase 2.5s infinite linear both;
+
+    .sk-chase-dot {
+        position: absolute;
+        top: 0;
+        left: 0;
+
+        width: 100%;
+        height: 100%;
+
+        animation: sk-chase-dot 2s infinite ease-in-out both;
+    }
+
+    .sk-chase-dot::before {
+        content: '';
+
+        display: block;
+
+        width: 25%;
+        height: 25%;
+
+        background-color: ${(props) => { var _a; return (_a = props.color) !== null && _a !== void 0 ? _a : props.theme.colors.grey4; }};
+        border-radius: 100%;
+
+        animation: sk-chase-dot-before 2s infinite ease-in-out both;
+    }
+
+    .sk-chase-dot:nth-child(1) {
+        animation-delay: -1.1s;
+    }
+
+    .sk-chase-dot:nth-child(2) {
+        animation-delay: -1s;
+    }
+
+    .sk-chase-dot:nth-child(3) {
+        animation-delay: -0.9s;
+    }
+
+    .sk-chase-dot:nth-child(4) {
+        animation-delay: -0.8s;
+    }
+
+    .sk-chase-dot:nth-child(5) {
+        animation-delay: -0.7s;
+    }
+
+    .sk-chase-dot:nth-child(6) {
+        animation-delay: -0.6s;
+    }
+
+    .sk-chase-dot:nth-child(1)::before {
+        animation-delay: -1.1s;
+    }
+
+    .sk-chase-dot:nth-child(2)::before {
+        animation-delay: -1s;
+    }
+
+    .sk-chase-dot:nth-child(3)::before {
+        animation-delay: -0.9s;
+    }
+
+    .sk-chase-dot:nth-child(4)::before {
+        animation-delay: -0.8s;
+    }
+
+    .sk-chase-dot:nth-child(5)::before {
+        animation-delay: -0.7s;
+    }
+
+    .sk-chase-dot:nth-child(6)::before {
+        animation-delay: -0.6s;
+    }
+
+    @keyframes sk-chase {
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+
+    @keyframes sk-chase-dot {
+        80%,
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+
+    @keyframes sk-chase-dot-before {
+        50% {
+            transform: scale(0.4);
+        }
+
+        100%,
+        0% {
+            transform: scale(1);
+        }
+    }
+`;
+/**
+ * A simple spinner component, that can be used to denote something as loading
+ *
+ * @param props any prop that could be passed to a div can be passed here
+ */
+function Spinner(props) {
+    var _a;
+    return (_jsxs(Wrapper, { className: props.className, style: props.style, children: [_jsxs(Loader, { color: props.color, size: props.size, children: [_jsx("div", { className: "sk-chase-dot" }), _jsx("div", { className: "sk-chase-dot" }), _jsx("div", { className: "sk-chase-dot" }), _jsx("div", { className: "sk-chase-dot" }), _jsx("div", { className: "sk-chase-dot" }), _jsx("div", { className: "sk-chase-dot" })] }), (props.showText || props.text) && _jsx(LoadingText, { color: props.color, children: (_a = props.text) !== null && _a !== void 0 ? _a : 'LOADING' })] }));
+}
+export default Spinner;
+//# sourceMappingURL=spinner.js.map

package/dist/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/spinner/spinner.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzB,CAAC;AAMF,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAkB;;aAEpC,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,EAAA;CAC9D,CAAC;AAOF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAa;;aAE1B,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAA,EAAA;cAChC,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;4BAsBnB,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6E7E,CAAC;AAiBF;;;;GAIG;AACH,SAAS,OAAO,CAAC,KAAmB;;IAChC,OAAO,CACH,MAAC,OAAO,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,aACnD,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,aACxC,cAAK,SAAS,EAAC,cAAc,GAAG,EAChC,cAAK,SAAS,EAAC,cAAc,GAAG,EAChC,cAAK,SAAS,EAAC,cAAc,GAAG,EAChC,cAAK,SAAS,EAAC,cAAc,GAAG,EAChC,cAAK,SAAS,EAAC,cAAc,GAAG,EAChC,cAAK,SAAS,EAAC,cAAc,GAAG,IAC3B,EACR,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,YAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,SAAS,GAAe,IACrG,CACb,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}

package/dist/switch/sun-icon.d.ts

@@ -0,0 +1,3 @@
+declare function Sun(): JSX.Element;
+export default Sun;
+//# sourceMappingURL=sun-icon.d.ts.map

package/dist/switch/sun-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sun-icon.d.ts","sourceRoot":"","sources":["../../src/switch/sun-icon.tsx"],"names":[],"mappings":"AAkBA,iBAAS,GAAG,IAAI,GAAG,CAAC,OAAO,CA4C1B;AAED,eAAe,GAAG,CAAC"}

package/dist/switch/sun-icon.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { useTheme } from '@darajs/styled-components';
+function Sun() {
+    const theme = useTheme();
+    return (_jsx("div", { style: { display: 'flex', height: '1rem', width: '1rem' }, children: _jsxs("svg", { fill: "none", viewBox: "0 0 200 200", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M138 100C138 120.987 120.987 138 100 138C79.0132 138 62 120.987 62 100C62 79.0132 79.0132 62 100 62C120.987 62 138 79.0132 138 100Z", fill: theme.colors.background }), _jsx("path", { d: "M87 13C87 5.8203 92.8203 0 100 0C107.18 0 113 5.8203 113 13V31C113 38.1797 107.18 44 100 44C92.8203 44 87 38.1797 87 31V13Z", fill: theme.colors.background }), _jsx("path", { d: "M87 169C87 161.82 92.8203 156 100 156C107.18 156 113 161.82 113 169V187C113 194.18 107.18 200 100 200C92.8203 200 87 194.18 87 187V169Z", fill: theme.colors.background }), _jsx("path", { d: "M169 113C161.82 113 156 107.18 156 100C156 92.8203 161.82 87 169 87H187C194.18 87 200 92.8203 200 100C200 107.18 194.18 113 187 113H169Z", fill: theme.colors.background }), _jsx("path", { d: "M13 113C5.8203 113 0 107.18 0 100C0 92.8203 5.8203 87 13 87H31C38.1797 87 44 92.8203 44 100C44 107.18 38.1797 113 31 113H13Z", fill: theme.colors.background }), _jsx("path", { d: "M28.1924 46.5772C23.1156 41.5003 23.1156 33.2692 28.1924 28.1924C33.2692 23.1156 41.5003 23.1156 46.5772 28.1924L59.3051 40.9203C64.3819 45.9971 64.3819 54.2283 59.3051 59.3051C54.2283 64.3819 45.9971 64.3819 40.9203 59.3051L28.1924 46.5772Z", fill: theme.colors.background }), _jsx("path", { d: "M159.579 59.3051C154.502 64.3819 146.271 64.3819 141.194 59.3051C136.118 54.2283 136.118 45.9972 141.194 40.9203L153.922 28.1924C158.999 23.1156 167.23 23.1156 172.307 28.1924C177.384 33.2692 177.384 41.5004 172.307 46.5772L159.579 59.3051Z", fill: theme.colors.background }), _jsx("path", { d: "M141.192 159.577C136.116 154.5 136.116 146.269 141.192 141.192C146.269 136.116 154.5 136.116 159.577 141.192L172.305 153.92C177.382 158.997 177.382 167.228 172.305 172.305C167.228 177.382 158.997 177.382 153.92 172.305L141.192 159.577Z", fill: theme.colors.background }), _jsx("path", { d: "M40.9209 141.192C45.9977 136.116 54.2289 136.116 59.3057 141.192C64.3825 146.269 64.3825 154.5 59.3057 159.577L46.5777 172.305C41.5009 177.382 33.2698 177.382 28.193 172.305C23.1162 167.228 23.1162 158.997 28.193 153.92L40.9209 141.192Z", fill: theme.colors.background })] }) }));
+}
+export default Sun;
+//# sourceMappingURL=sun-icon.js.map

package/dist/switch/sun-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sun-icon.js","sourceRoot":"","sources":["../../src/switch/sun-icon.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,SAAS,GAAG;IACR,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YAC1D,eAAK,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,aACrE,eACI,CAAC,EAAC,qIAAqI,EACvI,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,EACF,eACI,CAAC,EAAC,6HAA6H,EAC/H,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,EACF,eACI,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,EACF,eACI,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,EACF,eACI,CAAC,EAAC,8HAA8H,EAChI,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,EACF,eACI,CAAC,EAAC,mPAAmP,EACrP,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,EACF,eACI,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,EACF,eACI,CAAC,EAAC,6OAA6O,EAC/O,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,EACF,eACI,CAAC,EAAC,8OAA8O,EAChP,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAC/B,IACA,GACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,GAAG,CAAC"}

package/dist/switch/switch.d.ts

@@ -0,0 +1,16 @@
+import { InteractiveComponentProps } from '../types';
+interface SwitchLabel {
+    off: React.ReactNode;
+    on: React.ReactNode;
+}
+export interface SwitchProps extends InteractiveComponentProps<boolean> {
+    /** An optional prop object with on and off properties that map to alternate labels for those states */
+    labels?: SwitchLabel;
+    /** A boolean defining whether to show lightdark switch */
+    lightDark?: boolean;
+    /** An optional onChange handler that will be called when the switch it toggled */
+    onChange?: (enabled: boolean) => void | Promise<void>;
+}
+declare const _default: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/switch/switch.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAiDrD,UAAU,WAAW;IACjB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,OAAO,CAAC;IACnE,uGAAuG;IACvG,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD;;AA2DD,wBAAkC"}