@kopexa/page-layout 3.0.4 → 3.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/{chunk-F7HJK32J.mjs → chunk-FQT7SY6U.mjs} +21 -6
  2. package/dist/{chunk-QHYETCIA.mjs → chunk-OCDAFVW3.mjs} +1 -1
  3. package/dist/index.js +21 -6
  4. package/dist/index.mjs +2 -2
  5. package/dist/namespace.js +21 -6
  6. package/dist/namespace.mjs +2 -2
  7. package/dist/page-layout.d.mts +10 -2
  8. package/dist/page-layout.d.ts +10 -2
  9. package/dist/page-layout.js +21 -6
  10. package/dist/page-layout.mjs +1 -1
  11. package/package.json +2 -2
package/dist/{chunk-F7HJK32J.mjs → chunk-FQT7SY6U.mjs} RENAMED
@@ -44,9 +44,9 @@ var PageLayoutRoot = (props) => {
44
44
  ] }) }) });
45
45
  };
46
46
  var PageLayoutHeader = (props) => {
47
- const { className, ...rest } = props;
47
+ const { className, spacing, gap, ...rest } = props;
48
48
  const { styles } = usePageLayoutContext();
49
- return /* @__PURE__ */ jsx("header", { className: styles.header({ className }), ...rest });
49
+ return /* @__PURE__ */ jsx("header", { className: styles.header({ className, spacing, gap }), ...rest });
50
50
  };
51
51
  PageLayoutHeader.displayName = "PageLayoutHeader";
52
52
  var PageLayoutFooter = (props) => {
@@ -56,12 +56,20 @@ var PageLayoutFooter = (props) => {
56
56
  };
57
57
  PageLayoutFooter.displayName = "PageLayoutFooter";
58
58
  function PageLayoutPane(props) {
59
- const { className, children, position = "end", sticky, ...rest } = props;
59
+ const {
60
+ className,
61
+ children,
62
+ position = "end",
63
+ sticky,
64
+ spacing,
65
+ gap,
66
+ ...rest
67
+ } = props;
60
68
  const { styles } = usePageLayoutContext();
61
69
  return /* @__PURE__ */ jsx(
62
70
  "div",
63
71
  {
64
- className: styles.paneWrapper({ className }),
72
+ className: styles.paneWrapper({ className, spacing, gap }),
65
73
  "data-position": position,
66
74
  "data-sticky": dataAttr(sticky),
67
75
  ...rest,
@@ -70,9 +78,16 @@ function PageLayoutPane(props) {
70
78
  );
71
79
  }
72
80
  function PageLayoutContent(props) {
73
- const { className, children, ...rest } = props;
81
+ const { className, children, spacing, gap, ...rest } = props;
74
82
  const { styles } = usePageLayoutContext();
75
- return /* @__PURE__ */ jsx("div", { className: styles.contentWrapper({ className }), ...rest, children: /* @__PURE__ */ jsx("div", { className: styles.content(), children }) });
83
+ return /* @__PURE__ */ jsx(
84
+ "div",
85
+ {
86
+ className: styles.contentWrapper({ className, spacing, gap }),
87
+ ...rest,
88
+ children: /* @__PURE__ */ jsx("div", { className: styles.content(), children })
89
+ }
90
+ );
76
91
  }
77
92
  function getDisplayName(el) {
78
93
  var _a, _b, _c;
package/dist/{chunk-QHYETCIA.mjs → chunk-OCDAFVW3.mjs} RENAMED
@@ -6,7 +6,7 @@ import {
6
6
  PageLayoutPane,
7
7
  PageLayoutRoot,
8
8
  __export
9
- } from "./chunk-F7HJK32J.mjs";
9
+ } from "./chunk-FQT7SY6U.mjs";
10
10
 
11
11
  // src/namespace.ts
12
12
  var namespace_exports = {};
package/dist/index.js CHANGED
@@ -74,9 +74,9 @@ var PageLayoutRoot = (props) => {
74
74
  ] }) }) });
75
75
  };
