@nurix/ui-component-library 1.1.7-stage.136 → 1.1.7-stage.137

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.
package/dist/index.d.mts CHANGED
@@ -11,7 +11,7 @@ import { Schema } from 'ajv';
11
11
  import { OnMount } from '@monaco-editor/react';
12
12
 
13
13
  type ButtonBorderRadius = "none" | "soft" | "rounded" | "nestedLeft" | "nestedMiddle" | "nestedRight";
14
- type ButtonVariant = "primary" | "secondary" | "destructive" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
14
+ type ButtonVariant = "primary" | "secondary" | "destructive" | "warning" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
15
15
  type ButtonSize = "lg" | "default" | "sm" | "xs" | "link" | "icon" | "iconMd" | "iconSm" | "iconXs";
16
16
  interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
17
17
  variant?: ButtonVariant;
@@ -552,6 +552,15 @@ interface DialogHeaderNavigationProps extends React$1.HTMLAttributes<HTMLDivElem
552
552
  "data-testid"?: string;
553
553
  }
554
554
  type TabVariant = "top" | "side" | "section";
555
+ /**
556
+ * Tab label size. Currently only the `top` variant honours this — the
557
+ * `side` and `section` variants already render compact text by design.
558
+ * - `"default"` — `text-base` (16px) — the original spec.
559
+ * - `"sm"` — `text-sm` (14px) — for surfaces that need a denser
560
+ * tab strip (e.g. inside a card or panel that already
561
+ * sets the typographic scale to small).
562
+ */
563
+ type TabSize = "default" | "sm";
555
564
  interface ListNavItemProps {
556
565
  /** Unique identifier */
557
566
  id: string;
@@ -569,6 +578,25 @@ interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
569
578
  selectedId?: string | null;
570
579
  /** Callback when an item is clicked */
571
580
  onSelect?: (id: string) => void;
581
+ /**
582
+ * When `true`, the content column shrinks and the title row truncates
583
+ * with an ellipsis instead of pushing the trailing slot out of the
584
+ * item. Use for narrow sidebars (filename lists, log lists, etc).
585
+ * @default false
586
+ */
587
+ truncate?: boolean;
588
+ /**
589
+ * Hard cap on title length, in characters. When set, the title is
590
+ * sliced to this length with an `…` appended. Pairs with `truncate`
591
+ * (CSS) for belt-and-suspenders — JS-side hard cap, CSS-side ellipsis
592
+ * if the cap still overflows the column.
593
+ */
594
+ maxTitleChars?: number;
595
+ /**
596
+ * Hard cap on subtitle length, in characters. Same semantics as
597
+ * `maxTitleChars` but for the secondary line.
598
+ */
599
+ maxSubtitleChars?: number;
572
600
  /**
573
601
  * Optional `data-testid` for Playwright. Defaults to `"nav"` if omitted.
574
602
  */
@@ -579,6 +607,11 @@ interface TabsProps extends React$1.HTMLAttributes<HTMLDivElement> {
579
607
  defaultValue?: string;
580
608
  onValueChange?: (value: string) => void;
581
609
  variant?: TabVariant;
610
+ /**
611
+ * Label size for descendant `TabsTrigger`s. Currently only applies to
612
+ * `variant="top"`. Defaults to `"default"`.
613
+ */
614
+ size?: TabSize;
582
615
  }
583
616
  interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
584
617
  variant?: TabVariant;
@@ -586,6 +619,8 @@ interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
586
619
  interface TabsTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
587
620
  value: string;
588
621
  variant?: TabVariant;
622
+ /** Optional per-trigger override of the inherited `size`. */
623
+ size?: TabSize;
589
624
  iconLeft?: React$1.ReactNode;
590
625
  /**
591
626
  * Optional `data-testid` for Playwright. Defaults to `"tab"` if omitted.
@@ -600,13 +635,17 @@ interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
600
635
 
601
636
  declare const DialogHeaderNavigation: React$1.ForwardRefExoticComponent<DialogHeaderNavigationProps & React$1.RefAttributes<HTMLDivElement>>;
602
637
 
603
- declare function Tabs({ className, value, defaultValue, onValueChange, variant, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
638
+ declare function Tabs({ className, value, defaultValue, onValueChange, variant, size, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
604
639
  declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
605
640
  declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
606
641
  declare function TabsContent({ value, forceMount, className, children, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
607
642
  /**
608
643
  * ListNavigation — A vertical list of selectable items (e.g. call history).
609
644
  * Based on Figma design node: 5503:34142
645
+ *
646
+ * Set `truncate` when items live in a narrow sidebar (filenames, call
647
+ * logs, etc.) — the content column shrinks and the title row truncates
648
+ * with an ellipsis instead of pushing the trailing badge out of the row.
610
649
  */
611
650
  declare const ListNavigation: React$1.ForwardRefExoticComponent<ListNavigationProps & React$1.RefAttributes<HTMLDivElement>>;
612
651
 
@@ -880,6 +919,43 @@ interface TagBadgeProps {
880
919
  "data-testid"?: string;
881
920
  }
882
921
  type NumberBadgeVariant = "default" | "destructive" | "secondary";
922
+ type CircularBadgeSize = "sm" | "md" | "lg";
923
+ /**
924
+ * Generic circular badge — same chrome as `NumberBadge` but accepts any
925
+ * `children` (icon, single character, short text). Use for status dots
926
+ * where the badge body carries a glyph that conveys state, not a count.
927
+ */
928
+ interface CircularBadgeProps {
929
+ /**
930
+ * Visual tint. Re-uses the full Badge variant palette so the dot stays
931
+ * colour-consistent with text badges of the same status.
932
+ * @default "default"
933
+ */
934
+ variant?: BadgeVariant;
935
+ /**
936
+ * Diameter token.
937
+ * - `sm` = 16px (matches inline-text x-height)
938
+ * - `md` = 20px (default — comfortable hit target / icon size)
939
+ * - `lg` = 24px (emphasised state)
940
+ * @default "md"
941
+ */
942
+ size?: CircularBadgeSize;
943
+ /**
944
+ * Optional click handler. When provided, the badge becomes a button.
945
+ */
946
+ onClick?: (e: React$1.MouseEvent) => void;
947
+ /**
948
+ * Badge body — typically an icon (`<Check />`, `<X />`, etc.) or a
949
+ * single character. Sized via the parent's circular box.
950
+ */
951
+ children?: React$1.ReactNode;
952
+ className?: string;
953
+ style?: React$1.CSSProperties;
954
+ /**
955
+ * Optional `data-testid` for Playwright. Defaults to `"badge"` if omitted.
956
+ */
957
+ "data-testid"?: string;
958
+ }
883
959
  interface NumberBadgeProps {
884
960
  /**
885
961
  * The number to display in the badge.
@@ -918,6 +994,15 @@ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefA
918
994
  * Based on Figma design node: 3333:1629
919
995
  */
920
996
  declare const NumberBadge: React$1.ForwardRefExoticComponent<NumberBadgeProps & React$1.RefAttributes<HTMLDivElement>>;
997
+ /**
998
+ * CircularBadge — round status badge that accepts any glyph (icon, single
999
+ * character, short text) instead of a count. Shares the full Badge variant
1000
+ * palette so a `success` dot reads the same colour as a `success` text
1001
+ * badge in the same surface. Use for status pills in narrow sidebars,
1002
+ * table cells, list rows, etc. where the label would be redundant or too
1003
+ * wide.
1004
+ */
1005
+ declare const CircularBadge: React$1.ForwardRefExoticComponent<CircularBadgeProps & React$1.RefAttributes<HTMLElement>>;
921
1006
  /**
922
1007
  * TagBadge - An interactive badge that opens a dropdown to pick a tag.
923
1008
  * Mirrors the TagsDropdown behavior from the zero repo:
@@ -2925,10 +3010,22 @@ interface CompoundFilterSelectProps<T extends string = string> extends Omit<Reac
2925
3010
  leadingIcon?: LucideIcon | React$1.ReactNode;
2926
3011
  /** Optional label shown on the left pill next to the icon. If omitted, only icon + chevron are shown (compact mode). */
2927
3012
  leftLabel?: string;
2928
- /** Right-side content, typically a <FilterSelect /> */
3013
+ /** Right-side content, typically a <FilterSelect />. Ignored when `inputValue` is provided. */
2929
3014
  children?: React$1.ReactNode;
2930
3015
  /** Disable the left toggle */
2931
3016
  disabled?: boolean;
3017
+ /** Controlled value for the built-in input. Setting this enables input mode. */
3018
+ inputValue?: string;
3019
+ /** Callback when the built-in input value changes. */
3020
+ onInputValueChange?: (value: string) => void;
3021
+ /** Placeholder for the built-in input. */
3022
+ inputPlaceholder?: string;
3023
+ /** Underlying `<input>` type. Defaults to `"text"`. */
3024
+ inputType?: "text" | "search" | "tel" | "email" | "number";
3025
+ /** Width of the right input pill. Defaults to `220px`. */
3026
+ inputWidth?: number | string;
3027
+ /** Optional `data-testid` for the built-in input. */
3028
+ "data-testid-input"?: string;
2932
3029
  }
2933
3030
  /**
2934
3031
  * CompoundFilterSelect
@@ -2940,7 +3037,7 @@ interface CompoundFilterSelectProps<T extends string = string> extends Omit<Reac
2940
3037
  * The two pills overlap by 1px so their borders merge visually into a single continuous pill.
2941
3038
  * Per Figma spec (1XTtQGgJ2Tb0wycZ7O1Ez9 · 5427:32324).
2942
3039
  */
2943
- declare function CompoundFilterSelect<T extends string = string>({ options, value, onChange, leadingIcon, leftLabel, children, disabled, className, ...props }: CompoundFilterSelectProps<T>): react_jsx_runtime.JSX.Element;
3040
+ declare function CompoundFilterSelect<T extends string = string>({ options, value, onChange, leadingIcon, leftLabel, children, disabled, inputValue, onInputValueChange, inputPlaceholder, inputType, inputWidth, "data-testid-input": dataTestIdInput, className, ...props }: CompoundFilterSelectProps<T>): react_jsx_runtime.JSX.Element;
2944
3041
  declare namespace CompoundFilterSelect {
2945
3042
  var displayName: string;
2946
3043
  }
@@ -4070,4 +4167,4 @@ declare const RuleBuilderConnector: React$1.ForwardRefExoticComponent<RuleBuilde
4070
4167
  */
4071
4168
  declare const RuleBuilderAddCondition: React$1.ForwardRefExoticComponent<RuleBuilderAddConditionProps & React$1.RefAttributes<HTMLButtonElement>>;
4072
4169
 
4073
- export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
4170
+ export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularBadge, type CircularBadgeProps, type CircularBadgeSize, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
package/dist/index.d.ts CHANGED
@@ -11,7 +11,7 @@ import { Schema } from 'ajv';
11
11
  import { OnMount } from '@monaco-editor/react';
12
12
 
13
13
  type ButtonBorderRadius = "none" | "soft" | "rounded" | "nestedLeft" | "nestedMiddle" | "nestedRight";
14
- type ButtonVariant = "primary" | "secondary" | "destructive" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
14
+ type ButtonVariant = "primary" | "secondary" | "destructive" | "warning" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
15
15
  type ButtonSize = "lg" | "default" | "sm" | "xs" | "link" | "icon" | "iconMd" | "iconSm" | "iconXs";
16
16
  interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
17
17
  variant?: ButtonVariant;
@@ -552,6 +552,15 @@ interface DialogHeaderNavigationProps extends React$1.HTMLAttributes<HTMLDivElem
552
552
  "data-testid"?: string;
553
553
  }
