lecom-ui 4.3.6 → 4.3.7

package/dist/components/Header/HelpMenu.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Button } from '../Button/Button.js';
 import { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover.js';
@@ -24,19 +23,17 @@ const Item = ({
     }
     onClick?.();
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       onClick: handleClickItem,
       className: cn(
         "flex gap-4 items-center justify-center p-2 rounded-md hover:bg-grey-200/70 hover:cursor-pointer transition-all duration-300",
         !!disabled && "opacity-50 hover:cursor-not-allowed"
-      ),
-      children: [
-        icon && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center [&>svg]:!w-5 [&>svg]:!h-5", children: icon }),
-        description && /* @__PURE__ */ jsx("div", { className: "grow", children: /* @__PURE__ */ jsx("span", { className: "body-large-400", children: description }) })
-      ]
-    }
+      )
+    },
+    icon && /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center [&>svg]:!w-5 [&>svg]:!h-5" }, icon),
+    description && /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement("span", { className: "body-large-400" }, description))
   );
 };
 const HelpMenu = ({
@@ -50,48 +47,40 @@ const HelpMenu = ({
   if (!title && !items) {
     return null;
   }
-  const renderButtonTrigger = () => /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 0, children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        iconButton: true,
-        customStyles,
-        className: "flex-shrink-0 max-md:hidden",
-        isActive: isOpen,
-        children: /* @__PURE__ */ jsx(CircleHelp, {})
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(
-      TooltipContent,
-      {
-        color: "black",
-        align: "center",
-        side: "bottom",
-        hidden: isOpen,
-        children: t("header.help")
-      }
-    ) })
-  ] });
-  return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
-    renderButtonTrigger(),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
-      {
-        side: "bottom",
-        align: "end",
-        className: "w-[200x] p-2",
-        sideOffset: 16,
-        onOpenAutoFocus: (e) => {
-          e.preventDefault();
-        },
-        children: [
-          title && /* @__PURE__ */ jsx("span", { className: "body-large-400 p-2 block", children: title }),
-          /* @__PURE__ */ jsx(ScrollArea, { style: { height: scrollAreaHeight }, children: items?.map((item, i) => /* @__PURE__ */ jsx(Item, { ...item }, i)) })
-        ]
+  const renderButtonTrigger = () => /* @__PURE__ */ React.createElement(Tooltip, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      size: "small",
+      iconButton: true,
+      customStyles,
+      className: "flex-shrink-0 max-md:hidden",
+      isActive: isOpen
+    },
+    /* @__PURE__ */ React.createElement(CircleHelp, null)
+  ))), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(
+    TooltipContent,
+    {
+      color: "black",
+      align: "center",
+      side: "bottom",
+      hidden: isOpen
+    },
+    t("header.help")
+  )));
+  return /* @__PURE__ */ React.createElement(Popover, { open: isOpen, onOpenChange: setIsOpen }, renderButtonTrigger(), /* @__PURE__ */ React.createElement(
+    PopoverContent,
+    {
+      side: "bottom",
+      align: "end",
+      className: "w-[200x] p-2",
+      sideOffset: 16,
+      onOpenAutoFocus: (e) => {
+        e.preventDefault();
       }
-    )
-  ] });
+    },
+    title && /* @__PURE__ */ React.createElement("span", { className: "body-large-400 p-2 block" }, title),
+    /* @__PURE__ */ React.createElement(ScrollArea, { style: { height: scrollAreaHeight } }, items?.map((item, i) => /* @__PURE__ */ React.createElement(Item, { key: i, ...item })))
+  ));
 };
 HelpMenu.displayName = "HelpMenu";
 

package/dist/components/Header/ImgBrand.js

