@box-kite/react 0.0.1 → 2.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.
- package/.claude/rules/box-kite-rules.md +65 -0
- package/.claude/skills/box-kite/SKILL.md +138 -0
- package/.claude/skills/box-kite/references/components.md +235 -0
- package/.claude/skills/box-kite/references/extending.md +42 -0
- package/.claude/skills/box-kite/references/patterns.md +27 -0
- package/.claude/skills/box-kite/references/styling.md +222 -0
- package/.cursor/rules/box-kite.mdc +73 -0
- package/AGENTS.md +102 -0
- package/BOX_AI_CONTEXT.md +2804 -0
- package/BOX_KITE_AI_CONTEXT.md +2804 -0
- package/LICENSE +21 -0
- package/README.md +744 -7
- package/a11y.cjs +1 -0
- package/a11y.d.ts +15 -0
- package/a11y.mjs +4 -0
- package/anchor.cjs +1 -0
- package/anchor.d.ts +14 -0
- package/anchor.mjs +3 -0
- package/behavior.cjs +1 -0
- package/behavior.mjs +277 -0
- package/box.cjs +1 -0
- package/box.d.ts +46 -0
- package/box.mjs +23 -0
- package/client.cjs +1 -0
- package/client.mjs +164 -0
- package/components/accordion.cjs +1 -0
- package/components/accordion.d.ts +114 -0
- package/components/accordion.mjs +251 -0
- package/components/baseSvg.cjs +1 -0
- package/components/baseSvg.d.ts +5 -0
- package/components/baseSvg.mjs +21 -0
- package/components/button.cjs +1 -0
- package/components/button.d.ts +19 -0
- package/components/button.mjs +19 -0
- package/components/chart.cjs +1 -0
- package/components/chart.d.ts +83 -0
- package/components/chart.mjs +236 -0
- package/components/checkbox.cjs +1 -0
- package/components/checkbox.d.ts +36 -0
- package/components/checkbox.mjs +38 -0
- package/components/combobox/comboboxChips.d.ts +21 -0
- package/components/combobox/comboboxListbox.d.ts +47 -0
- package/components/combobox.cjs +1 -0
- package/components/combobox.d.ts +121 -0
- package/components/combobox.mjs +563 -0
- package/components/dataGrid/components/dataGridAggregateValue.d.ts +10 -0
- package/components/dataGrid/components/dataGridBody.d.ts +7 -0
- package/components/dataGrid/components/dataGridBottomBar.d.ts +6 -0
- package/components/dataGrid/components/dataGridCell.d.ts +16 -0
- package/components/dataGrid/components/dataGridCellEditor.d.ts +15 -0
- package/components/dataGrid/components/dataGridCellPlaceholder.d.ts +14 -0
- package/components/dataGrid/components/dataGridCellRowDetail.d.ts +6 -0
- package/components/dataGrid/components/dataGridCellRowSelection.d.ts +6 -0
- package/components/dataGrid/components/dataGridCellText.d.ts +6 -0
- package/components/dataGrid/components/dataGridCellTree.d.ts +16 -0
- package/components/dataGrid/components/dataGridColumnFilter.d.ts +9 -0
- package/components/dataGrid/components/dataGridColumnGroups.d.ts +7 -0
- package/components/dataGrid/components/dataGridContent.d.ts +6 -0
- package/components/dataGrid/components/dataGridDataSourceError.d.ts +12 -0
- package/components/dataGrid/components/dataGridDetailRow.d.ts +8 -0
- package/components/dataGrid/components/dataGridEmptyColumns.d.ts +6 -0
- package/components/dataGrid/components/dataGridExport.d.ts +10 -0
- package/components/dataGrid/components/dataGridFilterCell.d.ts +11 -0
- package/components/dataGrid/components/dataGridFilterRow.d.ts +6 -0
- package/components/dataGrid/components/dataGridFooter.d.ts +11 -0
- package/components/dataGrid/components/dataGridGlobalFilter.d.ts +6 -0
- package/components/dataGrid/components/dataGridGroupRow.d.ts +8 -0
- package/components/dataGrid/components/dataGridHeader.d.ts +6 -0
- package/components/dataGrid/components/dataGridHeaderCell.d.ts +9 -0
- package/components/dataGrid/components/dataGridHeaderCellContextMenu.d.ts +11 -0
- package/components/dataGrid/components/dataGridHeaderCellResizer.d.ts +14 -0
- package/components/dataGrid/components/dataGridLoader.d.ts +11 -0
- package/components/dataGrid/components/dataGridPagination.d.ts +6 -0
- package/components/dataGrid/components/dataGridRow.d.ts +8 -0
- package/components/dataGrid/components/dataGridTopBar.d.ts +6 -0
- package/components/dataGrid/components/dataGridTopBarContextMenu.d.ts +6 -0
- package/components/dataGrid/contracts/dataGridContract.d.ts +671 -0
- package/components/dataGrid/export/gridExport.d.ts +10 -0
- package/components/dataGrid/gridNavigationContext.d.ts +32 -0
- package/components/dataGrid/models/aggregateCellModel.d.ts +34 -0
- package/components/dataGrid/models/aggregationModel.d.ts +32 -0
- package/components/dataGrid/models/cellKeys.d.ts +11 -0
- package/components/dataGrid/models/cellModel.d.ts +44 -0
- package/components/dataGrid/models/columnModel.d.ts +160 -0
- package/components/dataGrid/models/columnVisibilityModel.d.ts +24 -0
- package/components/dataGrid/models/dataSourceModel.d.ts +177 -0
- package/components/dataGrid/models/detailRowModel.d.ts +22 -0
- package/components/dataGrid/models/editModel.d.ts +77 -0
- package/components/dataGrid/models/exportModel.d.ts +51 -0
- package/components/dataGrid/models/filterModel.d.ts +22 -0
- package/components/dataGrid/models/gridModel.d.ts +293 -0
- package/components/dataGrid/models/groupRowCellModel.d.ts +34 -0
- package/components/dataGrid/models/groupRowModel.d.ts +68 -0
- package/components/dataGrid/models/headerCellModel.d.ts +83 -0
- package/components/dataGrid/models/paginationModel.d.ts +32 -0
- package/components/dataGrid/models/rowModel.d.ts +46 -0
- package/components/dataGrid/models/sourceGroupRowModel.d.ts +45 -0
- package/components/dataGrid/models/sourceLevel.d.ts +71 -0
- package/components/dataGrid/models/sourceRowModel.d.ts +29 -0
- package/components/dataGrid/models/sourceTreeRowModel.d.ts +23 -0
- package/components/dataGrid/models/treeModel.d.ts +94 -0
- package/components/dataGrid/models/treeRow.d.ts +22 -0
- package/components/dataGrid/models/treeRowModel.d.ts +50 -0
- package/components/dataGrid/models/viewportModel.d.ts +44 -0
- package/components/dataGrid/useGrid.d.ts +8 -0
- package/components/dataGrid/useGridNavigation.d.ts +21 -0
- package/components/dataGrid.cjs +1 -0
- package/components/dataGrid.d.ts +4 -0
- package/components/dataGrid.mjs +4907 -0
- package/components/dialog.cjs +1 -0
- package/components/dialog.d.ts +151 -0
- package/components/dialog.mjs +223 -0
- package/components/dropdown/dropdownContext.d.ts +44 -0
- package/components/dropdown/dropdownItems.d.ts +22 -0
- package/components/dropdown/dropdownRowRenderer.d.ts +8 -0
- package/components/dropdown/dropdownSearch.d.ts +21 -0
- package/components/dropdown/utils.d.ts +1 -0
- package/components/dropdown.cjs +1 -0
- package/components/dropdown.d.ts +77 -0
- package/components/dropdown.mjs +491 -0
- package/components/flex.cjs +1 -0
- package/components/flex.d.ts +6 -0
- package/components/flex.mjs +16 -0
- package/components/form.cjs +1 -0
- package/components/form.d.ts +10 -0
- package/components/form.mjs +58 -0
- package/components/grid.cjs +1 -0
- package/components/grid.d.ts +6 -0
- package/components/grid.mjs +16 -0
- package/components/icon.cjs +1 -0
- package/components/icon.d.ts +37 -0
- package/components/icon.mjs +41 -0
- package/components/menu.cjs +1 -0
- package/components/menu.d.ts +234 -0
- package/components/menu.mjs +422 -0
- package/components/overlay.cjs +1 -0
- package/components/overlay.d.ts +47 -0
- package/components/overlay.mjs +52 -0
- package/components/popover.cjs +1 -0
- package/components/popover.d.ts +100 -0
- package/components/popover.mjs +69 -0
- package/components/presence.cjs +1 -0
- package/components/presence.d.ts +36 -0
- package/components/presence.mjs +11 -0
- package/components/progress.cjs +1 -0
- package/components/progress.d.ts +47 -0
- package/components/progress.mjs +28 -0
- package/components/radioButton.cjs +1 -0
- package/components/radioButton.d.ts +32 -0
- package/components/radioButton.mjs +32 -0
- package/components/radioGroup.cjs +1 -0
- package/components/radioGroup.d.ts +51 -0
- package/components/radioGroup.mjs +83 -0
- package/components/select.cjs +1 -0
- package/components/select.d.ts +51 -0
- package/components/select.mjs +36 -0
- package/components/semantics.cjs +1 -0
- package/components/semantics.d.ts +39 -0
- package/components/semantics.mjs +17 -0
- package/components/slider.cjs +1 -0
- package/components/slider.d.ts +98 -0
- package/components/slider.mjs +250 -0
- package/components/svg.cjs +1 -0
- package/components/svg.d.ts +65 -0
- package/components/svg.mjs +141 -0
- package/components/switch.cjs +1 -0
- package/components/switch.d.ts +29 -0
- package/components/switch.mjs +25 -0
- package/components/tabs.cjs +1 -0
- package/components/tabs.d.ts +87 -0
- package/components/tabs.mjs +324 -0
- package/components/textarea.cjs +1 -0
- package/components/textarea.d.ts +41 -0
- package/components/textarea.mjs +33 -0
- package/components/textbox.cjs +1 -0
- package/components/textbox.d.ts +38 -0
- package/components/textbox.mjs +33 -0
- package/components/toaster.cjs +1 -0
- package/components/toaster.d.ts +106 -0
- package/components/toaster.mjs +295 -0
- package/components/tooltip.cjs +1 -0
- package/components/tooltip.d.ts +98 -0
- package/components/tooltip.mjs +110 -0
- package/components/visuallyHidden.cjs +1 -0
- package/components/visuallyHidden.d.ts +6 -0
- package/components/visuallyHidden.mjs +23 -0
- package/docs/a11y.md +199 -0
- package/docs/anchor.md +139 -0
- package/docs/components.md +48 -0
- package/docs/index.md +11 -0
- package/docs/props.md +1777 -0
- package/effects.cjs +1 -0
- package/effects.mjs +6 -0
- package/forms.cjs +1 -0
- package/forms.mjs +21 -0
- package/gridExport.cjs +2 -0
- package/gridExport.mjs +244 -0
- package/icons/dotsIcon.d.ts +2 -0
- package/icons/expandIcon.d.ts +2 -0
- package/icons/groupingIcon.d.ts +2 -0
- package/icons/pinIcon.d.ts +2 -0
- package/icons/searchIcon.d.ts +2 -0
- package/icons/sortIcon.d.ts +2 -0
- package/identity.cjs +1 -0
- package/identity.mjs +12 -0
- package/keyboard.cjs +1 -0
- package/keyboard.mjs +30 -0
- package/layer.cjs +1 -0
- package/layer.mjs +127 -0
- package/motion.cjs +1 -0
- package/motion.mjs +66 -0
- package/package.json +327 -7
- package/placement.cjs +1 -0
- package/placement.mjs +180 -0
- package/platform.cjs +1 -0
- package/platform.mjs +45 -0
- package/react/a11y/callbacks.d.ts +12 -0
- package/react/a11y/useControllableState.d.ts +25 -0
- package/react/a11y/useDismiss.d.ts +25 -0
- package/react/a11y/useFocusReturn.d.ts +18 -0
- package/react/a11y/useRovingFocus.d.ts +84 -0
- package/react/anchor/useAnchorPosition.d.ts +79 -0
- package/react/animation/usePresence.d.ts +32 -0
- package/react/boxClassNames.d.ts +25 -0
- package/react/boxProps.d.ts +49 -0
- package/react/boxTagProps.d.ts +7 -0
- package/react/clientRuntime.d.ts +11 -0
- package/react/dialog/useScrollLock.d.ts +12 -0
- package/react/effects.d.ts +10 -0
- package/react/forms/labelledControl.d.ts +17 -0
- package/react/forms/placeholderProp.d.ts +13 -0
- package/react/hooks/usePortalContainer.d.ts +6 -0
- package/react/hooks/useVirtualization.d.ts +32 -0
- package/react/hooks/useVisibility.d.ts +9 -0
- package/react/identity/useIdentifier.d.ts +17 -0
- package/react/popover/usePopoverLayer.d.ts +87 -0
- package/react/reactTypes.d.ts +10 -0
- package/react/resolveStyles.d.ts +18 -0
- package/react/styleElements.d.ts +3 -0
- package/react/svg/attributesInProps.d.ts +4 -0
- package/react/svg/svgNaming.d.ts +15 -0
- package/react/theme/theme.d.ts +26 -0
- package/react/theme/themeContext.d.ts +7 -0
- package/react/useStyles.d.ts +22 -0
- package/react-shared.cjs +1 -0
- package/react-shared.mjs +122 -0
- package/rolldown-runtime.cjs +1 -0
- package/rsc.cjs +1 -0
- package/rsc.d.ts +27 -0
- package/rsc.mjs +18 -0
- package/ssg.cjs +1 -0
- package/ssg.d.ts +24 -0
- package/ssg.mjs +25 -0
- package/utils/accordion/accordionUtils.d.ts +48 -0
- package/utils/anchor/anchorUtils.d.ts +79 -0
- package/utils/animation/animationUtils.d.ts +29 -0
- package/utils/array/arrayUtils.d.ts +15 -0
- package/utils/array/lazyList.d.ts +10 -0
- package/utils/box/boxUtils.d.ts +5 -0
- package/utils/chart/chartPalette.d.ts +15 -0
- package/utils/chart/chartUtils.d.ts +92 -0
- package/utils/combobox/comboboxUtils.d.ts +89 -0
- package/utils/dom/domUtils.d.ts +32 -0
- package/utils/environment/environmentUtils.d.ts +28 -0
- package/utils/export/csvUtils.d.ts +23 -0
- package/utils/export/downloadUtils.d.ts +12 -0
- package/utils/export/xlsxUtils.d.ts +56 -0
- package/utils/export/zipUtils.d.ts +26 -0
- package/utils/fn/fnUtils.d.ts +4 -0
- package/utils/form/formUtils.d.ts +8 -0
- package/utils/keyboard/typeaheadUtils.d.ts +31 -0
- package/utils/memo.d.ts +10 -0
- package/utils/menu/menuUtils.d.ts +25 -0
- package/utils/object/objectUtils.d.ts +13 -0
- package/utils/slider/sliderUtils.d.ts +67 -0
- package/utils/string/fuzzySearch.d.ts +27 -0
- package/utils/string/stringUtils.d.ts +4 -0
- package/utils/tabs/tabsUtils.d.ts +75 -0
- package/utils/toast/toastStore.d.ts +73 -0
- package/utils/virtual/virtualUtils.d.ts +47 -0
|
@@ -0,0 +1,39 @@
|
|
|
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" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
7
|
+
export declare const Span: SemanticComponentType<"span", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
8
|
+
export declare const Article: SemanticComponentType<"article", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
9
|
+
export declare const Aside: SemanticComponentType<"aside", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
10
|
+
export declare const Details: SemanticComponentType<"details", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
11
|
+
export declare const Figcaption: SemanticComponentType<"figcaption", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
12
|
+
export declare const Figure: SemanticComponentType<"figure", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
13
|
+
export declare const Footer: SemanticComponentType<"footer", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
14
|
+
export declare const Header: SemanticComponentType<"header", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
15
|
+
export declare const Main: SemanticComponentType<"main", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
16
|
+
export declare const Mark: SemanticComponentType<"mark", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
17
|
+
export declare const Nav: SemanticComponentType<"nav", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
18
|
+
export declare const MenuList: SemanticComponentType<"menu", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated `MenuList` is this element now. `Menu` is the menu **button** (`components/menu`), and two exports of
|
|
21
|
+
* that name are one import away from the wrong component. Same element, same props.
|
|
22
|
+
*/
|
|
23
|
+
export declare const Menu: SemanticComponentType<"menu", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
24
|
+
export declare const Section: SemanticComponentType<"section", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
25
|
+
export declare const Summary: SemanticComponentType<"summary", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
26
|
+
export declare const Time: SemanticComponentType<"time", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
27
|
+
export declare const P: SemanticComponentType<"p", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
28
|
+
export declare const Ul: SemanticComponentType<"ul", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
29
|
+
export declare const Ol: SemanticComponentType<"ol", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
30
|
+
export declare const Li: SemanticComponentType<"li", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
31
|
+
export declare const H1: SemanticComponentType<"h1", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
32
|
+
export declare const H2: SemanticComponentType<"h2", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
33
|
+
export declare const H3: SemanticComponentType<"h3", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
34
|
+
export declare const H4: SemanticComponentType<"h4", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
35
|
+
export declare const H5: SemanticComponentType<"h5", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
36
|
+
export declare const H6: SemanticComponentType<"h6", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
37
|
+
export declare const Link: SemanticComponentType<"a", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
38
|
+
export declare const Img: SemanticComponentType<"img", "button" | "checkbox" | "textarea" | "progress" | "menu" | "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "dialog" | "popover" | "label" | "tabs" | "accordion" | "collapsible" | "slider" | "toaster" | "textbox" | "datagrid" | "radioButton" | "radioGroup" | "switch" | "combobox" | "dropdown" | "sparkline" | "progressRing" | "gauge" | "miniDonut" | "chartContainer" | "progress.fill" | "menu.dot" | "menu.separator" | "menu.group" | "menu.item" | "menu.indicator" | "menu.check" | "menu.arrow" | "menu.label" | "dialog.title" | "dialog.description" | "tabs.tab" | "tabs.indicator" | "tabs.list" | "tabs.panels" | "tabs.panel" | "accordion.clip" | "accordion.item" | "accordion.arrow" | "accordion.panel" | "accordion.heading" | "accordion.trigger" | "accordion.track" | "collapsible.clip" | "collapsible.panel" | "collapsible.track" | "slider.fill" | "slider.track" | "slider.thumb" | "toaster.overflow" | "toaster.description" | "toaster.toast" | "toaster.message" | "toaster.action" | "toaster.close" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.cell.input" | "datagrid.filter.row" | "datagrid.content" | "datagrid.error" | "datagrid.error.message" | "datagrid.error.retry" | "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.topBar.export" | "datagrid.topBar.export.button" | "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.placeholder" | "datagrid.body.cell.placeholder.bar" | "datagrid.body.cell.error" | "datagrid.body.cell.editor" | "datagrid.body.cell.tree" | "datagrid.body.cell.tree.toggle" | "datagrid.body.cell.tree.spacer" | "datagrid.body.cell.rowDetail" | "datagrid.body.row" | "datagrid.body.detailRow" | "datagrid.body.detailRow.content" | "datagrid.body.groupRow" | "datagrid.body.groupRow.expandButton" | "datagrid.body.groupRow.aggregate" | "datagrid.footer" | "datagrid.footer.cell" | "datagrid.footer.label" | "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" | "radioGroup.label" | "combobox.icon" | "combobox.item" | "combobox.label" | "combobox.message" | "combobox.field" | "combobox.chip" | "combobox.remove" | "combobox.items" | "combobox.window" | "dropdown.icon" | "dropdown.item" | "dropdown.items" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "sparkline.bar" | "sparkline.line" | "sparkline.area" | "progressRing.track" | "progressRing.arc" | "gauge.track" | "gauge.arc" | "miniDonut.segment">;
|
|
39
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { a 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 = _, y = i("section"), b = i("summary"), x = i("time"), S = i("p"), C = i("ul"), w = i("ol"), T = i("li"), E = i("h1"), D = i("h2"), O = i("h3"), k = i("h4"), A = i("h5"), j = i("h6"), M = i("a"), N = i("img");
|
|
16
|
+
//#endregion
|
|
17
|
+
export { s as Article, c as Aside, l as Details, u as Figcaption, d as Figure, f as Footer, E as H1, D as H2, O as H3, k as H4, A as H5, j as H6, p as Header, N as Img, a as Label, T as Li, M as Link, m as Main, h as Mark, v as Menu, _ as MenuList, g as Nav, w as Ol, S as P, y as Section, o as Span, b as Summary, x as Time, C as Ul };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../platform.cjs"),t=require("../box.cjs"),n=require("../behavior.cjs");let r=require("react"),i=require("react/jsx-runtime");var a;(function(e){function t(e){let t=String(Math.abs(e));if(t.includes(`e`))return 12;let n=t.indexOf(`.`);return n===-1?0:t.length-n-1}e.decimals=t;function n(e,t){return Number(e.toFixed(Math.min(t,15)))}function r(e,t,n){return Math.min(Math.max(e,t),n)}e.clamp=r;function i(e,i){let{min:a,max:o,step:s}=i,c=r(e,a,o);return s>0?r(n(a+Math.round((c-a)/s)*s,t(s)+t(a)),a,o):c}e.snap=i;function a(e,t,n){return n<=t?0:(r(e,t,n)-t)*(100/(n-t))}e.percent=a;function o(e,t,n){return`${Math.round(a(e,t,n)*100)/100}%`}e.percentage=o;function s(e){return typeof e==`number`?[e]:[...e]}e.thumbs=s;function c(e,t){return typeof e==`number`?t[0]:[...t]}e.shaped=c;function l(e,t,n,a){let o=t>0?e[t-1]:a.min,s=t<e.length-1?e[t+1]:a.max,c=[...e];return c[t]=r(i(n,a),o,s),c}e.move=l;function u(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}e.same=u;function d(e,t){let n=0,r=1/0;return e.forEach((e,i)=>{let a=Math.abs(e-t);a<=r&&(n=i,r=a)}),n}e.nearest=d;function f(e,t,n,r,i){let a=r===`vertical`?e.height===0?0:(e.bottom-n)/e.height:e.width===0?0:i?(e.right-t)/e.width:(t-e.left)/e.width;return Math.min(Math.max(a,0),1)}e.valueAt=f;function p(e,t=!1){if(e===`Home`)return{kind:`edge`,delta:-1};if(e===`End`)return{kind:`edge`,delta:1};if(e===`PageUp`)return{kind:`page`,delta:1};if(e===`PageDown`)return{kind:`page`,delta:-1};if(e===`ArrowUp`)return{kind:`step`,delta:1};if(e===`ArrowDown`)return{kind:`step`,delta:-1};if(e===`ArrowRight`)return{kind:`step`,delta:t?-1:1};if(e===`ArrowLeft`)return{kind:`step`,delta:t?1:-1}}e.moveFor=p;function m(e,t,n,r){if(t.kind===`edge`)return t.delta>0?n.max:n.min;let i=t.kind===`page`?r:n.step;return e+t.delta*i}e.moved=m})(a||={});var o=a,s=`data-index`;function c(e,t,n){return{min:e,max:t,step:n}}function l(e,t){return t?{insetBlockEnd:e}:{insetInlineStart:e}}function u(e,t,n){let r=e.length>1?Math.min(...e):t.min,i=Math.max(...e),a=o.percent(r,t.min,t.max),s=`${Math.round((o.percent(i,t.min,t.max)-a)*100)/100}%`;return n?{insetBlockEnd:`${Math.round(a*100)/100}%`,blockSize:s}:{insetInlineStart:`${Math.round(a*100)/100}%`,inlineSize:s}}function d(a){let{value:d,defaultValue:f,onValueChange:p,onValueCommit:m,min:h=0,max:g=100,step:_=1,largeStep:v=_*10,orientation:y=`horizontal`,disabled:b=!1,label:x,labelledBy:S,thumbLabels:C,format:w,name:T,props:E,...D}=a,O=(0,r.useRef)(null),k=(0,r.useRef)(null),A=(0,r.useRef)(null),j=(0,r.useRef)(!1),[M,N]=(0,r.useState)(!1),[P,F]=n.i({value:d,defaultValue:f??h,onChange:p}),I=c(h,g,_),L=y===`vertical`,R=o.thumbs(P),z=n.o(P),B=n.a(m),V=n.a((e,t)=>{F(t=>o.same(o.thumbs(t),e)?t:o.shaped(t,e),t)}),H=t=>{let n=k.current;if(!n)return;let r=o.valueAt(n.getBoundingClientRect(),t.clientX,t.clientY,y,e.u(n));return h+r*(g-h)},U=e=>O.current?.querySelectorAll(`[role="slider"]`)[e],W=n.a(e=>{if(b||e.button!==0||e.defaultPrevented)return;let t=H(e);if(t===void 0)return;let n=o.thumbs(z.current),r=o.nearest(n,t);A.current=r,e.preventDefault(),e.currentTarget.setPointerCapture?.(e.pointerId),U(r)?.focus(),V(o.move(n,r,t,I),{reason:`pointer`,event:e})}),G=n.a(e=>{let t=A.current;if(t===null)return;let n=H(e);n!==void 0&&(N(!0),V(o.move(o.thumbs(z.current),t,n,I),{reason:`pointer`,event:e}))}),K=n.a(e=>{A.current!==null&&(A.current=null,N(!1),e.currentTarget.releasePointerCapture?.(e.pointerId),B(z.current,{reason:`pointer`,event:e}))}),q=n.a(t=>{if(b||t.defaultPrevented)return;let n=t.target?.closest(`[role="slider"]`),r=Number(n?.getAttribute(s)??-1);if(!n||r<0)return;let i=o.moveFor(t.key,e.u(n));if(!i)return;t.preventDefault(),j.current=!0,N(!0);let a=o.thumbs(z.current);V(o.move(a,r,o.moved(a[r],i,I,v),I),{reason:`keyboard`,event:t})}),J=n.a(e=>{j.current&&(j.current=!1,N(!1),B(z.current,{reason:`keyboard`,event:e}))}),Y=R.length>1;return(0,i.jsxs)(t.default,{ref:O,component:`slider`,...D,variant:[D.variant,{vertical:L,disabled:b}],props:{role:Y?`group`:void 0,"aria-label":Y?x:void 0,"aria-labelledby":Y?S:void 0,...E,onPointerDown:W,onPointerMove:G,onPointerUp:K,onPointerCancel:K,onKeyDown:q,onKeyUp:J},children:[(0,i.jsx)(t.default,{ref:k,component:`slider.track`,variant:{vertical:L},children:(0,i.jsx)(t.default,{component:`slider.fill`,variant:{vertical:L,tracking:M},style:u(R,I,L)})}),R.map((e,n)=>(0,i.jsx)(t.default,{component:`slider.thumb`,variant:{vertical:L,disabled:b,tracking:M},style:l(o.percentage(e,h,g),L),props:{role:`slider`,tabIndex:b?-1:0,"aria-valuemin":h,"aria-valuemax":g,"aria-valuenow":e,"aria-valuetext":w?.(e),"aria-orientation":y,"aria-label":C?.[n]??(Y?void 0:x),"aria-labelledby":C?.[n]||Y?void 0:S,"aria-disabled":b||void 0,[s]:n}},n)),T!==void 0&&R.map((e,t)=>(0,i.jsx)(`input`,{type:`hidden`,name:T,value:e,readOnly:!0},t))]})}var f=d;f.displayName=`Slider`,exports.default=f;
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { BoxProps } from '../box';
|
|
2
|
+
import { ChangeHandler } from '../react/a11y/useControllableState';
|
|
3
|
+
import { ComponentsAndVariants } from '@box-kite/core/types';
|
|
4
|
+
import { SliderOrientation } from '../utils/slider/sliderUtils';
|
|
5
|
+
export type { SliderOrientation };
|
|
6
|
+
/** What a slider takes and reports: one number, or one per thumb. The shape it is given is the shape it gives back. */
|
|
7
|
+
export type SliderValue = number | number[];
|
|
8
|
+
/** Why the value changed. A drag and the arrow keys want different things from a consumer — a live preview against a request. */
|
|
9
|
+
export type SliderReason = 'pointer' | 'keyboard';
|
|
10
|
+
type SliderBoxProps<TKey extends keyof ComponentsAndVariants> = Omit<BoxProps<'div', TKey>, 'onChange' | 'disabled'>;
|
|
11
|
+
export interface SliderProps<TKey extends keyof ComponentsAndVariants = 'slider', TValue extends SliderValue = number> extends SliderBoxProps<TKey> {
|
|
12
|
+
/** Controlled value. A number is one thumb and an array is one per entry; leave it out and the widget owns it. */
|
|
13
|
+
value?: TValue;
|
|
14
|
+
/** What it starts at, and what decides how many thumbs there are. Default `min`. */
|
|
15
|
+
defaultValue?: TValue;
|
|
16
|
+
/** Fires on every step of a drag and every arrow key, in the shape the value was given in. */
|
|
17
|
+
onValueChange?: ChangeHandler<TValue, SliderReason>;
|
|
18
|
+
/** Fires once when the interaction ends — the place for a request the live value is too noisy for. */
|
|
19
|
+
onValueCommit?: ChangeHandler<TValue, SliderReason>;
|
|
20
|
+
/** The bottom of the range. Default `0`. */
|
|
21
|
+
min?: number;
|
|
22
|
+
/** The top of the range. Default `100`. */
|
|
23
|
+
max?: number;
|
|
24
|
+
/** The grid every value lands on. Default `1`; `0` is a continuous slider. */
|
|
25
|
+
step?: number;
|
|
26
|
+
/** What Page Up and Page Down move by. Default ten steps. */
|
|
27
|
+
largeStep?: number;
|
|
28
|
+
/** Which way the thumbs run. Default `horizontal`, whose arrows follow the reading order. */
|
|
29
|
+
orientation?: SliderOrientation;
|
|
30
|
+
/** Not adjustable, by pointer or by key. It is `aria-disabled`, so the thumb keeps its place in the tab order and stays readable. */
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
/** What the slider is called. On one thumb it names the thumb; on several it names the group around them. */
|
|
33
|
+
label?: string;
|
|
34
|
+
/** The same, naming an element that already says it. */
|
|
35
|
+
labelledBy?: string;
|
|
36
|
+
/** One name per thumb — "Minimum", "Maximum". A range wants them: `label` names the group, not the thumbs. */
|
|
37
|
+
thumbLabels?: readonly string[];
|
|
38
|
+
/** The value as it should be read out, when the number alone is not it: a currency, a date, a rating. */
|
|
39
|
+
format?: (value: number) => string;
|
|
40
|
+
/** What the value submits under. One hidden input per thumb, so a range posts two values of that name. */
|
|
41
|
+
name?: string;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* A value chosen by dragging a thumb along a track.
|
|
45
|
+
* Pattern: https://www.w3.org/WAI/ARIA/apg/patterns/slider/ and .../slider-multithumb/
|
|
46
|
+
*
|
|
47
|
+
* ```tsx
|
|
48
|
+
* <Slider label="Volume" defaultValue={40} onValueChange={(value) => setVolume(value)} />
|
|
49
|
+
* <Slider label="Price" defaultValue={[20, 80]} thumbLabels={['Lowest', 'Highest']} />
|
|
50
|
+
* ```
|
|
51
|
+
*
|
|
52
|
+
* **A number in is a number out.** `defaultValue={40}` makes a one-thumb slider whose `onValueChange`
|
|
53
|
+
* hands back a `number`; `defaultValue={[20, 80]}` makes a range whose handler takes a `number[]`. The
|
|
54
|
+
* number of thumbs is the value's own shape, so there is no second prop saying which kind this is.
|
|
55
|
+
*
|
|
56
|
+
* **This is not `<input type="range">`, and that is the one place the platform loses.** A range input
|
|
57
|
+
* cannot hold two thumbs, and its track and thumb are vendor pseudo-elements (`::-webkit-slider-thumb`)
|
|
58
|
+
* that no typed prop can reach — so a styled one is a rewrite of the parts, at which point the native
|
|
59
|
+
* element is only the keyboard. `name` still submits: a hidden input per thumb, so a form posts the
|
|
60
|
+
* value whether or not JavaScript ran the drag.
|
|
61
|
+
*
|
|
62
|
+
* **The position is an inline style, deliberately.** Everything a slider paints is a shared class except
|
|
63
|
+
* where its thumbs are — that is a per-frame value, and a class for it would be a rule per frame of a
|
|
64
|
+
* drag, never freed. It is the exception `useAnchorPosition`'s anchor name and the travelling tab
|
|
65
|
+
* indicator already take, and the reason a `ProgressRing` can round its fraction into a class where this
|
|
66
|
+
* cannot: nobody drags a ring.
|
|
67
|
+
*
|
|
68
|
+
* **It mirrors for free.** The fill and the thumbs are placed with `inset-inline-start`, so a
|
|
69
|
+
* right-to-left page draws the minimum on the right with no second stylesheet. The half that is not free
|
|
70
|
+
* is the keyboard, which is why the sideways arrows swap and Up and Down never do.
|
|
71
|
+
*
|
|
72
|
+
* **A press travels; a nudge does not.** A press on the track is the one move the eye has to follow, so
|
|
73
|
+
* the thumb animates the whole way. Every other move — a drag, an arrow key, a held arrow — is the
|
|
74
|
+
* `tracking` variant instead: 60ms `ease-out` on both the thumb and the fill, which must both carry it
|
|
75
|
+
* or they come apart (#144). Short rather than *off*, because off is exact and steps — a 1-in-100 slider
|
|
76
|
+
* moves 3.2px at a time on a 320px track. **Eased out rather than linear or eased**: a repeat restarts
|
|
77
|
+
* the transition every 33ms, so only its first half is ever seen, and on this curve that half is the
|
|
78
|
+
* straight part — it glides while the key is held and still decelerates on the last transition, the one
|
|
79
|
+
* allowed to finish. Measured against linear, which rode **1.4 steps** behind the value and stopped at
|
|
80
|
+
* full speed, this rides 0.9 behind and lands at 0.6 of cruising (#146).
|
|
81
|
+
*
|
|
82
|
+
* @pattern https://www.w3.org/WAI/ARIA/apg/patterns/slider/
|
|
83
|
+
* @a11y Each thumb is a `role="slider"` carrying `aria-valuemin`, `aria-valuemax`, `aria-valuenow` and
|
|
84
|
+
* `aria-orientation`; `format` writes `aria-valuetext` for a value a bare number does not read as.
|
|
85
|
+
* @a11y A thumb has to be named, so `label` names the one on a single slider — and on a range it names
|
|
86
|
+
* the `role="group"` around the thumbs, where `thumbLabels` names them one at a time.
|
|
87
|
+
* @a11y `disabled` is `aria-disabled` rather than the attribute: a slider a reader cannot reach is a
|
|
88
|
+
* value they cannot read, and a div takes no `disabled` anyway.
|
|
89
|
+
* @keyboard Tab — Every thumb is its own tab stop, so a range is two of them.
|
|
90
|
+
* @keyboard Right / Up — One step towards the maximum. In a right-to-left page Left is the increase, and
|
|
91
|
+
* Up never changes: the block axis has no reading order.
|
|
92
|
+
* @keyboard Left / Down — One step towards the minimum.
|
|
93
|
+
* @keyboard PageUp / PageDown — `largeStep`, ten steps unless it says otherwise.
|
|
94
|
+
* @keyboard Home / End — The minimum and the maximum themselves, on or off the step grid.
|
|
95
|
+
*/
|
|
96
|
+
declare function SliderImpl<TKey extends keyof ComponentsAndVariants = 'slider', TValue extends SliderValue = number>(props: SliderProps<TKey, TValue>): import("react").JSX.Element;
|
|
97
|
+
declare const Slider: typeof SliderImpl;
|
|
98
|
+
export default Slider;
|