@box-kite/react 0.0.1 → 1.0.0

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 (188) hide show
  1. package/.claude/rules/box-kite-rules.md +43 -0
  2. package/.claude/skills/box-kite/SKILL.md +431 -0
  3. package/BOX_AI_CONTEXT.md +1833 -0
  4. package/BOX_KITE_AI_CONTEXT.md +1833 -0
  5. package/LICENSE +21 -0
  6. package/README.md +710 -7
  7. package/a11y.cjs +1 -0
  8. package/a11y.d.ts +15 -0
  9. package/a11y.mjs +3 -0
  10. package/behavior.cjs +1 -0
  11. package/behavior.mjs +295 -0
  12. package/box.cjs +1 -0
  13. package/box.d.ts +46 -0
  14. package/box.mjs +23 -0
  15. package/client.cjs +1 -0
  16. package/client.mjs +163 -0
  17. package/components/baseSvg.cjs +1 -0
  18. package/components/baseSvg.d.ts +5 -0
  19. package/components/baseSvg.mjs +21 -0
  20. package/components/button.cjs +1 -0
  21. package/components/button.d.ts +16 -0
  22. package/components/button.mjs +19 -0
  23. package/components/chart.cjs +1 -0
  24. package/components/chart.d.ts +82 -0
  25. package/components/chart.mjs +261 -0
  26. package/components/checkbox.cjs +1 -0
  27. package/components/checkbox.d.ts +28 -0
  28. package/components/checkbox.mjs +38 -0
  29. package/components/dataGrid/components/dataGridBody.d.ts +7 -0
  30. package/components/dataGrid/components/dataGridBottomBar.d.ts +6 -0
  31. package/components/dataGrid/components/dataGridCell.d.ts +15 -0
  32. package/components/dataGrid/components/dataGridCellRowDetail.d.ts +6 -0
  33. package/components/dataGrid/components/dataGridCellRowSelection.d.ts +6 -0
  34. package/components/dataGrid/components/dataGridCellText.d.ts +6 -0
  35. package/components/dataGrid/components/dataGridColumnFilter.d.ts +9 -0
  36. package/components/dataGrid/components/dataGridColumnGroups.d.ts +7 -0
  37. package/components/dataGrid/components/dataGridContent.d.ts +6 -0
  38. package/components/dataGrid/components/dataGridDetailRow.d.ts +8 -0
  39. package/components/dataGrid/components/dataGridEmptyColumns.d.ts +6 -0
  40. package/components/dataGrid/components/dataGridFilterCell.d.ts +11 -0
  41. package/components/dataGrid/components/dataGridFilterRow.d.ts +6 -0
  42. package/components/dataGrid/components/dataGridGlobalFilter.d.ts +6 -0
  43. package/components/dataGrid/components/dataGridGroupRow.d.ts +8 -0
  44. package/components/dataGrid/components/dataGridHeader.d.ts +6 -0
  45. package/components/dataGrid/components/dataGridHeaderCell.d.ts +9 -0
  46. package/components/dataGrid/components/dataGridHeaderCellContextMenu.d.ts +11 -0
  47. package/components/dataGrid/components/dataGridHeaderCellResizer.d.ts +14 -0
  48. package/components/dataGrid/components/dataGridLoader.d.ts +11 -0
  49. package/components/dataGrid/components/dataGridPagination.d.ts +6 -0
  50. package/components/dataGrid/components/dataGridRow.d.ts +8 -0
  51. package/components/dataGrid/components/dataGridTopBar.d.ts +6 -0
  52. package/components/dataGrid/components/dataGridTopBarContextMenu.d.ts +6 -0
  53. package/components/dataGrid/contracts/dataGridContract.d.ts +213 -0
  54. package/components/dataGrid/gridNavigationContext.d.ts +24 -0
  55. package/components/dataGrid/models/cellModel.d.ts +18 -0
  56. package/components/dataGrid/models/columnModel.d.ts +150 -0
  57. package/components/dataGrid/models/columnVisibilityModel.d.ts +24 -0
  58. package/components/dataGrid/models/detailRowModel.d.ts +22 -0
  59. package/components/dataGrid/models/filterModel.d.ts +22 -0
  60. package/components/dataGrid/models/gridModel.d.ts +206 -0
  61. package/components/dataGrid/models/groupRowCellModel.d.ts +26 -0
  62. package/components/dataGrid/models/groupRowModel.d.ts +48 -0
  63. package/components/dataGrid/models/headerCellModel.d.ts +83 -0
  64. package/components/dataGrid/models/paginationModel.d.ts +32 -0
  65. package/components/dataGrid/models/rowModel.d.ts +34 -0
  66. package/components/dataGrid/models/viewportModel.d.ts +44 -0
  67. package/components/dataGrid/useGrid.d.ts +8 -0
  68. package/components/dataGrid/useGridNavigation.d.ts +21 -0
  69. package/components/dataGrid.cjs +1 -0
  70. package/components/dataGrid.d.ts +2 -0
  71. package/components/dataGrid.mjs +3178 -0
  72. package/components/dropdown/dropdownContext.d.ts +44 -0
  73. package/components/dropdown/dropdownItems.d.ts +22 -0
  74. package/components/dropdown/dropdownRowRenderer.d.ts +8 -0
  75. package/components/dropdown/dropdownSearch.d.ts +21 -0
  76. package/components/dropdown/utils.d.ts +1 -0
  77. package/components/dropdown.cjs +1 -0
  78. package/components/dropdown.d.ts +47 -0
  79. package/components/dropdown.mjs +479 -0
  80. package/components/flex.cjs +1 -0
  81. package/components/flex.d.ts +6 -0
  82. package/components/flex.mjs +16 -0
  83. package/components/form.cjs +1 -0
  84. package/components/form.d.ts +10 -0
  85. package/components/form.mjs +58 -0
  86. package/components/grid.cjs +1 -0
  87. package/components/grid.d.ts +6 -0
  88. package/components/grid.mjs +16 -0
  89. package/components/icon.cjs +1 -0
  90. package/components/icon.d.ts +36 -0
  91. package/components/icon.mjs +41 -0
  92. package/components/overlay.cjs +1 -0
  93. package/components/overlay.d.ts +43 -0
  94. package/components/overlay.mjs +82 -0
  95. package/components/presence.cjs +1 -0
  96. package/components/presence.d.ts +30 -0
  97. package/components/presence.mjs +11 -0
  98. package/components/radioButton.cjs +1 -0
  99. package/components/radioButton.d.ts +24 -0
  100. package/components/radioButton.mjs +32 -0
  101. package/components/radioGroup.cjs +1 -0
  102. package/components/radioGroup.d.ts +38 -0
  103. package/components/radioGroup.mjs +79 -0
  104. package/components/select.cjs +1 -0
  105. package/components/select.d.ts +42 -0
  106. package/components/select.mjs +36 -0
  107. package/components/semantics.cjs +1 -0
  108. package/components/semantics.d.ts +34 -0
  109. package/components/semantics.mjs +17 -0
  110. package/components/svg.cjs +1 -0
  111. package/components/svg.d.ts +63 -0
  112. package/components/svg.mjs +141 -0
  113. package/components/switch.cjs +1 -0
  114. package/components/switch.d.ts +20 -0
  115. package/components/switch.mjs +25 -0
  116. package/components/textarea.cjs +1 -0
  117. package/components/textarea.d.ts +27 -0
  118. package/components/textarea.mjs +33 -0
  119. package/components/textbox.cjs +1 -0
  120. package/components/textbox.d.ts +26 -0
  121. package/components/textbox.mjs +33 -0
  122. package/components/tooltip.cjs +1 -0
  123. package/components/tooltip.d.ts +63 -0
  124. package/components/tooltip.mjs +108 -0
  125. package/components/visuallyHidden.cjs +1 -0
  126. package/components/visuallyHidden.d.ts +6 -0
  127. package/components/visuallyHidden.mjs +23 -0
  128. package/effects.cjs +1 -0
  129. package/effects.mjs +6 -0
  130. package/forms.cjs +1 -0
  131. package/forms.mjs +21 -0
  132. package/icons/dotsIcon.d.ts +2 -0
  133. package/icons/expandIcon.d.ts +2 -0
  134. package/icons/groupingIcon.d.ts +2 -0
  135. package/icons/pinIcon.d.ts +2 -0
  136. package/icons/searchIcon.d.ts +2 -0
  137. package/icons/sortIcon.d.ts +2 -0
  138. package/motion.cjs +1 -0
  139. package/motion.mjs +66 -0
  140. package/package.json +203 -7
  141. package/platform.cjs +1 -0
  142. package/platform.mjs +32 -0
  143. package/react/a11y/callbacks.d.ts +12 -0
  144. package/react/a11y/useControllableState.d.ts +25 -0
  145. package/react/a11y/useDismiss.d.ts +25 -0
  146. package/react/a11y/useFocusReturn.d.ts +18 -0
  147. package/react/a11y/useIdentifier.d.ts +17 -0
  148. package/react/a11y/useRovingFocus.d.ts +84 -0
  149. package/react/animation/usePresence.d.ts +32 -0
  150. package/react/boxClassNames.d.ts +25 -0
  151. package/react/boxProps.d.ts +49 -0
  152. package/react/boxTagProps.d.ts +7 -0
  153. package/react/clientRuntime.d.ts +11 -0
  154. package/react/effects.d.ts +10 -0
  155. package/react/forms/labelledControl.d.ts +17 -0
  156. package/react/forms/placeholderProp.d.ts +13 -0
  157. package/react/hooks/usePortalContainer.d.ts +1 -0
  158. package/react/hooks/useVirtualization.d.ts +43 -0
  159. package/react/hooks/useVisibility.d.ts +9 -0
  160. package/react/reactTypes.d.ts +10 -0
  161. package/react/resolveStyles.d.ts +18 -0
  162. package/react/styleElements.d.ts +3 -0
  163. package/react/svg/attributesInProps.d.ts +4 -0
  164. package/react/svg/svgNaming.d.ts +15 -0
  165. package/react/theme/theme.d.ts +26 -0
  166. package/react/theme/themeContext.d.ts +7 -0
  167. package/react/useStyles.d.ts +22 -0
  168. package/react-shared.cjs +1 -0
  169. package/react-shared.mjs +105 -0
  170. package/rolldown-runtime.cjs +1 -0
  171. package/rsc.cjs +1 -0
  172. package/rsc.d.ts +27 -0
  173. package/rsc.mjs +18 -0
  174. package/ssg.cjs +1 -0
  175. package/ssg.d.ts +24 -0
  176. package/ssg.mjs +25 -0
  177. package/utils/animation/animationUtils.d.ts +29 -0
  178. package/utils/array/arrayUtils.d.ts +15 -0
  179. package/utils/box/boxUtils.d.ts +5 -0
  180. package/utils/chart/chartUtils.d.ts +98 -0
  181. package/utils/dom/domUtils.d.ts +26 -0
  182. package/utils/environment/environmentUtils.d.ts +18 -0
  183. package/utils/fn/fnUtils.d.ts +4 -0
  184. package/utils/form/formUtils.d.ts +8 -0
  185. package/utils/memo.d.ts +10 -0
  186. package/utils/object/objectUtils.d.ts +13 -0
  187. package/utils/string/fuzzySearch.d.ts +27 -0
  188. package/utils/string/stringUtils.d.ts +4 -0
