@payglocal_ui/flux-ui 0.3.2 → 0.3.3

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.cts CHANGED
@@ -164,6 +164,33 @@ interface OtpInputProps {
164
164
  }
165
165
  declare function OtpInput({ value, onChange, length, onComplete, disabled, invalid, autoFocus, "aria-label": ariaLabel, }: OtpInputProps): React$1.JSX.Element;
166
166
 
167
+ /**
168
+ * Shared option-search behaviour for the select family.
169
+ *
170
+ * Every picker that can be searched matches the same way, so a user who learns
171
+ * that typing a raw code works in one dropdown can rely on it in the next.
172
+ */
173
+ interface FilterableOption {
174
+ value: string;
175
+ label: string;
176
+ }
177
+ /**
178
+ * A custom match. Return true to keep the option in the list.
179
+ *
180
+ * The `query` arrives trimmed but otherwise untouched, so a predicate that
181
+ * cares about case can have it.
182
+ */
183
+ type OptionFilter<T extends FilterableOption = FilterableOption> = (option: T, query: string) => boolean;
184
+ /**
185
+ * The default: case-insensitive against the label **and** the value, so "nz"
186
+ * finds New Zealand and a raw status code finds its prettified row. Someone who
187
+ * thinks in codes should not have to know the display name.
188
+ *
189
+ * This is the rule `SelectFilterChip` already applied to its list; the form
190
+ * fields now share it rather than each picker inventing its own.
191
+ */
192
+ declare function defaultOptionFilter<T extends FilterableOption>(option: T, query: string): boolean;
193
+
167
194
  interface CheckboxSelectOption {
168
195
  value: string;
169
196
  label: string;
@@ -175,12 +202,133 @@ interface CheckboxSelectProps {
175
202
  onChange: (values: string[]) => void;
176
203
  placeholder?: string;
177
204
  showSearch?: boolean;
205
+ /** Placeholder inside the search box. Default "Search...". */
206
+ searchPlaceholder?: string;
207
+ /**
208
+ * Replaces the default match (label or value, case-insensitive) — for a list
209
+ * that has to be findable by something the row does not display.
210
+ */
211
+ filterOption?: OptionFilter<CheckboxSelectOption>;
178
212
  disabled?: boolean;
179
213
  maxDisplay?: number;
180
214
  className?: string;
181
215
  }
182
216
  declare const CheckboxSelect: React$1.ForwardRefExoticComponent<CheckboxSelectProps & React$1.RefAttributes<HTMLButtonElement>>;
183
217
 
218
+ interface SingleSelectOption {
219
+ value: string;
220
+ label: string;
221
+ disabled?: boolean;
222
+ /** Optional leading glyph — a flag, a brand mark, a status dot. */
223
+ icon?: React$1.ReactNode;
224
+ }
225
+ interface SingleSelectProps {
226
+ /** Put on the trigger, so a `FieldLabel`'s `htmlFor` can point at it. */
227
+ id?: string;
228
+ options: SingleSelectOption[];
229
+ /** The chosen value, or "" for none. */
230
+ value: string;
231
+ onChange: (value: string) => void;
232
+ placeholder?: string;
233
+ /**
234
+ * Show a search box above the list. Left unset it appears once there are
235
+ * `searchThreshold` options — a search field over three items is noise, and
236
+ * remembering to pass the flag is how two lists of the same length end up
237
+ * behaving differently.
238
+ */
239
+ showSearch?: boolean;
240
+ /** How many options before the search box appears on its own. Default 8. */
241
+ searchThreshold?: number;
242
+ /** Placeholder inside that search box. Default "Search...". */
243
+ searchPlaceholder?: string;
244
+ /**
245
+ * Replaces the default match (label or value, case-insensitive) — for a list
246
+ * that has to be findable by something the row does not display, such as a
247
+ * currency's full name behind a symbol.
248
+ */
249
+ filterOption?: OptionFilter<SingleSelectOption>;
250
+ /** Adds a "Clear" row so a chosen value can be taken back to "". */
251
+ clearable?: boolean;
252
+ /** Line shown when the list is empty. Default "No options found.". */
253
+ emptyText?: string;
254
+ disabled?: boolean;
255
+ /** Marks the field as failing validation, matching `Input`'s aria-invalid styling. */
256
+ invalid?: boolean;
257
+ className?: string;
258
+ }
259
+ /**
260
+ * One-of-many as a **form field** — the single-value counterpart to
261
+ * {@link CheckboxSelect}, with the same trigger, popover and search.
262
+ *
263
+ * Radix `Select` cannot host a text input (its own typeahead owns the
264
+ * keystrokes), so a searchable single select has to be a popover over a
265
+ * listbox. Before this existed, every screen needing one built that popover
266
+ * itself, which is how a design system ends up with four dropdowns that filter
267
+ * differently. `SingleSelectFilterChip` remains the toolbar form of the same
268
+ * idea; this is the one that sits in a form, under a `FieldLabel`.
269
+ */
270
+ declare const SingleSelect: React$1.ForwardRefExoticComponent<SingleSelectProps & React$1.RefAttributes<HTMLButtonElement>>;
271
+
272
+ /**
273
+ * Scrolling inside an overlay that sits on top of another overlay.
274
+ *
275
+ * ## The defect this exists to prevent
276
+ *
277
+ * A modal `Dialog` or `Drawer` installs a `react-remove-scroll` lock. That lock
278
+ * listens for `wheel` and `touchmove` on `document` and, for any event whose
279
+ * target is **outside** the locked subtree, calls `preventDefault()` — the
280
+ * "outside or shard event" branch of its `SideEffect`. Radix passes only the
281
+ * dialog's own content as a shard.
282
+ *
283
+ * Every panel a picker opens is portalled to `document.body`, which puts it
284
+ * outside that subtree. So the panel renders, its list has `overflow-y-auto`,
285
+ * and the wheel does nothing. It is invisible in code review, because the
286
+ * component is correct on its own; it only misbehaves under an overlay.
287
+ *
288
+ * ## Why a lock, not an exception
289
+ *
290
+ * The same `SideEffect` returns early unless its own lock is the last one
291
+ * pushed. So the fix is not to poke a hole in the dialog's lock — it is for the
292
+ * panel to push a lock of its own while it is open, which suspends the one
293
+ * underneath and makes the panel's subtree the locked one. When it closes, its
294
+ * lock pops and the dialog's resumes.
295
+ *
296
+ * ## Why not just make the popover `modal`
297
+ *
298
+ * Radix installs a lock of its own for a `modal` popover, which would also fix
299
+ * the wheel — but it comes with a focus trap and with outside clicks being
300
+ * swallowed by the dismiss layer. Every popover already living inside a dialog
301
+ * would start behaving differently for the sake of a scrolling fix. So the lock
302
+ * is pushed directly, by {@link ScrollLockTakeover}, and modality is left
303
+ * alone. `PopoverContent` wraps every panel in it, which covers the pickers and
304
+ * anything an app composes; the hand-rolled `createPortal` panels
305
+ * (`DatePicker`, `TimePicker`) wrap theirs the same way.
306
+ */
307
+ /**
308
+ * Whether a `react-remove-scroll` lock is currently held — by a modal Dialog,
309
+ * Drawer, AlertDialog, or another picker.
310
+ *
311
+ * `data-scroll-locked` is set on `<body>` by `react-remove-scroll-bar`, which
312
+ * every such lock goes through, so this is the library's own signal rather
313
+ * than a guess about which overlay is open.
314
+ */
315
+ declare function isScrollLocked(): boolean;
316
+ /**
317
+ * The same takeover for a panel that portals itself instead of going through
318
+ * Radix. Renders children untouched when no lock is held, so a picker on a
319
+ * plain page behaves exactly as before.
320
+ *
321
+ * `removeScrollBar` is off: the page's scrollbar is already gone, and a second
322
+ * `RemoveScrollBar` re-measures a gap that is now zero and writes it back over
323
+ * the dialog's, shifting the layout while the panel is open. The consequence is
324
+ * that this takeover does **not** bump `data-scroll-locked`; the wrapper's
325
+ * `data-scroll-lock-takeover` is the marker instead, in the DOM for debugging
326
+ * and for tests.
327
+ */
328
+ declare function ScrollLockTakeover({ children }: {
329
+ children: React$1.ReactNode;
330
+ }): React$1.JSX.Element;
331
+
184
332
  declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
185
333
 
186
334
  declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
@@ -1554,6 +1702,16 @@ interface CodeBlockProps extends HTMLAttributes<HTMLDivElement> {
1554
1702
  language?: string;
1555
1703
  /** Hide the copy button. Defaults to false. */
1556
1704
  hideCopy?: boolean;
1705
+ /**
1706
+ * Wrap long lines instead of scrolling them sideways.
1707
+ *
1708
+ * Worth turning on wherever the code is something to read and copy rather
1709
+ * than to study — a snippet in a dialog, say, where a horizontal scrollbar
1710
+ * hides the end of the only line that matters and no one thinks to drag it.
1711
+ * Leave it off for real source, where wrapping would break the indentation
1712
+ * that carries the structure.
1713
+ */
1714
+ wrap?: boolean;
1557
1715
  }
1558
1716
  declare const CodeBlock: React$1.ForwardRefExoticComponent<CodeBlockProps & React$1.RefAttributes<HTMLDivElement>>;
1559
1717
 
@@ -2572,4 +2730,4 @@ declare function formatWeekdayDate(value: string | number | Date | null | undefi
2572
2730
  /** `Jan 2026` — a month key (`YYYY-MM`) as a label. */
2573
2731
  declare function formatMonthLabel(monthKey: string): string;
2574
2732
 
2575
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AddFilterDefinition, AddFilterMenu, type AddFilterMenuProps, Alert, AlertDescription, type AlertProps, AlertTitle, type AttentionListItem, AttentionListTemplate, type AttentionListTemplateProps, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, AvatarTag, type AvatarTagProps, type AvatarTagSize, Badge, type BadgeProps, type BadgeTrailIcon, type BadgeVariant, Banner, type BannerProps, Blanket, type BlanketProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COUNTRIES, Calendar, CalendarDateFilterChip, type CalendarDateFilterChipProps, type CalendarDatePreset, type CalendarDateValue, CalendarDayButton, type CalendarProps, type CalendarRange, Callout, CalloutIcon, type CalloutProps, CalloutText, CalloutTitle, type CalloutVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryBarChartTemplate, type CategoryBarChartTemplateProps, type CategoryBarPoint, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartSkeleton, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, CheckboxSelect, type CheckboxSelectOption, type CheckboxSelectProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, type Column, ColumnManager, type ColumnManagerProps, type ColumnPreferences, Command, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, CopyableCell, type CopyableCellProps, type Country, CountrySelect, type CountrySelectProps, CurrencyAmountInput, DAYS_SHORT, type DashboardAreaChartPoint, DashboardAreaChartTemplate, type DashboardAreaChartTemplateProps, DataCardList, type DataCardListProps, DataTable, DataTableCard, type DataTableCardProps, type DataTableDensity, type DataTableExpandable, type DataTableFooterSummary, type DataTableHeaderStyle, type DataTablePagination, type DataTableSortState, type DataTableSorting, type DatePickMode, DatePicker, type DatePickerTimeOptions, DateRangeFilterChip, type DateRangeFilterChipProps, type DateRangeValue, Dialog, DialogClose, DialogContent, DialogDescription, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EMPTY_DATE, EMPTY_RELATIVE_RANGE, EmptyState, Field, type FieldConfig, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FieldsConfig, FilterChip, FilterChipActions, FilterChipClearButton, type FilterChipControl, FilterChipGroup, FilterChipLabelTrigger, type FilterChipOption, FilterChipShell, FilterToolbar, Flag, type FlagAction, FlagGroup, type FlagGroupPosition, type FlagGroupProps, type FlagProps, type FlagVariant, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormControl, FormDescription, FormError, type FormErrors, FormField, type FormFieldProps, FormItem, FormLabel, type FormProps, type FormValues, Grid, type GridCols, type GridFlow, type GridProps, GroupedBarChartTemplate, type GroupedBarChartTemplateProps, type GroupedBarSeries, Heading, type HeadingProps, Hide, type HideProps, IconButton, type IconButtonProps, Inline, InlineDialog, InlineDialogContent, type InlineDialogContentProps, type InlineDialogProps, InlineDialogTrigger, InlineEdit, type InlineEditProps, type InlineProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type LayoutSpacing, Link, type LinkProps, Lozenge, type LozengeProps, MONTHS_SHORT, type ManagedColumn, Menu, MenuDivider, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MetricSparklineCard, type MetricSparklineCardProps, type MetricSparklinePoint, MetricText, type MetricTextProps, MiniSparklineChartCard, type MiniSparklineChartCardProps, type MiniSparklinePoint, type MiniSparklineStat, type MonthRange, MonthRangeFilterChip, NumberRangeFilterChip, type NumberRangeFilterChipProps, type NumberRangeValue, OtpInput, type OtpInputProps, PageHeader, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, ProgressTracker, type ProgressTrackerProps, type ProgressTrackerStep, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RankedBarItem, RankedBarListTemplate, type RankedBarListTemplateProps, type RegisterResult, type RelativeRangeValue, type ResponsiveCols, RotatingSearchInput, type RotatingSearchInputProps, ScrollArea, ScrollBar, SectionMessage, SectionMessageActions, SectionMessageContent, type SectionMessageProps, SectionMessageTitle, type SectionMessageVariant, type SegmentedTabOption, SegmentedTabs, Select, SelectContent, SelectFilterChip, type SelectFilterChipProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerSize, SelectValue, Separator, Shimmer, Show, type ShowProps, SideNav, SideNavFooter, SideNavHeader, SideNavItem, type SideNavItemProps, type SideNavProps, SideNavSection, SingleSelectFilterChip, type SingleSelectFilterChipProps, Slider, type SliderProps, type SortOrder, Spinner, type SpinnerProps, SplitButton, SplitButtonItem, type SplitButtonItemProps, type SplitButtonProps, Spotlight, SpotlightCard, type SpotlightCardProps, type SpotlightProps, type SpotlightStep, Stack, type StackProps, StatCardSkeleton, StatusBadge, type StatusBadgeProps, Switch, type SwitchProps, TableRowSkeleton, TableToolbarActions, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextFilterChip, type TextFilterChipProps, type TextProps, Textarea, TimePicker, type TimePickerProps, Toaster, ToolbarButton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UnderlineTab, UnderlineTabs, type UseBreakpointReturn, type UseColumnPreferencesOptions, type UseColumnPreferencesResult, type UseFlagGroupReturn, type UseFormReturn, type UseSpotlightReturn, type ValidatorRule, VisuallyHidden, type VisuallyHiddenProps, applyColumnPreferences, cn, formatDateOnly, formatDateStamp, formatDateTime, formatMonthLabel, formatTime, formatTimeStamp, formatTimestamp, formatWeekdayDate, frozenColumn, hasRelativeRange, parseApiDate, relativeRangeToMillis, useBreakpoint, useColumnPreferences, useFilterChipState, useFlagGroup, useForm, useSpotlight };
2733
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AddFilterDefinition, AddFilterMenu, type AddFilterMenuProps, Alert, AlertDescription, type AlertProps, AlertTitle, type AttentionListItem, AttentionListTemplate, type AttentionListTemplateProps, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, AvatarTag, type AvatarTagProps, type AvatarTagSize, Badge, type BadgeProps, type BadgeTrailIcon, type BadgeVariant, Banner, type BannerProps, Blanket, type BlanketProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COUNTRIES, Calendar, CalendarDateFilterChip, type CalendarDateFilterChipProps, type CalendarDatePreset, type CalendarDateValue, CalendarDayButton, type CalendarProps, type CalendarRange, Callout, CalloutIcon, type CalloutProps, CalloutText, CalloutTitle, type CalloutVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryBarChartTemplate, type CategoryBarChartTemplateProps, type CategoryBarPoint, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartSkeleton, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, CheckboxSelect, type CheckboxSelectOption, type CheckboxSelectProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, type Column, ColumnManager, type ColumnManagerProps, type ColumnPreferences, Command, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, CopyableCell, type CopyableCellProps, type Country, CountrySelect, type CountrySelectProps, CurrencyAmountInput, DAYS_SHORT, type DashboardAreaChartPoint, DashboardAreaChartTemplate, type DashboardAreaChartTemplateProps, DataCardList, type DataCardListProps, DataTable, DataTableCard, type DataTableCardProps, type DataTableDensity, type DataTableExpandable, type DataTableFooterSummary, type DataTableHeaderStyle, type DataTablePagination, type DataTableSortState, type DataTableSorting, type DatePickMode, DatePicker, type DatePickerTimeOptions, DateRangeFilterChip, type DateRangeFilterChipProps, type DateRangeValue, Dialog, DialogClose, DialogContent, DialogDescription, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EMPTY_DATE, EMPTY_RELATIVE_RANGE, EmptyState, Field, type FieldConfig, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FieldsConfig, FilterChip, FilterChipActions, FilterChipClearButton, type FilterChipControl, FilterChipGroup, FilterChipLabelTrigger, type FilterChipOption, FilterChipShell, FilterToolbar, type FilterableOption, Flag, type FlagAction, FlagGroup, type FlagGroupPosition, type FlagGroupProps, type FlagProps, type FlagVariant, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormControl, FormDescription, FormError, type FormErrors, FormField, type FormFieldProps, FormItem, FormLabel, type FormProps, type FormValues, Grid, type GridCols, type GridFlow, type GridProps, GroupedBarChartTemplate, type GroupedBarChartTemplateProps, type GroupedBarSeries, Heading, type HeadingProps, Hide, type HideProps, IconButton, type IconButtonProps, Inline, InlineDialog, InlineDialogContent, type InlineDialogContentProps, type InlineDialogProps, InlineDialogTrigger, InlineEdit, type InlineEditProps, type InlineProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type LayoutSpacing, Link, type LinkProps, Lozenge, type LozengeProps, MONTHS_SHORT, type ManagedColumn, Menu, MenuDivider, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MetricSparklineCard, type MetricSparklineCardProps, type MetricSparklinePoint, MetricText, type MetricTextProps, MiniSparklineChartCard, type MiniSparklineChartCardProps, type MiniSparklinePoint, type MiniSparklineStat, type MonthRange, MonthRangeFilterChip, NumberRangeFilterChip, type NumberRangeFilterChipProps, type NumberRangeValue, type OptionFilter, OtpInput, type OtpInputProps, PageHeader, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, ProgressTracker, type ProgressTrackerProps, type ProgressTrackerStep, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RankedBarItem, RankedBarListTemplate, type RankedBarListTemplateProps, type RegisterResult, type RelativeRangeValue, type ResponsiveCols, RotatingSearchInput, type RotatingSearchInputProps, ScrollArea, ScrollBar, ScrollLockTakeover, SectionMessage, SectionMessageActions, SectionMessageContent, type SectionMessageProps, SectionMessageTitle, type SectionMessageVariant, type SegmentedTabOption, SegmentedTabs, Select, SelectContent, SelectFilterChip, type SelectFilterChipProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerSize, SelectValue, Separator, Shimmer, Show, type ShowProps, SideNav, SideNavFooter, SideNavHeader, SideNavItem, type SideNavItemProps, type SideNavProps, SideNavSection, SingleSelect, SingleSelectFilterChip, type SingleSelectFilterChipProps, type SingleSelectOption, type SingleSelectProps, Slider, type SliderProps, type SortOrder, Spinner, type SpinnerProps, SplitButton, SplitButtonItem, type SplitButtonItemProps, type SplitButtonProps, Spotlight, SpotlightCard, type SpotlightCardProps, type SpotlightProps, type SpotlightStep, Stack, type StackProps, StatCardSkeleton, StatusBadge, type StatusBadgeProps, Switch, type SwitchProps, TableRowSkeleton, TableToolbarActions, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextFilterChip, type TextFilterChipProps, type TextProps, Textarea, TimePicker, type TimePickerProps, Toaster, ToolbarButton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UnderlineTab, UnderlineTabs, type UseBreakpointReturn, type UseColumnPreferencesOptions, type UseColumnPreferencesResult, type UseFlagGroupReturn, type UseFormReturn, type UseSpotlightReturn, type ValidatorRule, VisuallyHidden, type VisuallyHiddenProps, applyColumnPreferences, cn, defaultOptionFilter, formatDateOnly, formatDateStamp, formatDateTime, formatMonthLabel, formatTime, formatTimeStamp, formatTimestamp, formatWeekdayDate, frozenColumn, hasRelativeRange, isScrollLocked, parseApiDate, relativeRangeToMillis, useBreakpoint, useColumnPreferences, useFilterChipState, useFlagGroup, useForm, useSpotlight };
package/dist/index.d.ts CHANGED
@@ -164,6 +164,33 @@ interface OtpInputProps {
164
164
  }
