@mrshmllw/smores-react 10.6.3 → 10.7.0-crumbs-feature-vite-bundling.1

package/dist/SearchInput/SearchInput.d.ts

@@ -1,50 +0,0 @@
-import { IFuseOptions } from 'fuse.js';
-import React, { FocusEvent, ReactNode } from 'react';
-import { CommonFieldProps } from '../fields/commonFieldTypes';
-export type SearchInputItem = {
-    label: string;
-    value: string;
-    tags?: any[];
-};
-export interface SearchInputProps extends CommonFieldProps {
-    /** Optional input className */
-    name?: string;
-    /**  Optional placeholder text */
-    placeholder?: string;
-    /**  List of input items to search on*/
-    searchList: SearchInputItem[];
-    /**  callback to handle found item click */
-    onFound: (element: string) => void;
-    /**  optional callback to run when no results found */
-    onNotFound?: (searchTerm: string) => void;
-    /**  optional Component to render when no results found */
-    notFoundComponent?: (searchTerm: string) => ReactNode;
-    /**  optional boolean to show search icon */
-    showIcon?: boolean;
-    /**  optional boolean to show a clear search button */
-    clearSearch?: boolean;
-    /**  Optional callback to run on blur */
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-    /**  Optional default value for input */
-    value?: string;
-    /**  Optional boolean to move results to a realtive position */
-    resultsRelativePosition?: boolean;
-    /**  optional boolean to add border to results */
-    resultsBorder?: boolean;
-    /** optional boolean to enable fuzzy search via fuse.js */
-    enableFuzzySearch?: boolean;
-    /** optional config of fuzzy search
-     *  passing a value to this prop, automatically enables fuzzy search
-     */
-    fuzzySearchOptions?: IFuseOptions<SearchInputItem>;
-}
-export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
-export declare const Icons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").MarginProps & import("..").PaddingProps & import("../utils/flex").FlexProps & import("../utils/measure").MeasureProps & React.HTMLAttributes<HTMLElement> & {
-    as?: React.ElementType;
-    forwardedAs?: React.ElementType;
-} & React.RefAttributes<HTMLDivElement>, {
-    $clearSearch: boolean;
-}>> & string & Omit<React.ForwardRefExoticComponent<import("..").MarginProps & import("..").PaddingProps & import("../utils/flex").FlexProps & import("../utils/measure").MeasureProps & React.HTMLAttributes<HTMLElement> & {
-    as?: React.ElementType;
-    forwardedAs?: React.ElementType;
-} & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;

package/dist/SearchInput/SearchInput.js

