@nurix/ui-component-library 1.1.7-stage.135 → 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
@@ -1,4 +1,5 @@
1
1
  import * as React$1 from 'react';
2
+ import { ReactNode, CSSProperties } from 'react';
2
3
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
3
4
  import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
4
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -10,7 +11,7 @@ import { Schema } from 'ajv';
10
11
  import { OnMount } from '@monaco-editor/react';
11
12
 
12
13
  type ButtonBorderRadius = "none" | "soft" | "rounded" | "nestedLeft" | "nestedMiddle" | "nestedRight";
13
- type ButtonVariant = "primary" | "secondary" | "destructive" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
14
+ type ButtonVariant = "primary" | "secondary" | "destructive" | "warning" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
14
15
  type ButtonSize = "lg" | "default" | "sm" | "xs" | "link" | "icon" | "iconMd" | "iconSm" | "iconXs";
15
16
  interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
16
17
  variant?: ButtonVariant;
@@ -551,6 +552,15 @@ interface DialogHeaderNavigationProps extends React$1.HTMLAttributes<HTMLDivElem
551
552
  "data-testid"?: string;
552
553
  }
553
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";
554
564
  interface ListNavItemProps {
555
565
  /** Unique identifier */
556
566
  id: string;
@@ -568,6 +578,25 @@ interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
568
578
  selectedId?: string | null;
569
579
  /** Callback when an item is clicked */
570
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;
571
600
  /**
572
601
  * Optional `data-testid` for Playwright. Defaults to `"nav"` if omitted.
573
602
  */
@@ -578,6 +607,11 @@ interface TabsProps extends React$1.HTMLAttributes<HTMLDivElement> {
578
607
  defaultValue?: string;
579
608
  onValueChange?: (value: string) => void;
580
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;
581
615
  }
582
616
  interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
583
617
  variant?: TabVariant;
@@ -585,6 +619,8 @@ interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
585
619
  interface TabsTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
586
620
  value: string;
587
621
  variant?: TabVariant;
622
+ /** Optional per-trigger override of the inherited `size`. */
623
+ size?: TabSize;
588
624
  iconLeft?: React$1.ReactNode;
589
625
  /**
590
626
  * Optional `data-testid` for Playwright. Defaults to `"tab"` if omitted.
@@ -599,13 +635,17 @@ interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
599
635
 
600
636
  declare const DialogHeaderNavigation: React$1.ForwardRefExoticComponent<DialogHeaderNavigationProps & React$1.RefAttributes<HTMLDivElement>>;
601
637
 
602
- 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;
603
639
  declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
604
640
  declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
605
641
  declare function TabsContent({ value, forceMount, className, children, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
606
642
  /**
607
643
  * ListNavigation — A vertical list of selectable items (e.g. call history).
608
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.
609
649
  */
610
650
  declare const ListNavigation: React$1.ForwardRefExoticComponent<ListNavigationProps & React$1.RefAttributes<HTMLDivElement>>;
611
651
 
@@ -623,6 +663,7 @@ interface AccordionProps<TType extends AccordionType = "single"> extends Omit<Re
623
663
  onValueChange?: AccordionOnValueChange<TType>;
624
664
  disabled?: boolean;
625
665
  }
666
+ type AccordionItemVariant = "default" | "card" | "surface";
626
667
  interface AccordionItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
627
668
  value: string;
628
669
  disabled?: boolean;
@@ -633,9 +674,15 @@ interface AccordionItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
633
674
  * - `"card"` — bordered, rounded, drop-shadowed pill that reads as its own
634
675
  * surface (Figma 707:17455 / 6441:22282). Use when each item is a
635
676
  * self-contained section, e.g. a Speech Settings card.
677
+ * - `"surface"` — grey-wrapped item (rounded-2xl, p-1) hosting a separate
678
+ * white trigger card and white content card with a 4px gap between
679
+ * them (Figma 154:7577 — Weekly Scheduler Card). Same nesting pattern
680
+ * as `RuleBuilder`. Pass `variant="surface"` to the matching
681
+ * `AccordionTrigger` and `AccordionContent` so the inner surfaces
682
+ * render with their white backgrounds.
636
683
  * @default "default"