165
165
  declare function OtpInput({ value, onChange, length, onComplete, disabled, invalid, autoFocus, "aria-label": ariaLabel, }: OtpInputProps): React$1.JSX.Element;
166
166
 
167
+ /**
168
+ * Shared option-search behaviour for the select family.
169
+ *
170
+ * Every picker that can be searched matches the same way, so a user who learns
171
+ * that typing a raw code works in one dropdown can rely on it in the next.
172
+ */
173
+ interface FilterableOption {
174
+ value: string;
175
+ label: string;
176
+ }
177
+ /**
178
+ * A custom match. Return true to keep the option in the list.
179
+ *
180
+ * The `query` arrives trimmed but otherwise untouched, so a predicate that
181
+ * cares about case can have it.
182
+ */
183
+ type OptionFilter<T extends FilterableOption = FilterableOption> = (option: T, query: string) => boolean;
184
+ /**
185
+ * The default: case-insensitive against the label **and** the value, so "nz"
186
+ * finds New Zealand and a raw status code finds its prettified row. Someone who
187
+ * thinks in codes should not have to know the display name.
188
+ *
189
+ * This is the rule `SelectFilterChip` already applied to its list; the form
190
+ * fields now share it rather than each picker inventing its own.
191
+ */
192
+ declare function defaultOptionFilter<T extends FilterableOption>(option: T, query: string): boolean;
193
+
167
194
  interface CheckboxSelectOption {
168
195
  value: string;
169
196
  label: string;
@@ -175,12 +202,133 @@ interface CheckboxSelectProps {
175
202
  onChange: (values: string[]) => void;
176
203
  placeholder?: string;
177
204
  showSearch?: boolean;
205
+ /** Placeholder inside the search box. Default "Search...". */
206
+ searchPlaceholder?: string;
207
+ /**
208
+ * Replaces the default match (label or value, case-insensitive) — for a list
209
+ * that has to be findable by something the row does not display.
210
+ */
211
+ filterOption?: OptionFilter<CheckboxSelectOption>;
178
212
  disabled?: boolean;
179
213
  maxDisplay?: number;
180
214
  className?: string;
181
215
  }
182
216
  declare const CheckboxSelect: React$1.ForwardRefExoticComponent<CheckboxSelectProps & React$1.RefAttributes<HTMLButtonElement>>;
183
217
 
218
+ interface SingleSelectOption {
219
+ value: string;
220
+ label: string;
221
+ disabled?: boolean;
222
+ /** Optional leading glyph — a flag, a brand mark, a status dot. */
223
+ icon?: React$1.ReactNode;
224
+ }
225
+ interface SingleSelectProps {
226
+ /** Put on the trigger, so a `FieldLabel`'s `htmlFor` can point at it. */
227
+ id?: string;
228
+ options: SingleSelectOption[];
229
+ /** The chosen value, or "" for none. */
230
+ value: string;
231
+ onChange: (value: string) => void;
232
+ placeholder?: string;
233
+ /**
234
+ * Show a search box above the list. Left unset it appears once there are
235
+ * `searchThreshold` options — a search field over three items is noise, and
236
+ * remembering to pass the flag is how two lists of the same length end up
237
+ * behaving differently.
238
+ */
239
+ showSearch?: boolean;
240
+ /** How many options before the search box appears on its own. Default 8. */
241
+ searchThreshold?: number;
242
+ /** Placeholder inside that search box. Default "Search...". */
243
+ searchPlaceholder?: string;
244
+ /**
245
+ * Replaces the default match (label or value, case-insensitive) — for a list
246
+ * that has to be findable by something the row does not display, such as a
247
+ * currency's full name behind a symbol.
248
+ */
249
+ filterOption?: OptionFilter<SingleSelectOption>;
250
+ /** Adds a "Clear" row so a chosen value can be taken back to "". */
251
+ clearable?: boolean;
252
+ /** Line shown when the list is empty. Default "No options found.". */
253
+ emptyText?: string;
254
+ disabled?: boolean;
255
+ /** Marks the field as failing validation, matching `Input`'s aria-invalid styling. */
256
+ invalid?: boolean;
257
+ className?: string;
258
+ }
259
+ /**
260
+ * One-of-many as a **form field** — the single-value counterpart to
261
+ * {@link CheckboxSelect}, with the same trigger, popover and search.
262
+ *
263
+ * Radix `Select` cannot host a text input (its own typeahead owns the
264
+ * keystrokes), so a searchable single select has to be a popover over a
265
+ * listbox. Before this existed, every screen needing one built that popover
266
+ * itself, which is how a design system ends up with four dropdowns that filter
267
+ * differently. `SingleSelectFilterChip` remains the toolbar form of the same
268
+ * idea; this is the one that sits in a form, under a `FieldLabel`.
269
+ */
270
+ declare const SingleSelect: React$1.ForwardRefExoticComponent<SingleSelectProps & React$1.RefAttributes<HTMLButtonElement>>;
271
+
272
+ /**
273
+ * Scrolling inside an overlay that sits on top of another overlay.
274
+ *
275
+ * ## The defect this exists to prevent
276
+ *
277
+ * A modal `Dialog` or `Drawer` installs a `react-remove-scroll` lock. That lock
278
+ * listens for `wheel` and `touchmove` on `document` and, for any event whose
279
+ * target is **outside** the locked subtree, calls `preventDefault()` — the
280
+ * "outside or shard event" branch of its `SideEffect`. Radix passes only the
281
+ * dialog's own content as a shard.
282
+ *
283
+ * Every panel a picker opens is portalled to `document.body`, which puts it
284
+ * outside that subtree. So the panel renders, its list has `overflow-y-auto`,
285
+ * and the wheel does nothing. It is invisible in code review, because the
286
+ * component is correct on its own; it only misbehaves under an overlay.
287
+ *
288
+ * ## Why a lock, not an exception
289
+ *
290
+ * The same `SideEffect` returns early unless its own lock is the last one
291
+ * pushed. So the fix is not to poke a hole in the dialog's lock — it is for the
292
+ * panel to push a lock of its own while it is open, which suspends the one
293
+ * underneath and makes the panel's subtree the locked one. When it closes, its
294
+ * lock pops and the dialog's resumes.
295
+ *
296
+ * ## Why not just make the popover `modal`
297
+ *
298
+ * Radix installs a lock of its own for a `modal` popover, which would also fix
299
+ * the wheel — but it comes with a focus trap and with outside clicks being
300
+ * swallowed by the dismiss layer. Every popover already living inside a dialog
301
+ * would start behaving differently for the sake of a scrolling fix. So the lock
302
+ * is pushed directly, by {@link ScrollLockTakeover}, and modality is left
303
+ * alone. `PopoverContent` wraps every panel in it, which covers the pickers and
304
+ * anything an app composes; the hand-rolled `createPortal` panels
305
+ * (`DatePicker`, `TimePicker`) wrap theirs the same way.
306
+ */
307
+ /**
308
+ * Whether a `react-remove-scroll` lock is currently held — by a modal Dialog,
309
+ * Drawer, AlertDialog, or another picker.
310
+ *
311
+ * `data-scroll-locked` is set on `<body>` by `react-remove-scroll-bar`, which
312
+ * every such lock goes through, so this is the library's own signal rather
313
+ * than a guess about which overlay is open.
314
+ */
315
+ declare function isScrollLocked(): boolean;
316
+ /**
317
+ * The same takeover for a panel that portals itself instead of going through
318
+ * Radix. Renders children untouched when no lock is held, so a picker on a
319
+ * plain page behaves exactly as before.
320
+ *
321
+ * `removeScrollBar` is off: the page's scrollbar is already gone, and a second
322
+ * `RemoveScrollBar` re-measures a gap that is now zero and writes it back over
323
+ * the dialog's, shifting the layout while the panel is open. The consequence is
324
+ * that this takeover does **not** bump `data-scroll-locked`; the wrapper's
325
+ * `data-scroll-lock-takeover` is the marker instead, in the DOM for debugging
326
+ * and for tests.
327
+ */
328
+ declare function ScrollLockTakeover({ children }: {
329
+ children: React$1.ReactNode;
330
+ }): React$1.JSX.Element;
331
+
184
332
  declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
185
333
 
186
334
  declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
@@ -1554,6 +1702,16 @@ interface CodeBlockProps extends HTMLAttributes<HTMLDivElement> {
1554
1702
  language?: string;
1555
1703
  /** Hide the copy button. Defaults to false. */
1556
1704
  hideCopy?: boolean;
1705
+ /**
1706
+ * Wrap long lines instead of scrolling them sideways.
1707
+ *
1708
+ * Worth turning on wherever the code is something to read and copy rather
1709
+ * than to study — a snippet in a dialog, say, where a horizontal scrollbar
1710
+ * hides the end of the only line that matters and no one thinks to drag it.
1711
+ * Leave it off for real source, where wrapping would break the indentation
1712
+ * that carries the structure.
1713
+ */
1714
+ wrap?: boolean;
1557
1715
  }
1558
1716
  declare const CodeBlock: React$1.ForwardRefExoticComponent<CodeBlockProps & React$1.RefAttributes<HTMLDivElement>>;
1559
1717
 
@@ -2572,4 +2730,4 @@ declare function formatWeekdayDate(value: string | number | Date | null | undefi
2572
2730
  /** `Jan 2026` — a month key (`YYYY-MM`) as a label. */
2573
2731
  declare function formatMonthLabel(monthKey: string): string;
2574
2732
 
2575
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AddFilterDefinition, AddFilterMenu, type AddFilterMenuProps, Alert, AlertDescription, type AlertProps, AlertTitle, type AttentionListItem, AttentionListTemplate, type AttentionListTemplateProps, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, AvatarTag, type AvatarTagProps, type AvatarTagSize, Badge, type BadgeProps, type BadgeTrailIcon, type BadgeVariant, Banner, type BannerProps, Blanket, type BlanketProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COUNTRIES, Calendar, CalendarDateFilterChip, type CalendarDateFilterChipProps, type CalendarDatePreset, type CalendarDateValue, CalendarDayButton, type CalendarProps, type CalendarRange, Callout, CalloutIcon, type CalloutProps, CalloutText, CalloutTitle, type CalloutVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryBarChartTemplate, type CategoryBarChartTemplateProps, type CategoryBarPoint, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartSkeleton, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, CheckboxSelect, type CheckboxSelectOption, type CheckboxSelectProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, type Column, ColumnManager, type ColumnManagerProps, type ColumnPreferences, Command, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, CopyableCell, type CopyableCellProps, type Country, CountrySelect, type CountrySelectProps, CurrencyAmountInput, DAYS_SHORT, type DashboardAreaChartPoint, DashboardAreaChartTemplate, type DashboardAreaChartTemplateProps, DataCardList, type DataCardListProps, DataTable, DataTableCard, type DataTableCardProps, type DataTableDensity, type DataTableExpandable, type DataTableFooterSummary, type DataTableHeaderStyle, type DataTablePagination, type DataTableSortState, type DataTableSorting, type DatePickMode, DatePicker, type DatePickerTimeOptions, DateRangeFilterChip, type DateRangeFilterChipProps, type DateRangeValue, Dialog, DialogClose, DialogContent, DialogDescription, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EMPTY_DATE, EMPTY_RELATIVE_RANGE, EmptyState, Field, type FieldConfig, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FieldsConfig, FilterChip, FilterChipActions, FilterChipClearButton, type FilterChipControl, FilterChipGroup, FilterChipLabelTrigger, type FilterChipOption, FilterChipShell, FilterToolbar, Flag, type FlagAction, FlagGroup, type FlagGroupPosition, type FlagGroupProps, type FlagProps, type FlagVariant, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormControl, FormDescription, FormError, type FormErrors, FormField, type FormFieldProps, FormItem, FormLabel, type FormProps, type FormValues, Grid, type GridCols, type GridFlow, type GridProps, GroupedBarChartTemplate, type GroupedBarChartTemplateProps, type GroupedBarSeries, Heading, type HeadingProps, Hide, type HideProps, IconButton, type IconButtonProps, Inline, InlineDialog, InlineDialogContent, type InlineDialogContentProps, type InlineDialogProps, InlineDialogTrigger, InlineEdit, type InlineEditProps, type InlineProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type LayoutSpacing, Link, type LinkProps, Lozenge, type LozengeProps, MONTHS_SHORT, type ManagedColumn, Menu, MenuDivider, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MetricSparklineCard, type MetricSparklineCardProps, type MetricSparklinePoint, MetricText, type MetricTextProps, MiniSparklineChartCard, type MiniSparklineChartCardProps, type MiniSparklinePoint, type MiniSparklineStat, type MonthRange, MonthRangeFilterChip, NumberRangeFilterChip, type NumberRangeFilterChipProps, type NumberRangeValue, OtpInput, type OtpInputProps, PageHeader, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, ProgressTracker, type ProgressTrackerProps, type ProgressTrackerStep, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RankedBarItem, RankedBarListTemplate, type RankedBarListTemplateProps, type RegisterResult, type RelativeRangeValue, type ResponsiveCols, RotatingSearchInput, type RotatingSearchInputProps, ScrollArea, ScrollBar, SectionMessage, SectionMessageActions, SectionMessageContent, type SectionMessageProps, SectionMessageTitle, type SectionMessageVariant, type SegmentedTabOption, SegmentedTabs, Select, SelectContent, SelectFilterChip, type SelectFilterChipProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerSize, SelectValue, Separator, Shimmer, Show, type ShowProps, SideNav, SideNavFooter, SideNavHeader, SideNavItem, type SideNavItemProps, type SideNavProps, SideNavSection, SingleSelectFilterChip, type SingleSelectFilterChipProps, Slider, type SliderProps, type SortOrder, Spinner, type SpinnerProps, SplitButton, SplitButtonItem, type SplitButtonItemProps, type SplitButtonProps, Spotlight, SpotlightCard, type SpotlightCardProps, type SpotlightProps, type SpotlightStep, Stack, type StackProps, StatCardSkeleton, StatusBadge, type StatusBadgeProps, Switch, type SwitchProps, TableRowSkeleton, TableToolbarActions, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextFilterChip, type TextFilterChipProps, type TextProps, Textarea, TimePicker, type TimePickerProps, Toaster, ToolbarButton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UnderlineTab, UnderlineTabs, type UseBreakpointReturn, type UseColumnPreferencesOptions, type UseColumnPreferencesResult, type UseFlagGroupReturn, type UseFormReturn, type UseSpotlightReturn, type ValidatorRule, VisuallyHidden, type VisuallyHiddenProps, applyColumnPreferences, cn, formatDateOnly, formatDateStamp, formatDateTime, formatMonthLabel, formatTime, formatTimeStamp, formatTimestamp, formatWeekdayDate, frozenColumn, hasRelativeRange, parseApiDate, relativeRangeToMillis, useBreakpoint, useColumnPreferences, useFilterChipState, useFlagGroup, useForm, useSpotlight };
2733
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AddFilterDefinition, AddFilterMenu, type AddFilterMenuProps, Alert, AlertDescription, type AlertProps, AlertTitle, type AttentionListItem, AttentionListTemplate, type AttentionListTemplateProps, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, AvatarTag, type AvatarTagProps, type AvatarTagSize, Badge, type BadgeProps, type BadgeTrailIcon, type BadgeVariant, Banner, type BannerProps, Blanket, type BlanketProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COUNTRIES, Calendar, CalendarDateFilterChip, type CalendarDateFilterChipProps, type CalendarDatePreset, type CalendarDateValue, CalendarDayButton, type CalendarProps, type CalendarRange, Callout, CalloutIcon, type CalloutProps, CalloutText, CalloutTitle, type CalloutVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryBarChartTemplate, type CategoryBarChartTemplateProps, type CategoryBarPoint, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartSkeleton, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, CheckboxSelect, type CheckboxSelectOption, type CheckboxSelectProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, type Column, ColumnManager, type ColumnManagerProps, type ColumnPreferences, Command, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, CopyableCell, type CopyableCellProps, type Country, CountrySelect, type CountrySelectProps, CurrencyAmountInput, DAYS_SHORT, type DashboardAreaChartPoint, DashboardAreaChartTemplate, type DashboardAreaChartTemplateProps, DataCardList, type DataCardListProps, DataTable, DataTableCard, type DataTableCardProps, type DataTableDensity, type DataTableExpandable, type DataTableFooterSummary, type DataTableHeaderStyle, type DataTablePagination, type DataTableSortState, type DataTableSorting, type DatePickMode, DatePicker, type DatePickerTimeOptions, DateRangeFilterChip, type DateRangeFilterChipProps, type DateRangeValue, Dialog, DialogClose, DialogContent, DialogDescription, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EMPTY_DATE, EMPTY_RELATIVE_RANGE, EmptyState, Field, type FieldConfig, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FieldsConfig, FilterChip, FilterChipActions, FilterChipClearButton, type FilterChipControl, FilterChipGroup, FilterChipLabelTrigger, type FilterChipOption, FilterChipShell, FilterToolbar, type FilterableOption, Flag, type FlagAction, FlagGroup, type FlagGroupPosition, type FlagGroupProps, type FlagProps, type FlagVariant, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormControl, FormDescription, FormError, type FormErrors, FormField, type FormFieldProps, FormItem, FormLabel, type FormProps, type FormValues, Grid, type GridCols, type GridFlow, type GridProps, GroupedBarChartTemplate, type GroupedBarChartTemplateProps, type GroupedBarSeries, Heading, type HeadingProps, Hide, type HideProps, IconButton, type IconButtonProps, Inline, InlineDialog, InlineDialogContent, type InlineDialogContentProps, type InlineDialogProps, InlineDialogTrigger, InlineEdit, type InlineEditProps, type InlineProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type LayoutSpacing, Link, type LinkProps, Lozenge, type LozengeProps, MONTHS_SHORT, type ManagedColumn, Menu, MenuDivider, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MetricSparklineCard, type MetricSparklineCardProps, type MetricSparklinePoint, MetricText, type MetricTextProps, MiniSparklineChartCard, type MiniSparklineChartCardProps, type MiniSparklinePoint, type MiniSparklineStat, type MonthRange, MonthRangeFilterChip, NumberRangeFilterChip, type NumberRangeFilterChipProps, type NumberRangeValue, type OptionFilter, OtpInput, type OtpInputProps, PageHeader, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, ProgressTracker, type ProgressTrackerProps, type ProgressTrackerStep, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RankedBarItem, RankedBarListTemplate, type RankedBarListTemplateProps, type RegisterResult, type RelativeRangeValue, type ResponsiveCols, RotatingSearchInput, type RotatingSearchInputProps, ScrollArea, ScrollBar, ScrollLockTakeover, SectionMessage, SectionMessageActions, SectionMessageContent, type SectionMessageProps, SectionMessageTitle, type SectionMessageVariant, type SegmentedTabOption, SegmentedTabs, Select, SelectContent, SelectFilterChip, type SelectFilterChipProps, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerSize, SelectValue, Separator, Shimmer, Show, type ShowProps, SideNav, SideNavFooter, SideNavHeader, SideNavItem, type SideNavItemProps, type SideNavProps, SideNavSection, SingleSelect, SingleSelectFilterChip, type SingleSelectFilterChipProps, type SingleSelectOption, type SingleSelectProps, Slider, type SliderProps, type SortOrder, Spinner, type SpinnerProps, SplitButton, SplitButtonItem, type SplitButtonItemProps, type SplitButtonProps, Spotlight, SpotlightCard, type SpotlightCardProps, type SpotlightProps, type SpotlightStep, Stack, type StackProps, StatCardSkeleton, StatusBadge, type StatusBadgeProps, Switch, type SwitchProps, TableRowSkeleton, TableToolbarActions, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextFilterChip, type TextFilterChipProps, type TextProps, Textarea, TimePicker, type TimePickerProps, Toaster, ToolbarButton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UnderlineTab, UnderlineTabs, type UseBreakpointReturn, type UseColumnPreferencesOptions, type UseColumnPreferencesResult, type UseFlagGroupReturn, type UseFormReturn, type UseSpotlightReturn, type ValidatorRule, VisuallyHidden, type VisuallyHiddenProps, applyColumnPreferences, cn, defaultOptionFilter, formatDateOnly, formatDateStamp, formatDateTime, formatMonthLabel, formatTime, formatTimeStamp, formatTimestamp, formatWeekdayDate, frozenColumn, hasRelativeRange, isScrollLocked, parseApiDate, relativeRangeToMillis, useBreakpoint, useColumnPreferences, useFilterChipState, useFlagGroup, useForm, useSpotlight };