@taiv/ui 1.4.5 → 1.5.0

package/dist/components/Inputs/Controls/RadioList.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface RadioListOption {
-    value: string;
-    label: string;
-    rightContent?: React.ReactNode;
-}
-interface RadioListProps {
-    data: RadioListOption[];
-    value?: string;
-    onChange?: (value: string) => void;
-    disabled?: boolean;
-    width?: React.CSSProperties['width'];
-}
-declare const RadioList: ({ data, value, onChange, disabled, width }: RadioListProps) => import("react/jsx-runtime").JSX.Element;
-export { RadioList };
-//# sourceMappingURL=RadioList.d.ts.map

package/dist/components/Inputs/Controls/RadioList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioList.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Controls/RadioList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,QAAA,MAAM,SAAS,GAAI,4CAAoD,cAAc,4CAkCpF,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Inputs/Controls/RadioList.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack } from '../../Layout/Stack';
-import { Radio } from './Radio';
-import { neutral } from '../../../constants/colors';
-import { Group } from '../../Layout/Group';
-const RadioList = ({ data, value, onChange, disabled = false, width }) => {
-    const handleChange = (optionValue) => {
-        if (onChange) {
-            onChange(optionValue);
-        }
-    };
-    return (_jsx(Stack, { gap: "0", style: {
-            border: `1px solid ${neutral[100]}`,
-            borderRadius: '16px',
-            overflow: 'hidden',
-            padding: '0.2rem 0 0.2rem 0',
-            width,
-        }, children: data.map((option, index) => (_jsxs(Group, { position: "apart", style: {
-                padding: '1rem 1.2rem 0.8rem 1.2rem',
-                borderBottom: index < data.length - 1 ? `1px solid ${neutral[100]}` : 'none',
-                backgroundColor: 'white',
-            }, children: [_jsx(Radio, { value: option.value, label: option.label, checked: value === option.value, onChange: () => handleChange(option.value), disabled: disabled }), option.rightContent && option.rightContent] }, option.value))) }));
-};
-export { RadioList };

package/dist/components/Inputs/Controls/Toggle.d.ts

