@taiv/ui 1.4.4 → 1.4.6

package/dist/components/Inputs/Buttons/shared/variants.d.ts

@@ -1,191 +0,0 @@
-export declare const componentVariants: {
-    readonly primary: {
-        readonly background: "linear-gradient(to right, #0081CE, #00A6F4)";
-        readonly color: "white";
-        readonly '&:hover': {
-            readonly background: "linear-gradient(to right, #0081CE, #0081CE)";
-            readonly transition: "background 0.3s ease-in-out";
-        };
-        readonly '&:active': {
-            readonly background: "white";
-            readonly border: "1px solid #00A6F4";
-            readonly color: "#00A6F4";
-        };
-        readonly '&:toggled': {
-            readonly background: "linear-gradient(to right, #0081CE, #0081CE)";
-            readonly color: "white";
-        };
-        readonly '&:disabled': {
-            readonly background: "#EDEDED";
-            readonly color: "#D9D9D9";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "white";
-            };
-        };
-    };
-    readonly secondary: {
-        readonly background: "white";
-        readonly color: "#6D6D6D";
-        readonly border: "1px solid #6D6D6D";
-        readonly '&:hover': {
-            readonly background: "#D9D9D9";
-            readonly border: "1px solid #D9D9D9";
-            readonly color: "white";
-        };
-        readonly '&:active': {
-            readonly background: "#D9D9D9";
-            readonly border: "1px solid #6D6D6D";
-            readonly color: "#6D6D6D";
-        };
-        readonly '&:toggled': {
-            readonly background: "#D9D9D9";
-            readonly color: "neutral[200]";
-        };
-        readonly '&:disabled': {
-            readonly background: "#EDEDED";
-            readonly border: "1px solid #EDEDED";
-            readonly color: "#D9D9D9";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "#6D6D6D";
-            };
-        };
-    };
-    readonly cancel: {
-        readonly background: "#C10007";
-        readonly color: "white";
-        readonly '&:hover': {
-            readonly background: "#FB2C36";
-        };
-        readonly '&:active': {
-            readonly background: "white";
-            readonly border: "1px solid #C10007";
-            readonly color: "#C10007";
-        };
-        readonly '&:toggled': {
-            readonly background: "#FB2C36";
-            readonly color: "white";
-        };
-        readonly '&:disabled': {
-            readonly background: "#FFD7D9";
-            readonly border: "1px solid #FFD7D9";
-            readonly color: "white";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "white";
-            };
-        };
-    };
-    readonly success: {
-        readonly background: "#00A63E";
-        readonly color: "white";
-        readonly '&:hover': {
-            readonly background: "#00C951";
-        };
-        readonly '&:active': {
-            readonly background: "white";
-            readonly border: "1px solid #00A63E";
-            readonly color: "#00A63E";
-        };
-        readonly '&:toggled': {
-            readonly background: "#00C951";
-        };
-        readonly '&:disabled': {
-            readonly background: "#E6F4E7";
-            readonly border: "1px solid #E6F4E7";
-            readonly color: "white";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "white";
-            };
-        };
-    };
-    readonly warning: {
-        readonly background: "#E17100";
-        readonly color: "white";
-        readonly '&:hover': {
-            readonly background: "#FE9A00";
-        };
-        readonly '&:active': {
-            readonly background: "white";
-            readonly border: "1px solid #E17100";
-            readonly color: "#E17100";
-        };
-        readonly '&:toggled': {
-            readonly background: "#FE9A00";
-        };
-        readonly '&:disabled': {
-            readonly background: "#FFE5B4";
-            readonly border: "1px solid #FFE5B4";
-            readonly color: "white";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "white";
-            };
-        };
-    };
-    readonly text: {
-        readonly background: "transparent";
-        readonly color: "#6D6D6D";
-        readonly border: "none";
-        readonly padding: "0";
-        readonly height: "auto";
-        readonly minWidth: "unset";
-        readonly '&:hover': {
-            readonly background: "transparent";
-            readonly color: "#0081CE";
-        };
-        readonly '&:active': {
-            readonly background: "transparent";
-            readonly color: "#00A6F4";
-        };
-        readonly '&:toggled': {
-            readonly background: "transparent";
-            readonly color: "#0081CE";
-        };
-        readonly '&:disabled': {
-            readonly background: "transparent";
-            readonly color: "#D9D9D9";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "#6D6D6D";
-            };
-        };
-    };
-    readonly nav: {
-        readonly background: "white";
-        readonly paddingLeft: "0.8rem";
-        readonly color: "#6D6D6D";
-        readonly '& .mantine-Button-inner': {
-            readonly justifyContent: "flex-start";
-        };
-        readonly '&:hover': {
-            readonly background: "#EDEDED";
-        };
-        readonly '&:active': {
-            readonly background: "#D9D9D9";
-            readonly color: "#6D6D6D";
-        };
-        readonly '&:toggled': {
-            readonly background: "#EDEDED";
-            readonly color: "#6D6D6D";
-        };
-        readonly '&:disabled': {
-            readonly background: "#EDEDED";
-            readonly color: "#D9D9D9";
-        };
-        readonly '&[data-loading]': {
-            readonly '& .mantine-Button-icon svg': {
-                readonly stroke: "#6D6D6D";
-            };
-        };
-    };
-};
-//# sourceMappingURL=variants.d.ts.map

