lecom-ui 5.2.80 → 5.2.82

package/dist/components/Steps/Steps.js

@@ -0,0 +1,102 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+const Steps = ({
+  items,
+  current = 0,
+  className,
+  dotSize = "medium",
+  color = "blue"
+}) => {
+  const getStepStatus = (index, item) => {
+    if (item.status) return item.status;
+    if (index < current) return "completed";
+    if (index === current) return "current";
+    return "pending";
+  };
+  const getDotSizeClasses = () => {
+    const outerDotSizeClasses = {
+      small: "w-[10px] h-[10px]",
+      medium: "w-6 h-6",
+      large: "w-8 h-8"
+    };
+    const innerDotSizeClasses = {
+      small: "",
+      medium: "w-2 h-2",
+      large: "w-3 h-3"
+    };
+    return {
+      outer: outerDotSizeClasses[dotSize],
+      inner: innerDotSizeClasses[dotSize]
+    };
+  };
+  const getStepIcon = () => dotSize !== "small" ? /* @__PURE__ */ React.createElement("div", { className: cn("rounded-full", getDotSizeClasses().inner) }) : null;
+  const getStepColors = () => {
+    const colorOptions = {
+      blue: "bg-blue-600 border-blue-600",
+      red: "bg-red-600 border-red-600",
+      green: "bg-green-600 border-green-600",
+      purple: "bg-purple-600 border-purple-600",
+      orange: "bg-orange-500 border-orange-500"
+    };
+    return colorOptions[color] || colorOptions.blue;
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: cn("relative", className) }, items.map((item, index) => {
+    const status = getStepStatus(index, item);
+    const isCurrent = index === current;
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ React.createElement("div", { key: index, className: "relative flex items-baseline" }, !isLast && /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn("absolute border-l border-dashed -z-10", {
+          "left-[4.5px]": dotSize === "small",
+          "left-3": dotSize === "medium",
+          "left-4": dotSize === "large",
+          "border-blue-300": color === "blue",
+          "border-red-300": color === "red",
+          "border-green-300": color === "green",
+          "border-purple-300": color === "purple",
+          "border-orange-300": color === "orange"
+        }),
+        style: {
+          top: dotSize === "small" ? "10px" : dotSize === "medium" ? "16px" : "24px",
+          height: dotSize === "small" ? "calc(100% - 10px)" : dotSize === "medium" ? "calc(100% - 24px)" : "calc(100% - 32px)"
+        }
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn(
+          "relative z-10 flex items-center justify-center rounded-full",
+          getDotSizeClasses().outer,
+          getStepColors(),
+          dotSize === "small" ? "" : "border"
+        )
+      },
+      getStepIcon()
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn("pb-6 flex-1 mt-0", {
+          "ml-[14px]": dotSize === "small",
+          "ml-4": dotSize === "medium",
+          "ml-5": dotSize === "large"
+        })
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "text-sm font-medium",
+            status === "completed" || isCurrent ? "text-gray-900" : "text-gray-500"
+          )
+        },
+        item.title
+      ),
+      item.description && /* @__PURE__ */ React.createElement("div", { className: "mt-1" }, typeof item.description === "string" ? /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-600" }, item.description) : item.description)
+    ));
+  }));
+};
+Steps.displayName = "Steps";
+
+export { Steps };

package/dist/components/Switch/Switch.js

@@ -1,24 +1,60 @@
 import * as React from 'react';
-import { cn } from '../../lib/utils.js';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { cn } from '../../lib/utils.js';
 