@@ -1,29 +0,0 @@
-import { CSSObject, SwitchProps as MantineToggleProps } from '@mantine/core';
-declare const componentSizes: {
-    readonly sm: {
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly width: 2.4;
-        readonly height: 1.8;
-        readonly mantineSize: "md";
-        readonly thumbScale: 1.3;
-        readonly thumbTranslate: 2;
-    };
-    readonly md: {
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly width: 4.8;
-        readonly height: 2.8;
-        readonly mantineSize: "xl";
-        readonly thumbScale: 1.3;
-        readonly thumbTranslate: 10;
-    };
-};
-interface ToggleProps extends MantineToggleProps {
-    size?: keyof typeof componentSizes;
-    label?: string;
-    styles?: Record<string, CSSObject>;
-}
-declare const Toggle: ({ checked, onChange, styles, size, label, ...props }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
-export { Toggle };
-//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/Inputs/Controls/Toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Controls/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAKtG,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;CAGV,CAAC;AAEX,UAAU,WAAY,SAAQ,kBAAkB;IAC9C,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,MAAM,GAAI,sDAA6D,WAAW,4CA8CvF,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Inputs/Controls/Toggle.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Switch as MantineToggle } from '@mantine/core';
-import { neutral, primary } from '../../../constants/colors';
-import { fontBase, fontSize } from '../../../constants/font';
-// Size Presets
-const componentSizes = {
-    sm: { width: 2.4, height: 1.8, mantineSize: 'md', thumbScale: 1.3, thumbTranslate: 2, ...fontSize['sm'] },
-    md: { width: 4.8, height: 2.8, mantineSize: 'xl', thumbScale: 1.3, thumbTranslate: 10, ...fontSize['md'] },
-};
-const Toggle = ({ checked, onChange, styles, size = 'md', label, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const style = {
-        container: {
-            display: 'flex',
-            alignItems: 'center',
-            gap: '1rem',
-        },
-        track: {
-            width: `${selectedSize.width}rem`,
-            height: `${selectedSize.height}rem`,
-            transition: 'background-color 300ms ease-in-out',
-            cursor: 'pointer',
-            backgroundColor: checked ? primary[200] : neutral[50],
-        },
-        thumb: {
-            transform: `scale(${selectedSize.thumbScale}) translateX(${checked
-                ? `-${selectedSize.thumbTranslate + selectedSize.thumbTranslate / 2}%`
-                : `${selectedSize.thumbTranslate}%`})`,
-            boxShadow: checked ? '0 2px 2px rgba(0,0,0,0.2)' : 'none',
-            transition: 'all 300ms ease-in-out',
-            border: checked ? `1px solid ${primary[200]}` : `1px solid ${neutral[50]}`,
-        },
-        label: {
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-        },
-        ...styles,
-    };
-    return (_jsxs("div", { style: style.container, children: [_jsx(MantineToggle, { checked: checked, onChange: onChange, color: primary[200], size: selectedSize.mantineSize, styles: style, ...props }), label && _jsx("span", { style: style.label, children: label })] }));
-};
-export { Toggle };

package/dist/components/Inputs/DatePickers/DatePicker.d.ts

@@ -1,12 +0,0 @@
-import { DatePickerInputProps as MantineDatePickerInputProps } from '@mantine/dates';
-import { CSSObject } from '@mantine/styles';
-import { componentSizes } from '../Dropdowns/shared/sizes';
-export interface DatePickerProps<T extends 'default' | 'multiple' | 'range' = 'default'> extends Omit<MantineDatePickerInputProps<T>, 'styles'> {
-    size?: keyof typeof componentSizes;
-    width?: string | number;
-    fullWidth?: boolean;
-    styles?: Record<string, CSSObject>;
-    showIcon?: boolean;
-}
-export declare const DatePicker: <T extends "default" | "multiple" | "range" = "default">({ size, width, fullWidth, placeholder, styles, showIcon, ...props }: DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/Inputs/DatePickers/DatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/DatePickers/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6C,oBAAoB,IAAI,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAEhI,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAE,SAAQ,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;IAC7I,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;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,EAAE,qEAQhF,eAAe,CAAC,CAAC,CAAC,4CA4EpB,CAAC"}

package/dist/components/Inputs/DatePickers/DatePicker.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DatePickerInput as MantineDatePickerInput } from '@mantine/dates';
-import { createStyles } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { fontBase } from '../../../constants/font';
-import { componentSizes } from '../Dropdowns/shared/sizes';
-export const DatePicker = ({ size = 'md', width, fullWidth = false, placeholder = 'Pick Date', styles, showIcon = true, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const { classes } = createStyles(() => ({
-        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]}`,
-            transition: 'all 200ms ease-in-out',
-        },
-        placeholder: {
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-        },
-        label: {
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.1rem)`,
-            color: neutral[200],
-        },
-        calendar: {
-            '& .mantine-UnstyledButton-root': {
-                borderRadius: '8px',
-                fontFamily: 'Poppins, sans-serif',
-            },
-            '& .mantine-Day-day': {
-                borderRadius: '50%',
-            },
-            '& .mantine-Day-day[data-selected="true"]': {
-                fontFamily: 'Poppins, sans-serif',
-                borderRadius: '50%',
-            },
-            '& .mantine-Day-day[data-in-range="true"]': {
-                fontFamily: 'Poppins, sans-serif',
-                borderRadius: '50%',
-            },
-            '& .mantine-Day-day[data-first-in-range="true"]': {
-                fontFamily: 'Poppins, sans-serif',
-                borderRadius: '50%',
-            },
-            '& .mantine-Day-day[data-last-in-range="true"]': {
-                fontFamily: 'Poppins, sans-serif',
-                borderRadius: '50%',
-            },
-            '& .mantine-WeekdaysRow-weekday': {
-                textAlign: 'center',
-                fontFamily: 'Poppins, sans-serif',
-            },
-        },
-        ...styles,
-    }))();
-    return (_jsx(MantineDatePickerInput, { icon: showIcon ? _jsx("i", { className: "far fa-calendar", style: { fontSize: 14, marginLeft: '0.25rem' } }) : undefined, radius: "lg", size: "xl", classNames: {
-            root: classes.root,
-            input: classes.input,
-            placeholder: classes.placeholder,
-            label: classes.label,
-            calendar: classes.calendar,
-        }, placeholder: placeholder, popoverProps: { radius: 'lg' }, ...props }));
-};

package/dist/components/Inputs/Dates/DatePicker.d.ts