@@ -1,165 +0,0 @@
-import Fuse from 'fuse.js';
-import React, { forwardRef, useMemo, useRef, useState, } from 'react';
-import styled from 'styled-components';
-import { Box } from '../Box';
-import { IconStrict } from '../IconStrict';
-import { Field } from '../fields/Field';
-import { Input, StyledFrontIcon } from '../fields/components/CommonInput';
-import { useOnClickOutside } from '../hooks';
-import { theme } from '../theme';
-import { useUniqueId } from '../utils/id';
-import { useControllableState } from '../utils/useControlledState';
-import { SearchOptions } from './components/SearchOptions';
-const defaultFuzzySearchOptions = {
-    keys: [
-        {
-            name: 'label',
-            weight: 0.6,
-        },
-        {
-            name: 'tags',
-            weight: 0.4,
-        },
-    ],
-    findAllMatches: true,
-    minMatchCharLength: 1,
-    location: 0,
-    threshold: 0.45,
-    distance: 55,
-};
-export const SearchInput = forwardRef(function SearchInput({ id: idProp, name = 'search_input', className = '', placeholder, searchList, showIcon = false, renderAsTitle = false, value, onBlur, onFound, onNotFound, notFoundComponent, fallbackStyle, resultsRelativePosition = false, resultsBorder = true, enableFuzzySearch = false, fuzzySearchOptions, clearSearch, ...otherProps }, ref) {
-    const wrapperRef = useRef(null);
-    const id = useUniqueId(idProp);
-    const [showOptions, setShowOptions] = useState(false);
-    const [selectedValue, setSelectedValue] = useControllableState({
-        initialState: null,
-        stateProp: value,
-    });
-    const [searchQuery, setSearchQuery] = useState(null);
-    const [highlightedIndex, setHighlightedIndex] = useState(-1);
-    const selectedValueLabel = searchList.find((option) => option.label === selectedValue || option.value === selectedValue)?.label;
-    const handleBlur = () => {
-        if (selectedValue) {
-            setSearchQuery(selectedValueLabel ?? null);
-        }
-        else if (!selectedValue) {
-            setSearchQuery(null);
-        }
-    };
-    useOnClickOutside({
-        ref: wrapperRef,
-        callback: () => {
-            handleBlur();
-            setShowOptions(false);
-        },
-    });
-    const fuse = useMemo(() => {
-        return new Fuse(searchList, {
-            ...defaultFuzzySearchOptions,
-            ...fuzzySearchOptions,
-        });
-    }, [searchList]);
-    const filteredList = useMemo(() => {
-        if (searchQuery === null || searchQuery === '') {
-            return searchList;
-        }
-        if (enableFuzzySearch || !!fuzzySearchOptions) {
-            return fuse.search(searchQuery).map(({ item }) => item);
-        }
-        return searchList.filter(({ label }) => label.toLowerCase().includes(searchQuery.toLocaleLowerCase()));
-    }, [searchQuery, enableFuzzySearch, !!fuzzySearchOptions]);
-    const getDisplayedInputText = () => {
-        if (searchQuery !== null) {
-            return searchQuery;
-        }
-        if (selectedValue !== null) {
-            return selectedValueLabel || '';
-        }
-        return '';
-    };
-    const isSelected = selectedValue !== null;
-    const displayedInputText = getDisplayedInputText();
-    const updateSearchQuery = (query) => {
-        setSearchQuery(query);
-        setHighlightedIndex(-1);
-        if (query === null) {
-            setSelectedValue(null);
-            setShowOptions(false);
-        }
-        else {
-            setShowOptions(true);
-        }
-    };
-    const handleClick = () => {
-        setShowOptions(true);
-        if (searchQuery !== null) {
-            updateSearchQuery(searchQuery);
-            setShowOptions(true);
-        }
-        else if (selectedValue !== null && searchQuery === null) {
-            setSearchQuery(selectedValueLabel || null);
-            setShowOptions(true);
-        }
-    };
-    const handleInputChange = (event) => {
-        const nextValue = event.currentTarget.value;
-        updateSearchQuery(nextValue);
-    };
-    const handleSelect = (nextValue) => {
-        updateSearchQuery(null);
-        setSelectedValue(nextValue.label);
-        onFound(nextValue.value);
-    };
-    const handleClearSearch = () => {
-        updateSearchQuery(null);
-        setSelectedValue(null);
-        onFound('');
-    };
-    const handleCaretClick = () => {
-        setShowOptions(!showOptions);
-    };
-    const handleKeyDown = (event) => {
-        if (event.key === 'Enter' && highlightedIndex !== -1) {
-            event.preventDefault();
-            const focusedItem = filteredList[highlightedIndex];
-            handleSelect(focusedItem);
-        }
-        else if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            const nextIndex = (highlightedIndex + 1) % filteredList.length;
-            setHighlightedIndex(nextIndex);
-        }
-        else if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            const prevIndex = (highlightedIndex - 1 + filteredList.length) % filteredList.length;
-            setHighlightedIndex(prevIndex);
-        }
-    };
-    const showClearSearchButton = !!clearSearch && (!!value || !!selectedValue || !!searchQuery);
-    return (React.createElement(Wrapper, { ref: wrapperRef },
-        React.createElement(Field, { className: className, renderAsTitle: renderAsTitle, htmlFor: id, ...otherProps },
-            React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
-                showIcon && React.createElement(StyledFrontIcon, { render: "search", color: "sesame" }),
-                React.createElement(Input, { id: id, name: name, ref: ref, placeholder: placeholder, "$error": otherProps.error, "$frontIcon": showIcon ? 'search' : undefined, "$fallbackStyle": fallbackStyle, autoComplete: "off", value: displayedInputText, onFocus: handleClick, onChange: handleInputChange, selected: isSelected, onClick: handleClick, onKeyDown: handleKeyDown, onBlur: (e) => {
-                        onBlur?.(e);
-                    } }),
-                React.createElement(Icons, { flex: true, alignItems: "center", gap: "8px", "$clearSearch": showClearSearchButton },
-                    showClearSearchButton && (React.createElement(IconStrict, { type: "button", render: "plus", rotate: 45, iconColor: "marzipan", title: 'Clear search', handleClick: handleClearSearch, size: 24 })),
-                    React.createElement(Line, null),
-                    React.createElement(IconStrict, { type: "button", render: "caret", iconColor: "marzipan", rotate: showOptions ? 180 : 0, handleClick: handleCaretClick, size: 24 }))),
-            showOptions && (React.createElement(SearchOptions, { displayedList: filteredList, selectedValue: selectedValue, highlightedIndex: highlightedIndex, setHighlightedIndex: setHighlightedIndex, onKeyDown: handleKeyDown, searchTerm: searchQuery || '', onSelect: handleSelect, positionRelative: resultsRelativePosition, resultsBorder: resultsBorder, onNotFound: onNotFound, notFoundComponent: notFoundComponent && notFoundComponent(searchQuery ?? '') })))));
-});
-const Wrapper = styled(Box) `
-  position: relative;
-`;
-const Line = styled(Box) `
-  background: ${theme.colors.oatmeal};
-  height: 24px;
-  width: 1px;
-`;
-export const Icons = styled(Box) `
-  position: relative;
-  right: ${({ $clearSearch }) => ($clearSearch ? '80px' : '48px')};
-  margin-right: ${({ $clearSearch }) => ($clearSearch ? '-80px' : '-48px')};
-`;
-//# sourceMappingURL=SearchInput.js.map