76
76
  var PageLayoutHeader = (props) => {
77
- const { className, ...rest } = props;
77
+ const { className, spacing, gap, ...rest } = props;
78
78
  const { styles } = usePageLayoutContext();
79
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: styles.header({ className }), ...rest });
79
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: styles.header({ className, spacing, gap }), ...rest });
80
80
  };
81
81
  PageLayoutHeader.displayName = "PageLayoutHeader";
82
82
  var PageLayoutFooter = (props) => {
@@ -86,12 +86,20 @@ var PageLayoutFooter = (props) => {
86
86
  };
87
87
  PageLayoutFooter.displayName = "PageLayoutFooter";
88
88
  function PageLayoutPane(props) {
89
- const { className, children, position = "end", sticky, ...rest } = props;
89
+ const {
90
+ className,
91
+ children,
92
+ position = "end",
93
+ sticky,
94
+ spacing,
95
+ gap,
96
+ ...rest
97
+ } = props;
90
98
  const { styles } = usePageLayoutContext();
91
99
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
92
100
  "div",
93
101
  {
94
- className: styles.paneWrapper({ className }),
102
+ className: styles.paneWrapper({ className, spacing, gap }),
95
103
  "data-position": position,
96
104
  "data-sticky": (0, import_shared_utils.dataAttr)(sticky),
97
105
  ...rest,
@@ -100,9 +108,16 @@ function PageLayoutPane(props) {
100
108
  );
101
109
  }
102
110
  function PageLayoutContent(props) {
103
- const { className, children, ...rest } = props;
111
+ const { className, children, spacing, gap, ...rest } = props;
104
112
  const { styles } = usePageLayoutContext();
105
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.contentWrapper({ className }), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children }) });
113
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
114
+ "div",
115
+ {
116
+ className: styles.contentWrapper({ className, spacing, gap }),
117
+ ...rest,
118
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children })
119
+ }
120
+ );
106
121
  }
107
122
  function getDisplayName(el) {
108
123
  var _a, _b, _c;
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  namespace_exports
4
- } from "./chunk-QHYETCIA.mjs";
5
- import "./chunk-F7HJK32J.mjs";
4
+ } from "./chunk-OCDAFVW3.mjs";
5
+ import "./chunk-FQT7SY6U.mjs";
6
6
  export {
7
7
  namespace_exports as PageLayout
8
8
  };
package/dist/namespace.js CHANGED
@@ -68,9 +68,9 @@ var PageLayoutRoot = (props) => {
68
68
  ] }) }) });
69
69
  };
70
70
  var PageLayoutHeader = (props) => {
71
- const { className, ...rest } = props;
71
+ const { className, spacing, gap, ...rest } = props;
72
72
  const { styles } = usePageLayoutContext();
73
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: styles.header({ className }), ...rest });
73
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: styles.header({ className, spacing, gap }), ...rest });
74
74
  };
75
75
  PageLayoutHeader.displayName = "PageLayoutHeader";
76
76
  var PageLayoutFooter = (props) => {
@@ -80,12 +80,20 @@ var PageLayoutFooter = (props) => {
80
80
  };
81
81
  PageLayoutFooter.displayName = "PageLayoutFooter";
82
82
  function PageLayoutPane(props) {
83
- const { className, children, position = "end", sticky, ...rest } = props;
83
+ const {
84
+ className,
85
+ children,
86
+ position = "end",
87
+ sticky,
88
+ spacing,
89
+ gap,
90
+ ...rest
91
+ } = props;
84
92
  const { styles } = usePageLayoutContext();
85
93
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
86
94
  "div",
87
95
  {
88
- className: styles.paneWrapper({ className }),
96
+ className: styles.paneWrapper({ className, spacing, gap }),
89
97
  "data-position": position,
90
98
  "data-sticky": (0, import_shared_utils.dataAttr)(sticky),
91
99
  ...rest,
@@ -94,9 +102,16 @@ function PageLayoutPane(props) {
94
102
  );
95
103
  }
96
104
  function PageLayoutContent(props) {
97
- const { className, children, ...rest } = props;
105
+ const { className, children, spacing, gap, ...rest } = props;
98
106
  const { styles } = usePageLayoutContext();
99
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.contentWrapper({ className }), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children }) });
107
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
108
+ "div",
109
+ {
110
+ className: styles.contentWrapper({ className, spacing, gap }),
111
+ ...rest,
112
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children })
113
+ }
114
+ );
100
115
  }