@@ -1,12 +0,0 @@
-import { DatePickerInputProps as MantineDatePickerInputProps } from '@mantine/dates';
-import { CSSObject } from '@mantine/styles';
-import { componentSizes } from '../Dropdowns/shared/sizes';
-export interface DatePickerProps<T extends 'default' | 'multiple' | 'range' = 'default'> extends Omit<MantineDatePickerInputProps<T>, 'styles'> {
-    size?: keyof typeof componentSizes;
-    width?: string | number;
-    fullWidth?: boolean;
-    styles?: Record<string, CSSObject>;
-    showIcon?: boolean;
-}
-export declare const DatePicker: <T extends "default" | "multiple" | "range" = "default">({ size, width, fullWidth, placeholder, styles, showIcon, ...props }: DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/Inputs/Dates/DatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Dates/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6C,oBAAoB,IAAI,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAEhI,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAE,SAAQ,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;IAC7I,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;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,EAAE,qEAQhF,eAAe,CAAC,CAAC,CAAC,4CA4EpB,CAAC"}

package/dist/components/Inputs/Dates/DatePicker.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DatePickerInput as MantineDatePickerInput } from '@mantine/dates';
-import { createStyles } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { fontBase } from '../../../constants/font';
-import { componentSizes } from '../Dropdowns/shared/sizes';
-export const DatePicker = ({ size = 'md', width, fullWidth = false, placeholder = 'Pick Date', styles, showIcon = true, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const { classes } = createStyles(() => ({
-        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]}`,
-            transition: 'all 200ms ease-in-out',
-        },
-        placeholder: {
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-        },
-        label: {
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.1rem)`,
-            color: neutral[200],
-        },
-        calendar: {
-            '& .mantine-UnstyledButton-root': {
-                borderRadius: '8px',
-                fontFamily: 'Poppins, sans-serif',
-            },
-            '& .mantine-Day-day': {
-                borderRadius: '50%',
-            },
-            '& .mantine-Day-day[data-selected="true"]': {
-                fontFamily: 'Poppins, sans-serif',
-                borderRadius: '50%',
-            },
-            '& .mantine-Day-day[data-in-range="true"]': {
-                fontFamily: 'Poppins, sans-serif',
-                borderRadius: '50%',
-            },
-            '& .mantine-Day-day[data-first-in-range="true"]': {
-                fontFamily: 'Poppins, sans-serif',
-                borderRadius: '50%',
-            },
-            '& .mantine-Day-day[data-last-in-range="true"]': {
-                fontFamily: 'Poppins, sans-serif',
-                borderRadius: '50%',
-            },
-            '& .mantine-WeekdaysRow-weekday': {
-                textAlign: 'center',
-                fontFamily: 'Poppins, sans-serif',
-            },
-        },
-        ...styles,
-    }))();
-    return (_jsx(MantineDatePickerInput, { icon: showIcon ? _jsx("i", { className: "far fa-calendar", style: { fontSize: 14, marginLeft: '0.25rem' } }) : undefined, radius: "lg", size: "xl", classNames: {
-            root: classes.root,
-            input: classes.input,
-            placeholder: classes.placeholder,
-            label: classes.label,
-            calendar: classes.calendar,
-        }, placeholder: placeholder, popoverProps: { radius: 'lg' }, ...props }));
-};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { SelectProps } from './Select';
-import { SelectOption } from '../../../utils/select';
-export type CascadingSelectItemProps = {
-    option: SelectOption;
-    icon?: React.ReactNode;
-    children?: CascadingSelectItemProps[];
-};
-export interface NestedSelectProps extends Omit<SelectProps, 'value' | 'data'> {
-    data?: CascadingSelectItemProps[];
-    value?: string | null;
-    width?: string | number;
-    fullWidth?: boolean;
-}
-declare const NestedSelect: ({ data, value, placeholder, size, width, fullWidth, styles, ...props }: NestedSelectProps) => import("react/jsx-runtime").JSX.Element;
-export { NestedSelect as CascadingSelect };
-//# sourceMappingURL=CascadingSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CascadingSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Dropdowns/CascadingSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,wBAAwB,EAAE,CAAC;CACvC,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5E,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,YAAY,GAAI,wEAAiH,iBAAiB,4CA+EvJ,CAAC;AAEF,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,CAAC"}

package/dist/components/Inputs/Dropdowns/CascadingSelect.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 '../../../constants/font';
-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.option, depth, icon: item.icon });
-            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 as CascadingSelect };

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

