@taiv/ui 1.4.5 → 1.5.0

package/dist/components/Inputs/Dropdowns/NestedSelect.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Group } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { componentSizes } from './shared/sizes';
-import { Select } from './Select';
-import { Text } from '../../Typography/Text';
-import { fontBase } from '../../..';
-const NestedSelect = ({ data = [], value, placeholder = 'Select an option', size = 'md', width, fullWidth = false, styles, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.minWidth}rem`;
-    // Flatten the hierarchy into a flat array with depth information
-    const flattenHierarchy = (items, depth = 0) => {
-        const result = [];
-        items.forEach((item) => {
-            result.push({ ...item, depth });
-            if (item.children && item.children.length > 0) {
-                result.push(...flattenHierarchy(item.children, depth + 1));
-            }
-        });
-        return result;
-    };
-    const flattenedData = flattenHierarchy(data);
-    const DropdownItem = ({ value, label, icon, depth, ...others }) => {
-        const indentLevel = depth * 0.8;
-        return (_jsx(Box, { sx: {
-                display: 'flex',
-                alignItems: 'center',
-                padding: selectedSize.dropdownPadding,
-                borderRadius: '8px',
-                transition: 'background-color 200ms ease-in-out',
-                cursor: 'pointer',
-            }, ...others, children: _jsxs(Group, { spacing: "0.5rem", sx: { marginLeft: `${indentLevel}rem` }, children: [icon && _jsx(Box, { sx: { display: 'flex', alignItems: 'center', color: neutral[200], fontSize: selectedSize.fontSize }, children: icon }), _jsx(Text, { style: { ...fontBase, color: neutral[200], fontSize: selectedSize.fontSize }, children: label })] }) }));
-    };
-    const style = {
-        input: {
-            color: neutral[300],
-            border: `1px solid ${neutral[100]}`,
-            borderRadius: '8px',
-            transition: 'all 200ms ease-in-out',
-            height: `${selectedSize.height}rem`,
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            padding: selectedSize.inputPadding,
-        },
-        item: {
-            color: neutral[200],
-            borderRadius: '8px',
-            transition: 'background-color 200ms ease-in-out',
-            padding: 0,
-            fontSize: selectedSize.fontSize,
-            marginBottom: '0.2rem',
-            '&[data-selected]': {
-                backgroundColor: neutral[50],
-                color: neutral[200],
-            },
-            '&[data-hovered]': {
-                backgroundColor: neutral[50],
-            },
-            '&:not(:hover):not([data-selected])': {
-                backgroundColor: 'white',
-            },
-            '&[data-selected]:hover': {
-                backgroundColor: neutral[50],
-            },
-            ...styles,
-        },
-    };
-    return _jsx(Select, { placeholder: placeholder, width: computedWidth, value: value, size: size, styles: style, itemComponent: DropdownItem, data: flattenedData, ...props });
-};
-export { NestedSelect };

package/dist/components/Inputs/Dropdowns/Select.d.ts

@@ -1,11 +0,0 @@
-import { SelectProps as MantineSelectProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-import { componentSizes } from './shared/sizes';
-export interface SelectProps extends MantineSelectProps {
-    size?: keyof typeof componentSizes;
-    width?: string | number;
-    fullWidth?: boolean;
-    styles?: Record<string, CSSObject>;
-}
-export declare const Select: ({ size, width, fullWidth, placeholder, styles, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Select.d.ts.map

package/dist/components/Inputs/Dropdowns/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Dropdowns/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,MAAM,GAAI,2DAA+F,WAAW,4CA0DhI,CAAC"}

package/dist/components/Inputs/Dropdowns/Select.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Select as MantineSelect } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { fontBase } from '../../../constants/font';
-import { componentSizes } from './shared/sizes';
-export const Select = ({ size = 'md', width, fullWidth = false, placeholder = 'Select an option', styles, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const style = {
-        root: {
-            width: fullWidth ? '100%' : width || `${selectedSize.minWidth}rem`,
-        },
-        input: {
-            height: `${selectedSize.height}rem`,
-            paddingRight: selectedSize.inputPadding,
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[300],
-            borderRadius: '8px',
-            border: `1px solid ${neutral[100]}`,
-            textOverflow: 'ellipsis',
-            overflow: 'hidden',
-            transition: 'all 200ms ease-in-out',
-        },
-        label: {
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.1rem)`,
-            color: neutral[200],
-        },
-        dropdown: {
-            border: 'none',
-            borderRadius: '8px',
-            boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
-        },
-        item: {
-            padding: selectedSize.dropdownPadding,
-            marginBottom: '0.2rem',
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-            borderRadius: '8px',
-            backgroundColor: 'white',
-            '&[data-selected]': {
-                backgroundColor: neutral[50],
-                color: neutral[200],
-                '&:hover': {
-                    backgroundColor: neutral[50],
-                },
-            },
-            '&:hover': {
-                backgroundColor: neutral[50],
-            },
-            '&:not(:hover):not([data-selected])': {
-                backgroundColor: 'white',
-            },
-        },
-        rightSection: {
-            color: neutral[200],
-        },
-        ...styles,
-    };
-    return _jsx(MantineSelect, { radius: "md", size: size, styles: style, placeholder: placeholder, maxDropdownHeight: selectedSize.dropdownHeight, ...props });
-};