101
116
  function getDisplayName(el) {
102
117
  var _a, _b, _c;
package/dist/namespace.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  "use client";
2
- import "./chunk-QHYETCIA.mjs";
2
+ import "./chunk-OCDAFVW3.mjs";
3
3
  import {
4
4
  PageLayoutContent,
5
5
  PageLayoutFooter,
6
6
  PageLayoutHeader,
7
7
  PageLayoutPane,
8
8
  PageLayoutRoot
9
- } from "./chunk-F7HJK32J.mjs";
9
+ } from "./chunk-FQT7SY6U.mjs";
10
10
  export {
11
11
  PageLayoutContent as Content,
12
12
  PageLayoutFooter as Footer,
package/dist/page-layout.d.mts CHANGED
@@ -4,7 +4,10 @@ import { ComponentProps } from 'react';
4
4
 
5
5
  type PageLayoutRootProps = ComponentProps<"div"> & PageLayoutVariantProps;
6
6
  declare const PageLayoutRoot: (props: PageLayoutRootProps) => react_jsx_runtime.JSX.Element;
7
- type PageLayoutHeaderProps = ComponentProps<"header">;
7
+ type PageLayoutHeaderProps = ComponentProps<"header"> & {
8
+ spacing?: PageLayoutVariantProps["spacing"];
9
+ gap?: PageLayoutVariantProps["gap"];
10
+ };
8
11
  declare const PageLayoutHeader: {
9
12
  (props: PageLayoutHeaderProps): react_jsx_runtime.JSX.Element;
10
13
  displayName: string;
@@ -28,9 +31,14 @@ type PageLayoutPaneProps = ComponentProps<"div"> & {
28
31
  * @default false
29
32
  */
30
33
  sticky?: boolean;
34
+ spacing?: PageLayoutVariantProps["spacing"];
35
+ gap?: PageLayoutVariantProps["gap"];
31
36
  };
32
37
  declare function PageLayoutPane(props: PageLayoutPaneProps): react_jsx_runtime.JSX.Element;
33
- type PageLayoutContentProps = ComponentProps<"div">;
38
+ type PageLayoutContentProps = ComponentProps<"div"> & {
39
+ spacing?: PageLayoutVariantProps["spacing"];
40
+ gap?: PageLayoutVariantProps["gap"];
41
+ };
34
42
  declare function PageLayoutContent(props: PageLayoutContentProps): react_jsx_runtime.JSX.Element;
35
43
 
36
44
  export { PageLayoutContent, type PageLayoutContentProps, PageLayoutFooter, type PageLayoutFooterProps, PageLayoutHeader, type PageLayoutHeaderProps, PageLayoutPane, type PageLayoutPaneProps, PageLayoutRoot, type PageLayoutRootProps };
package/dist/page-layout.d.ts CHANGED
@@ -4,7 +4,10 @@ import { ComponentProps } from 'react';
4
4
 
5
5
  type PageLayoutRootProps = ComponentProps<"div"> & PageLayoutVariantProps;
6
6
  declare const PageLayoutRoot: (props: PageLayoutRootProps) => react_jsx_runtime.JSX.Element;
7
- type PageLayoutHeaderProps = ComponentProps<"header">;
7
+ type PageLayoutHeaderProps = ComponentProps<"header"> & {
8
+ spacing?: PageLayoutVariantProps["spacing"];
9
+ gap?: PageLayoutVariantProps["gap"];
10
+ };
8
11
  declare const PageLayoutHeader: {
9
12
  (props: PageLayoutHeaderProps): react_jsx_runtime.JSX.Element;
10
13
  displayName: string;
@@ -28,9 +31,14 @@ type PageLayoutPaneProps = ComponentProps<"div"> & {
28
31
  * @default false
29
32
  */
30
33
  sticky?: boolean;
34
+ spacing?: PageLayoutVariantProps["spacing"];
35
+ gap?: PageLayoutVariantProps["gap"];
31
36
  };
32
37
  declare function PageLayoutPane(props: PageLayoutPaneProps): react_jsx_runtime.JSX.Element;
33
- type PageLayoutContentProps = ComponentProps<"div">;
38
+ type PageLayoutContentProps = ComponentProps<"div"> & {
39
+ spacing?: PageLayoutVariantProps["spacing"];
40
+ gap?: PageLayoutVariantProps["gap"];
41
+ };
34
42
  declare function PageLayoutContent(props: PageLayoutContentProps): react_jsx_runtime.JSX.Element;
35
43
 
36
44
  export { PageLayoutContent, type PageLayoutContentProps, PageLayoutFooter, type PageLayoutFooterProps, PageLayoutHeader, type PageLayoutHeaderProps, PageLayoutPane, type PageLayoutPaneProps, PageLayoutRoot, type PageLayoutRootProps };
package/dist/page-layout.js CHANGED
@@ -66,9 +66,9 @@ var PageLayoutRoot = (props) => {
66
66
  ] }) }) });