@@ -1,9 +1,8 @@
-import { jsx } from 'react/jsx-runtime';
 import img from '../../public/imgs/logo-lecom.png.js';
 
 const ImgBrand = ({ src }) => {
   const DEFAULT_LOGO = img;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     "img",
     {
       loading: "lazy",

package/dist/components/Header/ModulesMenu.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Button } from '../Button/Button.js';
 import '../CustomIcon/Icons/CadastroFacil.js';
@@ -22,7 +21,7 @@ const Icon = ({
     return null;
   }
   const containerIconStyles = !containerIconBgColor ? { style: { backgroundColor: bgColor, color: textColor } } : {};
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       className: cn(
@@ -30,9 +29,9 @@ const Icon = ({
         containerIconBgColor,
         containerIconBgColor && "text-white"
       ),
-      ...containerIconStyles,
-      children: icon
-    }
+      ...containerIconStyles
+    },
+    icon
   );
 };
 const Item = ({
@@ -62,31 +61,26 @@ const Item = ({
     }
     return highlight;
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       onClick: handleClickItem,
       className: cn(
         "flex gap-4 items-center p-2 rounded-md hover:bg-grey-200/70 hover:cursor-pointer transition-all duration-300",
         !!disabled && "opacity-50 hover:cursor-not-allowed"
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          Icon,
-          {
-            icon,
-            containerIconBgColor,
-            bgColor,
-            textColor
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "grow", children: [
-          title && /* @__PURE__ */ jsx("span", { className: "body-large-500 block", children: title }),
-          description && /* @__PURE__ */ jsx("span", { className: "body-medium-400 block", children: description })
-        ] }),
-        renderHighlight()
-      ]
-    }
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        icon,
+        containerIconBgColor,
+        bgColor,
+        textColor
+      }
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: "grow" }, title && /* @__PURE__ */ React.createElement("span", { className: "body-large-500 block" }, title), description && /* @__PURE__ */ React.createElement("span", { className: "body-medium-400 block" }, description)),
+    renderHighlight()
   );
 };
 const ModulesMenu = ({
@@ -100,47 +94,39 @@ const ModulesMenu = ({
   if (!title && !items) {
     return null;
   }
-  const renderButtonTrigger = () => /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 0, children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        iconButton: true,
-        customStyles,
-        isActive: isOpen,
-        className: "flex-shrink-0",
-        children: /* @__PURE__ */ jsx(LogoLecom, {})
+  const renderButtonTrigger = () => /* @__PURE__ */ React.createElement(Tooltip, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      size: "small",
+      iconButton: true,
+      customStyles,
+      isActive: isOpen,
+      className: "flex-shrink-0"
+    },
+    /* @__PURE__ */ React.createElement(LogoLecom, null)
+  ))), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(TooltipContent, { color: "black", align: "end", side: "bottom", hidden: isOpen }, t("header.modules"))));
+  return /* @__PURE__ */ React.createElement(Popover, { open: isOpen, onOpenChange: setIsOpen }, renderButtonTrigger(), /* @__PURE__ */ React.createElement(
+    PopoverContent,
+    {
+      side: "bottom",
+      align: "end",
+      className: "w-[424px] p-2 max-md:w-full",
+      sideOffset: 16,
+      onOpenAutoFocus: (e) => {
+        e.preventDefault();
       }
-    ) }) }),
-    /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipContent, { color: "black", align: "end", side: "bottom", hidden: isOpen, children: t("header.modules") }) })
-  ] });
-  return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
-    renderButtonTrigger(),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
+    },
+    title && /* @__PURE__ */ React.createElement("span", { className: "body-large-400 p-2 block" }, title),
+    /* @__PURE__ */ React.createElement(ScrollArea, { style: { height: scrollAreaHeight } }, items?.map((item, i) => /* @__PURE__ */ React.createElement(
+      Item,
       {
-        side: "bottom",
-        align: "end",
-        className: "w-[424px] p-2 max-md:w-full",
-        sideOffset: 16,
-        onOpenAutoFocus: (e) => {
-          e.preventDefault();
-        },
-        children: [
-          title && /* @__PURE__ */ jsx("span", { className: "body-large-400 p-2 block", children: title }),
-          /* @__PURE__ */ jsx(ScrollArea, { style: { height: scrollAreaHeight }, children: items?.map((item, i) => /* @__PURE__ */ jsx(
-            Item,
-            {
-              bgColor: customStyles.focus.textColor,
-              textColor: customStyles.normal.textColor,
-              ...item
-            },
-            i
-          )) })
-        ]
+        key: i,
+        bgColor: customStyles.focus.textColor,
+        textColor: customStyles.normal.textColor,
+        ...item
       }
-    )
-  ] });
+    )))
+  ));
 };
 ModulesMenu.displayName = "ModulesMenu";
 

package/dist/components/Header/SocialMenu.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
 import { Button } from '../Button/Button.js';
 import MessageSquare from '../../node_modules/lucide-react/dist/esm/icons/message-square.js';
 
