lecom-ui 5.2.81 → 5.2.83

package/dist/components/TagInput/TagInput.js

@@ -0,0 +1,106 @@
+import * as React from 'react';
+import { X } from 'lucide-react';
+import { cn } from '../../lib/utils.js';
+import { Tag } from '../Tag/Tag.js';
+import { textareaVariants } from '../Textarea/Textarea.js';
+import { Typography } from '../Typography/Typography.js';
+
+function TagInput({
+  value,
+  onRemove,
+  placeholder = "Nenhum item selecionado",
+  disabled = false,
+  readOnly = false,
+  className = "",
+  variant = "default",
+  radius = "default",
+  ...props
+}) {
+  const ref = React.useRef(null);
+  const [maxVisibleCount, setMaxVisibleCount] = React.useState(
+    null
+  );
+  const [hiddenCount, setHiddenCount] = React.useState(0);
+  const calculateMaxVisible = React.useCallback(() => {
+    const container = ref.current;
+    if (!container) return;
+    const children = Array.from(container.children).filter(
+      (el) => el.dataset.tag === "true"
+    );
+    const lines = [];
+    children.forEach((c) => {
+      const t = c.offsetTop;
+      if (!lines.includes(t)) lines.push(t);
+    });
+    if (lines.length <= 2) {
+      setMaxVisibleCount(children.length);
+      setHiddenCount(0);
+      return;
+    }
+    const second = lines[1];
+    let count = 0;
+    for (const c of children) {
+      if (c.offsetTop > second) break;
+      count++;
+    }
+    setMaxVisibleCount(count);
+    setHiddenCount(children.length - count);
+  }, []);
+  React.useLayoutEffect(() => {
+    if (maxVisibleCount === null) {
+      const id = window.requestAnimationFrame(calculateMaxVisible);
+      return () => window.cancelAnimationFrame(id);
+    }
+  }, [maxVisibleCount, calculateMaxVisible]);
+  const visibleCount = maxVisibleCount === null ? value.length : maxVisibleCount;
+  const displayTags = value.slice(0, visibleCount);
+  const currentHiddenCount = Math.max(value.length - visibleCount, 0);
+  React.useEffect(() => {
+    setHiddenCount(currentHiddenCount);
+  }, [currentHiddenCount]);
+  const textareaRadius = radius === "full" ? "large" : radius;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        textareaVariants({ variant, radius: textareaRadius }),
+        "flex flex-wrap items-start min-h-10 gap-1 py-2 px-3",
+        disabled && "opacity-50 pointer-events-none",
+        className
+      ),
+      tabIndex: 0,
+      "aria-disabled": disabled,
+      style: { resize: "none", cursor: disabled ? "not-allowed" : "text" },
+      ...props
+    },
+    value.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-grey-400" }, placeholder),
+    displayTags.map((item) => /* @__PURE__ */ React.createElement(Tag, { key: item.value, "data-tag": "true", color: "blue" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600" }, item.label), !readOnly && /* @__PURE__ */ React.createElement(
+      X,
+      {
+        className: "w-4 h-4 cursor-pointer",
+        onClick: (e) => {
+          e.stopPropagation();
+          onRemove(item.value);
+        },
+        "aria-label": `Remover ${item.label}`,
+        tabIndex: 0
+      }
+    ))),
+    hiddenCount > 0 && /* @__PURE__ */ React.createElement(Tag, { color: "grey", "data-tag": "true" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-grey-600" }, "+", hiddenCount), !readOnly && /* @__PURE__ */ React.createElement(
+      X,
+      {
+        className: "w-4 h-4 cursor-pointer text-grey-500 hover:text-grey-700",
+        onClick: (e) => {
+          e.stopPropagation();
+          const next = value[visibleCount]?.value;
+          if (next) onRemove(next);
+        },
+        "aria-label": "Remover pr\xF3xima tag oculta",
+        tabIndex: 0
+      }
+    ))
+  );
+}
+
+export { TagInput };

package/dist/index.d.ts

@@ -19,7 +19,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps, Control } from 'react-hook-form';
 export { useForm } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { CustomStyles as CustomStyles$2 } from '@/components/Button';
@@ -36,6 +36,10 @@ export { TFunction, default as i18n } from 'i18next';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as vaul from 'vaul';
 import { Drawer as Drawer$1 } from 'vaul';
+import { Locale } from 'date-fns';
+export { ptBR } from 'date-fns/locale/pt-BR';
+export { enUS } from 'date-fns/locale/en-US';
+export { es } from 'date-fns/locale/es';
 export { z as zod } from 'zod';
 export { zodResolver } from '@hookform/resolvers/zod';
 export { Translation, useTranslation } from 'react-i18next';