package/components/semantics.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ import { RefAttributes } from 'react';
2
+ import { BoxProps } from '../box';
3
+ import { ExtractElementFromTag } from '../react/reactTypes';
4
+ import { ComponentsAndVariants } from '@box-kite/core/types';
5
+ type SemanticComponentType<TTag extends keyof React.JSX.IntrinsicElements, TKey extends keyof ComponentsAndVariants = never> = (props: Omit<BoxProps<TTag, TKey>, 'tag'> & RefAttributes<ExtractElementFromTag<TTag>>) => React.ReactNode;
6
+ export declare const Label: SemanticComponentType<"label", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
7
+ export declare const Span: SemanticComponentType<"span", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
8
+ export declare const Article: SemanticComponentType<"article", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
9
+ export declare const Aside: SemanticComponentType<"aside", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
10
+ export declare const Details: SemanticComponentType<"details", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
11
+ export declare const Figcaption: SemanticComponentType<"figcaption", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
12
+ export declare const Figure: SemanticComponentType<"figure", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
13
+ export declare const Footer: SemanticComponentType<"footer", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
14
+ export declare const Header: SemanticComponentType<"header", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
15
+ export declare const Main: SemanticComponentType<"main", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
16
+ export declare const Mark: SemanticComponentType<"mark", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
17
+ export declare const Nav: SemanticComponentType<"nav", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
18
+ export declare const Menu: SemanticComponentType<"menu", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
19
+ export declare const Section: SemanticComponentType<"section", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
20
+ export declare const Summary: SemanticComponentType<"summary", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
21
+ export declare const Time: SemanticComponentType<"time", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
22
+ export declare const P: SemanticComponentType<"p", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
23
+ export declare const Ul: SemanticComponentType<"ul", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
24
+ export declare const Ol: SemanticComponentType<"ol", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
25
+ export declare const Li: SemanticComponentType<"li", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
26
+ export declare const H1: SemanticComponentType<"h1", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
27
+ export declare const H2: SemanticComponentType<"h2", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
28
+ export declare const H3: SemanticComponentType<"h3", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
29
+ export declare const H4: SemanticComponentType<"h4", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
30
+ export declare const H5: SemanticComponentType<"h5", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
31
+ export declare const H6: SemanticComponentType<"h6", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
32
+ export declare const Link: SemanticComponentType<"a", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
33
+ export declare const Img: SemanticComponentType<"img", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
34
+ export {};
package/components/semantics.mjs ADDED
@@ -0,0 +1,17 @@
1
+ import { n as e } from "../react-shared.mjs";
2
+ import { forwardRef as t } from "react";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ import r from "@box-kite/react";
5
+ //#region src/components/semantics.tsx
6
+ function i(i) {
7
+ let a = t((e, t) => /* @__PURE__ */ n(r, {
8
+ tag: i,
9
+ ref: t,
10
+ component: i,
11
+ ...e
12
+ }));
13
+ return a.displayName = e.capitalize(i), a;
14
+ }
15
+ var a = i("label"), o = i("span"), s = i("article"), c = i("aside"), l = i("details"), u = i("figcaption"), d = i("figure"), f = i("footer"), p = i("header"), m = i("main"), h = i("mark"), g = i("nav"), _ = i("menu"), v = i("section"), y = i("summary"), b = i("time"), x = i("p"), S = i("ul"), C = i("ol"), w = i("li"), T = i("h1"), E = i("h2"), D = i("h3"), O = i("h4"), k = i("h5"), A = i("h6"), j = i("a"), M = i("img");
16
+ //#endregion
17
+ export { s as Article, c as Aside, l as Details, u as Figcaption, d as Figure, f as Footer, T as H1, E as H2, D as H3, O as H4, k as H5, A as H6, p as Header, M as Img, a as Label, w as Li, j as Link, m as Main, h as Mark, _ as Menu, g as Nav, C as Ol, x as P, v as Section, o as Span, y as Summary, b as Time, S as Ul };
package/components/svg.cjs ADDED
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime.cjs"),t=require("../react-shared.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("@box-kite/react");i=e.t(i,1);function a(e,t){let{props:n,...r}=e,i=r,a;for(let e of t)e in i&&((a??={})[e]=i[e],delete i[e]);return{styleProps:i,tagProps:a?{...n,...a}:n}}function o(e,o=[],s){let c=o,l=(0,n.forwardRef)((t,n)=>{let{styleProps:o,tagProps:s}=a(t,c);return(0,r.jsx)(i.default,{tag:e,ref:n,component:e,...o,props:s})});return l.displayName=s??t.n.capitalize(e),t.a(l),l}var s=`http://www.w3.org/2000/svg`,c=[`viewBox`,`preserveAspectRatio`,`width`,`height`];function l(e,n){let{label:o,...l}=e,{styleProps:u,tagProps:d}=a(l,c);return(0,r.jsx)(i.default,{tag:`svg`,ref:n,component:`svg`,...u,props:{xmlns:s,...t.r(o,d),...d}})}var u=t.a((0,n.forwardRef)(l));u.displayName=`Svg`;var d=o(`g`,[`transform`]),f=o(`defs`),p=o(`path`,[`d`,`transform`,`pathLength`]),m=o(`circle`,[`transform`,`pathLength`]),h=o(`ellipse`,[`transform`,`pathLength`]),g=o(`rect`,[`width`,`height`,`transform`,`pathLength`]),_=o(`line`,[`x1`,`y1`,`x2`,`y2`,`transform`,`pathLength`]),v=o(`polyline`,[`points`,`transform`,`pathLength`]),y=o(`polygon`,[`points`,`transform`,`pathLength`]),b=o(`text`,[`x`,`y`,`dx`,`dy`,`textLength`,`lengthAdjust`,`transform`],`SvgText`),x=o(`tspan`,[`x`,`y`,`dx`,`dy`,`textLength`,`lengthAdjust`],`TSpan`),S=o(`linearGradient`,[`x1`,`y1`,`x2`,`y2`,`gradientUnits`,`gradientTransform`,`spreadMethod`]),C=o(`radialGradient`,[`cx`,`cy`,`r`,`fx`,`fy`,`gradientUnits`,`gradientTransform`,`spreadMethod`]),w=o(`stop`,[`offset`,`stopColor`,`stopOpacity`]),T=o(`clipPath`,[`clipPathUnits`,`transform`]),E=o(`mask`,[`maskUnits`,`maskContentUnits`,`x`,`y`,`width`,`height`]),D=o(`use`,[`href`,`width`,`height`,`transform`]),O=o(`symbol`,[`viewBox`,`preserveAspectRatio`,`x`,`y`,`width`,`height`],`SvgSymbol`),k=o(`marker`,[`markerWidth`,`markerHeight`,`refX`,`refY`,`orient`,`markerUnits`,`viewBox`]);exports.Circle=m,exports.ClipPath=T,exports.Defs=f,exports.Ellipse=h,exports.G=d,exports.Line=_,exports.LinearGradient=S,exports.Marker=k,exports.Mask=E,exports.Path=p,exports.Polygon=y,exports.Polyline=v,exports.RadialGradient=C,exports.Rect=g,exports.Stop=w,exports.Svg=u,exports.SvgSymbol=O,exports.SvgText=b,exports.TSpan=x,exports.Use=D;
package/components/svg.d.ts ADDED
@@ -0,0 +1,63 @@
1
+ import { RefAttributes } from 'react';
2
+ import { BoxProps } from '../box';
3
+ import { ExtractElementFromTag } from '../react/reactTypes';
4
+ import { ComponentsAndVariants } from '@box-kite/core/types';
5
+ /**
6
+ * The SVG elements as components, so a drawing is written the way the rest of this library is —
7
+ * `<Circle cx={28} r={12} />`, never `<Box tag="circle">`. The difficulty is that SVG attribute names and
8
+ * Box prop names collide silently (a `<path>`'s `d` is Box's flex-direction; Chakra once turned `d` into
9
+ * `display` this way), so each component names the attributes it owns and lifts them off the style props —
10
+ * per element, because whether a name is CSS or an attribute is a question about the element.
11
+ */
12
+ /** A name the element accepts as an attribute. */
13
+ type Attribute<TTag extends keyof React.JSX.IntrinsicElements> = keyof React.JSX.IntrinsicElements[TTag];
14
+ /** Box's props for the tag, minus the names this element claims as attributes, plus those attributes. */
15
+ type SvgElementProps<TTag extends keyof React.JSX.IntrinsicElements, TAttribute extends Attribute<TTag>, TKey extends keyof ComponentsAndVariants> = Omit<BoxProps<TTag, TKey>, 'tag' | TAttribute> & Pick<React.JSX.IntrinsicElements[TTag], TAttribute>;
16
+ type SvgElementType<TTag extends keyof React.JSX.IntrinsicElements, TAttribute extends Attribute<TTag>, TKey extends keyof ComponentsAndVariants = never> = (props: SvgElementProps<TTag, TAttribute, TKey> & RefAttributes<ExtractElementFromTag<TTag>>) => React.ReactNode;
17
+ interface SvgOwnProps {
18
+ /** The coordinate system every number inside the drawing is measured in — `"0 0 24 24"`. */
19
+ viewBox?: string;
20
+ /** How the drawing is fitted when the box it is given is a different shape. */
21
+ preserveAspectRatio?: string;
22
+ /** The `width` attribute: a number in user units, or any CSS length — `"100%"`, `"12rem"`. */
23
+ width?: string | number;
24
+ /** The `height` attribute: a number in user units, or any CSS length. */
25
+ height?: string | number;
26
+ /** Names the drawing — `role="img"` and this text. Without one the `<svg>` is `aria-hidden`. */
27
+ label?: string;
28
+ }
29
+ /** The `width`/`height` here are the SVG attributes, not the ÷4 layout props they are on a `<div>`. */
30
+ type Props = Omit<BoxProps<'svg'>, 'tag' | 'width' | 'height'> & SvgOwnProps;
31
+ /** The root `<svg>`: the coordinate system, the size, and whether a screen reader is told about it. */
32
+ export declare const Svg: import('react').ForwardRefExoticComponent<Omit<Props, "ref"> & RefAttributes<SVGSVGElement>>;
33
+ export type SvgProps = React.ComponentProps<typeof Svg>;
34
+ /**
35
+ * The rest of the elements, each with the attributes it owns — everything CSS styles on it stays a Box
36
+ * prop. `transform` is an attribute everywhere, because SVG's version carries its own centre of rotation
37
+ * (`rotate(-90 48 48)`) and the CSS `rotate` prop cannot say that without a `transformOrigin` we lack.
38
+ */
39
+ export declare const G: SvgElementType<"g", "transform", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
40
+ export declare const Defs: SvgElementType<"defs", keyof import('react').SVGProps<SVGDefsElement>, "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
41
+ export declare const Path: SvgElementType<"path", "transform" | "d" | "pathLength", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
42
+ export declare const Circle: SvgElementType<"circle", "transform" | "pathLength", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
43
+ export declare const Ellipse: SvgElementType<"ellipse", "transform" | "pathLength", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
44
+ export declare const Rect: SvgElementType<"rect", "transform" | "height" | "width" | "pathLength", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
45
+ export declare const Line: SvgElementType<"line", "transform" | "pathLength" | "x1" | "x2" | "y1" | "y2", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
46
+ export declare const Polyline: SvgElementType<"polyline", "transform" | "pathLength" | "points", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
47
+ export declare const Polygon: SvgElementType<"polygon", "transform" | "pathLength" | "points", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
48
+ /**
49
+ * `SvgText`, not `Text`, which a future HTML text component would want. Its `x`/`y` are attributes: the
50
+ * CSS geometry properties do not apply to `<text>`, so the Box props of that name would move nothing.
51
+ */
52
+ export declare const SvgText: SvgElementType<"text", "transform" | "x" | "y" | "dx" | "dy" | "lengthAdjust" | "textLength", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
53
+ export declare const TSpan: SvgElementType<"tspan", "x" | "y" | "dx" | "dy" | "lengthAdjust" | "textLength", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
54
+ export declare const LinearGradient: SvgElementType<"linearGradient", "gradientTransform" | "gradientUnits" | "spreadMethod" | "x1" | "x2" | "y1" | "y2", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
55
+ export declare const RadialGradient: SvgElementType<"radialGradient", "cx" | "cy" | "r" | "fx" | "fy" | "gradientTransform" | "gradientUnits" | "spreadMethod", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
56
+ export declare const Stop: SvgElementType<"stop", "stopColor" | "stopOpacity" | "offset", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
57
+ export declare const ClipPath: SvgElementType<"clipPath", "transform" | "clipPathUnits", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
58
+ export declare const Mask: SvgElementType<"mask", "height" | "width" | "x" | "y" | "maskContentUnits" | "maskUnits", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
59
+ export declare const Use: SvgElementType<"use", "transform" | "height" | "width" | "href", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
60
+ /** `SvgSymbol`, not `Symbol` — the global of that name is not something a module should shadow. */
61
+ export declare const SvgSymbol: SvgElementType<"symbol", "height" | "width" | "x" | "y" | "preserveAspectRatio" | "viewBox", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
62
+ export declare const Marker: SvgElementType<"marker", "markerHeight" | "markerUnits" | "markerWidth" | "orient" | "refX" | "refY" | "viewBox", "button" | "checkbox" | "textarea" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "textbox" | "datagrid" | "radioButton" | "switch" | "dropdown" | "label" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.loader" | "datagrid.loader.track" | "datagrid.loader.track.bar" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnVisibility" | "datagrid.topBar.columnVisibility.badge" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.resizer" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.tooltip.item.separator" | "datagrid.body" | "datagrid.body.empty" | "datagrid.body.cell" | "datagrid.body.cell.text" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.emptyColumns" | "datagrid.bottomBar" | "datagrid.bottomBar.info" | "datagrid.bottomBar.clearFilters" | "datagrid.bottomBar.pagination" | "datagrid.bottomBar.pagination.button" | "datagrid.bottomBar.pagination.info" | "datagrid.bottomBar.pagination.pageSize" | "dropdown.icon" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
63
+ export {};
package/components/svg.mjs ADDED
@@ -0,0 +1,141 @@
1
+ import { a as e, n as t, r as n } from "../react-shared.mjs";
2
+ import { forwardRef as r } from "react";
3
+ import { jsx as i } from "react/jsx-runtime";
4
+ import a from "@box-kite/react";
5
+ //#region src/components/svg.tsx
6
+ function o(e, t) {
7
+ let { props: n, ...r } = e, i = r, a;
8
+ for (let e of t) e in i && ((a ??= {})[e] = i[e], delete i[e]);
9
+ return {
10
+ styleProps: i,
11
+ tagProps: a ? {
12
+ ...n,
13
+ ...a
14
+ } : n
15
+ };
16
+ }
17
+ function s(n, s = [], c) {
18
+ let l = s, u = r((e, t) => {
19
+ let { styleProps: r, tagProps: s } = o(e, l);
20
+ return /* @__PURE__ */ i(a, {
21
+ tag: n,
22
+ ref: t,
23
+ component: n,
24
+ ...r,
25
+ props: s
26
+ });
27
+ });
28
+ return u.displayName = c ?? t.capitalize(n), e(u), u;
29
+ }
30
+ var c = "http://www.w3.org/2000/svg", l = [
31
+ "viewBox",
32
+ "preserveAspectRatio",
33
+ "width",
34
+ "height"
35
+ ];
36
+ function u(e, t) {
37
+ let { label: r, ...s } = e, { styleProps: u, tagProps: d } = o(s, l);
38
+ return /* @__PURE__ */ i(a, {
39
+ tag: "svg",
40
+ ref: t,
41
+ component: "svg",
42
+ ...u,
43
+ props: {
44
+ xmlns: c,
45
+ ...n(r, d),
46
+ ...d
47
+ }
48
+ });
49
+ }
50
+ var d = /* @__PURE__ */ e(r(u));
51
+ d.displayName = "Svg";
52
+ var f = /* @__PURE__ */ s("g", ["transform"]), p = /* @__PURE__ */ s("defs"), m = /* @__PURE__ */ s("path", [
53
+ "d",
54
+ "transform",
55
+ "pathLength"
56
+ ]), h = /* @__PURE__ */ s("circle", ["transform", "pathLength"]), g = /* @__PURE__ */ s("ellipse", ["transform", "pathLength"]), _ = /* @__PURE__ */ s("rect", [
57
+ "width",
58
+ "height",
59
+ "transform",
60
+ "pathLength"
61
+ ]), v = /* @__PURE__ */ s("line", [
62
+ "x1",
63
+ "y1",
64
+ "x2",
65
+ "y2",
66
+ "transform",
67
+ "pathLength"
68
+ ]), y = /* @__PURE__ */ s("polyline", [
69
+ "points",
70
+ "transform",
71
+ "pathLength"
72
+ ]), b = /* @__PURE__ */ s("polygon", [
73
+ "points",
74
+ "transform",
75
+ "pathLength"
76
+ ]), x = /* @__PURE__ */ s("text", [
77
+ "x",
78
+ "y",
79
+ "dx",
80
+ "dy",
81
+ "textLength",
82
+ "lengthAdjust",
83
+ "transform"
84
+ ], "SvgText"), S = /* @__PURE__ */ s("tspan", [
85
+ "x",
86
+ "y",
87
+ "dx",
88
+ "dy",
89
+ "textLength",
90
+ "lengthAdjust"
91
+ ], "TSpan"), C = /* @__PURE__ */ s("linearGradient", [
92
+ "x1",
93
+ "y1",
94
+ "x2",
95
+ "y2",
96
+ "gradientUnits",
97
+ "gradientTransform",
98
+ "spreadMethod"
99
+ ]), w = /* @__PURE__ */ s("radialGradient", [
100
+ "cx",
101
+ "cy",
102
+ "r",
103
+ "fx",
104
+ "fy",
105
+ "gradientUnits",
106
+ "gradientTransform",
107
+ "spreadMethod"
108
+ ]), T = /* @__PURE__ */ s("stop", [
109
+ "offset",
110
+ "stopColor",
111
+ "stopOpacity"
112
+ ]), E = /* @__PURE__ */ s("clipPath", ["clipPathUnits", "transform"]), D = /* @__PURE__ */ s("mask", [
113
+ "maskUnits",
114
+ "maskContentUnits",
115
+ "x",
116
+ "y",
117
+ "width",
118
+ "height"
119
+ ]), O = /* @__PURE__ */ s("use", [
120
+ "href",
121
+ "width",
122
+ "height",
123
+ "transform"
124
+ ]), k = /* @__PURE__ */ s("symbol", [
125
+ "viewBox",
126
+ "preserveAspectRatio",
127
+ "x",
128
+ "y",
129
+ "width",
130
+ "height"
131
+ ], "SvgSymbol"), A = /* @__PURE__ */ s("marker", [
132
+ "markerWidth",
133
+ "markerHeight",
134
+ "refX",
135
+ "refY",
136
+ "orient",
137
+ "markerUnits",
138
+ "viewBox"
139
+ ]);
140
+ //#endregion
141
+ export { h as Circle, E as ClipPath, p as Defs, g as Ellipse, f as G, v as Line, C as LinearGradient, A as Marker, D as Mask, m as Path, b as Polygon, y as Polyline, w as RadialGradient, _ as Rect, T as Stop, d as Svg, k as SvgSymbol, x as SvgText, S as TSpan, O as Use };
package/components/switch.cjs ADDED
@@ -0,0 +1 @@
1
+ "use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../behavior.cjs"),t=require("./checkbox.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(n,i){let{props:a,...o}=n,s=e.o(a?.onKeyDown),c=e.o(e=>{s(e),!(e.key!==`Enter`||e.defaultPrevented)&&(e.preventDefault(),e.currentTarget.click())});return(0,r.jsx)(t.default,{ref:i,component:`switch`,...o,props:{...a,role:`switch`,onKeyDown:c}})}var a=(0,n.forwardRef)(i);a.displayName=`Switch`,exports.default=a;
package/components/switch.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ import { RefAttributes } from 'react';
2
+ import { BoxProps, BoxTagProps } from '../box';
3
+ import { OmitTagProps } from '../react/boxProps';
4
+ import { ComponentsAndVariants } from '@box-kite/core/types';
5
+ type SwitchProps<TKey extends keyof ComponentsAndVariants> = Omit<BoxProps<'input', TKey>, 'tag' | 'props' | 'indeterminate'>;
6
+ interface Props<TKey extends keyof ComponentsAndVariants> extends SwitchProps<TKey> {
7
+ name?: string;
8
+ props?: OmitTagProps<BoxTagProps<'input'>, 'type'>;
9
+ onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
10
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
11
+ value?: string | number;
12
+ autoFocus?: boolean;
13
+ readOnly?: boolean;
14
+ defaultChecked?: boolean;
15
+ /** The text beside the switch, rendered inside a label that wraps the input. */
16
+ label?: React.ReactNode;
17
+ labelProps?: BoxProps<'label'>;
18
+ }
19
+ declare const _default: <TKey extends keyof ComponentsAndVariants = "switch">(props: Props<TKey> & RefAttributes<HTMLInputElement>) => React.ReactNode;
20
+ export default _default;
package/components/switch.mjs ADDED
@@ -0,0 +1,25 @@
1
+ "use client";
2
+ import { o as e } from "../behavior.mjs";
3
+ import t from "./checkbox.mjs";
4
+ import { forwardRef as n } from "react";
5
+ import { jsx as r } from "react/jsx-runtime";
6
+ //#region src/components/switch.tsx
7
+ function i(n, i) {
8
+ let { props: a, ...o } = n, s = e(a?.onKeyDown), c = e((e) => {
9
+ s(e), !(e.key !== "Enter" || e.defaultPrevented) && (e.preventDefault(), e.currentTarget.click());
10
+ });
11
+ return /* @__PURE__ */ r(t, {
12
+ ref: i,
13
+ component: "switch",
14
+ ...o,
15
+ props: {
16
+ ...a,
17
+ role: "switch",
18
+ onKeyDown: c
19
+ }
20
+ });
21
+ }
22
+ var a = n(i);
23
+ a.displayName = "Switch";
24
+ //#endregion
25
+ export { a as default };
package/components/textarea.cjs ADDED
@@ -0,0 +1 @@
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime.cjs"),t=require("../react-shared.cjs"),n=require("../forms.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("@box-kite/react");a=e.t(a,1);var o=[`name`,`onInput`,`onChange`,`value`,`defaultValue`,`rows`,`cols`,`autoFocus`,`maxLength`,`minLength`,`readOnly`];function s(e,r){let{placeholder:s,...c}=e,{text:l,styles:u}=n.t(s),d=t.t.buildProps(c,o,l===void 0?void 0:{placeholder:l});return(0,i.jsx)(a.default,{ref:r,tag:`textarea`,component:`textarea`,...d,placeholder:u})}var c=(0,r.forwardRef)(s);c.displayName=`Textarea`,exports.default=c;
package/components/textarea.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { RefAttributes } from 'react';
2
+ import { BoxProps, BoxTagProps } from '../box';
3
+ import { OmitTagProps } from '../react/boxProps';
4
+ import { PlaceholderProp } from '../react/forms/placeholderProp';
5
+ import { ComponentsAndVariants } from '@box-kite/core/types';
6
+ declare const tagProps: readonly ["name", "onInput", "onChange", "value", "defaultValue", "rows", "cols", "autoFocus", "maxLength", "minLength", "readOnly"];
7
+ type TagPropsType = (typeof tagProps)[number];
8
+ type TextareaProps<TKey extends keyof ComponentsAndVariants> = Omit<BoxProps<'textarea', TKey>, 'tag' | 'props' | 'placeholder'>;
9
+ type TextareaTagProps = OmitTagProps<BoxTagProps<'textarea'>, TagPropsType | 'type'>;
10
+ interface Props<TKey extends keyof ComponentsAndVariants> extends TextareaProps<TKey> {
11
+ name?: string;
12
+ props?: TextareaTagProps;
13
+ onInput?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
14
+ onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
15
+ placeholder?: PlaceholderProp;
16
+ value?: string;
17
+ defaultValue?: string;
18
+ rows?: number;
19
+ cols?: number;
20
+ autoFocus?: boolean;
21
+ maxLength?: number;
22
+ minLength?: number;
23
+ readOnly?: boolean;
24
+ required?: boolean;
25
+ }
26
+ declare const _default: <TKey extends keyof ComponentsAndVariants = "textarea">(props: Props<TKey> & RefAttributes<HTMLTextAreaElement>) => React.ReactNode;
27
+ export default _default;