@llmnative/react 2.2.0 → 2.2.2

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

@@ -120,6 +120,8 @@ export type AppProps = AppProviderProps & {
 export declare const setStaticMenu: (config: MenuConfig) => void;
 export declare const getStaticMenu: (type: string) => MenuItem[];
 export declare const getContextMenu: () => string[];
+/** The title of the route at `path` in any menu of the app (hidden routes too), for a breadcrumb. */
+export declare const menuTitleOf: (path: string) => string | undefined;
 /**
  * The full framework provider stack as a standalone component.
  *

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/llms-full.txt

@@ -1052,6 +1052,9 @@ Parti comuni per grafici propri: `useChartTooltip()` (`show`, `showAt`, `hide`,
 ## Blocks
 
 ```tsx
+// Senza trail: dall'indirizzo, ogni pezzo col titolo della sua rotta nel menu ('/impostazioni' → 'Impostazioni'),
+// altrimenti leggibile ('lead-fermi' → 'Lead fermi'); un id resta com'è.
+<Breadcrumbs />
 <Breadcrumbs trail={[{ label: 'Home', href: '/' }, { label: 'Utenti' }]} separator="/" jsonLd />
 <Brand url="/" label="MyApp" logo="/logo.svg" width={120} />
 <Search onQueryChange={(e) => setQ(e.target.value)} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@llmnative/react",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "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>
+    );
+}

package/themes/default.ts

@@ -48,7 +48,7 @@ export const preset: ThemePresetConfig = {
         mutedForeground:      '215 20.2% 65.1%',
         accent:               '217.2 32.6% 17.5%',
         accentForeground:     '210 40% 98%',
-        destructive:          '0 62.8% 30.6%',
+        destructive:          '0 72% 51%',
         destructiveForeground:'210 40% 98%',
         success:              '142.1 70.6% 45.3%',
         successForeground:    '0 0% 100%',

package/themes/flat.ts

@@ -46,7 +46,7 @@ export const preset: ThemePresetConfig = {
         mutedForeground:      '215 10% 55%',
         accent:               '215 20% 22%',
         accentForeground:     '215 10% 85%',
-        destructive:          '0 62% 40%',
+        destructive:          '0 72% 51%',
         destructiveForeground:'0 0% 100%',
         success:              '142.1 70.6% 45.3%',
         successForeground:    '0 0% 100%',