@max-ts/kit 1.1.0 → 1.1.1

package/lib/components/PageLayout/Header/Header.d.ts

@@ -2,9 +2,10 @@ import { type ReactElement } from 'react';
 export type PageHeaderProps = {
     /**
      * HTML title
-     * @example <PageHeader htmlTitle="Заголовок страницы" />
+     * @example <PageHeader title="Заголовок страницы" />
      */
-    htmlTitle?: string;
+    title?: string;
+    sidebarTrigger?: ReactElement;
     /**
      * Набор дополнительных действий
      * @example <PageHeader actions={<Button variant='link'>Перейти к счету</Button>} />
@@ -16,5 +17,5 @@ export type PageHeaderProps = {
     className?: string;
     children: ReactElement;
 };
-export declare const Header: ({ actions, className, htmlTitle, children, }: PageHeaderProps) => import("react").JSX.Element;
+export declare const Header: ({ actions, className, title, children, sidebarTrigger, }: PageHeaderProps) => import("react").JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

package/lib/components/PageLayout/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAa,MAAM,OAAO,CAAC;AAIrD,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,8CAKpB,eAAe,gCAajB,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAa,MAAM,OAAO,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,0DAMpB,eAAe,gCAuBjB,CAAC"}

package/lib/components/PageLayout/Header/styles.css.d.ts

@@ -1,4 +1,6 @@
 export declare const root: string;
 export declare const actions: string;
+export declare const sidebarTriggerContainer: string;
+export declare const titleContainer: string;
 export declare const content: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/lib/components/PageLayout/Header/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAWf,CAAC;AAEH,eAAO,MAAM,OAAO,QAMlB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAUf,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAGlC,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC"}

package/lib/components/PageLayout/PageLayout.d.ts

@@ -5,7 +5,7 @@ export type PageLayoutProps = {
 };
 export declare const PageLayout: {
     ({ children, className }: PageLayoutProps): import("react").JSX.Element;
-    Header: ({ actions, className, htmlTitle, children, }: import("./Header").PageHeaderProps) => import("react").JSX.Element;
+    Header: ({ actions, className, title, children, sidebarTrigger, }: import("./Header").PageHeaderProps) => import("react").JSX.Element;
     Content: (props: import("./Content").PageContentProps) => import("react").JSX.Element;
     Footer: (props: import("./Footer").PageLayoutFooterProps) => import("react").JSX.Element;
     Aside: ({ children, className }: import("./Aside").PageAsideProps) => import("react").JSX.Element;

package/lib/index.mjs

@@ -3447,17 +3447,31 @@ const Footer_Footer_Footer = (props)=>{
     });
 };
 var styles_css_actions = 'style__nvcxbd1';
-var Header_styles_css_content = 'style__nvcxbd2';
+var Header_styles_css_content = 'style__nvcxbd4';
 var Header_styles_css_root = 'style__nvcxbd0';
-const Header_Header_Header = ({ actions, className, htmlTitle, children })=>{
+var sidebarTriggerContainer = 'style__nvcxbd2';
+var titleContainer = 'style__nvcxbd3';
+const Header_Header_Header = ({ actions, className, title, children, sidebarTrigger })=>{
     useEffect(()=>{
-        if (htmlTitle) document.title = htmlTitle;
+        if (title) document.title = title;
     }, [
-        htmlTitle
+        title
     ]);
     return /*#__PURE__*/ jsxs("header", {
         className: clsx(Header_styles_css_root, PAGE_HEADER_CLASSNAME, className),
         children: [
+            /*#__PURE__*/ jsx("div", {
+                className: sidebarTriggerContainer,
+                children: sidebarTrigger ? sidebarTrigger : null
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: titleContainer,
+                children: title && /*#__PURE__*/ jsx(Typography, {
+                    variant: "h4",
+                    component: "h1",
+                    children: title
+                })
+            }),
             /*#__PURE__*/ jsx("div", {
                 className: Header_styles_css_content,
                 children: children

package/lib/styles.css

@@ -3765,11 +3765,10 @@ a.outline__1af895x4:hover {
 
 .style__nvcxbd0 {
   padding: var(--spacing-4);
-  align-items: center;
-  gap: var(--spacing-2);
   grid-area: header;
-  grid-template-columns: 1fr auto;
-  grid-template-areas: "content actions";
+  grid-template-columns: auto auto 1fr auto;
+  grid-template-areas: "trigger title content actions";
+  align-items: center;
   padding-bottom: 0;
   display: grid;
 }
@@ -3778,11 +3777,22 @@ a.outline__1af895x4:hover {
   justify-content: flex-end;
   align-items: center;
   column-gap: var(--spacing-2);
+  padding-left: var(--spacing-2);
   grid-area: actions;
   display: flex;
 }
 
 .style__nvcxbd2 {
+  padding-right: var(--spacing-2);
+  grid-area: trigger;
+}
+
+.style__nvcxbd3 {
+  padding-inline: var(--spacing-2);
+  grid-area: title;
+}
+
+.style__nvcxbd4 {
   grid-area: content;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",