@llmnative/react 1.20.0 → 1.22.0

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

@@ -179,6 +179,12 @@ export interface I18nDict {
         expandSidebar: string;
         collapseSidebar: string;
     };
+    autocomplete: {
+        noResults: string;
+        create: string;
+        createPlaceholder: string;
+        remove: string;
+    };
     addressAutocomplete: {
         placeholder: string;
         noResults: string;

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

@@ -56,6 +56,7 @@ export interface SideNavTheme {
     overlayClassName?: string;
     headerClassName?: string;
     navClassName?: string;
+    bottomNavClassName?: string;
     footerClassName?: string;
     groupLabelClassName?: string;
     groupDividerClassName?: string;
@@ -284,6 +285,8 @@ export interface ThemeConfig {
     Autocomplete?: {
         wrapperClassName?: string;
         className?: string;
+        listClassName?: string;
+        optionClassName?: string;
     };
     AddressAutocomplete?: {
         wrapperClassName?: string;

package/dist/types/src/components/blocks/SideNav.d.ts

@@ -24,6 +24,12 @@ export interface SideNavProps {
     menuKey?: string;
     /** Explicit items — alternative to menuKey */
     items?: SideNavItemDef[];
+    /**
+     * Items pinned at the bottom of the sidebar, above the footer and outside the scrolling
+     * list (e.g. Settings). Same shape as `items`: groups, children, badges and active state
+     * work the same way. In `embedded` mode they follow the main items, separated by a border.
+     */
+    bottomItems?: SideNavItemDef[];
     /** Initial collapsed state for UNCONTROLLED usage (ignored once `collapsed` is passed —
      * see below). Default false. */
     defaultCollapsed?: boolean;
@@ -59,4 +65,4 @@ export interface SideNavProps {
      */
     embedded?: boolean;
 }
-export default function SideNav({ menuKey, items: itemsProp, defaultCollapsed, collapsed: collapsedProp, onCollapsedChange, showIcons, showCollapseButton, footer, header, embedded, }: SideNavProps): React.JSX.Element | null;
+export default function SideNav({ menuKey, items: itemsProp, bottomItems, defaultCollapsed, collapsed: collapsedProp, onCollapsedChange, showIcons, showCollapseButton, footer, header, embedded, }: SideNavProps): React.JSX.Element | null;

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

@@ -30,12 +30,21 @@ export interface AutocompleteProps extends BaseProps {
     maxItems?: number;
     placeholder?: string;
     creatable?: boolean;
-    onCreate?: (value: string) => Promise<void> | void;
+    /** Called when the user creates a value (`creatable`). Return `false` (or resolve to `false`)
+     *  to keep the created value out of the selection, e.g. to open a creation form instead. */
+    onCreate?: (value: string) => Promise<void | boolean> | void | boolean;
+    /** Class of the options list (rendered in a portal, as wide as the field). */
+    listClassName?: string;
+    /** Class of every option of the list. */
+    optionClassName?: string;
 }
 export interface ChecklistProps extends BaseProps {
     itemClassName?: string;
 }
 export declare const Select: ({ name, onChange, defaultValue, required, readOnlyAfterSet, disabled, placeholderOption, label, title, before, after, feedback, options, optionsSource, order, inheritWrapperClassName, wrapperClassName, className, validator, }: SelectProps) => React.JSX.Element;
-export declare const Autocomplete: ({ name, defaultValue, minItems, maxItems, onChange, required, readOnlyAfterSet, disabled, label, title, placeholder, before, after, feedback, options, optionsSource, order, inheritWrapperClassName, wrapperClassName, className, validator, creatable, onCreate, }: AutocompleteProps) => React.JSX.Element;
+/** Combobox with a themed listbox (CR-096): the list is drawn by the framework, as wide as the
+ *  field, shows labels only and is driven by keyboard and mouse. The stored value is unchanged:
+ *  the array of the selected option values. */
+export declare const Autocomplete: ({ name, defaultValue, minItems, maxItems, onChange, required, readOnlyAfterSet, disabled, label, title, placeholder, before, after, feedback, options, optionsSource, order, inheritWrapperClassName, wrapperClassName, className, listClassName, optionClassName, validator, creatable, onCreate, }: AutocompleteProps) => React.JSX.Element;
 export declare const Checklist: ({ name, defaultValue, onChange, required, readOnlyAfterSet, disabled, label, title, before, after, feedback, options, optionsSource, order, inheritWrapperClassName, wrapperClassName, className, validator, itemClassName, }: ChecklistProps) => React.JSX.Element;
 export {};