package/dist/components/Inputs/Buttons/shared/variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/shared/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LpB,CAAC"}

package/dist/components/Inputs/Buttons/shared/variants.js

@@ -1,191 +0,0 @@
-import { primary, neutral, error, success, warning } from '../../../../constants/colors';
-export const componentVariants = {
-    primary: {
-        background: `linear-gradient(to right, ${primary[300]}, ${primary[200]})`,
-        color: 'white',
-        '&:hover': {
-            background: `linear-gradient(to right, ${primary[300]}, ${primary[300]})`,
-            transition: 'background 0.3s ease-in-out',
-        },
-        '&:active': {
-            background: 'white',
-            border: `1px solid ${primary[200]}`,
-            color: primary[200],
-        },
-        '&:toggled': {
-            background: `linear-gradient(to right, ${primary[300]}, ${primary[300]})`,
-            color: 'white',
-        },
-        '&:disabled': {
-            background: neutral[50],
-            color: neutral[100],
-        },
-        '&[data-loading]': {
-            '& .mantine-Button-icon svg': {
-                stroke: 'white',
-            },
-        },
-    },
-    secondary: {
-        background: 'white',
-        color: neutral[200],
-        border: `1px solid ${neutral[200]}`,
-        '&:hover': {
-            background: neutral[100],
-            border: `1px solid ${neutral[100]}`,
-            color: 'white',
-        },
-        '&:active': {
-            background: neutral[100],
-            border: `1px solid ${neutral[200]}`,
-            color: neutral[200],
-        },
-        '&:toggled': {
-            background: neutral[100],
-            color: 'neutral[200]',
-        },
-        '&:disabled': {
-            background: neutral[50],
-            border: `1px solid ${neutral[50]}`,
-            color: neutral[100],
-        },
-        '&[data-loading]': {
-            '& .mantine-Button-icon svg': {
-                stroke: neutral[200],
-            },
-        },
-    },
-    cancel: {
-        background: error[200],
-        color: 'white',
-        '&:hover': {
-            background: error[100],
-        },
-        '&:active': {
-            background: 'white',
-            border: `1px solid ${error[200]}`,
-            color: error[200],
-        },
-        '&:toggled': {
-            background: error[100],
-            color: 'white',
-        },
-        '&:disabled': {
-            background: error[50],
-            border: `1px solid ${error[50]}`,
-            color: 'white',
-        },
-        '&[data-loading]': {
-            '& .mantine-Button-icon svg': {
-                stroke: 'white',
-            },
-        },
-    },
-    success: {
-        background: success[200],
-        color: 'white',
-        '&:hover': {
-            background: success[100],
-        },
-        '&:active': {
-            background: 'white',
-            border: `1px solid ${success[200]}`,
-            color: success[200],
-        },
-        '&:toggled': {
-            background: success[100],
-        },
-        '&:disabled': {
-            background: success[50],
-            border: `1px solid ${success[50]}`,
-            color: 'white',
-        },
-        '&[data-loading]': {
-            '& .mantine-Button-icon svg': {
-                stroke: 'white',
-            },
-        },
-    },
-    warning: {
-        background: warning[200],
-        color: 'white',
-        '&:hover': {
-            background: warning[100],
-        },
-        '&:active': {
-            background: 'white',
-            border: `1px solid ${warning[200]}`,
-            color: warning[200],
-        },
-        '&:toggled': {
-            background: warning[100],
-        },
-        '&:disabled': {
-            background: warning[50],
-            border: `1px solid ${warning[50]}`,
-            color: 'white',
-        },
-        '&[data-loading]': {
-            '& .mantine-Button-icon svg': {
-                stroke: 'white',
-            },
-        },
-    },
-    text: {
-        background: 'transparent',
-        color: neutral[200],
-        border: 'none',
-        padding: '0',
-        height: 'auto',
-        minWidth: 'unset',
-        '&:hover': {
-            background: 'transparent',
-            color: primary[300],
-        },
-        '&:active': {
-            background: 'transparent',
-            color: primary[200],
-        },
-        '&:toggled': {
-            background: 'transparent',
-            color: primary[300],
-        },
-        '&:disabled': {
-            background: 'transparent',
-            color: neutral[100],
-        },
-        '&[data-loading]': {
-            '& .mantine-Button-icon svg': {
-                stroke: neutral[200],
-            },
-        },
-    },
-    nav: {
-        background: 'white',
-        paddingLeft: '0.8rem',
-        color: neutral[200],
-        '& .mantine-Button-inner': {
-            justifyContent: 'flex-start',
-        },
-        '&:hover': {
-            background: neutral[50],
-        },
-        '&:active': {
-            background: neutral[100],
-            color: neutral[200],
-        },
-        '&:toggled': {
-            background: neutral[50],
-            color: neutral[200],
-        },
-        '&:disabled': {
-            background: neutral[50],
-            color: neutral[100],
-        },
-        '&[data-loading]': {
-            '& .mantine-Button-icon svg': {
-                stroke: neutral[200],
-            },
-        },
-    },
-};

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