@@ -9,16 +9,16 @@ const SocialMenu = ({
   if (!onOpenSocialMenuChange) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Button,
     {
       size: "small",
       iconButton: true,
       customStyles,
       onClick: onOpenSocialMenuChange,
-      className: "flex-shrink-0",
-      children: /* @__PURE__ */ jsx(MessageSquare, {})
-    }
+      className: "flex-shrink-0"
+    },
+    /* @__PURE__ */ React.createElement(MessageSquare, null)
   );
 };
 SocialMenu.displayName = "SocialMenu";

package/dist/components/Header/UserMenu.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Button } from '../Button/Button.js';
 import { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover.js';
@@ -31,23 +30,15 @@ const UserMenu = ({
       instance.changeLanguage(value);
       language.select?.onChange?.(value);
     };
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 p-2 rounded-md hover:bg-grey-200/70 hover:cursor-pointer transition-all duration-300", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 body-large-400 [&>svg]:!w-5 [&>svg]:!h-5", children: [
-        language.icon,
-        language.label
-      ] }),
-      /* @__PURE__ */ jsxs(
-        Select,
-        {
-          value: language.select?.value,
-          onValueChange: handleValueChange,
-          children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-            /* @__PURE__ */ jsx(SelectContent, { children: language.select?.options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.name }, option.id)) })
-          ]
-        }
-      )
-    ] });
+    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(
+      Select,
+      {
+        value: language.select?.value,
+        onValueChange: handleValueChange
+      },
+      /* @__PURE__ */ React.createElement(SelectTrigger, { className: "h-7" }, /* @__PURE__ */ React.createElement(SelectValue, null)),
+      /* @__PURE__ */ React.createElement(SelectContent, null, language.select?.options.map((option) => /* @__PURE__ */ React.createElement(SelectItem, { key: option.id, value: option.id }, option.name)))
+    ));
   };
   const renderLogout = () => {
     if (!logout) {
@@ -56,68 +47,48 @@ const UserMenu = ({
     if (logout.render) {
       return logout.render;
     }
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "flex items-center gap-2 body-large-400 p-2 rounded-md hover:bg-grey-200/70 hover:cursor-pointer transition-all duration-300 [&>svg]:!w-5 [&>svg]:!h-5",
-        onClick: logout.onClick,
-        children: [
-          logout.icon,
-          logout.label
-        ]
-      }
+        onClick: logout.onClick
+      },
+      logout.icon,
+      logout.label
     );
   };
-  const renderButtonTrigger = () => /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 0, children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        iconButton: isMobile,
-        customStyles,
-        isActive: isOpen,
-        children: isMobile ? /* @__PURE__ */ jsx(User, {}) : user?.name
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(
-      TooltipContent,
-      {
-        color: "black",
-        align: "center",
-        side: "bottom",
-        hidden: isOpen,
-        children: t("header.settings")
-      }
-    ) })
-  ] });
-  return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
-    renderButtonTrigger(),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        side: "bottom",
-        align: "end",
-        className: "w-[274px] p-2",
-        sideOffset: 16,
-        onOpenAutoFocus: (e) => {
-          e.preventDefault();
-        },
-        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "bg-grey-400/30 rounded-full w-9 h-9 flex items-center justify-center [&>svg]:!w-6 [&>svg]:!h-6 shrink-0", children: /* @__PURE__ */ jsx(User, { className: "text-grey-600" }) }),
-            /* @__PURE__ */ jsxs("div", { className: "grow", children: [
-              /* @__PURE__ */ jsx("span", { className: "block body-large-400 break-words", children: user?.name }),
-              /* @__PURE__ */ jsx("span", { className: "block body-medium-400 break-all", children: user?.email })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(ScrollArea, { style: { height: scrollAreaHeight }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center", children: [
-            renderLanguage(),
-            renderLogout()
-          ] }) })
-        ] })
+  const renderButtonTrigger = () => /* @__PURE__ */ React.createElement(Tooltip, { delayDuration: 0 }, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      size: "small",
+      iconButton: isMobile,
+      customStyles,
+      isActive: isOpen
+    },
+    isMobile ? /* @__PURE__ */ React.createElement(User, null) : user?.name
+  ))), /* @__PURE__ */ React.createElement(TooltipPortal, null, /* @__PURE__ */ React.createElement(
+    TooltipContent,
+    {
+      color: "black",
+      align: "center",
+      side: "bottom",
+      hidden: isOpen
+    },
+    t("header.settings")
+  )));
+  return /* @__PURE__ */ React.createElement(Popover, { open: isOpen, onOpenChange: setIsOpen }, renderButtonTrigger(), /* @__PURE__ */ React.createElement(
+    PopoverContent,
+    {
+      side: "bottom",
+      align: "end",
+      className: "w-[274px] p-2",
+      sideOffset: 16,
+      onOpenAutoFocus: (e) => {
+        e.preventDefault();
       }
-    )
-  ] });
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 p-2" }, /* @__PURE__ */ React.createElement("div", { className: "bg-grey-400/30 rounded-full w-9 h-9 flex items-center justify-center [&>svg]:!w-6 [&>svg]:!h-6 shrink-0" }, /* @__PURE__ */ React.createElement(User, { className: "text-grey-600" })), /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement("span", { className: "block body-large-400 break-words" }, user?.name), /* @__PURE__ */ React.createElement("span", { className: "block body-medium-400 break-all" }, user?.email))), /* @__PURE__ */ React.createElement(ScrollArea, { style: { height: scrollAreaHeight } }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col justify-center" }, renderLanguage(), renderLogout())))
+  ));
 };
 UserMenu.displayName = "UserMenu";
 

package/dist/components/Input/Input.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
@@ -72,15 +71,7 @@ const Input = React.forwardRef(
       }
       return sufix;
     };
-    return /* @__PURE__ */ jsxs("div", { className: "flex justify-center", children: [
-      renderPrefix(),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center relative", children: [
-        /* @__PURE__ */ jsx("div", { className: "shrink-0 absolute left-3", children: /* @__PURE__ */ jsx(Icon, { icon: iconBefore }) }),
-        /* @__PURE__ */ jsx("input", { type, className: inputStyles(), ref, ...props }),
-        /* @__PURE__ */ jsx("div", { className: "shrink-0 absolute right-3", children: /* @__PURE__ */ jsx(Icon, { icon: iconAfter }) })
-      ] }),
-      renderSufix()
-    ] });
+    return /* @__PURE__ */ React.createElement("div", { className: "flex justify-center" }, renderPrefix(), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center relative" }, /* @__PURE__ */ React.createElement("div", { className: "shrink-0 absolute left-3" }, /* @__PURE__ */ React.createElement(Icon, { icon: iconBefore })), /* @__PURE__ */ React.createElement("input", { type, className: inputStyles(), ref, ...props }), /* @__PURE__ */ React.createElement("div", { className: "shrink-0 absolute right-3" }, /* @__PURE__ */ React.createElement(Icon, { icon: iconAfter }))), renderSufix());
   }
 );
 Input.displayName = "Input";

package/dist/components/Layout/Layout.js

@@ -1,4 +1,3 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { initializeI18n } from '../../i18n/index.js';
 import { getCookie } from '../../utils/cookie.js';
@@ -21,73 +20,48 @@ const Layout = ({ children, header, sideBar }) => {
     const cookieState = getCookie("sidebar:state") === "true";
     setSidebarState(cookieState);
   }, []);
