@cronocode/react-box 3.1.6 → 3.1.8
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/BOX_AI_CONTEXT.md +825 -0
- package/components/dataGrid/components/dataGridEmptyColumns.d.ts +1 -0
- package/components/dataGrid/contracts/dataGridContract.d.ts +14 -0
- package/components/dataGrid/models/columnModel.d.ts +10 -0
- package/components/dataGrid/models/gridModel.d.ts +7 -1
- package/components/dataGrid.cjs +1 -1
- package/components/dataGrid.mjs +606 -417
- package/components/dropdown.cjs +1 -1
- package/components/dropdown.mjs +54 -54
- package/components/semantics.d.ts +25 -25
- package/core/boxStyles.d.ts +134 -22
- package/core/extends/boxComponents.d.ts +17 -167
- package/core/theme/theme.d.ts +1 -1
- package/core/variables.d.ts +2 -0
- package/core.cjs +3 -3
- package/core.mjs +570 -582
- package/package.json +6 -5
package/components/dropdown.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("react"),y=require("../box.cjs"),oe=require("../core.cjs"),ne=require("./baseSvg.cjs"),re=require("./button.cjs"),se=require("./checkbox.cjs"),J=require("./flex.cjs"),z=require("./textbox.cjs"),le=require("./tooltip.cjs");function ie(i,r){const{name:k,defaultValue:m,value:x,multiple:c=!1,isSearchable:h,searchPlaceholder:F,children:j,hideIcon:T,showCheckbox:$,onChange:S,props:G,...U}=i,b=U.variant==="compact",[Q,w]=t.useState(Array.isArray(m)?m:m?[m]:[]),p="value"in i?Array.isArray(x)?x:x?[x]:[]:Q,[C,V]=t.useState(""),[a,E,I]=oe.useVisibility(),q=t.useRef(null),L=t.useRef(null),[D,X]=t.useState({top:0,scrollY:0}),N=t.useMemo(()=>D.top-D.scrollY>window.innerHeight/2,[D.top,D.scrollY]),B=t.useMemo(()=>I.current?.getBoundingClientRect(),[I.current]),Z=t.useMemo(()=>N?0:B?.height??0,[N,B]),l=t.useMemo(()=>(Array.isArray(j)?j:[j]).flatMap(e=>e),[j]),K=t.useMemo(()=>l.filter(e=>e.type?.displayName==="DropdownItem"),[l]),d=t.useMemo(()=>K.filter(e=>h&&C?O(e).toLowerCase().includes(C.toLowerCase()):!0),[h,C,l]),v=t.useMemo(()=>l.find(e=>e.type?.displayName==="DropdownUnselect"),[l]),P=t.useMemo(()=>l.find(e=>e.type?.displayName==="DropdownSelectAll"),[l]),_=t.useMemo(()=>l.find(e=>e.type?.displayName==="DropdownEmptyItem"),[l]),A=t.useMemo(()=>l.find(e=>e.type?.displayName==="DropdownDisplay"),[l]),ee=t.useMemo(()=>{if(a&&h)return null;if(A)return typeof A.props.children=="function"?A.props.children(p,a):A.props.children;const e=d.filter(n=>p.includes(n.props.value));if(c&&e.length>1)return e.map(n=>O(n)).join(", ");const s=e.at(0);return s?.props.children??s?.props.value??(c?null:v?.props.children)},[c,d,p,v,a]),R=t.useCallback((e,...s)=>{if(s.length===0)w([]),S?.(void 0,[]);else if(c&&s.length>1){const n=s.map(u=>u.props.value);w(n),S?.(void 0,n)}else if(s.length===1){const n=s[0];if(c){const u=p.filter(M=>M!==n.props.value);u.length===p.length&&u.push(n.props.value),w(u),S?.(n.props.value,u)}else w([n.props.value]),S?.(n.props.value,[n.props.value])}c?(e.stopPropagation(),setTimeout(()=>q.current?.focus(),0)):(E(!1),setTimeout(()=>I.current?.focus(),0))},[c,p,w]);t.useEffect(()=>{a?setTimeout(()=>{q.current?.focus(),L.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({block:"nearest"})},0):V("")},[a]);const W=P&&c&&d.length>p.length,te=v&&d.length>0&&!W;return o.jsxs(re.default,{ref:I,onClick:()=>E(e=>!e),component:"dropdown",props:{tabIndex:0,...G},position:"relative",pr:T?void 0:6,minWidth:a&&h?36:void 0,width:"fit-content",...U,children:[p.map(e=>o.jsx(z.default,{ref:r,name:k,type:"hidden",value:JSON.stringify(e)??""},JSON.stringify(e))),h&&a&&o.jsx(J.default,{ai:"center",position:"absolute",inset:0,p:3,children:o.jsx(z.default,{clean:!0,placeholder:F,value:C,onChange:e=>V(e.target.value),ref:q,color:"currentColor",width:"fit",props:{onClick:e=>{a&&h&&e.stopPropagation()}}})}),ee??" ",!T&&o.jsx(J.default,{component:"dropdown.icon",children:o.jsx(ne.default,{viewBox:"0 0 10 6",width:"0.6rem",rotate:a?180:0,children:o.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 1 4 4 4-4"})})}),o.jsx(y.default,{position:"absolute",inset:0,children:a&&o.jsx(le.default,{ref:L,minWidth:"fit-content",style:{transform:N?"translateY(calc(-100% - 2px))":`translateY(${Z}px)`},onPositionChange:e=>X({top:e.top,scrollY:e.windowScrollY}),children:(d.length>0||_)&&o.jsxs(y.default,{component:"dropdown.items",children:[te&&o.jsx(y.default,{component:"dropdown.unselect",variant:{compact:b},selected:p.length===0,...v.props,props:{...v.props.props,onClick:e=>R(e)}}),W&&o.jsx(y.default,{component:"dropdown.selectAll",variant:{compact:b},...P.props,props:{...P.props.props,onClick:e=>R(e,...K)}}),d.map(e=>{const{value:s,onClick:n,children:u,...M}=e.props,Y=p.includes(s);return o.jsx(y.default,{component:"dropdown.item",variant:{multiple:c,compact:b},selected:Y,...M,children:$&&c?o.jsxs(o.Fragment,{children:[o.jsx(se.default,{readOnly:!0,checked:Y,mr:2}),u]}):u,props:{...M.props,"aria-selected":Y,onClick:H=>{n?.(H),R(H,e)}}},s)}),d.length===0&&_&&o.jsx(y.default,{component:"dropdown.emptyItem",variant:{compact:b},..._.props})]})})})]})}function g(i){const r=k=>null;return r.displayName=i,r}const f=t.forwardRef(ie);f.Item=g("DropdownItem");f.Unselect=g("DropdownUnselect");f.SelectAll=g("DropdownSelectAll");f.EmptyItem=g("DropdownEmptyItem");f.Display=g("DropdownDisplay");f.displayName="Dropdown";function O(i){if(i==null)return"";if(typeof i=="object"){const r=i.props?.children;return r==null?"":typeof r=="object"?(Array.isArray(r)?r:[r]).map(m=>O(m)).join(""):r.toString()}return i.toString()}exports.default=f;
|
package/components/dropdown.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as V, jsx as o, Fragment as se } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as le, useState as R, useRef as _, useMemo as l, useCallback as
|
|
3
|
-
import
|
|
2
|
+
import { forwardRef as le, useState as R, useRef as _, useMemo as l, useCallback as ie, useEffect as pe } from "react";
|
|
3
|
+
import h from "../box.mjs";
|
|
4
4
|
import { b as ce } from "../core.mjs";
|
|
5
5
|
import ae from "./baseSvg.mjs";
|
|
6
6
|
import de from "./button.mjs";
|
|
@@ -8,13 +8,13 @@ import ue from "./checkbox.mjs";
|
|
|
8
8
|
import $ from "./flex.mjs";
|
|
9
9
|
import G from "./textbox.mjs";
|
|
10
10
|
import me from "./tooltip.mjs";
|
|
11
|
-
function fe(
|
|
11
|
+
function fe(i, r) {
|
|
12
12
|
const {
|
|
13
13
|
name: P,
|
|
14
14
|
defaultValue: m,
|
|
15
15
|
value: C,
|
|
16
|
-
multiple:
|
|
17
|
-
isSearchable:
|
|
16
|
+
multiple: p = !1,
|
|
17
|
+
isSearchable: f,
|
|
18
18
|
searchPlaceholder: Q,
|
|
19
19
|
children: S,
|
|
20
20
|
hideIcon: L,
|
|
@@ -22,89 +22,89 @@ function fe(p, r) {
|
|
|
22
22
|
onChange: I,
|
|
23
23
|
props: Z,
|
|
24
24
|
...K
|
|
25
|
-
} =
|
|
25
|
+
} = i, x = K.variant === "compact", [ee, w] = R(Array.isArray(m) ? m : m ? [m] : []), c = "value" in i ? Array.isArray(C) ? C : C ? [C] : [] : ee, [D, W] = R(""), [a, F, b] = ce(), T = _(null), H = _(null), [A, te] = R({ top: 0, scrollY: 0 }), Y = l(
|
|
26
26
|
() => A.top - A.scrollY > window.innerHeight / 2,
|
|
27
27
|
[A.top, A.scrollY]
|
|
28
|
-
),
|
|
28
|
+
), J = l(() => b.current?.getBoundingClientRect(), [b.current]), oe = l(() => Y ? 0 : J?.height ?? 0, [Y, J]), s = l(
|
|
29
29
|
() => (Array.isArray(S) ? S : [S]).flatMap((e) => e),
|
|
30
30
|
[S]
|
|
31
|
-
),
|
|
32
|
-
if (a &&
|
|
31
|
+
), M = l(() => s.filter((e) => e.type?.displayName === "DropdownItem"), [s]), u = l(() => M.filter((e) => f && D ? E(e).toLowerCase().includes(D.toLowerCase()) : !0), [f, D, s]), v = l(() => s.find((e) => e.type?.displayName === "DropdownUnselect"), [s]), j = l(() => s.find((e) => e.type?.displayName === "DropdownSelectAll"), [s]), U = l(() => s.find((e) => e.type?.displayName === "DropdownEmptyItem"), [s]), k = l(() => s.find((e) => e.type?.displayName === "DropdownDisplay"), [s]), re = l(() => {
|
|
32
|
+
if (a && f) return null;
|
|
33
33
|
if (k)
|
|
34
34
|
return typeof k.props.children == "function" ? k.props.children(c, a) : k.props.children;
|
|
35
35
|
const e = u.filter((t) => c.includes(t.props.value));
|
|
36
|
-
if (
|
|
36
|
+
if (p && e.length > 1)
|
|
37
37
|
return e.map((t) => E(t)).join(", ");
|
|
38
38
|
const n = e.at(0);
|
|
39
|
-
return n?.props.children ?? n?.props.value ?? (
|
|
40
|
-
}, [
|
|
39
|
+
return n?.props.children ?? n?.props.value ?? (p ? null : v?.props.children);
|
|
40
|
+
}, [p, u, c, v, a]), B = ie(
|
|
41
41
|
(e, ...n) => {
|
|
42
42
|
if (n.length === 0)
|
|
43
43
|
w([]), I?.(void 0, []);
|
|
44
|
-
else if (
|
|
44
|
+
else if (p && n.length > 1) {
|
|
45
45
|
const t = n.map((d) => d.props.value);
|
|
46
46
|
w(t), I?.(void 0, t);
|
|
47
47
|
} else if (n.length === 1) {
|
|
48
48
|
const t = n[0];
|
|
49
|
-
if (
|
|
49
|
+
if (p) {
|
|
50
50
|
const d = c.filter((N) => N !== t.props.value);
|
|
51
51
|
d.length === c.length && d.push(t.props.value), w(d), I?.(t.props.value, d);
|
|
52
52
|
} else
|
|
53
53
|
w([t.props.value]), I?.(t.props.value, [t.props.value]);
|
|
54
54
|
}
|
|
55
|
-
|
|
55
|
+
p ? (e.stopPropagation(), setTimeout(() => T.current?.focus(), 0)) : (F(!1), setTimeout(() => b.current?.focus(), 0));
|
|
56
56
|
},
|
|
57
|
-
[
|
|
57
|
+
[p, c, w]
|
|
58
58
|
);
|
|
59
|
-
|
|
59
|
+
pe(() => {
|
|
60
60
|
a ? setTimeout(() => {
|
|
61
|
-
T.current?.focus(),
|
|
62
|
-
}, 0) :
|
|
61
|
+
T.current?.focus(), H.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
|
|
62
|
+
}, 0) : W("");
|
|
63
63
|
}, [a]);
|
|
64
|
-
const q = j &&
|
|
64
|
+
const q = j && p && u.length > c.length, ne = v && u.length > 0 && !q;
|
|
65
65
|
return /* @__PURE__ */ V(
|
|
66
66
|
de,
|
|
67
67
|
{
|
|
68
68
|
ref: b,
|
|
69
|
-
onClick: () =>
|
|
69
|
+
onClick: () => F((e) => !e),
|
|
70
70
|
component: "dropdown",
|
|
71
71
|
props: { tabIndex: 0, ...Z },
|
|
72
72
|
position: "relative",
|
|
73
|
-
pr: L ? void 0 :
|
|
73
|
+
pr: L ? void 0 : 6,
|
|
74
|
+
minWidth: a && f ? 36 : void 0,
|
|
75
|
+
width: "fit-content",
|
|
74
76
|
...K,
|
|
75
77
|
children: [
|
|
76
78
|
c.map((e) => /* @__PURE__ */ o(G, { ref: r, name: P, type: "hidden", value: JSON.stringify(e) ?? "" }, JSON.stringify(e))),
|
|
77
|
-
|
|
79
|
+
f && a && /* @__PURE__ */ o($, { ai: "center", position: "absolute", inset: 0, p: 3, children: /* @__PURE__ */ o(
|
|
78
80
|
G,
|
|
79
81
|
{
|
|
80
82
|
clean: !0,
|
|
81
83
|
placeholder: Q,
|
|
82
84
|
value: D,
|
|
83
|
-
onChange: (e) =>
|
|
85
|
+
onChange: (e) => W(e.target.value),
|
|
84
86
|
ref: T,
|
|
85
87
|
color: "currentColor",
|
|
86
88
|
width: "fit",
|
|
87
89
|
props: {
|
|
88
90
|
onClick: (e) => {
|
|
89
|
-
a &&
|
|
91
|
+
a && f && e.stopPropagation();
|
|
90
92
|
}
|
|
91
93
|
}
|
|
92
94
|
}
|
|
93
95
|
) }),
|
|
94
|
-
" ",
|
|
95
|
-
re,
|
|
96
|
-
" ",
|
|
96
|
+
re ?? " ",
|
|
97
97
|
!L && /* @__PURE__ */ o($, { component: "dropdown.icon", children: /* @__PURE__ */ o(ae, { viewBox: "0 0 10 6", width: "0.6rem", rotate: a ? 180 : 0, children: /* @__PURE__ */ o("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "m1 1 4 4 4-4" }) }) }),
|
|
98
|
-
/* @__PURE__ */ o(
|
|
98
|
+
/* @__PURE__ */ o(h, { position: "absolute", inset: 0, children: a && /* @__PURE__ */ o(
|
|
99
99
|
me,
|
|
100
100
|
{
|
|
101
|
-
ref:
|
|
101
|
+
ref: H,
|
|
102
102
|
minWidth: "fit-content",
|
|
103
103
|
style: { transform: Y ? "translateY(calc(-100% - 2px))" : `translateY(${oe}px)` },
|
|
104
104
|
onPositionChange: (e) => te({ top: e.top, scrollY: e.windowScrollY }),
|
|
105
|
-
children: (u.length > 0 || U) && /* @__PURE__ */ V(
|
|
105
|
+
children: (u.length > 0 || U) && /* @__PURE__ */ V(h, { component: "dropdown.items", children: [
|
|
106
106
|
ne && /* @__PURE__ */ o(
|
|
107
|
-
|
|
107
|
+
h,
|
|
108
108
|
{
|
|
109
109
|
component: "dropdown.unselect",
|
|
110
110
|
variant: { compact: x },
|
|
@@ -114,25 +114,25 @@ function fe(p, r) {
|
|
|
114
114
|
}
|
|
115
115
|
),
|
|
116
116
|
q && /* @__PURE__ */ o(
|
|
117
|
-
|
|
117
|
+
h,
|
|
118
118
|
{
|
|
119
119
|
component: "dropdown.selectAll",
|
|
120
120
|
variant: { compact: x },
|
|
121
121
|
...j.props,
|
|
122
|
-
props: { ...j.props.props, onClick: (e) => B(e, ...
|
|
122
|
+
props: { ...j.props.props, onClick: (e) => B(e, ...M) }
|
|
123
123
|
}
|
|
124
124
|
),
|
|
125
125
|
u.map((e) => {
|
|
126
126
|
const { value: n, onClick: t, children: d, ...N } = e.props, O = c.includes(n);
|
|
127
127
|
return /* @__PURE__ */ o(
|
|
128
|
-
|
|
128
|
+
h,
|
|
129
129
|
{
|
|
130
130
|
component: "dropdown.item",
|
|
131
|
-
variant: { multiple:
|
|
131
|
+
variant: { multiple: p, compact: x },
|
|
132
132
|
selected: O,
|
|
133
133
|
...N,
|
|
134
|
-
children: X &&
|
|
135
|
-
/* @__PURE__ */ o(ue, { readOnly: !0, checked: O }),
|
|
134
|
+
children: X && p ? /* @__PURE__ */ V(se, { children: [
|
|
135
|
+
/* @__PURE__ */ o(ue, { readOnly: !0, checked: O, mr: 2 }),
|
|
136
136
|
d
|
|
137
137
|
] }) : d,
|
|
138
138
|
props: {
|
|
@@ -146,7 +146,7 @@ function fe(p, r) {
|
|
|
146
146
|
n
|
|
147
147
|
);
|
|
148
148
|
}),
|
|
149
|
-
u.length === 0 && U && /* @__PURE__ */ o(
|
|
149
|
+
u.length === 0 && U && /* @__PURE__ */ o(h, { component: "dropdown.emptyItem", variant: { compact: x }, ...U.props })
|
|
150
150
|
] })
|
|
151
151
|
}
|
|
152
152
|
) })
|
|
@@ -154,25 +154,25 @@ function fe(p, r) {
|
|
|
154
154
|
}
|
|
155
155
|
);
|
|
156
156
|
}
|
|
157
|
-
function g(
|
|
157
|
+
function g(i) {
|
|
158
158
|
const r = (P) => null;
|
|
159
|
-
return r.displayName =
|
|
159
|
+
return r.displayName = i, r;
|
|
160
160
|
}
|
|
161
|
-
const
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
function E(
|
|
169
|
-
if (
|
|
170
|
-
if (typeof
|
|
171
|
-
const r =
|
|
161
|
+
const y = le(fe);
|
|
162
|
+
y.Item = g("DropdownItem");
|
|
163
|
+
y.Unselect = g("DropdownUnselect");
|
|
164
|
+
y.SelectAll = g("DropdownSelectAll");
|
|
165
|
+
y.EmptyItem = g("DropdownEmptyItem");
|
|
166
|
+
y.Display = g("DropdownDisplay");
|
|
167
|
+
y.displayName = "Dropdown";
|
|
168
|
+
function E(i) {
|
|
169
|
+
if (i == null) return "";
|
|
170
|
+
if (typeof i == "object") {
|
|
171
|
+
const r = i.props?.children;
|
|
172
172
|
return r == null ? "" : typeof r == "object" ? (Array.isArray(r) ? r : [r]).map((m) => E(m)).join("") : r.toString();
|
|
173
173
|
}
|
|
174
|
-
return
|
|
174
|
+
return i.toString();
|
|
175
175
|
}
|
|
176
176
|
export {
|
|
177
|
-
|
|
177
|
+
y as default
|
|
178
178
|
};
|
|
@@ -3,29 +3,29 @@ import { BoxProps } from '../box';
|
|
|
3
3
|
import { ExtractElementFromTag } from '../core/coreTypes';
|
|
4
4
|
import { ComponentsAndVariants } from '../types';
|
|
5
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" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
7
|
-
export declare const Span: SemanticComponentType<"span", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
8
|
-
export declare const Article: SemanticComponentType<"article", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
9
|
-
export declare const Aside: SemanticComponentType<"aside", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
10
|
-
export declare const Details: SemanticComponentType<"details", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
11
|
-
export declare const Figcaption: SemanticComponentType<"figcaption", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
12
|
-
export declare const Figure: SemanticComponentType<"figure", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
13
|
-
export declare const Footer: SemanticComponentType<"footer", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
14
|
-
export declare const Header: SemanticComponentType<"header", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
15
|
-
export declare const Main: SemanticComponentType<"main", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
16
|
-
export declare const Mark: SemanticComponentType<"mark", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
17
|
-
export declare const Nav: SemanticComponentType<"nav", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
18
|
-
export declare const Menu: SemanticComponentType<"menu", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
19
|
-
export declare const Section: SemanticComponentType<"section", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
20
|
-
export declare const Summary: SemanticComponentType<"summary", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
21
|
-
export declare const Time: SemanticComponentType<"time", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
22
|
-
export declare const P: SemanticComponentType<"p", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
23
|
-
export declare const H1: SemanticComponentType<"h1", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
24
|
-
export declare const H2: SemanticComponentType<"h2", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
25
|
-
export declare const H3: SemanticComponentType<"h3", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
26
|
-
export declare const H4: SemanticComponentType<"h4", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
27
|
-
export declare const H5: SemanticComponentType<"h5", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
28
|
-
export declare const H6: SemanticComponentType<"h6", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
29
|
-
export declare const Link: SemanticComponentType<"a", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
30
|
-
export declare const Img: SemanticComponentType<"img", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.
|
|
6
|
+
export declare const Label: SemanticComponentType<"label", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
7
|
+
export declare const Span: SemanticComponentType<"span", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
8
|
+
export declare const Article: SemanticComponentType<"article", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
9
|
+
export declare const Aside: SemanticComponentType<"aside", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
10
|
+
export declare const Details: SemanticComponentType<"details", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
11
|
+
export declare const Figcaption: SemanticComponentType<"figcaption", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
12
|
+
export declare const Figure: SemanticComponentType<"figure", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
13
|
+
export declare const Footer: SemanticComponentType<"footer", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
14
|
+
export declare const Header: SemanticComponentType<"header", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
15
|
+
export declare const Main: SemanticComponentType<"main", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
16
|
+
export declare const Mark: SemanticComponentType<"mark", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
17
|
+
export declare const Nav: SemanticComponentType<"nav", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
18
|
+
export declare const Menu: SemanticComponentType<"menu", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
19
|
+
export declare const Section: SemanticComponentType<"section", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
20
|
+
export declare const Summary: SemanticComponentType<"summary", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
21
|
+
export declare const Time: SemanticComponentType<"time", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
22
|
+
export declare const P: SemanticComponentType<"p", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
23
|
+
export declare const H1: SemanticComponentType<"h1", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
24
|
+
export declare const H2: SemanticComponentType<"h2", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
25
|
+
export declare const H3: SemanticComponentType<"h3", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
26
|
+
export declare const H4: SemanticComponentType<"h4", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
27
|
+
export declare const H5: SemanticComponentType<"h5", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
28
|
+
export declare const H6: SemanticComponentType<"h6", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
29
|
+
export declare const Link: SemanticComponentType<"a", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
30
|
+
export declare const Img: SemanticComponentType<"img", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.filter" | "datagrid.filter.cell" | "datagrid.filter.row" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "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.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.globalFilter" | "datagrid.topBar.globalFilter.stats" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem" | "dropdown.icon">;
|
|
31
31
|
export {};
|