637
684
  */
638
- variant?: "default" | "card";
685
+ variant?: AccordionItemVariant;
639
686
  }
640
687
  type AccordionTriggerSize = "default" | "sm";
641
688
  interface AccordionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -664,12 +711,28 @@ interface AccordionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonE
664
711
  * @default "default"
665
712
  */
666
713
  size?: AccordionTriggerSize;
714
+ /**
715
+ * Visual variant of the parent `AccordionItem`. Pass `"surface"` when the
716
+ * item itself uses `variant="surface"` so the trigger renders as a white
717
+ * rounded card inside the grey wrapper. Children + action are wrapped
718
+ * with `stopPropagation` handlers so interactive controls (e.g. a Select
719
+ * in the trigger) do not also toggle the accordion.
720
+ * @default "default"
721
+ */
722
+ variant?: AccordionItemVariant;
667
723
  /**
668
724
  * Optional `data-testid` for Playwright. Defaults to `"accordion"` if omitted.
669
725
  */
670
726
  "data-testid"?: string;
671
727
  }
672
728
  interface AccordionContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
729
+ /**
730
+ * Visual variant of the parent `AccordionItem`. Pass `"surface"` when the
731
+ * item uses `variant="surface"` so the content renders as its own white
732
+ * rounded card inside the grey wrapper.
733
+ * @default "default"
734
+ */
735
+ variant?: AccordionItemVariant;
673
736
  }
674
737
  interface AccordionSectionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
675
738
  /**
@@ -856,6 +919,43 @@ interface TagBadgeProps {
856
919
  "data-testid"?: string;
857
920
  }
858
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
+ }
859
959
  interface NumberBadgeProps {
860
960
  /**
861
961
  * The number to display in the badge.
@@ -894,6 +994,15 @@ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefA
894
994
  * Based on Figma design node: 3333:1629
895
995
  */
896
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>>;
897
1006
  /**
898
1007
  * TagBadge - An interactive badge that opens a dropdown to pick a tag.
899
1008
  * Mirrors the TagsDropdown behavior from the zero repo:
@@ -2783,7 +2892,7 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
2783
2892
  end?: Date;
2784
2893
  }) => void;
2785
2894
  /** Date presets to show (default: true) */
2786
- datePresets?: boolean | DatePreset[];
2895
+ datePresets?: boolean | DatePreset$1[];
2787
2896
  /** Show time picker in date filter (default: true) */
2788
2897
  showTime?: boolean;
2789
2898
  /**
@@ -2816,7 +2925,7 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
2816
2925
  "data-testid"?: string;
2817
2926
  }
2818
2927
  /** Date preset: label and function to compute the range */