-  return /* @__PURE__ */ jsxs(SidebarProvider, { className: "flex-col", defaultOpen: sidebarState, children: [
-    /* @__PURE__ */ jsx(Header, { ...header }),
-    /* @__PURE__ */ jsxs("div", { className: "flex grow", children: [
-      /* @__PURE__ */ jsxs(Sidebar, { collapsible: "icon", variant: "sidebar", children: [
-        /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(
-          SidebarMenuButton,
-          {
-            asChild: true,
-            tooltip: item.title,
-            isActive: !!item.isActive,
-            children: item.url ? /* @__PURE__ */ jsxs("a", { href: item.url, children: [
-              item.icon,
-              /* @__PURE__ */ jsx("span", { children: item.title })
-            ] }) : /* @__PURE__ */ jsxs("div", { onClick: item.onClick, children: [
-              item.icon,
-              /* @__PURE__ */ jsx("span", { children: item.title })
-            ] })
-          }
-        ) }, item.title)) }) }) }) }),
-        /* @__PURE__ */ jsxs(SidebarFooter, { className: "p-6 pt-0 gap-1", children: [
-          /* @__PURE__ */ jsxs(
-            Typography,
-            {
-              variant: "heading-xsmall-600",
-              textColor: "text-grey-800",
-              className: "flex items-center gap-2 w-[200px]",
-              children: [
-                info.platformText,
-                /* @__PURE__ */ jsx(LogoLecomBrand, { className: "w-16 shrink-0" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Typography,
-            {
-              variant: "body-medium-400",
-              textColor: "text-grey-800",
-              className: "w-[200px]",
-              children: [
-                info.versionText,
-                " ",
-                info.version,
-                " - ",
-                info.cycle,
-                " ",
-                info.build
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Typography,
-            {
-              variant: "body-medium-400",
-              textColor: "text-grey-800",
-              className: "w-[200px]",
-              children: [
-                info.authorizedForText,
-                " ",
-                info.authorizedFor
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("main", { className: "grow w-full", children })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(SidebarProvider, { className: "flex-col", defaultOpen: sidebarState }, /* @__PURE__ */ React.createElement(Header, { ...header }), /* @__PURE__ */ React.createElement("div", { className: "flex grow" }, /* @__PURE__ */ React.createElement(Sidebar, { collapsible: "icon", variant: "sidebar" }, /* @__PURE__ */ React.createElement(SidebarContent, null, /* @__PURE__ */ React.createElement(SidebarGroup, null, /* @__PURE__ */ React.createElement(SidebarGroupContent, null, /* @__PURE__ */ React.createElement(SidebarMenu, null, items.map((item) => /* @__PURE__ */ React.createElement(SidebarMenuItem, { key: item.title }, /* @__PURE__ */ React.createElement(
+    SidebarMenuButton,
+    {
+      asChild: true,
+      tooltip: item.title,
+      isActive: !!item.isActive
+    },
+    item.url ? /* @__PURE__ */ React.createElement("a", { href: item.url }, item.icon, /* @__PURE__ */ React.createElement("span", null, item.title)) : /* @__PURE__ */ React.createElement("div", { onClick: item.onClick }, item.icon, /* @__PURE__ */ React.createElement("span", null, item.title))
+  ))))))), /* @__PURE__ */ React.createElement(SidebarFooter, { className: "p-6 pt-0 gap-1" }, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "heading-xsmall-600",
+      textColor: "text-grey-800",
+      className: "flex items-center gap-2 w-[200px]"
+    },
+    info.platformText,
+    /* @__PURE__ */ React.createElement(LogoLecomBrand, { className: "w-16 shrink-0" })
+  ), /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "body-medium-400",
+      textColor: "text-grey-800",
+      className: "w-[200px]"
+    },
+    info.versionText,
+    " ",
+    info.version,
+    " - ",
+    info.cycle,
+    " ",
+    info.build
+  ), /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "body-medium-400",
+      textColor: "text-grey-800",
+      className: "w-[200px]"
+    },
+    info.authorizedForText,
+    " ",
+    info.authorizedFor
+  ))), /* @__PURE__ */ React.createElement("main", { className: "grow w-full" }, children)));
 };
 Layout.displayName = "Layout";
 

package/dist/components/Notification/Notification.js

@@ -1,4 +1,3 @@
-import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
@@ -38,11 +37,11 @@ const posistionMap = {
 const renderNotification = (props) => {
   switch (props.type) {
     case "toast":
-      return /* @__PURE__ */ jsx(MemoizedNotificationToast, { ...props });
+      return /* @__PURE__ */ React.createElement(MemoizedNotificationToast, { ...props });
     case "inline":
-      return /* @__PURE__ */ jsx(NotificationInline, { ...props });
+      return /* @__PURE__ */ React.createElement(NotificationInline, { ...props });
     case "callout":
-      return /* @__PURE__ */ jsx(NotificationCallout, { ...props });
+      return /* @__PURE__ */ React.createElement(NotificationCallout, { ...props });
     default:
       return null;
   }
@@ -59,7 +58,7 @@ const Notification = React.forwardRef(
     const { fullWidth } = props;
     const widthStyle = fullWidth ? "w-full" : "inline-block";
     const positionClass = getPositionClass(type, placement);
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ React.createElement(
       "main",
       {
         className: cn(
@@ -67,9 +66,9 @@ const Notification = React.forwardRef(
           type === "toast" && "fixed z-50 p-4 space-y-2",
           positionClass
         ),
-        ref,
-        children: renderNotification(props)
-      }
+        ref
+      },
+      renderNotification(props)
     );
   }
 );