package/dist/SearchInput/SearchInput.js.map

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

package/dist/SearchInput/components/EmptyResults.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-interface Props {
-    onNotFound?: (searchTerm: string) => void;
-    searchTerm: string;
-    notFoundComponent?: ReactNode;
-}
-export declare const EmptyResults: FC<Props>;
-export {};

package/dist/SearchInput/components/EmptyResults.js

@@ -1,11 +0,0 @@
-import React, { useEffect } from 'react';
-export const EmptyResults = ({ onNotFound, searchTerm, notFoundComponent, }) => {
-    useEffect(() => {
-        onNotFound?.(searchTerm);
-    }, []);
-    if (notFoundComponent) {
-        return React.createElement("li", null, notFoundComponent);
-    }
-    return React.createElement("li", null, "No results");
-};
-//# sourceMappingURL=EmptyResults.js.map

package/dist/SearchInput/components/EmptyResults.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyResults.js","sourceRoot":"","sources":["../../../src/SearchInput/components/EmptyResults.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAQvD,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,UAAU,EACV,UAAU,EACV,iBAAiB,GAClB,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,EAAE,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAI,iBAAiB,EAAE,CAAC;QACtB,OAAO,gCAAK,iBAAiB,CAAM,CAAA;IACrC,CAAC;IAED,OAAO,6CAAmB,CAAA;AAC5B,CAAC,CAAA"}

package/dist/SearchInput/components/SearchOptions.d.ts

