lecom-ui 4.1.8 → 4.2.0

package/dist/components/Sidebar/Sidebar.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Button } from '../Button/Button.js';
 import { Input } from '../Input/Input.js';
@@ -5,11 +6,12 @@ import { Separator } from '../Separator/Separator.js';
 import { Sheet, SheetContent } from '../Sheet/Sheet.js';
 import { Skeleton } from '../Skeleton/Skeleton.js';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip/Tooltip.js';
-import { useIsMobile } from '../../hooks/useIsMobile.js';
+import { useIsMobile } from '../../hooks/use-mobile.js';
 import { cn } from '../../lib/utils.js';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { X, PanelLeft } from 'lucide-react';
+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';
 
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -78,7 +80,7 @@ const SidebarProvider = React.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ React.createElement(SidebarContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
       "div",
       {
         style: {
@@ -91,14 +93,15 @@ const SidebarProvider = React.forwardRef(
           className
         ),
         ref,
-        ...props
-      },
-      children
-    )));
+        ...props,
+        children
+      }
+    ) }) });
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
 const Sidebar = React.forwardRef(
+  // eslint-disable-next-line complexity
   ({
     side = "left",
     variant = "sidebar",
@@ -109,7 +112,7 @@ const Sidebar = React.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           className: cn(
@@ -117,13 +120,13 @@ const Sidebar = React.forwardRef(
             className
           ),
           ref,
-          ...props
-        },
-        children
+          ...props,
+          children
+        }
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ React.createElement(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -132,12 +135,18 @@ const Sidebar = React.forwardRef(
           style: {
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
-          side
-        },
-        /* @__PURE__ */ React.createElement("div", { className: "flex h-full w-full flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "p-3 pb-0" }, /* @__PURE__ */ React.createElement(SidebarMenuButton, { asChild: true }, /* @__PURE__ */ React.createElement("div", { onClick: () => setOpenMobile(false) }, /* @__PURE__ */ React.createElement(X, null), /* @__PURE__ */ React.createElement("span", null, "Fechar menu")))), children)
-      ));
+          side,
+          children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col", children: [
+            /* @__PURE__ */ jsx("div", { className: "p-3 pb-0", children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsxs("div", { onClick: () => setOpenMobile(false), children: [
+              /* @__PURE__ */ jsx(X, {}),
+              /* @__PURE__ */ jsx("span", { children: "Fechar menu" })
+            ] }) }) }),
+            children
+          ] })
+        }
+      ) });
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -145,36 +154,36 @@ const Sidebar = React.forwardRef(
         "data-state": state,
         "data-collapsible": state === "collapsed" ? collapsible : "",
         "data-variant": variant,
-        "data-side": side
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: cn(
-            "duration-200 relative inset-y-0 z-10 hidden h-full w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex border-grey-400",
-            side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-            // Adjust the padding for floating and inset variants.
-            variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
-            className
-          ),
-          ...props
-        },
-        /* @__PURE__ */ React.createElement(
+        "data-side": side,
+        children: /* @__PURE__ */ jsx(
           "div",
           {
-            "data-sidebar": "sidebar",
-            className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
-          },
-          children
+            className: cn(
+              "duration-200 relative inset-y-0 z-10 hidden h-full w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex border-grey-400",
+              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              // Adjust the padding for floating and inset variants.
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+                children
+              }
+            )
+          }
         )
