@geovi/the-datagrid 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/components.js +35 -28
  3. package/dist/editors/TextEditor.d.ts +4 -9
  4. package/dist/editors/TextEditor.d.ts.map +1 -1
  5. package/dist/editors/editorTypes.d.ts +3 -4
  6. package/dist/editors/editorTypes.d.ts.map +1 -1
  7. package/dist/grid/ReactDataGrid.d.ts.map +1 -1
  8. package/dist/grid/components/GridBody.d.ts.map +1 -1
  9. package/dist/grid/components/GridHeader.d.ts +1 -0
  10. package/dist/grid/components/GridHeader.d.ts.map +1 -1
  11. package/dist/grid/components/HeaderCell.d.ts +1 -0
  12. package/dist/grid/components/HeaderCell.d.ts.map +1 -1
  13. package/dist/grid/gridDefaultProps.d.ts +1 -1
  14. package/dist/grid/gridDefaultProps.d.ts.map +1 -1
  15. package/dist/index.cjs +13 -13
  16. package/dist/index.css +1 -1
  17. package/dist/index.js +8981 -8956
  18. package/dist/providers/index.d.ts +2 -2
  19. package/dist/providers/index.d.ts.map +1 -1
  20. package/dist/style/theme/amber-dark/index.css +1 -1
  21. package/dist/style/theme/amber-light/index.css +1 -1
  22. package/dist/style/theme/blue-dark/index.css +1 -1
  23. package/dist/style/theme/blue-light/index.css +1 -1
  24. package/dist/style/theme/default-dark/index.css +1 -1
  25. package/dist/style/theme/default-light/index.css +1 -1
  26. package/dist/style/theme/green-dark/index.css +1 -1
  27. package/dist/style/theme/green-light/index.css +1 -1
  28. package/dist/style/theme/pink-dark/index.css +1 -1
  29. package/dist/style/theme/pink-light/index.css +1 -1
  30. package/dist/toolbar/RDGToolbar.d.ts +2 -37
  31. package/dist/toolbar/RDGToolbar.d.ts.map +1 -1
  32. package/dist/toolbar/controlHooks.d.ts +30 -0
  33. package/dist/toolbar/controlHooks.d.ts.map +1 -0
  34. package/dist/toolbar/controls.d.ts +74 -0
  35. package/dist/toolbar/controls.d.ts.map +1 -0
  36. package/dist/toolbar/index.d.ts +3 -0
  37. package/dist/toolbar/index.d.ts.map +1 -1
  38. package/dist/toolbar/labels.d.ts +42 -0
  39. package/dist/toolbar/labels.d.ts.map +1 -0
  40. package/dist/toolbar.css +1 -1
  41. package/dist/toolbar.js +733 -641
  42. package/dist/types.d.ts +7 -0
  43. package/dist/types.d.ts.map +1 -1
  44. package/package.json +1 -1
@@ -1,43 +1,8 @@
1
1
  import { RDGToolbarExportFormat, RDGToolbarExportInfo, RDGToolbarExportResult, RDGToolbarExportScope } from './export.js';
2
+ import { RDGToolbarLabels } from './labels.js';
2
3
  import * as React from "react";
3
4
  export type { RDGToolbarExportInfo, RDGToolbarExportResult };
4
- /**
5
- * Every string the toolbar renders itself. Values are `ReactNode`, so a
6
- * translation helper that returns an element works as well as one that returns
7
- * a string; `filteringControlledHint` is the exception and is noted below.
8
- *
9
- * The four always-available action labels are required, because a toolbar that
10
- * renders one of those buttons needs a word for it. The compact disclosure,
11
- * column-menu and format labels refine opt-in controls, so existing translation
12
- * objects remain valid when a consumer enables none of those features.
13
- */
14
- export type RDGToolbarLabels = {
15
- export: React.ReactNode;
16
- showFilters: React.ReactNode;
17
- hideFilters: React.ReactNode;
18
- clearFilters: React.ReactNode;
19
- /** Trigger text for the compact column visibility dropdown. */
20
- columns?: React.ReactNode;
21
- showToolbar?: React.ReactNode;
22
- hideToolbar?: React.ReactNode;
23
- /**
24
- * Export menu entry per format, defaulting to the format's own name. Naming
25
- * one format leaves the rest untouched: `{ xlsx: t("excel") }`.
26
- */
27
- exportFormats?: Partial<Record<RDGToolbarExportFormat, React.ReactNode>>;
28
- /**
29
- * Whole text of the export button when `exportFormats` offers exactly one
30
- * format. The default joins `export` and the format name in that fixed order
31
- * ("Export CSV"), which no translation file can reorder - set this where the
32
- * verb trails the noun, as in "CSV exportieren".
33
- */
34
- exportSingle?: Partial<Record<RDGToolbarExportFormat, React.ReactNode>>;
35
- /**
36
- * Tooltip on a filter toggle the grid owns through its own `enableFiltering`
37
- * prop. Stays a `string`: it renders as a `title` attribute.
38
- */
39
- filteringControlledHint?: string;
40
- };
5
+ export type { RDGToolbarLabels };
41
6
  export type RDGToolbarProps = {
42
7
  children?: React.ReactNode;
43
8
  ariaLabel?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"RDGToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/RDGToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAML,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAC;AAKlB,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,CAAC;AAE7D;;;;;;;;;GASG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACzE;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACxE;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iEAAiE;IACjE,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,oFAAoF;IACpF,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8FAA8F;IAC9F,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACnE,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3D,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA6BF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAqVrE"}
