@llmnative/react 2.2.0 → 2.2.1

package/dist/types/src/I18n.d.ts

@@ -14,6 +14,8 @@ export interface I18nDict {
         next: string;
         notFoundMessage: string;
         goHome: string;
+        /** The button that opens the menu on a small screen (the header of the scaffold). */
+        openNavigation: string;
     };
     auth: {
         signIn: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@llmnative/react",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "LLM-native React framework for deterministic UI generation. Data-driven by default, schema-driven optional. Ultra-low token consumption — built for AI agents, not just humans.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/templates/_shared/sections/Footer.tsx

@@ -1,9 +1,9 @@
-import React from 'react';
-
-export default function Footer() {
-    return (
-        <footer className="shrink-0 border-t border-footer-border bg-footer px-4 py-1.5 text-end text-xs text-footer-foreground">
-            Powered by [projectname]
-        </footer>
-    );
-}
+import React from 'react';
+
+export default function Footer() {
+    return (
+        <footer className="shrink-0 border-t border-footer-border bg-footer px-4 py-1.5 text-end text-xs text-footer-foreground">
+            © {new Date().getFullYear()} [projectname]
+        </footer>
+    );
+}

package/templates/_shared/sections/Header.tsx

@@ -1,24 +1,26 @@
-import React from 'react';
-import { ActionButton, AuthButton, Brand } from '@llmnative/react';
-
-type HeaderProps = {
-    onMenuToggle: () => void;
-};
-
-export default function Header({ onMenuToggle }: HeaderProps) {
-    return (
-        <header className="flex h-14 shrink-0 items-center gap-3 border-b border-header-border bg-header px-4 text-header-foreground">
-            <ActionButton
-                icon="menu"
-                ariaLabel="Toggle navigation"
-                variant="link"
-                wrapperClassName="lg:hidden"
-                onClick={onMenuToggle}
-            />
-            <Brand url="/" label="[projectname]" />
-            <div className="ms-auto">
-                <AuthButton aspect="avatar" />
-            </div>
-        </header>
-    );
-}
+import React from 'react';
+import { ActionButton, AuthButton, Brand, useI18n } from '@llmnative/react';
+
+type HeaderProps = {
+    onMenuToggle: () => void;
+};
+
+export default function Header({ onMenuToggle }: HeaderProps) {
+    const common = useI18n('common');
+
+    return (
+        <header className="flex h-14 shrink-0 items-center gap-3 border-b border-header-border bg-header px-4 text-header-foreground">
+            <ActionButton
+                icon="menu"
+                ariaLabel={common.openNavigation}
+                variant="link"
+                wrapperClassName="lg:hidden"
+                onClick={onMenuToggle}
+            />
+            <Brand url="/" label="[projectname]" />
+            <div className="ms-auto">
+                <AuthButton aspect="avatar" />
+            </div>
+        </header>
+    );
+}