@@ -1,23 +0,0 @@
-import { FC, ReactNode } from 'react';
-type Option = {
-    label: string;
-    value: string;
-};
-type SearchOptionsProps = {
-    displayedList: Array<Option>;
-    selectedValue: string | null;
-    highlightedIndex: number;
-    setHighlightedIndex: (arg: number) => void;
-    onSelect: (option: Option) => void;
-    onKeyDown: (e: {
-        key: string;
-        preventDefault: () => void;
-    }) => void;
-    positionRelative: boolean;
-    resultsBorder: boolean;
-    onNotFound?: (searchTerm: string) => void;
-    searchTerm: string;
-    notFoundComponent?: ReactNode;
-};
-export declare const SearchOptions: FC<SearchOptionsProps>;
-export {};

package/dist/SearchInput/components/SearchOptions.js

@@ -1,96 +0,0 @@
-import React, { createRef, useEffect, useRef } from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../../Box';
-import { Icon } from '../../Icon';
-import { theme } from '../../theme';
-import { EmptyResults } from './EmptyResults';
-export const SearchOptions = ({ displayedList, selectedValue, highlightedIndex, setHighlightedIndex, onSelect, onKeyDown, positionRelative, resultsBorder, onNotFound, searchTerm, notFoundComponent, }) => {
-    const itemRefs = useRef([]);
-    useEffect(() => {
-        itemRefs.current = displayedList.map((_, i) => itemRefs.current[i] ?? createRef());
-    }, [displayedList.length]);
-    useEffect(() => {
-        const focusedListItem = itemRefs?.current[highlightedIndex]?.current;
-        if (highlightedIndex >= 0 && focusedListItem) {
-            focusedListItem.scrollIntoView({
-                block: 'nearest',
-                inline: 'start',
-            });
-        }
-    }, [highlightedIndex]);
-    return (React.createElement(BoxWithPositionRelative, null,
-        React.createElement(StyledResultsContainer, { "$positionRelative": positionRelative },
-            React.createElement(ResultsList, { "$resultsBorder": resultsBorder, onKeyDown: onKeyDown }, displayedList.length ? (displayedList.map((el, i) => {
-                const isSelected = selectedValue === el.label || selectedValue === el.value;
-                return (React.createElement(ListButton, { key: el.label + '_list_item', "aria-label": el.label + '_list_item', ref: itemRefs.current[i], onClick: () => onSelect(el), "$isSelected": isSelected, "$showBg": highlightedIndex === i, onMouseEnter: () => {
-                        setHighlightedIndex(i);
-                    }, onFocus: () => {
-                        setHighlightedIndex(i);
-                    } },
-                    el.label,
-                    isSelected && (React.createElement(Icon, { render: "tick", size: 16, color: "marshmallowPink" }))));
-            })) : (React.createElement(EmptyResults, { onNotFound: onNotFound, searchTerm: searchTerm, notFoundComponent: notFoundComponent }))))));
-};
-const StyledResultsContainer = styled.div `
-  box-sizing: border-box;
-  overflow: hidden;
-  margin: -16px;
-  padding: 16px;
-  ${({ $positionRelative }) => !$positionRelative && 'position: absolute;'}
-  width:  calc(100% + 32px);
-  left: 0px;
-  top: -8px;
-
-  ul {
-    max-height: 192px;
-  }
-`;
-const ResultsList = styled.ul `
-  position: relative;
-  list-style: none;
-  overflow-y: auto;
-  padding: 0;
-  margin: 0;
-  background-color: ${theme.colors.cream};
-  border-radius: 12px;
-  margin-top: 14px;
-  z-index: 1000;
-  border: 1px solid ${theme.colors.oatmeal};
-  box-shadow:
-    0px 10px 18px rgba(18, 18, 23, 0.03),
-    0px 5px 8px rgba(18, 18, 23, 0.04),
-    0px 2px 4px rgba(18, 18, 23, 0.04);
-
-  li {
-    padding: 16px 14px;
-    box-sizing: border-box;
-    font-size: 16px;
-    color: ${theme.colors.liquorice};
-    cursor: pointer;
-  }
-`;
-const ListButton = styled.li `
-  display: flex;
-  justify-content: space-between;
-
-  &:focus {
-    outline: none;
-  }
-  &:focus-visible {
-    outline: none;
-  }
-
-  ${({ $showBg }) => $showBg &&
-    css `
-      background-color: ${theme.colors.mascarpone};
-    `}
-
-  ${({ $isSelected }) => $isSelected &&
-    css `
-      background-color: ${theme.colors.custard};
-    `}
-`;
-const BoxWithPositionRelative = styled(Box) `
-  position: relative;
-`;
-//# sourceMappingURL=SearchOptions.js.map