package/dist/components/Inputs/Dropdowns/shared/fontSelectList.d.ts

@@ -1,9 +0,0 @@
-import { SelectOption } from '../../../../utils/select';
-export declare const FONTS: SelectOption[];
-export declare const FONT_SIZES: SelectOption[];
-declare const _default: {
-    FONTS: SelectOption[];
-    FONT_SIZES: SelectOption[];
-};
-export default _default;
-//# sourceMappingURL=fontSelectList.d.ts.map

package/dist/components/Inputs/Dropdowns/shared/fontSelectList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fontSelectList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Dropdowns/shared/fontSelectList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,eAAO,MAAM,KAAK,EAAE,YAAY,EAoC/B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAAY,EA0BpC,CAAC;;;;;AAEF,wBAAqC"}

package/dist/components/Inputs/Dropdowns/shared/fontSelectList.js

@@ -1,65 +0,0 @@
-export const FONTS = [
-    { value: 'Poppins', label: 'Poppins' },
-    { value: 'Insanibu', label: 'Insanibu' },
-    { value: 'MINI_Serif', label: 'MINI_Serif' },
-    { value: 'CHEESEPIZZA', label: 'CHEESEPIZZA' },
-    { value: 'BMW', label: 'BMW' },
-    { value: 'Abrakatebra', label: 'Abrakatebra' },
-    { value: 'Aramisi', label: 'Aramisi' },
-    { value: 'Facebook', label: 'Facebook' },
-    { value: 'Merriweather', label: 'Merriweather' },
-    { value: 'MINI_Sans', label: 'MINI_Sans' },
-    { value: 'Arvo', label: 'Arvo' },
-    { value: 'Dolce_Vita', label: 'Dolce_Vita' },
-    { value: 'Spectral', label: 'Spectral' },
-    { value: 'Twitter', label: 'Twitter' },
-    { value: 'CaviarDreams', label: 'CaviarDreams' },
-    { value: 'Freestyle_Script', label: 'Freestyle_Script' },
-    { value: 'Roboto', label: 'Roboto' },
-    { value: 'Cardo', label: 'Cardo' },
-    { value: 'Oswald', label: 'Oswald' },
-    { value: 'Nunito', label: 'Nunito' },
-    { value: 'Oxygen', label: 'Oxygen' },
-    { value: 'arial', label: 'arial' },
-    { value: 'Lora', label: 'Lora' },
-    { value: 'Montserrat', label: 'Montserrat' },
-    { value: 'College_Block', label: 'College_Block' },
-    { value: 'Karla', label: 'Karla' },
-    { value: 'Raleway', label: 'Raleway' },
-    { value: 'Rubik', label: 'Rubik' },
-    { value: 'Underground', label: 'Underground' },
-    { value: 'SS_Nickson_One', label: 'SS_Nickson_One' },
-    { value: 'Instagram', label: 'Instagram' },
-    { value: 'Cormorant', label: 'Cormorant' },
-    { value: 'Hamburger_Heaven', label: 'Hamburger_Heaven' },
-    { value: 'Coquette_Regular', label: 'Coquette_Regular' },
-    { value: 'Lato', label: 'Lato' },
-];
-export const FONT_SIZES = [
-    { value: '5', label: '5' },
-    { value: '5.5', label: '5.5' },
-    { value: '6.5', label: '6.5' },
-    { value: '7.5', label: '7.5' },
-    { value: '8', label: '8' },
-    { value: '9', label: '9' },
-    { value: '10', label: '10' },
-    { value: '10.5', label: '10.5' },
-    { value: '11', label: '11' },
-    { value: '12', label: '12' },
-    { value: '14', label: '14' },
-    { value: '16', label: '16' },
-    { value: '18', label: '18' },
-    { value: '20', label: '20' },
-    { value: '22', label: '22' },
-    { value: '24', label: '24' },
-    { value: '26', label: '26' },
-    { value: '28', label: '28' },
-    { value: '36', label: '36' },
-    { value: '40', label: '40' },
-    { value: '44', label: '44' },
-    { value: '48', label: '48' },
-    { value: '58', label: '58' },
-    { value: '64', label: '64' },
-    { value: '72', label: '72' },
-];
-export default { FONTS, FONT_SIZES };

