@gouvfr-lasuite/ui-kit 0.16.1 → 0.16.2

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { CunninghamProvider as CunninghamProvider_2 } from '@openfun/cunningham-
 import { CursorProps } from 'react-arborist';
 import { default as default_2 } from 'react';
 import { Dispatch } from 'react';
+import { HTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { Key } from 'react-stately';
 import { LabelHTMLAttributes } from 'react';
@@ -59,6 +60,15 @@ export declare type AvatarProps = {
     forceColor?: string;
 };
 
+export declare const Badge: ({ children, uppercased, type, className, ...props }: PropsWithChildren<BadgeProps>) => JSX.Element;
+
+declare type BadgeProps = HTMLAttributes<HTMLDivElement> & {
+    uppercased?: boolean;
+    type?: BadgeType;
+};
+
+declare type BadgeType = "accent" | "neutral" | "danger" | "success" | "warning" | "info";
+
 export declare type BaseTreeViewData<T> = {
     id: string;
     childrenCount?: number;
@@ -1274,6 +1284,27 @@ export declare type TreeViewProps<T> = {
 
 export declare const TreeViewSeparator: ({ top, left }: CursorProps) => JSX.Element;
 
+/**
+ * useArrowRoving
+ *
+ * Hook to manage keyboard navigation with ArrowLeft / ArrowRight inside a toolbar of actions.
+ * - ArrowLeft / ArrowRight → move focus between buttons in the same container (roving focus).
+ * - Enter → still activate the focused button normally, except right after roving
+ *   where the hook suppresses the "phantom click" (to avoid triggering actions by mistake).
+ *
+ * Usage:
+ *   const actionsRef = useRef<HTMLDivElement | null>(null);
+ *   useArrowRoving(actionsRef.current);
+ *
+ *   return (
+ *     <div ref={actionsRef}>
+ *       <button>Option 1</button>
+ *       <button>Option 2</button>
+ *     </div>
+ *   );
+ */
+export declare function useArrowRoving(container: HTMLElement | null): void;
+
 /**
  * Hook for using custom translations with type safety.
  *