@llmnative/react 1.29.0 → 1.31.0

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

@@ -338,6 +338,10 @@ export interface ThemeConfig {
             hover?: MotionReference;
         };
     };
+    Identicon?: {
+        wrapperClassName?: string;
+        className?: string;
+    };
     Percentage?: {
         wrapperClassName?: string;
         className?: string;

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

@@ -69,7 +69,18 @@ interface DropdownButtonProps extends Pick<MotionUIProps, 'motion'> {
     menuId?: string;
     buttonRef?: React.RefObject<HTMLButtonElement | null>;
 }
+/** A secondary action of a menu item: an icon at its end, shown on hover or focus (CR-107). */
+export interface DropdownItemAction {
+    icon: string;
+    /** Accessible name and tooltip. */
+    label: string;
+    onClick: () => void;
+    /** Closes the menu after the action; by default it stays open. */
+    closeOnClick?: boolean;
+}
 interface DropdownItemProps {
+    /** Secondary actions, e.g. archive a row: icons shown on hover or focus (always on touch screens). */
+    actions?: DropdownItemAction[];
     /** Link URL. When set, renders as `<a>`, otherwise as `<button>`. */
     url?: string;
     onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
@@ -92,7 +103,7 @@ export declare const Dropdown: ({ children, trigger, badge, header, footer, defa
  */
 export declare function AsyncDropdown<TItem>({ loadItems, getItemId, renderItem, onSelect, selectedId, searchPlaceholder, emptyState, loadingState, errorState, debounceMs, closeOnSelect, inputClassName, selectedClassName, header, open: controlledOpen, defaultOpen, onOpenChange, footer, headerClassName, staticOpen, ...dropdownProps }: AsyncDropdownProps<TItem>): React.JSX.Element;
 export declare const DropdownButton: ({ children, badge, display, className, badgeClassName, motion: motionConfig, title, onToggle, open, menuId, buttonRef }: DropdownButtonProps) => React.JSX.Element;
-export declare const DropdownItem: ({ children, url, onClick, icon, className }: DropdownItemProps) => React.JSX.Element;
+export declare const DropdownItem: ({ children, url, onClick, icon, className, actions }: DropdownItemProps) => React.JSX.Element;
 export declare const DropdownHeader: ({ children, className }: DropdownHeaderProps) => React.JSX.Element;
 export declare const DropdownDivider: ({ className }: DropdownDividerProps) => React.JSX.Element;
 interface DropdownMenuProps {

package/dist/types/src/components/index.d.ts

@@ -30,6 +30,7 @@ export type { GallerySelectionChangeHandler, GallerySelectionState } from './ui/
 export * from './ui/GridSystem';
 export { default as Image } from './ui/Image';
 export { default as ImageAvatar } from './ui/ImageAvatar';
+export { default as Identicon, identiconPattern } from './ui/Identicon';
 export { default as Loader } from './ui/Loader';
 export { default as LocaleSwitcher } from './ui/LocaleSwitcher';
 export type { LocaleSwitcherProps } from './ui/LocaleSwitcher';

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

@@ -0,0 +1,17 @@
+import React from "react";
+import type { UIProps } from '../types';
+interface IdenticonProps extends UIProps {
+    /** What the icon stands for: a repository, a tenant, a user name… */
+    value: string;
+    /** Width and height in pixels. */
+    size?: number;
+    /** Accessible name. Without it the icon is decorative (`aria-hidden`). */
+    title?: string;
+}
+/** The filled cells (row, column) and the hue of a value. Exported for tests. */
+export declare function identiconPattern(value: string): {
+    cells: Array<[number, number]>;
+    hue: number;
+};
+declare const Identicon: ({ value, size, title, before, after, wrapperClassName, className, }: IdenticonProps) => React.JSX.Element;
+export default Identicon;

package/dist/types/src/components/widgets/Chatbot.d.ts

@@ -16,7 +16,13 @@ export type ChatbotAction = {
     key: string;
     icon: string;
     label?: string;
+    /** A menu opened by the action; without it the action is a button (`onClick`). */
     content?: React.ReactNode;
+    /** What a button action does (CR-107). */
+    onClick?: () => void;
+    disabled?: boolean;
+    /** Shows `label` next to the icon: a command that has to be read, not guessed. */
+    showLabel?: boolean;
 };
 export interface ChatbotSubmitPayload {
     text: string;