lecom-ui 5.3.76 → 5.3.77

package/README.md

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

package/dist/components/Collapse/Collapse.js

@@ -0,0 +1,94 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { cva } from 'class-variance-authority';
+import { ChevronRight } from 'lucide-react';
+
+const collapseTriggerVariants = cva(
+  "flex items-center justify-between w-full transition-all text-left outline-none data-[state=open]:font-semibold",
+  {
+    variants: {
+      size: {
+        small: "text-sm py-1.5 px-4 min-h-8",
+        medium: "text-base py-2.5 px-4 min-h-10",
+        large: "text-lg py-3 px-4 min-h-12"
+      },
+      ghost: {
+        true: "bg-transparent border-none",
+        false: "border-t-none border-grey-400"
+      }
+    },
+    defaultVariants: {
+      size: "large",
+      ghost: false
+    }
+  }
+);
+const CollapseRoot = AccordionPrimitive.Root;
+const CollapseItem = AccordionPrimitive.Item;
+const CollapsePanel = React.forwardRef(
+  ({
+    header,
+    children,
+    extra,
+    expandIconPosition = "start",
+    size = "large",
+    ghost = false,
+    disabled = false,
+    className,
+    ...props
+  }, ref) => /* @__PURE__ */ React.createElement(
+    CollapseItem,
+    {
+      ref,
+      ...props,
+      className: cn(
+        "group w-full",
+        disabled && "pointer-events-none opacity-50",
+        className
+      )
+    },
+    /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { asChild: true }, /* @__PURE__ */ React.createElement(
+      AccordionPrimitive.Trigger,
+      {
+        disabled,
+        className: cn(
+          collapseTriggerVariants({ size, ghost }),
+          "flex gap-2 items-center text-left font-normal"
+        )
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "flex flex-1 items-center justify-between gap-4 w-full",
+            expandIconPosition === "end" ? "flex-row-reverse" : ""
+          )
+        },
+        /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 truncate" }, /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            className: "flex items-center justify-center flex-shrink-0 min-w-4 min-h-4 transition-transform duration-300 group-data-[state=open]:rotate-90 text-grey-700 text-lg select-none font-normal"
+          },
+          /* @__PURE__ */ React.createElement(ChevronRight, { className: "size-4" })
+        ), /* @__PURE__ */ React.createElement("span", { className: "font-normal" }, header)),
+        extra && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-grey-500" }, extra)
+      )
+    )),
+    /* @__PURE__ */ React.createElement(
+      AccordionPrimitive.Content,
+      {
+        className: cn(
+          "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"
+        )
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "text-sm text-grey-800 pt-2 pb-4 px-4" }, children)
+    )
+  )
+);
+CollapsePanel.displayName = "CollapsePanel";
+const Collapse = Object.assign(CollapseRoot, {
+  Panel: CollapsePanel
+});
+
+export { Collapse, collapseTriggerVariants };

package/dist/components/Combobox/Combobox.js

