eai-frontend-components 2.0.7 → 2.0.8

package/dist/components/ui/custom/form/combobox.js

@@ -1,82 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '@/components/ui/button';
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
-import { cn } from '@/lib/utils';
-import { Check, ChevronsUpDown, LoaderCircle, X } from 'lucide-react';
-import { useEffect, useState } from 'react';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-export const FormCombobox = ({ control, name, label, subLabel, helpText, placeholder, className, disabled, required, options, selectedOption, iconLeft, iconRight, addEmptyOption, canUnselect = false, closePopUpOnChange = true, runInternalSearch = true, disabledSearch = false, onChange, onSearch, footerAction, }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    const [open, setOpen] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const [searchString, setSearchString] = useState('');
-    const DEFAULT_PLACEHOLDER = 'Digite para buscar...';
-    useEffect(() => {
-        setLoading(false);
-    }, [options]);
-    const getOptions = () => {
-        if (options.length === 0) {
-            return [];
-        }
-        let filteredOptions = options;
-        if (runInternalSearch) {
-            filteredOptions = options.filter((option) => {
-                const title = option.title
-                    .toLowerCase()
-                    .normalize('NFD')
-                    .replace(/[^a-z0-9\s]/gi, '');
-                const subTitle = option.subTitle
-                    ?.toLowerCase()
-                    .normalize('NFD')
-                    .replace(/[^a-z0-9\s]/gi, '');
-                const search = searchString
-                    .toLowerCase()
-                    .normalize('NFD')
-                    .replace(/[^a-z0-9\s]/gi, '');
-                return title.includes(search) || subTitle?.includes(search);
-            });
-        }
-        if (addEmptyOption) {
-            filteredOptions.unshift({ value: undefined, title: '--Selecione--', subTitle: '' });
-        }
-        return filteredOptions;
-    };
-    const getSelectedOption = (value) => {
-        const option = options.find((option) => option.value === value);
-        if (option) {
-            return option;
-        }
-        return selectedOption;
-    };
-    const handleSelect = (value, field) => {
-        const option = value ? getSelectedOption(value) : undefined;
-        if (canUnselect) {
-            field.onChange(field.value === value ? undefined : value);
-        }
-        else {
-            field.onChange(value);
-        }
-        if (onChange) {
-            onChange(option);
-        }
-        if (closePopUpOnChange) {
-            setOpen(false);
-        }
-    };
-    const handleKeyUp = (event) => {
-        const searchString = event.target.value;
-        if (onSearch) {
-            setLoading(true);
-            onSearch(searchString);
-        }
-        setSearchString(searchString);
-    };
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsxs(Popover, { open: open, onOpenChange: (open) => {
-                        if (!disabled)
-                            setOpen(open);
-                    }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(FormControl, { children: _jsx("div", { className: cn(`rounded-sm outline-none ${open ? 'ring-2 ring-ring ring-offset-2' : 'ring-0'}`, className), children: _jsxs(Button, { type: 'button', variant: 'outline', role: 'combobox', "aria-expanded": open, className: cn('justify-between disabled:border-disabled disabled:cursor-not-allowed disabled:opacity-50', formState.errors[name] ? 'border-red-600' : '', className), disabled: disabled || formState.isSubmitting, children: [iconLeft, _jsx("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: _jsx("span", { className: 'truncate font-normal', children: getSelectedOption(field.value) ? (_jsxs("div", { className: 'flex gap-2', children: [getSelectedOption(field.value)?.icon, getSelectedOption(field.value)?.title] })) : (_jsx("span", { className: 'text-zinc-500', children: placeholder ?? DEFAULT_PLACEHOLDER })) }) }), iconRight ?? _jsx(ChevronsUpDown, { size: 20, className: 'stroke-zinc-500' })] }) }) }) }), _jsxs(PopoverContent, { className: cn('p-0', className, 'w-[--radix-popover-trigger-width]'), children: [_jsxs(Command, { shouldFilter: false, children: [!disabledSearch && _jsx(CommandInput, { placeholder: placeholder ?? DEFAULT_PLACEHOLDER, onKeyUp: handleKeyUp }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { className: 'flex flex-col justify-between items-center p-3 font-normal text-sm', children: loading ? (_jsx(LoaderCircle, { size: 16, className: 'text-sidebar-foreground animate-spin mr-2' })) : getOptions()?.length === 0 && (searchString !== '' || disabledSearch) ? ('Nenhum resultado encontrado') : ('Utilize o campo de busca acima') }), options.length > 0 && (_jsx(CommandGroup, { children: getOptions().map((option) => (_jsxs(CommandItem, { value: option.value, className: 'group', onSelect: () => handleSelect(option.value, field), children: [_jsxs("div", { className: cn('grid flex-1 text-left text-sm leading-tight', option.className), children: [_jsxs("div", { className: 'flex gap-2', children: [option.icon, _jsx("span", { className: 'truncate font-normal', children: option.title })] }), _jsx("span", { className: 'truncate text-xs text-zinc-500', children: option.subTitle })] }), _jsxs("div", { className: `ml-auto text-zinc-500 ${field.value === option.value ? 'opacity-100' : 'opacity-0'}`, children: [_jsx(Check, { className: cn('flex', canUnselect && 'group-hover:hidden hover:hidden'), size: 16 }), _jsx(X, { className: cn('hidden', canUnselect && 'group-hover:flex hover:flex'), size: 16 })] })] }, `key-opt-${option.value}`))) }))] })] }), footerAction && (_jsx("div", { className: 'grid w-full p-1 border-t', children: _jsxs(Button, { type: 'button', variant: 'ghost', className: 'h-8', onClick: () => footerAction.onClick(), children: [footerAction.icon, footerAction.label] }) }))] })] }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/cpf-cnpj.d.ts

@@ -1,16 +0,0 @@
-interface Props {
-    control: any;
-    name: string;
-    label: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}
-export declare const FormInputCpfCnpj: React.FC<Props>;
-export {};
-//# sourceMappingURL=cpf-cnpj.d.ts.map

package/dist/components/ui/custom/form/cpf-cnpj.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cpf-cnpj.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/cpf-cnpj.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE;AAID,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6D5C,CAAC"}

package/dist/components/ui/custom/form/cpf-cnpj.js

@@ -1,32 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { MaskInputCpfCnpj } from '@/components/ui/input';
-import { useState } from 'react';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-const masks = ['999.999.999-999', '99.999.999/9999-99'];
-export const FormInputCpfCnpj = ({ control, name, label, subLabel, helpText, placeholder, className, disabled, required, onChange, onKeyUp, }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    const [mask, setMask] = useState(masks[0]);
-    const handleMaskChange = (value) => {
-        const numericValue = value.replace(/\D/g, '');
-        if (numericValue.length > 11) {
-            setMask(masks[1]);
-        }
-        else {
-            setMask(masks[0]);
-        }
-    };
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsx(MaskInputCpfCnpj, { ...field, className: `${className}`, placeholder: placeholder, disabled: disabled || formState.isSubmitting, mask: mask, onChange: (e) => {
-                            field.onChange(e);
-                            handleMaskChange(e.target.value);
-                            if (onChange) {
-                                onChange(e);
-                            }
-                        }, onKeyUp: (e) => {
-                            if (onKeyUp) {
-                                onKeyUp(e);
-                            }
-                        } }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/currency.d.ts

@@ -1,14 +0,0 @@
-interface Props {
-    control: any;
-    name: string;
-    label: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const FormInputCurrency: React.FC<Props>;
-export {};
-//# sourceMappingURL=currency.d.ts.map

package/dist/components/ui/custom/form/currency.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"currency.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/currency.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgC7C,CAAC"}

package/dist/components/ui/custom/form/currency.js

@@ -1,15 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { MaskInputDecimal } from '@/components/ui/input';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-export const FormInputCurrency = ({ control, name, label, subLabel, helpText, className, disabled, required, onChange }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsx(MaskInputDecimal, { ...field, symbol: 'R$', className: `${className}`, disabled: disabled || formState.isSubmitting, onChange: (e) => {
-                            field.onChange(e);
-                            if (onChange) {
-                                onChange(e);
-                            }
-                        } }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/date-range.d.ts

@@ -1,16 +0,0 @@
-import { DateRange } from 'react-day-picker';
-interface Props {
-    control: any;
-    name: string;
-    label: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement> | DateRange | undefined) => void;
-}
-export declare const FormDataRange: React.FC<Props>;
-export {};
-//# sourceMappingURL=date-range.d.ts.map

package/dist/components/ui/custom/form/date-range.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/date-range.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAU7C,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACxF;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmFzC,CAAC"}

package/dist/components/ui/custom/form/date-range.js

@@ -1,24 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '@/components/ui/button';
-import { Calendar } from '@/components/ui/calendar';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
-import { cn } from '@/lib/utils';
-import { format } from 'date-fns';
-import { CalendarIcon } from 'lucide-react';
-import { useState } from 'react';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-export const FormDataRange = ({ control, name, label, subLabel, helpText, placeholder, className, disabled, required, onChange, }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    // const [date, setDate] = useState<DateRange | undefined>(field.value);
-    const [open, setOpen] = useState(false);
-    const handleDateChange = (newDate, field) => {
-        // setDate(newDate);
-        field.onChange(newDate);
-        if (onChange)
-            onChange(newDate);
-    };
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, className: 'w-full', children: _jsx("div", { className: ` rounded-sm outline-none ${open ? 'ring-2 ring-ring ring-offset-2' : 'ring-0'}`, children: _jsxs(Button, { type: 'button', variant: 'outline', role: 'combobox', "aria-expanded": open, className: cn(` ${className} justify-start disabled:border-disabled disabled:cursor-not-allowed disabled:opacity-50`, formState.errors[name] ? 'border-red-600' : ''), disabled: disabled || formState.isSubmitting, children: [_jsx(CalendarIcon, { className: 'text-zinc-500' }), field.value?.from ? (field.value?.to ? (_jsxs(_Fragment, { children: [format(field.value?.from, 'dd/MM/yyyy'), " - ", format(field.value?.to, 'dd/MM/yyyy')] })) : (format(field.value?.from, 'dd/MM/yyyy'))) : (_jsx("span", { className: 'font-normal text-zinc-500', children: "Escolha um Per\u00EDodo" }))] }) }) }), _jsx(PopoverContent, { className: 'flex w-auto p-0', align: 'start', children: _jsx("div", { className: 'flex flex-row space-x-4', children: _jsx(Calendar, { initialFocus: true, mode: 'range', defaultMonth: field.value?.from, selected: field.value, numberOfMonths: 2, className: 'flex', onSelect: (newDate) => handleDateChange(newDate, field) }) }) })] }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/date.d.ts

@@ -1,16 +0,0 @@
-interface Props {
-    control: any;
-    name: string;
-    label: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}
-export declare const FormInputDate: React.FC<Props>;
-export {};
-//# sourceMappingURL=date.d.ts.map

package/dist/components/ui/custom/form/date.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/date.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiFzC,CAAC"}

package/dist/components/ui/custom/form/date.js

@@ -1,35 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Calendar } from '@/components/ui/calendar';
-import { MaskInput } from '@/components/ui/input';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
-import { stringToDate } from '@/lib/help/date-utils';
-import { cn } from '@/lib/utils';
-import { ptBR } from 'date-fns/locale';
-import { CalendarIcon } from 'lucide-react';
-import { useState } from 'react';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-export const FormInputDate = ({ control, name, label, subLabel, helpText, placeholder = '01/01/2023', className, disabled, required, onChange, onKeyUp, }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    const [open, setOpen] = useState(false);
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsxs("div", { className: 'relative w-full', children: [_jsx(MaskInput, { ...field, mask: '99/99/9999', maskPlaceholder: null, placeholder: placeholder, disabled: disabled || formState.isSubmitting, className: cn('pl-9', className), onChange: (e) => {
-                                    field.onChange(e);
-                                    if (onChange) {
-                                        onChange(e);
-                                    }
-                                }, onKeyUp: (e) => {
-                                    if (onKeyUp) {
-                                        onKeyUp(e);
-                                    }
-                                } }), _jsx("div", { className: 'absolute left-3 top-1/2 -translate-y-1/2 cursor-pointer', children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(CalendarIcon, { size: 16, className: 'cursor-pointer text-gray-500' }) }), _jsx(PopoverContent, { className: 'w-[250px] p-0', align: 'start', children: _jsx(Calendar, { mode: 'single', locale: ptBR, required: true, selected: stringToDate(field.value) ?? new Date(), onSelect: (date) => {
-                                                    field.onChange(date ? date.toLocaleDateString('pt-BR') : '');
-                                                    if (onChange) {
-                                                        onChange({
-                                                            target: { value: date ? date.toLocaleDateString('pt-BR') : '' },
-                                                        });
-                                                    }
-                                                    setOpen(false);
-                                                }, className: 'rounded-md', captionLayout: 'dropdown' }) })] }) })] }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/decimal.d.ts

@@ -1,14 +0,0 @@
-interface Props {
-    control: any;
-    name: string;
-    label: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const FormInputDecimal: React.FC<Props>;
-export {};
-//# sourceMappingURL=decimal.d.ts.map

package/dist/components/ui/custom/form/decimal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"decimal.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/decimal.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+B5C,CAAC"}

package/dist/components/ui/custom/form/decimal.js

@@ -1,15 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { MaskInputDecimal } from '@/components/ui/input';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-export const FormInputDecimal = ({ control, name, label, subLabel, helpText, className, disabled, required, onChange }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsx(MaskInputDecimal, { ...field, className: `${className}`, disabled: disabled || formState.isSubmitting, onChange: (e) => {
-                            field.onChange(e);
-                            if (onChange) {
-                                onChange(e);
-                            }
-                        } }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/file.d.ts

@@ -1,15 +0,0 @@
-interface Props {
-    control: any;
-    name: string;
-    label: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const FormInputFile: React.FC<Props>;
-export {};
-//# sourceMappingURL=file.d.ts.map

package/dist/components/ui/custom/form/file.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/file.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4CzC,CAAC"}

package/dist/components/ui/custom/form/file.js

@@ -1,18 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { InputFile } from '@/components/ui/input';
-import { useState } from 'react';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-export const FormInputFile = ({ control, name, label, subLabel, helpText, placeholder, className, disabled, required, onChange, }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    const [value, setValue] = useState('');
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsx(InputFile, { value: value, placeholder: placeholder, disabled: disabled || formState.isSubmitting, onChange: (e) => {
-                            if (onChange) {
-                                onChange(e);
-                            }
-                            setValue(e.target.value);
-                            field.onChange(e.target.files);
-                        } }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/form-help-text.d.ts

@@ -1,3 +0,0 @@
-declare const formHelpText: (helpText: JSX.Element) => import("react/jsx-runtime").JSX.Element;
-export { formHelpText };
-//# sourceMappingURL=form-help-text.d.ts.map

package/dist/components/ui/custom/form/form-help-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-help-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/form-help-text.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY,GAAI,UAAU,GAAG,CAAC,OAAO,4CAa1C,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/custom/form/form-help-text.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
-import { CircleHelp } from 'lucide-react';
-const formHelpText = (helpText) => {
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: 'pb-2', children: _jsx(CircleHelp, { size: 16, className: 'text-muted' }) }), _jsx(TooltipContent, { className: 'text-white bg-background-primary', align: 'start', children: helpText })] }) }));
-};
-export { formHelpText };

package/dist/components/ui/custom/form/form-label.d.ts

@@ -1,7 +0,0 @@
-import * as LabelPrimitive from '@radix-ui/react-label';
-import React from 'react';
-type FormLabelComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & React.RefAttributes<React.ElementRef<typeof LabelPrimitive.Root>>>;
-declare const formLabel: (FormLabel: FormLabelComponent, label: string) => import("react/jsx-runtime").JSX.Element;
-declare const formLabelAndSubLabel: (FormLabel: FormLabelComponent, label: string, subLabel?: string, required?: boolean | undefined, className?: string) => import("react/jsx-runtime").JSX.Element;
-export { formLabel, formLabelAndSubLabel };
-//# sourceMappingURL=form-label.d.ts.map

package/dist/components/ui/custom/form/form-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/form-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAE1L,QAAA,MAAM,SAAS,GAAI,WAAW,kBAAkB,EAAE,OAAO,MAAM,4CAE9D,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,WAAW,kBAAkB,EAAE,OAAO,MAAM,EAAE,WAAW,MAAM,EAAE,WAAW,OAAO,GAAG,SAAS,EAAE,YAAY,MAAM,4CAUhJ,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/ui/custom/form/form-label.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-const formLabel = (FormLabel, label) => {
-    return _jsx(FormLabel, { className: 'text-default font-medium text-sm h-5', children: label });
-};
-const formLabelAndSubLabel = (FormLabel, label, subLabel, required, className) => {
-    return (_jsxs("div", { className: cn('flex flex-col pb-2', className), children: [_jsxs("div", { className: 'flex gap-1', children: [formLabel(FormLabel, label), required && _jsx(FormLabel, { className: 'text-red-600 font-medium text-sm', children: "*" })] }), subLabel && _jsx(FormLabel, { className: 'text-default font-normal pt-1', children: subLabel })] }));
-};
-export { formLabel, formLabelAndSubLabel };

package/dist/components/ui/custom/form/form-message.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-type FormMessageComponent = React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const formMessage: (FormMessage: FormMessageComponent) => import("react/jsx-runtime").JSX.Element;
-export { formMessage };
-//# sourceMappingURL=form-message.d.ts.map

package/dist/components/ui/custom/form/form-message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-message.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/form-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,oBAAoB,GAAG,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAEpJ,QAAA,MAAM,WAAW,GAAI,aAAa,oBAAoB,4CAErD,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/custom/form/form-message.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const formMessage = (FormMessage) => {
-    return _jsx(FormMessage, { className: 'text-red-600 mt-1' });
-};
-export { formMessage };

package/dist/components/ui/custom/form/ghost.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    control: any;
-    name: string;
-    className?: string;
-}
-export declare const FormInputGhost: React.FC<Props>;
-export {};
-//# sourceMappingURL=ghost.d.ts.map

package/dist/components/ui/custom/form/ghost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/ghost.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiB1C,CAAC"}

package/dist/components/ui/custom/form/ghost.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InputText } from '@/components/ui/input';
-import * as FormComponents from '../../form';
-import { formMessage } from './form-message';
-export const FormInputGhost = ({ control, name, className }) => {
-    const { FormField, FormItem, FormControl, FormMessage } = FormComponents;
-    return (_jsx(FormField, { control: control, name: name, render: ({ field }) => (_jsxs(FormItem, { className: className, children: [_jsx(FormControl, { children: _jsx(InputText, { ...field, className: 'hidden' }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/input.d.ts

@@ -1,18 +0,0 @@
-interface Props {
-    control: any;
-    type?: string;
-    name: string;
-    label: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    placeholder?: string;
-    maxLength?: number;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    onChange?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}
-export declare const FormInput: React.FC<Props>;
-export {};
-//# sourceMappingURL=input.d.ts.map

package/dist/components/ui/custom/form/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/input.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8CrC,CAAC"}

package/dist/components/ui/custom/form/input.js

@@ -1,14 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Input } from '@/components/ui/input';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-export const FormInput = ({ control, type, name, label, subLabel, helpText, placeholder, maxLength, className, disabled, required, onKeyUp, }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsx(Input, { ...field, className: className, maxLength: maxLength, placeholder: placeholder, disabled: disabled || formState.isSubmitting, type: type, onKeyUp: (e) => {
-                            if (onKeyUp) {
-                                onKeyUp(e);
-                            }
-                        } }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/mask.d.ts

@@ -1,19 +0,0 @@
-interface Props {
-    control: any;
-    name: string;
-    label: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    placeholder?: string;
-    mask: string;
-    maskPlaceholder?: string | null;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    inputRef?: React.Ref<HTMLInputElement>;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}
-export declare const FormInputMask: React.FC<Props>;
-export {};
-//# sourceMappingURL=mask.d.ts.map

package/dist/components/ui/custom/form/mask.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/mask.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsDzC,CAAC"}

package/dist/components/ui/custom/form/mask.js

@@ -1,19 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { MaskInput } from '@/components/ui/input';
-import * as FormComponents from '../../form';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-export const FormInputMask = ({ control, name, label, subLabel, helpText, placeholder, mask, maskPlaceholder, className, disabled, required, inputRef, onChange, onKeyUp, }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsx(MaskInput, { ...field, mask: mask, maskPlaceholder: maskPlaceholder, placeholder: placeholder, disabled: disabled || formState.isSubmitting, onChange: (e) => {
-                            field.onChange(e);
-                            if (onChange) {
-                                onChange(e);
-                            }
-                        }, onKeyUp: (e) => {
-                            if (onKeyUp) {
-                                onKeyUp(e);
-                            }
-                        }, ref: inputRef }) }), formMessage(FormMessage)] })) }));
-};

package/dist/components/ui/custom/form/multi-select-old.d.ts

@@ -1,19 +0,0 @@
-export interface FilterOption {
-    value: string;
-    label: string;
-}
-interface Props {
-    control: any;
-    name: string;
-    label?: string;
-    subLabel?: string;
-    helpText?: JSX.Element;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    options: FilterOption[];
-}
-export declare const FormMultiSelect: React.FC<Props>;
-export {};
-//# sourceMappingURL=multi-select-old.d.ts.map

package/dist/components/ui/custom/form/multi-select-old.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-select-old.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/form/multi-select-old.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,YAAY,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0F3C,CAAC"}

package/dist/components/ui/custom/form/multi-select-old.js

@@ -1,30 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-import { Check, ChevronDown, X } from 'lucide-react';
-import { useState } from 'react';
-import * as FormComponents from '../../form';
-import { Badge } from './badge';
-import { formHelpText } from './form-help-text';
-import { formLabelAndSubLabel } from './form-label';
-import { formMessage } from './form-message';
-import { Popover, PopoverContent, PopoverTrigger } from './popover';
-export const FormMultiSelect = ({ control, name, label, subLabel, helpText, placeholder, className, disabled, required, options, }) => {
-    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
-    const [open, setOpen] = useState(false);
-    const removeOption = (option, field) => {
-        setOpen(false);
-        toggleOption(option, field);
-    };
-    const toggleOption = (option, field) => {
-        const prevValue = field.value || [];
-        const newValue = prevValue?.some((item) => item.value === option.value)
-            ? prevValue.filter((item) => item.value !== option.value)
-            : [...prevValue, option];
-        field.onChange(newValue);
-    };
-    return (_jsx(FormField, { control: control, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(FormControl, { children: _jsxs("div", { className: cn(className, 'flex rounded-md text-sm font-medium border border-input justify-between items-center'), children: [_jsx("div", { className: 'flex flex-wrap text-zinc-500 cursor-pointer w-full gap-1', children: field.value?.length > 0 ? (field.value.map((option) => (_jsxs(Badge, { className: 'flex max-h-[24px] items-center bg-zinc-100 text-zinc-950 text-[12px] font-medium py-1 px-2 rounded-[6px]', children: [option.label, _jsx(X, { className: 'cursor-pointer ml-2', size: 12, onClick: () => removeOption(option, field) })] }, option.value)))) : (_jsx("div", { className: 'w-full', children: placeholder || 'Selecionar' })) }), _jsx(ChevronDown, { size: 20, className: 'text-zinc-500 cursor-pointer' })] }) }) }), _jsx(PopoverContent, { className: cn('w-[240px] py-2 px-3', className), children: _jsx("div", { className: 'flex flex-col space-y-1 overflow-y-auto max-h-[200px]', children: options.map((option) => (_jsxs("div", { className: 'flex justify-between items-center gap-2 p-2 text-sm rounded-md cursor-pointer hover:bg-datatable-accent', onClick: () => toggleOption(option, field), onKeyDown: (e) => {
-                                        if (e.key === 'Enter' || e.key === ' ') {
-                                            toggleOption(option, field);
-                                        }
-                                    }, children: [option.label, field.value?.some((item) => item.value === option.value) && _jsx(Check, { size: 16 })] }, option.value))) }) })] }), formMessage(FormMessage)] })) }));
-};