@cnc-ti/layout-basic 8.3.2 → 8.3.4

package/dist/index.mjs

@@ -9512,53 +9512,65 @@ var AnimatedCollapsibleContent = ({
 };
 
 // src/components/molecules/display/page-header.tsx
-import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
 function PageHeader({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx29(
+    "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__ */ jsx29(
+    "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__ */ jsx29(Fragment8, { children: title && /* @__PURE__ */ jsxs12("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__ */ jsx29("div", { className: "cnc-flex cnc-flex-col cnc-gap-2", children: /* @__PURE__ */ jsxs12("div", { className: "cnc-flex cnc-items-start cnc-gap-2", children: [
-      showGoBack && /* @__PURE__ */ jsx29(
-        "button",
-        {
-          className: "cnc-mt-1 hover:cnc-opacity-60",
-          onClick: () => window.history.back(),
-          children: /* @__PURE__ */ jsx29(
-            "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__ */ jsx29(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  d: "M15.75 19.5 8.25 12l7.5-7.5"
-                }
-              )
-            }
-          )
-        }
+  return /* @__PURE__ */ jsxs12("div", { children: [
+    /* @__PURE__ */ jsx29(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+    description && /* @__PURE__ */ jsx29("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
+  ] });
+}
+function PageHeaderActionsContainer({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx29(
+    "div",
+    {
+      className: cn(
+        "cnc-flex cnc-items-center cnc-gap-2 md:cnc-flex-row md:cnc-gap-4",
+        className
       ),
-      /* @__PURE__ */ jsxs12("div", { children: [
-        /* @__PURE__ */ jsx29(ComponentTitle, { className: "cnc-text-2xl cnc-leading-8 cnc-font-semibold cnc-text-brand-blue-600", children: title }),
-        description && /* @__PURE__ */ jsx29("p", { className: "cnc-text-brand-gray-500 cnc-leading-4", children: description })
-      ] })
-    ] }) }),
-    actions && /* @__PURE__ */ jsx29("div", { className: "cnc-flex cnc-gap-4", children: actions })
-  ] }) });
+      children
+    }
+  );
 }
 function Title2({ title, as: Component = "h1" }) {
-  return /* @__PURE__ */ jsx29(Component, { className: "cnc-text-[28px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-[10px] cnc-mb-5", children: title });
+  return /* @__PURE__ */ jsx29(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 });
 }
 export {
   AplicationsHeader,
@@ -9606,6 +9618,9 @@ export {
   ModalEntidade,
   ModalMudancaEntidade,
   PageHeader,
+  PageHeaderActionsContainer,
+  PageHeaderTitle,
+  PageHeaderTitleContent,
   Popover2 as Popover,
   PopoverContent2 as PopoverContent,
   PopoverTrigger2 as PopoverTrigger,