package/dist/SearchInput/components/SearchOptions.js.map

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

package/dist/SearchInput/index.d.ts

@@ -1 +0,0 @@
-export * from './SearchInput';

package/dist/SearchInput/index.js

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

package/dist/SearchInput/index.js.map

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

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -1,35 +0,0 @@
-import { Color } from '../theme';
-import React from 'react';
-export type SegmentedControlOption<T = string | number> = {
-    label: string;
-    /** value needs to be number or string */
-    value: T;
-    /** optional tag able to show in the toggle if showTag prop is passed */
-    tag?: string;
-    isDisabled?: boolean;
-};
-type StylingOptions = {
-    toggle?: Color;
-    background?: Color;
-    text?: Color;
-    selectedText?: Color;
-    tagBg?: Color;
-    tagBorder?: Color;
-    tagText?: Color;
-};
-export type SegmentedControlProps<T> = {
-    /** you can pass more than 2 options */
-    options: SegmentedControlOption<T>[];
-    value: T;
-    onChange: (value: T) => void;
-    /**  pass this prop if you want to show the tag in the toggle */
-    showTag?: boolean;
-    /** pass a StylingOptions object with the needed styles if you want to style the SegmentedControl */
-    styles?: StylingOptions;
-};
-/**
- * ### How do I pass state to the `SegmentedControl` component?
- * We recommend pulling the state up to at least the component that renders `SegmentedControl` up to at least the component that renders `SegmentedControl`, this should make it easier to pass state to the `SegmentedControl` component
- */
-export declare const SegmentedControl: <T>({ options, value, onChange, showTag, styles: { tagBorder, tagText, tagBg, selectedText, text, background, toggle, }, }: SegmentedControlProps<T>) => React.JSX.Element;
-export {};

package/dist/SegmentedControl/SegmentedControl.js