554
554
  type TabVariant = "top" | "side" | "section";
555
+ /**
556
+ * Tab label size. Currently only the `top` variant honours this — the
557
+ * `side` and `section` variants already render compact text by design.
558
+ * - `"default"` — `text-base` (16px) — the original spec.
559
+ * - `"sm"` — `text-sm` (14px) — for surfaces that need a denser
560
+ * tab strip (e.g. inside a card or panel that already
561
+ * sets the typographic scale to small).
562
+ */
563
+ type TabSize = "default" | "sm";
555
564
  interface ListNavItemProps {
556
565
  /** Unique identifier */
557
566
  id: string;
@@ -569,6 +578,25 @@ interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
569
578
  selectedId?: string | null;
570
579
  /** Callback when an item is clicked */
571
580
  onSelect?: (id: string) => void;
581
+ /**
582
+ * When `true`, the content column shrinks and the title row truncates
583
+ * with an ellipsis instead of pushing the trailing slot out of the
584
+ * item. Use for narrow sidebars (filename lists, log lists, etc).
585
+ * @default false
586
+ */
587
+ truncate?: boolean;
588
+ /**
589
+ * Hard cap on title length, in characters. When set, the title is
590
+ * sliced to this length with an `…` appended. Pairs with `truncate`
591
+ * (CSS) for belt-and-suspenders — JS-side hard cap, CSS-side ellipsis
592
+ * if the cap still overflows the column.
593
+ */
594
+ maxTitleChars?: number;
595
+ /**
596
+ * Hard cap on subtitle length, in characters. Same semantics as
597
+ * `maxTitleChars` but for the secondary line.
598
+ */
599
+ maxSubtitleChars?: number;
572
600
  /**
573
601
  * Optional `data-testid` for Playwright. Defaults to `"nav"` if omitted.
574
602
  */
@@ -579,6 +607,11 @@ interface TabsProps extends React$1.HTMLAttributes<HTMLDivElement> {
579
607
  defaultValue?: string;
580
608
  onValueChange?: (value: string) => void;
581
609
  variant?: TabVariant;
610
+ /**
611
+ * Label size for descendant `TabsTrigger`s. Currently only applies to
612
+ * `variant="top"`. Defaults to `"default"`.
613
+ */
614
+ size?: TabSize;
582
615
  }
583
616
  interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
584
617
  variant?: TabVariant;
@@ -586,6 +619,8 @@ interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
586
619
  interface TabsTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
587
620
  value: string;
588
621
  variant?: TabVariant;
622
+ /** Optional per-trigger override of the inherited `size`. */
623
+ size?: TabSize;
589
624
  iconLeft?: React$1.ReactNode;
590
625
  /**
591
626
  * Optional `data-testid` for Playwright. Defaults to `"tab"` if omitted.
@@ -600,13 +635,17 @@ interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
600
635
 
601
636
  declare const DialogHeaderNavigation: React$1.ForwardRefExoticComponent<DialogHeaderNavigationProps & React$1.RefAttributes<HTMLDivElement>>;
602
637
 
603
- declare function Tabs({ className, value, defaultValue, onValueChange, variant, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
638
+ declare function Tabs({ className, value, defaultValue, onValueChange, variant, size, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
604
639
  declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
605
640
  declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
606
641
  declare function TabsContent({ value, forceMount, className, children, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
607
642
  /**
608
643
  * ListNavigation — A vertical list of selectable items (e.g. call history).
609
644
  * Based on Figma design node: 5503:34142
645
+ *
646
+ * Set `truncate` when items live in a narrow sidebar (filenames, call
647
+ * logs, etc.) — the content column shrinks and the title row truncates
648
+ * with an ellipsis instead of pushing the trailing badge out of the row.
610
649
  */
611
650
  declare const ListNavigation: React$1.ForwardRefExoticComponent<ListNavigationProps & React$1.RefAttributes<HTMLDivElement>>;
612
651
 
@@ -880,6 +919,43 @@ interface TagBadgeProps {
880
919
  "data-testid"?: string;
881
920
  }
882
921
  type NumberBadgeVariant = "default" | "destructive" | "secondary";
922
+ type CircularBadgeSize = "sm" | "md" | "lg";
923
+ /**
924
+ * Generic circular badge — same chrome as `NumberBadge` but accepts any
925
+ * `children` (icon, single character, short text). Use for status dots
926
+ * where the badge body carries a glyph that conveys state, not a count.
927
+ */
928
+ interface CircularBadgeProps {
929
+ /**
930
+ * Visual tint. Re-uses the full Badge variant palette so the dot stays
931
+ * colour-consistent with text badges of the same status.
932
+ * @default "default"
933
+ */
934
+ variant?: BadgeVariant;
935
+ /**
936
+ * Diameter token.
937
+ * - `sm` = 16px (matches inline-text x-height)
938
+ * - `md` = 20px (default — comfortable hit target / icon size)
939
+ * - `lg` = 24px (emphasised state)
940
+ * @default "md"
941
+ */
942
+ size?: CircularBadgeSize;
943
+ /**
944
+ * Optional click handler. When provided, the badge becomes a button.
945
+ */
946
+ onClick?: (e: React$1.MouseEvent) => void;
947
+ /**
948
+ * Badge body — typically an icon (`<Check />`, `<X />`, etc.) or a
949
+ * single character. Sized via the parent's circular box.
950
+ */
951
+ children?: React$1.ReactNode;
952
+ className?: string;
953
+ style?: React$1.CSSProperties;
954
+ /**
955
+ * Optional `data-testid` for Playwright. Defaults to `"badge"` if omitted.
956
+ */
957
+ "data-testid"?: string;
958
+ }
883
959
  interface NumberBadgeProps {
884
960
  /**
885
961
  * The number to display in the badge.
@@ -918,6 +994,15 @@ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefA
918
994
  * Based on Figma design node: 3333:1629
919
995
  */
920
996
  declare const NumberBadge: React$1.ForwardRefExoticComponent<NumberBadgeProps & React$1.RefAttributes<HTMLDivElement>>;
997
+ /**
998
+ * CircularBadge — round status badge that accepts any glyph (icon, single
999
+ * character, short text) instead of a count. Shares the full Badge variant
1000
+ * palette so a `success` dot reads the same colour as a `success` text
1001
+ * badge in the same surface. Use for status pills in narrow sidebars,
1002
+ * table cells, list rows, etc. where the label would be redundant or too
1003
+ * wide.
1004
+ */
1005
+ declare const CircularBadge: React$1.ForwardRefExoticComponent<CircularBadgeProps & React$1.RefAttributes<HTMLElement>>;
921
1006
  /**
922
1007
  * TagBadge - An interactive badge that opens a dropdown to pick a tag.
923
1008
  * Mirrors the TagsDropdown behavior from the zero repo:
@@ -2925,10 +3010,22 @@ interface CompoundFilterSelectProps<T extends string = string> extends Omit<Reac
2925
3010
  leadingIcon?: LucideIcon | React$1.ReactNode;
2926
3011
  /** Optional label shown on the left pill next to the icon. If omitted, only icon + chevron are shown (compact mode). */
2927
3012
  leftLabel?: string;
2928
- /** Right-side content, typically a <FilterSelect /> */
3013
+ /** Right-side content, typically a <FilterSelect />. Ignored when `inputValue` is provided. */
2929
3014
  children?: React$1.ReactNode;
2930
3015
  /** Disable the left toggle */
2931
3016
  disabled?: boolean;
3017
+ /** Controlled value for the built-in input. Setting this enables input mode. */
3018
+ inputValue?: string;
3019
+ /** Callback when the built-in input value changes. */
3020
+ onInputValueChange?: (value: string) => void;
3021
+ /** Placeholder for the built-in input. */
3022
+ inputPlaceholder?: string;
3023
+ /** Underlying `<input>` type. Defaults to `"text"`. */
3024
+ inputType?: "text" | "search" | "tel" | "email" | "number";
3025
+ /** Width of the right input pill. Defaults to `220px`. */
3026
+ inputWidth?: number | string;
3027
+ /** Optional `data-testid` for the built-in input. */
3028
+ "data-testid-input"?: string;
2932
3029
  }
2933
3030
  /**
2934
3031
  * CompoundFilterSelect
@@ -2940,7 +3037,7 @@ interface CompoundFilterSelectProps<T extends string = string> extends Omit<Reac
2940
3037
  * The two pills overlap by 1px so their borders merge visually into a single continuous pill.
2941
3038
  * Per Figma spec (1XTtQGgJ2Tb0wycZ7O1Ez9 · 5427:32324).
2942
3039
  */
2943
- declare function CompoundFilterSelect<T extends string = string>({ options, value, onChange, leadingIcon, leftLabel, children, disabled, className, ...props }: CompoundFilterSelectProps<T>): react_jsx_runtime.JSX.Element;
3040
+ declare function CompoundFilterSelect<T extends string = string>({ options, value, onChange, leadingIcon, leftLabel, children, disabled, inputValue, onInputValueChange, inputPlaceholder, inputType, inputWidth, "data-testid-input": dataTestIdInput, className, ...props }: CompoundFilterSelectProps<T>): react_jsx_runtime.JSX.Element;
2944
3041
  declare namespace CompoundFilterSelect {
2945
3042
  var displayName: string;
2946
3043
  }
@@ -4070,4 +4167,4 @@ declare const RuleBuilderConnector: React$1.ForwardRefExoticComponent<RuleBuilde
4070
4167
  */
4071
4168
  declare const RuleBuilderAddCondition: React$1.ForwardRefExoticComponent<RuleBuilderAddConditionProps & React$1.RefAttributes<HTMLButtonElement>>;
4072
4169
 
4073
- export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
4170
+ export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularBadge, type CircularBadgeProps, type CircularBadgeSize, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };