lecom-ui 4.3.8 → 4.4.1

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

package/dist/components/ScrollArea/ScrollArea.js

@@ -1,21 +1,21 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Root, Viewport, Corner, ScrollAreaScrollbar, ScrollAreaThumb } from '../../node_modules/@radix-ui/react-scroll-area/dist/index.js';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
 const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Root,
+  ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React.createElement(Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
   /* @__PURE__ */ React.createElement(ScrollBar, null),
-  /* @__PURE__ */ React.createElement(Corner, null)
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)
 ));
-ScrollArea.displayName = Root.displayName;
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
-  ScrollAreaScrollbar,
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
     orientation,
@@ -27,8 +27,8 @@ const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React.createElement(ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
 ));
-ScrollBar.displayName = ScrollAreaScrollbar.displayName;
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 export { ScrollArea, ScrollBar };

package/dist/components/Select/Select.js

@@ -1,14 +1,12 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Trigger, Icon, ScrollUpButton, ScrollDownButton, Portal, Content as Content2, Viewport, Label, Item, ItemIndicator, ItemText, Separator, Root as Root2, Value } from '../../node_modules/@radix-ui/react-select/dist/index.js';
-import ChevronDown from '../../node_modules/lucide-react/dist/esm/icons/chevron-down.js';
-import ChevronUp from '../../node_modules/lucide-react/dist/esm/icons/chevron-up.js';
-import Check from '../../node_modules/lucide-react/dist/esm/icons/check.js';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown, ChevronUp, Check } from 'lucide-react';
 
-const Select = Root2;
-const SelectValue = Value;
+const Select = SelectPrimitive.Root;
+const SelectValue = SelectPrimitive.Value;
 const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Trigger,
+  SelectPrimitive.Trigger,
   {
     ref,
     className: cn(
@@ -18,11 +16,11 @@ const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref)
     ...props
   },
   children,
-  /* @__PURE__ */ React.createElement(Icon, { asChild: true }, /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4 opacity-50" }))
+  /* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4 opacity-50" }))
 ));
-SelectTrigger.displayName = Trigger.displayName;
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  ScrollUpButton,
+  SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn(
@@ -33,9 +31,9 @@ const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) =>
   },
   /* @__PURE__ */ React.createElement(ChevronUp, { className: "h-4 w-4" })
 ));
-SelectScrollUpButton.displayName = ScrollUpButton.displayName;
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
 const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  ScrollDownButton,
+  SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn(
@@ -46,9 +44,9 @@ const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) =
   },
   /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-4 w-4" })
 ));
-SelectScrollDownButton.displayName = ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(
-  Content2,
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  SelectPrimitive.Content,
   {
     ref,
     className: cn(
@@ -61,7 +59,7 @@ const SelectContent = React.forwardRef(({ className, children, position = "poppe
   },
   /* @__PURE__ */ React.createElement(SelectScrollUpButton, null),
   /* @__PURE__ */ React.createElement(
-    Viewport,
+    SelectPrimitive.Viewport,
     {
       className: cn(
         "p-1",
@@ -72,18 +70,18 @@ const SelectContent = React.forwardRef(({ className, children, position = "poppe
   ),
   /* @__PURE__ */ React.createElement(SelectScrollDownButton, null)
 )));
-SelectContent.displayName = Content2.displayName;
+SelectContent.displayName = SelectPrimitive.Content.displayName;
 const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Label,
+  SelectPrimitive.Label,
   {
     ref,
     className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
     ...props
   }
 ));
-SelectLabel.displayName = Label.displayName;
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
 const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Item,
+  SelectPrimitive.Item,
   {
     ref,
     className: cn(
@@ -92,18 +90,18 @@ const SelectItem = React.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props
   },
-  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(ItemIndicator, null, /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" }))),
-  /* @__PURE__ */ React.createElement(ItemText, null, children)
+  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
 ));
-SelectItem.displayName = Item.displayName;
+SelectItem.displayName = SelectPrimitive.Item.displayName;
 const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Separator,
+  SelectPrimitive.Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
 ));
-SelectSeparator.displayName = Separator.displayName;
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 export { Select, SelectContent, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/Separator/Separator.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Root } from '../../node_modules/@radix-ui/react-separator/dist/index.js';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
 const Separator = React.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    Root,
+    SeparatorPrimitive.Root,
     {
       ref,
       decorative,
@@ -18,6 +18,6 @@ const Separator = React.forwardRef(
     }
   )
 );
-Separator.displayName = Root.displayName;
+Separator.displayName = SeparatorPrimitive.Root.displayName;
 
 export { Separator };

package/dist/components/Sheet/Sheet.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Overlay, Portal, Content, DialogTitle, Close, Title, Description, Root } from '../../node_modules/@radix-ui/react-dialog/dist/index.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
-import X from '../../node_modules/lucide-react/dist/esm/icons/x.js';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
 
-const Sheet = Root;
-const SheetPortal = Portal;
+const Sheet = SheetPrimitive.Root;
+const SheetPortal = SheetPrimitive.Portal;
 const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Overlay,
+  SheetPrimitive.Overlay,
   {
     className: cn(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -17,7 +17,7 @@ const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PU
     ref
   }
 ));