@@ -1,59 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../theme';
-import { Box } from '../Box';
-import { Tag } from '../Tag';
-import { Text } from '../Text';
-import React from 'react';
-import { ToggleButton } from './ToggleButton';
-/**
- * ### How do I pass state to the `SegmentedControl` component?
- * We recommend pulling the state up to at least the component that renders `SegmentedControl` up to at least the component that renders `SegmentedControl`, this should make it easier to pass state to the `SegmentedControl` component
- */
-export const SegmentedControl = ({ options, value, onChange, showTag, styles: { tagBorder = 'marshmallowPink', tagText = 'cream', tagBg = 'marshmallowPink', selectedText = 'cream', text = 'liquorice', background, toggle, } = {}, }) => {
-    return (React.createElement(ToggleWrapper, { backgroundColor: background },
-        React.createElement(IndicatorWrapper, { backgroundColor: background },
-            options.map((option) => {
-                return (React.createElement(ToggleButton, { key: option.label, name: "toggle-version-button", value: option.value, onChange: onChange, isSelected: option.value === value, isDisabled: option.isDisabled },
-                    React.createElement(StyledWrapper, null,
-                        showTag && option.tag && (React.createElement(StyledTag, { bgColor: tagBg, borderColor: tagBorder, color: tagText, label: option.tag })),
-                        React.createElement(StyledText, { isSelected: option.value === value, selectedTextColor: selectedText, color: text }, option.label))));
-            }),
-            React.createElement(ToggleIndicator, { selectedIndex: options.findIndex((option) => option.value === value), sections: options.length, toggleColor: toggle }))));
-};
-const BORDER_RADIUS = 25;
-const StyledWrapper = styled(Box) `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 4px;
-`;
-const StyledTag = styled(Tag) `
-  border-radius: 100px;
-`;
-const StyledText = styled(Text) `
-  font-weight: ${theme.font.weight.medium};
-  ${({ isSelected, selectedTextColor }) => isSelected && `color: ${theme.colors[selectedTextColor]};`}
-  padding: 2px 0px;
-`;
-const ToggleWrapper = styled(Box) `
-  padding: 4px;
-  background-color: ${(p) => theme.colors[p.backgroundColor ?? 'custard']};
-  border-radius: ${BORDER_RADIUS}px;
-`;
-const IndicatorWrapper = styled(Box) `
-  position: relative;
-  display: flex;
-  background-color: ${(p) => theme.colors[p.backgroundColor ?? 'custard']};
-  border-radius: ${BORDER_RADIUS}px;
-`;
-const ToggleIndicator = styled(Box) `
-  background-color: ${(p) => theme.colors[p.toggleColor ?? 'liquorice']};
-  border-radius: ${BORDER_RADIUS}px;
-  position: absolute;
-  z-index: 1;
-  height: 100%;
-  width: ${(p) => `calc(100% / ${p.sections})`};
-  transition: transform 0.4s;
-  transform: ${(p) => `translateX(${p.selectedIndex * 100}%)`};
-`;
-//# sourceMappingURL=SegmentedControl.js.map

package/dist/SegmentedControl/SegmentedControl.js.map

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

package/dist/SegmentedControl/ToggleButton.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactNode } from 'react';
-type ToggleButtonProps<Value> = {
-    name: string;
-    value: Value;
-    onChange: (value: Value) => void;
-    isSelected: boolean;
-    isDisabled?: boolean;
-    children: ReactNode;
-};
-export declare const ToggleButton: <Value>({ name, value, onChange, isSelected, isDisabled, children, }: ToggleButtonProps<Value>) => React.JSX.Element;
-export {};

package/dist/SegmentedControl/ToggleButton.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box';
-export const ToggleButton = ({ name, value, onChange, isSelected, isDisabled = false, children, }) => {
-    return (React.createElement(Wrapper, { as: "label", "data-testId": `value-toggle-${value}`, isDisabled: isDisabled },
-        React.createElement(VisuallyHiddenInput, { type: "radio", name: name, checked: isSelected, onClick: () => onChange(value), onChange: () => onChange(value) }),
-        children));
-};
-const Wrapper = styled(Box) `
-  cursor: pointer;
-  ${({ isDisabled }) => isDisabled &&
-    css `
-      pointer-events: none;
-      opacity: 0.5;
-    `}
-  padding: 10px 14px;
-  transition: color 0.1s linear;
-  height: fit-content;
-  width: 100%;
-  align-content: center;
-  z-index: 3;
-`;
-const VisuallyHiddenInput = styled.input `
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-`;
-//# sourceMappingURL=ToggleButton.js.map

package/dist/SegmentedControl/ToggleButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/SegmentedControl/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAW5B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAS,EACnC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,QAAQ,GACiB,EAAE,EAAE;IAC7B,OAAO,CACL,oBAAC,OAAO,IACN,EAAE,EAAC,OAAO,iBACG,gBAAgB,KAAK,EAAE,EACpC,UAAU,EAAE,UAAU;QAEtB,oBAAC,mBAAmB,IAClB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAC/B;QACD,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAyB;;IAEhD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV,GAAG,CAAA;;;KAGF;;;;;;;CAOJ,CAAA;AAED,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;CAQvC,CAAA"}

package/dist/SegmentedControl/index.d.ts

@@ -1 +0,0 @@
-export * from './SegmentedControl';

package/dist/SegmentedControl/index.js

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

