lecom-ui 4.3.7 → 4.4.0

package/dist/components/Accordion/Accordion.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Item, Header, Trigger as Trigger2, Content as Content2, Root as Root2 } from '../../node_modules/@radix-ui/react-accordion/dist/index.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
-import ChevronDown from '../../node_modules/lucide-react/dist/esm/icons/chevron-down.js';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
 
 const accordionVariants = cva(
   "flex flex-1 items-start justify-between gap-4 transition-all text-left [&[data-state=open]>svg]:rotate-180 w-full text-center",
@@ -23,11 +23,11 @@ const accordionVariants = cva(
     }
   }
 );
-const Accordion = Root2;
-const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(Item, { ref, className: cn(className), ...props }));
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
 AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React.forwardRef(({ className, children, variant, size, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement(Header, { className: "" }, /* @__PURE__ */ React.createElement(
-  Trigger2,
+const AccordionTrigger = React.forwardRef(({ className, children, variant, size, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { className: "" }, /* @__PURE__ */ React.createElement(
+  AccordionPrimitive.Trigger,
   {
     ref,
     className: cn(accordionVariants({ variant, size, className })),
@@ -45,9 +45,9 @@ const AccordionTrigger = React.forwardRef(({ className, children, variant, size,
     }
   )
 )));
-AccordionTrigger.displayName = Trigger2.displayName;
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 const AccordionContent = React.forwardRef(({ className, children, disabled = false, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Content2,
+  AccordionPrimitive.Content,
   {
     "aria-disabled": disabled,
     className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
@@ -66,6 +66,6 @@ const AccordionContent = React.forwardRef(({ className, children, disabled = fal
     children
   )
 ));
-AccordionContent.displayName = Content2.displayName;
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionVariants };

package/dist/components/Button/Button.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
+import { cva } from 'class-variance-authority';
 import { CustomButton } from './CustomButton.js';
 
 const buttonVariants = cva(

package/dist/components/Button/CustomButton.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import opacity from '../../_virtual/index.js';
+import opacity from 'hex-color-opacity';
 import { Button } from './Button.js';
 
 const CustomButton = React.forwardRef(

package/dist/components/Checkbox/Checkbox.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Root, Indicator } from '../../node_modules/@radix-ui/react-checkbox/dist/index.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
-import Minus from '../../node_modules/lucide-react/dist/esm/icons/minus.js';
-import Check from '../../node_modules/lucide-react/dist/esm/icons/check.js';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { cva } from 'class-variance-authority';
+import { Minus, Check } from 'lucide-react';
 
 const checkboxVariants = cva(
   "peer relative h-5 w-5 shrink-0 rounded border-2 border-grey-400 transition-all hover:border-grey-500 active:border-grey-700 disabled:cursor-not-allowed disabled:border-grey-300 focus-visible:outline-none focus-visible:before:absolute focus-visible:before:-z-10 focus-visible:before:top-1/2 focus-visible:before:left-1/2 focus-visible:before:transform focus-visible:before:-translate-x-1/2 focus-visible:before:-translate-y-1/2 focus-visible:before:w-10 focus-visible:before:h-10 focus-visible:before:rounded-full focus-visible:before:bg-blue-100",
@@ -30,7 +29,7 @@ const Checkbox = React.forwardRef(
   }, ref) => {
     const id = React.useId();
     return /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(
-      Root,
+      CheckboxPrimitive.Root,
       {
         ref,
         className: cn(
@@ -43,7 +42,7 @@ const Checkbox = React.forwardRef(
         id
       },
       /* @__PURE__ */ React.createElement(
-        Indicator,
+        CheckboxPrimitive.Indicator,
         {
           className: cn("flex items-center justify-center")
         },
@@ -59,6 +58,6 @@ const Checkbox = React.forwardRef(
     ));
   }
 );
-Checkbox.displayName = Root.displayName;
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 export { Checkbox };

package/dist/components/DataTable/DataTable.js

@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { useReactTable, flexRender } from '../../node_modules/@tanstack/react-table/build/lib/index.js';
+import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import { Pagination } from '../Pagination/Pagination.js';
 import { ScrollArea, ScrollBar } from '../ScrollArea/ScrollArea.js';
 import { Skeleton } from '../Skeleton/Skeleton.js';
 import { buildColumns } from './DataTable.utils.js';
-import { getSortedRowModel, getCoreRowModel } from '../../node_modules/@tanstack/table-core/build/lib/index.js';
 
 function DataTable({
   isLoading,

package/dist/components/DataTable/DataTable.utils.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { clsx } from '../../node_modules/clsx/dist/clsx.js';
+import { clsx } from 'clsx';
+import { ArrowUpDown } from 'lucide-react';
 import { Checkbox } from '../Checkbox/Checkbox.js';
 import { Typography } from '../Typography/Typography.js';
-import ArrowUpDown from '../../node_modules/lucide-react/dist/esm/icons/arrow-up-down.js';
 
 function buildHeaderSelect({
   table,

package/dist/components/Dialog/Dialog.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Overlay, Portal, Content, Close, Title, Description, Root, Trigger } from '../../node_modules/@radix-ui/react-dialog/dist/index.js';
-import X from '../../node_modules/lucide-react/dist/esm/icons/x.js';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
 
-const Dialog = Root;
-const DialogTrigger = Trigger;
-const DialogPortal = Portal;
-const DialogClose = Close;
+const Dialog = SheetPrimitive.Root;
+const DialogTrigger = SheetPrimitive.Trigger;
+const DialogPortal = SheetPrimitive.Portal;
+const DialogClose = SheetPrimitive.Close;
 const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Overlay,
+  SheetPrimitive.Overlay,
   {
     ref,
     className: cn(
@@ -18,9 +18,9 @@ const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-DialogOverlay.displayName = Overlay.displayName;
+DialogOverlay.displayName = SheetPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPortal, null, /* @__PURE__ */ React.createElement(DialogOverlay, null), /* @__PURE__ */ React.createElement(
-  Content,
+  SheetPrimitive.Content,
   {
     ref,
     className: cn(
@@ -30,9 +30,9 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
     ...props
   },
   children,
-  /* @__PURE__ */ React.createElement(Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
+  /* @__PURE__ */ React.createElement(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
 )));
-DialogContent.displayName = Content.displayName;
+DialogContent.displayName = SheetPrimitive.Content.displayName;
 const DialogHeader = ({
   className,
   ...props
@@ -62,7 +62,7 @@ const DialogFooter = ({
 );
 DialogFooter.displayName = "DialogFooter";
 const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Title,
+  SheetPrimitive.Title,
   {
     ref,
     className: cn(
@@ -72,15 +72,15 @@ const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-DialogTitle.displayName = Title.displayName;
+DialogTitle.displayName = SheetPrimitive.Title.displayName;
 const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Description,
+  SheetPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
-DialogDescription.displayName = Description.displayName;
+DialogDescription.displayName = SheetPrimitive.Description.displayName;
 
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,18 +1,16 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { SubTrigger as SubTrigger2, SubContent as SubContent2, Portal as Portal2, Content as Content2, Item as Item2, CheckboxItem as CheckboxItem2, ItemIndicator as ItemIndicator2, RadioItem as RadioItem2, Label as Label2, Separator as Separator2, Root as Root2, Trigger, Group as Group2, Sub as Sub2, RadioGroup as RadioGroup2 } from '../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
-import ChevronRight from '../../node_modules/lucide-react/dist/esm/icons/chevron-right.js';
-import Check from '../../node_modules/lucide-react/dist/esm/icons/check.js';
-import Circle from '../../node_modules/lucide-react/dist/esm/icons/circle.js';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { ChevronRight, Check, Circle } from 'lucide-react';
 
-const DropdownMenu = Root2;
-const DropdownMenuTrigger = Trigger;
-const DropdownMenuGroup = Group2;
-const DropdownMenuPortal = Portal2;
-const DropdownMenuSub = Sub2;
-const DropdownMenuRadioGroup = RadioGroup2;
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SubTrigger2,
+  DropdownMenuPrimitive.SubTrigger,
   {
     ref,
     className: cn(
@@ -25,9 +23,9 @@ const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, .
   children,
   /* @__PURE__ */ React.createElement(ChevronRight, { className: "ml-auto" })
 ));
-DropdownMenuSubTrigger.displayName = SubTrigger2.displayName;
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SubContent2,
+  DropdownMenuPrimitive.SubContent,
   {
     ref,
     className: cn(
@@ -37,9 +35,9 @@ const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) =
     ...props
   }
 ));
-DropdownMenuSubContent.displayName = SubContent2.displayName;
-const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(Portal2, null, /* @__PURE__ */ React.createElement(
-  Content2,
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.Content,
   {
     ref,
     sideOffset,
@@ -50,9 +48,9 @@ const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...pr
     ...props
   }
 )));
-DropdownMenuContent.displayName = Content2.displayName;
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Item2,
+  DropdownMenuPrimitive.Item,
   {
     ref,
     className: cn(
@@ -63,9 +61,9 @@ const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref)
     ...props
   }
 ));
-DropdownMenuItem.displayName = Item2.displayName;
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
 const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  CheckboxItem2,
+  DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
     className: cn(
@@ -75,12 +73,12 @@ const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checke
     checked,
     ...props
   },
-  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(ItemIndicator2, null, /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" }))),
   children
 ));
-DropdownMenuCheckboxItem.displayName = CheckboxItem2.displayName;
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
 const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  RadioItem2,
+  DropdownMenuPrimitive.RadioItem,
   {
     ref,
     className: cn(
@@ -89,12 +87,12 @@ const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props
     ),
     ...props
   },
-  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(ItemIndicator2, null, /* @__PURE__ */ React.createElement(Circle, { className: "h-2 w-2 fill-current" }))),
+  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(Circle, { className: "h-2 w-2 fill-current" }))),
   children
 ));
-DropdownMenuRadioItem.displayName = RadioItem2.displayName;
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Label2,
+  DropdownMenuPrimitive.Label,
   {
     ref,
     className: cn(
@@ -105,16 +103,16 @@ const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref)
     ...props
   }
 ));
-DropdownMenuLabel.displayName = Label2.displayName;
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Separator2,
+  DropdownMenuPrimitive.Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
 ));
-DropdownMenuSeparator.displayName = Separator2.displayName;
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 const DropdownMenuShortcut = ({
   className,
   ...props

package/dist/components/Header/Header.js

@@ -1,8 +1,10 @@
 import * as React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Typography } from '../Typography/Typography.js';
 import { cn } from '../../lib/utils.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
-import { colorLuminance } from '../../node_modules/use-color-luminance/index.es.js';
+import { cva } from 'class-variance-authority';
+import { Menu } from 'lucide-react';
+import { colorLuminance } from 'use-color-luminance';
 import { useSidebar } from '../Sidebar/Sidebar.js';
 import { Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip/Tooltip.js';
 import { HelpMenu } from './HelpMenu.js';
@@ -10,8 +12,6 @@ import { ImgBrand } from './ImgBrand.js';
 import { ModulesMenu } from './ModulesMenu.js';
 import { SocialMenu } from './SocialMenu.js';
 import { UserMenu } from './UserMenu.js';
-import { useTranslation } from '../../node_modules/react-i18next/dist/es/useTranslation.js';
-import Menu from '../../node_modules/lucide-react/dist/esm/icons/menu.js';
 
 const headerVariants = cva(
   "w-full h-12 bg-blue-800 flex items-center justify-center gap-4 px-4",

package/dist/components/Header/HelpMenu.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Button } from '../Button/Button.js';
 import { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover.js';
 import { ScrollArea } from '../ScrollArea/ScrollArea.js';
 import { cn } from '../../lib/utils.js';
+import { HelpCircle } from 'lucide-react';
 import { Tooltip, TooltipTrigger, TooltipPortal, TooltipContent } from '../Tooltip/Tooltip.js';
-import { useTranslation } from '../../node_modules/react-i18next/dist/es/useTranslation.js';
-import CircleHelp from '../../node_modules/lucide-react/dist/esm/icons/circle-help.js';
 
 const Item = ({
   description,
@@ -56,7 +56,7 @@ const HelpMenu = ({
       className: "flex-shrink-0 max-md:hidden",
       isActive: isOpen
     },
-    /* @__PURE__ */ React.createElement(CircleHelp, null)
+    /* @__PURE__ */ React.createElement(HelpCircle, null)
   ))), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(
     TooltipContent,
     {

package/dist/components/Header/ModulesMenu.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Button } from '../Button/Button.js';
 import '../CustomIcon/Icons/CadastroFacil.js';
 import { LogoLecom } from '../CustomIcon/Icons/LogoLecom.js';
@@ -9,7 +10,6 @@ import { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover.js';
 import { ScrollArea } from '../ScrollArea/ScrollArea.js';
 import { cn } from '../../lib/utils.js';
 import { Tooltip, TooltipTrigger, TooltipPortal, TooltipContent } from '../Tooltip/Tooltip.js';
-import { useTranslation } from '../../node_modules/react-i18next/dist/es/useTranslation.js';
 
 const Icon = ({
   icon,

package/dist/components/Header/SocialMenu.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '../Button/Button.js';
-import MessageSquare from '../../node_modules/lucide-react/dist/esm/icons/message-square.js';
+import { MessageSquare } from 'lucide-react';
 
 const SocialMenu = ({
   customStyles,

package/dist/components/Header/UserMenu.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Button } from '../Button/Button.js';
 import { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover.js';
 import { ScrollArea } from '../ScrollArea/ScrollArea.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../Select/Select.js';
 import { useIsMobile } from '../../hooks/useIsMobile.js';
-import instance from '../../node_modules/i18next/dist/esm/i18next.js';
+import { User } from 'lucide-react';
+import i18n from 'i18next';
 import { Tooltip, TooltipTrigger, TooltipPortal, TooltipContent } from '../Tooltip/Tooltip.js';
-import { useTranslation } from '../../node_modules/react-i18next/dist/es/useTranslation.js';
-import User from '../../node_modules/lucide-react/dist/esm/icons/user.js';
 
 const UserMenu = ({
   customStyles,
@@ -27,7 +27,7 @@ const UserMenu = ({
       return language.render;
     }
     const handleValueChange = (value) => {
-      instance.changeLanguage(value);
+      i18n.changeLanguage(value);
       language.select?.onChange?.(value);
     };
     return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4 p-2 rounded-md hover:bg-grey-200/70 hover:cursor-pointer transition-all duration-300" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-2 body-large-400 [&>svg]:!w-5 [&>svg]:!h-5" }, language.icon, language.label), /* @__PURE__ */ React.createElement(

package/dist/components/Input/Input.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
+import { cva } from 'class-variance-authority';
 
 const inputVariants = cva(
   `flex h-8 w-full rounded-md border border-input bg-background px-3 py-2

package/dist/components/Notification/Notification.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
+import { cva } from 'class-variance-authority';
 import { NotificationCallout } from './NotificationCallout.js';
 import { NotificationInline } from './NotificationInline.js';
 import { MemoizedNotificationToast } from './NotificationToast.js';

package/dist/components/Notification/NotificationCallout.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
+import { ChevronUpIcon } from 'lucide-react';
 import { NotificationBase } from './NotificationBase.js';
 import { NotificationContent } from './NotificationContent.js';
 import { NotificationIcon } from './NotificationIcon.js';
-import ChevronUp from '../../node_modules/lucide-react/dist/esm/icons/chevron-up.js';
 
 const NotificationCallout = ({ ...props }) => {
   const defaultCollapsed = props.isCollapsed ?? false;
@@ -68,7 +68,7 @@ const NotificationCallout = ({ ...props }) => {
       }
     ), props.action),
     /* @__PURE__ */ React.createElement(
-      ChevronUp,
+      ChevronUpIcon,
       {
         "data-testid": "collapse-icon",
         onClick: handleCollapse,

package/dist/components/Notification/NotificationCloseButton.js

@@ -1,11 +1,11 @@
 import { cn } from '../../lib/utils.js';
-import X from '../../node_modules/lucide-react/dist/esm/icons/x.js';
+import { XIcon } from 'lucide-react';
 
 const NotificationCloseButton = ({
   onClose,
   enableClose
 }) => /* @__PURE__ */ React.createElement(
-  X,
+  XIcon,
   {
     className: cn(
       enableClose ? "opacity-100 size-5 text-grey-800 cursor-pointer hover:text-foreground group-hover:opacity-100" : "opacity-0 pointer-events-none h-0 w-0 absolute"

package/dist/components/Notification/NotificationIcon.js

@@ -1,14 +1,11 @@
 import * as React from 'react';
-import TriangleAlert from '../../node_modules/lucide-react/dist/esm/icons/triangle-alert.js';
-import Info from '../../node_modules/lucide-react/dist/esm/icons/info.js';
-import CircleAlert from '../../node_modules/lucide-react/dist/esm/icons/circle-alert.js';
-import CircleCheck from '../../node_modules/lucide-react/dist/esm/icons/circle-check.js';
+import { TriangleAlertIcon, InfoIcon, CircleAlertIcon, CircleCheckIcon } from 'lucide-react';
 
 const iconMap = {
-  success: /* @__PURE__ */ React.createElement(CircleCheck, { className: "text-green-600 size-5" }),
-  error: /* @__PURE__ */ React.createElement(CircleAlert, { className: "text-red-600 size-5" }),
-  information: /* @__PURE__ */ React.createElement(Info, { className: "text-blue-600 size-5" }),
-  warning: /* @__PURE__ */ React.createElement(TriangleAlert, { className: "size-5 text-yellow-600" })
+  success: /* @__PURE__ */ React.createElement(CircleCheckIcon, { className: "text-green-600 size-5" }),
+  error: /* @__PURE__ */ React.createElement(CircleAlertIcon, { className: "text-red-600 size-5" }),
+  information: /* @__PURE__ */ React.createElement(InfoIcon, { className: "text-blue-600 size-5" }),
+  warning: /* @__PURE__ */ React.createElement(TriangleAlertIcon, { className: "size-5 text-yellow-600" })
 };
 const NotificationIcon = ({
   variant

package/dist/components/Pagination/Pagination.js

@@ -1,16 +1,11 @@
 import * as React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Button } from '../Button/Button.js';
 import { cn } from '../../lib/utils.js';
+import { ChevronDown, MoreHorizontal, ChevronRight, ChevronLeft, ChevronFirst, ChevronLast } from 'lucide-react';
 import { initializeI18n } from '../../i18n/index.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../DropdownMenu/DropdownMenu.js';
 import { Typography } from '../Typography/Typography.js';
-import { useTranslation } from '../../node_modules/react-i18next/dist/es/useTranslation.js';
-import ChevronDown from '../../node_modules/lucide-react/dist/esm/icons/chevron-down.js';
-import Ellipsis from '../../node_modules/lucide-react/dist/esm/icons/ellipsis.js';
-import ChevronRight from '../../node_modules/lucide-react/dist/esm/icons/chevron-right.js';
-import ChevronLeft from '../../node_modules/lucide-react/dist/esm/icons/chevron-left.js';
-import ChevronFirst from '../../node_modules/lucide-react/dist/esm/icons/chevron-first.js';
-import ChevronLast from '../../node_modules/lucide-react/dist/esm/icons/chevron-last.js';
 
 initializeI18n();
 const PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
@@ -108,7 +103,7 @@ const PaginationEllipsis = ({
   onClick
 }) => {
   if (asChild) {
-    return /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(Ellipsis, { size: 20, className: "text-grey-800" }));
+    return /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(MoreHorizontal, { size: 20, className: "text-grey-800" }));
   }
   return /* @__PURE__ */ React.createElement(
     Button,
@@ -121,7 +116,7 @@ const PaginationEllipsis = ({
       onClick,
       className: cn(isActive && "bg-white", className)
     },
-    /* @__PURE__ */ React.createElement(Ellipsis, { size: 20 })
+    /* @__PURE__ */ React.createElement(MoreHorizontal, { size: 20 })
   );
 };
 PaginationEllipsis.displayName = "PaginationEllipsis";

package/dist/components/Popover/Popover.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Portal, Content as Content2, Root as Root2, Trigger } from '../../node_modules/@radix-ui/react-popover/dist/index.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 
-const Popover = Root2;
-const PopoverTrigger = Trigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(
-  Content2,
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  PopoverPrimitive.Content,
   {
     ref,
     align,
@@ -17,6 +17,6 @@ const PopoverContent = React.forwardRef(({ className, align = "center", sideOffs
     ...props
   }
 )));
-PopoverContent.displayName = Content2.displayName;
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 export { Popover, PopoverContent, PopoverTrigger };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Root as Root2, Item as Item2, Indicator } from '../../node_modules/@radix-ui/react-radio-group/dist/index.js';
-import Circle from '../../node_modules/lucide-react/dist/esm/icons/circle.js';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
 
 const RadioGroup = React.forwardRef(({ className, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Root2,
+  RadioGroupPrimitive.Root,
   {
     className: cn("grid gap-2", className),
     disabled,
@@ -12,11 +12,11 @@ const RadioGroup = React.forwardRef(({ className, disabled, ...props }, ref) =>
     ref
   }
 ));
-RadioGroup.displayName = Root2.displayName;
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 const RadioGroupItem = React.forwardRef(({ className, children, disabled, ...props }, ref) => {
   const id = React.useId();
   return /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(
-    Item2,
+    RadioGroupPrimitive.Item,
     {
       ref,
       className: cn(
@@ -27,7 +27,7 @@ const RadioGroupItem = React.forwardRef(({ className, children, disabled, ...pro
       ...props,
       id
     },
-    /* @__PURE__ */ React.createElement(Indicator, { className: "flex items-center justify-center" }, /* @__PURE__ */ React.createElement(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }))
+    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center" }, /* @__PURE__ */ React.createElement(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }))
   ), /* @__PURE__ */ React.createElement(
     "label",
     {
@@ -37,6 +37,6 @@ const RadioGroupItem = React.forwardRef(({ className, children, disabled, ...pro
     children
   ));
 });
-RadioGroupItem.displayName = Item2.displayName;
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 export { RadioGroup, RadioGroupItem };