-SheetOverlay.displayName = Overlay.displayName;
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 const sheetVariants = cva(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
@@ -35,34 +35,34 @@ const sheetVariants = cva(
   }
 );
 const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(
-  Content,
+  SheetPrimitive.Content,
   {
     ref,
     className: cn(sheetVariants({ side }), className),
     ...props
   },
-  /* @__PURE__ */ React.createElement(DialogTitle, null),
+  /* @__PURE__ */ React.createElement(SheetPrimitive.DialogTitle, null),
   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-secondary" }, /* @__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-secondary" }, /* @__PURE__ */ React.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
 )));
-SheetContent.displayName = Content.displayName;
+SheetContent.displayName = SheetPrimitive.Content.displayName;
 const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Title,
+  SheetPrimitive.Title,
   {
     ref,
     className: cn("text-lg font-semibold text-foreground", className),
     ...props
   }
 ));
-SheetTitle.displayName = Title.displayName;
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
 const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Description,
+  SheetPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
-SheetDescription.displayName = Description.displayName;
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 export { Sheet, SheetContent, SheetDescription, SheetOverlay, SheetPortal, SheetTitle };

package/dist/components/Sidebar/Sidebar.js

@@ -7,10 +7,9 @@ import { Skeleton } from '../Skeleton/Skeleton.js';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip/Tooltip.js';
 import { useIsMobile } from '../../hooks/useIsMobile.js';
 import { cn } from '../../lib/utils.js';
-import { Slot } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
-import X from '../../node_modules/lucide-react/dist/esm/icons/x.js';
-import PanelLeft from '../../node_modules/lucide-react/dist/esm/icons/panel-left.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { X, PanelLeft } from 'lucide-react';
 
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;

package/dist/components/Switch/Switch.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Root, Thumb } from '../../node_modules/@radix-ui/react-switch/dist/index.js';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
 
 const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  Root,