67
67
  };
68
68
  var PageLayoutHeader = (props) => {
69
- const { className, ...rest } = props;
69
+ const { className, spacing, gap, ...rest } = props;
70
70
  const { styles } = usePageLayoutContext();
71
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: styles.header({ className }), ...rest });
71
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: styles.header({ className, spacing, gap }), ...rest });
72
72
  };
73
73
  PageLayoutHeader.displayName = "PageLayoutHeader";
74
74
  var PageLayoutFooter = (props) => {
@@ -78,12 +78,20 @@ var PageLayoutFooter = (props) => {
78
78
  };
79
79
  PageLayoutFooter.displayName = "PageLayoutFooter";
80
80
  function PageLayoutPane(props) {
81
- const { className, children, position = "end", sticky, ...rest } = props;
81
+ const {
82
+ className,
83
+ children,
84
+ position = "end",
85
+ sticky,
86
+ spacing,
87
+ gap,
88
+ ...rest
89
+ } = props;
82
90
  const { styles } = usePageLayoutContext();
83
91
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
84
92
  "div",
85
93
  {
86
- className: styles.paneWrapper({ className }),
94
+ className: styles.paneWrapper({ className, spacing, gap }),
87
95
  "data-position": position,
88
96
  "data-sticky": (0, import_shared_utils.dataAttr)(sticky),
89
97
  ...rest,
@@ -92,9 +100,16 @@ function PageLayoutPane(props) {
92
100
  );
93
101
  }
94
102
  function PageLayoutContent(props) {
95
- const { className, children, ...rest } = props;
103
+ const { className, children, spacing, gap, ...rest } = props;
96
104
  const { styles } = usePageLayoutContext();
97
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.contentWrapper({ className }), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children }) });
105
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
106
+ "div",
107
+ {
108
+ className: styles.contentWrapper({ className, spacing, gap }),
109
+ ...rest,
110
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.content(), children })
111
+ }
112
+ );
98
113
  }
99
114
  function getDisplayName(el) {
100
115
  var _a, _b, _c;
package/dist/page-layout.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  PageLayoutHeader,
6
6
  PageLayoutPane,
7
7
  PageLayoutRoot
8
- } from "./chunk-F7HJK32J.mjs";
8
+ } from "./chunk-FQT7SY6U.mjs";
9
9
  export {
10
10
  PageLayoutContent,
11
11
  PageLayoutFooter,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/page-layout",
3
- "version": "3.0.4",
3
+ "version": "3.0.6",
4
4
  "description": "The layout for our pages used within kopexa",
5
5
  "keywords": [
6
6
  "page-layout"
@@ -28,7 +28,7 @@
28
28
  "react": ">=19.0.0-rc.0",
29
29
  "react-dom": ">=19.0.0-rc.0",
30
30
  "motion": ">=12.23.6",
31
- "@kopexa/theme": "1.5.4"
31
+ "@kopexa/theme": "1.5.5"
32
32
  },
33
33
  "dependencies": {
34
34
  "@kopexa/shared-utils": "1.1.5",