@cnc-ti/layout-basic 8.1.11 → 8.1.13

package/dist/index.mjs

@@ -7807,6 +7807,7 @@ var RadioItem = MenuRadioItem;
 var ItemIndicator = MenuItemIndicator;
 var Separator = MenuSeparator;
 var Arrow22 = MenuArrow;
+var Sub = MenuSub;
 var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
@@ -8008,6 +8009,16 @@ var DropdownMenuArrow = React34.forwardRef(
   }
 );
 DropdownMenuArrow.displayName = ARROW_NAME3;
+var DropdownMenuSub = (props) => {
+  const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ jsx16(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
+};
 var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
 var DropdownMenuSubTrigger = React34.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
@@ -8044,12 +8055,15 @@ var Root22 = DropdownMenu;
 var Trigger = DropdownMenuTrigger;
 var Portal22 = DropdownMenuPortal;
 var Content22 = DropdownMenuContent;
+var Group2 = DropdownMenuGroup;
 var Label2 = DropdownMenuLabel;
 var Item22 = DropdownMenuItem;
 var CheckboxItem2 = DropdownMenuCheckboxItem;
+var RadioGroup2 = DropdownMenuRadioGroup;
 var RadioItem2 = DropdownMenuRadioItem;
 var ItemIndicator2 = DropdownMenuItemIndicator;
 var Separator2 = DropdownMenuSeparator;
+var Sub2 = DropdownMenuSub;
 var SubTrigger2 = DropdownMenuSubTrigger;
 var SubContent2 = DropdownMenuSubContent;
 
@@ -8058,6 +8072,10 @@ import * as React35 from "react";
 import { jsx as jsx17, jsxs as jsxs2 } from "react/jsx-runtime";
 var DropdownMenu2 = Root22;
 var DropdownMenuTrigger2 = Trigger;
+var DropdownMenuGroup2 = Group2;
+var DropdownMenuPortal2 = Portal22;
+var DropdownMenuSub2 = Sub2;
+var DropdownMenuRadioGroup2 = RadioGroup2;
 var DropdownMenuSubTrigger2 = React35.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   SubTrigger2,
   {
@@ -8216,13 +8234,20 @@ var Header = ({
 };
 var HeaderContainer = ({
   className,
+  isOpen,
+  onOpenMenu,
+  children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
-      className: cn("cnc-flex lg:cnc-flex-1 lg:cnc-justify-end"),
-      ...props
+      className: cn("cnc-flex cnc-flex-1 cnc-justify-between cnc-items-center"),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx18("div", { children: onOpenMenu && !isOpen && /* @__PURE__ */ jsx18("button", { onClick: onOpenMenu, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden cnc-cursor-pointer", children: /* @__PURE__ */ jsx18("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 512 512", className: "cnc-size-6 cnc-text-brand-blue-900", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx18("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) }) }),
+        /* @__PURE__ */ jsx18("div", { className: "cnc-flex", children })
+      ]
     }
   );
 };
@@ -8723,9 +8748,12 @@ var ModalMudancaEntidade = ({
 };
 
 // src/components/Sidebar/index.tsx
-import { cloneElement as cloneElement3, isValidElement } from "react";
-import { Slot as Slot6 } from "@radix-ui/react-slot";
 import * as Accordion from "@radix-ui/react-accordion";
+import { Slot as Slot6 } from "@radix-ui/react-slot";
+import {
+  cloneElement as cloneElement3,
+  isValidElement
+} from "react";
 
 // src/components/assets/logotipo-default.tsx
 import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -8895,22 +8923,64 @@ function LogotipoDefault() {
 
 // src/components/Sidebar/index.tsx
 import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
-function SidebarContainer({ isOpen = true, ...rest }) {
-  const sidebarWidth = "295px";
+function SidebarContainer({
+  isOpen = true,
+  ...rest
+}) {
   return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-is-open": isOpen,
-      style: { width: isOpen ? sidebarWidth : "0" },
-      className: `cnc-w-full cnc-max-w-[295px] cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-container cnc-bg-brand-blue-400`,
+      className: `cnc-w-full cnc-max-w-full cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-container cnc-bg-brand-blue-400`,
       ...rest
     }
   );
 }
-function SidebarImageBrand({ asChild = false, onChangeToggle, img, children }) {
+function SidebarImageBrand({
+  asChild = false,
+  onChangeToggle,
+  img,
+  children
+}) {
   return /* @__PURE__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-justify-between cnc-bg-brand-blue-500 cnc-w-full cnc-h-full cnc-max-h-[70px] cnc-py-5 cnc-px-6 cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-child-w-0", children: [
-    /* @__PURE__ */ jsx24("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ jsx24("img", { src: img.src, alt: img?.alt, className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain" }) : /* @__PURE__ */ jsx24(LogotipoDefault, {}) }),
-    onChangeToggle && /* @__PURE__ */ jsx24("button", { onClick: onChangeToggle, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden", children: /* @__PURE__ */ jsx24("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 512 512", className: "cnc-size-6 cnc-text-white", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx24("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) })
+    /* @__PURE__ */ jsx24("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ jsx24(
+      "img",
+      {
+        src: img.src,
+        alt: img?.alt,
+        className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
+      }
+    ) : /* @__PURE__ */ jsx24(LogotipoDefault, {}) }),
+    onChangeToggle && /* @__PURE__ */ jsx24(
+      "button",
+      {
+        onClick: onChangeToggle,
+        className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden",
+        children: /* @__PURE__ */ jsx24(
+          "svg",
+          {
+            stroke: "currentColor",
+            fill: "currentColor",
+            strokeWidth: "0",
+            viewBox: "0 0 512 512",
+            className: "cnc-size-6 cnc-text-white",
+            height: "1em",
+            width: "1em",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsx24(
+              "path",
+              {
+                fill: "none",
+                strokeLinecap: "round",
+                strokeMiterlimit: "10",
+                strokeWidth: "48",
+                d: "M88 152h336M88 256h336M88 360h336"
+              }
+            )
+          }
+        )
+      }
+    )
   ] });
 }
 function Sidebar({ children, ...rest }) {
@@ -8922,7 +8992,11 @@ function Sidebar({ children, ...rest }) {
     }
   ) });
 }