-      )
+      }
     );
   }
 );
 Sidebar.displayName = "Sidebar";
 const SidebarTrigger = React.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Button,
     {
       ref,
@@ -185,16 +194,18 @@ const SidebarTrigger = React.forwardRef(({ className, onClick, ...props }, ref)
         onClick?.(event);
         toggleSidebar();
       },
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(PanelLeft, null),
-    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(PanelLeft, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
 const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "button",
     {
       ref,
@@ -217,7 +228,7 @@ const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-const SidebarInset = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarInset = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "main",
   {
     ref,
@@ -230,7 +241,7 @@ const SidebarInset = React.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInset.displayName = "SidebarInset";
-const SidebarInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Input,
   {
     ref,
@@ -243,7 +254,7 @@ const SidebarInput = React.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarInput.displayName = "SidebarInput";
-const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -253,20 +264,20 @@ const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 SidebarHeader.displayName = "SidebarHeader";
-const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
     "data-sidebar": "footer",
     className: cn(
-      "flex flex-col gap-2 p-2 group-data-[state=collapsed]:opacity-0 transition-all overflow-hidden select-none",
+      "flex flex-col gap-2 p-2 group-data-[state=collapsed]:opacity-0 transition-all truncate",
       className
     ),
     ...props
   }
 ));
 SidebarFooter.displayName = "SidebarFooter";
-const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Separator,
   {
     ref,
@@ -276,7 +287,7 @@ const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarSeparator.displayName = "SidebarSeparator";
-const SidebarContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -289,7 +300,7 @@ const SidebarContent = React.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarContent.displayName = "SidebarContent";
-const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -301,7 +312,7 @@ const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 SidebarGroup.displayName = "SidebarGroup";
 const SidebarGroupLabel = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       ref,
@@ -318,7 +329,7 @@ const SidebarGroupLabel = React.forwardRef(({ className, asChild = false, ...pro
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
 const SidebarGroupAction = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       ref,
@@ -335,7 +346,7 @@ const SidebarGroupAction = React.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-const SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -345,7 +356,7 @@ const SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-const SidebarMenu = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarMenu = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -355,7 +366,7 @@ const SidebarMenu = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-const SidebarMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -395,6 +406,7 @@ const sidebarMenuButtonVariants = cva(
   }
 );
 const SidebarMenuButton = React.forwardRef(
+  // eslint-disable-next-line complexity
   ({
     asChild = false,
     isActive = false,
@@ -406,7 +418,7 @@ const SidebarMenuButton = React.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ React.createElement(
+    const button = /* @__PURE__ */ jsx(
       Comp,
       {
         ref,
@@ -425,23 +437,26 @@ const SidebarMenuButton = React.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React.createElement(
-      TooltipContent,
-      {
-        sideOffset: 16,
-        side: "right",
-        align: "center",
-        color: "black",
-        hidden: state !== "collapsed" || isMobile,
-        ...tooltip
-      }
-    ));
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx(
+        TooltipContent,
+        {
+          sideOffset: 16,
+          side: "right",
+          align: "center",
+          color: "black",
+          hidden: state !== "collapsed" || isMobile,
+          ...tooltip
+        }
+      )
+    ] });
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
 const SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       ref,
@@ -462,7 +477,7 @@ const SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-const SidebarMenuBadge = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarMenuBadge = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -485,35 +500,37 @@ const SidebarMenuSkeleton = React.forwardRef(({ className, showIcon = false, ...
     () => `${Math.floor(Math.random() * 40) + 50}%`,
     []
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       "data-sidebar": "menu-skeleton",
       className: cn("rounded-md h-8 flex gap-2 px-2 items-center", className),
-      ...props
-    },
-    showIcon && /* @__PURE__ */ React.createElement(
-      Skeleton,
-      {
-        className: "size-4 rounded-md",
-        "data-sidebar": "menu-skeleton-icon"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      Skeleton,
-      {
-        className: "h-4 flex-1 max-w-[--skeleton-width]",
-        "data-sidebar": "menu-skeleton-text",
-        style: {
-          "--skeleton-width": width
-        }
-      }
-    )
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: "h-4 flex-1 max-w-[--skeleton-width]",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": width
+            }
+          }
+        )
+      ]
+    }
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-const SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -527,11 +544,11 @@ const SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-const SidebarMenuSubItem = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React.createElement("li", { ref, ...props }));
+const SidebarMenuSubItem = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 const SidebarMenuSubButton = React.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       ref,

package/dist/components/Skeleton/Skeleton.js

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { cn } from '../../lib/utils.js';
 
 const Skeleton = ({
   className,
   ...props
-}) => /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     className: cn("animate-pulse rounded-md bg-muted", className),

package/dist/components/Table/Table.js

@@ -1,18 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
-const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
     className: cn("w-full caption-bottom text-sm", className),
     ...props
   }
-));
+) }));
 Table.displayName = "Table";
