@kopexa/page-layout 3.0.9 → 4.0.0

package/dist/{chunk-2BLWNV43.mjs → chunk-2VYRLM2C.mjs}

@@ -1,16 +1,18 @@
 "use client";
 import {
+  PageLayoutBleed,
   PageLayoutContent,
   PageLayoutFooter,
   PageLayoutHeader,
   PageLayoutPane,
   PageLayoutRoot,
   __export
-} from "./chunk-FGP2EWNN.mjs";
+} from "./chunk-URSQ3AMR.mjs";
 
 // src/namespace.ts
 var namespace_exports = {};
 __export(namespace_exports, {
+  Bleed: () => PageLayoutBleed,
   Content: () => PageLayoutContent,
   Footer: () => PageLayoutFooter,
   Header: () => PageLayoutHeader,

package/dist/{chunk-FGP2EWNN.mjs → chunk-URSQ3AMR.mjs}

@@ -175,6 +175,15 @@ function getDisplayName(el) {
   var _a, _b, _c;
   return (_c = (_a = el.type) == null ? void 0 : _a.displayName) != null ? _c : (_b = el.type) == null ? void 0 : _b.name;
 }
+function PageLayoutBleed({ className, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className, "relative -mx-4 md:-mx-6 px-4 md:px-6"),
+      ...rest
+    }
+  );
+}
 
 export {
   __export,
@@ -182,5 +191,6 @@ export {
   PageLayoutHeader,
   PageLayoutFooter,
   PageLayoutPane,
-  PageLayoutContent
+  PageLayoutContent,
+  PageLayoutBleed
 };

package/dist/index.js

@@ -28,6 +28,7 @@ module.exports = __toCommonJS(index_exports);
 // src/namespace.ts
 var namespace_exports = {};
 __export(namespace_exports, {
+  Bleed: () => PageLayoutBleed,
   Content: () => PageLayoutContent,
   Footer: () => PageLayoutFooter,
   Header: () => PageLayoutHeader,
@@ -203,6 +204,15 @@ function getDisplayName(el) {
   var _a, _b, _c;
   return (_c = (_a = el.type) == null ? void 0 : _a.displayName) != null ? _c : (_b = el.type) == null ? void 0 : _b.name;
 }
+function PageLayoutBleed({ className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_shared_utils.cn)(className, "relative -mx-4 md:-mx-6 px-4 md:px-6"),
+      ...rest
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PageLayout

package/dist/index.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   namespace_exports
-} from "./chunk-2BLWNV43.mjs";
-import "./chunk-FGP2EWNN.mjs";
+} from "./chunk-2VYRLM2C.mjs";
+import "./chunk-URSQ3AMR.mjs";
 export {
   namespace_exports as PageLayout
 };

package/dist/namespace.d.mts

@@ -1,10 +1,10 @@
-import { PageLayoutContent, PageLayoutContentProps, PageLayoutFooter, PageLayoutFooterProps, PageLayoutHeader, PageLayoutHeaderProps, PageLayoutPane, PageLayoutPaneProps, PageLayoutRoot, PageLayoutRootProps } from './page-layout.mjs';
+import { PageLayoutBleed, PageLayoutBleedProps, PageLayoutContent, PageLayoutContentProps, PageLayoutFooter, PageLayoutFooterProps, PageLayoutHeader, PageLayoutHeaderProps, PageLayoutPane, PageLayoutPaneProps, PageLayoutRoot, PageLayoutRootProps } from './page-layout.mjs';
 import 'react/jsx-runtime';
 import '@kopexa/theme';
 import 'react';
 
 declare namespace namespace {
-  export { PageLayoutContent as Content, PageLayoutContentProps as ContentProps, PageLayoutFooter as Footer, PageLayoutFooterProps as FooterProps, PageLayoutHeader as Header, PageLayoutHeaderProps as HeaderProps, PageLayoutPane as Pane, PageLayoutPaneProps as PaneProps, PageLayoutRoot as Root, PageLayoutRootProps as RootProps };
+  export { PageLayoutBleed as Bleed, PageLayoutBleedProps as BleedProps, PageLayoutContent as Content, PageLayoutContentProps as ContentProps, PageLayoutFooter as Footer, PageLayoutFooterProps as FooterProps, PageLayoutHeader as Header, PageLayoutHeaderProps as HeaderProps, PageLayoutPane as Pane, PageLayoutPaneProps as PaneProps, PageLayoutRoot as Root, PageLayoutRootProps as RootProps };
 }
 
-export { PageLayoutContent as Content, PageLayoutContentProps as ContentProps, PageLayoutFooter as Footer, PageLayoutFooterProps as FooterProps, PageLayoutHeader as Header, PageLayoutHeaderProps as HeaderProps, PageLayoutPane as Pane, PageLayoutPaneProps as PaneProps, PageLayoutRoot as Root, PageLayoutRootProps as RootProps, namespace as n };
+export { PageLayoutBleed as Bleed, PageLayoutBleedProps as BleedProps, PageLayoutContent as Content, PageLayoutContentProps as ContentProps, PageLayoutFooter as Footer, PageLayoutFooterProps as FooterProps, PageLayoutHeader as Header, PageLayoutHeaderProps as HeaderProps, PageLayoutPane as Pane, PageLayoutPaneProps as PaneProps, PageLayoutRoot as Root, PageLayoutRootProps as RootProps, namespace as n };

package/dist/namespace.d.ts

@@ -1,10 +1,10 @@
-import { PageLayoutContent, PageLayoutContentProps, PageLayoutFooter, PageLayoutFooterProps, PageLayoutHeader, PageLayoutHeaderProps, PageLayoutPane, PageLayoutPaneProps, PageLayoutRoot, PageLayoutRootProps } from './page-layout.js';
+import { PageLayoutBleed, PageLayoutBleedProps, PageLayoutContent, PageLayoutContentProps, PageLayoutFooter, PageLayoutFooterProps, PageLayoutHeader, PageLayoutHeaderProps, PageLayoutPane, PageLayoutPaneProps, PageLayoutRoot, PageLayoutRootProps } from './page-layout.js';
 import 'react/jsx-runtime';
 import '@kopexa/theme';
 import 'react';
 
 declare namespace namespace {
-  export { PageLayoutContent as Content, PageLayoutContentProps as ContentProps, PageLayoutFooter as Footer, PageLayoutFooterProps as FooterProps, PageLayoutHeader as Header, PageLayoutHeaderProps as HeaderProps, PageLayoutPane as Pane, PageLayoutPaneProps as PaneProps, PageLayoutRoot as Root, PageLayoutRootProps as RootProps };
+  export { PageLayoutBleed as Bleed, PageLayoutBleedProps as BleedProps, PageLayoutContent as Content, PageLayoutContentProps as ContentProps, PageLayoutFooter as Footer, PageLayoutFooterProps as FooterProps, PageLayoutHeader as Header, PageLayoutHeaderProps as HeaderProps, PageLayoutPane as Pane, PageLayoutPaneProps as PaneProps, PageLayoutRoot as Root, PageLayoutRootProps as RootProps };
 }
 
-export { PageLayoutContent as Content, PageLayoutContentProps as ContentProps, PageLayoutFooter as Footer, PageLayoutFooterProps as FooterProps, PageLayoutHeader as Header, PageLayoutHeaderProps as HeaderProps, PageLayoutPane as Pane, PageLayoutPaneProps as PaneProps, PageLayoutRoot as Root, PageLayoutRootProps as RootProps, namespace as n };
+export { PageLayoutBleed as Bleed, PageLayoutBleedProps as BleedProps, PageLayoutContent as Content, PageLayoutContentProps as ContentProps, PageLayoutFooter as Footer, PageLayoutFooterProps as FooterProps, PageLayoutHeader as Header, PageLayoutHeaderProps as HeaderProps, PageLayoutPane as Pane, PageLayoutPaneProps as PaneProps, PageLayoutRoot as Root, PageLayoutRootProps as RootProps, namespace as n };

package/dist/namespace.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/namespace.ts
 var namespace_exports = {};
 __export(namespace_exports, {
+  Bleed: () => PageLayoutBleed,
   Content: () => PageLayoutContent,
   Footer: () => PageLayoutFooter,
   Header: () => PageLayoutHeader,
@@ -197,8 +198,18 @@ function getDisplayName(el) {
   var _a, _b, _c;
   return (_c = (_a = el.type) == null ? void 0 : _a.displayName) != null ? _c : (_b = el.type) == null ? void 0 : _b.name;
 }
+function PageLayoutBleed({ className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_shared_utils.cn)(className, "relative -mx-4 md:-mx-6 px-4 md:px-6"),
+      ...rest
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Bleed,
   Content,
   Footer,
   Header,

package/dist/namespace.mjs

@@ -1,13 +1,15 @@
 "use client";
-import "./chunk-2BLWNV43.mjs";
+import "./chunk-2VYRLM2C.mjs";
 import {
+  PageLayoutBleed,
   PageLayoutContent,
   PageLayoutFooter,
   PageLayoutHeader,
   PageLayoutPane,
   PageLayoutRoot
-} from "./chunk-FGP2EWNN.mjs";
+} from "./chunk-URSQ3AMR.mjs";
 export {
+  PageLayoutBleed as Bleed,
   PageLayoutContent as Content,
   PageLayoutFooter as Footer,
   PageLayoutHeader as Header,

package/dist/page-layout.d.mts

@@ -42,5 +42,7 @@ type PageLayoutContentProps = ComponentProps<"div"> & {
     gap?: PageLayoutVariantProps["gap"];
 };
 declare function PageLayoutContent(props: PageLayoutContentProps): react_jsx_runtime.JSX.Element;
+type PageLayoutBleedProps = ComponentProps<"div">;
+declare function PageLayoutBleed({ className, ...rest }: PageLayoutBleedProps): react_jsx_runtime.JSX.Element;
 
-export { PageLayoutContent, type PageLayoutContentProps, PageLayoutFooter, type PageLayoutFooterProps, PageLayoutHeader, type PageLayoutHeaderProps, PageLayoutPane, type PageLayoutPaneProps, PageLayoutRoot, type PageLayoutRootProps };
+export { PageLayoutBleed, type PageLayoutBleedProps, PageLayoutContent, type PageLayoutContentProps, PageLayoutFooter, type PageLayoutFooterProps, PageLayoutHeader, type PageLayoutHeaderProps, PageLayoutPane, type PageLayoutPaneProps, PageLayoutRoot, type PageLayoutRootProps };

package/dist/page-layout.d.ts

@@ -42,5 +42,7 @@ type PageLayoutContentProps = ComponentProps<"div"> & {
     gap?: PageLayoutVariantProps["gap"];
 };
 declare function PageLayoutContent(props: PageLayoutContentProps): react_jsx_runtime.JSX.Element;
+type PageLayoutBleedProps = ComponentProps<"div">;
+declare function PageLayoutBleed({ className, ...rest }: PageLayoutBleedProps): react_jsx_runtime.JSX.Element;
 
-export { PageLayoutContent, type PageLayoutContentProps, PageLayoutFooter, type PageLayoutFooterProps, PageLayoutHeader, type PageLayoutHeaderProps, PageLayoutPane, type PageLayoutPaneProps, PageLayoutRoot, type PageLayoutRootProps };
+export { PageLayoutBleed, type PageLayoutBleedProps, PageLayoutContent, type PageLayoutContentProps, PageLayoutFooter, type PageLayoutFooterProps, PageLayoutHeader, type PageLayoutHeaderProps, PageLayoutPane, type PageLayoutPaneProps, PageLayoutRoot, type PageLayoutRootProps };

package/dist/page-layout.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/page-layout.tsx
 var page_layout_exports = {};
 __export(page_layout_exports, {
+  PageLayoutBleed: () => PageLayoutBleed,
   PageLayoutContent: () => PageLayoutContent,
   PageLayoutFooter: () => PageLayoutFooter,
   PageLayoutHeader: () => PageLayoutHeader,
@@ -195,8 +196,18 @@ function getDisplayName(el) {
   var _a, _b, _c;
   return (_c = (_a = el.type) == null ? void 0 : _a.displayName) != null ? _c : (_b = el.type) == null ? void 0 : _b.name;
 }
+function PageLayoutBleed({ className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_shared_utils.cn)(className, "relative -mx-4 md:-mx-6 px-4 md:px-6"),
+      ...rest
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  PageLayoutBleed,
   PageLayoutContent,
   PageLayoutFooter,
   PageLayoutHeader,

package/dist/page-layout.mjs

@@ -1,12 +1,14 @@
 "use client";
 import {
+  PageLayoutBleed,
   PageLayoutContent,
   PageLayoutFooter,
   PageLayoutHeader,
   PageLayoutPane,
   PageLayoutRoot
-} from "./chunk-FGP2EWNN.mjs";
+} from "./chunk-URSQ3AMR.mjs";
 export {
+  PageLayoutBleed,
   PageLayoutContent,
   PageLayoutFooter,
   PageLayoutHeader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/page-layout",
-  "version": "3.0.9",
+  "version": "4.0.0",
   "description": "The layout for our pages used within kopexa",
   "keywords": [
     "page-layout"
@@ -28,11 +28,11 @@
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
     "motion": ">=12.23.6",
-    "@kopexa/theme": "1.5.7"
+    "@kopexa/theme": "1.6.0"
   },
   "dependencies": {
     "@kopexa/shared-utils": "1.1.5",
-    "@kopexa/react-utils": "2.0.5"
+    "@kopexa/react-utils": "2.0.6"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",