1
+ {"version":3,"file":"RDGToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/RDGToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAC;AAClB,OAAO,EAAwB,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGvE,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,CAAC;AAG7D,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iEAAiE;IACjE,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,oFAAoF;IACpF,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8FAA8F;IAC9F,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACnE,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3D,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CA8LrE"}
@@ -0,0 +1,30 @@
1
+ import * as React from "react";
2
+ /**
3
+ * The theme attributes and portal host every toolbar surface needs. Menus
4
+ * portal into the surface's own node rather than the document body, because
5
+ * `toolbar.css` is scoped to it and a menu anywhere else renders unstyled. The
6
+ * node is not a clipping ancestor and the menu positions itself fixed, so this
7
+ * costs none of what portalling is for.
8
+ */
9
+ export declare function useToolbarSurfaceRoot(): {
10
+ rootProps: {
11
+ ref: (node: HTMLDivElement | null) => void;
12
+ "data-theme": string;
13
+ "data-theme-base": string;
14
+ };
15
+ wrap: (children: React.ReactNode) => React.ReactElement;
16
+ };
17
+ type ColumnToggleItem = {
18
+ columnId: string;
19
+ disabled: boolean;
20
+ label: React.ReactNode;
21
+ onToggle: () => void;
22
+ visible: boolean;
23
+ };
24
+ /**
25
+ * One entry per hideable column, in the grid's own column order. The last
26
+ * visible column is disabled rather than hidden, so a grid cannot be emptied.
27
+ */
28
+ export declare function useRDGColumnToggleItems(): readonly ColumnToggleItem[];
29
+ export {};
30
+ //# sourceMappingURL=controlHooks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"controlHooks.d.ts","sourceRoot":"","sources":["../../src/toolbar/controlHooks.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;GAMG;AACH,wBAAgB,qBAAqB,IAAI;IACvC,SAAS,EAAE;QACT,GAAG,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;QAC3C,YAAY,EAAE,MAAM,CAAC;QACrB,iBAAiB,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,IAAI,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;CACzD,CA2BA;AAED,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAUF;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,gBAAgB,EAAE,CA2BrE"}
@@ -0,0 +1,74 @@
1
+ import { RDGToolbarExportFormat, RDGToolbarExportInfo, RDGToolbarExportResult, RDGToolbarExportScope } from './export.js';
2
+ import * as React from "react";
3
+ export type RDGToolbarSurfaceProps = {
4
+ children?: React.ReactNode;
5
+ /**
6
+ * Drops the card - padding, border, background, shadow and column layout -
7
+ * leaving only what the controls need: the stylesheet's scope, the grid's
8
+ * theme, and the container its menus portal into.
9
+ */
10
+ bare?: boolean;
11
+ className?: string;
12
+ style?: React.CSSProperties;
13
+ ariaLabel?: string;
14
+ };
15
+ /**
16
+ * The element the toolbar's controls have to live inside: `toolbar.css` is
17
+ * scoped to `.tdg-toolbar-root`, and a menu portals into this node and reads
18
+ * its theme from here. `RDGToolbar` is one of these; use this directly to lay
19
+ * the controls out yourself.
20
+ */
21
+ export declare function RDGToolbarSurface(props: RDGToolbarSurfaceProps): React.ReactElement;
22
+ export type RDGColumnToggleListProps = {
23
+ ariaLabel?: string;
24
+ describedById?: string;
25
+ className?: string;
26
+ };
27
+ /** Inline on/off buttons, one per hideable column. */
28
+ export declare function RDGColumnToggleList(props: RDGColumnToggleListProps): React.ReactElement;
29
+ export type RDGColumnsButtonProps = {
30
+ label?: React.ReactNode;
31
+ ariaLabel?: string;
32
+ describedById?: string;
33
+ className?: string;
34
+ };
35
+ /**
36
+ * The same toggles behind one dropdown. Placement, collision handling, focus
37
+ * and typeahead belong to the grid's menu; this names the parts and keeps the
38
+ * `data-slot` contract on them, so consumer styles still land.
39
+ */
40
+ export declare function RDGColumnsButton(props: RDGColumnsButtonProps): React.ReactElement;
41
+ export type RDGExportButtonProps = {
42
+ /** Menu order. `"xlsx"` needs the optional `xlsx` peer dependency. */
43
+ formats?: readonly RDGToolbarExportFormat[];
44
+ /** `"view"` exports the filtered, searched and sorted rows; `"all"` the source. */
45
+ scope?: RDGToolbarExportScope;
46
+ /** File name without extension. A function is called per export. */
47
+ fileName?: string | ((info: RDGToolbarExportInfo) => string);
48
+ dateFormat?: string;
49
+ sheetName?: string;
50
+ label?: React.ReactNode;
51
+ formatLabels?: Partial<Record<RDGToolbarExportFormat, React.ReactNode>>;
52
+ singleLabels?: Partial<Record<RDGToolbarExportFormat, React.ReactNode>>;
53
+ onExportSuccess?: (result: RDGToolbarExportResult) => void;
54
+ onExportError?: (error: unknown) => void;
55
+ className?: string;
56
+ };
57
+ /** One button per format, or a menu when more than one format is offered. */
58
+ export declare function RDGExportButton(props: RDGExportButtonProps): React.ReactElement;
59
+ export type RDGFilterToggleButtonProps = {
60
+ showFiltersLabel?: React.ReactNode;
61
+ hideFiltersLabel?: React.ReactNode;
62
+ /** Title when the grid owns its filter row through `enableFiltering`. */
63
+ controlledHint?: string;
64
+ className?: string;
65
+ };
66
+ /** Shows or hides the grid's filter row. */
67
+ export declare function RDGFilterToggleButton(props: RDGFilterToggleButtonProps): React.ReactElement;
68
+ export type RDGClearFiltersButtonProps = {
69
+ label?: React.ReactNode;
70
+ className?: string;
71
+ };
72
+ /** Clears every column filter value. Disabled while nothing is filtered. */
73
+ export declare function RDGClearFiltersButton(props: RDGClearFiltersButtonProps): React.ReactElement;
74
+ //# sourceMappingURL=controls.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/toolbar/controls.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAML,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAC;AAclB,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,sBAAsB,GAC5B,KAAK,CAAC,YAAY,CAgBpB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,sDAAsD;AACtD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,KAAK,CAAC,YAAY,CAgCpB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,qBAAqB,GAC3B,KAAK,CAAC,YAAY,CAwEpB;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC5C,mFAAmF;IACnF,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACxE,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,6EAA6E;AAC7E,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,GAC1B,KAAK,CAAC,YAAY,CA8HpB;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,4CAA4C;AAC5C,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAChC,KAAK,CAAC,YAAY,CAwBpB;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,4EAA4E;AAC5E,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAChC,KAAK,CAAC,YAAY,CAgBpB"}
@@ -2,7 +2,10 @@ export { RDGToolbar } from './RDGToolbar.js';
2
2
  export { RDGToolbarProvider } from './RDGToolbarProvider.js';
3
3
  export { RDGToolbarTarget } from './RDGToolbarTarget.js';
4
4
  export { useRDGToolbarApi, useRDGToolbarApiState } from './store.js';
5
+ export { RDGClearFiltersButton, RDGColumnsButton, RDGColumnToggleList, RDGExportButton, RDGFilterToggleButton, RDGToolbarSurface, } from './controls.js';
6
+ export { useRDGColumnToggleItems } from './controlHooks.js';
5
7
  export type { RDGToolbarLabels, RDGToolbarProps } from './RDGToolbar.js';
8
+ export type { RDGClearFiltersButtonProps, RDGColumnsButtonProps, RDGColumnToggleListProps, RDGExportButtonProps, RDGFilterToggleButtonProps, RDGToolbarSurfaceProps, } from './controls.js';
6
9
  export type { RDGToolbarProviderProps } from './RDGToolbarProvider.js';
7
10
  export type { RDGToolbarTargetProps } from './RDGToolbarTarget.js';
8
11
  export type { RDGToolbarApi, RDGToolbarState } from './api.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAElE,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACtE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC5D,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toolbar/index.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAIlE,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACtE,YAAY,EACV,0BAA0B,EAC1B,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,GACvB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC5D,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,UAAU,CAAC"}
