@cnc-ti/layout-basic 8.3.2 → 8.3.4

package/dist/index.js

@@ -80,6 +80,9 @@ __export(src_exports, {
   ModalEntidade: () => ModalEntidade,
   ModalMudancaEntidade: () => ModalMudancaEntidade,
   PageHeader: () => PageHeader,
+  PageHeaderActionsContainer: () => PageHeaderActionsContainer,
+  PageHeaderTitle: () => PageHeaderTitle,
+  PageHeaderTitleContent: () => PageHeaderTitleContent,
   Popover: () => Popover2,
   PopoverContent: () => PopoverContent2,
   PopoverTrigger: () => PopoverTrigger2,
@@ -9612,51 +9615,63 @@ var AnimatedCollapsibleContent = ({
 // src/components/molecules/display/page-header.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function PageHeader({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "header",
+    {
+      className: cn(
+        "cnc-w-full cnc-flex cnc-flex-col cnc-items-center cnc-gap-4 cnc-p-4 cnc-bg-brand-blue-50 cnc-border-b-2 cnc-border-brand-blue-60 md:cnc-flex-row md:cnc-justify-between md:cnc-items-start md:cnc-p-8",
+        className
+      ),
+      children
+    }
+  );
+}
+function PageHeaderTitleContent({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    {
+      className: cn(
+        "cnc-flex cnc-flex-col cnc-items-center cnc-text-center md:cnc-flex-row md:cnc-items-start md:cnc-text-left",
+        className
+      ),
+      children
+    }
+  );
+}
+function PageHeaderTitle({
   title,
   description,
-  actions,
-  titleAs = "h1",
-  showGoBack = false
+  titleAs = "h1"
 }) {
   const ComponentTitle = titleAs;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: title && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("header", { className: "cnc-w-full cnc-flex cnc-items-center cnc-justify-between cnc-p-8 cnc-bg-brand-blue-50 cnc-border-b-2 cnc-border-brand-blue-60", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "cnc-flex cnc-flex-col cnc-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "cnc-flex cnc-items-start cnc-gap-2", children: [
-      showGoBack && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-        "button",
-        {
-          className: "cnc-mt-1 hover:cnc-opacity-60",
-          onClick: () => window.history.back(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "cnc-w-6 cnc-h-6 cnc-text-[#1F2C4D]",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              strokeWidth: 1.5,
-              stroke: "currentColor",
-              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  d: "M15.75 19.5 8.25 12l7.5-7.5"
-                }
-              )
-            }
-          )
-        }
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
+  ] });
+}
+function PageHeaderActionsContainer({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    {
+      className: cn(
+        "cnc-flex cnc-items-center cnc-gap-2 md:cnc-flex-row md:cnc-gap-4",
+        className
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-leading-8 cnc-font-semibold cnc-text-brand-blue-600", children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "cnc-text-brand-gray-500 cnc-leading-4", children: description })
-      ] })
-    ] }) }),
-    actions && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "cnc-flex cnc-gap-4", children: actions })
-  ] }) });
+      children
+    }
+  );
 }
 function Title2({ title, as: Component = "h1" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Component, { className: "cnc-text-[28px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-[10px] cnc-mb-5", children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -9705,6 +9720,9 @@ function Title2({ title, as: Component = "h1" }) {
   ModalEntidade,
   ModalMudancaEntidade,
   PageHeader,
+  PageHeaderActionsContainer,
+  PageHeaderTitle,
+  PageHeaderTitleContent,
   Popover,
   PopoverContent,
   PopoverTrigger,