@llmnative/react 1.28.0 → 1.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,6 +14,8 @@ export type ThemeMode = 'light' | 'dark' | 'system';
14
14
  export interface ColorScale {
15
15
  background?: string;
16
16
  foreground?: string;
17
+ /** Page floor behind cards and panels (`bg-canvas`). Falls back to `background` when not set. */
18
+ canvas?: string;
17
19
  card?: string;
18
20
  cardForeground?: string;
19
21
  popover?: string;
@@ -336,6 +338,10 @@ export interface ThemeConfig {
336
338
  hover?: MotionReference;
337
339
  };
338
340
  };
341
+ Identicon?: {
342
+ wrapperClassName?: string;
343
+ className?: string;
344
+ };
339
345
  Percentage?: {
340
346
  wrapperClassName?: string;
341
347
  className?: string;
@@ -404,7 +410,7 @@ export interface ThemeDefinition {
404
410
  components: Theme;
405
411
  }
406
412
  /** IDs of built-in themes. Extend by adding entries to BUILT_IN_THEMES. */
407
- export declare const BUILT_IN_THEME_IDS: readonly ["default", "flat", "cyber", "vscode-dark-plus", "vscode-light-plus", "tokyo-night", "tokyo-night-light"];
413
+ export declare const BUILT_IN_THEME_IDS: readonly ["default", "flat", "cyber", "vscode-dark-modern", "vscode-light-modern", "vscode-dark-plus", "vscode-light-plus", "tokyo-night", "tokyo-night-light"];
408
414
  export type BuiltInThemeId = (typeof BUILT_IN_THEME_IDS)[number];
409
415
  export type AppThemeProviderConfig = BuiltInThemeId | ThemeDefinition | {
410
416
  defaultMode?: ThemeMode;
@@ -30,6 +30,7 @@ export type { GallerySelectionChangeHandler, GallerySelectionState } from './ui/
30
30
  export * from './ui/GridSystem';
31
31
  export { default as Image } from './ui/Image';
32
32
  export { default as ImageAvatar } from './ui/ImageAvatar';
33
+ export { default as Identicon, identiconPattern } from './ui/Identicon';
33
34
  export { default as Loader } from './ui/Loader';
34
35
  export { default as LocaleSwitcher } from './ui/LocaleSwitcher';
35
36
  export type { LocaleSwitcherProps } from './ui/LocaleSwitcher';
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ import type { UIProps } from '../types';
3
+ interface IdenticonProps extends UIProps {
4
+ /** What the icon stands for: a repository, a tenant, a user name… */
5
+ value: string;
6
+ /** Width and height in pixels. */
7
+ size?: number;
8
+ /** Accessible name. Without it the icon is decorative (`aria-hidden`). */
9
+ title?: string;
10
+ }
11
+ /** The filled cells (row, column) and the hue of a value. Exported for tests. */
12
+ export declare function identiconPattern(value: string): {
13
+ cells: Array<[number, number]>;
14
+ hue: number;
15
+ };
16
+ declare const Identicon: ({ value, size, title, before, after, wrapperClassName, className, }: IdenticonProps) => React.JSX.Element;
17
+ export default Identicon;
@@ -0,0 +1,3 @@
1
+ import type { ThemeDefinition } from '../src/Theme';
2
+ declare const definition: ThemeDefinition;
3
+ export default definition;
@@ -0,0 +1,3 @@
1
+ import type { ThemeDefinition } from '../src/Theme';
2
+ declare const definition: ThemeDefinition;
3
+ export default definition;