package/dist/SegmentedControl/index.js.map

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

package/dist/SliderInput/SliderInput.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { MarginProps } from '../utils/space';
-export declare const SliderInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "value"> & MarginProps & {
-    onChange: (value: number) => void;
-    value: number;
-    min?: number;
-    max?: number;
-    step?: number;
-} & React.RefAttributes<HTMLInputElement>>;

package/dist/SliderInput/SliderInput.js

@@ -1,56 +0,0 @@
-import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import { theme } from '../theme';
-import { margin } from '../utils/space';
-export const SliderInput = forwardRef(function SliderInput({ value, onChange, min, max, step, m, mx, my, ml, mr, mt, mb, ...rest }, ref) {
-    return (React.createElement(StyledSlider, { ref: ref, type: "range", min: min, max: max, step: step, value: value, onChange: (event) => {
-            onChange(event.target.valueAsNumber);
-        }, "$m": m, "$mx": mx, "$my": my, "$ml": ml, "$mr": mr, "$mt": mt, "$mb": mb, ...rest }));
-});
-const StyledSlider = styled.input `
-  outline: 0;
-  border: 0;
-  padding: 0;
-  border-radius: 500px;
-  width: 100%;
-  //guard rail as we have a hard coded limit on progress bar length
-  max-width: 2000px;
-  transition: box-shadow 0.2s ease-in-out;
-  background: ${theme.colors.coconut};
-  ${margin};
-
-  @media screen and (-webkit-min-device-pixel-ratio: 0) {
-    overflow: hidden;
-    height: 44px;
-    -webkit-appearance: none;
-
-    &::-webkit-slider-runnable-track {
-      height: 44px;
-      -webkit-appearance: none;
-      transition: box-shadow 0.2s ease-in-out;
-    }
-    &::-webkit-slider-thumb {
-      width: 44px;
-      -webkit-appearance: none;
-      height: 44px;
-      cursor: ew-resize;
-      background: ${theme.colors.coconut};
-      box-shadow:
-      //handles the progress bar
-        -1000px 0 0 980px ${theme.colors.marshmallowPink},
-        //added for the focus anim
-        inset 0 0 0 44px ${theme.colors.lollipop};
-      border-radius: 50%;
-      transition: box-shadow 0.2s ease-in-out;
-      position: relative;
-    }
-    &:active::-webkit-slider-thumb,
-    &:focus::-webkit-slider-thumb {
-      background: ${theme.colors.coconut};
-      box-shadow:
-        -1000px 0 0 980px ${theme.colors.marshmallowPink},
-        inset 0 0 0 4px ${theme.colors.lollipop};
-    }
-  }
-`;
-//# sourceMappingURL=SliderInput.js.map

package/dist/SliderInput/SliderInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInput.js","sourceRoot":"","sources":["../../src/SliderInput/SliderInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,MAAM,EAAqC,MAAM,gBAAgB,CAAA;AAc1E,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EACvE,GAAG;IAEH,OAAO,CACL,oBAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;QACtC,CAAC,QACG,CAAC,SACA,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,KACH,IAAI,GACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAsB;;;;;;;;;gBASvC,KAAK,CAAC,MAAM,CAAC,OAAO;IAChC,MAAM;;;;;;;;;;;;;;;;;oBAiBU,KAAK,CAAC,MAAM,CAAC,OAAO;;;4BAGZ,KAAK,CAAC,MAAM,CAAC,eAAe;;2BAE7B,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;;;;oBAO5B,KAAK,CAAC,MAAM,CAAC,OAAO;;4BAEZ,KAAK,CAAC,MAAM,CAAC,eAAe;0BAC9B,KAAK,CAAC,MAAM,CAAC,QAAQ;;;CAG9C,CAAA"}

package/dist/SliderInput/index.d.ts

@@ -1 +0,0 @@
-export * from './SliderInput';

package/dist/SliderInput/index.js

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

package/dist/SliderInput/index.js.map

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