@bmsuisse/ui 0.17.0 → 0.19.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ReactElement, ComponentPropsWithoutRef, TdHTMLAttributes, ThHTMLAttributes, ReactNode, ComponentProps, ComponentType, Ref, ElementType } from 'react';
+import { ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ReactElement, ComponentPropsWithoutRef, TdHTMLAttributes, ThHTMLAttributes, ReactNode, ComponentProps, ComponentType, Ref, ElementType, CSSProperties } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -1236,8 +1236,8 @@ interface StepperStep {
     n: number;
     /** Visible label under the chip. */
     label: string;
-    /** Small uppercase caption under the label (e.g. a phase/section name). */
-    phase: string;
+    /** Small uppercase caption under the label (e.g. a phase/section name). Omit to render no caption. */
+    phase?: string;
 }
 interface StepperProps {
     /** The current step number (1-based, matches a `StepperStep.n`). */
@@ -1258,11 +1258,21 @@ interface StepperProps {
     scrollTestId?: string;
     /** `data-testid` for the trailing `onNew` button, when rendered. */
     newTestId?: string;
+    /**
+     * Minimum width of the steps track; below it the track scrolls horizontally instead of
+     * shrinking further (a number is px, a string is any CSS length, e.g. `"40rem"`). By default
+     * the track has no fixed minimum: it fills the available width and only scrolls once the
+     * chips themselves no longer fit. Set it to give the chips more room than their own content.
+     */
+    minWidth?: number | string;
+    /** Extra classes for the root element (e.g. to constrain or centre the stepper). */
+    className?: string;
 }
 /**
- * Numbered-chip wizard progress indicator: a horizontally-scrolling row of
- * step chips (done/active/upcoming, connected by a line that fills in as
- * steps complete) plus an optional trailing "start over" button. Replaces
+ * Numbered-chip wizard progress indicator: a row of step chips
+ * (done/active/upcoming, connected by a line that fills in as steps complete)
+ * that scrolls horizontally only when the chips don't fit, plus an optional
+ * trailing "start over" button. Replaces
  * the same shape hand-rolled independently by more than one multi-step
  * wizard.
  *
@@ -1274,7 +1284,7 @@ interface StepperProps {
  * that needs a one-off extra chip should compose its own around this
  * component instead.
  */
-declare function Stepper({ step, maxStep, onNavigate, onNew, steps, navLabel, newLabel, scrollTestId, newTestId, }: StepperProps): react.JSX.Element;
+declare function Stepper({ step, maxStep, onNavigate, onNew, steps, navLabel, newLabel, scrollTestId, newTestId, minWidth, className, }: StepperProps): react.JSX.Element;
 
 /** Merges conditional class names, then dedupes conflicting Tailwind utility classes. */
 declare function cn(...inputs: ClassValue[]): string;
@@ -1303,4 +1313,54 @@ type ConfirmButtonPlacement = "leading" | "trailing";
  */
 declare function getConfirmButtonPlacement(): ConfirmButtonPlacement;
 
-export { AiButton, type AiButtonProps, type AiButtonVariant, AiExplainButton, type AiExplainButtonProps, AlertBox, type AlertBoxProps, type AlertBoxVariant, AsyncBoundary, type AsyncBoundaryProps, Badge, type BadgeProps, Button, ButtonGroup, type ButtonGroupOption, type ButtonGroupProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, type GridColumn as ComboboxColumn, type ComboboxMultiProps, type ComboboxOption, type ComboboxProps, type ComboboxSingleProps, type ConfirmButtonPlacement, ConfirmDialog, type ConfirmDialogProps, Dialog, DialogActions, type DialogActionsProps, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ErrorInfo, type ErrorInput, ErrorState, type ErrorStateLabels, type ErrorStateProps, FormField, type FormFieldProps, FormModal, type FormModalProps, InlineError, type InlineErrorProps, Input, type InputProps, KpiCard, type KpiCardProps, Label, LoadingOverlay, type LoadingOverlayProps, LoadingSpinner, type LoadingSpinnerProps, LoadingState, type LoadingStateProps, Modal, type ModalProps, NavGroup, type NavGroupProps, type NavIconProps, NavItem, type NavItemProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, QuestionDialog, type QuestionDialogAction, type QuestionDialogProps, RefreshBar, ResponsivePanel, type ResponsivePanelProps, type ResponsivePanelSize, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchPanel, type SearchPanelMode, type SearchPanelProps, SearchTrigger, type SearchTriggerProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarNav, type SidebarNavProps, type SidebarProps, Skeleton, Sparkline, type SpeechRecognitionEngine, type SpeechRecognitionEngineFactory, type SpeechRecognitionState, StatusBadge, type StatusBadgeProps, type StatusTone, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagCombobox, type TagComboboxOption, type TagComboboxProps, Textarea, type TextareaProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSpeechRecognitionOptions, VoiceInputButton, type VoiceInputButtonProps, VoiceTranscript, type VoiceTranscriptProps, badgeVariants, buttonVariants, cn, defaultErrorStateLabels, describeSpeechError, getConfirmButtonPlacement, isWindowsPlatform, loadingSpinnerIconVariants, sheetVariants, toErrorInfo, useDelayedFlag, useMediaQuery, useSidebarCollapsed, useSpeechRecognition };
+declare const BRAND_ANIMATIONS: readonly [{
+    readonly id: "bounce";
+    readonly label: "Bounce home";
+}, {
+    readonly id: "orbit";
+    readonly label: "Orbit and settle";
+}, {
+    readonly id: "impact";
+    readonly label: "Shot in, boom";
+}, {
+    readonly id: "liquid";
+    readonly label: "Liquid split";
+}, {
+    readonly id: "signature";
+    readonly label: "Solid to signature";
+}, {
+    readonly id: "burst";
+    readonly label: "Big bang, small dot";
+}, {
+    readonly id: "gravity";
+    readonly label: "Gravity press";
+}];
+type BrandAnimation = (typeof BRAND_ANIMATIONS)[number]["id"];
+type BrandMode = "full" | "mark" | "one";
+
+interface AnimatedBrandProps {
+    /** Product suffix, for example Brain, Hub, Docs, or Product. */
+    product?: string;
+    /** Accent color shared by the dot, trails, and particles. Accepts any CSS color. */
+    dotColor?: string;
+    /** Base color for the wordmark and ring. */
+    textColor?: string;
+    /** Optional overrides for the One prefix, product suffix, and O ring. */
+    oneColor?: string;
+    productColor?: string;
+    ringColor?: string;
+    mode?: BrandMode;
+    animation?: BrandAnimation | "random";
+    /** Font size in CSS pixels. The O scales proportionally with the wordmark. */
+    size?: number;
+    autoPlay?: boolean;
+    /** Change this value to replay a finite animation. */
+    replayKey?: string | number;
+    onComplete?: () => void;
+    className?: string;
+    style?: CSSProperties;
+}
+/** A static accessible brand with an optional finite, reduced-motion-aware introduction. */
+declare function AnimatedBrand({ product, dotColor, textColor, oneColor, productColor, ringColor, mode, animation, size, autoPlay, replayKey, onComplete, className, style, }: AnimatedBrandProps): ReactElement;
+
+export { AiButton, type AiButtonProps, type AiButtonVariant, AiExplainButton, type AiExplainButtonProps, AlertBox, type AlertBoxProps, type AlertBoxVariant, AnimatedBrand, type AnimatedBrandProps, AsyncBoundary, type AsyncBoundaryProps, BRAND_ANIMATIONS, Badge, type BadgeProps, type BrandAnimation, type BrandMode, Button, ButtonGroup, type ButtonGroupOption, type ButtonGroupProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Combobox, type GridColumn as ComboboxColumn, type ComboboxMultiProps, type ComboboxOption, type ComboboxProps, type ComboboxSingleProps, type ConfirmButtonPlacement, ConfirmDialog, type ConfirmDialogProps, Dialog, DialogActions, type DialogActionsProps, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DonutChart, type DonutSegment, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ErrorInfo, type ErrorInput, ErrorState, type ErrorStateLabels, type ErrorStateProps, FormField, type FormFieldProps, FormModal, type FormModalProps, InlineError, type InlineErrorProps, Input, type InputProps, KpiCard, type KpiCardProps, Label, LoadingOverlay, type LoadingOverlayProps, LoadingSpinner, type LoadingSpinnerProps, LoadingState, type LoadingStateProps, Modal, type ModalProps, NavGroup, type NavGroupProps, type NavIconProps, NavItem, type NavItemProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, QuestionDialog, type QuestionDialogAction, type QuestionDialogProps, RefreshBar, ResponsivePanel, type ResponsivePanelProps, type ResponsivePanelSize, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, SearchPanel, type SearchPanelMode, type SearchPanelProps, SearchTrigger, type SearchTriggerProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarNav, type SidebarNavProps, type SidebarProps, Skeleton, Sparkline, type SpeechRecognitionEngine, type SpeechRecognitionEngineFactory, type SpeechRecognitionState, StatusBadge, type StatusBadgeProps, type StatusTone, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagCombobox, type TagComboboxOption, type TagComboboxProps, Textarea, type TextareaProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseSpeechRecognitionOptions, VoiceInputButton, type VoiceInputButtonProps, VoiceTranscript, type VoiceTranscriptProps, badgeVariants, buttonVariants, cn, defaultErrorStateLabels, describeSpeechError, getConfirmButtonPlacement, isWindowsPlatform, loadingSpinnerIconVariants, sheetVariants, toErrorInfo, useDelayedFlag, useMediaQuery, useSidebarCollapsed, useSpeechRecognition };