lecom-ui 5.3.63 → 5.3.65

package/README.md

@@ -1 +1 @@
-lecom-ui
+lecom-ui

package/dist/components/Combobox/Combobox.js

@@ -1,128 +1,314 @@
 import * as React from 'react';
-import { ChevronUpIcon, ChevronDownIcon } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { ChevronUpIcon, ChevronDownIcon, Check } from 'lucide-react';
 import { cn } from '../../lib/utils.js';
 import { Button } from '../Button/Button.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../Command/Command.js';
+import { CommandGroup, CommandItem, Command, CommandInput, CommandList, CommandEmpty } from '../Command/Command.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../Popover/Popover.js';
+import { ScrollArea } from '../ScrollArea/ScrollArea.js';
 import { Typography } from '../Typography/Typography.js';
 
+const DEFAULT_PLACEHOLDER = "Selecione...";
+const DEFAULT_NOT_FOUND_CONTENT = "Nenhuma op\xE7\xE3o encontrada.";
+const DEFAULT_SEARCH_TERM = "Pesquisar...";
+const ICON_SIZE = 20;
+const CHECK_ICON_SIZES = {
+  small: 12,
+  medium: 14,
+  large: 16
+};
+const SEARCH_INPUT_CLASSES = {
+  small: "[&_[cmdk-input]]:h-7 [&_[cmdk-input]]:body-small-400 [&_svg]:text-grey-800 [&_svg]:opacity-100 [&_svg]:h-4 [&_svg]:w-4",
+  medium: "[&_[cmdk-input]]:h-8 [&_[cmdk-input]]:body-medium-400 [&_svg]:text-grey-800 [&_svg]:opacity-100 [&_svg]:h-4 [&_svg]:w-4",
+  large: "[&_[cmdk-input]]:h-9 [&_[cmdk-input]]:body-large-400 [&_svg]:text-grey-800 [&_svg]:opacity-100 [&_svg]:h-4 [&_svg]:w-4"
+};
+const isComboboxGroup = (item) => "options" in item && Array.isArray(item.options);
+const matchesSearch = (text, searchTerm) => text.toLowerCase().includes(searchTerm);
+const filterOption = (option, searchLower) => matchesSearch(option.label, searchLower) || matchesSearch(option.value, searchLower);
+const filterComboboxOptions = (opts, searchLower) => {
+  if (!searchLower.trim()) return opts;
+  return opts.reduce((acc, item) => {
+    if (isComboboxGroup(item)) {
+      const filteredOptions = item.options.filter(
+        (opt) => filterOption(opt, searchLower)
+      );
+      if (filteredOptions.length > 0) {
+        acc.push({ ...item, options: filteredOptions });
+      }
+    } else if (filterOption(item, searchLower)) {
+      acc.push(item);
+    }
+    return acc;
+  }, []);
+};
+const getAllOptions = (items) => items.flatMap((item) => isComboboxGroup(item) ? item.options : [item]);
+const getSelectedOption = (options, value) => {
+  if (!value) return void 0;
+  return getAllOptions(options).find((opt) => opt.value === value);
+};
+const getFontVariant = (size) => {
+  const sizeMap = {
+    small: "body-small-400",
+    medium: "body-medium-400",
+    large: "body-large-400"
+  };
+  return sizeMap[size ?? "medium"];
+};
+const comboboxItemVariants = cva(
+  "text-grey-800 flex items-center justify-start gap-2 hover:bg-grey-50 hover:cursor-pointer",
+  {
+    variants: {
+      size: {
+        small: "h-6 body-small-400",
+        medium: "h-7 body-medium-400",
+        large: "h-8 body-large-400"
+      },
+      disabled: {
+        true: "text-grey-400 pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "medium",
+      disabled: false
+    }
+  }
+);
+const ComboboxItemContent = ({
+  option,
+  value,
+  onChange,
+  onClose,
+  itemsClassName,
+  size = "medium"
+}) => {
+  const handleSelect = () => {
+    if (option.disabled) return;
+    onChange(option.value === value ? null : option.value);
+    onClose();
+  };
+  const fontVariant = getFontVariant(size);
+  const checkIconSize = CHECK_ICON_SIZES[size];
+  const isDisabled = option.disabled || false;
+  const textColor = isDisabled ? "text-grey-400" : "text-grey-800";
+  return /* @__PURE__ */ React.createElement(
+    CommandItem,
+    {
+      key: option.value,
+      onSelect: handleSelect,
+      className: cn(
+        comboboxItemVariants({
+          size,
+          disabled: isDisabled
+        }),
+        itemsClassName
+      )
+    },
+    /* @__PURE__ */ React.createElement(Typography, { className: "w-4 h-4 flex items-center justify-center shrink-0 py-1" }, option.value === value && /* @__PURE__ */ React.createElement(Check, { className: textColor, size: checkIconSize, strokeWidth: 2 })),
+    option.prefix && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        className: cn("mr-2 flex items-center shrink-0", textColor)
+      },
+      option.prefix
+    ),
+    /* @__PURE__ */ React.createElement(Typography, { variant: fontVariant, className: textColor }, option.label)
+  );
+};
+ComboboxItemContent.displayName = "ComboboxItemContent";
+const ComboboxOptionsList = React.memo(
+  ({ items, value, onChange, onClose, itemsClassName, size }) => /* @__PURE__ */ React.createElement(React.Fragment, null, items.map(
+    (item, idx) => isComboboxGroup(item) ? /* @__PURE__ */ React.createElement(CommandGroup, { key: `${item.label}-${idx}`, heading: item.label }, item.options.map((opt) => /* @__PURE__ */ React.createElement(
+      ComboboxItemContent,
+      {
+        key: opt.value,
+        option: opt,
+        value,
+        onChange,
+        onClose,
+        itemsClassName,
+        size
+      }
+    ))) : /* @__PURE__ */ React.createElement(
+      ComboboxItemContent,
+      {
+        key: item.value,
+        option: item,
+        value,
+        onChange,
+        onClose,
+        itemsClassName,
+        size
+      }
+    )
+  ))
+);
+ComboboxOptionsList.displayName = "ComboboxOptionsList";
+const comboboxTriggerVariants = cva(
+  "w-full px-4 text-left shadow-sm flex items-center justify-between transition",
+  {
+    variants: {
+      size: {
+        small: "h-8",
+        medium: "h-10",
+        large: "h-12"
+      },
+      rounded: {
+        default: "rounded-md",
+        full: "rounded-full"
+      },
+      status: {
+        default: "border border-grey-400 hover:border-grey-500 focus:border-grey-400 focus:ring-grey-600 focus:ring-opacity-15 focus:ring-4 outline-none",
+        error: "border-none focus:border-none focus:ring-0 outline-red-600"
+      },
+      disabled: {
+        true: "disabled:bg-grey-100 pointer-events-none",
+        false: "bg-white hover:bg-white focus:!bg-white active:!bg-white"
+      }
+    },
+    defaultVariants: {
+      size: "medium",
+      rounded: "default",
+      status: "default",
+      disabled: false
+    }
+  }
+);
+const ComboboxTriggerButton = React.forwardRef(
+  ({
+    open,
+    disabled = false,
+    value,
+    selectedLabel,
+    selectedPrefix,
+    rounded,
+    status,
+    triggerClassName,
+    size = "medium",
+    ...props
+  }, ref) => {
+    const fontVariant = getFontVariant(size ?? "medium");
+    const hasValue = Boolean(value);
+    const colorClass = React.useMemo(() => {
+      if (hasValue) return "text-grey-800";
+      if (disabled) return "text-grey-400";
+      return "text-grey-500";
+    }, [hasValue, disabled]);
+    const ChevronIcon = open ? ChevronUpIcon : ChevronDownIcon;
+    return /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        ref,
+        type: "button",
+        role: "combobox",
+        "aria-expanded": open,
+        className: cn(
+          comboboxTriggerVariants({
+            size,
+            rounded,
+            status,
+            disabled
+          }),
+          triggerClassName
+        ),
+        disabled: disabled ?? false,
+        ...props
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 truncate max-w-[calc(100%-2.5rem)]" }, selectedPrefix && /* @__PURE__ */ React.createElement(Typography, { className: "flex items-center shrink-0" }, selectedPrefix), /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          className: cn("truncate", colorClass),
+          variant: fontVariant
+        },
+        selectedLabel
+      )),
+      /* @__PURE__ */ React.createElement(
+        ChevronIcon,
+        {
+          className: cn("ml-2 shrink-0", colorClass),
+          size: ICON_SIZE
+        }
+      )
+    );
+  }
+);
+ComboboxTriggerButton.displayName = "ComboboxTriggerButton";
 function Combobox({
   options,
   value,
   onChange,
-  placeholder = "Selecione...",
+  placeholder = DEFAULT_PLACEHOLDER,
   disabled = false,
-  notFoundContent = "Nenhuma op\xE7\xE3o encontrada.",
+  notFoundContent = DEFAULT_NOT_FOUND_CONTENT,
   status = "default",
-  searchTerm = "Pesquisar...",
+  searchTerm = DEFAULT_SEARCH_TERM,
   triggerClassName,
-  contentClassName
+  contentClassName,
+  itemsClassName,
+  rounded = "default",
+  showSearch = true,
+  size = "medium"
 }) {
   const [open, setOpen] = React.useState(false);
   const [search, setSearch] = React.useState("");
-  const filterOptions = React.useCallback(
-    (opts) => {
-      const searchLower = search.toLowerCase();
-      return opts.map((item) => {
-        if ("options" in item) {
-          const filtered = item.options.filter(
-            (opt) => opt.label.toLowerCase().includes(searchLower) || opt.value.toLowerCase().includes(searchLower)
-          );
-          if (!filtered.length) return null;
-          return { ...item, options: filtered };
-        }
-        return item.label.toLowerCase().includes(searchLower) || item.value.toLowerCase().includes(searchLower) ? item : null;
-      }).filter(Boolean);
-    },
-    [search]
-  );
   const filteredOptions = React.useMemo(
-    () => !search ? options : filterOptions(options),
-    [options, search, filterOptions]
+    () => !search ? options : filterComboboxOptions(options, search.toLowerCase()),
+    [options, search]
+  );
+  const selectedOption = React.useMemo(
+    () => getSelectedOption(options, value),
+    [options, value]
   );
-  const selectedLabel = options.flatMap((opt) => "options" in opt ? opt.options : [opt]).find((opt) => opt.value === value)?.label || placeholder;
+  const selectedLabel = selectedOption?.label || placeholder;
+  const selectedPrefix = selectedOption?.prefix;
+  const handleClose = React.useCallback(() => {
+    setOpen(false);
+  }, []);
   React.useEffect(() => {
-    if (!open) setSearch("");
+    if (!open) {
+      setSearch("");
+    }
   }, [open]);
-  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true, className: cn(contentClassName) }, /* @__PURE__ */ React.createElement(
-    Button,
+  return /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+    ComboboxTriggerButton,
+    {
+      open,
+      disabled,
+      value,
+      selectedLabel,
+      selectedPrefix,
+      rounded,
+      status,
+      triggerClassName,
+      size
+    }
+  )), /* @__PURE__ */ React.createElement(
+    PopoverContent,
     {
-      type: "button",
-      role: "combobox",
-      "aria-expanded": open,
       className: cn(
-        triggerClassName,
-        "w-full h-10 bg-white rounded-md px-3 text-left shadow-sm flex items-center justify-between transition",
-        status === "error" ? "border border-red-500 hover:ring-1 hover:ring-red-500 focus:ring-1 focus:ring-red-500" : "border border-gray-300 hover:ring-1 hover:ring-blue-600 focus:ring-1 focus:ring-blue-600",
-        !value && "text-gray-400",
-        disabled && "opacity-50 pointer-events-none",
-        "hover:bg-white focus:!bg-white active:!bg-white"
-      ),
-      disabled
+        "w-[var(--radix-popover-trigger-width)] pt-0 px-1 pb-1",
+        contentClassName
+      )
     },
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          value ? "text-black" : "text-gray-400",
-          "font-normal truncate max-w-[calc(100%-2.5rem)]"
-        )
-      },
-      /* @__PURE__ */ React.createElement(Typography, { variant: "body-medium-400" }, selectedLabel)
-    ),
-    open ? /* @__PURE__ */ React.createElement(
-      ChevronUpIcon,
+    /* @__PURE__ */ React.createElement(Command, { shouldFilter: false, className: SEARCH_INPUT_CLASSES[size] }, showSearch && /* @__PURE__ */ React.createElement(
+      CommandInput,
       {
-        className: "ml-2 h-4 w-4 shrink-0 text-gray-400",
-        color: "black"
+        placeholder: searchTerm,
+        value: search,
+        onValueChange: setSearch
       }
-    ) : /* @__PURE__ */ React.createElement(
-      ChevronDownIcon,
+    ), /* @__PURE__ */ React.createElement(ScrollArea, { className: cn("max-h-44", contentClassName) }, /* @__PURE__ */ React.createElement(CommandList, { className: "overflow-visible" }, /* @__PURE__ */ React.createElement(CommandEmpty, null, notFoundContent), /* @__PURE__ */ React.createElement(
+      ComboboxOptionsList,
       {
-        className: "ml-2 h-4 w-4 shrink-0 text-gray-400",
-        color: "black"
+        items: filteredOptions,
+        value,
+        onChange,
+        onClose: handleClose,
+        itemsClassName,
+        size
       }
-    )
-  )), /* @__PURE__ */ React.createElement(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0" }, /* @__PURE__ */ React.createElement(Command, null, /* @__PURE__ */ React.createElement(
-    CommandInput,
-    {
-      placeholder: searchTerm,
-      value: search,
-      onValueChange: setSearch
-    }
-  ), /* @__PURE__ */ React.createElement(CommandList, null, /* @__PURE__ */ React.createElement(CommandEmpty, null, notFoundContent), filteredOptions.map(
-    (item, idx) => "options" in item ? /* @__PURE__ */ React.createElement(CommandGroup, { key: `${item.label}-${idx}`, heading: item.label }, item.options.map((opt) => /* @__PURE__ */ React.createElement(
-      CommandItem,
-      {
-        key: opt.value,
-        onSelect: () => {
-          if (opt.disabled) return;
-          onChange(opt.value === value ? null : opt.value);
-          setOpen(false);
-        },
-        className: cn(
-          opt.value === value ? "bg-blue-100 font-semibold text-black" : "hover:bg-gray-100",
-          opt.disabled && "opacity-50 pointer-events-none"
-        )
-      },
-      opt.label
-    ))) : /* @__PURE__ */ React.createElement(
-      CommandItem,
-      {
-        key: item.value,
-        onSelect: () => {
-          if (item.disabled) return;
-          onChange(item.value === value ? null : item.value);
-          setOpen(false);
-        },
-        className: cn(
-          item.value === value ? "bg-blue-100 font-semibold text-black" : "hover:bg-gray-100",
-          item.disabled && "opacity-50 pointer-events-none"
-        )
-      },
-      item.label
-    )
-  )))));
+    ))))
+  ));
 }
 
 export { Combobox };

package/dist/index.d.ts

@@ -959,7 +959,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<HTMLElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLButtonElement | HTMLDivElement | 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"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLInputElement | HTMLLabelElement | 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;
@@ -1167,10 +1167,15 @@ interface StepsProps {
 }
 declare const Steps: React$1.FC<StepsProps>;
 
+type ComboboxSize = 'small' | 'medium' | 'large';
+type ComboboxFont = 'body-small-400' | 'body-medium-400' | 'body-large-400';
+type ComboboxRounded = 'default' | 'full';
+type ComboboxStatus = 'default' | 'error';
 interface ComboboxOption {
     label: string;
     value: string;
     disabled?: boolean;
+    prefix?: React$1.ReactNode;
 }
 interface ComboboxGroup {
     label: string;
@@ -1183,12 +1188,16 @@ type ComboboxProps = {
     placeholder?: string;
     disabled?: boolean;
     notFoundContent?: React$1.ReactNode;
-    status?: 'default' | 'error';
+    status?: ComboboxStatus;
     searchTerm?: string;
     triggerClassName?: string;
     contentClassName?: string;
+    itemsClassName?: string;
+    rounded?: ComboboxRounded;
+    showSearch?: boolean;
+    size?: ComboboxSize;
 };
-declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, }: ComboboxProps): React$1.JSX.Element;
+declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, itemsClassName, rounded, showSearch, size, }: ComboboxProps): React$1.JSX.Element;
 
 interface TagItem {
     label: string;
@@ -1278,4 +1287,4 @@ interface DateInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
 declare const DateInput: React$1.ForwardRefExoticComponent<DateInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
 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, ColorPicker, Combobox, CustomDivider, MemoizedDataTable as DataTable, DateInput, 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, NumberControl, 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, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spin, Steps, Switch, SyntaxHighlighter, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, 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, ComboboxGroup, ComboboxOption, ComboboxProps, CustomStyles$1 as CustomStyles, DataTableProps, DateInputProps, DatePickerProps, DialogContentProps, ErrorEmptyDisplayProps, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, MultiSelectTreeOption, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, StepsProps, SwitchProps, TableProps, TagInputProps, TagItem, TagProps, TextColor, TextareaProps, TimelineStepItem, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };
+export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, ComboboxFont, ComboboxGroup, ComboboxOption, ComboboxProps, ComboboxRounded, ComboboxSize, ComboboxStatus, CustomStyles$1 as CustomStyles, DataTableProps, DateInputProps, DatePickerProps, DialogContentProps, ErrorEmptyDisplayProps, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, MultiSelectTreeOption, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, StepsProps, SwitchProps, TableProps, TagInputProps, TagItem, TagProps, TextColor, TextareaProps, TimelineStepItem, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };

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