+  SwitchPrimitives.Root,
   {
     className: cn(
       "peer flex items-center shrink-0 h-6 w-12 p-[2px] group rounded-full cursor-pointer bg-transparent focus:outline-none transition-colors data-[state=unchecked]:border-2 data-[state=unchecked]:border-grey-400 data-[state=unchecked]:hover:border-grey-500 data-[state=unchecked]:active:border-grey-700 data-[state=unchecked]:disabled:border-grey-300 data-[state=checked]:bg-blue-600 data-[state=checked]:hover:bg-blue-700 data-[state=checked]:active:bg-blue-800 data-[state=checked]:disabled:bg-blue-200 disabled:cursor-not-allowed",
@@ -13,7 +13,7 @@ const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ...props
   },
   /* @__PURE__ */ React.createElement(
-    Thumb,
+    SwitchPrimitives.Thumb,
     {
       className: cn(
         "pointer-events-none rounded-full shadow-sm transition-all h-4 w-4 data-[state=unchecked]:bg-grey-400 data-[state=unchecked]:translate-x-1 group-hover:data-[state=unchecked]:bg-grey-500 group-focus:ring-8 group-focus:ring-blue-200 group-focus:ring-opacity-50 group-active:group-enabled:h-5 group-active:group-enabled:w-5 group-active:data-[state=unchecked]:bg-grey-700 group-active:group-enabled:data-[state=unchecked]:translate-x-[-2px] group-disabled:data-[state=unchecked]:bg-grey-300 group-disabled:data-[state=unchecked]:bg-opacity-65 data-[state=checked]:bg-white data-[state=checked]:translate-x-6"

package/dist/components/Tag/Tag.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 tagVariants = cva(
   "h-6 gap-1 py-1 px-2 body-small-400 inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-4",

package/dist/components/Tooltip/Tooltip.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { Content as Content2, Arrow as Arrow2, Provider, Root as Root3, Trigger, Portal } from '../../node_modules/@radix-ui/react-tooltip/dist/index.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
 
-const TooltipProvider = Provider;
-const Tooltip = Root3;
-const TooltipTrigger = Trigger;
-const TooltipArrow = Arrow2;
-const TooltipPortal = Portal;
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipArrow = TooltipPrimitive.Arrow;
+const TooltipPortal = TooltipPrimitive.Portal;
 const tooltipContentVariants = cva(
   "z-50 overflow-hidden rounded-lg px-3 py-2 max-w-80 body-small-500 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
   {
@@ -46,7 +46,7 @@ const TooltipContent = React.forwardRef(
     children,
     ...props
   }, ref) => /* @__PURE__ */ React.createElement(
-    Content2,
+    TooltipPrimitive.Content,
     {
       ref,
       side,
@@ -60,6 +60,6 @@ const TooltipContent = React.forwardRef(
     arrow && /* @__PURE__ */ React.createElement(TooltipArrow, { className: "tooltip-arrow", width: 12, height: 6 })
   )
 );
-TooltipContent.displayName = Content2.displayName;
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger };

package/dist/components/Typography/Typography.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 typographyVariants = cva("text-grey-950", {
   variants: {

package/dist/i18n/index.js

@@ -1,6 +1,8 @@
-import instance from '../node_modules/i18next/dist/esm/i18next.js';
+import { initReactI18next } from 'react-i18next';
+export { Translation, useTranslation } from 'react-i18next';
+import i18n from 'i18next';
+export { default as i18n } from 'i18next';
 import { translations } from './locales/index.js';
-import { initReactI18next } from '../node_modules/react-i18next/dist/es/initReactI18next.js';
 
 var Translations = /* @__PURE__ */ ((Translations2) => {
   Translations2["PT_BR"] = "pt_BR";
@@ -26,7 +28,7 @@ const initializeI18n = (options) => {
     "en_US" /* EN_US */,
     "es_ES" /* ES_ES */
   ];
-  if (!instance.isInitialized) {
+  if (!i18n.isInitialized) {
     const mappedResources = {
       resources: {}
     };
@@ -41,15 +43,15 @@ const initializeI18n = (options) => {
         }
       };
     });
-    instance.use(initReactI18next).init({
+    i18n.use(initReactI18next).init({
       ...i18nConfig,
       ...mappedResources,
       lng
     });
   } else if (resources) {
-    instance.changeLanguage(lng);
+    i18n.changeLanguage(lng);
     languages.forEach((language) => {
-      instance.addResourceBundle(
+      i18n.addResourceBundle(
         language,
         "translations",
         resources?.[language]?.translations ?? {},
@@ -60,4 +62,4 @@ const initializeI18n = (options) => {
   }
 };
 
-export { Translations, instance as i18n, initializeI18n };
+export { Translations, initializeI18n };

package/dist/index.js

@@ -31,6 +31,5 @@ export { usePagination } from './hooks/usePagination.js';
 export { Translations, initializeI18n } from './i18n/index.js';
 export { colors } from './tokens/colors.js';
 export { fonts } from './tokens/fonts.js';
-export { default as i18n } from './node_modules/i18next/dist/esm/i18next.js';
-export { useTranslation } from './node_modules/react-i18next/dist/es/useTranslation.js';
-export { Translation } from './node_modules/react-i18next/dist/es/Translation.js';
+export { default as i18n } from 'i18next';
+export { Translation, useTranslation } from 'react-i18next';

package/dist/lib/utils.js

@@ -1,5 +1,5 @@
-import { clsx } from '../node_modules/clsx/dist/clsx.js';
-import { twMerge } from '../node_modules/tailwind-merge/dist/bundle-mjs.js';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
 
 function cn(...inputs) {
   return twMerge(clsx(inputs));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "4.3.8",
+  "version": "4.4.1",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",
@@ -43,21 +43,19 @@
     "i18next": "^24.2.2",
     "lucide-react": "^0.468.0",
     "next": "^15.1.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-i18next": "^15.4.0",
     "tailwind-merge": "^2.5.5",
     "tailwindcss-animate": "^1.0.7",
     "use-color-luminance": "^1.3.0",
-    "use-luminance": "^0.1.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "use-luminance": "^0.1.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.2",
     "@eslint/eslintrc": "^3",
     "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-image": "^3.0.3",
-    "@rollup/plugin-node-resolve": "^16.0.1",
     "@storybook/addon-essentials": "8.4.7",
     "@storybook/addon-interactions": "8.4.7",
     "@storybook/addon-onboarding": "8.4.7",
@@ -69,9 +67,8 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@types/node": "^20",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@types/rollup-plugin-peer-deps-external": "^2.2.4",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "eslint": "^9",
     "eslint-config-next": "15.1.0",
     "eslint-plugin-import-helpers": "^2.0.1",
@@ -90,20 +87,8 @@
     "typescript": "^5"
   },
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    }
-  },
-  "resolutions": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "eslintConfig": {
     "extends": [