@llmnative/react 1.12.0 → 1.14.0

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

@@ -147,6 +147,20 @@ export interface GalleryTheme {
     gap?: 0 | 1 | 2 | 3 | 4 | 5;
     rowCols?: 1 | 2 | 3 | 4 | 6;
 }
+export interface RepeatTheme {
+    /** Extra classes merged (via twMerge — later wins on conflicting utilities) onto the
+     * per-item shell of every `Repeat`, on top of its hardcoded default (rounded card + border).
+     * Applies app-wide to every `Repeat`, regardless of `layout`. */
+    itemClassName?: string;
+    /** Same as `itemClassName`, but only for `layout="inline"` — merged AFTER `itemClassName`, so
+     * it wins on any conflicting utility. Lets a consumer keep the bordered/carded look for
+     * `horizontal`/`vertical` repeats (e.g. content list fields) while flattening only the compact
+     * inline ones (e.g. inline chip-like rows nested inside an already-bordered popover/card). */
+    inlineItemClassName?: string;
+    /** Extra classes merged onto the "Add" button rendered when `label` + `labelPosition="bottom"`
+     * are set. */
+    addButtonClassName?: string;
+}
 export interface ModalTheme {
     size?: "sm" | "md" | "lg" | "xl" | "fullscreen";
     position?: "center" | "top" | "left" | "right" | "bottom";
@@ -348,6 +362,7 @@ export interface ThemeConfig {
         wrapperClassName?: string;
         className?: string;
     };
+    Repeat?: RepeatTheme;
 }
 type DeepRequired<T> = {
     [K in keyof T]-?: NonNullable<T[K]> extends (...args: unknown[]) => unknown ? NonNullable<T[K]> : NonNullable<T[K]> extends object ? DeepRequired<NonNullable<T[K]>> : NonNullable<T[K]>;

package/dist/types/src/components/ui/fields/CodeEditor.d.ts

@@ -42,6 +42,18 @@ export interface CodeEditorProps extends FormFieldProps {
     feedback?: string;
     labelClassName?: string;
     validateSyntax?: boolean;
+    /** Overrides the built-in `language`-based syntax check used by `validateSyntax` — for a
+     * consumer whose content embeds a foreign template syntax inside `language` (e.g. Liquid
+     * tags inside a `'css'` block: `.x { color: {{ tone | default: "#000" }}; }`). The stock
+     * single-language parser has no notion of the embedded syntax and false-positives on it
+     * (a `|` filter pipe isn't valid CSS). Receives the current raw value and must return the
+     * same shape as `getCodeValidationResult`; typically that means running the embedded
+     * syntax's OWN parser (e.g. Liquid via `getCodeValidationResult(code, 'liquid')`, which
+     * only inspects `{{ }}`/`{% %}` tags and ignores surrounding text) plus the base language's
+     * parser against a copy with the foreign tags masked out (same length, so reported
+     * line/column stay accurate) — see `getCodeValidationResult`. Omit to keep the default
+     * `language`-only check unchanged. */
+    validate?: (code: string) => Promise<CodeValidationResult>;
     validator?: (value: FieldValue) => string | undefined | Promise<string | undefined>;
     extensions?: unknown[];
     commands?: EditorCommand[];

package/package.json

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

package/themes/cyber.ts

@@ -468,6 +468,11 @@ export const components: Theme = {
         wrapperClassName: '',
         className: '',
     },
+    Repeat: {
+        itemClassName: '',
+        inlineItemClassName: '',
+        addButtonClassName: '',
+    },
 };
 
 const definition: ThemeDefinition = { preset, motion, components };

package/themes/default.ts

@@ -482,6 +482,11 @@ export const components: Theme = {
         wrapperClassName: '',
         className: '',
     },
+    Repeat: {
+        itemClassName: '',
+        inlineItemClassName: '',
+        addButtonClassName: '',
+    },
 };
 
 const definition: ThemeDefinition = { preset, motion, components };

package/themes/flat.ts

@@ -468,6 +468,11 @@ export const components: Theme = {
         wrapperClassName: '',
         className: '',
     },
+    Repeat: {
+        itemClassName: '',
+        inlineItemClassName: '',
+        addButtonClassName: '',
+    },
 };
 
 const definition: ThemeDefinition = { preset, motion, components };