@llmnative/react 1.19.4 → 1.20.0

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

@@ -173,6 +173,12 @@ export interface I18nDict {
         dragToResize: string;
         dragHere: string;
     };
+    sideNav: {
+        expandGroup: string;
+        collapseGroup: string;
+        expandSidebar: string;
+        collapseSidebar: string;
+    };
     addressAutocomplete: {
         placeholder: string;
         noResults: string;

package/dist/types/src/components/ui/Modal.d.ts

@@ -38,6 +38,8 @@ export interface ModalProps extends MotionUIProps {
     footerClassName?: string;
     /** Close the modal when the user clicks the backdrop. Defaults to `true`. */
     closeOnBackdrop?: boolean;
+    /** Close the modal with the Escape key (only the top-most open modal reacts). Defaults to `true`. */
+    closeOnEscape?: boolean;
     /** CSS `z-index` override (useful when stacking modals). */
     zIndex?: number;
     /**

package/llms-full.txt

@@ -551,11 +551,13 @@ Quando `commands` e presente in `mode="run"`, `Prompt` monta internamente `Conte
 <Modal title="Conferma" size="md" position="center" onClose={() => {}} onSave={handleSave} onDelete={handleDelete} motion="fade" allowFullscreen stackedBehind>
   {content}
 </Modal>
-<Modal.YesNo title="Sicuro?" onClose={() => {}} onYes={async () => true} />
-<Modal.Ok title="Completato!" onClose={() => {}} />
+<ModalYesNo title="Sicuro?" onClose={() => {}} onYes={async () => true}>Eliminare il record?</ModalYesNo>
+<ModalOk title="Completato!" onClose={() => {}}>Salvato.</ModalOk>
 ```
 `size`: `'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'fullscreen'`
 `position`: `'center' | 'top' | 'left' | 'right' | 'bottom'`
+`ModalYesNo` e `ModalOk` sono export separati: `Modal.YesNo` e `Modal.Ok` non esistono.
+Tastiera: Esc chiude il modal in cima alla pila (`closeOnEscape`, default `true`).
 Accessibilità: il dialog ha `role="dialog"`, `aria-modal="true"` (non con `stackedBehind`) e `aria-labelledby` verso `title` (o `header` stringa) — nei test si trova con `getByRole('dialog', { name })`.
 
 | Prop | Tipo | Note |
@@ -570,6 +572,7 @@ Accessibilità: il dialog ha `role="dialog"`, `aria-modal="true"` (non con `stac
 | `showCancel` | `boolean` | Default `true` |
 | `stackedBehind` | `boolean` | Modal seconda in pila |
 | `closeOnBackdrop` | `boolean` | Default `true` |
+| `closeOnEscape` | `boolean` | Default `true` — solo il modal in cima reagisce |
 | `zIndex` | `number` | |
 | `motion` | `MotionReference` | Preset animazione |
 | Classi CSS header/title/subtitle/body/footer | `string` | |
@@ -642,12 +645,15 @@ Accessibilità: il dialog ha `role="dialog"`, `aria-modal="true"` (non con `stac
 
 ### Tab
 ```tsx
+import { Tab, TabItem } from '@llmnative/react'
+
 <Tab defaultIndex={0} layout="top">
-  <Tab.Item label="Generale">{content1}</Tab.Item>
-  <Tab.Item label="SEO">{content2}</Tab.Item>
+  <TabItem label="Generale">{content1}</TabItem>
+  <TabItem label="SEO">{content2}</TabItem>
 </Tab>
 ```
 `layout`: `'default' | 'top' | 'left' | 'right' | 'bottom'`
+Le schede sono `<TabItem>`, export separato: `Tab.Item` non esiste.
 
 ### Image
 ```tsx
@@ -760,7 +766,8 @@ utile quando un comando cambia famiglia sintattica (per esempio da `{{ ... }}` a
 ```tsx
 <Icon name="user" size={20} />           // usa provider icone configurato
 <ImageAvatar src="..." label="Mario" size={40} />
-<Loader />                               // spinner
+<Loader show={isLoading}>{content}</Loader> // indicatore al posto dei figli finché show è true
+<Loader show>{null}</Loader>             // solo indicatore (es. pagina in caricamento)
 <Code language="tsx">{snippet}</Code>   // syntax highlight
 <GridSystem.Row><GridSystem.Col xs={12} md={6}>...</GridSystem.Col></GridSystem.Row>
 <LocaleSwitcher locales={[{ code: 'it', label: 'Italiano' }]} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@llmnative/react",
-  "version": "1.19.4",
+  "version": "1.20.0",
   "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",