@cnc-ti/layout-basic 8.1.11 → 8.1.13

package/dist/index.js

@@ -47,6 +47,21 @@ __export(src_exports, {
   DialogPortal: () => DialogPortal2,
   DialogTitle: () => DialogTitle2,
   DialogTrigger: () => DialogTrigger2,
+  DropdownMenu: () => DropdownMenu2,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem2,
+  DropdownMenuContent: () => DropdownMenuContent2,
+  DropdownMenuGroup: () => DropdownMenuGroup2,
+  DropdownMenuItem: () => DropdownMenuItem2,
+  DropdownMenuLabel: () => DropdownMenuLabel2,
+  DropdownMenuPortal: () => DropdownMenuPortal2,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup2,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem2,
+  DropdownMenuSeparator: () => DropdownMenuSeparator2,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub2,
+  DropdownMenuSubContent: () => DropdownMenuSubContent2,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger2,
+  DropdownMenuTrigger: () => DropdownMenuTrigger2,
   Header: () => Header,
   HeaderContainer: () => HeaderContainer,
   HeaderProfileHeader: () => HeaderProfileHeader,
@@ -7868,6 +7883,7 @@ var RadioItem = MenuRadioItem;
 var ItemIndicator = MenuItemIndicator;
 var Separator = MenuSeparator;
 var Arrow22 = MenuArrow;
+var Sub = MenuSub;
 var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
@@ -8069,6 +8085,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__ */ (0, import_jsx_runtime16.jsx)(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
+};
 var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
 var DropdownMenuSubTrigger = React34.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
@@ -8105,12 +8131,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;
 
@@ -8119,6 +8148,10 @@ var React35 = __toESM(require("react"));
 var import_jsx_runtime17 = require("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__ */ (0, import_jsx_runtime17.jsxs)(
   SubTrigger2,
   {
@@ -8277,13 +8310,20 @@ var Header = ({
 };
 var HeaderContainer = ({
   className,
+  isOpen,
+  onOpenMenu,
+  children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "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__ */ (0, import_jsx_runtime18.jsx)("div", { children: onOpenMenu && !isOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: onOpenMenu, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden cnc-cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime18.jsx)("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "cnc-flex", children })
+      ]
     }
   );
 };
@@ -8784,9 +8824,9 @@ var ModalMudancaEntidade = ({
 };
 
 // src/components/Sidebar/index.tsx
-var import_react7 = require("react");
-var import_react_slot6 = require("@radix-ui/react-slot");
 var Accordion = __toESM(require("@radix-ui/react-accordion"));
+var import_react_slot6 = require("@radix-ui/react-slot");
+var import_react7 = require("react");
 
 // src/components/assets/logotipo-default.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -8956,22 +8996,64 @@ function LogotipoDefault() {
 
 // src/components/Sidebar/index.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
-function SidebarContainer({ isOpen = true, ...rest }) {
-  const sidebarWidth = "295px";
+function SidebarContainer({
+  isOpen = true,
+  ...rest
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "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__ */ (0, import_jsx_runtime24.jsxs)("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__ */ (0, import_jsx_runtime24.jsx)("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: img.src, alt: img?.alt, className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LogotipoDefault, {}) }),
-    onChangeToggle && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: onChangeToggle, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "img",
+      {
+        src: img.src,
+        alt: img?.alt,
+        className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LogotipoDefault, {}) }),
+    onChangeToggle && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "button",
+      {
+        onClick: onChangeToggle,
+        className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden",
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          "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__ */ (0, import_jsx_runtime24.jsx)(
+              "path",
+              {
+                fill: "none",
+                strokeLinecap: "round",
+                strokeMiterlimit: "10",
+                strokeWidth: "48",
+                d: "M88 152h336M88 256h336M88 360h336"
+              }
+            )
+          }
+        )
+      }
+    )
   ] });
 }
 function Sidebar({ children, ...rest }) {
@@ -8983,7 +9065,11 @@ function Sidebar({ children, ...rest }) {
     }
   ) });
 }
-function SidebarNavLink({ asChild = false, type = "primary", ...rest }) {
+function SidebarNavLink({
+  asChild = false,
+  type = "primary",
+  ...rest
+}) {
   const Component = asChild ? import_react_slot6.Slot : "a";
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Component,
@@ -8994,21 +9080,35 @@ function SidebarNavLink({ asChild = false, type = "primary", ...rest }) {
     }
   );
 }
-function SidebarNavCollapse({ children, title, icon, ...rest }) {
+function SidebarNavCollapse({
+  children,
+  title,
+  icon,
+  ...rest
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Accordion.Item, { ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-      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__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
-            icon && renderIconItem(icon),
-            title
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("path", { d: "m9 18 6-6-6-6" }) }) })
-        ]
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(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__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
+        icon && renderIconItem(icon),
+        title
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "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__ */ (0, import_jsx_runtime24.jsx)("path", { d: "m9 18 6-6-6-6" })
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
   ] });
 }
@@ -9341,6 +9441,21 @@ PopoverContent2.displayName = Content23.displayName;
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
   Header,
   HeaderContainer,
   HeaderProfileHeader,