-const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("thead", { ref, className: cn("", className), ...props }));
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -21,7 +22,7 @@ const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -33,52 +34,40 @@ const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-const TableRowHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "tr",
-  {
-    ref,
-    className: cn("border-b-[1.5px] border-grey-400", className),
-    ...props
-  }
-));
-TableRowHeader.displayName = "TableRowHeader";
-const TableRowBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
     className: cn(
-      "border-b-[0.5px] [&_td]:hover:bg-grey-100 [&_td]:data-[state=selected]:bg-grey-100",
+      "border-b transition-colors data-[state=selected]:bg-muted",
       className
     ),
     ...props
   }
 ));
-TableRowBody.displayName = "TableRowBody";
-const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
     className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 bg-white",
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
       className
     ),
     ...props
   }
 ));
 TableHead.displayName = "TableHead";
-const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
-    className: cn(
-      "p-4 py-0 h-10 align-middle [&:has([role=checkbox])]:pr-0 transition-colors bg-white",
-      className
-    ),
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
     ...props
   }
 ));
 TableCell.displayName = "TableCell";
-const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -88,4 +77,4 @@ const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 TableCaption.displayName = "TableCaption";
 
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRowBody, TableRowHeader };
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/Tag/Tag.js

@@ -1,6 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import { cva } from 'class-variance-authority';
+import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
 
 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",
@@ -26,15 +27,15 @@ const tagVariants = cva(
 const Tag = React.forwardRef(
   ({ className, color, children, ...props }, ref) => {
     const Comp = "div";
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Comp,
       {
         tabIndex: 0,
         className: cn(tagVariants({ color }), className),
         ref,
-        ...props
-      },
-      children
+        ...props,
+        children
+      }
     );
   }
 );

package/dist/components/Tooltip/Tooltip.js

@@ -1,13 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { cva } from 'class-variance-authority';
+import { Content as Content2, Arrow as Arrow2, Provider, Root as Root3, Trigger } from '../../node_modules/@radix-ui/react-tooltip/dist/index.js';
+import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
 
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipArrow = TooltipPrimitive.Arrow;
-const TooltipPortal = TooltipPrimitive.Portal;
+const TooltipProvider = Provider;
+const Tooltip = Root3;
+const TooltipTrigger = Trigger;
+const TooltipArrow = Arrow2;
 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",
   {
@@ -45,8 +45,8 @@ const TooltipContent = React.forwardRef(
     className,
     children,
     ...props
-  }, ref) => /* @__PURE__ */ React.createElement(
-    TooltipPrimitive.Content,
+  }, ref) => /* @__PURE__ */ jsxs(
+    Content2,
     {
       ref,
       side,
@@ -54,12 +54,14 @@ const TooltipContent = React.forwardRef(
       sideOffset,
       alignOffset,
       className: cn(tooltipContentVariants({ color, arrow, className })),
-      ...props
-    },
-    children,
-    arrow && /* @__PURE__ */ React.createElement(TooltipArrow, { className: "tooltip-arrow", width: 12, height: 6 })
+      ...props,
+      children: [
+        children,
+        arrow && /* @__PURE__ */ jsx(TooltipArrow, { className: "tooltip-arrow", width: 12, height: 6 })
+      ]
+    }
   )
 );
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+TooltipContent.displayName = Content2.displayName;
 
-export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/Typography/Typography.js

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { cn } from '../../lib/utils.js';
-import { cva } from 'class-variance-authority';
+import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
 
 const typographyVariants = cva("text-grey-950", {
   variants: {
@@ -15,7 +15,6 @@ const typographyVariants = cva("text-grey-950", {
       "heading-small-500": "heading-small-500",
       "heading-xsmall-600": "heading-xsmall-600",
       "heading-xsmall-500": "heading-xsmall-500",
-      "heading-xxsmall-600": "heading-xxsmall-600",
       "heading-xxsmall-500": "heading-xxsmall-500",
       "body-large-700": "body-large-700",
       "body-large-500": "body-large-500",
@@ -42,13 +41,13 @@ const Typography = ({
   ...props
 }) => {
   const Comp = tag || "span";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       className: cn(typographyVariants({ variant, className }), textColor, ""),
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 };
 Typography.displayName = "Typography";