@@ -22,19 +22,21 @@ const SEARCH_INPUT_CLASSES = {
   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;
+const normalize = (s) => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+const matchesSearch = (text, searchTerm) => normalize(text).includes(normalize(searchTerm));
+const filterOption = (option, search) => matchesSearch(option.label, search) || matchesSearch(option.value, search);
+const filterComboboxOptions = (opts, search) => {
+  const normalizedSearch = normalize(search);
+  if (!normalizedSearch) return opts;
   return opts.reduce((acc, item) => {
     if (isComboboxGroup(item)) {
       const filteredOptions = item.options.filter(
-        (opt) => filterOption(opt, searchLower)
+        (opt) => filterOption(opt, normalizedSearch)
       );
       if (filteredOptions.length > 0) {
         acc.push({ ...item, options: filteredOptions });
       }
-    } else if (filterOption(item, searchLower)) {
+    } else if (filterOption(item, normalizedSearch)) {
       acc.push(item);
     }
     return acc;
@@ -54,22 +56,27 @@ const getFontVariant = (size) => {
   return sizeMap[size ?? "medium"];
 };
 const comboboxItemVariants = cva(
-  "text-grey-800 flex items-center justify-start gap-2 hover:bg-grey-50 hover:cursor-pointer",
+  "text-grey-800 flex items-start justify-start gap-2 hover:bg-grey-50 hover:cursor-pointer py-1 w-full",
   {
     variants: {
       size: {
-        small: "h-6 body-small-400",
-        medium: "h-7 body-medium-400",
-        large: "h-8 body-large-400"
+        small: "body-small-400",
+        medium: "body-medium-400",
+        large: "body-large-400"
       },
       disabled: {
         true: "text-grey-400 pointer-events-none",
         false: ""
+      },
+      selected: {
+        true: "bg-grey-100 font-medium text-grey-900",
+        false: ""
       }
     },
     defaultVariants: {
       size: "medium",
-      disabled: false
+      disabled: false,
+      selected: false
     }
   }
 );
@@ -90,28 +97,41 @@ const ComboboxItemContent = ({
   const checkIconSize = CHECK_ICON_SIZES[size];
   const isDisabled = option.disabled || false;
   const textColor = isDisabled ? "text-grey-400" : "text-grey-800";
+  const isSelected = option.value === value;
   return /* @__PURE__ */ React.createElement(
     CommandItem,
     {
       key: option.value,
       onSelect: handleSelect,
+      "data-combobox-value": option.value,
+      tabIndex: isSelected ? 0 : -1,
       className: cn(
         comboboxItemVariants({
           size,
-          disabled: isDisabled
+          disabled: isDisabled,
+          selected: isSelected
         }),
         itemsClassName
-      )
+      ),
+      "aria-current": isSelected ? "true" : void 0
     },
-    /* @__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(
+    /* @__PURE__ */ React.createElement(Typography, { className: "w-4 h-4 flex items-start justify-center shrink-0 pt-1" }, option.value === value && /* @__PURE__ */ React.createElement(
+      Check,
+      {
+        className: cn(textColor, isSelected ? "text-primary-600" : ""),
+        size: checkIconSize,
+        strokeWidth: isSelected ? 2.5 : 2
+      }
+    )),
+    option.prefix && /* @__PURE__ */ React.createElement(Typography, { className: cn("mr-2 flex items-start shrink-0", textColor) }, option.prefix),
+    /* @__PURE__ */ React.createElement(
       Typography,
       {
-        className: cn("mr-2 flex items-center shrink-0", textColor)
+        variant: fontVariant,
+        className: cn(textColor, "whitespace-normal")
       },
-      option.prefix
-    ),
-    /* @__PURE__ */ React.createElement(Typography, { variant: fontVariant, className: textColor }, option.label)
+      option.label
+    )
   );
 };
 ComboboxItemContent.displayName = "ComboboxItemContent";
@@ -258,8 +278,9 @@ function Combobox({
 }) {
   const [open, setOpen] = React.useState(false);
   const [search, setSearch] = React.useState("");
+  const commandListRef = React.useRef(null);
   const filteredOptions = React.useMemo(
-    () => !search ? options : filterComboboxOptions(options, search.toLowerCase()),
+    () => !search ? options : filterComboboxOptions(options, search),
     [options, search]
   );
   const selectedOption = React.useMemo(
@@ -271,6 +292,18 @@ function Combobox({
   const handleClose = React.useCallback(() => {
     setOpen(false);
   }, []);
+  React.useEffect(() => {
+    if (!open) return;
+    if (!value) return;
+    requestAnimationFrame(() => {
+      const el = commandListRef.current?.querySelector(
+        `[data-combobox-value="${value}"]`
+      );
+      if (el) {
+        el.scrollIntoView({ block: "nearest" });
+      }
+    });
+  }, [open, value]);
   React.useEffect(() => {
     if (!open) {
       setSearch("");
@@ -306,8 +339,10 @@ function Combobox({
         onValueChange: setSearch
       }
     ), /* @__PURE__ */ React.createElement(
-      CommandList,
+      "div",
       {
+        ref: commandListRef,
+        key: search,
         className: cn(
           "max-h-44 overflow-y-auto overflow-x-hidden",
           "[&::-webkit-scrollbar]:w-1.5",
@@ -318,8 +353,7 @@ function Combobox({
           contentClassName
         )
       },
-      /* @__PURE__ */ React.createElement(CommandEmpty, null, notFoundContent),
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(CommandList, { className: "overflow-visible" }, /* @__PURE__ */ React.createElement(CommandEmpty, null, notFoundContent), /* @__PURE__ */ React.createElement(
         ComboboxOptionsList,
         {
           items: filteredOptions,
@@ -329,7 +363,7 @@ function Combobox({
           itemsClassName,
           size
         }
-      )
+      ))
     ))
   ));
 }

package/dist/components/MultiSelect/MultiSelect.js

@@ -69,6 +69,11 @@ const MultiSelect = React.forwardRef(
     const handleTogglePopover = () => {
       setIsPopoverOpen((prev) => !prev);
     };
+    const clearExtraOptions = () => {
+      const newSelectedValues = selectedValues.slice(0, maxCount);
+      setSelectedValues(newSelectedValues);
+      onValueChange(newSelectedValues);
+    };
     const toggleAll = () => {
       if (treeOptions && treeOptions.length) {
         const gather = (acc, nodes) => {
@@ -372,17 +377,8 @@ const MultiSelect = React.forwardRef(
           "aria-expanded": isPopoverOpen
         },
         selectedValues.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1" }, selectedValues.slice(0, maxCount).map((value2) => {
-          const selectedOption = options.find((o) => o.value === value2);
-          const label = findTreeLabel(value2) || selectedOption?.label || value2;
-          const prefix = selectedOption?.prefix;
-          return /* @__PURE__ */ React.createElement(Tag, { key: value2, color: "blue", className: "focus:ring-0 flex items-center gap-1" }, prefix && /* @__PURE__ */ React.createElement(
-            Typography,
-            {
-              className: "flex items-center flex-shrink-0 [&_svg]:text-blue-600",
-              textColor: "text-blue-600"
-            },
-            prefix
-          ), /* @__PURE__ */ React.createElement(
+          const label = findTreeLabel(value2) || options.find((o) => o.value === value2)?.label || value2;
+          return /* @__PURE__ */ React.createElement(Tag, { key: value2, color: "blue", className: "focus:ring-0" }, /* @__PURE__ */ React.createElement(
             Typography,
             {
               variant: "body-small-400",
@@ -399,7 +395,16 @@ const MultiSelect = React.forwardRef(
               }
             }
           ));
-        }), selectedValues.length > maxCount && /* @__PURE__ */ React.createElement(Tag, { color: "blue", className: "focus:ring-0" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600" }, `+ ${selectedValues.length - maxCount}`))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement(
+        }), selectedValues.length > maxCount && /* @__PURE__ */ React.createElement(Tag, { color: "blue", className: "focus:ring-0" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600" }, `+ ${selectedValues.length - maxCount}`), /* @__PURE__ */ React.createElement(
+          X,
+          {
+            className: "h-4 w-4 cursor-pointer flex-shrink-0",
+            onClick: (event) => {
+              event.stopPropagation();
+              clearExtraOptions();
+            }
+          }
+        ))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement(
           X,
           {
             className: "h-4 mx-2 cursor-pointer text-grey-800",
@@ -485,7 +490,6 @@ const MultiSelect = React.forwardRef(
                   },
                   /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" })
                 ),
-                option.prefix && /* @__PURE__ */ React.createElement(Typography, { className: "flex items-center flex-shrink-0 mr-2" }, option.prefix),
                 /* @__PURE__ */ React.createElement(
                   "span",
                   {
@@ -518,7 +522,6 @@ const MultiSelect = React.forwardRef(
               },
               /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" })
             ),
-            option.prefix && /* @__PURE__ */ React.createElement(Typography, { className: "flex items-center flex-shrink-0 mr-2" }, option.prefix),
             /* @__PURE__ */ React.createElement(
               "span",
               {

package/dist/components/NumberControl/NumberControl.js

@@ -9,22 +9,28 @@ const NumberControl = ({
   label,
   value,
   onChange,
-  placeholder = "",
+  placeholder,
   required = false,
-  min = 0,
+  min,
+  max,
+  maxDigits,
   className = "",
   labelClassName = "",
   info = false,
   labelPosition = "top"
 }) => {
+  const defaultPlaceholder = maxDigits ? "0".repeat(maxDigits) : "0";
+  const finalPlaceholder = placeholder ?? defaultPlaceholder;
   const handleIncrement = () => {
-    const current = parseInt(value, 10) || 0;
-    const newValue = (current + 1).toString();
-    onChange(newValue);
+    const current = typeof value === "number" ? value : parseInt(value, 10) || 0;
+    if (max === void 0 || current < max) {
+      const newValue = (current + 1).toString();
+      onChange(newValue);
+    }
   };
   const handleDecrement = () => {
-    const current = parseInt(value, 10) || 0;
-    if (current > min) {
+    const current = typeof value === "number" ? value : parseInt(value, 10) || 0;
+    if (min === void 0 || current > min) {
       const newValue = (current - 1).toString();
       onChange(newValue);
     }
@@ -35,8 +41,13 @@ const NumberControl = ({
       onChange("");
       return;
     }
+    if (maxDigits && numbersOnly.length > maxDigits) {
+      return;
+    }
     const numValue = parseInt(numbersOnly, 10);
-    if (numValue >= min) {
+    const isAboveMin = min === void 0 || numValue >= min;
+    const isBelowMax = max === void 0 || numValue <= max;
+    if (isAboveMin && isBelowMax) {
       onChange(numbersOnly);
     }
   };
@@ -58,7 +69,7 @@ const NumberControl = ({
       onChange: (e) => handleInputChange(e.target.value),
       className: "text-center flex-1 px-10 w-full",
       containerClassName: "w-full",
-      placeholder,
+      placeholder: finalPlaceholder,
       prefixInset: /* @__PURE__ */ React__default.createElement(
         Minus,
         {

package/dist/index.d.ts

@@ -756,9 +756,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
 }
 
 declare const inputVariants: (props?: ({
-    variant?: "filled" | "default" | "borderless" | null | undefined;
-    size?: "small" | "large" | "default" | null | undefined;
-    radius?: "small" | "large" | "default" | "full" | null | undefined;
+    variant?: "default" | "filled" | "borderless" | null | undefined;
+    size?: "small" | "default" | "large" | null | undefined;
+    radius?: "small" | "default" | "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;
@@ -803,7 +803,6 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
     options?: {
         label: string;
         value: string;
-        prefix?: React$1.ReactNode;
     }[];
     onValueChange: (value: string[]) => void;
     value?: string[];
@@ -823,7 +822,6 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
     filterFn?: (query: string, option: {
         label: string;
         value: string;
-        prefix?: React$1.ReactNode;
     }) => number | false;
     searchStrategy?: 'simple' | 'ranked';
     highlightMatches?: boolean;
@@ -833,16 +831,10 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
         [categoryName: string]: {
             label: string;
             value: string;
-            prefix?: React$1.ReactNode;
         }[];
     };
     classNameContent?: string;
 }
-interface MultiSelectOption {
-    label: string;
-    value: string;
-    prefix?: React$1.ReactNode;
-}
 interface MultiSelectTreeOption {
     label: string;
     value: string;
@@ -947,17 +939,19 @@ declare function useNotificationToast(): {
 
 interface NumberControlProps {
     label: string;
-    value: string;
+    value: string | number;
     onChange: (value: string) => void;
     placeholder?: string;
     required?: boolean;
     min?: number;
+    max?: number;
+    maxDigits?: number;
     className?: string;
     labelClassName?: string;
     info?: boolean;
     labelPosition?: 'top' | 'bottom';
 }
-declare const NumberControl: ({ label, value, onChange, placeholder, required, min, className, labelClassName, info, labelPosition, }: NumberControlProps) => React__default.JSX.Element;
+declare const NumberControl: ({ label, value, onChange, placeholder, required, min, max, maxDigits, className, labelClassName, info, labelPosition, }: NumberControlProps) => React__default.JSX.Element;
 
 declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -967,7 +961,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 | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLButtonElement | 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<HTMLElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLDivElement | HTMLButtonElement | 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;
@@ -1132,10 +1126,10 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const textareaVariants: (props?: ({
-    variant?: "filled" | "default" | "borderless" | null | undefined;
-    size?: "small" | "large" | "default" | null | undefined;
-    radius?: "small" | "large" | "default" | "full" | null | undefined;
-    resize?: "both" | "horizontal" | "vertical" | "default" | "vertical-limited" | null | undefined;
+    variant?: "default" | "filled" | "borderless" | null | undefined;
+    size?: "small" | "default" | "large" | null | undefined;
+    radius?: "small" | "default" | "large" | "full" | null | undefined;
+    resize?: "default" | "both" | "horizontal" | "vertical" | "vertical-limited" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
 }
@@ -1272,7 +1266,7 @@ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dial
 declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
@@ -1295,4 +1289,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, 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, MultiSelectOption, 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 };