-function SidebarNavLink({ asChild = false, type = "primary", ...rest }) {
+function SidebarNavLink({
+  asChild = false,
+  type = "primary",
+  ...rest
+}) {
   const Component = asChild ? Slot6 : "a";
   return /* @__PURE__ */ jsx24(
     Component,
@@ -8933,21 +9007,35 @@ function SidebarNavLink({ asChild = false, type = "primary", ...rest }) {
     }
   );
 }
-function SidebarNavCollapse({ children, title, icon, ...rest }) {
+function SidebarNavCollapse({
+  children,
+  title,
+  icon,
+  ...rest
+}) {
   return /* @__PURE__ */ jsxs9(Accordion.Item, { ...rest, children: [
-    /* @__PURE__ */ jsxs9(
-      Accordion.Trigger,
-      {
-        className: "group cnc-w-full cnc-py-4 cnc-text-base cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-justify-between hover:cnc-text-blue-600 cnc-sidebar-child-hidden",
-        children: [
-          /* @__PURE__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
-            icon && renderIconItem(icon),
-            title
-          ] }),
-          /* @__PURE__ */ jsx24("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ jsx24("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "cnc-w-full cnc-h-full cnc-text-violet10 cnc-transition-transform cnc-duration-300  cnc-ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:cnc-rotate-90", children: /* @__PURE__ */ jsx24("path", { d: "m9 18 6-6-6-6" }) }) })
-        ]
-      }
-    ),
+    /* @__PURE__ */ jsxs9(Accordion.Trigger, { className: "group cnc-w-full cnc-py-4 cnc-text-base cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-justify-between hover:cnc-text-blue-600 cnc-sidebar-child-hidden", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
+        icon && renderIconItem(icon),
+        title
+      ] }),
+      /* @__PURE__ */ jsx24("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ jsx24(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "cnc-w-full cnc-h-full cnc-text-violet10 cnc-transition-transform cnc-duration-300  cnc-ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:cnc-rotate-90",
+          children: /* @__PURE__ */ jsx24("path", { d: "m9 18 6-6-6-6" })
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ jsx24(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ jsx24("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
   ] });
 }
@@ -9279,6 +9367,21 @@ export {
   DialogPortal2 as DialogPortal,
   DialogTitle2 as DialogTitle,
   DialogTrigger2 as DialogTrigger,
+  DropdownMenu2 as DropdownMenu,
+  DropdownMenuCheckboxItem2 as DropdownMenuCheckboxItem,
+  DropdownMenuContent2 as DropdownMenuContent,
+  DropdownMenuGroup2 as DropdownMenuGroup,
+  DropdownMenuItem2 as DropdownMenuItem,
+  DropdownMenuLabel2 as DropdownMenuLabel,
+  DropdownMenuPortal2 as DropdownMenuPortal,
+  DropdownMenuRadioGroup2 as DropdownMenuRadioGroup,
+  DropdownMenuRadioItem2 as DropdownMenuRadioItem,
+  DropdownMenuSeparator2 as DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub2 as DropdownMenuSub,
+  DropdownMenuSubContent2 as DropdownMenuSubContent,
+  DropdownMenuSubTrigger2 as DropdownMenuSubTrigger,
+  DropdownMenuTrigger2 as DropdownMenuTrigger,
   Header,
   HeaderContainer,
   HeaderProfileHeader,