@payglocal_ui/flux-ui 0.3.2 → 0.3.4
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.cjs +1390 -1171
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +159 -1
- package/dist/index.d.ts +159 -1
- package/dist/index.js +1433 -1218
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/__tests__/picker-in-dialog.test.tsx +37 -0
- package/src/__tests__/select-search.test.tsx +223 -0
- package/src/button.tsx +6 -0
- package/src/checkbox-select.tsx +121 -101
- package/src/code.tsx +21 -1
- package/src/country-select.tsx +93 -88
- package/src/date-picker.tsx +6 -2
- package/src/index.ts +5 -0
- package/src/inline-dialog.tsx +43 -38
- package/src/option-filter.ts +47 -0
- package/src/popover.tsx +14 -9
- package/src/scroll-lock.tsx +75 -0
- package/src/single-select.tsx +237 -0
- package/src/time-picker.tsx +6 -1
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 };
|