@llmnative/react 1.12.0 → 1.13.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/package.json

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