@@ -0,0 +1,42 @@
1
+ import { RDGToolbarExportFormat } from './export.js';
2
+ import type * as React from "react";
3
+ /**
4
+ * Every string the toolbar renders itself. Values are `ReactNode`, so a
5
+ * translation helper that returns an element works as well as one that returns
6
+ * a string; `filteringControlledHint` is the exception and is noted below.
7
+ *
8
+ * The four always-available action labels are required, because a toolbar that
9
+ * renders one of those buttons needs a word for it. The compact disclosure,
10
+ * column-menu and format labels refine opt-in controls, so existing translation
11
+ * objects remain valid when a consumer enables none of those features.
12
+ */
13
+ export type RDGToolbarLabels = {
14
+ export: React.ReactNode;
15
+ showFilters: React.ReactNode;
16
+ hideFilters: React.ReactNode;
17
+ clearFilters: React.ReactNode;
18
+ /** Trigger text for the compact column visibility dropdown. */
19
+ columns?: React.ReactNode;
20
+ showToolbar?: React.ReactNode;
21
+ hideToolbar?: React.ReactNode;
22
+ /**
23
+ * Export menu entry per format, defaulting to the format's own name. Naming
24
+ * one format leaves the rest untouched: `{ xlsx: t("excel") }`.
25
+ */
26
+ exportFormats?: Partial<Record<RDGToolbarExportFormat, React.ReactNode>>;
27
+ /**
28
+ * Whole text of the export button when `exportFormats` offers exactly one
29
+ * format. The default joins `export` and the format name in that fixed order
30
+ * ("Export CSV"), which no translation file can reorder - set this where the
31
+ * verb trails the noun, as in "CSV exportieren".
32
+ */
33
+ exportSingle?: Partial<Record<RDGToolbarExportFormat, React.ReactNode>>;
34
+ /**
35
+ * Tooltip on a filter toggle the grid owns through its own `enableFiltering`
36
+ * prop. Stays a `string`: it renders as a `title` attribute.
37
+ */
38
+ filteringControlledHint?: string;
39
+ };
40
+ export declare const DEFAULT_TOOLBAR_LABELS: Required<RDGToolbarLabels>;
41
+ export declare function resolveToolbarLabels(labels: Partial<RDGToolbarLabels> | undefined): Required<RDGToolbarLabels>;
42
+ //# sourceMappingURL=labels.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../src/toolbar/labels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD;;;;;;;;;GASG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACzE;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACxE;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAIF,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,gBAAgB,CAY7D,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,SAAS,GAC5C,QAAQ,CAAC,gBAAgB,CAAC,CAa5B"}
package/dist/toolbar.css CHANGED
@@ -1 +1 @@
1
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.tdg-toolbar-root, .tdg-toolbar-root *, .tdg-toolbar-root:before, .tdg-toolbar-root :before, .tdg-toolbar-root:after, .tdg-toolbar-root :after, .tdg-toolbar-root::backdrop, .tdg-toolbar-root ::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer utilities{.tdg-toolbar-root.visible, .tdg-toolbar-root .visible{visibility:visible}.tdg-toolbar-root.fixed, .tdg-toolbar-root .fixed{position:fixed}.tdg-toolbar-root.grid, .tdg-toolbar-root .grid{display:grid}.tdg-toolbar-root.hidden, .tdg-toolbar-root .hidden{display:none}.tdg-toolbar-root.inline, .tdg-toolbar-root .inline{display:inline}.tdg-toolbar-root.table, .tdg-toolbar-root .table{display:table}.tdg-toolbar-root.filter, .tdg-toolbar-root .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.tdg-toolbar-root, .tdg-toolbar-root:before, .tdg-toolbar-root:after, .tdg-toolbar-root *, .tdg-toolbar-root :before, .tdg-toolbar-root :after{box-sizing:border-box}.tdg-toolbar-root{--tdg-toolbar-host-background:var(--background);--tdg-toolbar-host-foreground:var(--foreground);--tdg-toolbar-host-card:var(--card);--tdg-toolbar-host-accent:var(--accent);--tdg-toolbar-host-accent-foreground:var(--accent-foreground);--tdg-toolbar-host-muted-foreground:var(--muted-foreground);--tdg-toolbar-host-border:var(--border);--tdg-toolbar-host-ring:var(--ring);--tdg-toolbar-host-input:var(--input);--tdg-toolbar-host-popover:var(--popover);--tdg-toolbar-host-popover-foreground:var(--popover-foreground);--tdg-toolbar-background-fallback:oklch(100% 0 0);--tdg-toolbar-foreground-fallback:oklch(14.5% 0 0);--tdg-toolbar-card-fallback:oklch(100% 0 0);--tdg-toolbar-accent-fallback:oklch(97% 0 0);--tdg-toolbar-accent-foreground-fallback:oklch(20.5% 0 0);--tdg-toolbar-muted-foreground-fallback:oklch(55.6% 0 0);--tdg-toolbar-border-fallback:oklch(92.2% 0 0);--tdg-toolbar-ring-fallback:oklch(70.8% 0 0);--tdg-toolbar-input-fallback:oklch(92.2% 0 0);--tdg-toolbar-popover-fallback:oklch(100% 0 0);--tdg-toolbar-popover-foreground-fallback:oklch(14.5% 0 0);--tdg-toolbar-background:var(--tdg-color-background,var(--tdg-toolbar-host-background,var(--tdg-toolbar-background-fallback)));--tdg-toolbar-foreground:var(--tdg-color-foreground,var(--tdg-toolbar-host-foreground,var(--tdg-toolbar-foreground-fallback)));--tdg-toolbar-card:var(--tdg-color-card,var(--tdg-toolbar-host-card,var(--tdg-toolbar-card-fallback)));--tdg-toolbar-accent:var(--tdg-color-accent,var(--tdg-toolbar-host-accent,var(--tdg-toolbar-accent-fallback)));--tdg-toolbar-accent-foreground:var(--tdg-color-accent-foreground,var(--tdg-toolbar-host-accent-foreground,var(--tdg-toolbar-accent-foreground-fallback)));--tdg-toolbar-muted-foreground:var(--tdg-color-muted-foreground,var(--tdg-toolbar-host-muted-foreground,var(--tdg-toolbar-muted-foreground-fallback)));--tdg-toolbar-border:var(--tdg-color-border,var(--tdg-toolbar-host-border,var(--tdg-toolbar-border-fallback)));--tdg-toolbar-ring:var(--tdg-color-ring,var(--tdg-toolbar-host-ring,var(--tdg-toolbar-ring-fallback)));--tdg-toolbar-input:var(--tdg-color-input,var(--tdg-toolbar-host-input,var(--tdg-toolbar-input-fallback)));--tdg-toolbar-popover:var(--tdg-color-popover,var(--tdg-toolbar-host-popover,var(--tdg-toolbar-popover-fallback)));--tdg-toolbar-popover-foreground:var(--tdg-color-popover-foreground,var(--tdg-toolbar-host-popover-foreground,var(--tdg-toolbar-popover-foreground-fallback)));--tdg-toolbar-surface-backdrop:transparent;--tdg-toolbar-surface:var(--tdg-toolbar-card)}@supports (color:color-mix(in lab,red,red)){.tdg-toolbar-root{--tdg-toolbar-surface:color-mix(in oklab,var(--tdg-toolbar-card)60%,var(--tdg-toolbar-surface-backdrop))}}.tdg-toolbar-root{--tdg-toolbar-color:var(--tdg-toolbar-foreground);--tdg-toolbar-padding:.75rem;--tdg-toolbar-gap:.75rem;--tdg-toolbar-radius:var(--tdg-radius-xl,var(--radius-xl,calc(var(--radius,.5rem) + 4px)));--tdg-toolbar-border-width:1px;--tdg-toolbar-border-color:var(--tdg-toolbar-border);--tdg-toolbar-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tdg-toolbar-title-font-size:.875rem;--tdg-toolbar-title-font-weight:500;--tdg-toolbar-title-color:inherit;--tdg-toolbar-description-font-size:.75rem;--tdg-toolbar-description-color:var(--tdg-toolbar-muted-foreground);--tdg-toolbar-body-gap:1.5rem;--tdg-toolbar-toggle-gap:.5rem;--tdg-toolbar-actions-gap:.5rem;--tdg-toolbar-control-height:2rem;--tdg-toolbar-control-padding:0 .75rem;--tdg-toolbar-control-radius:var(--tdg-radius-md,var(--radius-md,calc(var(--radius,.5rem) - 2px)));--tdg-toolbar-control-font-weight:500;--tdg-toolbar-control-gap:.5rem;--tdg-toolbar-control-cursor:default;--tdg-toolbar-control-border-width:1px;--tdg-toolbar-control-transition:.15s;--tdg-toolbar-control-disabled-opacity:.5;--tdg-toolbar-icon-size:1rem;--tdg-toolbar-action-fill:transparent;--tdg-toolbar-action-color:inherit;--tdg-toolbar-action-border-color:var(--tdg-toolbar-input);--tdg-toolbar-action-hover-fill:var(--tdg-toolbar-accent);--tdg-toolbar-action-hover-color:var(--tdg-toolbar-accent-foreground);--tdg-toolbar-toggle-off-fill:transparent;--tdg-toolbar-toggle-off-color:var(--tdg-toolbar-muted-foreground);--tdg-toolbar-toggle-off-border-color:transparent;--tdg-toolbar-toggle-off-hover-fill:var(--tdg-toolbar-accent);--tdg-toolbar-toggle-off-hover-color:var(--tdg-toolbar-accent-foreground);--tdg-toolbar-toggle-on-fill:var(--tdg-toolbar-card);--tdg-toolbar-toggle-on-color:var(--tdg-toolbar-foreground);--tdg-toolbar-toggle-on-border-color:var(--tdg-toolbar-input);--tdg-toolbar-toggle-on-hover-fill:var(--tdg-toolbar-accent);--tdg-toolbar-toggle-on-hover-color:var(--tdg-toolbar-accent-foreground);--tdg-toolbar-toggle-font-size:.875rem;--tdg-toolbar-action-font-size:.75rem;--tdg-toolbar-focus-ring-width:1px;--tdg-toolbar-focus-ring-color:var(--tdg-toolbar-ring);--tdg-toolbar-collapsible-duration:.2s;--tdg-toolbar-collapsible-offset-inline:.75rem;--tdg-toolbar-collapsible-offset-block:-.5rem;--tdg-toolbar-menu-fill:var(--tdg-toolbar-popover);--tdg-toolbar-menu-color:var(--tdg-toolbar-popover-foreground);--tdg-toolbar-menu-border-width:1px;--tdg-toolbar-menu-border-color:var(--tdg-toolbar-border);--tdg-toolbar-menu-radius:var(--tdg-toolbar-control-radius);--tdg-toolbar-menu-padding:.25rem;--tdg-toolbar-menu-min-width:8rem;--tdg-toolbar-menu-offset:.25rem;--tdg-toolbar-menu-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tdg-toolbar-menu-item-font-size:.875rem;--tdg-toolbar-menu-item-padding:.375rem .5rem;--tdg-toolbar-menu-item-radius:var(--tdg-radius-sm,var(--radius-sm,calc(var(--radius,.5rem) - 4px)));--tdg-toolbar-menu-item-hover-fill:var(--tdg-toolbar-accent);--tdg-toolbar-menu-item-hover-color:var(--tdg-toolbar-accent-foreground);color-scheme:light}.dark .tdg-toolbar-root[data-theme=default][data-theme-base=default], .tdg-toolbar-root[data-theme-base=dark]{--tdg-toolbar-background-fallback:oklch(14.5% 0 0);--tdg-toolbar-foreground-fallback:oklch(98.5% 0 0);--tdg-toolbar-card-fallback:oklch(20.5% 0 0);--tdg-toolbar-accent-fallback:oklch(26.9% 0 0);--tdg-toolbar-accent-foreground-fallback:oklch(98.5% 0 0);--tdg-toolbar-muted-foreground-fallback:oklch(70.8% 0 0);--tdg-toolbar-border-fallback:oklch(100% 0 0/.1);--tdg-toolbar-ring-fallback:oklch(55.6% 0 0);--tdg-toolbar-input-fallback:oklch(100% 0 0/.15);--tdg-toolbar-popover-fallback:oklch(20.5% 0 0);--tdg-toolbar-popover-foreground-fallback:oklch(98.5% 0 0);color-scheme:dark}.tdg-toolbar-root[data-theme-base=dark], .tdg-toolbar-root[data-theme-base=light]{--tdg-toolbar-host-background:initial;--tdg-toolbar-host-foreground:initial;--tdg-toolbar-host-card:initial;--tdg-toolbar-host-accent:initial;--tdg-toolbar-host-accent-foreground:initial;--tdg-toolbar-host-muted-foreground:initial;--tdg-toolbar-host-border:initial;--tdg-toolbar-host-ring:initial;--tdg-toolbar-host-input:initial;--tdg-toolbar-host-popover:initial;--tdg-toolbar-host-popover-foreground:initial;--tdg-toolbar-surface-backdrop:var(--tdg-toolbar-background)}:where(.tdg-toolbar-root){gap:var(--tdg-toolbar-gap);padding:var(--tdg-toolbar-padding);border:var(--tdg-toolbar-border-width)solid var(--tdg-toolbar-border-color);border-radius:var(--tdg-toolbar-radius);background:var(--tdg-toolbar-surface);box-shadow:var(--tdg-toolbar-shadow);color:var(--tdg-toolbar-color);flex-direction:column;display:flex}:where(.tdg-toolbar-root[data-collapsible=true]){isolation:isolate;box-shadow:none;transition:padding var(--tdg-toolbar-collapsible-duration)ease;background:0 0;border:0;gap:0;position:relative}:where(.tdg-toolbar-root[data-collapsible=true]):before{z-index:-1;border:var(--tdg-toolbar-border-width)solid var(--tdg-toolbar-border-color);border-radius:var(--tdg-toolbar-radius);background:var(--tdg-toolbar-surface);box-shadow:var(--tdg-toolbar-shadow);content:"";clip-path:inset(0 round var(--tdg-toolbar-radius));opacity:1;pointer-events:none;transform-origin:100% 0;transition:clip-path var(--tdg-toolbar-collapsible-duration)ease,opacity var(--tdg-toolbar-collapsible-duration)ease,box-shadow var(--tdg-toolbar-collapsible-duration)ease;position:absolute;inset:0}:where(.tdg-toolbar-root[data-collapsible=true][data-state=closed]){padding:0}:where(.tdg-toolbar-root[data-collapsible=true][data-state=closed]):before{clip-path:inset(0 0 100% 100% round var(--tdg-toolbar-radius));opacity:0;box-shadow:none}:where(.tdg-toolbar-root[data-collapsible=true]:dir(rtl)){--tdg-toolbar-collapsible-offset-inline:-.75rem}:where(.tdg-toolbar-root[data-collapsible=true][data-state=closed]:dir(rtl)):before{clip-path:inset(0 100% 100% 0 round var(--tdg-toolbar-radius));transform-origin:0 0}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-header-row]{justify-content:space-between;align-items:flex-start;gap:var(--tdg-toolbar-gap);min-width:0;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-collapsible-heading]{min-width:0}:where(.tdg-toolbar-root[data-state=closed]) [data-slot=rdg-toolbar-collapsible-heading]{display:none}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-disclosure-row]{flex-shrink:0;justify-content:flex-end;min-width:0;margin-inline-start:auto;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-collapsible-panel]{opacity:1;visibility:visible;transform-origin:100% 0;min-width:0;transition:grid-template-rows var(--tdg-toolbar-collapsible-duration)ease,opacity var(--tdg-toolbar-collapsible-duration)ease,transform var(--tdg-toolbar-collapsible-duration)ease,visibility 0s linear 0s;grid-template-rows:1fr;display:grid;transform:translate(0)}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-collapsible-panel-inner]{gap:var(--tdg-toolbar-gap);min-width:0;min-height:0;padding-top:var(--tdg-toolbar-gap);transition:padding-top var(--tdg-toolbar-collapsible-duration)ease,overflow 0s linear var(--tdg-toolbar-collapsible-duration);flex-direction:column;display:flex;overflow:visible}:where(.tdg-toolbar-root[data-state=closed]) [data-slot=rdg-toolbar-collapsible-panel]{opacity:0;visibility:hidden;transform:translate(var(--tdg-toolbar-collapsible-offset-inline),var(--tdg-toolbar-collapsible-offset-block));transition:grid-template-rows var(--tdg-toolbar-collapsible-duration)ease,opacity var(--tdg-toolbar-collapsible-duration)ease,transform var(--tdg-toolbar-collapsible-duration)ease,visibility 0s linear var(--tdg-toolbar-collapsible-duration);grid-template-rows:0fr}:where(.tdg-toolbar-root[data-state=closed]) [data-slot=rdg-toolbar-collapsible-panel-inner]{transition:padding-top var(--tdg-toolbar-collapsible-duration)ease,overflow 0s linear 0s;padding-top:0;overflow:hidden}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-heading]{flex-direction:column;gap:.25rem;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-title]{font-size:var(--tdg-toolbar-title-font-size);font-weight:var(--tdg-toolbar-title-font-weight);color:var(--tdg-toolbar-title-color);line-height:1.25rem}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-description]{font-size:var(--tdg-toolbar-description-font-size);color:var(--tdg-toolbar-description-color);line-height:1rem}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-body]{gap:var(--tdg-toolbar-body-gap);flex-direction:column-reverse;display:flex}@media(min-width:80rem){:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-body]{flex-direction:row;justify-content:space-between;align-items:flex-start}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-body][data-leading=none]{justify-content:flex-end}}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle-list]{gap:var(--tdg-toolbar-toggle-gap);flex-wrap:wrap;max-width:100%;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-actions]{align-items:center;gap:var(--tdg-toolbar-actions-gap);flex-wrap:wrap;flex-shrink:0;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-trigger], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-filter-toggle], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-clear-filters], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-disclosure]{height:var(--tdg-toolbar-control-height);justify-content:center;align-items:center;gap:var(--tdg-toolbar-control-gap);padding:var(--tdg-toolbar-control-padding);border:var(--tdg-toolbar-control-border-width)solid var(--tdg-toolbar-action-border-color);border-radius:var(--tdg-toolbar-control-radius);background:var(--tdg-toolbar-action-fill);color:var(--tdg-toolbar-action-color);font:inherit;font-weight:var(--tdg-toolbar-control-font-weight);white-space:nowrap;vertical-align:middle;appearance:none;cursor:var(--tdg-toolbar-control-cursor);-webkit-user-select:none;user-select:none;transition:color var(--tdg-toolbar-control-transition),background-color var(--tdg-toolbar-control-transition),border-color var(--tdg-toolbar-control-transition);outline:none;flex-shrink:0;line-height:1;display:inline-flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle]{font-size:var(--tdg-toolbar-toggle-font-size)}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-trigger], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-filter-toggle], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-clear-filters], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-disclosure]{font-size:var(--tdg-toolbar-action-font-size)}:where(.tdg-toolbar-root) [data-state=off]:where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-filter-toggle]){border-color:var(--tdg-toolbar-toggle-off-border-color);background:var(--tdg-toolbar-toggle-off-fill);color:var(--tdg-toolbar-toggle-off-color)}:where(.tdg-toolbar-root) [data-state=on]:where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-filter-toggle]), :where(.tdg-toolbar-root) [data-state=open]:where([data-slot=rdg-toolbar-column-toggle-trigger],[data-slot=rdg-toolbar-export]){border-color:var(--tdg-toolbar-toggle-on-border-color);background:var(--tdg-toolbar-toggle-on-fill);color:var(--tdg-toolbar-toggle-on-color)}:where(.tdg-toolbar-root) :where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-column-toggle-trigger],[data-slot=rdg-toolbar-export],[data-slot=rdg-toolbar-filter-toggle],[data-slot=rdg-toolbar-clear-filters],[data-slot=rdg-toolbar-disclosure]):where(:enabled):hover{background:var(--tdg-toolbar-action-hover-fill);color:var(--tdg-toolbar-action-hover-color)}:where(.tdg-toolbar-root) :where([data-state=off]):where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-filter-toggle]):where(:enabled):hover{background:var(--tdg-toolbar-toggle-off-hover-fill);color:var(--tdg-toolbar-toggle-off-hover-color)}:where(.tdg-toolbar-root) :where([data-state=on]):where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-filter-toggle]):where(:enabled):hover, :where(.tdg-toolbar-root) :where([data-state=open]):where([data-slot=rdg-toolbar-column-toggle-trigger],[data-slot=rdg-toolbar-export]):where(:enabled):hover{background:var(--tdg-toolbar-toggle-on-hover-fill);color:var(--tdg-toolbar-toggle-on-hover-color)}:where(.tdg-toolbar-root) :where([data-slot^=rdg-toolbar],[data-slot=rdg-column-toggle]):focus-visible{box-shadow:0 0 0 var(--tdg-toolbar-focus-ring-width) var(--tdg-toolbar-focus-ring-color)}:where(.tdg-toolbar-root) :where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-column-toggle-trigger],[data-slot=rdg-toolbar-export],[data-slot=rdg-toolbar-filter-toggle],[data-slot=rdg-toolbar-clear-filters],[data-slot=rdg-toolbar-disclosure]):disabled{pointer-events:none;opacity:var(--tdg-toolbar-control-disabled-opacity)}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-wrapper],[data-slot=rdg-toolbar-export-wrapper]){width:fit-content;display:inline-flex}:where(.tdg-toolbar-root) svg{width:var(--tdg-toolbar-icon-size);height:var(--tdg-toolbar-icon-size);pointer-events:none;flex-shrink:0}:where(.tdg-toolbar-root) .tdg-toolbar-disclosure-chevron{transition:transform var(--tdg-toolbar-collapsible-duration)ease}:where(.tdg-toolbar-root) .tdg-toolbar-column-toggle-chevron{transition:transform var(--tdg-toolbar-control-transition)ease}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-disclosure][data-state=open] .tdg-toolbar-disclosure-chevron, :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-trigger][data-state=open] .tdg-toolbar-column-toggle-chevron{transform:rotate(180deg)}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-trigger][data-state=open]{border-color:var(--tdg-toolbar-action-border-color);background:var(--tdg-toolbar-action-hover-fill);color:var(--tdg-toolbar-action-hover-color)}@keyframes tdg-toolbar-menu-in{0%{opacity:0;transform:translateY(-.25rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media(prefers-reduced-motion:reduce){:where(.tdg-toolbar-root){--tdg-toolbar-collapsible-duration:0s}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-menu],[data-slot=rdg-toolbar-export-menu]){animation:none}}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-menu],[data-slot=rdg-toolbar-export-menu]){z-index:50;min-width:var(--tdg-toolbar-menu-min-width);max-width:min(20rem,100vw - 2rem);max-height:var(--radix-dropdown-menu-content-available-height,20rem);padding:var(--tdg-toolbar-menu-padding);border:var(--tdg-toolbar-menu-border-width)solid var(--tdg-toolbar-menu-border-color);border-radius:var(--tdg-toolbar-menu-radius);background:var(--tdg-toolbar-menu-fill);box-shadow:var(--tdg-toolbar-menu-shadow);color:var(--tdg-toolbar-menu-color);transform-origin:var(--radix-dropdown-menu-content-transform-origin);animation:tdg-toolbar-menu-in var(--tdg-toolbar-control-transition)cubic-bezier(.16,1,.3,1);flex-direction:column;display:flex;overflow-y:auto}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-menu],[data-slot=rdg-toolbar-export-menu])[data-side=bottom]{translate:0 var(--tdg-toolbar-menu-offset)}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-menu],[data-slot=rdg-toolbar-export-menu])[data-side=top]{translate:0 calc(-1*var(--tdg-toolbar-menu-offset))}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-menu]{min-width:max(12rem,var(--tdg-toolbar-menu-min-width))}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-menu-group]{flex-direction:column;width:100%;min-width:0;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle]:where([data-layout=menu]), :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export-format]{justify-content:flex-start;align-items:center;gap:var(--tdg-toolbar-control-gap);width:100%;min-height:2rem;padding:var(--tdg-toolbar-menu-item-padding);border-radius:var(--tdg-toolbar-menu-item-radius);color:inherit;font:inherit;font-size:var(--tdg-toolbar-menu-item-font-size);white-space:nowrap;text-align:start;cursor:var(--tdg-toolbar-control-cursor);-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;font-weight:400;line-height:1.25rem;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle]:where([data-layout=menu])[data-highlighted], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export-format][data-highlighted]{background:var(--tdg-toolbar-menu-item-hover-fill);color:var(--tdg-toolbar-menu-item-hover-color)}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle]:where([data-layout=menu])[data-disabled], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export-format][data-disabled]{pointer-events:none;opacity:var(--tdg-toolbar-control-disabled-opacity)}:where(.tdg-toolbar-root) .tdg-dropdown-indicator-cell{width:var(--tdg-toolbar-icon-size);height:var(--tdg-toolbar-icon-size);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:static}:where(.tdg-toolbar-root) .tdg-dropdown-cell:not(.tdg-dropdown-indicator-cell){align-items:center;gap:var(--tdg-toolbar-control-gap);min-width:0;color:inherit;background:0 0;flex:auto;padding:0;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle-label]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-menu-label]{padding:var(--tdg-toolbar-menu-item-padding);font-size:var(--tdg-toolbar-menu-item-font-size);font-weight:500;line-height:1.25rem}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-menu-separator]{background:var(--tdg-toolbar-menu-border-color);height:1px;margin:.25rem -.25rem}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.tdg-toolbar-root, .tdg-toolbar-root *, .tdg-toolbar-root:before, .tdg-toolbar-root :before, .tdg-toolbar-root:after, .tdg-toolbar-root :after, .tdg-toolbar-root::backdrop, .tdg-toolbar-root ::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer utilities{.tdg-toolbar-root.visible, .tdg-toolbar-root .visible{visibility:visible}.tdg-toolbar-root.fixed, .tdg-toolbar-root .fixed{position:fixed}.tdg-toolbar-root.container, .tdg-toolbar-root .container{width:100%}@media(min-width:40rem){.tdg-toolbar-root.container, .tdg-toolbar-root .container{max-width:40rem}}@media(min-width:48rem){.tdg-toolbar-root.container, .tdg-toolbar-root .container{max-width:48rem}}@media(min-width:64rem){.tdg-toolbar-root.container, .tdg-toolbar-root .container{max-width:64rem}}@media(min-width:80rem){.tdg-toolbar-root.container, .tdg-toolbar-root .container{max-width:80rem}}@media(min-width:96rem){.tdg-toolbar-root.container, .tdg-toolbar-root .container{max-width:96rem}}.tdg-toolbar-root.grid, .tdg-toolbar-root .grid{display:grid}.tdg-toolbar-root.hidden, .tdg-toolbar-root .hidden{display:none}.tdg-toolbar-root.inline, .tdg-toolbar-root .inline{display:inline}.tdg-toolbar-root.table, .tdg-toolbar-root .table{display:table}.tdg-toolbar-root.shadow, .tdg-toolbar-root .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tdg-toolbar-root.filter, .tdg-toolbar-root .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.tdg-toolbar-root, .tdg-toolbar-root:before, .tdg-toolbar-root:after, .tdg-toolbar-root *, .tdg-toolbar-root :before, .tdg-toolbar-root :after{box-sizing:border-box}.tdg-toolbar-root{--tdg-toolbar-host-background:var(--background);--tdg-toolbar-host-foreground:var(--foreground);--tdg-toolbar-host-card:var(--card);--tdg-toolbar-host-accent:var(--accent);--tdg-toolbar-host-accent-foreground:var(--accent-foreground);--tdg-toolbar-host-muted-foreground:var(--muted-foreground);--tdg-toolbar-host-border:var(--border);--tdg-toolbar-host-ring:var(--ring);--tdg-toolbar-host-input:var(--input);--tdg-toolbar-host-popover:var(--popover);--tdg-toolbar-host-popover-foreground:var(--popover-foreground);--tdg-toolbar-background-fallback:oklch(100% 0 0);--tdg-toolbar-foreground-fallback:oklch(14.5% 0 0);--tdg-toolbar-card-fallback:oklch(100% 0 0);--tdg-toolbar-accent-fallback:oklch(97% 0 0);--tdg-toolbar-accent-foreground-fallback:oklch(20.5% 0 0);--tdg-toolbar-muted-foreground-fallback:oklch(55.6% 0 0);--tdg-toolbar-border-fallback:oklch(92.2% 0 0);--tdg-toolbar-ring-fallback:oklch(70.8% 0 0);--tdg-toolbar-input-fallback:oklch(92.2% 0 0);--tdg-toolbar-popover-fallback:oklch(100% 0 0);--tdg-toolbar-popover-foreground-fallback:oklch(14.5% 0 0);--tdg-toolbar-background:var(--tdg-color-background,var(--tdg-toolbar-host-background,var(--tdg-toolbar-background-fallback)));--tdg-toolbar-foreground:var(--tdg-color-foreground,var(--tdg-toolbar-host-foreground,var(--tdg-toolbar-foreground-fallback)));--tdg-toolbar-card:var(--tdg-color-card,var(--tdg-toolbar-host-card,var(--tdg-toolbar-card-fallback)));--tdg-toolbar-accent:var(--tdg-color-accent,var(--tdg-toolbar-host-accent,var(--tdg-toolbar-accent-fallback)));--tdg-toolbar-accent-foreground:var(--tdg-color-accent-foreground,var(--tdg-toolbar-host-accent-foreground,var(--tdg-toolbar-accent-foreground-fallback)));--tdg-toolbar-muted-foreground:var(--tdg-color-muted-foreground,var(--tdg-toolbar-host-muted-foreground,var(--tdg-toolbar-muted-foreground-fallback)));--tdg-toolbar-border:var(--tdg-color-border,var(--tdg-toolbar-host-border,var(--tdg-toolbar-border-fallback)));--tdg-toolbar-ring:var(--tdg-color-ring,var(--tdg-toolbar-host-ring,var(--tdg-toolbar-ring-fallback)));--tdg-toolbar-input:var(--tdg-color-input,var(--tdg-toolbar-host-input,var(--tdg-toolbar-input-fallback)));--tdg-toolbar-popover:var(--tdg-color-popover,var(--tdg-toolbar-host-popover,var(--tdg-toolbar-popover-fallback)));--tdg-toolbar-popover-foreground:var(--tdg-color-popover-foreground,var(--tdg-toolbar-host-popover-foreground,var(--tdg-toolbar-popover-foreground-fallback)));--tdg-toolbar-surface-backdrop:transparent;--tdg-toolbar-surface:var(--tdg-toolbar-card)}@supports (color:color-mix(in lab,red,red)){.tdg-toolbar-root{--tdg-toolbar-surface:color-mix(in oklab,var(--tdg-toolbar-card)60%,var(--tdg-toolbar-surface-backdrop))}}.tdg-toolbar-root{--tdg-toolbar-color:var(--tdg-toolbar-foreground);--tdg-toolbar-padding:.75rem;--tdg-toolbar-gap:.75rem;--tdg-toolbar-radius:var(--tdg-radius-xl,var(--radius-xl,calc(var(--radius,.5rem) + 4px)));--tdg-toolbar-border-width:1px;--tdg-toolbar-border-color:var(--tdg-toolbar-border);--tdg-toolbar-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tdg-toolbar-title-font-size:.875rem;--tdg-toolbar-title-font-weight:500;--tdg-toolbar-title-color:inherit;--tdg-toolbar-description-font-size:.75rem;--tdg-toolbar-description-color:var(--tdg-toolbar-muted-foreground);--tdg-toolbar-body-gap:1.5rem;--tdg-toolbar-toggle-gap:.5rem;--tdg-toolbar-actions-gap:.5rem;--tdg-toolbar-control-height:2rem;--tdg-toolbar-control-padding:0 .75rem;--tdg-toolbar-control-radius:var(--tdg-radius-md,var(--radius-md,calc(var(--radius,.5rem) - 2px)));--tdg-toolbar-control-font-weight:500;--tdg-toolbar-control-gap:.5rem;--tdg-toolbar-control-cursor:default;--tdg-toolbar-control-border-width:1px;--tdg-toolbar-control-transition:.15s;--tdg-toolbar-control-disabled-opacity:.5;--tdg-toolbar-icon-size:1rem;--tdg-toolbar-action-fill:transparent;--tdg-toolbar-action-color:inherit;--tdg-toolbar-action-border-color:var(--tdg-toolbar-input);--tdg-toolbar-action-hover-fill:var(--tdg-toolbar-accent);--tdg-toolbar-action-hover-color:var(--tdg-toolbar-accent-foreground);--tdg-toolbar-toggle-off-fill:transparent;--tdg-toolbar-toggle-off-color:var(--tdg-toolbar-muted-foreground);--tdg-toolbar-toggle-off-border-color:transparent;--tdg-toolbar-toggle-off-hover-fill:var(--tdg-toolbar-accent);--tdg-toolbar-toggle-off-hover-color:var(--tdg-toolbar-accent-foreground);--tdg-toolbar-toggle-on-fill:var(--tdg-toolbar-card);--tdg-toolbar-toggle-on-color:var(--tdg-toolbar-foreground);--tdg-toolbar-toggle-on-border-color:var(--tdg-toolbar-input);--tdg-toolbar-toggle-on-hover-fill:var(--tdg-toolbar-accent);--tdg-toolbar-toggle-on-hover-color:var(--tdg-toolbar-accent-foreground);--tdg-toolbar-toggle-font-size:.875rem;--tdg-toolbar-action-font-size:.75rem;--tdg-toolbar-focus-ring-width:1px;--tdg-toolbar-focus-ring-color:var(--tdg-toolbar-ring);--tdg-toolbar-collapsible-duration:.2s;--tdg-toolbar-collapsible-offset-inline:.75rem;--tdg-toolbar-collapsible-offset-block:-.5rem;--tdg-toolbar-menu-fill:var(--tdg-toolbar-popover);--tdg-toolbar-menu-color:var(--tdg-toolbar-popover-foreground);--tdg-toolbar-menu-border-width:1px;--tdg-toolbar-menu-border-color:var(--tdg-toolbar-border);--tdg-toolbar-menu-radius:var(--tdg-toolbar-control-radius);--tdg-toolbar-menu-padding:.25rem;--tdg-toolbar-menu-min-width:8rem;--tdg-toolbar-menu-offset:.25rem;--tdg-toolbar-menu-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tdg-toolbar-menu-item-font-size:.875rem;--tdg-toolbar-menu-item-padding:.375rem .5rem;--tdg-toolbar-menu-item-radius:var(--tdg-radius-sm,var(--radius-sm,calc(var(--radius,.5rem) - 4px)));--tdg-toolbar-menu-item-hover-fill:var(--tdg-toolbar-accent);--tdg-toolbar-menu-item-hover-color:var(--tdg-toolbar-accent-foreground);color-scheme:light}.dark .tdg-toolbar-root[data-theme=default][data-theme-base=default], .tdg-toolbar-root[data-theme-base=dark]{--tdg-toolbar-background-fallback:oklch(14.5% 0 0);--tdg-toolbar-foreground-fallback:oklch(98.5% 0 0);--tdg-toolbar-card-fallback:oklch(20.5% 0 0);--tdg-toolbar-accent-fallback:oklch(26.9% 0 0);--tdg-toolbar-accent-foreground-fallback:oklch(98.5% 0 0);--tdg-toolbar-muted-foreground-fallback:oklch(70.8% 0 0);--tdg-toolbar-border-fallback:oklch(100% 0 0/.1);--tdg-toolbar-ring-fallback:oklch(55.6% 0 0);--tdg-toolbar-input-fallback:oklch(100% 0 0/.15);--tdg-toolbar-popover-fallback:oklch(20.5% 0 0);--tdg-toolbar-popover-foreground-fallback:oklch(98.5% 0 0);color-scheme:dark}.tdg-toolbar-root[data-theme-base=dark], .tdg-toolbar-root[data-theme-base=light]{--tdg-toolbar-host-background:initial;--tdg-toolbar-host-foreground:initial;--tdg-toolbar-host-card:initial;--tdg-toolbar-host-accent:initial;--tdg-toolbar-host-accent-foreground:initial;--tdg-toolbar-host-muted-foreground:initial;--tdg-toolbar-host-border:initial;--tdg-toolbar-host-ring:initial;--tdg-toolbar-host-input:initial;--tdg-toolbar-host-popover:initial;--tdg-toolbar-host-popover-foreground:initial;--tdg-toolbar-surface-backdrop:var(--tdg-toolbar-background)}:where(.tdg-toolbar-root){gap:var(--tdg-toolbar-gap);padding:var(--tdg-toolbar-padding);border:var(--tdg-toolbar-border-width)solid var(--tdg-toolbar-border-color);border-radius:var(--tdg-toolbar-radius);background:var(--tdg-toolbar-surface);box-shadow:var(--tdg-toolbar-shadow);color:var(--tdg-toolbar-color);flex-direction:column;display:flex}:where(.tdg-toolbar-root[data-bare=true]){box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0;display:block}:where(.tdg-toolbar-root[data-collapsible=true]){isolation:isolate;box-shadow:none;transition:padding var(--tdg-toolbar-collapsible-duration)ease;background:0 0;border:0;gap:0;position:relative}:where(.tdg-toolbar-root[data-collapsible=true]):before{z-index:-1;border:var(--tdg-toolbar-border-width)solid var(--tdg-toolbar-border-color);border-radius:var(--tdg-toolbar-radius);background:var(--tdg-toolbar-surface);box-shadow:var(--tdg-toolbar-shadow);content:"";clip-path:inset(0 round var(--tdg-toolbar-radius));opacity:1;pointer-events:none;transform-origin:100% 0;transition:clip-path var(--tdg-toolbar-collapsible-duration)ease,opacity var(--tdg-toolbar-collapsible-duration)ease,box-shadow var(--tdg-toolbar-collapsible-duration)ease;position:absolute;inset:0}:where(.tdg-toolbar-root[data-collapsible=true][data-state=closed]){padding:0}:where(.tdg-toolbar-root[data-collapsible=true][data-state=closed]):before{clip-path:inset(0 0 100% 100% round var(--tdg-toolbar-radius));opacity:0;box-shadow:none}:where(.tdg-toolbar-root[data-collapsible=true]:dir(rtl)){--tdg-toolbar-collapsible-offset-inline:-.75rem}:where(.tdg-toolbar-root[data-collapsible=true][data-state=closed]:dir(rtl)):before{clip-path:inset(0 100% 100% 0 round var(--tdg-toolbar-radius));transform-origin:0 0}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-header-row]{justify-content:space-between;align-items:flex-start;gap:var(--tdg-toolbar-gap);min-width:0;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-collapsible-heading]{min-width:0}:where(.tdg-toolbar-root[data-state=closed]) [data-slot=rdg-toolbar-collapsible-heading]{display:none}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-disclosure-row]{flex-shrink:0;justify-content:flex-end;min-width:0;margin-inline-start:auto;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-collapsible-panel]{opacity:1;visibility:visible;transform-origin:100% 0;min-width:0;transition:grid-template-rows var(--tdg-toolbar-collapsible-duration)ease,opacity var(--tdg-toolbar-collapsible-duration)ease,transform var(--tdg-toolbar-collapsible-duration)ease,visibility 0s linear 0s;grid-template-rows:1fr;display:grid;transform:translate(0)}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-collapsible-panel-inner]{gap:var(--tdg-toolbar-gap);min-width:0;min-height:0;padding-top:var(--tdg-toolbar-gap);transition:padding-top var(--tdg-toolbar-collapsible-duration)ease,overflow 0s linear var(--tdg-toolbar-collapsible-duration);flex-direction:column;display:flex;overflow:visible}:where(.tdg-toolbar-root[data-state=closed]) [data-slot=rdg-toolbar-collapsible-panel]{opacity:0;visibility:hidden;transform:translate(var(--tdg-toolbar-collapsible-offset-inline),var(--tdg-toolbar-collapsible-offset-block));transition:grid-template-rows var(--tdg-toolbar-collapsible-duration)ease,opacity var(--tdg-toolbar-collapsible-duration)ease,transform var(--tdg-toolbar-collapsible-duration)ease,visibility 0s linear var(--tdg-toolbar-collapsible-duration);grid-template-rows:0fr}:where(.tdg-toolbar-root[data-state=closed]) [data-slot=rdg-toolbar-collapsible-panel-inner]{transition:padding-top var(--tdg-toolbar-collapsible-duration)ease,overflow 0s linear 0s;padding-top:0;overflow:hidden}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-heading]{flex-direction:column;gap:.25rem;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-title]{font-size:var(--tdg-toolbar-title-font-size);font-weight:var(--tdg-toolbar-title-font-weight);color:var(--tdg-toolbar-title-color);line-height:1.25rem}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-description]{font-size:var(--tdg-toolbar-description-font-size);color:var(--tdg-toolbar-description-color);line-height:1rem}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-body]{gap:var(--tdg-toolbar-body-gap);flex-direction:column-reverse;display:flex}@media(min-width:80rem){:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-body]{flex-direction:row;justify-content:space-between;align-items:flex-start}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-body][data-leading=none]{justify-content:flex-end}}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle-list]{gap:var(--tdg-toolbar-toggle-gap);flex-wrap:wrap;max-width:100%;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-actions]{align-items:center;gap:var(--tdg-toolbar-actions-gap);flex-wrap:wrap;flex-shrink:0;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-trigger], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-filter-toggle], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-clear-filters], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-disclosure]{height:var(--tdg-toolbar-control-height);justify-content:center;align-items:center;gap:var(--tdg-toolbar-control-gap);padding:var(--tdg-toolbar-control-padding);border:var(--tdg-toolbar-control-border-width)solid var(--tdg-toolbar-action-border-color);border-radius:var(--tdg-toolbar-control-radius);background:var(--tdg-toolbar-action-fill);color:var(--tdg-toolbar-action-color);font:inherit;font-weight:var(--tdg-toolbar-control-font-weight);white-space:nowrap;vertical-align:middle;appearance:none;cursor:var(--tdg-toolbar-control-cursor);-webkit-user-select:none;user-select:none;transition:color var(--tdg-toolbar-control-transition),background-color var(--tdg-toolbar-control-transition),border-color var(--tdg-toolbar-control-transition);outline:none;flex-shrink:0;line-height:1;display:inline-flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle]{font-size:var(--tdg-toolbar-toggle-font-size)}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-trigger], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-filter-toggle], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-clear-filters], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-disclosure]{font-size:var(--tdg-toolbar-action-font-size)}:where(.tdg-toolbar-root) [data-state=off]:where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-filter-toggle]){border-color:var(--tdg-toolbar-toggle-off-border-color);background:var(--tdg-toolbar-toggle-off-fill);color:var(--tdg-toolbar-toggle-off-color)}:where(.tdg-toolbar-root) [data-state=on]:where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-filter-toggle]), :where(.tdg-toolbar-root) [data-state=open]:where([data-slot=rdg-toolbar-column-toggle-trigger],[data-slot=rdg-toolbar-export]){border-color:var(--tdg-toolbar-toggle-on-border-color);background:var(--tdg-toolbar-toggle-on-fill);color:var(--tdg-toolbar-toggle-on-color)}:where(.tdg-toolbar-root) :where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-column-toggle-trigger],[data-slot=rdg-toolbar-export],[data-slot=rdg-toolbar-filter-toggle],[data-slot=rdg-toolbar-clear-filters],[data-slot=rdg-toolbar-disclosure]):where(:enabled):hover{background:var(--tdg-toolbar-action-hover-fill);color:var(--tdg-toolbar-action-hover-color)}:where(.tdg-toolbar-root) :where([data-state=off]):where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-filter-toggle]):where(:enabled):hover{background:var(--tdg-toolbar-toggle-off-hover-fill);color:var(--tdg-toolbar-toggle-off-hover-color)}:where(.tdg-toolbar-root) :where([data-state=on]):where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-filter-toggle]):where(:enabled):hover, :where(.tdg-toolbar-root) :where([data-state=open]):where([data-slot=rdg-toolbar-column-toggle-trigger],[data-slot=rdg-toolbar-export]):where(:enabled):hover{background:var(--tdg-toolbar-toggle-on-hover-fill);color:var(--tdg-toolbar-toggle-on-hover-color)}:where(.tdg-toolbar-root) :where([data-slot^=rdg-toolbar],[data-slot=rdg-column-toggle]):focus-visible{box-shadow:0 0 0 var(--tdg-toolbar-focus-ring-width) var(--tdg-toolbar-focus-ring-color)}:where(.tdg-toolbar-root) :where([data-slot=rdg-column-toggle],[data-slot=rdg-toolbar-column-toggle-trigger],[data-slot=rdg-toolbar-export],[data-slot=rdg-toolbar-filter-toggle],[data-slot=rdg-toolbar-clear-filters],[data-slot=rdg-toolbar-disclosure]):disabled{pointer-events:none;opacity:var(--tdg-toolbar-control-disabled-opacity)}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-wrapper],[data-slot=rdg-toolbar-export-wrapper]){width:fit-content;display:inline-flex}:where(.tdg-toolbar-root) svg{width:var(--tdg-toolbar-icon-size);height:var(--tdg-toolbar-icon-size);pointer-events:none;flex-shrink:0}:where(.tdg-toolbar-root) .tdg-toolbar-disclosure-chevron{transition:transform var(--tdg-toolbar-collapsible-duration)ease}:where(.tdg-toolbar-root) .tdg-toolbar-column-toggle-chevron{transition:transform var(--tdg-toolbar-control-transition)ease}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-disclosure][data-state=open] .tdg-toolbar-disclosure-chevron, :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-trigger][data-state=open] .tdg-toolbar-column-toggle-chevron{transform:rotate(180deg)}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-trigger][data-state=open]{border-color:var(--tdg-toolbar-action-border-color);background:var(--tdg-toolbar-action-hover-fill);color:var(--tdg-toolbar-action-hover-color)}@keyframes tdg-toolbar-menu-in{0%{opacity:0;transform:translateY(-.25rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media(prefers-reduced-motion:reduce){:where(.tdg-toolbar-root){--tdg-toolbar-collapsible-duration:0s}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-menu],[data-slot=rdg-toolbar-export-menu]){animation:none}}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-menu],[data-slot=rdg-toolbar-export-menu]){z-index:50;min-width:var(--tdg-toolbar-menu-min-width);max-width:min(20rem,100vw - 2rem);max-height:var(--radix-dropdown-menu-content-available-height,20rem);padding:var(--tdg-toolbar-menu-padding);border:var(--tdg-toolbar-menu-border-width)solid var(--tdg-toolbar-menu-border-color);border-radius:var(--tdg-toolbar-menu-radius);background:var(--tdg-toolbar-menu-fill);box-shadow:var(--tdg-toolbar-menu-shadow);color:var(--tdg-toolbar-menu-color);transform-origin:var(--radix-dropdown-menu-content-transform-origin);animation:tdg-toolbar-menu-in var(--tdg-toolbar-control-transition)cubic-bezier(.16,1,.3,1);flex-direction:column;display:flex;overflow-y:auto}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-menu],[data-slot=rdg-toolbar-export-menu])[data-side=bottom]{translate:0 var(--tdg-toolbar-menu-offset)}:where(.tdg-toolbar-root) :where([data-slot=rdg-toolbar-column-toggle-menu],[data-slot=rdg-toolbar-export-menu])[data-side=top]{translate:0 calc(-1*var(--tdg-toolbar-menu-offset))}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-menu]{min-width:max(12rem,var(--tdg-toolbar-menu-min-width))}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-menu-group]{flex-direction:column;width:100%;min-width:0;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle]:where([data-layout=menu]), :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export-format]{justify-content:flex-start;align-items:center;gap:var(--tdg-toolbar-control-gap);width:100%;min-height:2rem;padding:var(--tdg-toolbar-menu-item-padding);border-radius:var(--tdg-toolbar-menu-item-radius);color:inherit;font:inherit;font-size:var(--tdg-toolbar-menu-item-font-size);white-space:nowrap;text-align:start;cursor:var(--tdg-toolbar-control-cursor);-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;font-weight:400;line-height:1.25rem;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle]:where([data-layout=menu])[data-highlighted], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export-format][data-highlighted]{background:var(--tdg-toolbar-menu-item-hover-fill);color:var(--tdg-toolbar-menu-item-hover-color)}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle]:where([data-layout=menu])[data-disabled], :where(.tdg-toolbar-root) [data-slot=rdg-toolbar-export-format][data-disabled]{pointer-events:none;opacity:var(--tdg-toolbar-control-disabled-opacity)}:where(.tdg-toolbar-root) .tdg-dropdown-indicator-cell{width:var(--tdg-toolbar-icon-size);height:var(--tdg-toolbar-icon-size);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:static}:where(.tdg-toolbar-root) .tdg-dropdown-cell:not(.tdg-dropdown-indicator-cell){align-items:center;gap:var(--tdg-toolbar-control-gap);min-width:0;color:inherit;background:0 0;flex:auto;padding:0;display:flex}:where(.tdg-toolbar-root) [data-slot=rdg-column-toggle-label]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-menu-label]{padding:var(--tdg-toolbar-menu-item-padding);font-size:var(--tdg-toolbar-menu-item-font-size);font-weight:500;line-height:1.25rem}:where(.tdg-toolbar-root) [data-slot=rdg-toolbar-column-toggle-menu-separator]{background:var(--tdg-toolbar-menu-border-color);height:1px;margin:.25rem -.25rem}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}