@orfium/ictinus 5.43.5 → 5.43.6

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 (66) hide show
  1. package/.turbo/turbo-build.log +17 -17
  2. package/CHANGELOG.md +6 -0
  3. package/dist/package.json.d.ts +1 -1
  4. package/dist/package.json.js +1 -1
  5. package/dist/sprinkles/properties.css.js +1 -1
  6. package/dist/sprinkles/properties.css.ts.vanilla.css +1 -1
  7. package/dist/src/actions/ActionsContent.d.ts +65 -64
  8. package/dist/src/actions/ActionsRoot.d.ts +65 -64
  9. package/dist/src/data-table/DataTable.d.ts +65 -64
  10. package/dist/src/data-table/DataTableBody.d.ts +67 -64
  11. package/dist/src/data-table/DataTableCounter.d.ts +2 -1
  12. package/dist/src/data-table/DataTableHeader.d.ts +65 -64
  13. package/dist/src/data-table/DataTableRow.d.ts +135 -133
  14. package/dist/src/data-table/DataTableRowContext.d.ts +28 -5
  15. package/dist/src/skeleton/Skeleton.css.d.ts +5 -0
  16. package/dist/src/skeleton/Skeleton.d.ts +427 -0
  17. package/dist/src/skeleton/index.d.ts +1 -0
  18. package/dist/src/sprinkles/properties.css.d.ts +280 -0
  19. package/dist/src/sprinkles/sprinkles.d.ts +597 -56
  20. package/dist/src/vanilla/Box/Box.d.ts +65 -64
  21. package/dist/src/vanilla/Box/extractBoxProps.d.ts +2 -2
  22. package/dist/src/vanilla/Table/Table.d.ts +65 -64
  23. package/dist/src/vanilla/Table/TableBody.d.ts +65 -64
  24. package/dist/src/vanilla/Table/TableCell.d.ts +65 -64
  25. package/dist/src/vanilla/Table/TableFooter.d.ts +65 -64
  26. package/dist/src/vanilla/Table/TableHeader.d.ts +65 -64
  27. package/dist/src/vanilla/Table/TableHeaderCell.d.ts +65 -64
  28. package/dist/src/vanilla/Table/TableRow.d.ts +65 -64
  29. package/dist/src/vanilla/Text/Text.d.ts +65 -64
  30. package/dist/src/vanilla/index.d.ts +2 -0
  31. package/dist/vanilla/Dropdown/Dropdown-css.js +2 -2
  32. package/dist/vanilla/Menu/Menu-css.js +3 -3
  33. package/dist/vanilla/Popover/Popover-css.js +2 -2
  34. package/dist/vanilla/Table/Table-css.js +3 -3
  35. package/dist/vanilla/Table/TableCell-css.js +3 -3
  36. package/dist/vanilla/Table/TableHeaderCell-css.js +3 -3
  37. package/dist/vanilla/Table/TableRow-css.js +2 -2
  38. package/dist/vanilla/Tooltip/Tooltip-css.js +2 -2
  39. package/dist/vanilla/assets/src/skeleton/Skeleton.css.ts.vanilla-CNzX69JK.css +6 -0
  40. package/dist/vanilla/assets/src/sprinkles/{properties.css.ts.vanilla-C8hqLKur.css → properties.css.ts.vanilla-CRlOneec.css} +3613 -3233
  41. package/dist/vanilla/index.d.ts +1296 -852
  42. package/dist/vanilla/index.js +2 -0
  43. package/dist/vanilla/package.json.js +1 -1
  44. package/dist/vanilla/src/actions/ActionsContent-css.js +2 -2
  45. package/dist/vanilla/src/data-table/DataTableBody-css.js +3 -3
  46. package/dist/vanilla/src/data-table/DataTableBody.js +26 -4
  47. package/dist/vanilla/src/data-table/DataTableCounter.js +5 -3
  48. package/dist/vanilla/src/data-table/DataTableHeaderCell-css.js +3 -3
  49. package/dist/vanilla/src/data-table/DataTableRowContext.js +29 -2
  50. package/dist/vanilla/src/skeleton/Skeleton-css.js +9 -0
  51. package/dist/vanilla/src/skeleton/Skeleton.js +26 -0
  52. package/dist/vanilla/src/sprinkles/properties-css.js +4 -4
  53. package/package.json +1 -1
  54. package/src/components/Controls/CheckBox/__snapshots__/CheckBox.test.tsx.snap +1 -1
  55. package/src/components/DatePicker/OverlayComponent/__snapshots__/OverlayComponent.test.tsx.snap +4 -4
  56. package/src/components/DatePicker/OverlayComponent/components/MonthWrapper/__snapshots__/MonthWrapper.test.tsx.snap +2 -2
  57. package/src/components/TopAppBar/__snapshots__/TopAppBar.test.tsx.snap +2 -2
  58. package/src/data-table/DataTableBody.tsx +46 -15
  59. package/src/data-table/DataTableCounter.tsx +13 -4
  60. package/src/data-table/DataTableRow.tsx +4 -5
  61. package/src/data-table/DataTableRowContext.tsx +33 -4
  62. package/src/skeleton/Skeleton.css.ts +19 -0
  63. package/src/skeleton/Skeleton.tsx +34 -0
  64. package/src/skeleton/index.ts +1 -0
  65. package/src/sprinkles/properties.css.ts +87 -6
  66. package/src/vanilla/index.ts +2 -0
