@cronocode/react-box 3.1.2 → 3.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/dataGrid/components/dataGridCell.d.ts +1 -1
- package/components/dataGrid/contracts/dataGridContract.d.ts +3 -0
- package/components/dataGrid/models/gridModel.d.ts +1 -0
- package/components/dataGrid/models/groupRowModel.d.ts +2 -0
- package/components/dataGrid.cjs +1 -1
- package/components/dataGrid.mjs +307 -285
- package/components/semantics.d.ts +25 -25
- package/core/boxStyles.d.ts +1 -0
- package/core/extends/boxComponents.d.ts +40 -32
- package/core.cjs +4 -4
- package/core.mjs +159 -152
- package/package.json +1 -1
- package/types.d.ts +1 -1
|
@@ -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.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
7
|
-
export declare const Span: SemanticComponentType<"span", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
8
|
-
export declare const Article: SemanticComponentType<"article", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
9
|
-
export declare const Aside: SemanticComponentType<"aside", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
10
|
-
export declare const Details: SemanticComponentType<"details", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
11
|
-
export declare const Figcaption: SemanticComponentType<"figcaption", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
12
|
-
export declare const Figure: SemanticComponentType<"figure", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
13
|
-
export declare const Footer: SemanticComponentType<"footer", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
14
|
-
export declare const Header: SemanticComponentType<"header", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
15
|
-
export declare const Main: SemanticComponentType<"main", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
16
|
-
export declare const Mark: SemanticComponentType<"mark", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
17
|
-
export declare const Nav: SemanticComponentType<"nav", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
18
|
-
export declare const Menu: SemanticComponentType<"menu", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
19
|
-
export declare const Section: SemanticComponentType<"section", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
20
|
-
export declare const Summary: SemanticComponentType<"summary", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
21
|
-
export declare const Time: SemanticComponentType<"time", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
22
|
-
export declare const P: SemanticComponentType<"p", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
23
|
-
export declare const H1: SemanticComponentType<"h1", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
24
|
-
export declare const H2: SemanticComponentType<"h2", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
25
|
-
export declare const H3: SemanticComponentType<"h3", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
26
|
-
export declare const H4: SemanticComponentType<"h4", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
27
|
-
export declare const H5: SemanticComponentType<"h5", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
28
|
-
export declare const H6: SemanticComponentType<"h6", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
29
|
-
export declare const Link: SemanticComponentType<"a", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
30
|
-
export declare const Img: SemanticComponentType<"img", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.
|
|
6
|
+
export declare const Label: SemanticComponentType<"label", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
7
|
+
export declare const Span: SemanticComponentType<"span", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
8
|
+
export declare const Article: SemanticComponentType<"article", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
9
|
+
export declare const Aside: SemanticComponentType<"aside", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
10
|
+
export declare const Details: SemanticComponentType<"details", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
11
|
+
export declare const Figcaption: SemanticComponentType<"figcaption", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
12
|
+
export declare const Figure: SemanticComponentType<"figure", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
13
|
+
export declare const Footer: SemanticComponentType<"footer", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
14
|
+
export declare const Header: SemanticComponentType<"header", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
15
|
+
export declare const Main: SemanticComponentType<"main", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
16
|
+
export declare const Mark: SemanticComponentType<"mark", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
17
|
+
export declare const Nav: SemanticComponentType<"nav", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
18
|
+
export declare const Menu: SemanticComponentType<"menu", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
19
|
+
export declare const Section: SemanticComponentType<"section", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
20
|
+
export declare const Summary: SemanticComponentType<"summary", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
21
|
+
export declare const Time: SemanticComponentType<"time", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
22
|
+
export declare const P: SemanticComponentType<"p", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
23
|
+
export declare const H1: SemanticComponentType<"h1", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
24
|
+
export declare const H2: SemanticComponentType<"h2", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
25
|
+
export declare const H3: SemanticComponentType<"h3", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
26
|
+
export declare const H4: SemanticComponentType<"h4", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
27
|
+
export declare const H5: SemanticComponentType<"h5", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
28
|
+
export declare const H6: SemanticComponentType<"h6", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
29
|
+
export declare const Link: SemanticComponentType<"a", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
30
|
+
export declare const Img: SemanticComponentType<"img", "button" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "span" | "textarea" | "checkbox" | "textbox" | "datagrid" | "radioButton" | "dropdown" | "datagrid.body" | "datagrid.body.cell" | "datagrid.header" | "datagrid.header.cell" | "datagrid.header.cell.contextMenu" | "datagrid.header.cell.contextMenu.tooltip" | "datagrid.header.cell.contextMenu.tooltip.item" | "datagrid.header.cell.contextMenu.tooltip.item.icon" | "datagrid.header.cell.contextMenu.icon" | "datagrid.header.cell.resizer" | "datagrid.topBar" | "datagrid.topBar.contextMenu" | "datagrid.topBar.contextMenu.tooltip" | "datagrid.topBar.contextMenu.tooltip.item" | "datagrid.topBar.columnGroups" | "datagrid.topBar.columnGroups.item" | "datagrid.topBar.columnGroups.item.icon" | "datagrid.topBar.columnGroups.icon" | "datagrid.topBar.columnGroups.separator" | "datagrid.bottomBar" | "dropdown.display" | "dropdown.items" | "dropdown.item" | "dropdown.unselect" | "dropdown.selectAll" | "dropdown.emptyItem">;
|
|
31
31
|
export {};
|
package/core/boxStyles.d.ts
CHANGED
|
@@ -484,8 +484,6 @@ declare const boxComponents: {
|
|
|
484
484
|
transition: "none";
|
|
485
485
|
};
|
|
486
486
|
variants: {
|
|
487
|
-
isRowNumber: {};
|
|
488
|
-
isRowSelection: {};
|
|
489
487
|
isPinned: {
|
|
490
488
|
position: "sticky";
|
|
491
489
|
zIndex: 2;
|
|
@@ -502,6 +500,11 @@ declare const boxComponents: {
|
|
|
502
500
|
isSortable: {
|
|
503
501
|
cursor: "pointer";
|
|
504
502
|
};
|
|
503
|
+
isRowSelected: {};
|
|
504
|
+
isRowSelection: {};
|
|
505
|
+
isRowNumber: {
|
|
506
|
+
jc: "center";
|
|
507
|
+
};
|
|
505
508
|
};
|
|
506
509
|
children: {
|
|
507
510
|
contextMenu: {
|
|
@@ -517,7 +520,6 @@ declare const boxComponents: {
|
|
|
517
520
|
jc: "center";
|
|
518
521
|
ai: "center";
|
|
519
522
|
transition: "none";
|
|
520
|
-
bgColor: "gray-200";
|
|
521
523
|
hover: {
|
|
522
524
|
bgColor: "gray-300";
|
|
523
525
|
};
|
|
@@ -587,38 +589,44 @@ declare const boxComponents: {
|
|
|
587
589
|
};
|
|
588
590
|
};
|
|
589
591
|
};
|
|
590
|
-
|
|
591
|
-
styles: {
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
592
|
+
body: {
|
|
593
|
+
styles: {};
|
|
594
|
+
children: {
|
|
595
|
+
cell: {
|
|
596
|
+
styles: {
|
|
597
|
+
bb: number;
|
|
598
|
+
borderColor: "gray-400";
|
|
599
|
+
transition: "none";
|
|
600
|
+
ai: "center";
|
|
601
|
+
hoverGroup: {
|
|
602
|
+
'grid-row': {
|
|
603
|
+
bgColor: "gray-200";
|
|
604
|
+
};
|
|
605
|
+
};
|
|
606
|
+
};
|
|
607
|
+
variants: {
|
|
608
|
+
isPinned: {
|
|
609
|
+
position: "sticky";
|
|
610
|
+
bgColor: "gray-100";
|
|
611
|
+
zIndex: 1;
|
|
612
|
+
};
|
|
613
|
+
isFirstLeftPinned: {};
|
|
614
|
+
isLastLeftPinned: {
|
|
615
|
+
br: number;
|
|
616
|
+
};
|
|
617
|
+
isFirstRightPinned: {
|
|
618
|
+
bl: number;
|
|
619
|
+
};
|
|
620
|
+
isLastRightPinned: {};
|
|
621
|
+
isRowNumber: {
|
|
622
|
+
bgColor: "gray-200";
|
|
623
|
+
jc: "right";
|
|
624
|
+
};
|
|
625
|
+
isRowSelection: {};
|
|
626
|
+
isRowSelected: {};
|
|
599
627
|
};
|
|
600
628
|
};
|
|
601
629
|
};
|
|
602
|
-
variants: {
|
|
603
|
-
isRowNumber: {
|
|
604
|
-
bgColor: "gray-200";
|
|
605
|
-
jc: "right";
|
|
606
|
-
};
|
|
607
|
-
isRowSelection: {};
|
|
608
|
-
isPinned: {
|
|
609
|
-
position: "sticky";
|
|
610
|
-
bgColor: "gray-100";
|
|
611
|
-
zIndex: 1;
|
|
612
|
-
};
|
|
613
|
-
isFirstLeftPinned: {};
|
|
614
|
-
isLastLeftPinned: {
|
|
615
|
-
br: number;
|
|
616
|
-
};
|
|
617
|
-
isFirstRightPinned: {
|
|
618
|
-
bl: number;
|
|
619
|
-
};
|
|
620
|
-
isLastRightPinned: {};
|
|
621
|
-
};
|
|
622
630
|
};
|
|
623
631
|
bottomBar: {
|
|
624
632
|
styles: {
|
package/core.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";const h=require("react/jsx-runtime"),x=require("react"),ve=require("./box.cjs"),I=require("./components/baseSvg.cjs");function Q(...e){return e.reduce((t,r)=>r?typeof r=="string"?(t.push(r),t):Array.isArray(r)?(t.push(...Q(...r)),t):(Object.entries(r).forEach(([a,i])=>{i&&t.push(a)}),t):t,[])}const G=4;var o;(e=>{(t=>{function r(i,n){return`${i}${n.replace("/","-")}`}t.fraction=r;function a(i){return[`${i} path`,`${i} circle`,`${i} rect`,`${i} line`]}t.svg=a})(e.ClassName||(e.ClassName={})),(t=>{function r(v,c,f=G){return`${v/f}rem`}t.rem=r;function a(v){return`${v}px`}t.px=a;function i(v){const[c,f]=v.split("/");return`${+c/+f*100}%`}t.fraction=i;function n(v,c){switch(c){case"fit":return"100%";case"fit-screen":return v.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return c}}t.widthHeight=n;function u(v){return(c,f)=>`var(--${v}${f});`}t.variables=u;function s(v){return(c,f)=>`var(--${v}${f});`}t.svgVariables=s;function d(v,c){return`repeat(${c},minmax(0,1fr))`}t.gridColumns=d;function b(v,c){return c==="full-row"?"1/-1":`span ${c}/span ${c}`}t.gridColumn=b;function l(v,c){return`${c}ms`}t.ms=l;function g(v,c){return`${c}deg`}t.rotate=g;function p(v,c){return c==="xAxis"?"-1 1":"1 -1"}t.flip=p})(e.Value||(e.Value={}))})(o||(o={}));var q;(e=>{e.colors={currentColor:"currentColor",transparent:"transparent",green:"green",red:"red",blue:"blue",gray:"gray",black:"#000",white:"#fff","slate-50":"#f8fafc","slate-100":"#f1f5f9","slate-200":"#e2e8f0","slate-300":"#cbd5e1","slate-400":"#94a3b8","slate-500":"#64748b","slate-600":"#475569","slate-700":"#334155","slate-800":"#1e293b","slate-900":"#0f172a","slate-950":"#020617","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","gray-950":"#030712","zinc-50":"#fafafa","zinc-100":"#f4f4f5","zinc-200":"#e4e4e7","zinc-300":"#d4d4d8","zinc-400":"#a1a1aa","zinc-500":"#71717a","zinc-600":"#52525b","zinc-700":"#3f3f46","zinc-800":"#27272a","zinc-900":"#18181b","zinc-950":"#09090b","neutral-50":"#fafafa","neutral-100":"#f5f5f5","neutral-200":"#e5e5e5","neutral-300":"#d4d4d4","neutral-400":"#a3a3a3","neutral-500":"#737373","neutral-600":"#525252","neutral-700":"#404040","neutral-800":"#262626","neutral-900":"#171717","neutral-950":"#0a0a0a","stone-50":"#fafaf9","stone-100":"#f5f5f4","stone-200":"#e7e5e4","stone-300":"#d6d3d1","stone-400":"#a8a29e","stone-500":"#78716c","stone-600":"#57534e","stone-700":"#44403c","stone-800":"#292524","stone-900":"#1c1917","stone-950":"#0c0a09","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","red-950":"#450a0a","orange-50":"#fff7ed","orange-100":"#ffedd5","orange-200":"#fed7aa","orange-300":"#fdba74","orange-400":"#fb923c","orange-500":"#f97316","orange-600":"#ea580c","orange-700":"#c2410c","orange-800":"#9a3412","orange-900":"#7c2d12","orange-950":"#431407","amber-50":"#fffbeb","amber-100":"#fef3c7","amber-200":"#fde68a","amber-300":"#fcd34d","amber-400":"#fbbf24","amber-500":"#f59e0b","amber-600":"#d97706","amber-700":"#b45309","amber-800":"#92400e","amber-900":"#78350f","amber-950":"#451a03","yellow-50":"#fefce8","yellow-100":"#fef9c3","yellow-200":"#fef08a","yellow-300":"#fde047","yellow-400":"#facc15","yellow-500":"#eab308","yellow-600":"#ca8a04","yellow-700":"#a16207","yellow-800":"#854d0e","yellow-900":"#713f12","yellow-950":"#422006","lime-50":"#f7fee7","lime-100":"#ecfccb","lime-200":"#d9f99d","lime-300":"#bef264","lime-400":"#a3e635","lime-500":"#84cc16","lime-600":"#65a30d","lime-700":"#4d7c0f","lime-800":"#3f6212","lime-900":"#365314","lime-950":"#1a2e05","green-50":"#f0fdf4","green-100":"#dcfce7","green-200":"#bbf7d0","green-300":"#86efac","green-400":"#4ade80","green-500":"#22c55e","green-600":"#16a34a","green-700":"#15803d","green-800":"#166534","green-900":"#14532d","green-950":"#052e16","emerald-50":"#ecfdf5","emerald-100":"#d1fae5","emerald-200":"#a7f3d0","emerald-300":"#6ee7b7","emerald-400":"#34d399","emerald-500":"#10b981","emerald-600":"#059669","emerald-700":"#047857","emerald-800":"#065f46","emerald-900":"#064e3b","emerald-950":"#022c22","teal-50":"#f0fdfa","teal-100":"#ccfbf1","teal-200":"#99f6e4","teal-300":"#5eead4","teal-400":"#2dd4bf","teal-500":"#14b8a6","teal-600":"#0d9488","teal-700":"#0f766e","teal-800":"#115e59","teal-900":"#134e4a","teal-950":"#042f2e","cyan-50":"#ecfeff","cyan-100":"#cffafe","cyan-200":"#a5f3fc","cyan-300":"#67e8f9","cyan-400":"#22d3ee","cyan-500":"#06b6d4","cyan-600":"#0891b2","cyan-700":"#0e7490","cyan-800":"#155e75","cyan-900":"#164e63","cyan-950":"#083344","sky-50":"#f0f9ff","sky-100":"#e0f2fe","sky-200":"#bae6fd","sky-300":"#7dd3fc","sky-400":"#38bdf8","sky-500":"#0ea5e9","sky-600":"#0284c7","sky-700":"#0369a1","sky-800":"#075985","sky-900":"#0c4a6e","sky-950":"#082f49","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","blue-950":"#172554","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","indigo-950":"#1e1b4b","violet-50":"#f5f3ff","violet-100":"#ede9fe","violet-200":"#ddd6fe","violet-300":"#c4b5fd","violet-400":"#a78bfa","violet-500":"#8b5cf6","violet-600":"#7c3aed","violet-700":"#6d28d9","violet-800":"#5b21b6","violet-900":"#4c1d95","violet-950":"#2e1065",vi:"#7949FF","purple-50":"#faf5ff","purple-100":"#f3e8ff","purple-200":"#e9d5ff","purple-300":"#d8b4fe","purple-400":"#c084fc","purple-500":"#a855f7","purple-600":"#9333ea","purple-700":"#7e22ce","purple-800":"#6b21a8","purple-900":"#581c87","purple-950":"#3b0764","fuchsia-50":"#fdf4ff","fuchsia-100":"#fae8ff","fuchsia-200":"#f5d0fe","fuchsia-300":"#f0abfc","fuchsia-400":"#e879f9","fuchsia-500":"#d946ef","fuchsia-600":"#c026d3","fuchsia-700":"#a21caf","fuchsia-800":"#86198f","fuchsia-900":"#701a75","fuchsia-950":"#4a044e","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843","pink-950":"#500724","rose-50":"#fff1f2","rose-100":"#ffe4e6","rose-200":"#fecdd3","rose-300":"#fda4af","rose-400":"#fb7185","rose-500":"#f43f5e","rose-600":"#e11d48","rose-700":"#be123c","rose-800":"#9f1239","rose-900":"#881337","rose-950":"#4c0519"},e.percentages=["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"];const t={inherit:"inherit",none:"none","bg-img-checked":`url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><path fill='none' stroke='#FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/></svg>")}")`,"bg-img-indeterminate":`url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><line stroke='${e.colors["violet-400"]}' x1='4' y1='10' x2='16' y2='10' stroke-width='1' /></svg>`)}")`,"bg-img-radio":`url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><circle fill='#FFF' cx='10' cy='10' r='5'/></svg>")}")`,"small-shadow":"rgba(0, 0, 0, 0.16) 0px 1px 4px","medium-shadow":"rgba(0, 0, 0, 0.24) 0px 3px 8px","large-shadow":"rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px"},r={};let a={};function i(s){return s in a?r[s]=a[s]:s in t?r[s]=t[s]:s in e.colors?r[s]=e.colors[s]:r[s]=s,`var(--${s})`}e.getVariableValue=i;function n(){return Object.entries(r).map(([s,d])=>`--${s}: ${d};`).join("")}e.generateVariables=n;function u(s){a=s}e.setUserVariables=u})(q||(q={}));const y=q,A={appearance:[{values:["none","auto","menulist-button","textfield","button","checkbox"]}],b:[{values:0,styleName:"border-width",valueFormat:o.Value.px}],bx:[{values:0,styleName:"border-inline-width",valueFormat:o.Value.px}],by:[{values:0,styleName:"border-block-width",valueFormat:o.Value.px}],bt:[{values:0,styleName:"border-top-width",valueFormat:o.Value.px}],br:[{values:0,styleName:"border-right-width",valueFormat:o.Value.px}],bb:[{values:0,styleName:"border-bottom-width",valueFormat:o.Value.px}],bl:[{values:0,styleName:"border-left-width",valueFormat:o.Value.px}],borderStyle:[{styleName:"border-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],borderRadius:[{styleName:"border-radius",values:0,valueFormat:o.Value.rem}],borderRadiusTop:[{values:0,styleName:["border-top-left-radius","border-top-right-radius"],valueFormat:o.Value.rem}],borderRadiusRight:[{values:0,styleName:["border-top-right-radius","border-bottom-right-radius"],valueFormat:o.Value.rem}],borderRadiusBottom:[{values:0,styleName:["border-bottom-left-radius","border-bottom-right-radius"],valueFormat:o.Value.rem}],borderRadiusLeft:[{values:0,styleName:["border-top-left-radius","border-bottom-left-radius"],valueFormat:o.Value.rem}],borderRadiusTopLeft:[{values:0,styleName:"border-top-left-radius",valueFormat:o.Value.rem}],borderRadiusTopRight:[{values:0,styleName:"border-top-right-radius",valueFormat:o.Value.rem}],borderRadiusBottomRight:[{values:0,styleName:"border-bottom-right-radius",valueFormat:o.Value.rem}],borderRadiusBottomLeft:[{values:0,styleName:"border-bottom-left-radius",valueFormat:o.Value.rem}],position:[{values:["static","relative","absolute","fixed","sticky"]}],top:[{values:0,valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],right:[{values:0,valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],bottom:[{values:0,valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],left:[{values:0,valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],inset:[{values:0,valueFormat:o.Value.rem}],boxSizing:[{values:["border-box","content-box"],styleName:"box-sizing"}],contentVisibility:[{values:["visible","hidden"],styleName:"content-visibility"}],cursor:[{values:["auto","default","none","context-menu","help","pointer","progress","wait","cell","crosshair","text","vertical-text","alias","copy","move","no-drop","not-allowed","e-resize","n-resize","ne-resize","nw-resize","s-resize","se-resize","sw-resize","w-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","col-resize","row-resize","all-scroll","zoom-in","zoom-out","grab","grabbing"]}],display:[{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]}],inline:[{values:[!0],styleName:"display",valueFormat:()=>"inline-block"}],jc:[{styleName:"justify-content",values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]}],ai:[{styleName:"align-items",values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]}],placeContent:[{styleName:"place-content",values:["start","end","flex-start","flex-end","center","space-between","space-around","space-evenly","stretch"]}],alignContent:[{styleName:"align-content",values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]}],flex1:[{styleName:"flex",values:[!0],valueFormat:()=>"1"}],d:[{styleName:"flex-direction",values:["row","row-reverse","column","column-reverse"]}],flexWrap:[{styleName:"flex-wrap",values:["nowrap","wrap","wrap-reverse"]}],flexGrow:[{styleName:"flex-grow",values:0}],flexShrink:[{styleName:"flex-shrink",values:0}],alignSelf:[{styleName:"align-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],justifySelf:[{styleName:"justify-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],fontSize:[{styleName:"font-size",values:0,valueFormat:e=>o.Value.rem(e,void 0,16)},{styleName:"font-size",values:["inherit"]}],fontStyle:[{styleName:"font-style",values:["italic","normal","oblique"]}],fontWeight:[{styleName:"font-weight",values:[100,200,300,400,500,600,700,800,900]}],gap:[{values:0,valueFormat:o.Value.rem}],rowGap:[{styleName:"row-gap",values:0,valueFormat:o.Value.rem}],columnGap:[{styleName:"column-gap",values:0,valueFormat:o.Value.rem}],order:[{styleName:"order",values:0}],height:[{values:0,valueFormat:o.Value.rem},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vh"},{values:y.percentages,valueFormat:o.Value.fraction},{values:["auto","fit-content","max-content","min-content"]}],minHeight:[{styleName:"min-height",values:0,valueFormat:o.Value.rem},{styleName:"min-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"min-height",values:y.percentages,valueFormat:o.Value.fraction},{styleName:"min-height",values:["auto","fit-content","max-content","min-content"]}],maxHeight:[{styleName:"max-height",values:0,valueFormat:o.Value.rem},{styleName:"max-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"max-height",values:y.percentages,valueFormat:o.Value.fraction},{styleName:"max-height",values:["auto","fit-content","max-content","min-content"]}],width:[{values:0,valueFormat:o.Value.rem},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vw"},{values:y.percentages,valueFormat:o.Value.fraction},{values:["auto","fit-content","max-content","min-content"]}],minWidth:[{styleName:"min-width",values:0,valueFormat:o.Value.rem},{styleName:"min-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"min-width",values:y.percentages,valueFormat:o.Value.fraction},{styleName:"min-width",values:["auto","fit-content","max-content","min-content"]}],maxWidth:[{styleName:"max-width",values:0,valueFormat:o.Value.rem},{styleName:"max-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"max-width",values:y.percentages,valueFormat:o.Value.fraction},{styleName:"max-width",values:["auto","fit-content","max-content","min-content"]}],letterSpacing:[{styleName:"letter-spacing",values:0,valueFormat:o.Value.px}],lineHeight:[{styleName:"line-height",values:0,valueFormat:o.Value.px},{styleName:"line-height",values:["font-size"],valueFormat:()=>"1"}],listStyle:[{styleName:"list-style",values:["square","inside","outside","none"]}],m:[{values:0,styleName:"margin",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin"},{values:y.percentages,valueFormat:o.Value.fraction}],mx:[{values:0,styleName:"margin-inline",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-inline"},{values:y.percentages,valueFormat:o.Value.fraction}],my:[{values:0,styleName:"margin-block",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-block"},{values:y.percentages,valueFormat:o.Value.fraction}],mt:[{values:0,styleName:"margin-top",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-top"},{values:y.percentages,valueFormat:o.Value.fraction}],mr:[{values:0,styleName:"margin-right",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-right"},{values:y.percentages,valueFormat:o.Value.fraction}],mb:[{values:0,styleName:"margin-bottom",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-bottom"},{values:y.percentages,valueFormat:o.Value.fraction}],ml:[{values:0,styleName:"margin-left",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-left"},{values:y.percentages,valueFormat:o.Value.fraction}],p:[{values:0,styleName:"padding",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],px:[{values:0,styleName:"padding-inline",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],py:[{values:0,styleName:"padding-block",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],pt:[{values:0,styleName:"padding-top",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],pr:[{values:0,styleName:"padding-right",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],pb:[{values:0,styleName:"padding-bottom",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],pl:[{values:0,styleName:"padding-left",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],objectFit:[{styleName:"object-fit",values:["fill","contain","cover","scale-down","none"]}],opacity:[{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]}],outline:[{styleName:"outline-width",values:0,valueFormat:o.Value.px}],outlineStyle:[{styleName:"outline-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],outlineOffset:[{styleName:"outline-offset",values:0,valueFormat:o.Value.px}],overflow:[{values:["auto","hidden","scroll","visible"]}],overflowX:[{styleName:"overflow-x",values:["auto","hidden","scroll","visible"]}],overflowY:[{styleName:"overflow-y",values:["auto","hidden","scroll","visible"]}],pointerEvents:[{styleName:"pointer-events",values:["none","auto","all"]}],resize:[{values:["none","both","horizontal","vertical","block","inline"]}],rotate:[{values:[0,90,180,270,-90,-180,-270],valueFormat:e=>`${e}deg`}],flip:[{styleName:"scale",values:["xAxis","yAxis"],valueFormat:e=>e==="xAxis"?"-1 1":"1 -1"}],textAlign:[{styleName:"text-align",values:["left","right","center","justify"]}],textDecoration:[{styleName:"text-decoration",values:["none","underline","overline","line-through"]}],textOverflow:[{styleName:"text-overflow",values:["clip","ellipsis"]}],textTransform:[{styleName:"text-transform",values:["none","capitalize","lowercase","uppercase"]}],textWrap:[{styleName:"text-wrap",values:["wrap","nowrap","balance","pretty"]}],transition:[{styleName:"transition-property",values:["none","all"]}],transitionDuration:[{styleName:"transition-duration",values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],valueFormat:e=>`${e}ms`}],transitionTimingFunction:[{styleName:"transition-timing-function",values:["linear","ease","ease-in","ease-in-out","ease-out"]}],userSelect:[{styleName:"user-select",values:["none","auto","text","all"]}],visibility:[{styleName:"visibility",values:["visible","hidden","collapse"]}],whiteSpace:[{styleName:"white-space",values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]}],zIndex:[{styleName:"z-index",values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]}],gridTemplateColumns:[{styleName:"grid-template-columns",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-columns",values:["subgrid"]}],gridTemplateRows:[{styleName:"grid-template-rows",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-rows",values:["subgrid"]}],gridColumn:[{styleName:"grid-column",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-column",values:["full-row"],valueFormat:()=>"1/-1"}],gridColumnStart:[{styleName:"grid-column-start",values:0}],gridColumnEnd:[{styleName:"grid-column-end",values:0}],gridRow:[{styleName:"grid-row",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-row",values:["full-column"],valueFormat:()=>"1/-1"}],gridRowStart:[{styleName:"grid-row-start",values:0}],gridRowEnd:[{styleName:"grid-row-end",values:0}],color:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e)}],bgColor:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e),styleName:"background-color"}],borderColor:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e),styleName:"border-color"}],outlineColor:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e),styleName:"outline-color"}],fill:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e)}],stroke:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e)}],bgImage:[{values:["none","bg-img-checked","bg-img-indeterminate","bg-img-radio"],valueFormat:(e,t)=>t(e),styleName:"background-image"}],shadow:[{values:["small","medium","large"],valueFormat:(e,t)=>t(`${e}-shadow`),styleName:"box-shadow"}],translateX:[{values:0,valueFormat:e=>`translateX(${e/G}rem)`,styleName:"transform"}],translateY:[{values:0,valueFormat:e=>`translateY(${e/G}rem)`,styleName:"transform"}],content:[{values:["empty"],valueFormat:()=>"''"}]},le={hover:":hover",focus:":focus-within",hasFocus:":has(:focus)",active:":active",valid:":user-valid",hasValid:":has(:valid)",invalid:":user-invalid",hasInvalid:":has(:user-invalid)",optional:":optional",hasChecked:":has(:checked)",hasRequired:":has(:required)",hasDisabled:":has([disabled])",before:"::before",after:"::after"},k={indeterminate:":indeterminate",checked:":checked",required:":required",disabled:"[disabled]",selected:'[aria-selected="true"]'},ye={theme:""},ee={...le,...k,...ye},se=Object.entries(ee).reduce((e,[t],r)=>(e[t]=Math.pow(2,r),e),{}),D=Object.entries(ee).reduce((e,[t])=>{const r=se[t];return Object.entries(e).forEach(([a,i])=>{e[+a+r]=[...i,t]}),e},{0:[]}),oe={hoverGroup:"hover",focusGroup:"focus",activeGroup:"active",disabledGroup:"disabled",theme:"theme"},M={sm:640,md:768,lg:1024,xl:1280,xxl:1536};var W;(e=>{function t(n,u,s){const d={...n},b=d.props||{};return u.forEach(l=>{l in d&&(b[l]=d[l],delete d[l])}),s&&Object.entries(s).forEach(([l,g])=>{b[l]=g}),d.props=b,d}e.buildProps=t;function r(n){return!!n&&typeof n=="object"}e.isObject=r;function a(...n){return n.reduce((u,s)=>(Object.keys(s??{}).forEach(d=>{const b=u[d],l=s[d];r(l)&&"clean"in l&&l.clean?u[d]=l:d in k&&typeof l=="boolean"||(d in k&&Array.isArray(l)?u[d]=a(b,l[1]??{}):Array.isArray(b)&&Array.isArray(l)?u[d]=b.concat(...l):r(b)&&r(l)?u[d]=a(b,l):u[d]=l)}),u),{})}e.mergeDeep=a;function i(n,u){return n in u}e.isKeyOf=i})(W||(W={}));const w=W,ae={h1:{styles:{fontSize:14*2.5}},h2:{styles:{fontSize:14*2}},h3:{styles:{fontSize:14*1.75}},h4:{styles:{fontSize:14*1.5}},h5:{styles:{fontSize:14*1.25}},h6:{styles:{fontSize:14*1}},span:{styles:{inline:!0}},button:{styles:{display:"inline-flex",color:"white",bgColor:"violet-500",borderColor:"violet-500",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",lineHeight:20,hover:{bgColor:"violet-600",borderColor:"violet-600"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}},variants:{hover:{position:"relative",overflow:"hidden",b:0,before:{position:"absolute",top:0,left:0,width:0,height:"fit",bgColor:"violet-700",content:"empty",transitionDuration:300},hover:{before:{width:"fit"}}}}},textbox:{styles:{display:"inline-block",b:1,borderColor:"violet-200",bgColor:"violet-50",color:"violet-950",borderRadius:1,p:3,transition:"none",lineHeight:20,hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}}},textarea:{styles:{display:"inline-block",b:1,borderColor:"violet-200",bgColor:"violet-50",color:"violet-950",borderRadius:1,p:3,transition:"none",hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300",resize:"none"}}},checkbox:{styles:{display:"inline-block",appearance:"none",b:1,borderColor:"violet-300",borderRadius:1,p:2,cursor:"pointer",transition:"none",hover:{borderColor:"violet-500"},focus:{outline:2,outlineOffset:2,outlineColor:"violet-500"},checked:{bgColor:"violet-500",borderColor:"violet-500",bgImage:"bg-img-checked"},indeterminate:{color:"violet-500",bgImage:"bg-img-indeterminate"},disabled:{cursor:"not-allowed",bgColor:"violet-100",color:"gray-400",borderColor:"gray-300"}},variants:{datagrid:{}}},radioButton:{styles:{appearance:"none",b:1,borderColor:"violet-300",borderRadius:3,p:2,cursor:"pointer",transition:"none",hover:{borderColor:"violet-500"},focus:{outline:2,outlineOffset:2,outlineColor:"violet-500"},checked:{bgColor:"violet-500",borderColor:"violet-500",bgImage:"bg-img-radio"},disabled:{cursor:"not-allowed",bgColor:"violet-100",color:"gray-400",borderColor:"violet-200"}}},dropdown:{styles:{display:"inline-flex",ai:"center",gap:2,jc:"space-between",p:3,cursor:"pointer",bgColor:"violet-50",color:"violet-950",b:1,borderColor:"violet-200",borderRadius:1,userSelect:"none",lineHeight:20,minWidth:40,transition:"none",hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}},children:{display:{styles:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}},items:{styles:{display:"flex",d:"column",gap:1,p:1,b:1,borderRadius:1,position:"relative",top:1,bgColor:"white",overflow:"auto",maxHeight:62,borderColor:"violet-300",color:"violet-950",shadow:"medium"}},item:{styles:{display:"flex",width:"fit",p:3,cursor:"pointer",borderRadius:1,hover:{bgColor:"gray-100"},focus:{bgColor:"violet-50"},selected:{bgColor:"violet-50",cursor:"default",hover:{bgColor:"violet-100"}}},variants:{multiple:{selected:{cursor:"pointer"}}}},unselect:{styles:{display:"flex",width:"fit",p:3,cursor:"pointer",lineHeight:20,borderRadius:1,color:"violet-400",hover:{bgColor:"violet-50"},focus:{bgColor:"violet-50"},selected:{bgColor:"violet-50",cursor:"default"}}},selectAll:{styles:{display:"flex",width:"fit",p:3,cursor:"pointer",lineHeight:20,borderRadius:1,color:"violet-400",hover:{bgColor:"violet-50"},focus:{bgColor:"violet-50"},selected:{bgColor:"violet-50",cursor:"default"}}},emptyItem:{styles:{display:"flex",width:"fit",p:3,cursor:"default",lineHeight:20,borderRadius:1,color:"violet-400"}}}},label:{styles:{}},datagrid:{styles:{b:1,bgColor:"white",borderColor:"gray-400",overflow:"hidden",borderRadius:1},children:{topBar:{styles:{p:2,bb:1,borderColor:"gray-400",color:"gray-400",gap:2,ai:"center"},children:{contextMenu:{clean:!0,styles:{cursor:"pointer",p:1,hover:{bgColor:"gray-200",borderRadius:1}},children:{tooltip:{styles:{bgColor:"white",width:56,b:1,borderColor:"gray-300",borderRadius:1,display:"flex",d:"column",mt:4,py:2,translateX:-1,shadow:"medium",overflow:"auto",maxHeight:100},children:{item:{clean:!0,styles:{display:"flex",gap:2,p:3,cursor:"pointer",hover:{bgColor:"gray-200"}}}}}}},columnGroups:{styles:{gap:2,ai:"center"},children:{icon:{styles:{color:"violet-950",width:4}},separator:{styles:{}},item:{styles:{gap:2,ai:"center",b:1,borderColor:"gray-400",bgColor:"gray-100",borderRadius:1,py:1,pl:2,pr:1,color:"violet-950"},children:{icon:{styles:{width:3,color:"gray-400",cursor:"pointer"}}}}}}}},header:{styles:{position:"sticky",top:0,width:"max-content",minWidth:"fit",zIndex:1,bgColor:"gray-200"},variants:{isResizeMode:{userSelect:"none"}},children:{cell:{styles:{borderColor:"gray-400",bb:1,minHeight:12,position:"relative",transition:"none"},variants:{isRowNumber:{},isRowSelection:{},isPinned:{position:"sticky",zIndex:2,bgColor:"gray-200"},isFirstLeftPinned:{},isLastLeftPinned:{br:1},isFirstRightPinned:{bl:1},isLastRightPinned:{},isSortable:{cursor:"pointer"}},children:{contextMenu:{clean:!0,styles:{width:6,height:6,cursor:"pointer",userSelect:"none",borderRadius:1,borderColor:"gray-200",display:"flex",jc:"center",ai:"center",transition:"none",bgColor:"gray-200",hover:{bgColor:"gray-300"}},children:{icon:{styles:{}},tooltip:{styles:{bgColor:"white",width:56,b:1,borderColor:"gray-300",borderRadius:1,display:"flex",d:"column",mt:4,py:2,overflow:"hidden",translateX:-5,shadow:"medium"},variants:{openLeft:{translateX:-55}},children:{item:{clean:!0,styles:{display:"flex",gap:2,p:3,cursor:"pointer",hover:{bgColor:"gray-200"}},children:{icon:{styles:{width:4,color:"violet-950"}}}}}}}},resizer:{styles:{width:.5,height:"fit",bgColor:"gray-400",hoverGroup:{resizer:{bgColor:"gray-600"}}}}}}}},cell:{styles:{bb:1,borderColor:"gray-400",transition:"none",ai:"center",hoverGroup:{"grid-row":{bgColor:"gray-200"}}},variants:{isRowNumber:{bgColor:"gray-200",jc:"right"},isRowSelection:{},isPinned:{position:"sticky",bgColor:"gray-100",zIndex:1},isFirstLeftPinned:{},isLastLeftPinned:{br:1},isFirstRightPinned:{bl:1},isLastRightPinned:{}}},bottomBar:{styles:{p:3,bgColor:"gray-200",bt:1,borderColor:"gray-400",gap:4}}}}};var K;(e=>{function t(a,i,n){return y.setUserVariables(a),Object.entries(i).forEach(([u,s])=>{A[u]=s}),Object.entries(n).forEach(([u,s])=>{const d=A[u];A[u]=d?[...s,...d]:s}),{extendedProps:i,extendedPropTypes:n}}e.extend=t,e.componentsStyles=ae;function r(a){return e.componentsStyles=w.mergeDeep(ae,a),a}e.components=r})(K||(K={}));const ie=K,X=x.createContext({theme:"",setTheme:()=>{}});function Z(e){const{children:t,theme:r,use:a="local"}=e,[i,n]=x.useState(r);return x.useLayoutEffect(()=>{if(a==="local")return;const u=document.documentElement;return u.classList.add(i),()=>{u.classList.remove(i)}},[i]),a==="local"?h.jsx(X.Provider,{value:{theme:i,setTheme:n},children:h.jsx(ve.default,{className:i,children:t})}):h.jsx(X.Provider,{value:{theme:i,setTheme:n},children:t})}(e=>{function t(){const{theme:r,setTheme:a}=x.useContext(X);return[r,a]}e.useTheme=t})(Z||(Z={}));const ge=Z;class be{constructor(){this._index=0,this._cache={}}getIdentity(t){return this._cache[t]||(this._cache[t]=this.getByIndex(this._index++)),this._cache[t]}getByIndex(t){const{first:r,next:a}=pe,i=t-r.length;if(i<0)return r[t];const n=Math.floor(i/a.length),u=i-n*a.length;return this.getByIndex(n)+a[u]}}const pe={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};function he(e){const{clean:t,component:r,variant:a}=e;return x.useMemo(()=>{if(t)return;const i=r?.split(".");if(!i)return;const n=i.reduce((d,b,l)=>l===0?ie.componentsStyles[b]:d?.children?.[b],void 0);if(!n)return;if(!a)return n.styles;const u=Q(a);if(u.length===0)return n.styles;const s=w.mergeDeep(...u.map(d=>n.variants?.[d]));return n.styles?w.mergeDeep(n.styles,s):s},[t,r,a])}const xe=new be,we=typeof window<"u"&&typeof window.document<"u",ne=typeof process=="object"&&process.env?.NODE_ENV==="test",Fe=we&&!ne?x.useLayoutEffect:x.useEffect,ue="_b",R="_s";function Ne(e,t){Fe(O.flush,[e]);const r=he(e);return x.useMemo(()=>{const a=[t?R:ue],i=r?w.mergeDeep(r,e):e;return O.addClassNames(i,a,[]),a},[e,t,r])}var O;(e=>{let t=!0,r={};function a(l,g,p,v,c){Object.entries(l).forEach(([f,m])=>{if(w.isKeyOf(f,A))u(f,m,g,p,v,c);else if(w.isKeyOf(f,le))a(m,g,[...p,f],v,c);else if(w.isKeyOf(f,k)){if(Array.isArray(m)){const[F,N]=m;a(N,g,[...p,f],v,c)}w.isObject(m)&&a(m,g,[...p,f],v,c)}else w.isKeyOf(f,M)?a(m,g,p,f,c):w.isKeyOf(f,oe)&&Object.entries(m).forEach(([F,N])=>{a(N,g,[...p,oe[f]],v,F)})})}e.addClassNames=a;function i(){if(!t)return;console.debug("\x1B[36m%s\x1B[0m","[react-box]: flush");const l=Object.entries(A).reduce((f,[m],F)=>(f[m]=F,f),{}),g=`:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;}#crono-box {position: absolute;top: 0;left: 0;height: 0;z-index:99999;}
|
|
1
|
+
"use strict";const h=require("react/jsx-runtime"),x=require("react"),ye=require("./box.cjs"),B=require("./components/baseSvg.cjs");function ee(...e){return e.reduce((t,r)=>r?typeof r=="string"?(t.push(r),t):Array.isArray(r)?(t.push(...ee(...r)),t):(Object.entries(r).forEach(([a,i])=>{i&&t.push(a)}),t):t,[])}const q=4;var o;(e=>{(t=>{function r(i,n){return`${i}${n.replace("/","-")}`}t.fraction=r;function a(i){return[`${i} path`,`${i} circle`,`${i} rect`,`${i} line`]}t.svg=a})(e.ClassName||(e.ClassName={})),(t=>{function r(v,c,f=q){return`${v/f}rem`}t.rem=r;function a(v){return`${v}px`}t.px=a;function i(v){const[c,f]=v.split("/");return`${+c/+f*100}%`}t.fraction=i;function n(v,c){switch(c){case"fit":return"100%";case"fit-screen":return v.toLocaleLowerCase().includes("height")?"100vh":"100vw";default:return c}}t.widthHeight=n;function u(v){return(c,f)=>`var(--${v}${f});`}t.variables=u;function s(v){return(c,f)=>`var(--${v}${f});`}t.svgVariables=s;function d(v,c){return`repeat(${c},minmax(0,1fr))`}t.gridColumns=d;function b(v,c){return c==="full-row"?"1/-1":`span ${c}/span ${c}`}t.gridColumn=b;function l(v,c){return`${c}ms`}t.ms=l;function g(v,c){return`${c}deg`}t.rotate=g;function p(v,c){return c==="xAxis"?"-1 1":"1 -1"}t.flip=p})(e.Value||(e.Value={}))})(o||(o={}));var W;(e=>{e.colors={currentColor:"currentColor",transparent:"transparent",green:"green",red:"red",blue:"blue",gray:"gray",black:"#000",white:"#fff","slate-50":"#f8fafc","slate-100":"#f1f5f9","slate-200":"#e2e8f0","slate-300":"#cbd5e1","slate-400":"#94a3b8","slate-500":"#64748b","slate-600":"#475569","slate-700":"#334155","slate-800":"#1e293b","slate-900":"#0f172a","slate-950":"#020617","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","gray-950":"#030712","zinc-50":"#fafafa","zinc-100":"#f4f4f5","zinc-200":"#e4e4e7","zinc-300":"#d4d4d8","zinc-400":"#a1a1aa","zinc-500":"#71717a","zinc-600":"#52525b","zinc-700":"#3f3f46","zinc-800":"#27272a","zinc-900":"#18181b","zinc-950":"#09090b","neutral-50":"#fafafa","neutral-100":"#f5f5f5","neutral-200":"#e5e5e5","neutral-300":"#d4d4d4","neutral-400":"#a3a3a3","neutral-500":"#737373","neutral-600":"#525252","neutral-700":"#404040","neutral-800":"#262626","neutral-900":"#171717","neutral-950":"#0a0a0a","stone-50":"#fafaf9","stone-100":"#f5f5f4","stone-200":"#e7e5e4","stone-300":"#d6d3d1","stone-400":"#a8a29e","stone-500":"#78716c","stone-600":"#57534e","stone-700":"#44403c","stone-800":"#292524","stone-900":"#1c1917","stone-950":"#0c0a09","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","red-950":"#450a0a","orange-50":"#fff7ed","orange-100":"#ffedd5","orange-200":"#fed7aa","orange-300":"#fdba74","orange-400":"#fb923c","orange-500":"#f97316","orange-600":"#ea580c","orange-700":"#c2410c","orange-800":"#9a3412","orange-900":"#7c2d12","orange-950":"#431407","amber-50":"#fffbeb","amber-100":"#fef3c7","amber-200":"#fde68a","amber-300":"#fcd34d","amber-400":"#fbbf24","amber-500":"#f59e0b","amber-600":"#d97706","amber-700":"#b45309","amber-800":"#92400e","amber-900":"#78350f","amber-950":"#451a03","yellow-50":"#fefce8","yellow-100":"#fef9c3","yellow-200":"#fef08a","yellow-300":"#fde047","yellow-400":"#facc15","yellow-500":"#eab308","yellow-600":"#ca8a04","yellow-700":"#a16207","yellow-800":"#854d0e","yellow-900":"#713f12","yellow-950":"#422006","lime-50":"#f7fee7","lime-100":"#ecfccb","lime-200":"#d9f99d","lime-300":"#bef264","lime-400":"#a3e635","lime-500":"#84cc16","lime-600":"#65a30d","lime-700":"#4d7c0f","lime-800":"#3f6212","lime-900":"#365314","lime-950":"#1a2e05","green-50":"#f0fdf4","green-100":"#dcfce7","green-200":"#bbf7d0","green-300":"#86efac","green-400":"#4ade80","green-500":"#22c55e","green-600":"#16a34a","green-700":"#15803d","green-800":"#166534","green-900":"#14532d","green-950":"#052e16","emerald-50":"#ecfdf5","emerald-100":"#d1fae5","emerald-200":"#a7f3d0","emerald-300":"#6ee7b7","emerald-400":"#34d399","emerald-500":"#10b981","emerald-600":"#059669","emerald-700":"#047857","emerald-800":"#065f46","emerald-900":"#064e3b","emerald-950":"#022c22","teal-50":"#f0fdfa","teal-100":"#ccfbf1","teal-200":"#99f6e4","teal-300":"#5eead4","teal-400":"#2dd4bf","teal-500":"#14b8a6","teal-600":"#0d9488","teal-700":"#0f766e","teal-800":"#115e59","teal-900":"#134e4a","teal-950":"#042f2e","cyan-50":"#ecfeff","cyan-100":"#cffafe","cyan-200":"#a5f3fc","cyan-300":"#67e8f9","cyan-400":"#22d3ee","cyan-500":"#06b6d4","cyan-600":"#0891b2","cyan-700":"#0e7490","cyan-800":"#155e75","cyan-900":"#164e63","cyan-950":"#083344","sky-50":"#f0f9ff","sky-100":"#e0f2fe","sky-200":"#bae6fd","sky-300":"#7dd3fc","sky-400":"#38bdf8","sky-500":"#0ea5e9","sky-600":"#0284c7","sky-700":"#0369a1","sky-800":"#075985","sky-900":"#0c4a6e","sky-950":"#082f49","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","blue-950":"#172554","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","indigo-950":"#1e1b4b","violet-50":"#f5f3ff","violet-100":"#ede9fe","violet-200":"#ddd6fe","violet-300":"#c4b5fd","violet-400":"#a78bfa","violet-500":"#8b5cf6","violet-600":"#7c3aed","violet-700":"#6d28d9","violet-800":"#5b21b6","violet-900":"#4c1d95","violet-950":"#2e1065",vi:"#7949FF","purple-50":"#faf5ff","purple-100":"#f3e8ff","purple-200":"#e9d5ff","purple-300":"#d8b4fe","purple-400":"#c084fc","purple-500":"#a855f7","purple-600":"#9333ea","purple-700":"#7e22ce","purple-800":"#6b21a8","purple-900":"#581c87","purple-950":"#3b0764","fuchsia-50":"#fdf4ff","fuchsia-100":"#fae8ff","fuchsia-200":"#f5d0fe","fuchsia-300":"#f0abfc","fuchsia-400":"#e879f9","fuchsia-500":"#d946ef","fuchsia-600":"#c026d3","fuchsia-700":"#a21caf","fuchsia-800":"#86198f","fuchsia-900":"#701a75","fuchsia-950":"#4a044e","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843","pink-950":"#500724","rose-50":"#fff1f2","rose-100":"#ffe4e6","rose-200":"#fecdd3","rose-300":"#fda4af","rose-400":"#fb7185","rose-500":"#f43f5e","rose-600":"#e11d48","rose-700":"#be123c","rose-800":"#9f1239","rose-900":"#881337","rose-950":"#4c0519"},e.percentages=["1/2","1/3","2/3","1/4","2/4","3/4","1/5","2/5","3/5","4/5","1/6","2/6","3/6","4/6","5/6","1/12","2/12","3/12","4/12","5/12","6/12","7/12","8/12","9/12","10/12","11/12"];const t={inherit:"inherit",none:"none","bg-img-checked":`url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><path fill='none' stroke='#FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/></svg>")}")`,"bg-img-indeterminate":`url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><line stroke='${e.colors["violet-400"]}' x1='4' y1='10' x2='16' y2='10' stroke-width='1' /></svg>`)}")`,"bg-img-radio":`url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' width='100%' viewBox='0 0 20 20'><circle fill='#FFF' cx='10' cy='10' r='5'/></svg>")}")`,"small-shadow":"rgba(0, 0, 0, 0.16) 0px 1px 4px","medium-shadow":"rgba(0, 0, 0, 0.24) 0px 3px 8px","large-shadow":"rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px"},r={};let a={};function i(s){return s in a?r[s]=a[s]:s in t?r[s]=t[s]:s in e.colors?r[s]=e.colors[s]:r[s]=s,`var(--${s})`}e.getVariableValue=i;function n(){return Object.entries(r).map(([s,d])=>`--${s}: ${d};`).join("")}e.generateVariables=n;function u(s){a=s}e.setUserVariables=u})(W||(W={}));const y=W,R={appearance:[{values:["none","auto","menulist-button","textfield","button","checkbox"]}],b:[{values:0,styleName:"border-width",valueFormat:o.Value.px}],bx:[{values:0,styleName:"border-inline-width",valueFormat:o.Value.px}],by:[{values:0,styleName:"border-block-width",valueFormat:o.Value.px}],bt:[{values:0,styleName:"border-top-width",valueFormat:o.Value.px}],br:[{values:0,styleName:"border-right-width",valueFormat:o.Value.px}],bb:[{values:0,styleName:"border-bottom-width",valueFormat:o.Value.px}],bl:[{values:0,styleName:"border-left-width",valueFormat:o.Value.px}],borderStyle:[{styleName:"border-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],borderRadius:[{styleName:"border-radius",values:0,valueFormat:o.Value.rem}],borderRadiusTop:[{values:0,styleName:["border-top-left-radius","border-top-right-radius"],valueFormat:o.Value.rem}],borderRadiusRight:[{values:0,styleName:["border-top-right-radius","border-bottom-right-radius"],valueFormat:o.Value.rem}],borderRadiusBottom:[{values:0,styleName:["border-bottom-left-radius","border-bottom-right-radius"],valueFormat:o.Value.rem}],borderRadiusLeft:[{values:0,styleName:["border-top-left-radius","border-bottom-left-radius"],valueFormat:o.Value.rem}],borderRadiusTopLeft:[{values:0,styleName:"border-top-left-radius",valueFormat:o.Value.rem}],borderRadiusTopRight:[{values:0,styleName:"border-top-right-radius",valueFormat:o.Value.rem}],borderRadiusBottomRight:[{values:0,styleName:"border-bottom-right-radius",valueFormat:o.Value.rem}],borderRadiusBottomLeft:[{values:0,styleName:"border-bottom-left-radius",valueFormat:o.Value.rem}],position:[{values:["static","relative","absolute","fixed","sticky"]}],top:[{values:0,valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],right:[{values:0,valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],bottom:[{values:0,valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],left:[{values:0,valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],inset:[{values:0,valueFormat:o.Value.rem}],boxSizing:[{values:["border-box","content-box"],styleName:"box-sizing"}],contentVisibility:[{values:["visible","hidden"],styleName:"content-visibility"}],cursor:[{values:["auto","default","none","context-menu","help","pointer","progress","wait","cell","crosshair","text","vertical-text","alias","copy","move","no-drop","not-allowed","e-resize","n-resize","ne-resize","nw-resize","s-resize","se-resize","sw-resize","w-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","col-resize","row-resize","all-scroll","zoom-in","zoom-out","grab","grabbing"]}],display:[{values:["none","block","inline-block","flex","inline-flex","grid","inline-grid","contents"]}],inline:[{values:[!0],styleName:"display",valueFormat:()=>"inline-block"}],jc:[{styleName:"justify-content",values:["start","end","flex-start","flex-end","center","left","right","space-between","space-around","space-evenly","stretch"]}],ai:[{styleName:"align-items",values:["stretch","flex-start","flex-end","center","baseline","start","end","self-start","self-end"]}],placeContent:[{styleName:"place-content",values:["start","end","flex-start","flex-end","center","space-between","space-around","space-evenly","stretch"]}],alignContent:[{styleName:"align-content",values:["flex-start","flex-end","center","space-between","space-around","space-evenly","stretch","start","end","baseline"]}],flex1:[{styleName:"flex",values:[!0],valueFormat:()=>"1"}],d:[{styleName:"flex-direction",values:["row","row-reverse","column","column-reverse"]}],flexWrap:[{styleName:"flex-wrap",values:["nowrap","wrap","wrap-reverse"]}],flexGrow:[{styleName:"flex-grow",values:0}],flexShrink:[{styleName:"flex-shrink",values:0}],alignSelf:[{styleName:"align-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],justifySelf:[{styleName:"justify-self",values:["auto","flex-start","flex-end","center","baseline","stretch"]}],fontSize:[{styleName:"font-size",values:0,valueFormat:e=>o.Value.rem(e,void 0,16)},{styleName:"font-size",values:["inherit"]}],fontStyle:[{styleName:"font-style",values:["italic","normal","oblique"]}],fontWeight:[{styleName:"font-weight",values:[100,200,300,400,500,600,700,800,900]}],gap:[{values:0,valueFormat:o.Value.rem}],rowGap:[{styleName:"row-gap",values:0,valueFormat:o.Value.rem}],columnGap:[{styleName:"column-gap",values:0,valueFormat:o.Value.rem}],order:[{styleName:"order",values:0}],height:[{values:0,valueFormat:o.Value.rem},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vh"},{values:y.percentages,valueFormat:o.Value.fraction},{values:["auto","fit-content","max-content","min-content"]}],minHeight:[{styleName:"min-height",values:0,valueFormat:o.Value.rem},{styleName:"min-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"min-height",values:y.percentages,valueFormat:o.Value.fraction},{styleName:"min-height",values:["auto","fit-content","max-content","min-content"]}],maxHeight:[{styleName:"max-height",values:0,valueFormat:o.Value.rem},{styleName:"max-height",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-height",values:["fit-screen"],valueFormat:()=>"100vh"},{styleName:"max-height",values:y.percentages,valueFormat:o.Value.fraction},{styleName:"max-height",values:["auto","fit-content","max-content","min-content"]}],width:[{values:0,valueFormat:o.Value.rem},{values:["fit"],valueFormat:()=>"100%"},{values:["fit-screen"],valueFormat:()=>"100vw"},{values:y.percentages,valueFormat:o.Value.fraction},{values:["auto","fit-content","max-content","min-content"]}],minWidth:[{styleName:"min-width",values:0,valueFormat:o.Value.rem},{styleName:"min-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"min-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"min-width",values:y.percentages,valueFormat:o.Value.fraction},{styleName:"min-width",values:["auto","fit-content","max-content","min-content"]}],maxWidth:[{styleName:"max-width",values:0,valueFormat:o.Value.rem},{styleName:"max-width",values:["fit"],valueFormat:()=>"100%"},{styleName:"max-width",values:["fit-screen"],valueFormat:()=>"100vw"},{styleName:"max-width",values:y.percentages,valueFormat:o.Value.fraction},{styleName:"max-width",values:["auto","fit-content","max-content","min-content"]}],letterSpacing:[{styleName:"letter-spacing",values:0,valueFormat:o.Value.px}],lineHeight:[{styleName:"line-height",values:0,valueFormat:o.Value.px},{styleName:"line-height",values:["font-size"],valueFormat:()=>"1"}],listStyle:[{styleName:"list-style",values:["square","inside","outside","none"]}],m:[{values:0,styleName:"margin",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin"},{values:y.percentages,valueFormat:o.Value.fraction}],mx:[{values:0,styleName:"margin-inline",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-inline"},{values:y.percentages,valueFormat:o.Value.fraction}],my:[{values:0,styleName:"margin-block",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-block"},{values:y.percentages,valueFormat:o.Value.fraction}],mt:[{values:0,styleName:"margin-top",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-top"},{values:y.percentages,valueFormat:o.Value.fraction}],mr:[{values:0,styleName:"margin-right",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-right"},{values:y.percentages,valueFormat:o.Value.fraction}],mb:[{values:0,styleName:"margin-bottom",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-bottom"},{values:y.percentages,valueFormat:o.Value.fraction}],ml:[{values:0,styleName:"margin-left",valueFormat:o.Value.rem},{values:["auto"],styleName:"margin-left"},{values:y.percentages,valueFormat:o.Value.fraction}],p:[{values:0,styleName:"padding",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],px:[{values:0,styleName:"padding-inline",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],py:[{values:0,styleName:"padding-block",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],pt:[{values:0,styleName:"padding-top",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],pr:[{values:0,styleName:"padding-right",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],pb:[{values:0,styleName:"padding-bottom",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],pl:[{values:0,styleName:"padding-left",valueFormat:o.Value.rem},{values:y.percentages,valueFormat:o.Value.fraction}],objectFit:[{styleName:"object-fit",values:["fill","contain","cover","scale-down","none"]}],opacity:[{values:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]}],outline:[{styleName:"outline-width",values:0,valueFormat:o.Value.px}],outlineStyle:[{styleName:"outline-style",values:["solid","dashed","dotted","double","groove","ridge","inset","outset","none","hidden"]}],outlineOffset:[{styleName:"outline-offset",values:0,valueFormat:o.Value.px}],overflow:[{values:["auto","hidden","scroll","visible"]}],overflowX:[{styleName:"overflow-x",values:["auto","hidden","scroll","visible"]}],overflowY:[{styleName:"overflow-y",values:["auto","hidden","scroll","visible"]}],pointerEvents:[{styleName:"pointer-events",values:["none","auto","all"]}],resize:[{values:["none","both","horizontal","vertical","block","inline"]}],rotate:[{values:[0,90,180,270,-90,-180,-270],valueFormat:e=>`${e}deg`}],flip:[{styleName:"scale",values:["xAxis","yAxis"],valueFormat:e=>e==="xAxis"?"-1 1":"1 -1"}],textAlign:[{styleName:"text-align",values:["left","right","center","justify"]}],textDecoration:[{styleName:"text-decoration",values:["none","underline","overline","line-through"]}],textOverflow:[{styleName:"text-overflow",values:["clip","ellipsis"]}],textTransform:[{styleName:"text-transform",values:["none","capitalize","lowercase","uppercase"]}],textWrap:[{styleName:"text-wrap",values:["wrap","nowrap","balance","pretty"]}],transition:[{styleName:"transition-property",values:["none","all"]}],transitionDuration:[{styleName:"transition-duration",values:[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950,1e3],valueFormat:e=>`${e}ms`}],transitionTimingFunction:[{styleName:"transition-timing-function",values:["linear","ease","ease-in","ease-in-out","ease-out"]}],userSelect:[{styleName:"user-select",values:["none","auto","text","all"]}],visibility:[{styleName:"visibility",values:["visible","hidden","collapse"]}],whiteSpace:[{styleName:"white-space",values:["break-spaces","normal","nowrap","pre","pre-line","pre-wrap"]}],zIndex:[{styleName:"z-index",values:[1,2,3,4,5,10,11,12,13,14,15,100,101,102,103,104,105,1e3,1001,1002,1003,1004,1005]}],gridTemplateColumns:[{styleName:"grid-template-columns",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-columns",values:["subgrid"]}],gridTemplateRows:[{styleName:"grid-template-rows",values:0,valueFormat:e=>`repeat(${e},minmax(0,1fr))`},{styleName:"grid-template-rows",values:["subgrid"]}],gridColumn:[{styleName:"grid-column",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-column",values:["full-row"],valueFormat:()=>"1/-1"}],gridColumnStart:[{styleName:"grid-column-start",values:0}],gridColumnEnd:[{styleName:"grid-column-end",values:0}],gridRow:[{styleName:"grid-row",values:0,valueFormat:e=>`span ${e}/span ${e}`},{styleName:"grid-row",values:["full-column"],valueFormat:()=>"1/-1"}],gridRowStart:[{styleName:"grid-row-start",values:0}],gridRowEnd:[{styleName:"grid-row-end",values:0}],color:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e)}],bgColor:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e),styleName:"background-color"}],borderColor:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e),styleName:"border-color"}],outlineColor:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e),styleName:"outline-color"}],fill:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e)}],stroke:[{values:Object.keys(y.colors),valueFormat:(e,t)=>t(e)}],bgImage:[{values:["none","bg-img-checked","bg-img-indeterminate","bg-img-radio"],valueFormat:(e,t)=>t(e),styleName:"background-image"}],shadow:[{values:["small","medium","large"],valueFormat:(e,t)=>t(`${e}-shadow`),styleName:"box-shadow"}],translateX:[{values:0,valueFormat:e=>`translateX(${e/q}rem)`,styleName:"transform"}],translateY:[{values:0,valueFormat:e=>`translateY(${e/q}rem)`,styleName:"transform"}],content:[{values:["empty"],valueFormat:()=>"''"}]},se={hover:":hover",focus:":focus-within",hasFocus:":has(:focus)",active:":active",valid:":user-valid",hasValid:":has(:valid)",invalid:":user-invalid",hasInvalid:":has(:user-invalid)",optional:":optional",hasChecked:":has(:checked)",hasRequired:":has(:required)",hasDisabled:":has([disabled])",before:"::before",after:"::after"},k={indeterminate:":indeterminate",checked:":checked",required:":required",disabled:"[disabled]",selected:'[aria-selected="true"]'},ge={theme:""},H={...se,...k,...ge},ie=Object.entries(H).reduce((e,[t],r)=>(e[t]=Math.pow(2,r),e),{}),_=Object.entries(H).reduce((e,[t])=>{const r=ie[t];return Object.entries(e).forEach(([a,i])=>{e[+a+r]=[...i,t]}),e},{0:[]}),ae={hoverGroup:"hover",focusGroup:"focus",activeGroup:"active",disabledGroup:"disabled",selectedGroup:"selected",theme:"theme"},M={sm:640,md:768,lg:1024,xl:1280,xxl:1536};var K;(e=>{function t(n,u,s){const d={...n},b=d.props||{};return u.forEach(l=>{l in d&&(b[l]=d[l],delete d[l])}),s&&Object.entries(s).forEach(([l,g])=>{b[l]=g}),d.props=b,d}e.buildProps=t;function r(n){return!!n&&typeof n=="object"}e.isObject=r;function a(...n){return n.reduce((u,s)=>(Object.keys(s??{}).forEach(d=>{const b=u[d],l=s[d];r(l)&&"clean"in l&&l.clean?u[d]=l:d in k&&typeof l=="boolean"||(d in k&&Array.isArray(l)?u[d]=a(b,l[1]??{}):Array.isArray(b)&&Array.isArray(l)?u[d]=b.concat(...l):r(b)&&r(l)?u[d]=a(b,l):u[d]=l)}),u),{})}e.mergeDeep=a;function i(n,u){return n in u}e.isKeyOf=i})(K||(K={}));const F=K,le={h1:{styles:{fontSize:14*2.5}},h2:{styles:{fontSize:14*2}},h3:{styles:{fontSize:14*1.75}},h4:{styles:{fontSize:14*1.5}},h5:{styles:{fontSize:14*1.25}},h6:{styles:{fontSize:14*1}},span:{styles:{inline:!0}},button:{styles:{display:"inline-flex",color:"white",bgColor:"violet-500",borderColor:"violet-500",p:3,cursor:"pointer",b:1,borderRadius:1,userSelect:"none",lineHeight:20,hover:{bgColor:"violet-600",borderColor:"violet-600"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}},variants:{hover:{position:"relative",overflow:"hidden",b:0,before:{position:"absolute",top:0,left:0,width:0,height:"fit",bgColor:"violet-700",content:"empty",transitionDuration:300},hover:{before:{width:"fit"}}}}},textbox:{styles:{display:"inline-block",b:1,borderColor:"violet-200",bgColor:"violet-50",color:"violet-950",borderRadius:1,p:3,transition:"none",lineHeight:20,hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}}},textarea:{styles:{display:"inline-block",b:1,borderColor:"violet-200",bgColor:"violet-50",color:"violet-950",borderRadius:1,p:3,transition:"none",hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300",resize:"none"}}},checkbox:{styles:{display:"inline-block",appearance:"none",b:1,borderColor:"violet-300",borderRadius:1,p:2,cursor:"pointer",transition:"none",hover:{borderColor:"violet-500"},focus:{outline:2,outlineOffset:2,outlineColor:"violet-500"},checked:{bgColor:"violet-500",borderColor:"violet-500",bgImage:"bg-img-checked"},indeterminate:{color:"violet-500",bgImage:"bg-img-indeterminate"},disabled:{cursor:"not-allowed",bgColor:"violet-100",color:"gray-400",borderColor:"gray-300"}},variants:{datagrid:{}}},radioButton:{styles:{appearance:"none",b:1,borderColor:"violet-300",borderRadius:3,p:2,cursor:"pointer",transition:"none",hover:{borderColor:"violet-500"},focus:{outline:2,outlineOffset:2,outlineColor:"violet-500"},checked:{bgColor:"violet-500",borderColor:"violet-500",bgImage:"bg-img-radio"},disabled:{cursor:"not-allowed",bgColor:"violet-100",color:"gray-400",borderColor:"violet-200"}}},dropdown:{styles:{display:"inline-flex",ai:"center",gap:2,jc:"space-between",p:3,cursor:"pointer",bgColor:"violet-50",color:"violet-950",b:1,borderColor:"violet-200",borderRadius:1,userSelect:"none",lineHeight:20,minWidth:40,transition:"none",hover:{borderColor:"violet-300"},focus:{outline:1,borderColor:"violet-500",outlineColor:"violet-500"},disabled:{cursor:"not-allowed",bgColor:"violet-50",color:"gray-400",borderColor:"gray-300"}},children:{display:{styles:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}},items:{styles:{display:"flex",d:"column",gap:1,p:1,b:1,borderRadius:1,position:"relative",top:1,bgColor:"white",overflow:"auto",maxHeight:62,borderColor:"violet-300",color:"violet-950",shadow:"medium"}},item:{styles:{display:"flex",width:"fit",p:3,cursor:"pointer",borderRadius:1,hover:{bgColor:"gray-100"},focus:{bgColor:"violet-50"},selected:{bgColor:"violet-50",cursor:"default",hover:{bgColor:"violet-100"}}},variants:{multiple:{selected:{cursor:"pointer"}}}},unselect:{styles:{display:"flex",width:"fit",p:3,cursor:"pointer",lineHeight:20,borderRadius:1,color:"violet-400",hover:{bgColor:"violet-50"},focus:{bgColor:"violet-50"},selected:{bgColor:"violet-50",cursor:"default"}}},selectAll:{styles:{display:"flex",width:"fit",p:3,cursor:"pointer",lineHeight:20,borderRadius:1,color:"violet-400",hover:{bgColor:"violet-50"},focus:{bgColor:"violet-50"},selected:{bgColor:"violet-50",cursor:"default"}}},emptyItem:{styles:{display:"flex",width:"fit",p:3,cursor:"default",lineHeight:20,borderRadius:1,color:"violet-400"}}}},label:{styles:{}},datagrid:{styles:{b:1,bgColor:"white",borderColor:"gray-400",overflow:"hidden",borderRadius:1},children:{topBar:{styles:{p:2,bb:1,borderColor:"gray-400",color:"gray-400",gap:2,ai:"center"},children:{contextMenu:{clean:!0,styles:{cursor:"pointer",p:1,hover:{bgColor:"gray-200",borderRadius:1}},children:{tooltip:{styles:{bgColor:"white",width:56,b:1,borderColor:"gray-300",borderRadius:1,display:"flex",d:"column",mt:4,py:2,translateX:-1,shadow:"medium",overflow:"auto",maxHeight:100},children:{item:{clean:!0,styles:{display:"flex",gap:2,p:3,cursor:"pointer",hover:{bgColor:"gray-200"}}}}}}},columnGroups:{styles:{gap:2,ai:"center"},children:{icon:{styles:{color:"violet-950",width:4}},separator:{styles:{}},item:{styles:{gap:2,ai:"center",b:1,borderColor:"gray-400",bgColor:"gray-100",borderRadius:1,py:1,pl:2,pr:1,color:"violet-950"},children:{icon:{styles:{width:3,color:"gray-400",cursor:"pointer"}}}}}}}},header:{styles:{position:"sticky",top:0,width:"max-content",minWidth:"fit",zIndex:1,bgColor:"gray-200"},variants:{isResizeMode:{userSelect:"none"}},children:{cell:{styles:{borderColor:"gray-400",bb:1,minHeight:12,position:"relative",transition:"none"},variants:{isPinned:{position:"sticky",zIndex:2,bgColor:"gray-200"},isFirstLeftPinned:{},isLastLeftPinned:{br:1},isFirstRightPinned:{bl:1},isLastRightPinned:{},isSortable:{cursor:"pointer"},isRowSelected:{},isRowSelection:{},isRowNumber:{jc:"center"}},children:{contextMenu:{clean:!0,styles:{width:6,height:6,cursor:"pointer",userSelect:"none",borderRadius:1,borderColor:"gray-200",display:"flex",jc:"center",ai:"center",transition:"none",hover:{bgColor:"gray-300"}},children:{icon:{styles:{}},tooltip:{styles:{bgColor:"white",width:56,b:1,borderColor:"gray-300",borderRadius:1,display:"flex",d:"column",mt:4,py:2,overflow:"hidden",translateX:-5,shadow:"medium"},variants:{openLeft:{translateX:-55}},children:{item:{clean:!0,styles:{display:"flex",gap:2,p:3,cursor:"pointer",hover:{bgColor:"gray-200"}},children:{icon:{styles:{width:4,color:"violet-950"}}}}}}}},resizer:{styles:{width:.5,height:"fit",bgColor:"gray-400",hoverGroup:{resizer:{bgColor:"gray-600"}}}}}}}},body:{styles:{},children:{cell:{styles:{bb:1,borderColor:"gray-400",transition:"none",ai:"center",hoverGroup:{"grid-row":{bgColor:"gray-200"}}},variants:{isPinned:{position:"sticky",bgColor:"gray-100",zIndex:1},isFirstLeftPinned:{},isLastLeftPinned:{br:1},isFirstRightPinned:{bl:1},isLastRightPinned:{},isRowNumber:{bgColor:"gray-200",jc:"right"},isRowSelection:{},isRowSelected:{}}}}},bottomBar:{styles:{p:3,bgColor:"gray-200",bt:1,borderColor:"gray-400",gap:4}}}}};var X;(e=>{function t(a,i,n){return y.setUserVariables(a),Object.entries(i).forEach(([u,s])=>{R[u]=s}),Object.entries(n).forEach(([u,s])=>{const d=R[u];R[u]=d?[...s,...d]:s}),{extendedProps:i,extendedPropTypes:n}}e.extend=t,e.componentsStyles=le;function r(a){return e.componentsStyles=F.mergeDeep(le,a),a}e.components=r})(X||(X={}));const ne=X,Z=x.createContext({theme:"",setTheme:()=>{}});function P(e){const{children:t,theme:r,use:a="local"}=e,[i,n]=x.useState(r);return x.useLayoutEffect(()=>{if(a==="local")return;const u=document.documentElement;return u.classList.add(i),()=>{u.classList.remove(i)}},[i]),a==="local"?h.jsx(Z.Provider,{value:{theme:i,setTheme:n},children:h.jsx(ye.default,{className:i,children:t})}):h.jsx(Z.Provider,{value:{theme:i,setTheme:n},children:t})}(e=>{function t(){const{theme:r,setTheme:a}=x.useContext(Z);return[r,a]}e.useTheme=t})(P||(P={}));const be=P;class pe{constructor(){this._index=0,this._cache={}}getIdentity(t){return this._cache[t]||(this._cache[t]=this.getByIndex(this._index++)),this._cache[t]}getByIndex(t){const{first:r,next:a}=he,i=t-r.length;if(i<0)return r[t];const n=Math.floor(i/a.length),u=i-n*a.length;return this.getByIndex(n)+a[u]}}const he={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};function xe(e){const{clean:t,component:r,variant:a}=e;return x.useMemo(()=>{if(t)return;const i=r?.split(".");if(!i)return;const n=i.reduce((d,b,l)=>l===0?ne.componentsStyles[b]:d?.children?.[b],void 0);if(!n)return;if(!a)return n.styles;const u=ee(a);if(u.length===0)return n.styles;const s=F.mergeDeep(...u.map(d=>n.variants?.[d]));return n.styles?F.mergeDeep(n.styles,s):s},[t,r,a])}const we=new pe,Fe=typeof window<"u"&&typeof window.document<"u",ue=typeof process=="object"&&process.env?.NODE_ENV==="test",Ne=Fe&&!ue?x.useLayoutEffect:x.useEffect,ce="_b",O="_s";function Ce(e,t){Ne(I.flush,[e]);const r=xe(e);return x.useMemo(()=>{const a=[t?O:ce],i=r?F.mergeDeep(r,e):e;return I.addClassNames(i,a,[]),a},[e,t,r])}var I;(e=>{let t=!0,r={};function a(l,g,p,v,c){Object.entries(l).forEach(([f,m])=>{if(F.isKeyOf(f,R))u(f,m,g,p,v,c);else if(F.isKeyOf(f,se))a(m,g,[...p,f],v,c);else if(F.isKeyOf(f,k)){if(Array.isArray(m)){const[N,w]=m;a(w,g,[...p,f],v,c)}F.isObject(m)&&a(m,g,[...p,f],v,c)}else F.isKeyOf(f,M)?a(m,g,p,f,c):F.isKeyOf(f,ae)&&Object.entries(m).forEach(([N,w])=>{a(w,g,[...p,ae[f]],v,N)})})}e.addClassNames=a;function i(){if(!t)return;console.debug("\x1B[36m%s\x1B[0m","[react-box]: flush");const l=Object.entries(R).reduce((f,[m],N)=>(f[m]=N,f),{}),g=`:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;}#crono-box {position: absolute;top: 0;left: 0;height: 0;z-index:99999;}
|
|
2
2
|
html{font-size: 16px;font-family: Arial, sans-serif;}
|
|
3
3
|
body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
|
|
4
4
|
a,ul{all: unset;}
|
|
5
|
-
.${
|
|
6
|
-
.${
|
|
7
|
-
`,p=Object.entries(r);p.sort(([f],[m])=>(M[f]??0)-(M[m]??0));const v=p.reduce((f,[m,F])=>(m!=="normal"&&f.push(`@media(min-width: ${M[m]}px){`),Object.entries(F).forEach(([N,H])=>{const{__parents:te,...ce}=H,re=Object.entries(ce);re.sort(([z],[B])=>l[z]-l[B]),re.forEach(([z,B])=>{B.forEach($=>{const C=A[z].find(V=>Array.isArray(V.values)?V.values.includes($):typeof $==typeof V.values);if(!C)return;const j=s(z,$,+N,m),U=D[+N].map(V=>ee[V]).join(""),S=C.selector?.(`.${j}`,U)??`.${j}${U}`,T=Array.isArray(C.styleName)?C.styleName:[C.styleName??z],_=C.valueFormat?.($,y.getVariableValue)??$;f.push(`${S}{${T.map(V=>`${V}:${_}`).join(";")}}`)})}),te&&Object.entries(te).forEach(([z,B])=>{const $=Object.entries(B);$.sort(([E],[C])=>l[E]-l[C]),$.forEach(([E,C])=>{C.forEach(j=>{const S=A[E].find(L=>Array.isArray(L.values)?L.values.includes(j):typeof j==typeof L.values);if(!S)return;const T=s(E,j,+N,m,z),[_]=D[+N],V=_==="theme"?`.${z} .${T}`:`.${z}:${_} .${T}`,de=S.selector?.(V,"")??V,fe=Array.isArray(S.styleName)?S.styleName:[S.styleName??E],me=S.valueFormat?.(j,y.getVariableValue)??j;f.push(`${de}{${fe.map(L=>`${L}:${me}`).join(";")}}`)})})})}),m!=="normal"&&f.push("}"),f),[g]);v.unshift(`:root{${y.generateVariables()}}`);const c=b();c.innerHTML=v.join(""),t=!1}e.flush=i;function n(){r={}}e.clear=n;function u(l,g,p,v,c="normal",f){if(g==null)return;const m=v.reduce((N,H)=>N+se[H],0);r[c]?r[c][m]?r[c][m][l]||(r[c][m][l]=new Set):r[c][m]={[l]:new Set}:r[c]={[m]:{[l]:new Set}},f?(r[c][m].__parents?r[c][m].__parents[f]?r[c][m].__parents[f][l]||(r[c][m].__parents[f][l]=new Set):r[c][m].__parents[f]={[l]:new Set}:r[c][m].__parents={[f]:{[l]:new Set}},r[c][m].__parents[f][l].has(g)||(r[c][m].__parents[f][l].add(g),t=!0)):r[c][m][l].has(g)||(r[c][m][l].add(g),t=!0);const F=s(l,g,m,c,f);p.push(F)}function s(l,g,p,v,c){const f=D[p],m=`${v==="normal"?"":`${v}-`}${f.map(F=>`${F}-`).join("")}${c?`${c}-`:""}${l}-${g}`;return ne?m:xe.getIdentity(m)}const d="crono-styles";function b(){let l=document.getElementById(d);return l||(l=document.createElement("style"),l.setAttribute("id",d),l.setAttribute("type","text/css"),document.head.insertBefore(l,document.head.firstChild)),l}})(O||(O={}));exports.StylesContext=void 0;(e=>{e.flush=O.flush,e.clear=O.clear})(exports.StylesContext||(exports.StylesContext={}));Array.prototype.removeBy||(Array.prototype.removeBy=function(e){return this.filter(t=>!e(t))});Array.prototype.take||(Array.prototype.take=function(e,t=0){return this.slice(t,t+e)});Array.prototype.add||(Array.prototype.add=function(...e){const t=[...this];return t.push(...e),t});Array.prototype.sumBy||(Array.prototype.sumBy=function(e,t=0){return this.reduce((r,a,i)=>r+e(a,i),t)});Array.prototype.sortBy||(Array.prototype.sortBy=function(e,t){return[...this].sort((a,i)=>{const n=e(a),u=e(i);return n<u?t==="DESC"?1:-1:n>u?t==="DESC"?-1:1:0})});Array.prototype.maxBy||(Array.prototype.maxBy=function(e){return Math.max(...this.map(e))});Array.prototype.findOrThrow||(Array.prototype.findOrThrow=function(e){const t=this.find(e);if(typeof t>"u")throw new Error("No items satisfy the provided condition.");return t});Array.prototype.toRecord||(Array.prototype.toRecord=function(e){return this.reduce((t,r)=>{const a=e(r);if(!a)return t;const[i,n]=a;return t[i]=n,t},{})});Array.prototype.groupBy||(Array.prototype.groupBy=function(e,t=!1){const r=this.reduce((a,i,n)=>{const u=e(i,n);return t&&typeof u!="number"&&!u||(a.has(u)===!1&&a.set(u,[]),a.get(u)?.push(i)),a},new Map);return Array.from(r,([a,i])=>({key:a,values:i}))});function Ce(e){const{node:t=null,event:r="click",hideOnScroll:a=!1,hideOnResize:i=!1,hideOnEscape:n=!0}=e??{},[u,s]=x.useState(!1),d=x.useRef(null);return x.useEffect(()=>{function b(c){(t??d.current)?.contains(c.target)===!1&&s(!1)}function l(){s(!1)}function g(c){(t??d.current)?.contains(c.target)===!1&&s(!1)}function p(c){c.key==="Escape"&&s(!1)}const v=new AbortController;return u&&(window.addEventListener(r,b,v),n&&window.addEventListener("keydown",p,v),i&&window.addEventListener("resize",l,v),a&&window.addEventListener("scroll",g,{signal:v.signal,capture:!0})),()=>{v.abort()}},[t,u]),[u,s,d]}const Ve={selected:"aria-selected"};exports.BoxUtils=void 0;(e=>{function t(r,a,i){r!==void 0&&r!=null&&(i[Ve[a]??a]=Array.isArray(r)?r[0]:r)}e.assignBooleanProp=t})(exports.BoxUtils||(exports.BoxUtils={}));var P;(e=>{function t(r,a=300){let i=!1,n;return(...u)=>{if(i){n=u;return}r(...u),i=!0,setTimeout(()=>{i=!1,n&&r(...n)},a)}}e.throttle=t})(P||(P={}));const ze=P;function $e(e){let t;return Object.defineProperty({clear(){t=void 0}},"value",{get:()=>(t===void 0&&(t=e()),t)})}function je(e){return h.jsx(I.default,{viewBox:"4 2 16 18",width:"1rem",fill:"currentColor",...e,children:h.jsx("path",{fillRule:"evenodd",d:"M12.707 14.707a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L12 12.586l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5Z",clipRule:"evenodd"})})}function Se(e){return h.jsx(I.default,{...e,children:h.jsx("path",{d:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"})})}function Ae(e){return h.jsx(I.default,{viewBox:"0 0 16 16",width:"18",...e,children:h.jsx("path",{strokeWidth:4,d:"M7.936 12.128a.936.936 0 1 1 0 1.872.936.936 0 0 1 0-1.872ZM7.936 7.052a.936.936 0 1 1 0 1.873.936.936 0 0 1 0-1.873ZM7.936 1.977a.936.936 0 1 1 0 1.872.936.936 0 0 1 0-1.872Z"})})}function Ee(e){return h.jsxs(I.default,{viewBox:"0 0 490.6 490.6",...e,children:[h.jsx("path",{d:"M151.549 145.274c0 23.39 9.145 50.385 24.462 72.214 17.389 24.78 39.376 38.427 61.911 38.427 22.534 0 44.521-13.647 61.91-38.428 15.317-21.828 24.462-48.824 24.462-72.213 0-47.626-38.746-86.372-86.372-86.372s-86.373 38.746-86.373 86.372zm86.373-71.372c39.354 0 71.372 32.018 71.372 71.372 0 20.118-8.33 44.487-21.74 63.598-14.29 20.364-32.38 32.043-49.632 32.043-17.252 0-35.342-11.679-49.632-32.043-13.41-19.11-21.741-43.479-21.741-63.598 0-39.355 32.018-71.372 71.373-71.372z"}),h.jsx("path",{d:"M302.372 239.167a7.502 7.502 0 0 0-8.52 1.461c-16.775 16.728-36.117 25.569-55.935 25.569-19.821 0-39.158-8.841-55.923-25.567a7.5 7.5 0 0 0-8.521-1.463c-25.254 12.022-46.628 30.829-61.811 54.388-15.596 24.2-23.84 52.277-23.84 81.195v.121c0 2.116.894 4.134 2.461 5.556 40.492 36.722 92.922 56.945 147.633 56.945s107.141-20.224 147.632-56.945a7.499 7.499 0 0 0 2.462-5.556v-.121c0-28.918-8.242-56.995-23.834-81.194-15.179-23.561-36.551-42.368-61.804-54.389zm-64.454 183.205c-49.861 0-97.685-18.023-135.057-50.827.583-24.896 7.956-48.986 21.411-69.865 12.741-19.77 30.322-35.823 51.058-46.676 18.746 17.157 40.285 26.193 62.588 26.193 22.3 0 43.842-9.035 62.598-26.193 20.734 10.853 38.313 26.906 51.053 46.676 13.452 20.877 20.823 44.968 21.406 69.865-37.373 32.804-85.197 50.827-135.057 50.827z"}),h.jsx("path",{d:"M455.077 243.89c-13.23-20.532-31.856-36.923-53.864-47.399a7.501 7.501 0 0 0-8.52 1.461c-14.312 14.271-30.79 21.815-47.654 21.815-9.142 0-18.184-2.205-26.873-6.553a7.5 7.5 0 0 0-6.712 13.414c10.793 5.401 22.093 8.139 33.586 8.139 19.335 0 38.004-7.737 54.288-22.437a116.088 116.088 0 0 1 43.141 39.685c11.445 17.763 17.756 38.243 18.338 59.416-18.524 16.158-40.553 28.449-63.91 35.634a7.5 7.5 0 0 0 4.41 14.338c26.509-8.154 51.435-22.362 72.082-41.088a7.499 7.499 0 0 0 2.462-5.556v-.105c-.001-25.204-7.185-49.674-20.774-70.764zM130.493 210.473c7.93 0 15.841-1.934 23.516-5.748a7.5 7.5 0 0 0-6.675-13.433c-5.582 2.774-11.248 4.18-16.841 4.18-14.541 0-29.836-9.914-41.964-27.2-11.449-16.318-18.562-37.112-18.562-54.266 0-33.375 27.152-60.527 60.526-60.527 15.752 0 30.67 6.022 42.006 16.958a7.499 7.499 0 0 0 10.604-.19 7.499 7.499 0 0 0-.19-10.604c-14.146-13.647-32.763-21.163-52.42-21.163-41.646 0-75.526 33.881-75.526 75.527 0 20.38 7.957 43.887 21.283 62.881 15.195 21.657 34.459 33.585 54.243 33.585z"}),h.jsx("path",{d:"M61.034 340.143a175.333 175.333 0 0 1-45.989-29.004c.582-21.112 6.875-41.53 18.291-59.243a115.795 115.795 0 0 1 43.01-39.566c16.239 14.662 34.856 22.376 54.139 22.376 11.587 0 22.969-2.785 33.829-8.277a7.501 7.501 0 0 0-6.77-13.386c-8.742 4.421-17.846 6.663-27.059 6.663-16.811 0-33.238-7.522-47.504-21.754a7.501 7.501 0 0 0-8.521-1.462c-21.954 10.451-40.534 26.8-53.733 47.28C7.167 264.811 0 289.221 0 314.362v.103c0 2.116.894 4.134 2.461 5.556 15.629 14.174 33.338 25.579 52.634 33.897a7.481 7.481 0 0 0 2.966.615 7.503 7.503 0 0 0 2.973-14.39zM69.854 351.003c-2.671 6.443 4.532 12.832 10.617 9.387 3.238-1.834 4.683-5.937 3.227-9.385-2.407-6.145-11.378-5.952-13.844-.002z"}),h.jsx("path",{d:"M83.698 351.005c.19.45-.18-.46 0 0zM303.345 70.438c11.336-10.936 26.254-16.958 42.006-16.958 33.374 0 60.526 27.152 60.526 60.527 0 17.154-7.112 37.947-18.563 54.266-12.128 17.286-27.424 27.2-41.964 27.2-5.593 0-11.259-1.406-16.841-4.18a7.5 7.5 0 0 0-6.676 13.433c7.675 3.814 15.587 5.748 23.517 5.748 19.783 0 39.048-11.927 54.243-33.585 13.327-18.994 21.283-42.501 21.283-62.881 0-41.646-33.881-75.527-75.526-75.527-19.657 0-38.273 7.516-52.42 21.163a7.5 7.5 0 0 0 10.415 10.794z"})]})}function Re(e){return h.jsx(I.default,{viewBox:"0 0 1024 1024",...e,children:h.jsx("path",{d:"M31.997 1023.957a31.699 31.699 0 0 1-22.611-9.386C3.328 1008.556 0 1000.493 0 991.96s3.328-16.596 9.386-22.611L328.25 650.484l-152.52-152.52a95.907 95.907 0 0 1-25.087-92.152 95.31 95.31 0 0 1 44.327-58.62l.896-.512a353.464 353.464 0 0 1 176.156-47.398c20.137 0 40.36 1.749 60.283 5.205L597.71 44.54A95.224 95.224 0 0 1 678.685.085c25.64 0 49.745 9.983 67.877 28.073l249.195 249.195a95.224 95.224 0 0 1 25.897 88.74 95.139 95.139 0 0 1-42.152 60.154L719.513 591.695a352.227 352.227 0 0 1-42.663 237.292A95.395 95.395 0 0 1 594 876.514a95.523 95.523 0 0 1-67.963-28.2L373.43 695.706 54.61 1014.614a31.912 31.912 0 0 1-22.612 9.343zm340.025-660.68c-50.64 0-100.685 13.566-144.798 39.207a31.57 31.57 0 0 0-14.676 19.497 31.699 31.699 0 0 0 8.362 30.675L571.344 803.09c6.059 6.059 14.122 9.386 22.697 9.386a31.699 31.699 0 0 0 27.56-15.785 287.421 287.421 0 0 0 31.06-212.676 31.997 31.997 0 0 1 13.907-34.471l278.59-177.266a31.57 31.57 0 0 0 14.037-20.051 31.699 31.699 0 0 0-8.618-29.566l-249.28-249.28a31.912 31.912 0 0 0-49.618 5.418l-177.308 278.59a31.827 31.827 0 0 1-34.472 13.908 293.778 293.778 0 0 0-67.877-8.02z"})})}var Y;(e=>{function t(r){return r.charAt(0).toUpperCase()+r.slice(1)}e.capitalize=t})(Y||(Y={}));const Oe=Y;function Ie(){return x.useMemo(()=>{const e="crono-box";let t=document.getElementById(e);return t||(t=document.createElement("div"),t.id=e,document.body.appendChild(t)),t},[])}function Be(e){return h.jsx(I.default,{viewBox:"0 0 24 24",...e,children:h.jsx("path",{d:"M4.238 2.988a1.25 1.25 0 0 0-.87 2.147L10.231 12l-6.87 6.87a1.251 1.251 0 1 0 1.769 1.769L12 13.768l6.865 6.865a1.25 1.25 0 1 0 1.768-1.768L13.768 12l6.857-6.857a1.25 1.25 0 1 0-1.768-1.768L12 10.232 5.135 3.367a1.25 1.25 0 0 0-.897-.379z"})})}var J;(e=>{function t(a){const i=Array.from(a.elements).reduce((n,u)=>{const s=u.name;return s&&(n[s]||(n[s]=[]),n[s].push(u)),n},{});return Object.entries(i).reduce((n,[u,s])=>{if(s.length===1){const d=s[0];r(n,u,d.type==="checkbox"||d.type==="radio"?d.checked:d.value)}else{const d=s.reduce((b,l)=>(l.type==="checkbox"||l.type==="radio"?l.checked&&b.push(l.value):b.push(l.value),b),[]);r(n,u,d)}return n},{})}e.getFormEntries=t;function r(a,i,n){if(i.includes(".")){const u=i.split(".");let s=a;u.forEach((d,b)=>{if(u.length>b+1){const l=d.match(/^(.+)\[(\d)\]$/);if(l){const[,g,p]=l;s[g]=s[g]||[],s[g][p]=s[g][p]||{},s=s[g][p]}else s[d]=s[d]||{},s=s[d]}else s[d]=n})}else a[i]=n}})(J||(J={}));const Le=J;exports.BoxExtends=ie;exports.CloseSvg=Be;exports.DotsIcon=Ae;exports.ExpandIcon=je;exports.FnUtils=ze;exports.FormUtils=Le;exports.GroupingIcon=Ee;exports.ObjectUtils=w;exports.PinIcon=Re;exports.SortIcon=Se;exports.StringUtils=Oe;exports.Theme=ge;exports.Variables=y;exports.classNames=Q;exports.memo=$e;exports.usePortalContainer=Ie;exports.useStyles=Ne;exports.useVisibility=Ce;
|
|
5
|
+
.${ce}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
|
|
6
|
+
.${O}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${O} path,.${O} circle,.${O} rect,.${O} line {transition: all var(--svgTransitionTime);}
|
|
7
|
+
`,p=Object.entries(r);p.sort(([f],[m])=>(M[f]??0)-(M[m]??0));const v=p.reduce((f,[m,N])=>(m!=="normal"&&f.push(`@media(min-width: ${M[m]}px){`),Object.entries(N).forEach(([w,U])=>{const{__parents:te,...de}=U,re=Object.entries(de);re.sort(([V],[T])=>l[V]-l[T]),re.forEach(([V,T])=>{T.forEach($=>{const C=R[V].find(z=>Array.isArray(z.values)?z.values.includes($):typeof $==typeof z.values);if(!C)return;const j=s(V,$,+w,m),D=_[+w].map(z=>H[z]).join(""),S=C.selector?.(`.${j}`,D)??`.${j}${D}`,L=Array.isArray(C.styleName)?C.styleName:[C.styleName??V],G=C.valueFormat?.($,y.getVariableValue)??$;f.push(`${S}{${L.map(z=>`${z}:${G}`).join(";")}}`)})}),te&&Object.entries(te).forEach(([V,T])=>{const $=Object.entries(T);$.sort(([E],[C])=>l[E]-l[C]),$.forEach(([E,C])=>{C.forEach(j=>{const S=R[E].find(A=>Array.isArray(A.values)?A.values.includes(j):typeof j==typeof A.values);if(!S)return;const L=s(E,j,+w,m,V),[G]=_[+w],z=_[+w].map(A=>H[A]).join(""),oe=G==="theme"?`.${V} .${L}`:`.${V}${z} .${L}`,fe=S.selector?.(oe,"")??oe,me=Array.isArray(S.styleName)?S.styleName:[S.styleName??E],ve=S.valueFormat?.(j,y.getVariableValue)??j;f.push(`${fe}{${me.map(A=>`${A}:${ve}`).join(";")}}`)})})})}),m!=="normal"&&f.push("}"),f),[g]);v.unshift(`:root{${y.generateVariables()}}`);const c=b();c.innerHTML=v.join(""),t=!1}e.flush=i;function n(){r={}}e.clear=n;function u(l,g,p,v,c="normal",f){if(g==null)return;const m=v.reduce((w,U)=>w+ie[U],0);r[c]?r[c][m]?r[c][m][l]||(r[c][m][l]=new Set):r[c][m]={[l]:new Set}:r[c]={[m]:{[l]:new Set}},f?(r[c][m].__parents?r[c][m].__parents[f]?r[c][m].__parents[f][l]||(r[c][m].__parents[f][l]=new Set):r[c][m].__parents[f]={[l]:new Set}:r[c][m].__parents={[f]:{[l]:new Set}},r[c][m].__parents[f][l].has(g)||(r[c][m].__parents[f][l].add(g),t=!0)):r[c][m][l].has(g)||(r[c][m][l].add(g),t=!0);const N=s(l,g,m,c,f);p.push(N)}function s(l,g,p,v,c){const f=_[p],m=`${v==="normal"?"":`${v}-`}${f.map(N=>`${N}-`).join("")}${c?`${c}-`:""}${l}-${g}`;return ue?m:we.getIdentity(m)}const d="crono-styles";function b(){let l=document.getElementById(d);return l||(l=document.createElement("style"),l.setAttribute("id",d),l.setAttribute("type","text/css"),document.head.insertBefore(l,document.head.firstChild)),l}})(I||(I={}));exports.StylesContext=void 0;(e=>{e.flush=I.flush,e.clear=I.clear})(exports.StylesContext||(exports.StylesContext={}));Array.prototype.removeBy||(Array.prototype.removeBy=function(e){return this.filter(t=>!e(t))});Array.prototype.take||(Array.prototype.take=function(e,t=0){return this.slice(t,t+e)});Array.prototype.add||(Array.prototype.add=function(...e){const t=[...this];return t.push(...e),t});Array.prototype.sumBy||(Array.prototype.sumBy=function(e,t=0){return this.reduce((r,a,i)=>r+e(a,i),t)});Array.prototype.sortBy||(Array.prototype.sortBy=function(e,t){return[...this].sort((a,i)=>{const n=e(a),u=e(i);return n<u?t==="DESC"?1:-1:n>u?t==="DESC"?-1:1:0})});Array.prototype.maxBy||(Array.prototype.maxBy=function(e){return Math.max(...this.map(e))});Array.prototype.findOrThrow||(Array.prototype.findOrThrow=function(e){const t=this.find(e);if(typeof t>"u")throw new Error("No items satisfy the provided condition.");return t});Array.prototype.toRecord||(Array.prototype.toRecord=function(e){return this.reduce((t,r)=>{const a=e(r);if(!a)return t;const[i,n]=a;return t[i]=n,t},{})});Array.prototype.groupBy||(Array.prototype.groupBy=function(e,t=!1){const r=this.reduce((a,i,n)=>{const u=e(i,n);return t&&typeof u!="number"&&!u||(a.has(u)===!1&&a.set(u,[]),a.get(u)?.push(i)),a},new Map);return Array.from(r,([a,i])=>({key:a,values:i}))});function Ve(e){const{node:t=null,event:r="click",hideOnScroll:a=!1,hideOnResize:i=!1,hideOnEscape:n=!0}=e??{},[u,s]=x.useState(!1),d=x.useRef(null);return x.useEffect(()=>{function b(c){(t??d.current)?.contains(c.target)===!1&&s(!1)}function l(){s(!1)}function g(c){(t??d.current)?.contains(c.target)===!1&&s(!1)}function p(c){c.key==="Escape"&&s(!1)}const v=new AbortController;return u&&(window.addEventListener(r,b,v),n&&window.addEventListener("keydown",p,v),i&&window.addEventListener("resize",l,v),a&&window.addEventListener("scroll",g,{signal:v.signal,capture:!0})),()=>{v.abort()}},[t,u]),[u,s,d]}const ze={selected:"aria-selected"};exports.BoxUtils=void 0;(e=>{function t(r,a,i){r!==void 0&&r!=null&&(i[ze[a]??a]=Array.isArray(r)?r[0]:r)}e.assignBooleanProp=t})(exports.BoxUtils||(exports.BoxUtils={}));var Y;(e=>{function t(r,a=300){let i=!1,n;return(...u)=>{if(i){n=u;return}r(...u),i=!0,setTimeout(()=>{i=!1,n&&r(...n)},a)}}e.throttle=t})(Y||(Y={}));const $e=Y;function je(e){let t;return Object.defineProperty({clear(){t=void 0}},"value",{get:()=>(t===void 0&&(t=e()),t)})}function Se(e){return h.jsx(B.default,{viewBox:"4 2 16 18",width:"1rem",fill:"currentColor",...e,children:h.jsx("path",{fillRule:"evenodd",d:"M12.707 14.707a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L12 12.586l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5Z",clipRule:"evenodd"})})}function Ae(e){return h.jsx(B.default,{...e,children:h.jsx("path",{d:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"})})}function Re(e){return h.jsx(B.default,{viewBox:"0 0 16 16",width:"18",...e,children:h.jsx("path",{strokeWidth:4,d:"M7.936 12.128a.936.936 0 1 1 0 1.872.936.936 0 0 1 0-1.872ZM7.936 7.052a.936.936 0 1 1 0 1.873.936.936 0 0 1 0-1.873ZM7.936 1.977a.936.936 0 1 1 0 1.872.936.936 0 0 1 0-1.872Z"})})}function Ee(e){return h.jsxs(B.default,{viewBox:"0 0 490.6 490.6",...e,children:[h.jsx("path",{d:"M151.549 145.274c0 23.39 9.145 50.385 24.462 72.214 17.389 24.78 39.376 38.427 61.911 38.427 22.534 0 44.521-13.647 61.91-38.428 15.317-21.828 24.462-48.824 24.462-72.213 0-47.626-38.746-86.372-86.372-86.372s-86.373 38.746-86.373 86.372zm86.373-71.372c39.354 0 71.372 32.018 71.372 71.372 0 20.118-8.33 44.487-21.74 63.598-14.29 20.364-32.38 32.043-49.632 32.043-17.252 0-35.342-11.679-49.632-32.043-13.41-19.11-21.741-43.479-21.741-63.598 0-39.355 32.018-71.372 71.373-71.372z"}),h.jsx("path",{d:"M302.372 239.167a7.502 7.502 0 0 0-8.52 1.461c-16.775 16.728-36.117 25.569-55.935 25.569-19.821 0-39.158-8.841-55.923-25.567a7.5 7.5 0 0 0-8.521-1.463c-25.254 12.022-46.628 30.829-61.811 54.388-15.596 24.2-23.84 52.277-23.84 81.195v.121c0 2.116.894 4.134 2.461 5.556 40.492 36.722 92.922 56.945 147.633 56.945s107.141-20.224 147.632-56.945a7.499 7.499 0 0 0 2.462-5.556v-.121c0-28.918-8.242-56.995-23.834-81.194-15.179-23.561-36.551-42.368-61.804-54.389zm-64.454 183.205c-49.861 0-97.685-18.023-135.057-50.827.583-24.896 7.956-48.986 21.411-69.865 12.741-19.77 30.322-35.823 51.058-46.676 18.746 17.157 40.285 26.193 62.588 26.193 22.3 0 43.842-9.035 62.598-26.193 20.734 10.853 38.313 26.906 51.053 46.676 13.452 20.877 20.823 44.968 21.406 69.865-37.373 32.804-85.197 50.827-135.057 50.827z"}),h.jsx("path",{d:"M455.077 243.89c-13.23-20.532-31.856-36.923-53.864-47.399a7.501 7.501 0 0 0-8.52 1.461c-14.312 14.271-30.79 21.815-47.654 21.815-9.142 0-18.184-2.205-26.873-6.553a7.5 7.5 0 0 0-6.712 13.414c10.793 5.401 22.093 8.139 33.586 8.139 19.335 0 38.004-7.737 54.288-22.437a116.088 116.088 0 0 1 43.141 39.685c11.445 17.763 17.756 38.243 18.338 59.416-18.524 16.158-40.553 28.449-63.91 35.634a7.5 7.5 0 0 0 4.41 14.338c26.509-8.154 51.435-22.362 72.082-41.088a7.499 7.499 0 0 0 2.462-5.556v-.105c-.001-25.204-7.185-49.674-20.774-70.764zM130.493 210.473c7.93 0 15.841-1.934 23.516-5.748a7.5 7.5 0 0 0-6.675-13.433c-5.582 2.774-11.248 4.18-16.841 4.18-14.541 0-29.836-9.914-41.964-27.2-11.449-16.318-18.562-37.112-18.562-54.266 0-33.375 27.152-60.527 60.526-60.527 15.752 0 30.67 6.022 42.006 16.958a7.499 7.499 0 0 0 10.604-.19 7.499 7.499 0 0 0-.19-10.604c-14.146-13.647-32.763-21.163-52.42-21.163-41.646 0-75.526 33.881-75.526 75.527 0 20.38 7.957 43.887 21.283 62.881 15.195 21.657 34.459 33.585 54.243 33.585z"}),h.jsx("path",{d:"M61.034 340.143a175.333 175.333 0 0 1-45.989-29.004c.582-21.112 6.875-41.53 18.291-59.243a115.795 115.795 0 0 1 43.01-39.566c16.239 14.662 34.856 22.376 54.139 22.376 11.587 0 22.969-2.785 33.829-8.277a7.501 7.501 0 0 0-6.77-13.386c-8.742 4.421-17.846 6.663-27.059 6.663-16.811 0-33.238-7.522-47.504-21.754a7.501 7.501 0 0 0-8.521-1.462c-21.954 10.451-40.534 26.8-53.733 47.28C7.167 264.811 0 289.221 0 314.362v.103c0 2.116.894 4.134 2.461 5.556 15.629 14.174 33.338 25.579 52.634 33.897a7.481 7.481 0 0 0 2.966.615 7.503 7.503 0 0 0 2.973-14.39zM69.854 351.003c-2.671 6.443 4.532 12.832 10.617 9.387 3.238-1.834 4.683-5.937 3.227-9.385-2.407-6.145-11.378-5.952-13.844-.002z"}),h.jsx("path",{d:"M83.698 351.005c.19.45-.18-.46 0 0zM303.345 70.438c11.336-10.936 26.254-16.958 42.006-16.958 33.374 0 60.526 27.152 60.526 60.527 0 17.154-7.112 37.947-18.563 54.266-12.128 17.286-27.424 27.2-41.964 27.2-5.593 0-11.259-1.406-16.841-4.18a7.5 7.5 0 0 0-6.676 13.433c7.675 3.814 15.587 5.748 23.517 5.748 19.783 0 39.048-11.927 54.243-33.585 13.327-18.994 21.283-42.501 21.283-62.881 0-41.646-33.881-75.527-75.526-75.527-19.657 0-38.273 7.516-52.42 21.163a7.5 7.5 0 0 0 10.415 10.794z"})]})}function Oe(e){return h.jsx(B.default,{viewBox:"0 0 1024 1024",...e,children:h.jsx("path",{d:"M31.997 1023.957a31.699 31.699 0 0 1-22.611-9.386C3.328 1008.556 0 1000.493 0 991.96s3.328-16.596 9.386-22.611L328.25 650.484l-152.52-152.52a95.907 95.907 0 0 1-25.087-92.152 95.31 95.31 0 0 1 44.327-58.62l.896-.512a353.464 353.464 0 0 1 176.156-47.398c20.137 0 40.36 1.749 60.283 5.205L597.71 44.54A95.224 95.224 0 0 1 678.685.085c25.64 0 49.745 9.983 67.877 28.073l249.195 249.195a95.224 95.224 0 0 1 25.897 88.74 95.139 95.139 0 0 1-42.152 60.154L719.513 591.695a352.227 352.227 0 0 1-42.663 237.292A95.395 95.395 0 0 1 594 876.514a95.523 95.523 0 0 1-67.963-28.2L373.43 695.706 54.61 1014.614a31.912 31.912 0 0 1-22.612 9.343zm340.025-660.68c-50.64 0-100.685 13.566-144.798 39.207a31.57 31.57 0 0 0-14.676 19.497 31.699 31.699 0 0 0 8.362 30.675L571.344 803.09c6.059 6.059 14.122 9.386 22.697 9.386a31.699 31.699 0 0 0 27.56-15.785 287.421 287.421 0 0 0 31.06-212.676 31.997 31.997 0 0 1 13.907-34.471l278.59-177.266a31.57 31.57 0 0 0 14.037-20.051 31.699 31.699 0 0 0-8.618-29.566l-249.28-249.28a31.912 31.912 0 0 0-49.618 5.418l-177.308 278.59a31.827 31.827 0 0 1-34.472 13.908 293.778 293.778 0 0 0-67.877-8.02z"})})}var J;(e=>{function t(r){return r.charAt(0).toUpperCase()+r.slice(1)}e.capitalize=t})(J||(J={}));const Ie=J;function Be(){return x.useMemo(()=>{const e="crono-box";let t=document.getElementById(e);return t||(t=document.createElement("div"),t.id=e,document.body.appendChild(t)),t},[])}function Te(e){return h.jsx(B.default,{viewBox:"0 0 24 24",...e,children:h.jsx("path",{d:"M4.238 2.988a1.25 1.25 0 0 0-.87 2.147L10.231 12l-6.87 6.87a1.251 1.251 0 1 0 1.769 1.769L12 13.768l6.865 6.865a1.25 1.25 0 1 0 1.768-1.768L13.768 12l6.857-6.857a1.25 1.25 0 1 0-1.768-1.768L12 10.232 5.135 3.367a1.25 1.25 0 0 0-.897-.379z"})})}var Q;(e=>{function t(a){const i=Array.from(a.elements).reduce((n,u)=>{const s=u.name;return s&&(n[s]||(n[s]=[]),n[s].push(u)),n},{});return Object.entries(i).reduce((n,[u,s])=>{if(s.length===1){const d=s[0];r(n,u,d.type==="checkbox"||d.type==="radio"?d.checked:d.value)}else{const d=s.reduce((b,l)=>(l.type==="checkbox"||l.type==="radio"?l.checked&&b.push(l.value):b.push(l.value),b),[]);r(n,u,d)}return n},{})}e.getFormEntries=t;function r(a,i,n){if(i.includes(".")){const u=i.split(".");let s=a;u.forEach((d,b)=>{if(u.length>b+1){const l=d.match(/^(.+)\[(\d)\]$/);if(l){const[,g,p]=l;s[g]=s[g]||[],s[g][p]=s[g][p]||{},s=s[g][p]}else s[d]=s[d]||{},s=s[d]}else s[d]=n})}else a[i]=n}})(Q||(Q={}));const Le=Q;exports.BoxExtends=ne;exports.CloseSvg=Te;exports.DotsIcon=Re;exports.ExpandIcon=Se;exports.FnUtils=$e;exports.FormUtils=Le;exports.GroupingIcon=Ee;exports.ObjectUtils=F;exports.PinIcon=Oe;exports.SortIcon=Ae;exports.StringUtils=Ie;exports.Theme=be;exports.Variables=y;exports.classNames=ee;exports.memo=je;exports.usePortalContainer=Be;exports.useStyles=Ce;exports.useVisibility=Ve;
|