@@ -1,27 +0,0 @@
-import { CheckboxProps as MantineCheckboxProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-declare const componentSizes: {
-    readonly sm: {
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly mantineSize: "md";
-    };
-    readonly md: {
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly mantineSize: "lg";
-    };
-    readonly lg: {
-        readonly fontSize: string;
-        readonly lineHeight: string;
-        readonly mantineSize: "xl";
-    };
-};
-interface CheckboxProps extends MantineCheckboxProps {
-    checked: boolean;
-    styles?: Record<string, CSSObject>;
-    size?: keyof typeof componentSizes;
-}
-declare const Checkbox: ({ checked, styles, size, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export { Checkbox };
-//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Controls/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,aAAa,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAK5C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;CAIV,CAAC;AAEX,UAAU,aAAc,SAAQ,oBAAoB;IAClD,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;CACpC;AAED,QAAA,MAAM,QAAQ,GAAI,qCAA4C,aAAa,4CA4C1E,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox as MantineCheckbox } from '@mantine/core';
-import { primary, neutral } from '../../../constants/colors';
-import { fontBase, fontSize } from '../../../constants/font';
-// Size Presets - Maps to next larger Mantine size, workaround since we dont have a Provider setup
-const componentSizes = {
-    sm: { mantineSize: 'md', ...fontSize['xs'] },
-    md: { mantineSize: 'lg', ...fontSize['sm'] },
-    lg: { mantineSize: 'xl', ...fontSize['md'] },
-};
-const Checkbox = ({ checked, styles, size = 'md', ...props }) => {
-    const selectedSize = componentSizes[size];
-    const style = {
-        root: {
-            display: 'flex',
-            alignItems: 'center',
-            '& input[type="checkbox"]': {
-                margin: 0,
-                marginTop: 0,
-                lineHeight: 'normal',
-            },
-        },
-        input: {
-            cursor: props.disabled ? 'default' : 'pointer',
-            margin: 0,
-            marginTop: 0,
-            lineHeight: 'normal',
-            '&[type="checkbox"]': {
-                margin: 0,
-                marginTop: 0,
-                lineHeight: 'normal',
-            },
-            '&:checked': {
-                backgroundColor: primary[200],
-                borderColor: primary[200],
-            },
-            '&:hover': {
-                backgroundColor: checked ? primary[200] : neutral[50],
-            },
-        },
-        icon: {
-            color: 'white',
-            transform: 'translateY(0)',
-        },
-        label: {
-            cursor: props.disabled ? 'default' : 'pointer',
-            ...fontBase,
-            fontSize: selectedSize.fontSize,
-            color: neutral[200],
-        },
-        ...styles,
-    };
-    return _jsx(MantineCheckbox, { checked: checked, size: selectedSize.mantineSize, styles: style, ...props });
-};
-export { Checkbox };

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

@@ -1,8 +0,0 @@
-import { RadioProps as MantineRadioProps } from '@mantine/core';
-import { CSSObject } from '@mantine/styles';
-interface RadioProps extends MantineRadioProps {
-    styles?: Record<string, CSSObject>;
-}
-declare const Radio: ({ styles, ...props }: RadioProps) => import("react/jsx-runtime").JSX.Element;
-export { Radio };
-//# sourceMappingURL=Radio.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Inputs/Controls/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,UAAU,UAAW,SAAQ,iBAAiB;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,KAAK,GAAI,sBAAsB,UAAU,4CAsC9C,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Radio as MantineRadio } from '@mantine/core';
-import { primary, neutral } from '../../../constants/colors';
-import { fontBase, inputFontSize } from '../../../constants/font';
-const Radio = ({ styles, ...props }) => {
-    const style = {
-        root: {
-            display: 'flex',
-            alignItems: 'center',
-        },
-        radio: {
-            cursor: props.disabled || props.checked ? 'default' : 'pointer',
-            margin: 0,
-            marginTop: 0,
-            lineHeight: 'normal',
-            '&[type="radio"]': {
-                margin: 0,
-                marginTop: 0,
-                lineHeight: 'normal',
-            },
-            '&:checked': {
-                backgroundColor: primary[200],
-                borderColor: primary[200],
-            },
-            '&:hover': {
-                backgroundColor: props.checked ? primary[200] : neutral[50],
-            },
-        },
-        icon: {
-            color: 'white',
-        },
-        label: {
-            cursor: props.disabled ? 'default' : 'pointer',
-            ...fontBase,
-            fontSize: inputFontSize['md'].fontSize,
-            lineHeight: '2.25rem',
-            color: neutral[200],
-        },
-        ...styles,
-    };
-    return _jsx(MantineRadio, { size: "lg", styles: style, ...props });
-};
-export { Radio };

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