package/dist/src/data-table/DataTable.d.ts CHANGED
@@ -42,6 +42,7 @@ export declare const DataTable: import('react').ForwardRefExoticComponent<{
42
42
  wordBreak?: "break-word" | "break-all";
43
43
  wordWrap?: "normal" | "break-word";
44
44
  textAlign?: "center" | "start" | "end" | "justify";
45
+ animation?: "ping" | "pulse";
45
46
  transitionProperty?: "all" | "none" | "default" | "opacity" | "transform" | "colors" | "shadow";
46
47
  transitionTimingFunction?: "ease" | "linear" | "in" | "out" | "inOut";
47
48
  transitionDuration?: "150ms" | "200ms";
@@ -98,41 +99,41 @@ export declare const DataTable: import('react').ForwardRefExoticComponent<{
98
99
  lg?: "none" | "1" | "auto" | "initial";
99
100
  xl?: "none" | "1" | "auto" | "initial";
100
101
  };
101
- width?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
102
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
103
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
104
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
105
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
106
- };
107
- height?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
108
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
109
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
110
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
111
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
112
- };
113
- minWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
114
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
115
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
116
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
117
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
118
- };
119
- minHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
120
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
121
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
122
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
123
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
124
- };
125
- maxWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
126
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
127
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
128
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
129
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
130
- };
131
- maxHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
132
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
133
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
134
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
135
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
102
+ width?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
103
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
104
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
105
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
106
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
107
+ };
108
+ height?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
109
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
110
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
111
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
112
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
113
+ };
114
+ minWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
115
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
116
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
117
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
118
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
119
+ };
120
+ minHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
121
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
122
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
123
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
124
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
125
+ };
126
+ maxWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
127
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
128
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
129
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
130
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
131
+ };
132
+ maxHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
133
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
134
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
135
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
136
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
136
137
  };
137
138
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | {
138
139
  base?: "row" | "column" | "row-reverse" | "column-reverse";
@@ -248,35 +249,35 @@ export declare const DataTable: import('react').ForwardRefExoticComponent<{
248
249
  lg?: "0" | "1" | "3" | "2";
249
250
  xl?: "0" | "1" | "3" | "2";
250
251
  };
251
- maxH?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
252
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
253
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
254
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
255
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
256
- };
257
- maxW?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
258
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
259
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
260
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
261
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
262
- };
263
- size?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
264
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
265
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
266
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
267
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
268
- };
269
- w?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
270
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
271
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
272
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
273
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
274
- };
275
- h?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
276
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
277
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
278
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
279
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
252
+ maxH?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
253
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
254
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
255
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
256
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
257
+ };
258
+ maxW?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
259
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
260
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
261
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
262
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
263
+ };
264
+ size?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
265
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
266
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
267
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
268
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
269
+ };
270
+ w?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
271
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
272
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
273
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
274
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
275
+ };
276
+ h?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
277
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
278
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
279
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
280
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
280
281
  };
281
282
  p?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
282
283
  base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
