@cnc-ti/layout-basic 8.1.8 → 8.1.10

package/dist/index.mjs

@@ -1,3 +1,5 @@
+"use client";
+
 // src/components/Button/index.tsx
 import { Slot } from "@radix-ui/react-slot";
 
@@ -8180,7 +8182,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/Header/index.tsx
-import { jsx as jsx18, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs3 } from "react/jsx-runtime";
 function getInitials(fullName) {
   if (!fullName) {
     return "";
@@ -8194,12 +8196,16 @@ function getInitials(fullName) {
   return `${firstNameInitial}${lastNameInitial}`;
 }
 var Header = ({
+  className,
   ...props
 }) => {
   return /* @__PURE__ */ jsx18(
     "header",
     {
-      className: "cnc-h-[60px] cnc-flex cnc-items-center cnc-justify-end cnc-gap-4 cnc-px-4 cnc-w-full cnc-shadow-custom",
+      className: cn(
+        "cnc-h-[60px] cnc-flex cnc-items-center cnc-justify-end cnc-gap-4 cnc-px-4 cnc-w-full cnc-shadow-md cnc-bg-white",
+        className
+      ),
       ...props
     }
   );
@@ -8250,30 +8256,33 @@ var HeaderProfileItem = ({
     children
   ] });
 };
-var AplicationsHeader = ({ optionsAplications }) => {
-  return /* @__PURE__ */ jsx18("div", { className: "cnc-flex cnc-flex-row cnc-items-center cnc-justify-center hover:cnc-bg-gray-100 cnc-transition duration-300 cnc-ease-in-out cnc-cursor-pointer cnc-p-2 cnc-rounded-lg", children: /* @__PURE__ */ jsx18("div", { className: "cnc-flex cnc-flex-row cnc-items-center cnc-justify-center cnc-rounded-full cnc-w-10 cnc-h-10 text-sm cnc-font-normal", children: /* @__PURE__ */ jsx18(
-    "svg",
-    {
-      width: "18",
-      height: "18",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx18(
-        "path",
-        {
-          d: "M2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4ZM8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16ZM2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16ZM2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10ZM8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10ZM12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0C12.9 0 12 0.9 12 2ZM8 4C9.1 4 10 3.1 10 2C10 0.9 9.1 0 8 0C6.9 0 6 0.9 6 2C6 3.1 6.9 4 8 4ZM14 10C15.1 10 16 9.1 16 8C16 6.9 15.1 6 14 6C12.9 6 12 6.9 12 8C12 9.1 12.9 10 14 10ZM14 16C15.1 16 16 15.1 16 14C16 12.9 15.1 12 14 12C12.9 12 12 12.9 12 14C12 15.1 12.9 16 14 16Z",
-          fill: "black"
-        }
-      )
-    }
-  ) }) });
+var AplicationsHeader = ({ children }) => {
+  return /* @__PURE__ */ jsx18(Fragment5, { children: /* @__PURE__ */ jsxs3(DropdownMenu2, { children: [
+    /* @__PURE__ */ jsx18(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx18("div", { className: "cnc-flex cnc-flex-row cnc-gap-2 cnc-items-center cnc-justify-center hover:cnc-bg-gray-100 cnc-transition cnc-duration-300 cnc-ease-in-out cnc-cursor-pointer cnc-px-4 cnc-py-2 cnc-rounded-lg", children: /* @__PURE__ */ jsx18(
+      "svg",
+      {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsx18(
+          "path",
+          {
+            d: "M2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4ZM8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16ZM2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16ZM2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10ZM8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10ZM12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0C12.9 0 12 0.9 12 2ZM8 4C9.1 4 10 3.1 10 2C10 0.9 9.1 0 8 0C6.9 0 6 0.9 6 2C6 3.1 6.9 4 8 4ZM14 10C15.1 10 16 9.1 16 8C16 6.9 15.1 6 14 6C12.9 6 12 6.9 12 8C12 9.1 12.9 10 14 10ZM14 16C15.1 16 16 15.1 16 14C16 12.9 15.1 12 14 12C12.9 12 12 12.9 12 14C12 15.1 12.9 16 14 16Z",
+            fill: "black"
+          }
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx18(DropdownMenuContent2, { className: "flex", children })
+  ] }) });
 };
 
 // ../../node_modules/@radix-ui/react-dialog/dist/index.mjs
 import * as React36 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs4 } from "react/jsx-runtime";
 var DIALOG_NAME = "Dialog";
 var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -8463,7 +8472,7 @@ var DialogContentImpl = React36.forwardRef(
     const contentRef = React36.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     useFocusGuards();
-    return /* @__PURE__ */ jsxs4(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs4(Fragment6, { children: [
       /* @__PURE__ */ jsx19(
         FocusScope,
         {
@@ -8487,7 +8496,7 @@ var DialogContentImpl = React36.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ jsxs4(Fragment5, { children: [
+      /* @__PURE__ */ jsxs4(Fragment6, { children: [
         /* @__PURE__ */ jsx19(TitleWarning, { titleId: context.titleId }),
         /* @__PURE__ */ jsx19(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
       ] })
@@ -8684,7 +8693,7 @@ var Modal = ({
 };
 
 // src/components/Modal/ModalMudancaEntidade/index.tsx
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
 var ModalMudancaEntidade = ({
   title,
   onClose,
@@ -8698,7 +8707,7 @@ var ModalMudancaEntidade = ({
       title,
       onClose,
       visibleModal,
-      content: /* @__PURE__ */ jsxs7(Fragment6, { children: [
+      content: /* @__PURE__ */ jsxs7(Fragment7, { children: [
         /* @__PURE__ */ jsx22(DialogTitle2, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidade" }),
         /* @__PURE__ */ jsxs7("div", { className: "cnc-flex cnc-mb-5 ", children: [
           /* @__PURE__ */ jsx22(SelectComponent, {}),
@@ -8897,7 +8906,7 @@ function SidebarContainer({ isOpen = true, ...rest }) {
 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", "stroke-width": "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", "stroke-linecap": "round", "stroke-miterlimit": "10", "stroke-width": "48", d: "M88 152h336M88 256h336M88 360h336" }) }) })
+    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 }) {
@@ -8931,7 +8940,7 @@ function SidebarNavCollapse({ children, title, icon, ...rest }) {
             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", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "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("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" }) }) })
         ]
       }
     ),