@@ -1,11 +0,0 @@
-import { SelectProps } from './Select';
-import { SelectOption } from '../../../utils/select';
-export interface FontSelectProps extends Omit<SelectProps, 'value' | 'data'> {
-    data?: SelectOption[];
-    value?: string | null;
-    width?: string | number;
-    fullWidth?: boolean;
-}
-declare const FontSelect: ({ data, value, placeholder, size, width, fullWidth, styles, ...props }: FontSelectProps) => import("react/jsx-runtime").JSX.Element;
-export { FontSelect };
-//# sourceMappingURL=FontSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FontSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Dropdowns/FontSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1E,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,UAAU,GAAI,wEAAyG,eAAe,4CAoD3I,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -1,48 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { componentSizes } from './shared/sizes';
-import { Select } from './Select';
-import Fonts from './shared/fontSelectList';
-const FontSelect = ({ data, value, placeholder = 'Select a font', size = 'md', width, fullWidth = false, styles, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.minWidth}rem`;
-    const DropdownItem = ({ value, label, ...others }) => (_jsx(Box, { title: label, children: _jsx("div", { style: {
-                fontFamily: value,
-                fontSize: selectedSize.fontSize,
-                color: neutral[200],
-                padding: selectedSize.dropdownPadding,
-                borderRadius: '0.5rem',
-                transition: 'background-color 200ms ease-in-out',
-            }, ...others, children: label }) }));
-    const style = {
-        input: {
-            fontFamily: value || 'Poppins, sans-serif',
-            color: neutral[200],
-            border: `1px solid ${neutral[100]}`,
-            borderRadius: '8px',
-            transition: 'all 200ms ease-in-out',
-            height: `${selectedSize.height}rem`,
-            fontSize: selectedSize.fontSize,
-            padding: selectedSize.inputPadding,
-        },
-        item: {
-            fontFamily: 'Poppins, sans-serif',
-            color: neutral[200],
-            borderRadius: '8px',
-            transition: 'background-color 200ms ease-in-out',
-            padding: selectedSize.dropdownPadding,
-            fontSize: selectedSize.fontSize,
-            '&[data-selected]': {
-                backgroundColor: neutral[50],
-                color: neutral[200],
-            },
-            '&[data-hovered]': {
-                backgroundColor: neutral[50],
-            },
-            ...styles,
-        },
-    };
-    return _jsx(Select, { placeholder: placeholder, width: computedWidth, value: value, size: size, styles: style, itemComponent: DropdownItem, data: data || Fonts.FONTS, ...props });
-};
-export { FontSelect };

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Dropdowns/MultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,UAAU,gBAAiB,SAAQ,uBAAuB;IACxD,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,WAAW,GAAI,2DAOzB,gBAAgB,4CAoGlB,CAAC"}

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

@@ -1,94 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MultiSelect as MantineMultiSelect } from '@mantine/core';
-import { neutral, primary } from '../../../constants/colors';
-import { fontBase } from '../../../constants/font';
-import { componentSizes } from './shared/sizes';
-export const MultiSelect = ({ size = 'md', width, fullWidth = false, placeholder = 'Select options', styles, ...props }) => {
-    const selectedSize = componentSizes[size];
-    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.maxWidth}rem`;
-    const style = {
-        input: {
-            height: 'auto',
-            minHeight: `${selectedSize.height}rem`,
-            padding: selectedSize.inputPadding,
-            display: 'flex',
-            alignItems: 'center',
-            cursor: 'pointer',
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-            border: `1px solid ${neutral[100]}`,
-            borderRadius: '8px',
-            backgroundColor: 'white',
-            transition: 'all 200ms ease-in-out',
-            '&:hover': {
-                backgroundColor: 'white',
-            },
-        },
-        dropdown: {
-            border: 'none',
-            borderRadius: '8px',
-            boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
-        },
-        item: {
-            padding: selectedSize.dropdownPadding,
-            marginBottom: '0.5rem',
-            borderRadius: '8px',
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-            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',
-            },
-        },
-        value: {
-            padding: selectedSize.valuePadding,
-            borderRadius: '25px',
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.125rem)`,
-            color: primary[300],
-            backgroundColor: primary[50],
-            '&:hover': {
-                backgroundColor: primary[50],
-            },
-        },
-        defaultValueRemove: {
-            marginLeft: '0.75rem',
-            borderRadius: '50%',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            color: primary[300],
-            backgroundColor: primary[25],
-            '&:hover': {
-                backgroundColor: primary[25],
-            },
-        },
-        label: {
-            ...fontBase,
-            fontSize: `calc(${selectedSize.fontSize} - 0.1rem)`,
-            color: neutral[200],
-        },
-        defaultValueLabel: {
-            ...fontBase,
-        },
-        searchInput: {
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-        },
-        ...styles,
-    };
-    return (_jsx(MantineMultiSelect, { placeholder: placeholder, size: size, w: computedWidth, styles: style, maxDropdownHeight: selectedSize.dropdownHeight, searchable: true, ...props }));
-};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { SelectProps } from './Select';
-export type NestedSelectItemProps = {
-    value: string;
-    label: string;
-    icon?: React.ReactNode;
-    children?: NestedSelectItemProps[];
-};
-export interface NestedSelectProps extends Omit<SelectProps, 'value' | 'data'> {
-    data?: NestedSelectItemProps[];
-    value?: string | null;
-    width?: string | number;
-    fullWidth?: boolean;
-}
-declare const NestedSelect: ({ data, value, placeholder, size, width, fullWidth, styles, ...props }: NestedSelectProps) => import("react/jsx-runtime").JSX.Element;
-export { NestedSelect };
-//# sourceMappingURL=NestedSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NestedSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Dropdowns/NestedSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAI/C,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5E,IAAI,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,YAAY,GAAI,wEAAiH,iBAAiB,4CA+EvJ,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}