pelatform-ui 1.3.1 → 1.4.1
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/css/styles/style-lyra.css +16 -7
- package/css/styles/style-maia.css +15 -10
- package/css/styles/style-mira.css +16 -7
- package/css/styles/style-nova.css +11 -6
- package/css/styles/style-vega.css +11 -6
- package/css/theme.css +5 -0
- package/dist/{badge-Rr33PgV_.d.ts → badge-CnQznr5B.d.ts} +2 -1
- package/dist/base.d.ts +111 -24
- package/dist/base.js +2176 -1254
- package/dist/{chunk-Q2RH7YQE.js → chunk-Z4CHIWTI.js} +14 -8
- package/dist/components.d.ts +1 -1
- package/dist/components.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/radix.d.ts +122 -25
- package/dist/radix.js +2140 -1216
- package/package.json +14 -14
|
@@ -31,7 +31,7 @@ function DropdownMenuContent({
|
|
|
31
31
|
sideOffset,
|
|
32
32
|
align,
|
|
33
33
|
className: cn(
|
|
34
|
-
"cn-dropdown-menu-content cn-menu-target z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden data-[state=closed]:overflow-hidden",
|
|
34
|
+
"cn-dropdown-menu-content cn-menu-target cn-menu-translucent z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden data-[state=closed]:overflow-hidden",
|
|
35
35
|
className
|
|
36
36
|
),
|
|
37
37
|
...props
|
|
@@ -201,7 +201,7 @@ function DropdownMenuSubContent({
|
|
|
201
201
|
{
|
|
202
202
|
"data-slot": "dropdown-menu-sub-content",
|
|
203
203
|
className: cn(
|
|
204
|
-
"cn-dropdown-menu-sub-content cn-menu-target z-50 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden",
|
|
204
|
+
"cn-dropdown-menu-sub-content cn-menu-target cn-menu-translucent z-50 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden",
|
|
205
205
|
className
|
|
206
206
|
),
|
|
207
207
|
...props
|
|
@@ -355,7 +355,7 @@ function DrawerTitle({ className, ...props }) {
|
|
|
355
355
|
DrawerPrimitive.Title,
|
|
356
356
|
{
|
|
357
357
|
"data-slot": "drawer-title",
|
|
358
|
-
className: cn3("cn-drawer-title", className),
|
|
358
|
+
className: cn3("cn-drawer-title cn-font-heading", className),
|
|
359
359
|
...props
|
|
360
360
|
}
|
|
361
361
|
);
|
|
@@ -594,7 +594,7 @@ function AlertDialogTitle({
|
|
|
594
594
|
AlertDialogPrimitive.Title,
|
|
595
595
|
{
|
|
596
596
|
"data-slot": "alert-dialog-title",
|
|
597
|
-
className: cn6("cn-alert-dialog-title", className),
|
|
597
|
+
className: cn6("cn-alert-dialog-title cn-font-heading", className),
|
|
598
598
|
...props
|
|
599
599
|
}
|
|
600
600
|
);
|
|
@@ -649,7 +649,7 @@ import { Slot as Slot2 } from "radix-ui";
|
|
|
649
649
|
import { cn as cn7 } from "@pelatform/utils";
|
|
650
650
|
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
651
651
|
var badgeVariants = cva3(
|
|
652
|
-
"relative inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap
|
|
652
|
+
"relative inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg:not([class*=size-])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
653
653
|
{
|
|
654
654
|
variants: {
|
|
655
655
|
variant: {
|
|
@@ -683,21 +683,27 @@ var badgeVariants = cva3(
|
|
|
683
683
|
default: "h-5 min-w-5 gap-1 px-1.25 py-0.5 text-xs",
|
|
684
684
|
lg: "h-5.5 min-w-5.5 gap-1 px-1.5 py-0.5 text-xs",
|
|
685
685
|
xl: "h-6 min-w-6 gap-1.5 px-2 py-0.75 text-sm"
|
|
686
|
+
},
|
|
687
|
+
/** `default`: per-theme radius. `full`: max radius per theme (Lyra stays `rounded-none`). */
|
|
688
|
+
radius: {
|
|
689
|
+
default: "style-lyra:rounded-none style-maia:rounded-4xl style-mira:rounded-sm style-nova:rounded-sm style-vega:rounded-sm",
|
|
690
|
+
full: "style-lyra:rounded-none style-maia:rounded-full style-mira:rounded-full style-nova:rounded-full style-vega:rounded-full"
|
|
686
691
|
}
|
|
687
692
|
},
|
|
688
693
|
defaultVariants: {
|
|
689
694
|
variant: "default",
|
|
690
|
-
size: "default"
|
|
695
|
+
size: "default",
|
|
696
|
+
radius: "default"
|
|
691
697
|
}
|
|
692
698
|
}
|
|
693
699
|
);
|
|
694
|
-
function Badge({ className, variant, size, asChild = false, ...props }) {
|
|
700
|
+
function Badge({ className, variant, size, radius, asChild = false, ...props }) {
|
|
695
701
|
const Comp = asChild ? Slot2.Root : "span";
|
|
696
702
|
return /* @__PURE__ */ jsx8(
|
|
697
703
|
Comp,
|
|
698
704
|
{
|
|
699
705
|
"data-slot": "badge",
|
|
700
|
-
className: cn7(badgeVariants({ variant, size, className })),
|
|
706
|
+
className: cn7(badgeVariants({ variant, size, radius, className })),
|
|
701
707
|
...props
|
|
702
708
|
}
|
|
703
709
|
);
|
package/dist/components.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import React__default, { ReactNode, ComponentProps } from 'react';
|
|
|
4
4
|
import { QueryClient } from '@tanstack/react-query';
|
|
5
5
|
import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
|
|
6
6
|
import { A as Alert, B as Button } from './button-Bc3N6jWT.js';
|
|
7
|
-
import { B as Badge } from './badge-
|
|
7
|
+
import { B as Badge } from './badge-CnQznr5B.js';
|
|
8
8
|
import { ThemeMode } from '@pelatform/utils';
|
|
9
9
|
import 'class-variance-authority/types';
|
|
10
10
|
import 'class-variance-authority';
|
package/dist/components.js
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentType, SVGProps, ComponentProps } from 'react';
|
|
2
|
-
import { B as Badge } from './badge-
|
|
2
|
+
import { B as Badge } from './badge-CnQznr5B.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'class-variance-authority/types';
|
|
5
5
|
import 'class-variance-authority';
|
package/dist/radix.d.ts
CHANGED
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import React__default, { HTMLAttributes, ReactNode, ReactElement,
|
|
4
|
-
import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Separator as Separator$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1,
|
|
3
|
+
import React__default, { HTMLAttributes, ReactNode, ReactElement, ComponentProps, CSSProperties, RefObject, ButtonHTMLAttributes } from 'react';
|
|
4
|
+
import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Separator as Separator$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Dialog as Dialog$1, ContextMenu as ContextMenu$1, ScrollArea as ScrollArea$1, Direction, DropdownMenu as DropdownMenu$1, Label as Label$1, HoverCard as HoverCard$1, Menubar as Menubar$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, Select as Select$1, Tooltip as Tooltip$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
|
|
5
5
|
import { B as Button } from './button-Bc3N6jWT.js';
|
|
6
6
|
export { A as Alert, a as AlertAction, b as AlertDescription, c as AlertTitle, d as buttonVariants } from './button-Bc3N6jWT.js';
|
|
7
7
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
8
8
|
import { Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
|
|
9
9
|
import { VariantProps } from 'class-variance-authority';
|
|
10
|
-
export { B as Badge, a as BadgeProps, b as badgeVariants } from './badge-
|
|
10
|
+
export { B as Badge, a as BadgeProps, b as badgeVariants } from './badge-CnQznr5B.js';
|
|
11
11
|
import { DayPicker, DayButton, Locale } from 'react-day-picker';
|
|
12
12
|
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
13
13
|
import * as RechartsPrimitive from 'recharts';
|
|
14
|
+
import { ValueType, NameType } from 'recharts/types/component/DefaultTooltipContent';
|
|
14
15
|
import { Combobox as Combobox$1 } from '@base-ui/react';
|
|
15
16
|
import { Command as Command$1 } from 'cmdk';
|
|
16
17
|
import { Column, Table as Table$1, Row, Cell, HeaderGroup, Header, RowData, SortingState, ColumnFiltersState } from '@tanstack/react-table';
|
|
17
18
|
import { DragEndEvent, UniqueIdentifier, Modifiers, DragOverlay, DragStartEvent } from '@dnd-kit/core';
|
|
19
|
+
import { VirtualizerOptions } from '@tanstack/react-virtual';
|
|
18
20
|
import { Drawer as Drawer$1 } from 'vaul';
|
|
19
21
|
import { OTPInput } from 'input-otp';
|
|
20
22
|
import { NumberField as NumberField$1 } from '@base-ui/react/number-field';
|
|
@@ -159,21 +161,23 @@ declare const THEMES: {
|
|
|
159
161
|
readonly light: "";
|
|
160
162
|
readonly dark: ".dark";
|
|
161
163
|
};
|
|
162
|
-
type ChartConfig = {
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
};
|
|
174
|
-
declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
|
|
164
|
+
type ChartConfig = Record<string, {
|
|
165
|
+
label?: React.ReactNode;
|
|
166
|
+
icon?: React.ComponentType;
|
|
167
|
+
} & ({
|
|
168
|
+
color?: string;
|
|
169
|
+
theme?: never;
|
|
170
|
+
} | {
|
|
171
|
+
color?: never;
|
|
172
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
173
|
+
})>;
|
|
174
|
+
declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
|
|
175
175
|
config: ChartConfig;
|
|
176
176
|
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
177
|
+
initialDimension?: {
|
|
178
|
+
width: number;
|
|
179
|
+
height: number;
|
|
180
|
+
};
|
|
177
181
|
}): react_jsx_runtime.JSX.Element;
|
|
178
182
|
declare const ChartStyle: ({ id, config }: {
|
|
179
183
|
id: string;
|
|
@@ -186,12 +190,12 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
|
|
|
186
190
|
indicator?: "line" | "dot" | "dashed";
|
|
187
191
|
nameKey?: string;
|
|
188
192
|
labelKey?: string;
|
|
189
|
-
}): react_jsx_runtime.JSX.Element | null;
|
|
193
|
+
} & Omit<RechartsPrimitive.DefaultTooltipContentProps<ValueType, NameType>, "accessibilityLayer">): react_jsx_runtime.JSX.Element | null;
|
|
190
194
|
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
191
|
-
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> &
|
|
195
|
+
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
|
|
192
196
|
hideIcon?: boolean;
|
|
193
197
|
nameKey?: string;
|
|
194
|
-
}): react_jsx_runtime.JSX.Element | null;
|
|
198
|
+
} & RechartsPrimitive.DefaultLegendContentProps): react_jsx_runtime.JSX.Element | null;
|
|
195
199
|
|
|
196
200
|
declare function Checkbox({ className, ...props }: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
|
|
197
201
|
|
|
@@ -295,6 +299,7 @@ declare function DataGridColumnFilter<TData, TValue>({ column, title, options, }
|
|
|
295
299
|
|
|
296
300
|
interface DataGridColumnHeaderProps<TData, TValue> extends HTMLAttributes<HTMLDivElement> {
|
|
297
301
|
column: Column<TData, TValue>;
|
|
302
|
+
/** When omitted, uses `column.columnDef.meta.headerTitle`, then a string `columnDef.header`, then `column.id`. */
|
|
298
303
|
title?: string;
|
|
299
304
|
icon?: ReactNode;
|
|
300
305
|
pinnable?: boolean;
|
|
@@ -327,21 +332,69 @@ interface DataGridPaginationProps {
|
|
|
327
332
|
}
|
|
328
333
|
declare function DataGridPagination(props: DataGridPaginationProps): React__default.JSX.Element;
|
|
329
334
|
|
|
335
|
+
type DataGridScrollAreaOrientation = "horizontal" | "vertical" | "both";
|
|
336
|
+
type DataGridScrollAreaProps = Omit<ComponentProps<typeof ScrollArea$1.Root>, "children"> & {
|
|
337
|
+
children: ReactNode;
|
|
338
|
+
orientation?: DataGridScrollAreaOrientation;
|
|
339
|
+
};
|
|
340
|
+
declare function DataGridScrollArea({ children, className, orientation, ...props }: DataGridScrollAreaProps): react_jsx_runtime.JSX.Element;
|
|
341
|
+
|
|
330
342
|
declare function DataGridTableDndRowHandle({ className }: {
|
|
331
343
|
className?: string;
|
|
332
344
|
}): react_jsx_runtime.JSX.Element;
|
|
333
|
-
declare function DataGridTableDndRows<TData>({ handleDragEnd, dataIds, }: {
|
|
345
|
+
declare function DataGridTableDndRows<TData>({ handleDragEnd, dataIds, footerContent, }: {
|
|
334
346
|
handleDragEnd: (event: DragEndEvent) => void;
|
|
335
347
|
dataIds: UniqueIdentifier[];
|
|
348
|
+
footerContent?: ReactNode;
|
|
336
349
|
}): react_jsx_runtime.JSX.Element;
|
|
337
350
|
|
|
338
|
-
declare function DataGridTableDnd<TData>({ handleDragEnd, }: {
|
|
351
|
+
declare function DataGridTableDnd<TData>({ handleDragEnd, footerContent, }: {
|
|
339
352
|
handleDragEnd: (event: DragEndEvent) => void;
|
|
353
|
+
footerContent?: ReactNode;
|
|
340
354
|
}): react_jsx_runtime.JSX.Element;
|
|
341
355
|
|
|
356
|
+
type DataGridTableVirtualScrollElements = {
|
|
357
|
+
containerElement: HTMLDivElement | null;
|
|
358
|
+
scrollElement: HTMLElement | null;
|
|
359
|
+
};
|
|
360
|
+
type DataGridTableVirtualizerOptions<TData> = Omit<VirtualizerOptions<HTMLElement, HTMLTableRowElement>, "count" | "estimateSize" | "getItemKey" | "getScrollElement"> & {
|
|
361
|
+
estimateSize?: (index: number, row: Row<TData>) => number;
|
|
362
|
+
getItemKey?: (index: number, row: Row<TData>) => string | number;
|
|
363
|
+
getScrollElement?: (elements: DataGridTableVirtualScrollElements) => HTMLElement | null;
|
|
364
|
+
};
|
|
365
|
+
interface DataGridTableVirtualProps<TData> {
|
|
366
|
+
height?: number | string;
|
|
367
|
+
estimateSize?: number;
|
|
368
|
+
overscan?: number;
|
|
369
|
+
footerContent?: ReactNode;
|
|
370
|
+
renderHeader?: boolean;
|
|
371
|
+
onFetchMore?: () => void;
|
|
372
|
+
isFetchingMore?: boolean;
|
|
373
|
+
hasMore?: boolean;
|
|
374
|
+
fetchMoreOffset?: number;
|
|
375
|
+
virtualizerOptions?: DataGridTableVirtualizerOptions<TData>;
|
|
376
|
+
}
|
|
377
|
+
declare function DataGridTableVirtual<TData>({ height, estimateSize, overscan, footerContent, renderHeader, onFetchMore, isFetchingMore, hasMore, fetchMoreOffset, virtualizerOptions, }: DataGridTableVirtualProps<TData>): react_jsx_runtime.JSX.Element;
|
|
378
|
+
|
|
379
|
+
type DataGridTablePinnedBoundary = "top" | "bottom";
|
|
380
|
+
declare function getDataGridTableRowSections<TData>(table: Table$1<TData>, rowsPinnable?: boolean): {
|
|
381
|
+
topRows: Row<TData>[];
|
|
382
|
+
centerRows: Row<TData>[];
|
|
383
|
+
bottomRows: Row<TData>[];
|
|
384
|
+
};
|
|
385
|
+
declare function getDataGridTableResolvedRows<TData>(table: Table$1<TData>, rowsPinnable?: boolean): {
|
|
386
|
+
row: Row<TData>;
|
|
387
|
+
pinnedBoundary?: DataGridTablePinnedBoundary;
|
|
388
|
+
}[];
|
|
342
389
|
declare function DataGridTableBase({ children }: {
|
|
343
390
|
children: ReactNode;
|
|
344
391
|
}): react_jsx_runtime.JSX.Element;
|
|
392
|
+
declare function DataGridTableViewport({ children, className, viewportRef, style, }: {
|
|
393
|
+
children: ReactNode;
|
|
394
|
+
className?: string;
|
|
395
|
+
viewportRef?: React.Ref<HTMLDivElement>;
|
|
396
|
+
style?: CSSProperties;
|
|
397
|
+
}): react_jsx_runtime.JSX.Element;
|
|
345
398
|
declare function DataGridTableHead({ children }: {
|
|
346
399
|
children: ReactNode;
|
|
347
400
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -362,6 +415,17 @@ declare function DataGridTableRowSpacer(): react_jsx_runtime.JSX.Element;
|
|
|
362
415
|
declare function DataGridTableBody({ children }: {
|
|
363
416
|
children: ReactNode;
|
|
364
417
|
}): react_jsx_runtime.JSX.Element;
|
|
418
|
+
declare function DataGridTableFoot({ children }: {
|
|
419
|
+
children: ReactNode;
|
|
420
|
+
}): react_jsx_runtime.JSX.Element;
|
|
421
|
+
declare function DataGridTableFootRow({ children }: {
|
|
422
|
+
children: ReactNode;
|
|
423
|
+
}): react_jsx_runtime.JSX.Element;
|
|
424
|
+
declare function DataGridTableFootRowCell({ children, colSpan, className, }: {
|
|
425
|
+
children?: ReactNode;
|
|
426
|
+
colSpan?: number;
|
|
427
|
+
className?: string;
|
|
428
|
+
}): react_jsx_runtime.JSX.Element;
|
|
365
429
|
declare function DataGridTableBodyRowSkeleton({ children }: {
|
|
366
430
|
children: ReactNode;
|
|
367
431
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -369,9 +433,11 @@ declare function DataGridTableBodyRowSkeletonCell<TData>({ children, column, }:
|
|
|
369
433
|
children: ReactNode;
|
|
370
434
|
column: Column<TData>;
|
|
371
435
|
}): react_jsx_runtime.JSX.Element;
|
|
372
|
-
declare function DataGridTableBodyRow<TData>({ children, row, dndRef, dndStyle, }: {
|
|
436
|
+
declare function DataGridTableBodyRow<TData>({ children, row, pinnedBoundary, rowRef, dndRef, dndStyle, }: {
|
|
373
437
|
children: ReactNode;
|
|
374
438
|
row: Row<TData>;
|
|
439
|
+
pinnedBoundary?: DataGridTablePinnedBoundary;
|
|
440
|
+
rowRef?: React.Ref<HTMLTableRowElement>;
|
|
375
441
|
dndRef?: React.Ref<HTMLTableRowElement>;
|
|
376
442
|
dndStyle?: CSSProperties;
|
|
377
443
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -384,13 +450,25 @@ declare function DataGridTableBodyRowCell<TData>({ children, cell, dndRef, dndSt
|
|
|
384
450
|
dndRef?: React.Ref<HTMLTableCellElement>;
|
|
385
451
|
dndStyle?: CSSProperties;
|
|
386
452
|
}): react_jsx_runtime.JSX.Element;
|
|
453
|
+
declare function DataGridTableRenderedRow<TData>({ row, pinnedBoundary, rowRef, }: {
|
|
454
|
+
row: Row<TData>;
|
|
455
|
+
pinnedBoundary?: DataGridTablePinnedBoundary;
|
|
456
|
+
rowRef?: React.Ref<HTMLTableRowElement>;
|
|
457
|
+
}): react_jsx_runtime.JSX.Element;
|
|
387
458
|
declare function DataGridTableEmpty(): react_jsx_runtime.JSX.Element;
|
|
388
459
|
declare function DataGridTableLoader(): react_jsx_runtime.JSX.Element;
|
|
460
|
+
declare function DataGridTableRowPin<TData>({ row }: {
|
|
461
|
+
row: Row<TData>;
|
|
462
|
+
}): react_jsx_runtime.JSX.Element;
|
|
389
463
|
declare function DataGridTableRowSelect<TData>({ row }: {
|
|
390
464
|
row: Row<TData>;
|
|
391
465
|
}): react_jsx_runtime.JSX.Element;
|
|
392
466
|
declare function DataGridTableRowSelectAll(): react_jsx_runtime.JSX.Element;
|
|
393
|
-
declare function
|
|
467
|
+
declare function DataGridTableHeader<TData>(): react_jsx_runtime.JSX.Element;
|
|
468
|
+
declare function DataGridTable<TData>({ footerContent, renderHeader, }: {
|
|
469
|
+
footerContent?: ReactNode;
|
|
470
|
+
renderHeader?: boolean;
|
|
471
|
+
}): react_jsx_runtime.JSX.Element;
|
|
394
472
|
|
|
395
473
|
declare module "@tanstack/react-table" {
|
|
396
474
|
interface ColumnMeta<TData extends RowData, TValue> {
|
|
@@ -402,6 +480,8 @@ declare module "@tanstack/react-table" {
|
|
|
402
480
|
expandedContent?: (row: TData) => ReactNode;
|
|
403
481
|
}
|
|
404
482
|
}
|
|
483
|
+
/** Label for headers / column visibility: `meta.headerTitle`, string `columnDef.header`, or `column.id`. */
|
|
484
|
+
declare function getColumnHeaderLabel<TData, TValue>(column: Column<TData, TValue>): string;
|
|
405
485
|
type DataGridApiFetchParams = {
|
|
406
486
|
pageIndex: number;
|
|
407
487
|
pageSize: number;
|
|
@@ -438,6 +518,8 @@ interface DataGridProps<TData extends object> {
|
|
|
438
518
|
isLoading?: boolean;
|
|
439
519
|
loadingMode?: "skeleton" | "spinner";
|
|
440
520
|
loadingMessage?: ReactNode | string;
|
|
521
|
+
fetchingMoreMessage?: ReactNode | string;
|
|
522
|
+
allRowsLoadedMessage?: ReactNode | string;
|
|
441
523
|
emptyMessage?: ReactNode | string;
|
|
442
524
|
tableLayout?: {
|
|
443
525
|
dense?: boolean;
|
|
@@ -455,6 +537,7 @@ interface DataGridProps<TData extends object> {
|
|
|
455
537
|
columnsMovable?: boolean;
|
|
456
538
|
columnsDraggable?: boolean;
|
|
457
539
|
rowsDraggable?: boolean;
|
|
540
|
+
rowsPinnable?: boolean;
|
|
458
541
|
};
|
|
459
542
|
tableClassNames?: {
|
|
460
543
|
base?: string;
|
|
@@ -846,6 +929,18 @@ declare function Filters<T = unknown>({ filters, fields, onChange, className, va
|
|
|
846
929
|
declare const createFilter: <T = unknown>(field: string, operator?: string, values?: T[]) => Filter<T>;
|
|
847
930
|
declare const createFilterGroup: <T = unknown>(id: string, label: string, fields: FilterFieldConfig<T>[], initialFilters?: Filter<T>[]) => FilterGroup<T>;
|
|
848
931
|
|
|
932
|
+
/**
|
|
933
|
+
* CSS variable architecture for FramePanel theming:
|
|
934
|
+
*
|
|
935
|
+
* The Frame parent sets --frame-panel-bg and --frame-panel-border-color.
|
|
936
|
+
* FramePanel consumes them directly via bg-(--frame-panel-bg) and
|
|
937
|
+
* border-(--frame-panel-border-color). This means:
|
|
938
|
+
*
|
|
939
|
+
* - variant="inverse" overrides those vars on Frame → all panels pick it up
|
|
940
|
+
* - <FramePanel className="bg-blue-50"> adds a direct utility on the element
|
|
941
|
+
* which wins over bg-(--frame-panel-bg) by Tailwind source order — no
|
|
942
|
+
* :not() or !important needed
|
|
943
|
+
*/
|
|
849
944
|
declare const frameVariants: (props?: ({
|
|
850
945
|
variant?: "default" | "ghost" | "inverse" | null | undefined;
|
|
851
946
|
spacing?: "default" | "xs" | "sm" | "lg" | null | undefined;
|
|
@@ -853,7 +948,9 @@ declare const frameVariants: (props?: ({
|
|
|
853
948
|
dense?: boolean | null | undefined;
|
|
854
949
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
855
950
|
declare function Frame({ className, variant, spacing, stacked, dense, ...props }: React.ComponentProps<"div"> & VariantProps<typeof frameVariants>): react_jsx_runtime.JSX.Element;
|
|
856
|
-
declare function FramePanel({ className, ...props }: React.ComponentProps<"div">
|
|
951
|
+
declare function FramePanel({ className, fit, ...props }: React.ComponentProps<"div"> & {
|
|
952
|
+
fit?: boolean;
|
|
953
|
+
}): react_jsx_runtime.JSX.Element;
|
|
857
954
|
declare function FrameHeader({ className, ...props }: React.ComponentProps<"header">): react_jsx_runtime.JSX.Element;
|
|
858
955
|
declare function FrameTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
859
956
|
declare function FrameDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
@@ -1437,4 +1534,4 @@ interface TreeItemLabelProps<T = any> extends HTMLAttributes<HTMLSpanElement> {
|
|
|
1437
1534
|
declare function TreeItemLabel<T = any>({ item: propItem, children, className, asChild, ...props }: TreeItemLabelProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
1438
1535
|
declare function TreeDragLine({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
|
|
1439
1536
|
|
|
1440
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ApplePayLogo, AspectRatio, Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, type AutocompleteContentProps, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BtcchinaLogo, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClusterhqLogo, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomRendererProps, DEFAULT_DATE_SELECTOR_I18N, DEFAULT_I18N, DEFAULT_OPERATORS, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnFilter, type DataGridColumnFilterProps, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpandded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableDnd, DataGridTableDndRowHandle, DataGridTableDndRows, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateSelector, type DateSelectorContextValue, type DateSelectorFilterType, type DateSelectorI18nConfig, type DateSelectorPeriodType, type DateSelectorProps, type DateSelectorValue, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type Filter, type FilterFieldConfig, type FilterFieldGroup, type FilterFieldsConfig, type FilterGroup, type FilterI18nConfig, type FilterOperator, type FilterOption, Filters, FiltersContent, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GooglePlayLogo, GoogleWebdevLogo, HoverCard, HoverCardContent, HoverCardTrigger, IdealLogo, InfernoLogo, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JiraLogo, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, KbdGroup, Label, MastercardLogo, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PatientoryLogo, PayPalLogo, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Sortable, SortableItem, SortableItemHandle, type SortableItemHandleProps, type SortableItemProps, SortableOverlay, type SortableOverlayProps, type SortableRootProps, Spinner, Stepper, StepperContent, type StepperContentProps, StepperDescription, StepperIndicator, StepperItem, type StepperItemProps, StepperNav, StepperPanel, type StepperProps, StepperSeparator, StepperTitle, StepperTrigger, type StepperTriggerProps, StripeLogo, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, TreeDragLine, TreeItem, TreeItemLabel, buttonGroupVariants, createFilter, createFilterGroup, formatDateValue, frameVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useCarousel, useComboboxAnchor, useDataGrid, useDateSelector, useDateSelectorContext, useDirection, useSidebar, useStepItem, useStepper };
|
|
1537
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ApplePayLogo, AspectRatio, Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, type AutocompleteContentProps, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BtcchinaLogo, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ClusterhqLogo, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomRendererProps, DEFAULT_DATE_SELECTOR_I18N, DEFAULT_I18N, DEFAULT_OPERATORS, DataGrid, type DataGridApiFetchParams, type DataGridApiResponse, DataGridColumnFilter, type DataGridColumnFilterProps, DataGridColumnHeader, type DataGridColumnHeaderProps, DataGridColumnVisibility, DataGridContainer, type DataGridContextProps, DataGridPagination, type DataGridPaginationProps, type DataGridProps, DataGridProvider, type DataGridRequestParams, DataGridScrollArea, type DataGridScrollAreaOrientation, type DataGridScrollAreaProps, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpandded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableDnd, DataGridTableDndRowHandle, DataGridTableDndRows, DataGridTableEmpty, DataGridTableFoot, DataGridTableFootRow, DataGridTableFootRowCell, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableHeader, DataGridTableLoader, type DataGridTablePinnedBoundary, DataGridTableRenderedRow, DataGridTableRowPin, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DataGridTableViewport, DataGridTableVirtual, type DataGridTableVirtualProps, type DataGridTableVirtualScrollElements, type DataGridTableVirtualizerOptions, DateSelector, type DateSelectorContextValue, type DateSelectorFilterType, type DateSelectorI18nConfig, type DateSelectorPeriodType, type DateSelectorProps, type DateSelectorValue, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type Filter, type FilterFieldConfig, type FilterFieldGroup, type FilterFieldsConfig, type FilterGroup, type FilterI18nConfig, type FilterOperator, type FilterOption, Filters, FiltersContent, Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, GooglePlayLogo, GoogleWebdevLogo, HoverCard, HoverCardContent, HoverCardTrigger, IdealLogo, InfernoLogo, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JiraLogo, Kanban, KanbanBoard, type KanbanBoardProps, KanbanColumn, KanbanColumnContent, type KanbanColumnContentProps, KanbanColumnHandle, type KanbanColumnHandleProps, type KanbanColumnProps, KanbanItem, KanbanItemHandle, type KanbanItemHandleProps, type KanbanItemProps, type KanbanMoveEvent, KanbanOverlay, type KanbanOverlayProps, type KanbanRootProps, Kbd, KbdGroup, Label, MastercardLogo, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PatientoryLogo, PayPalLogo, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Sortable, SortableItem, SortableItemHandle, type SortableItemHandleProps, type SortableItemProps, SortableOverlay, type SortableOverlayProps, type SortableRootProps, Spinner, Stepper, StepperContent, type StepperContentProps, StepperDescription, StepperIndicator, StepperItem, type StepperItemProps, StepperNav, StepperPanel, type StepperProps, StepperSeparator, StepperTitle, StepperTrigger, type StepperTriggerProps, StripeLogo, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, TreeDragLine, TreeItem, TreeItemLabel, buttonGroupVariants, createFilter, createFilterGroup, formatDateValue, frameVariants, getColumnHeaderLabel, getDataGridTableResolvedRows, getDataGridTableRowSections, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useCarousel, useComboboxAnchor, useDataGrid, useDateSelector, useDateSelectorContext, useDirection, useSidebar, useStepItem, useStepper };
|