@wallarm-org/design-system 0.49.0-rc-feature-page.1 → 0.49.0

package/dist/components/AppShell/story-content/_storyConfigRenderer.js

@@ -12,6 +12,7 @@ const RemotePageContent = ()=>{
     const pageTitle = lastSegment?.label ?? '';
     const fullPath = breadcrumbSegments.map((s)=>s.label).join(' / ');
     return /*#__PURE__*/ jsxs(Page, {
+        title: pageTitle,
         fixedHeight: true,
         children: [
             /*#__PURE__*/ jsx(PageHeader, {

package/dist/components/Page/Page.d.ts

@@ -3,6 +3,7 @@ import { type TestableProps } from '../../utils/testId';
 export interface PageProps extends HTMLAttributes<HTMLDivElement>, TestableProps {
     ref?: Ref<HTMLDivElement>;
     name?: string;
+    title?: string;
     fullSize?: boolean;
     fixedHeight?: boolean;
     children?: ReactNode;

package/dist/components/Page/Page.js

@@ -1,9 +1,9 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { cn } from "../../utils/cn.js";
 import { TestIdProvider } from "../../utils/testId.js";
 import { usePageHost } from "./PageHostContext.js";
-const Page = ({ ref, name, fullSize, fixedHeight, children, className, 'data-testid': testId, ...props })=>{
+const Page = ({ ref, name, title, fullSize, fixedHeight, children, className, 'data-testid': testId, ...props })=>{
     const host = usePageHost();
     useEffect(()=>{
         host?.setLayout({
@@ -17,16 +17,21 @@ const Page = ({ ref, name, fullSize, fixedHeight, children, className, 'data-tes
         fullSize,
         fixedHeight
     ]);
-    return /*#__PURE__*/ jsx(TestIdProvider, {
+    return /*#__PURE__*/ jsxs(TestIdProvider, {
         value: testId,
-        children: /*#__PURE__*/ jsx("div", {
-            ...props,
-            ref: ref,
-            "data-testid": testId,
-            "data-slot": "page",
-            className: cn('flex flex-col', fixedHeight && 'h-full', className),
-            children: children
-        })
+        children: [
+            title && /*#__PURE__*/ jsx("title", {
+                children: title
+            }),
+            /*#__PURE__*/ jsx("div", {
+                ...props,
+                ref: ref,
+                "data-testid": testId,
+                "data-slot": "page",
+                className: cn('flex flex-col', fixedHeight && 'h-full', className),
+                children: children
+            })
+        ]
     });
 };
 Page.displayName = 'Page';

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
   "version": "0.48.0",
-  "generatedAt": "2026-05-28T00:13:35.451Z",
+  "generatedAt": "2026-05-28T00:36:49.945Z",
   "components": [
     {
       "name": "Accordion",
@@ -30697,6 +30697,11 @@
           "type": "string | undefined",
           "required": false
         },
+        {
+          "name": "title",
+          "type": "string | undefined",
+          "required": false
+        },
         {
           "name": "fullSize",
           "type": "boolean | undefined",
@@ -30802,11 +30807,6 @@
           "type": "number | undefined",
           "required": false
         },
-        {
-          "name": "title",
-          "type": "string | undefined",
-          "required": false
-        },
         {
           "name": "translate",
           "type": "\"yes\" | \"no\" | undefined",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.49.0-rc-feature-page.1",
+  "version": "0.49.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",