@taiv/ui 1.4.4 → 1.4.6

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"}

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"}