-const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const Spinner = () => /* @__PURE__ */ React.createElement("svg", { className: "animate-spin h-4 w-4 text-blue-600", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement(
+  "circle",
+  {
+    className: "opacity-25",
+    cx: "12",
+    cy: "12",
+    r: "10",
+    stroke: "currentColor",
+    strokeWidth: "4",
+    fill: "none"
+  }
+), /* @__PURE__ */ React.createElement(
+  "path",
+  {
+    className: "opacity-75",
+    fill: "currentColor",
+    d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+  }
+));
+const Switch = React.forwardRef(({ className, loading = false, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement(
   SwitchPrimitives.Root,
   {
+    ref,
+    disabled: disabled || loading,
     className: cn(
-      "peer flex items-center shrink-0 h-6 w-12 p-[2px] group rounded-full cursor-pointer bg-transparent focus:outline-none transition-colors data-[state=unchecked]:border-2 data-[state=unchecked]:border-grey-400 data-[state=unchecked]:hover:border-grey-500 data-[state=unchecked]:active:border-grey-700 data-[state=unchecked]:disabled:border-grey-300 data-[state=checked]:bg-blue-600 data-[state=checked]:hover:bg-blue-700 data-[state=checked]:active:bg-blue-800 data-[state=checked]:disabled:bg-blue-200 disabled:cursor-not-allowed",
+      "peer flex items-center shrink-0 h-6 w-12 p-[2px] group rounded-full cursor-pointer bg-transparent focus:outline-none transition-colors",
+      "data-[state=unchecked]:border-2 data-[state=unchecked]:border-grey-400",
+      "data-[state=unchecked]:hover:border-grey-500 data-[state=unchecked]:active:border-grey-700",
+      "data-[state=unchecked]:disabled:border-grey-300",
+      "data-[state=checked]:bg-blue-600 data-[state=checked]:hover:bg-blue-700",
+      "data-[state=checked]:active:bg-blue-800 data-[state=checked]:disabled:bg-blue-200",
+      "disabled:cursor-not-allowed",
       className
     ),
-    ref,
     ...props
   },
   /* @__PURE__ */ React.createElement(
     SwitchPrimitives.Thumb,
     {
       className: cn(
-        "pointer-events-none rounded-full shadow-sm transition-all h-4 w-4 data-[state=unchecked]:bg-grey-400 data-[state=unchecked]:translate-x-1 group-hover:data-[state=unchecked]:bg-grey-500 group-focus:ring-8 group-focus:ring-blue-200 group-focus:ring-opacity-50 group-active:group-enabled:h-5 group-active:group-enabled:w-5 group-active:data-[state=unchecked]:bg-grey-700 group-active:group-enabled:data-[state=unchecked]:translate-x-[-2px] group-disabled:data-[state=unchecked]:bg-grey-300 group-disabled:data-[state=unchecked]:bg-opacity-65 data-[state=checked]:bg-white data-[state=checked]:translate-x-6"
+        "pointer-events-none rounded-full shadow-sm transition-all h-4 w-4",
+        "data-[state=unchecked]:bg-grey-400 data-[state=unchecked]:translate-x-1",
+        "group-hover:data-[state=unchecked]:bg-grey-500",
+        "group-focus:ring-8 group-focus:ring-blue-200 group-focus:ring-opacity-50",
+        "group-active:group-enabled:h-5 group-active:group-enabled:w-5",
+        "group-active:data-[state=unchecked]:bg-grey-700",
+        "group-active:group-enabled:data-[state=unchecked]:translate-x-[-2px]",
+        "group-disabled:data-[state=unchecked]:bg-grey-300 group-disabled:data-[state=unchecked]:bg-opacity-65",
+        "data-[state=checked]:bg-white data-[state=checked]:translate-x-6",
+        "flex items-center justify-center"
       )
-    }
+    },
+    loading && /* @__PURE__ */ React.createElement(Spinner, null)
   )
 ));
 Switch.displayName = "Switch";

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,9 @@ 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';
+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 +353,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,12 +462,6 @@ interface CheckedCellChange<TData> {
     row: Row$1<TData>;
     value: boolean;
 }
-interface FilterProps {
-    className?: string;
-    placeholder?: string;
-    value?: string;
-    inputProps?: Omit<InputProps, 'value' | 'onChange'>;
-}
 interface Column<TData, TValue> {
     key: string;
     title?: (({ table, column }: ColumnTitle<TData, TValue>) => React.ReactNode) | React.ReactNode;
@@ -498,8 +479,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;
@@ -735,6 +714,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;
@@ -881,7 +876,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 | HTMLHeadingElement | HTMLParagraphElement | HTMLUListElement | HTMLInputElement | HTMLLabelElement | 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;
@@ -938,7 +933,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;
@@ -1060,5 +1059,100 @@ 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>>;
+};
+
+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, 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,20 @@ 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';
+import 'react';
+import 'react-day-picker';
+import 'clsx';
+import 'tailwind-merge';
+import 'date-fns';
+import 'lucide-react';
+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';