2819
- interface DatePreset {
2928
+ interface DatePreset$1 {
2820
2929
  value: string;
2821
2930
  label: string;
2822
2931
  getRange: () => {
@@ -2901,10 +3010,22 @@ interface CompoundFilterSelectProps<T extends string = string> extends Omit<Reac
2901
3010
  leadingIcon?: LucideIcon | React$1.ReactNode;
2902
3011
  /** Optional label shown on the left pill next to the icon. If omitted, only icon + chevron are shown (compact mode). */
2903
3012
  leftLabel?: string;
2904
- /** Right-side content, typically a <FilterSelect /> */
3013
+ /** Right-side content, typically a <FilterSelect />. Ignored when `inputValue` is provided. */
2905
3014
  children?: React$1.ReactNode;
2906
3015
  /** Disable the left toggle */
2907
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;
2908
3029
  }
2909
3030
  /**
2910
3031
  * CompoundFilterSelect
@@ -2916,7 +3037,7 @@ interface CompoundFilterSelectProps<T extends string = string> extends Omit<Reac
2916
3037
  * The two pills overlap by 1px so their borders merge visually into a single continuous pill.
2917
3038
  * Per Figma spec (1XTtQGgJ2Tb0wycZ7O1Ez9 · 5427:32324).
2918
3039
  */
2919
- 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;
2920
3041
  declare namespace CompoundFilterSelect {
2921
3042
  var displayName: string;
2922
3043
  }
@@ -3663,6 +3784,238 @@ declare function createEmptyWeeklySchedule(): WeeklyScheduleValue;
3663
3784
  */
3664
3785
  declare const WeeklySchedule: React$1.ForwardRefExoticComponent<WeeklyScheduleProps & React$1.RefAttributes<HTMLDivElement>>;
3665
3786
 
3787
+ /** A single quick-pick range option. */
3788
+ interface DatePreset {
3789
+ /** Stable id used for selection comparison. */
3790
+ value: string;
3791
+ /** User-visible label, e.g. "Last 7 Days". */
3792
+ label: string;
3793
+ /** Returns the absolute range when the preset is clicked. */
3794
+ getRange: () => {
3795
+ start: Date;
3796
+ end: Date;
3797
+ };
3798
+ }
3799
+ interface DateRange {
3800
+ start?: Date;
3801
+ end?: Date;
3802
+ }
3803
+ type DatePickerMode = "single" | "range";
3804
+ interface DatePickerCalendarPropsBase {
3805
+ /** "single" picks one date; "range" picks a start/end. Default "single". */
3806
+ mode?: DatePickerMode;
3807
+ /** Show a time pill in the month caption(s). Works in both modes. */
3808
+ showTime?: boolean;
3809
+ /**
3810
+ * Quick-pick presets for range mode (Today, Last 7 Days, etc).
3811
+ * - `true` → use the built-in defaults
3812
+ * - `false` → hide the preset sidebar
3813
+ * - `DatePreset[]` → render a custom list
3814
+ *
3815
+ * Defaults: `true` in range mode, `false` in single mode.
3816
+ */
3817
+ presets?: boolean | DatePreset[];
3818
+ /**
3819
+ * If false, dates after today are disabled. Default `true` (you usually want
3820
+ * future dates available for scheduling).
3821
+ */
3822
+ allowFutureDates?: boolean;
3823
+ /**
3824
+ * If true, dates before today are disabled. Default `false`.
3825
+ */
3826
+ disablePastDates?: boolean;
3827
+ /** Inclusive lower bound. */
3828
+ minDate?: Date;
3829
+ /** Inclusive upper bound. */
3830
+ maxDate?: Date;
3831
+ /** Lowest year selectable from the year pill. Default 2020. */
3832
+ minYear?: number;
3833
+ /** Highest year selectable from the year pill. Default current year + 5. */
3834
+ maxYear?: number;
3835
+ /**
3836
+ * Number of months rendered side-by-side. Defaults to 2 in range mode, 1
3837
+ * in single mode.
3838
+ */
3839
+ numberOfMonths?: number;
3840
+ /** Optional content rendered above the calendar (title, description, etc.). */
3841
+ header?: ReactNode;
3842
+ /** Show a "Today" jump button in the footer. */
3843
+ showTodayBtn?: boolean;
3844
+ /** Label for the Today button. Default "Today". */
3845
+ todayLabel?: string;
3846
+ /** Show a "Clear" button in the footer. Default `true`. */
3847
+ showClearBtn?: boolean;
3848
+ /** Label for the Clear button. Default "Clear". */
3849
+ clearLabel?: string;
3850
+ /**
3851
+ * When true, the value is staged internally and only committed via the
3852
+ * Confirm button. Useful inside a popover so the user can cancel changes.
3853
+ */
3854
+ showConfirmCancel?: boolean;
3855
+ /**
3856
+ * Show the Cancel button alongside Confirm. Defaults to `true`. Set to
3857
+ * `false` for an Apply-only footer (matches the filter-select pattern of
3858
+ * having only a Clear action + a single primary commit).
3859
+ */
3860
+ showCancelBtn?: boolean;
3861
+ /** Label for the Confirm button. Default "Apply". */
3862
+ confirmLabel?: string;
3863
+ /** Label for the Cancel button. Default "Cancel". */
3864
+ cancelLabel?: string;
3865
+ /** Called when the user clicks Today. */
3866
+ onTodayClick?: () => void;
3867
+ /** Called when the user clicks Clear. */
3868
+ onClear?: () => void;
3869
+ /** Called when the user clicks Cancel (only with showConfirmCancel). */
3870
+ onCancel?: () => void;
3871
+ className?: string;
3872
+ style?: CSSProperties;
3873
+ "data-testid"?: string;
3874
+ }
3875
+ interface DatePickerCalendarSingleProps extends DatePickerCalendarPropsBase {
3876
+ mode?: "single";
3877
+ /** Selected date (controlled). */
3878
+ value?: Date;
3879
+ /** Called when the user picks a date. */
3880
+ onChange?: (next: Date | undefined) => void;
3881
+ /** Confirm handler (only with showConfirmCancel). */
3882
+ onConfirm?: (next: Date | undefined) => void;
3883
+ range?: never;
3884
+ onRangeChange?: never;
3885
+ }
3886
+ interface DatePickerCalendarRangeProps extends DatePickerCalendarPropsBase {
3887
+ mode: "range";
3888
+ /** Selected range (controlled). */
3889
+ range?: DateRange;
3890
+ /** Called when the user picks a date in the range. */
3891
+ onRangeChange?: (next: DateRange) => void;
3892
+ /** Confirm handler (only with showConfirmCancel). */
3893
+ onConfirm?: (next: DateRange) => void;
3894
+ value?: never;
3895
+ onChange?: never;
3896
+ }
3897
+ type DatePickerCalendarProps = DatePickerCalendarSingleProps | DatePickerCalendarRangeProps;
3898
+ type DatePickerSize = "sm" | "md" | "lg";
3899
+ interface DatePickerPropsCommon extends Omit<DatePickerCalendarPropsBase, "header"> {
3900
+ /** Placeholder shown in the trigger when no value is selected. */
3901
+ placeholder?: string;
3902
+ /** Calendar icon to the right of the trigger text. Pass `false` to hide. */
3903
+ triggerIcon?: ReactNode | false;
3904
+ /** Trigger height. Default "md" (40px). */
3905
+ size?: DatePickerSize;
3906
+ /** Visually mark the trigger as disabled. */
3907
+ disabled?: boolean;
3908
+ /** Visually mark the trigger as invalid (red border). */
3909
+ invalid?: boolean;
3910
+ /** Custom class for the trigger button. */
3911
+ triggerClassName?: string;
3912
+ /** Custom class for the popover container. */
3913
+ popoverClassName?: string;
3914
+ /** Popover open state (controlled). */
3915
+ open?: boolean;
3916
+ defaultOpen?: boolean;
3917
+ onOpenChange?: (open: boolean) => void;
3918
+ /** Popover positioning, forwarded to <Popover />. */
3919
+ side?: "top" | "right" | "bottom" | "left";
3920
+ align?: "start" | "center" | "end";
3921
+ sideOffset?: number;
3922
+ /** Aria label for the trigger button. */
3923
+ ariaLabel?: string;
3924
+ /** Optional header rendered inside the popover above the calendar. */
3925
+ header?: ReactNode;
3926
+ /**
3927
+ * Custom trigger render. Receives the formatted value + open state; bypasses
3928
+ * the default input-style trigger entirely.
3929
+ */
3930
+ renderTrigger?: (state: {
3931
+ formatted: string;
3932
+ placeholder: string;
3933
+ open: boolean;
3934
+ disabled: boolean;
3935
+ invalid: boolean;
3936
+ }) => ReactNode;
3937
+ }
3938
+ interface DatePickerSingleProps extends DatePickerPropsCommon {
3939
+ mode?: "single";
3940
+ value?: Date;
3941
+ onChange?: (next: Date | undefined) => void;
3942
+ onConfirm?: (next: Date | undefined) => void;
3943
+ /** Custom formatter for the trigger label (single mode). */
3944
+ formatValue?: (value: Date | undefined) => string;
3945
+ range?: never;
3946
+ onRangeChange?: never;
3947
+ formatRange?: never;
3948
+ }
3949
+ interface DatePickerRangeProps extends DatePickerPropsCommon {
3950
+ mode: "range";
3951
+ range?: DateRange;
3952
+ onRangeChange?: (next: DateRange) => void;
3953
+ onConfirm?: (next: DateRange) => void;
3954
+ /** Custom formatter for the trigger label (range mode). */
3955
+ formatRange?: (range: DateRange) => string;
3956
+ value?: never;
3957
+ onChange?: never;
3958
+ formatValue?: never;
3959
+ }
3960
+ type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
3961
+
3962
+ /**
3963
+ * DatePicker — input-style trigger that opens a calendar in a popover.
3964
+ *
3965
+ * Drop-in replacement for `<input type="date">` with a richer experience:
3966
+ * - Single or range selection
3967
+ * - Optional time picker
3968
+ * - Optional preset sidebar (range mode)
3969
+ * - Confirm / Cancel buttons inside the popover
3970
+ *
3971
+ * Every behaviour is prop-controlled. Use `<DatePickerCalendar />` directly if
3972
+ * you want to embed the panel without a trigger.
3973
+ *
3974
+ * @example single
3975
+ * const [start, setStart] = useState<Date | undefined>();
3976
+ * <DatePicker
3977
+ * value={start}
3978
+ * onChange={setStart}
3979
+ * placeholder="Start date"
3980
+ * showTodayBtn
3981
+ * />
3982
+ *
3983
+ * @example range with time + presets + confirm
3984
+ * const [range, setRange] = useState<DateRange>({});
3985
+ * <DatePicker
3986
+ * mode="range"
3987
+ * range={range}
3988
+ * onRangeChange={setRange}
3989
+ * showTime
3990
+ * showConfirmCancel
3991
+ * />
3992
+ */
3993
+ declare const DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<HTMLDivElement>>;
3994
+
3995
+ declare const DEFAULT_DATE_PRESETS: DatePreset[];
3996
+ /**
3997
+ * DatePickerCalendar — full calendar panel without a trigger.
3998
+ *
3999
+ * Use this when you have your own popover/dialog/sidebar wrapper. For the
4000
+ * common "input field that opens a calendar" pattern, use `<DatePicker />`
4001
+ * instead.
4002
+ *
4003
+ * @example single
4004
+ * const [value, setValue] = useState<Date | undefined>();
4005
+ * <DatePickerCalendar value={value} onChange={setValue} />
4006
+ *
4007
+ * @example range with presets
4008
+ * const [range, setRange] = useState<DateRange>({});
4009
+ * <DatePickerCalendar
4010
+ * mode="range"
4011
+ * range={range}
4012
+ * onRangeChange={setRange}
4013
+ * presets
4014
+ * showTime
4015
+ * />
4016
+ */
4017
+ declare const DatePickerCalendar: React$1.ForwardRefExoticComponent<DatePickerCalendarProps & React$1.RefAttributes<HTMLDivElement>>;
4018
+
3666
4019
  interface RuleBuilderProps {
3667
4020
  /**
3668
4021
  * Badge label shown in the header (e.g. "Rule 1").
@@ -3691,6 +4044,12 @@ interface RuleBuilderProps {
3691
4044
  * a `Workflow` glyph matching the Figma reference.
3692
4045
  */
3693
4046
  titleIcon?: React$1.ReactNode;
4047
+ /**
4048
+ * Optional node rendered in the header before the title badge — typically
4049
+ * a drag-handle icon (e.g. `<GripVertical />`) when the rule cards are
4050
+ * reorderable. Pointer events on this slot do not toggle the card.
4051
+ */
4052
+ headerLeading?: React$1.ReactNode;
3694
4053
  /**
3695
4054
  * Bottom strip rendered in the grey wrapper area below the white card.
3696
4055
  * Pass an `<Input />` (or similar) — the label, icon, and layout are
@@ -3808,4 +4167,4 @@ declare const RuleBuilderConnector: React$1.ForwardRefExoticComponent<RuleBuilde
3808
4167
  */
3809
4168
  declare const RuleBuilderAddCondition: React$1.ForwardRefExoticComponent<RuleBuilderAddConditionProps & React$1.RefAttributes<HTMLButtonElement>>;
3810
4169
 
3811
- 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_THEME, DataTable, type DataTableProps, type DatePreset, 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 };