lecom-ui 5.3.75 → 5.3.76

package/README.md

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

package/dist/components/Combobox/Combobox.js

@@ -22,21 +22,19 @@ 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 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;
+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, normalizedSearch)
+        (opt) => filterOption(opt, searchLower)
       );
       if (filteredOptions.length > 0) {
         acc.push({ ...item, options: filteredOptions });
       }
-    } else if (filterOption(item, normalizedSearch)) {
+    } else if (filterOption(item, searchLower)) {
       acc.push(item);
     }
     return acc;
@@ -56,27 +54,22 @@ const getFontVariant = (size) => {
   return sizeMap[size ?? "medium"];
 };
 const comboboxItemVariants = cva(
-  "text-grey-800 flex items-start justify-start gap-2 hover:bg-grey-50 hover:cursor-pointer py-1 w-full",
+  "text-grey-800 flex items-center justify-start gap-2 hover:bg-grey-50 hover:cursor-pointer",
   {
     variants: {
       size: {
-        small: "body-small-400",
-        medium: "body-medium-400",
-        large: "body-large-400"
+        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: ""
-      },
-      selected: {
-        true: "bg-grey-100 font-medium text-grey-900",
-        false: ""
       }
     },
     defaultVariants: {
       size: "medium",
-      disabled: false,
-      selected: false
+      disabled: false
     }
   }
 );
@@ -97,41 +90,28 @@ 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,
-          selected: isSelected
+          disabled: isDisabled
         }),
         itemsClassName
-      ),
-      "aria-current": isSelected ? "true" : void 0
+      )
     },
-    /* @__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(
+    /* @__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,
       {
-        variant: fontVariant,
-        className: cn(textColor, "whitespace-normal")
+        className: cn("mr-2 flex items-center shrink-0", textColor)
       },
-      option.label
-    )
+      option.prefix
+    ),
+    /* @__PURE__ */ React.createElement(Typography, { variant: fontVariant, className: textColor }, option.label)
   );
 };
 ComboboxItemContent.displayName = "ComboboxItemContent";
@@ -278,9 +258,8 @@ 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),
+    () => !search ? options : filterComboboxOptions(options, search.toLowerCase()),
     [options, search]
   );
   const selectedOption = React.useMemo(
@@ -292,18 +271,6 @@ 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("");
@@ -339,10 +306,8 @@ function Combobox({
         onValueChange: setSearch
       }
     ), /* @__PURE__ */ React.createElement(
-      "div",
+      CommandList,
       {
-        ref: commandListRef,
-        key: search,
         className: cn(
           "max-h-44 overflow-y-auto overflow-x-hidden",
           "[&::-webkit-scrollbar]:w-1.5",
@@ -353,7 +318,8 @@ function Combobox({
           contentClassName
         )
       },
-      /* @__PURE__ */ React.createElement(CommandList, { className: "overflow-visible" }, /* @__PURE__ */ React.createElement(CommandEmpty, null, notFoundContent), /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(CommandEmpty, null, notFoundContent),
+      /* @__PURE__ */ React.createElement(
         ComboboxOptionsList,
         {
           items: filteredOptions,
@@ -363,7 +329,7 @@ function Combobox({
           itemsClassName,
           size
         }
-      ))
+      )
     ))
   ));
 }

package/dist/components/MultiSelect/MultiSelect.js

@@ -69,11 +69,6 @@ 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) => {
@@ -377,8 +372,17 @@ 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 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(
+          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(
             Typography,
             {
               variant: "body-small-400",
@@ -395,16 +399,7 @@ 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(
-          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(
+        }), 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(
           X,
           {
             className: "h-4 mx-2 cursor-pointer text-grey-800",
@@ -490,6 +485,7 @@ 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",
                   {
@@ -522,6 +518,7 @@ 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,28 +9,22 @@ const NumberControl = ({
   label,
   value,
   onChange,
-  placeholder,
+  placeholder = "",
   required = false,
-  min,
-  max,
-  maxDigits,
+  min = 0,
   className = "",
   labelClassName = "",
   info = false,
   labelPosition = "top"
 }) => {
-  const defaultPlaceholder = maxDigits ? "0".repeat(maxDigits) : "0";
-  const finalPlaceholder = placeholder ?? defaultPlaceholder;
   const handleIncrement = () => {
-    const current = typeof value === "number" ? value : parseInt(value, 10) || 0;
-    if (max === void 0 || current < max) {
-      const newValue = (current + 1).toString();
-      onChange(newValue);
-    }
+    const current = parseInt(value, 10) || 0;
+    const newValue = (current + 1).toString();
+    onChange(newValue);
   };
   const handleDecrement = () => {
-    const current = typeof value === "number" ? value : parseInt(value, 10) || 0;
-    if (min === void 0 || current > min) {
+    const current = parseInt(value, 10) || 0;
+    if (current > min) {
       const newValue = (current - 1).toString();
       onChange(newValue);
     }
@@ -41,13 +35,8 @@ const NumberControl = ({
       onChange("");
       return;
     }
-    if (maxDigits && numbersOnly.length > maxDigits) {
-      return;
-    }
     const numValue = parseInt(numbersOnly, 10);
-    const isAboveMin = min === void 0 || numValue >= min;
-    const isBelowMax = max === void 0 || numValue <= max;
-    if (isAboveMin && isBelowMax) {
+    if (numValue >= min) {
       onChange(numbersOnly);
     }
   };
@@ -69,7 +58,7 @@ const NumberControl = ({
       onChange: (e) => handleInputChange(e.target.value),
       className: "text-center flex-1 px-10 w-full",
       containerClassName: "w-full",
-      placeholder: finalPlaceholder,
+      placeholder,
       prefixInset: /* @__PURE__ */ React__default.createElement(
         Minus,
         {

package/dist/index.d.ts

@@ -803,6 +803,7 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
     options?: {
         label: string;
         value: string;
+        prefix?: React$1.ReactNode;
     }[];
     onValueChange: (value: string[]) => void;
     value?: string[];
@@ -822,6 +823,7 @@ 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;
@@ -831,10 +833,16 @@ 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;
@@ -939,19 +947,17 @@ declare function useNotificationToast(): {
 
 interface NumberControlProps {
     label: string;
-    value: string | number;
+    value: string;
     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, max, maxDigits, className, labelClassName, info, labelPosition, }: NumberControlProps) => React__default.JSX.Element;
+declare const NumberControl: ({ label, value, onChange, placeholder, required, min, 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>>;
@@ -961,7 +967,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 | HTMLDivElement | HTMLButtonElement | 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 | 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"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -1289,4 +1295,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, 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, MultiSelectOption, 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 };