package/dist/components/Inputs/Sliders/Slider.d.ts

@@ -1,16 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { SliderProps as MantineSliderProps } from '@mantine/core';
-import { componentSizes } from './shared/sizes';
-export interface SliderProps extends MantineSliderProps {
-    width?: string | number;
-    fullWidth?: boolean;
-    size?: keyof typeof componentSizes;
-    setValue: (value: number) => void;
-    animate?: boolean;
-    label?: React.ReactNode;
-    compact?: boolean;
-    styles?: Record<string, CSSProperties>;
-}
-declare const Slider: ({ width, size, value, setValue, disabled, styles, animate, label, fullWidth, compact, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
-export { Slider };
-//# sourceMappingURL=Slider.d.ts.map

package/dist/components/Inputs/Sliders/Slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Sliders/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAA2B,WAAW,IAAI,kBAAkB,EAAa,MAAM,eAAe,CAAC;AAItG,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,MAAM,GAAI,kGAYb,WAAW,4CAuGb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Inputs/Sliders/Slider.js

@@ -1,91 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Slider as MantineSlider } from '@mantine/core';
-import { useHover } from '@mantine/hooks';
-import { neutral, primary } from '../../../constants/colors';
-import { fontBase, textStyle } from '../../../constants/font';
-import { componentSizes } from './shared/sizes';
-const Slider = ({ width, size = 'md', value, setValue, disabled = false, styles, animate = false, label, fullWidth = false, compact = false, ...props }) => {
-    const { hovered, ref } = useHover();
-    const sliderColor = disabled ? neutral[100] : primary[200];
-    const selectedSize = componentSizes[size];
-    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.width}rem`;
-    const wrapperStyle = {
-        container: {
-            width: fullWidth ? '100%' : 'auto',
-            display: 'flex',
-            gap: '1rem',
-            alignItems: 'center',
-        },
-        label: {
-            ...fontBase,
-            ...selectedSize.labelFontSize,
-            color: disabled ? neutral[100] : neutral[200],
-            whiteSpace: 'nowrap',
-            flexShrink: 0,
-        },
-        valueLabel: {
-            ...fontBase,
-            ...selectedSize.valueFontSize,
-            color: disabled ? neutral[100] : neutral[200],
-            whiteSpace: 'nowrap',
-            flexShrink: 0,
-            textAlign: 'right',
-            minWidth: '2rem',
-        },
-        sliderContainer: {
-            display: 'flex',
-            alignItems: 'center',
-            gap: '1rem',
-            flex: fullWidth ? 1 : 'none',
-        },
-    };
-    const sliderStyle = {
-        root: {
-            flex: 1,
-            minWidth: '10rem',
-        },
-        thumb: {
-            width: `${selectedSize.thumbSize}rem`,
-            height: `${selectedSize.thumbSize}rem`,
-            backgroundColor: sliderColor,
-            borderColor: sliderColor,
-            boxShadow: '0 2px 2px rgba(0,0,0,0.2)',
-            transition: 'opacity 150ms ease',
-            opacity: animate ? (hovered ? 1 : 0) : 1,
-        },
-        trackContainer: {
-            cursor: disabled ? 'default' : 'pointer',
-        },
-        track: {
-            height: `${selectedSize.trackHeight}rem`,
-            backgroundColor: sliderColor,
-        },
-        bar: {
-            height: `${selectedSize.trackHeight}rem`,
-            backgroundColor: sliderColor,
-        },
-        marksContainer: {
-            height: `${selectedSize.trackHeight}rem`,
-        },
-        mark: {
-            width: '0.7rem',
-            height: '0.7rem',
-            borderColor: neutral[50],
-            backgroundColor: neutral[50],
-            transform: 'translateY(-0.15rem) translateX(-0.2rem)',
-        },
-        markFilled: {
-            borderColor: sliderColor,
-            backgroundColor: 'white',
-        },
-        markLabel: {
-            ...textStyle['caption'],
-            color: disabled ? neutral[100] : neutral[200],
-            marginTop: '0.4rem',
-            textAlign: 'center',
-        },
-        ...styles,
-    };
-    return (_jsxs("div", { style: wrapperStyle.container, children: [!compact && label && _jsx("div", { style: wrapperStyle.label, children: label }), _jsxs("div", { style: wrapperStyle.sliderContainer, children: [_jsx(MantineSlider, { value: value, onChange: setValue, w: computedWidth, showLabelOnHover: false, disabled: disabled, ref: ref, styles: sliderStyle, ...props }), !compact && _jsx("div", { style: wrapperStyle.valueLabel, children: value })] })] }));
-};
-export { Slider };

package/dist/components/Inputs/Sliders/VolumeSlider.d.ts

@@ -1,6 +0,0 @@
-import { SliderProps } from './Slider';
-interface VolumeSliderProps extends Omit<SliderProps, 'label'> {
-}
-declare const VolumeSlider: ({ compact, size, fullWidth, ...props }: VolumeSliderProps) => import("react/jsx-runtime").JSX.Element;
-export { VolumeSlider };
-//# sourceMappingURL=VolumeSlider.d.ts.map

package/dist/components/Inputs/Sliders/VolumeSlider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VolumeSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Sliders/VolumeSlider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/C,UAAU,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;CAAG;AAEjE,QAAA,MAAM,YAAY,GAAI,wCAA+D,iBAAiB,4CAmCrG,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Inputs/Sliders/VolumeSlider.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconVolume, IconVolume2, IconVolume3 } from '@tabler/icons-react';
-import { neutral } from '../../../constants/colors';
-import { Slider } from './Slider';
-import { componentSizes } from './shared/sizes';
-const VolumeSlider = ({ compact = false, size = 'md', fullWidth = false, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const getIcon = () => {
-        var _a;
-        const iconColor = props.disabled ? neutral[100] : neutral[200];
-        const currentValue = (_a = props.value) !== null && _a !== void 0 ? _a : 0;
-        if (currentValue === 0)
-            return _jsx(IconVolume3, { size: selectedSize.iconSize, color: iconColor });
-        if (currentValue <= 50)
-            return _jsx(IconVolume2, { size: selectedSize.iconSize, color: iconColor });
-        return _jsx(IconVolume, { size: selectedSize.iconSize, color: iconColor });
-    };
-    const style = {
-        container: {
-            display: 'flex',
-            alignItems: 'center',
-            gap: '1rem',
-            width: fullWidth ? '100%' : 'auto',
-            padding: '0.5rem 0',
-        },
-        iconContainer: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            width: `${selectedSize.iconSize / 10}rem`, // Based on 10px root font
-            height: `${selectedSize.iconSize / 10}rem`,
-            flexShrink: 0,
-        },
-    };
-    return (_jsxs("div", { style: style.container, children: [!compact && _jsx("div", { style: style.iconContainer, children: getIcon() }), _jsx(Slider, { ...props, compact: compact, size: size, fullWidth: fullWidth })] }));
-};
-export { VolumeSlider };

package/dist/components/Inputs/TextInputs/AutoComplete.d.ts

@@ -1,11 +0,0 @@
-import { AutocompleteProps as MantineAutocompleteProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-import { componentSizes } from '../Dropdowns/shared/sizes';
-export interface AutoCompleteProps extends MantineAutocompleteProps {
-    size?: keyof typeof componentSizes;
-    width?: string | number;
-    fullWidth?: boolean;
-    styles?: Record<string, CSSObject>;
-}
-export declare const AutoComplete: ({ size, width, fullWidth, placeholder, styles, ...props }: AutoCompleteProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AutoComplete.d.ts.map

package/dist/components/Inputs/TextInputs/AutoComplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/TextInputs/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuC,iBAAiB,IAAI,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACnH,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB;IACjE,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,GAAI,2DAO1B,iBAAiB,4CA8DnB,CAAC"}

package/dist/components/Inputs/TextInputs/AutoComplete.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Autocomplete as MantineAutocomplete } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { fontBase } from '../../../constants/font';
-import { componentSizes } from '../Dropdowns/shared/sizes';
-export const AutoComplete = ({ size = 'md', width, fullWidth = false, placeholder = 'Select an option', styles, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.minWidth}rem`;
-    const style = {
-        input: {
-            height: `${selectedSize.height}rem`,
-            fontSize: selectedSize.fontSize,
-            padding: selectedSize.inputPadding,
-            ...fontBase,
-            color: neutral[300],
-            transition: 'all 200ms ease-in-out',
-            borderRadius: '8px',
-        },
-        label: {
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.05rem)`,
-            color: neutral[200],
-        },
-        dropdown: {
-            border: 'none',
-            borderRadius: '8px',
-            boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
-        },
-        item: {
-            padding: selectedSize.dropdownPadding,
-            marginBottom: '0.5rem',
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-            borderRadius: '8px',
-            backgroundColor: 'white',
-            '&[data-selected]': {
-                backgroundColor: neutral[50],
-                color: neutral[200],
-                '&:hover': {
-                    backgroundColor: neutral[50],
-                },
-            },
-            '&:hover': {
-                backgroundColor: neutral[50],
-            },
-            '&:not(:hover):not([data-selected])': {
-                backgroundColor: 'white',
-            },
-        },
-        rightSection: {
-            color: neutral[200],
-        },
-        ...styles,
-    };
-    return (_jsx(MantineAutocomplete, { w: computedWidth, size: size, styles: style, placeholder: placeholder, maxDropdownHeight: selectedSize.dropdownHeight, ...props }));
-};

package/dist/components/Inputs/TextInputs/PasswordInput.d.ts

@@ -1,12 +0,0 @@
-import { PasswordInputProps as MantinePasswordInputProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-import { componentSizes } from './shared/sizes';
-type PasswordInputProps = MantinePasswordInputProps & {
-    size?: keyof typeof componentSizes;
-    width?: string | number;
-    fullWidth?: boolean;
-    styles?: Record<string, CSSObject>;
-};
-declare const PasswordInput: ({ size, width, fullWidth, styles, placeholder, ...props }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
-export { PasswordInput };
-//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/Inputs/TextInputs/PasswordInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/TextInputs/PasswordInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyC,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,eAAe,CAAC;AACvH,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAShD,KAAK,kBAAkB,GAAG,yBAAyB,GAAG;IACpD,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,2DAOpB,kBAAkB,4CAiDpB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Inputs/TextInputs/PasswordInput.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PasswordInput as MantinePasswordInput } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { fontBase } from '../../../constants/font';
-import { componentSizes } from './shared/sizes';
-// Workaround for Icon sizing since we dont have a Provider setup
-const mantineSize = {
-    sm: 'lg',
-    md: 'xl',
-    lg: 'xl',
-};
-const PasswordInput = ({ size = 'md', width, fullWidth = false, styles, placeholder = 'Enter password', ...props }) => {
-    const selectedSize = componentSizes[size];
-    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.width}rem`;
-    const style = {
-        input: {
-            ...fontBase,
-            color: neutral[200],
-            transition: 'all 200ms ease-in-out',
-            borderRadius: '8px',
-            height: `${selectedSize.height}rem`,
-            fontSize: selectedSize.fontSize,
-            padding: '0 1rem',
-        },
-        label: {
-            ...fontBase,
-            color: neutral[200],
-            fontSize: `calc(${selectedSize.fontSize} - 0.05rem)`,
-        },
-        error: {
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.05rem)`,
-        },
-        innerInput: {
-            ...fontBase,
-            color: neutral[200],
-            height: `${selectedSize.height}rem`,
-            fontSize: selectedSize.fontSize,
-            padding: '0 1rem',
-        },
-        visibilityToggle: {
-            color: neutral[200],
-            marginRight: '1.25rem',
-            '&:hover': {
-                backgroundColor: 'transparent',
-            },
-        },
-        ...styles,
-    };
-    return (_jsx(MantinePasswordInput, { w: computedWidth, ...props, placeholder: placeholder, size: mantineSize[size], styles: style }));
-};
-export { PasswordInput };

package/dist/components/Inputs/TextInputs/SearchBar.d.ts

@@ -1,7 +0,0 @@
-import { TextInputProps } from '@mantine/core';
-interface SearchBarProps extends TextInputProps {
-    fullWidth?: boolean;
-}
-declare const SearchBar: ({ width, fullWidth, size, styles, ...props }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
-export { SearchBar };
-//# sourceMappingURL=SearchBar.d.ts.map

package/dist/components/Inputs/TextInputs/SearchBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/TextInputs/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAM/C,UAAU,cAAe,SAAQ,cAAc;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,GAAI,8CAA6D,cAAc,4CA4B7F,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Inputs/TextInputs/SearchBar.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextInput } from './TextInput';
-import { neutral } from '../../../constants/colors';
-import { fontBase } from '../../../constants/font';
-import { componentSizes } from './shared/sizes';
-const SearchBar = ({ width, fullWidth = false, size = 'md', styles, ...props }) => {
-    const selectedSize = componentSizes[size || 'md'];
-    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.width}rem`;
-    const style = {
-        input: {
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-            border: `1px solid ${neutral[100]}`,
-            borderRadius: '8px',
-            height: `${selectedSize.height}rem`,
-            transition: 'all 200ms ease-in-out',
-        },
-        ...styles,
-    };
-    return (_jsx(TextInput, { placeholder: "Search", width: computedWidth, styles: style, icon: _jsx("i", { className: "fas fa-search", style: { fontSize: 14, marginLeft: '0.25rem' } }), size: 'lg', fullWidth: fullWidth, ...props }));
-};
-export { SearchBar };

package/dist/components/Inputs/TextInputs/TextArea.d.ts

@@ -1,12 +0,0 @@
-import { TextareaProps as MantineTextareaProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-import { componentSizes } from './shared/sizes';
-type TextAreaProps = MantineTextareaProps & {
-    size?: keyof typeof componentSizes;
-    width?: string | number;
-    fullWidth?: boolean;
-    styles?: Record<string, CSSObject>;
-};
-declare const TextArea: ({ size, width, fullWidth, styles, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
-export { TextArea };
-//# sourceMappingURL=TextArea.d.ts.map

package/dist/components/Inputs/TextInputs/TextArea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/TextInputs/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,aAAa,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,KAAK,aAAa,GAAG,oBAAoB,GAAG;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,8CAA6D,aAAa,4CAqC3F,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Inputs/TextInputs/TextArea.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Textarea as MantineTextarea } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { fontBase } from '../../../constants/font';
-import { componentSizes } from './shared/sizes';
-const TextArea = ({ size = 'md', width, fullWidth = false, styles, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.width}rem`;
-    const style = {
-        input: {
-            minHeight: `${selectedSize.height}rem`,
-            fontSize: selectedSize.fontSize,
-            padding: '0.75rem 1rem',
-            ...fontBase,
-            color: neutral[200],
-            transition: 'all 200ms ease-in-out',
-            borderRadius: '8px',
-            resize: 'vertical',
-        },
-        label: {
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.05rem)`,
-            color: neutral[200],
-        },
-        error: {
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.05rem)`,
-        },
-        ...styles,
-    };
-    return (_jsx(MantineTextarea, { ...props, size: size, styles: style, w: computedWidth, minRows: props.minRows || selectedSize.minRows, maxRows: props.maxRows || selectedSize.maxRows }));
-};
-export { TextArea };

package/dist/components/Inputs/TextInputs/TextInput.d.ts

@@ -1,12 +0,0 @@
-import { TextInputProps as MantineTextInputProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-import { componentSizes } from './shared/sizes';
-type TextInputProps = MantineTextInputProps & {
-    size?: keyof typeof componentSizes;
-    width?: string | number;
-    fullWidth?: boolean;
-    styles?: Record<string, CSSObject>;
-};
-declare const TextInput: ({ size, width, fullWidth, styles, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
-export { TextInput };
-//# sourceMappingURL=TextInput.d.ts.map

package/dist/components/Inputs/TextInputs/TextInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/TextInputs/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiC,cAAc,IAAI,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,KAAK,cAAc,GAAG,qBAAqB,GAAG;IAC5C,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8CAA6D,cAAc,4CA2B7F,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}