@@ -350,22 +354,6 @@ declare const LogoLecomBrand: React$1.ForwardRefExoticComponent<LogoLecomBrandPr
 
 declare const SairModoTeste: ({ color, strokeWidth, width, height, ...props }: React$1.SVGProps<SVGSVGElement>) => React$1.JSX.Element;
 
-declare const inputVariants: (props?: ({
-    variant?: "default" | "filled" | "borderless" | null | undefined;
-    size?: "default" | "small" | "large" | null | undefined;
-    radius?: "default" | "small" | "large" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
-    sufix?: React$1.ReactNode;
-    prefix?: React$1.ReactNode;
-    iconBefore?: React$1.ReactNode;
-    iconAfter?: React$1.ReactNode;
-    containerClassName?: string;
-    prefixInset?: React$1.ReactNode;
-    sufixInset?: React$1.ReactNode;
-}
-declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
-
 type UsePaginationProps = {
     count?: number;
     defaultPage?: number;
@@ -475,13 +463,6 @@ interface CheckedCellChange<TData> {
     row: Row$1<TData>;
     value: boolean;
 }
-interface FilterProps {
-    className?: string;
-    placeholder?: string;
-    value?: string;
-    setFilterValue?: (value: string) => void;
-    inputProps?: Omit<InputProps, 'value' | 'onChange'>;
-}
 interface Column<TData, TValue> {
     key: string;
     title?: (({ table, column }: ColumnTitle<TData, TValue>) => React.ReactNode) | React.ReactNode;
@@ -499,8 +480,6 @@ interface Column<TData, TValue> {
     checkedCell?: ({ row }: CheckedCell<TData>) => boolean;
     onCheckedHeaderChange?: ({ table, column, value, }: CheckedHeaderChange<TData, TValue>) => void;
     onCheckedCellChange?: ({ row, value }: CheckedCellChange<TData>) => void;
-    filterable?: boolean;
-    filterProps?: FilterProps;
 }
 interface DataTableProps<TData, TValue> {
     isLoading?: boolean;
@@ -736,6 +715,22 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
     onOpenMenuChange?: () => void;
 }
 
+declare const inputVariants: (props?: ({
+    variant?: "default" | "filled" | "borderless" | null | undefined;
+    size?: "default" | "small" | "large" | null | undefined;
+    radius?: "default" | "small" | "large" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
+    sufix?: React$1.ReactNode;
+    prefix?: React$1.ReactNode;
+    iconBefore?: React$1.ReactNode;
+    iconAfter?: React$1.ReactNode;
+    containerClassName?: string;
+    prefixInset?: React$1.ReactNode;
+    sufixInset?: React$1.ReactNode;
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
 interface SideBarProps {
     items: {
         title: string;
@@ -882,7 +877,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLLabelElement | HTMLParagraphElement | HTMLHeadingElement | HTMLInputElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLInputElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -939,7 +934,11 @@ interface SpinProps extends React$1.SVGAttributes<SVGSVGElement> {
 }
 declare const Spin: React$1.ForwardRefExoticComponent<SpinProps & React$1.RefAttributes<SVGSVGElement>>;
 
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    loading?: boolean;
+    className?: string;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const tagVariants: (props?: ({
     color?: "blue" | "grey" | "purple" | "yellow" | "red" | "orange" | "green" | "pink" | "turquoise" | null | undefined;
@@ -1061,5 +1060,110 @@ declare const DrawerFooter: {
 declare const DrawerTitle: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Drawer$1.Title> & React$1.RefAttributes<React$1.ElementRef<typeof Drawer$1.Title>>>;
 declare const DrawerDescription: React$1.ForwardRefExoticComponent<React$1.ComponentPropsWithoutRef<typeof Drawer$1.Description> & React$1.RefAttributes<React$1.ElementRef<typeof Drawer$1.Description>>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Rpa, SairModoTeste, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Spin, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
-export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, CustomStyles$1 as CustomStyles, DataTableProps, DialogContentProps, ErrorEmptyDisplayProps, File, FillColor, FilterProps, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, TableProps, TagProps, TextColor, TextareaProps, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };
+type TimelineStepItem = {
+    title: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    status?: 'completed' | 'current' | 'pending' | 'error';
+};
+interface StepsProps {
+    items: TimelineStepItem[];
+    current?: number;
+    className?: string;
+    dotSize?: 'small' | 'medium' | 'large';
+    color?: string;
+}
+declare const Steps: React$1.FC<StepsProps>;
+
+interface ComboboxOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface ComboboxGroup {
+    label: string;
+    options: ComboboxOption[];
+}
+type ComboboxProps = {
+    options: (ComboboxOption | ComboboxGroup)[];
+    value: string | null;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    notFoundContent?: React$1.ReactNode;
+    status?: 'default' | 'error';
+    searchTerm?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+};
+declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, }: ComboboxProps): React$1.JSX.Element;
+
+interface TagValue {
+    label: string;
+    value: string;
+}
+interface TagInputProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    value: TagValue[];
+    onRemove: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    variant?: 'default' | 'filled' | 'borderless';
+    radius?: 'default' | 'full';
+}
+declare function TagInput({ value, onRemove, placeholder, disabled, readOnly, className, variant, radius, ...props }: TagInputProps): React$1.JSX.Element;
+
+interface CustomDividerProps {
+    name?: string;
+    control?: Control<any>;
+    isActive?: boolean;
+    isGroupDivider?: boolean;
+    orientation?: 'left' | 'center' | 'right';
+    dashed?: boolean;
+    plain?: boolean;
+    lineOnly?: boolean;
+    optionLabels?: [string, string];
+    ButtonComponent?: typeof Button;
+    buttonSize?: 'small' | 'medium' | 'large' | 'extraLarge' | null | undefined;
+    buttonClassName?: string;
+    className?: string;
+    style?: React$1.CSSProperties;
+    children?: React$1.ReactNode;
+}
+declare function CustomDivider({ name, control, isActive, isGroupDivider, orientation, dashed, plain, lineOnly, optionLabels, ButtonComponent, buttonSize, buttonClassName, className, style, children, }: CustomDividerProps): React$1.JSX.Element;
+declare namespace CustomDivider {
+    var displayName: string;
+}
+
+type ExpandIconPosition = 'start' | 'end';
+declare const collapseTriggerVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    ghost?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CollapsePanelProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    header: React$1.ReactNode;
+    children: React$1.ReactNode;
+    extra?: React$1.ReactNode;
+    expandIcon?: React$1.ReactNode;
+    expandIconPosition?: ExpandIconPosition;
+    size?: 'small' | 'medium' | 'large';
+    ghost?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+declare const Collapse: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>> & {
+    Panel: React$1.ForwardRefExoticComponent<CollapsePanelProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+interface DatePickerProps {
+    className?: string;
+    variant?: 'outlined' | 'filled' | 'ghost' | null;
+    locale?: Locale;
+}
+declare function DatePicker({ className, variant, locale, }: DatePickerProps): React$1.JSX.Element;
+declare namespace DatePicker {
+    var displayName: string;
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapse, Combobox, CustomDivider, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Rpa, SairModoTeste, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Spin, Steps, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, collapseTriggerVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
+export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, ComboboxGroup, ComboboxOption, ComboboxProps, CustomStyles$1 as CustomStyles, DataTableProps, DialogContentProps, ErrorEmptyDisplayProps, ExpandIconPosition, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, StepsProps, SwitchProps, TableProps, TagInputProps, TagProps, TagValue, TextColor, TextareaProps, TimelineStepItem, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };

package/dist/index.js

@@ -43,6 +43,15 @@ export { fonts } from './tokens/fonts.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/Tabs/Tabs.js';
 export { Textarea, textareaVariants } from './components/Textarea/Textarea.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
+export { Steps } from './components/Steps/Steps.js';
+export { Combobox } from './components/Combobox/Combobox.js';
+export { TagInput } from './components/TagInput/TagInput.js';
+export { CustomDivider } from './components/CustomDivider/CustomDivider.js';
+export { Collapse, collapseTriggerVariants } from './components/Collapse/Collapse.js';
+export { DatePicker } from './components/DatePicker/DatePicker.js';
+export { ptBR } from 'date-fns/locale/pt-BR';
+export { enUS } from 'date-fns/locale/en-US';
+export { es } from 'date-fns/locale/es';
 export { Bar, BarChart, CartesianGrid, Label, LabelList, XAxis, YAxis } from 'recharts';
 export { z as zod } from 'zod';
 export { zodResolver } from '@hookform/resolvers/zod';

package/dist/plugin/extend.js

@@ -1,78 +1,78 @@
-const extend = {
-  colors: {
-    background: 'hsl(var(--background))',
-    foreground: 'hsl(var(--foreground))',
-    card: {
-      DEFAULT: 'hsl(var(--card))',
-      foreground: 'hsl(var(--card-foreground))',
-    },
-    popover: {
-      DEFAULT: 'hsl(var(--popover))',
-      foreground: 'hsl(var(--popover-foreground))',
-    },
-    primary: {
-      DEFAULT: 'hsl(var(--primary))',
-      foreground: 'hsl(var(--primary-foreground))',
-    },
-    secondary: {
-      DEFAULT: 'hsl(var(--secondary))',
-      foreground: 'hsl(var(--secondary-foreground))',
-    },
-    muted: {
-      DEFAULT: 'hsl(var(--muted))',
-      foreground: 'hsl(var(--muted-foreground))',
-    },
-    accent: {
-      DEFAULT: 'hsl(var(--accent))',
-      foreground: 'hsl(var(--accent-foreground))',
-    },
-    destructive: {
-      DEFAULT: 'hsl(var(--destructive))',
-      foreground: 'hsl(var(--destructive-foreground))',
-    },
-    border: 'hsl(var(--border))',
-    input: 'hsl(var(--input))',
-    ring: 'hsl(var(--ring))',
-    chart: {
-      1: 'hsl(var(--chart-1))',
-      2: 'hsl(var(--chart-2))',
-      3: 'hsl(var(--chart-3))',
-      4: 'hsl(var(--chart-4))',
-      5: 'hsl(var(--chart-5))',
-      6: 'hsl(var(--chart-6))',
-      7: 'hsl(var(--chart-7))',
-      8: 'hsl(var(--chart-8))',
-    },
-    sidebar: {
-      DEFAULT: 'hsl(var(--sidebar-background))',
-      foreground: 'hsl(var(--sidebar-foreground))',
-      primary: 'hsl(var(--sidebar-primary))',
-      'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
-      accent: 'hsl(var(--sidebar-accent))',
-      'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
-      border: 'hsl(var(--sidebar-border))',
-      ring: 'hsl(var(--sidebar-ring))',
-    },
-  },
-  borderRadius: {
-    lg: 'var(--radius)',
-    md: 'calc(var(--radius) - 2px)',
-    sm: 'calc(var(--radius) - 4px)',
-  },
-  keyframes: {
-    'accordion-down': {
-      from: { height: '0' },
-      to: { height: 'var(--radix-accordion-content-height)' },
-    },
-    'accordion-up': {
-      from: { height: 'var(--radix-accordion-content-height)' },
-      to: { height: '0' },
-    },
-  },
-  animation: {
-    'accordion-down': 'accordion-down 0.2s ease-out',
-    'accordion-up': 'accordion-up 0.2s ease-out',
-  },
-};
-
-export { extend };
+const extend = {
+  colors: {
+    background: 'hsl(var(--background))',
+    foreground: 'hsl(var(--foreground))',
+    card: {
+      DEFAULT: 'hsl(var(--card))',
+      foreground: 'hsl(var(--card-foreground))',
+    },
+    popover: {
+      DEFAULT: 'hsl(var(--popover))',
+      foreground: 'hsl(var(--popover-foreground))',
+    },
+    primary: {
+      DEFAULT: 'hsl(var(--primary))',
+      foreground: 'hsl(var(--primary-foreground))',
+    },
+    secondary: {
+      DEFAULT: 'hsl(var(--secondary))',
+      foreground: 'hsl(var(--secondary-foreground))',
+    },
+    muted: {
+      DEFAULT: 'hsl(var(--muted))',
+      foreground: 'hsl(var(--muted-foreground))',
+    },
+    accent: {
+      DEFAULT: 'hsl(var(--accent))',
+      foreground: 'hsl(var(--accent-foreground))',
+    },
+    destructive: {
+      DEFAULT: 'hsl(var(--destructive))',
+      foreground: 'hsl(var(--destructive-foreground))',
+    },
+    border: 'hsl(var(--border))',
+    input: 'hsl(var(--input))',
+    ring: 'hsl(var(--ring))',
+    chart: {
+      1: 'hsl(var(--chart-1))',
+      2: 'hsl(var(--chart-2))',
+      3: 'hsl(var(--chart-3))',
+      4: 'hsl(var(--chart-4))',
+      5: 'hsl(var(--chart-5))',
+      6: 'hsl(var(--chart-6))',
+      7: 'hsl(var(--chart-7))',
+      8: 'hsl(var(--chart-8))',
+    },
+    sidebar: {
+      DEFAULT: 'hsl(var(--sidebar-background))',
+      foreground: 'hsl(var(--sidebar-foreground))',
+      primary: 'hsl(var(--sidebar-primary))',
+      'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+      accent: 'hsl(var(--sidebar-accent))',
+      'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+      border: 'hsl(var(--sidebar-border))',
+      ring: 'hsl(var(--sidebar-ring))',
+    },
+  },
+  borderRadius: {
+    lg: 'var(--radius)',
+    md: 'calc(var(--radius) - 2px)',
+    sm: 'calc(var(--radius) - 4px)',
+  },
+  keyframes: {
+    'accordion-down': {
+      from: { height: '0' },
+      to: { height: 'var(--radix-accordion-content-height)' },
+    },
+    'accordion-up': {
+      from: { height: 'var(--radix-accordion-content-height)' },
+      to: { height: '0' },
+    },
+  },
+  animation: {
+    'accordion-down': 'accordion-down 0.2s ease-out',
+    'accordion-up': 'accordion-up 0.2s ease-out',
+  },
+};
+
+export { extend };