package/dist/src/data-table/DataTableBody.d.ts CHANGED
@@ -3,11 +3,13 @@ export type DataTableBodyProps = BoxProps<'div', {
3
3
  estimatedRowHeight?: number;
4
4
  bordered?: boolean;
5
5
  size?: 'sm' | 'md' | 'lg';
6
+ loading?: boolean | Record<string, 'sub-rows' | false>;
6
7
  }>;
7
8
  export declare const DataTableBody: import('react').ForwardRefExoticComponent<{
8
9
  estimatedRowHeight?: number;
9
10
  bordered?: boolean;
10
11
  size?: "sm" | "md" | "lg";
12
+ loading?: boolean | Record<string, "sub-rows" | false>;
11
13
  } & Omit<NonNullable<{
12
14
  borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
13
15
  borderStyle?: "dashed" | "solid";
@@ -38,6 +40,7 @@ export declare const DataTableBody: import('react').ForwardRefExoticComponent<{
38
40
  wordBreak?: "break-word" | "break-all";
39
41
  wordWrap?: "normal" | "break-word";
40
42
  textAlign?: "center" | "start" | "end" | "justify";
43
+ animation?: "ping" | "pulse";
41
44
  transitionProperty?: "all" | "none" | "default" | "opacity" | "transform" | "colors" | "shadow";
42
45
  transitionTimingFunction?: "ease" | "linear" | "in" | "out" | "inOut";
43
46
  transitionDuration?: "150ms" | "200ms";
@@ -94,41 +97,41 @@ export declare const DataTableBody: import('react').ForwardRefExoticComponent<{
94
97
  lg?: "none" | "1" | "auto" | "initial";
95
98
  xl?: "none" | "1" | "auto" | "initial";
96
99
  };
97
- width?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
98
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
99
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
100
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
101
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
102
- };
103
- height?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
104
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
105
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
106
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
107
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
108
- };
109
- minWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
110
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
111
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
112
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
113
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
114
- };
115
- minHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
116
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
117
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
118
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
119
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
120
- };
121
- maxWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
122
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
123
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
124
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
125
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
126
- };
127
- maxHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
128
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
129
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
130
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
131
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
100
+ width?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
101
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
102
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
103
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
104
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
105
+ };
106
+ height?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
107
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
108
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
109
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
110
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
111
+ };
112
+ minWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
113
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
114
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
115
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
116
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
117
+ };
118
+ minHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
119
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
120
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
121
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
122
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
123
+ };
124
+ maxWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
125
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
126
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
127
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
128
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
129
+ };
130
+ maxHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
131
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
132
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
133
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
134
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
132
135
  };
133
136
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | {
134
137
  base?: "row" | "column" | "row-reverse" | "column-reverse";
@@ -244,35 +247,35 @@ export declare const DataTableBody: import('react').ForwardRefExoticComponent<{
244
247
  lg?: "0" | "1" | "3" | "2";
245
248
  xl?: "0" | "1" | "3" | "2";
246
249
  };
247
- maxH?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
248
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
249
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
250
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
251
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
252
- };
253
- maxW?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
254
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
255
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
256
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
257
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
258
- };
259
- size?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
260
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
261
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
262
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
263
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
264
- };
265
- w?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
266
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
267
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
268
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
269
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
270
- };
271
- h?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
272
- base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
273
- md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
274
- lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
275
- xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
250
+ maxH?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
251
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
252
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
253
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
254
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
255
+ };
256
+ maxW?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
257
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
258
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
259
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
260
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
261
+ };
262
+ size?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
263
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
264
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
265
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
266
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
267
+ };
268
+ w?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
269
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
270
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
271
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
272
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
273
+ };
274
+ h?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
275
+ base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
276
+ md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
277
+ lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
278
+ xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
276
279
  };
277
280
  p?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
278
281
  base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
package/dist/src/data-table/DataTableCounter.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { BoxProps } from '../vanilla/Box';
2
2
  export type DataTableCounterProps = BoxProps<'div', {
3
3
  count?: number;
4
+ loading?: boolean;
4
5
  singular?: string;
5
6
  plural?: string;
6
7
  }>;
7
- export declare function DataTableCounter({ count: countProp, singular, plural, ...props }: DataTableCounterProps): import("@emotion/react/jsx-runtime").JSX.Element;
8
+ export declare function DataTableCounter({ count: countProp, loading, singular, plural, ...props }: DataTableCounterProps): import("@emotion/react/jsx-runtime").JSX.Element;