@getufy/flint-ui-react 0.1.2 → 0.2.2
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/README.md +57 -8
- package/dist/accordion.d.ts +6 -0
- package/dist/accordion.js +63 -0
- package/dist/alert.d.ts +2 -0
- package/dist/alert.js +21 -0
- package/dist/app-bar.d.ts +1 -0
- package/dist/app-bar.js +12 -0
- package/dist/autocomplete.d.ts +2 -0
- package/dist/autocomplete.js +21 -0
- package/dist/avatar.d.ts +1 -0
- package/dist/avatar.js +12 -0
- package/dist/backdrop.d.ts +2 -0
- package/dist/backdrop.js +21 -0
- package/dist/badge.d.ts +1 -0
- package/dist/badge.js +12 -0
- package/dist/bottom-navigation.d.ts +3 -0
- package/dist/bottom-navigation.js +32 -0
- package/dist/box.d.ts +2 -0
- package/dist/box.js +21 -0
- package/dist/breadcrumbs.d.ts +1 -0
- package/dist/breadcrumbs.js +12 -0
- package/dist/button.d.ts +6 -0
- package/dist/button.js +63 -0
- package/dist/card.d.ts +6 -0
- package/dist/card.js +67 -0
- package/dist/carousel.d.ts +6 -0
- package/dist/carousel.js +65 -0
- package/dist/checkbox.d.ts +2 -0
- package/dist/checkbox.js +21 -0
- package/dist/chip.d.ts +2 -0
- package/dist/chip.js +23 -0
- package/dist/collapsible.d.ts +4 -0
- package/dist/collapsible.js +43 -0
- package/dist/command.d.ts +12 -0
- package/dist/command.js +127 -0
- package/dist/container.d.ts +1 -0
- package/dist/container.js +12 -0
- package/dist/copy-button.d.ts +2 -0
- package/dist/copy-button.js +23 -0
- package/dist/date-field.d.ts +2 -0
- package/dist/date-field.js +23 -0
- package/dist/date-picker.d.ts +4 -0
- package/dist/date-picker.js +41 -0
- package/dist/date-range-picker.d.ts +6 -0
- package/dist/date-range-picker.js +63 -0
- package/dist/dialog.d.ts +6 -0
- package/dist/dialog.js +65 -0
- package/dist/divider.d.ts +1 -0
- package/dist/divider.js +12 -0
- package/dist/drawer.d.ts +2 -0
- package/dist/drawer.js +21 -0
- package/dist/empty.d.ts +6 -0
- package/dist/empty.js +67 -0
- package/dist/fab.d.ts +1 -0
- package/dist/fab.js +12 -0
- package/dist/flint-range-slider.d.ts +2 -0
- package/dist/flint-range-slider.js +21 -0
- package/dist/format-date.d.ts +1 -0
- package/dist/format-date.js +12 -0
- package/dist/format-number.d.ts +1 -0
- package/dist/format-number.js +12 -0
- package/dist/grid.d.ts +1 -0
- package/dist/grid.js +12 -0
- package/dist/hover-card.d.ts +3 -0
- package/dist/hover-card.js +34 -0
- package/dist/image-comparer.d.ts +2 -0
- package/dist/image-comparer.js +21 -0
- package/dist/image-list.d.ts +3 -0
- package/dist/image-list.js +34 -0
- package/dist/input-otp.d.ts +5 -0
- package/dist/input-otp.js +56 -0
- package/dist/input.d.ts +2 -0
- package/dist/input.js +23 -0
- package/dist/item.d.ts +10 -0
- package/dist/item.js +111 -0
- package/dist/kbd.d.ts +2 -0
- package/dist/kbd.js +23 -0
- package/dist/link.d.ts +1 -0
- package/dist/link.js +12 -0
- package/dist/list.d.ts +7 -0
- package/dist/list.js +78 -0
- package/dist/menu.d.ts +6 -0
- package/dist/menu.js +63 -0
- package/dist/menubar.d.ts +19 -0
- package/dist/menubar.js +200 -0
- package/dist/navigation-menu.d.ts +9 -0
- package/dist/navigation-menu.js +96 -0
- package/dist/pagination.d.ts +2 -0
- package/dist/pagination.js +21 -0
- package/dist/paper.d.ts +1 -0
- package/dist/paper.js +12 -0
- package/dist/progress.d.ts +2 -0
- package/dist/progress.js +23 -0
- package/dist/radio.d.ts +4 -0
- package/dist/radio.js +41 -0
- package/dist/rating.d.ts +2 -0
- package/dist/rating.js +21 -0
- package/dist/relative-time.d.ts +1 -0
- package/dist/relative-time.js +12 -0
- package/dist/resizable.d.ts +4 -0
- package/dist/resizable.js +47 -0
- package/dist/scroll-area.d.ts +2 -0
- package/dist/scroll-area.js +23 -0
- package/dist/select.d.ts +2 -0
- package/dist/select.js +21 -0
- package/dist/skeleton.d.ts +1 -0
- package/dist/skeleton.js +12 -0
- package/dist/slider.d.ts +2 -0
- package/dist/slider.js +21 -0
- package/dist/snackbar.d.ts +2 -0
- package/dist/snackbar.js +23 -0
- package/dist/sonner.d.ts +1 -0
- package/dist/sonner.js +12 -0
- package/dist/speed-dial.d.ts +3 -0
- package/dist/speed-dial.js +32 -0
- package/dist/split-panel.d.ts +2 -0
- package/dist/split-panel.js +21 -0
- package/dist/stack.d.ts +1 -0
- package/dist/stack.js +12 -0
- package/dist/stepper.d.ts +8 -0
- package/dist/stepper.js +85 -0
- package/dist/switch.d.ts +2 -0
- package/dist/switch.js +21 -0
- package/dist/table.d.ts +10 -0
- package/dist/table.js +111 -0
- package/dist/tabs.d.ts +7 -0
- package/dist/tabs.js +72 -0
- package/dist/text-field.d.ts +2 -0
- package/dist/text-field.js +23 -0
- package/dist/textarea.d.ts +2 -0
- package/dist/textarea.js +23 -0
- package/dist/time-picker.d.ts +16 -0
- package/dist/time-picker.js +165 -0
- package/dist/toggle.d.ts +2 -0
- package/dist/toggle.js +21 -0
- package/dist/tooltip.d.ts +1 -0
- package/dist/tooltip.js +12 -0
- package/dist/transfer-list.d.ts +2 -0
- package/dist/transfer-list.js +21 -0
- package/dist/tree-view.d.ts +6 -0
- package/dist/tree-view.js +71 -0
- package/dist/typography.d.ts +1 -0
- package/dist/typography.js +12 -0
- package/dist/visually-hidden.d.ts +1 -0
- package/dist/visually-hidden.js +12 -0
- package/package.json +299 -3
package/dist/sonner.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintToaster.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintToaster as FlintToasterElement } from "@getufy/flint-ui/sonner/flint-sonner";
|
|
5
|
+
var FlintToaster = createComponent({
|
|
6
|
+
tagName: "flint-toaster",
|
|
7
|
+
elementClass: FlintToasterElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintToaster
|
|
12
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { FlintSpeedDialAction, type FlintSpeedDialActionProps } from './components/FlintSpeedDialAction.js';
|
|
2
|
+
export { FlintSpeedDial, type FlintSpeedDialProps } from './components/FlintSpeedDial.js';
|
|
3
|
+
export { FlintSpeedDialActionEvents } from './events/flint-speed-dial-action.js';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// src/components/FlintSpeedDialAction.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintSpeedDialAction as FlintSpeedDialActionElement } from "@getufy/flint-ui/speed-dial/flint-speed-dial";
|
|
5
|
+
var FlintSpeedDialAction = createComponent({
|
|
6
|
+
tagName: "flint-speed-dial-action",
|
|
7
|
+
elementClass: FlintSpeedDialActionElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintSpeedDialActionClick: "flint-speed-dial-action-click"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/components/FlintSpeedDial.tsx
|
|
15
|
+
import React2 from "react";
|
|
16
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
17
|
+
import { FlintSpeedDial as FlintSpeedDialElement } from "@getufy/flint-ui/speed-dial/flint-speed-dial";
|
|
18
|
+
var FlintSpeedDial = createComponent2({
|
|
19
|
+
tagName: "flint-speed-dial",
|
|
20
|
+
elementClass: FlintSpeedDialElement,
|
|
21
|
+
react: React2
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
// src/events/flint-speed-dial-action.ts
|
|
25
|
+
var FlintSpeedDialActionEvents = {
|
|
26
|
+
CLICK: "flint-speed-dial-action-click"
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
FlintSpeedDial,
|
|
30
|
+
FlintSpeedDialAction,
|
|
31
|
+
FlintSpeedDialActionEvents
|
|
32
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/components/FlintSplitPanel.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintSplitPanel as FlintSplitPanelElement } from "@getufy/flint-ui/split-panel/flint-split-panel";
|
|
5
|
+
var FlintSplitPanel = createComponent({
|
|
6
|
+
tagName: "flint-split-panel",
|
|
7
|
+
elementClass: FlintSplitPanelElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintSplitPanelReposition: "flint-split-panel-reposition"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/events/flint-split-panel.ts
|
|
15
|
+
var FlintSplitPanelEvents = {
|
|
16
|
+
REPOSITION: "flint-split-panel-reposition"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
FlintSplitPanel,
|
|
20
|
+
FlintSplitPanelEvents
|
|
21
|
+
};
|
package/dist/stack.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintStack, type FlintStackProps } from './components/FlintStack.js';
|
package/dist/stack.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintStack.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintStack as FlintStackElement } from "@getufy/flint-ui/stack/flint-stack";
|
|
5
|
+
var FlintStack = createComponent({
|
|
6
|
+
tagName: "flint-stack",
|
|
7
|
+
elementClass: FlintStackElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintStack
|
|
12
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { FlintStepConnector, type FlintStepConnectorProps } from './components/FlintStepConnector.js';
|
|
2
|
+
export { FlintStepLabel, type FlintStepLabelProps } from './components/FlintStepLabel.js';
|
|
3
|
+
export { FlintStepContent, type FlintStepContentProps } from './components/FlintStepContent.js';
|
|
4
|
+
export { FlintStep, type FlintStepProps } from './components/FlintStep.js';
|
|
5
|
+
export { FlintStepper, type FlintStepperProps } from './components/FlintStepper.js';
|
|
6
|
+
export { FlintMobileStepper, type FlintMobileStepperProps } from './components/FlintMobileStepper.js';
|
|
7
|
+
export { FlintStepEvents } from './events/flint-step.js';
|
|
8
|
+
export { FlintStepperEvents } from './events/flint-stepper.js';
|
package/dist/stepper.js
ADDED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
// src/components/FlintStepConnector.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintStepConnector as FlintStepConnectorElement } from "@getufy/flint-ui/stepper/flint-stepper";
|
|
5
|
+
var FlintStepConnector = createComponent({
|
|
6
|
+
tagName: "flint-step-connector",
|
|
7
|
+
elementClass: FlintStepConnectorElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
// src/components/FlintStepLabel.tsx
|
|
12
|
+
import React2 from "react";
|
|
13
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
14
|
+
import { FlintStepLabel as FlintStepLabelElement } from "@getufy/flint-ui/stepper/flint-stepper";
|
|
15
|
+
var FlintStepLabel = createComponent2({
|
|
16
|
+
tagName: "flint-step-label",
|
|
17
|
+
elementClass: FlintStepLabelElement,
|
|
18
|
+
react: React2
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
// src/components/FlintStepContent.tsx
|
|
22
|
+
import React3 from "react";
|
|
23
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
24
|
+
import { FlintStepContent as FlintStepContentElement } from "@getufy/flint-ui/stepper/flint-stepper";
|
|
25
|
+
var FlintStepContent = createComponent3({
|
|
26
|
+
tagName: "flint-step-content",
|
|
27
|
+
elementClass: FlintStepContentElement,
|
|
28
|
+
react: React3
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
// src/components/FlintStep.tsx
|
|
32
|
+
import React4 from "react";
|
|
33
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
34
|
+
import { FlintStep as FlintStepElement } from "@getufy/flint-ui/stepper/flint-stepper";
|
|
35
|
+
var FlintStep = createComponent4({
|
|
36
|
+
tagName: "flint-step",
|
|
37
|
+
elementClass: FlintStepElement,
|
|
38
|
+
react: React4,
|
|
39
|
+
events: {
|
|
40
|
+
onFlintStepClick: "flint-step-click"
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
// src/components/FlintStepper.tsx
|
|
45
|
+
import React5 from "react";
|
|
46
|
+
import { createComponent as createComponent5 } from "@lit/react";
|
|
47
|
+
import { FlintStepper as FlintStepperElement } from "@getufy/flint-ui/stepper/flint-stepper";
|
|
48
|
+
var FlintStepper = createComponent5({
|
|
49
|
+
tagName: "flint-stepper",
|
|
50
|
+
elementClass: FlintStepperElement,
|
|
51
|
+
react: React5,
|
|
52
|
+
events: {
|
|
53
|
+
onFlintStepChange: "flint-step-change"
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
// src/components/FlintMobileStepper.tsx
|
|
58
|
+
import React6 from "react";
|
|
59
|
+
import { createComponent as createComponent6 } from "@lit/react";
|
|
60
|
+
import { FlintMobileStepper as FlintMobileStepperElement } from "@getufy/flint-ui/stepper/flint-stepper";
|
|
61
|
+
var FlintMobileStepper = createComponent6({
|
|
62
|
+
tagName: "flint-mobile-stepper",
|
|
63
|
+
elementClass: FlintMobileStepperElement,
|
|
64
|
+
react: React6
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
// src/events/flint-step.ts
|
|
68
|
+
var FlintStepEvents = {
|
|
69
|
+
CLICK: "flint-step-click"
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
// src/events/flint-stepper.ts
|
|
73
|
+
var FlintStepperEvents = {
|
|
74
|
+
STEP_CHANGE: "flint-step-change"
|
|
75
|
+
};
|
|
76
|
+
export {
|
|
77
|
+
FlintMobileStepper,
|
|
78
|
+
FlintStep,
|
|
79
|
+
FlintStepConnector,
|
|
80
|
+
FlintStepContent,
|
|
81
|
+
FlintStepEvents,
|
|
82
|
+
FlintStepLabel,
|
|
83
|
+
FlintStepper,
|
|
84
|
+
FlintStepperEvents
|
|
85
|
+
};
|
package/dist/switch.d.ts
ADDED
package/dist/switch.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/components/FlintSwitch.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintSwitch as FlintSwitchElement } from "@getufy/flint-ui/switch/flint-switch";
|
|
5
|
+
var FlintSwitch = createComponent({
|
|
6
|
+
tagName: "flint-switch",
|
|
7
|
+
elementClass: FlintSwitchElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintSwitchChange: "flint-switch-change"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/events/flint-switch.ts
|
|
15
|
+
var FlintSwitchEvents = {
|
|
16
|
+
CHANGE: "flint-switch-change"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
FlintSwitch,
|
|
20
|
+
FlintSwitchEvents
|
|
21
|
+
};
|
package/dist/table.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { FlintTablePagination, type FlintTablePaginationProps } from './components/FlintTablePagination.js';
|
|
2
|
+
export { FlintTableSortLabel, type FlintTableSortLabelProps } from './components/FlintTableSortLabel.js';
|
|
3
|
+
export { FlintTableContainer, type FlintTableContainerProps } from './components/FlintTableContainer.js';
|
|
4
|
+
export { FlintTable, type FlintTableProps } from './components/FlintTable.js';
|
|
5
|
+
export { FlintTableHead, type FlintTableHeadProps } from './components/FlintTableHead.js';
|
|
6
|
+
export { FlintTableBody, type FlintTableBodyProps } from './components/FlintTableBody.js';
|
|
7
|
+
export { FlintTableRow, type FlintTableRowProps } from './components/FlintTableRow.js';
|
|
8
|
+
export { FlintTableCell, type FlintTableCellProps } from './components/FlintTableCell.js';
|
|
9
|
+
export { FlintTableFooter, type FlintTableFooterProps } from './components/FlintTableFooter.js';
|
|
10
|
+
export { FlintTablePaginationEvents } from './events/flint-table-pagination.js';
|
package/dist/table.js
ADDED
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
// src/components/FlintTablePagination.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintTablePagination as FlintTablePaginationElement } from "@getufy/flint-ui/table/flint-table-pagination";
|
|
5
|
+
var FlintTablePagination = createComponent({
|
|
6
|
+
tagName: "flint-table-pagination",
|
|
7
|
+
elementClass: FlintTablePaginationElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintPaginationPageChange: "flint-pagination-page-change",
|
|
11
|
+
onFlintPaginationRowsPerPageChange: "flint-pagination-rows-per-page-change"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// src/components/FlintTableSortLabel.tsx
|
|
16
|
+
import React2 from "react";
|
|
17
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
18
|
+
import { FlintTableSortLabel as FlintTableSortLabelElement } from "@getufy/flint-ui/table/flint-table-sort-label";
|
|
19
|
+
var FlintTableSortLabel = createComponent2({
|
|
20
|
+
tagName: "flint-table-sort-label",
|
|
21
|
+
elementClass: FlintTableSortLabelElement,
|
|
22
|
+
react: React2
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
// src/components/FlintTableContainer.tsx
|
|
26
|
+
import React3 from "react";
|
|
27
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
28
|
+
import { FlintTableContainer as FlintTableContainerElement } from "@getufy/flint-ui/table/flint-table";
|
|
29
|
+
var FlintTableContainer = createComponent3({
|
|
30
|
+
tagName: "flint-table-container",
|
|
31
|
+
elementClass: FlintTableContainerElement,
|
|
32
|
+
react: React3
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
// src/components/FlintTable.tsx
|
|
36
|
+
import React4 from "react";
|
|
37
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
38
|
+
import { FlintTable as FlintTableElement } from "@getufy/flint-ui/table/flint-table";
|
|
39
|
+
var FlintTable = createComponent4({
|
|
40
|
+
tagName: "flint-table",
|
|
41
|
+
elementClass: FlintTableElement,
|
|
42
|
+
react: React4
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
// src/components/FlintTableHead.tsx
|
|
46
|
+
import React5 from "react";
|
|
47
|
+
import { createComponent as createComponent5 } from "@lit/react";
|
|
48
|
+
import { FlintTableHead as FlintTableHeadElement } from "@getufy/flint-ui/table/flint-table";
|
|
49
|
+
var FlintTableHead = createComponent5({
|
|
50
|
+
tagName: "flint-table-head",
|
|
51
|
+
elementClass: FlintTableHeadElement,
|
|
52
|
+
react: React5
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
// src/components/FlintTableBody.tsx
|
|
56
|
+
import React6 from "react";
|
|
57
|
+
import { createComponent as createComponent6 } from "@lit/react";
|
|
58
|
+
import { FlintTableBody as FlintTableBodyElement } from "@getufy/flint-ui/table/flint-table";
|
|
59
|
+
var FlintTableBody = createComponent6({
|
|
60
|
+
tagName: "flint-table-body",
|
|
61
|
+
elementClass: FlintTableBodyElement,
|
|
62
|
+
react: React6
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
// src/components/FlintTableRow.tsx
|
|
66
|
+
import React7 from "react";
|
|
67
|
+
import { createComponent as createComponent7 } from "@lit/react";
|
|
68
|
+
import { FlintTableRow as FlintTableRowElement } from "@getufy/flint-ui/table/flint-table";
|
|
69
|
+
var FlintTableRow = createComponent7({
|
|
70
|
+
tagName: "flint-table-row",
|
|
71
|
+
elementClass: FlintTableRowElement,
|
|
72
|
+
react: React7
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
// src/components/FlintTableCell.tsx
|
|
76
|
+
import React8 from "react";
|
|
77
|
+
import { createComponent as createComponent8 } from "@lit/react";
|
|
78
|
+
import { FlintTableCell as FlintTableCellElement } from "@getufy/flint-ui/table/flint-table";
|
|
79
|
+
var FlintTableCell = createComponent8({
|
|
80
|
+
tagName: "flint-table-cell",
|
|
81
|
+
elementClass: FlintTableCellElement,
|
|
82
|
+
react: React8
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
// src/components/FlintTableFooter.tsx
|
|
86
|
+
import React9 from "react";
|
|
87
|
+
import { createComponent as createComponent9 } from "@lit/react";
|
|
88
|
+
import { FlintTableFooter as FlintTableFooterElement } from "@getufy/flint-ui/table/flint-table";
|
|
89
|
+
var FlintTableFooter = createComponent9({
|
|
90
|
+
tagName: "flint-table-footer",
|
|
91
|
+
elementClass: FlintTableFooterElement,
|
|
92
|
+
react: React9
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
// src/events/flint-table-pagination.ts
|
|
96
|
+
var FlintTablePaginationEvents = {
|
|
97
|
+
PAGINATION_PAGE_CHANGE: "flint-pagination-page-change",
|
|
98
|
+
PAGINATION_ROWS_PER_PAGE_CHANGE: "flint-pagination-rows-per-page-change"
|
|
99
|
+
};
|
|
100
|
+
export {
|
|
101
|
+
FlintTable,
|
|
102
|
+
FlintTableBody,
|
|
103
|
+
FlintTableCell,
|
|
104
|
+
FlintTableContainer,
|
|
105
|
+
FlintTableFooter,
|
|
106
|
+
FlintTableHead,
|
|
107
|
+
FlintTablePagination,
|
|
108
|
+
FlintTablePaginationEvents,
|
|
109
|
+
FlintTableRow,
|
|
110
|
+
FlintTableSortLabel
|
|
111
|
+
};
|
package/dist/tabs.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { FlintTab, type FlintTabProps } from './components/FlintTab.js';
|
|
2
|
+
export { FlintTabPanel, type FlintTabPanelProps } from './components/FlintTabPanel.js';
|
|
3
|
+
export { FlintTabList, type FlintTabListProps } from './components/FlintTabList.js';
|
|
4
|
+
export { FlintTabs, type FlintTabsProps } from './components/FlintTabs.js';
|
|
5
|
+
export { FlintTabEvents } from './events/flint-tab.js';
|
|
6
|
+
export { FlintTabListEvents } from './events/flint-tab-list.js';
|
|
7
|
+
export { FlintTabsEvents } from './events/flint-tabs.js';
|
package/dist/tabs.js
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
// src/components/FlintTab.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintTab as FlintTabElement } from "@getufy/flint-ui/tabs/flint-tabs";
|
|
5
|
+
var FlintTab = createComponent({
|
|
6
|
+
tagName: "flint-tab",
|
|
7
|
+
elementClass: FlintTabElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintTabClick: "flint-tab-click"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/components/FlintTabPanel.tsx
|
|
15
|
+
import React2 from "react";
|
|
16
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
17
|
+
import { FlintTabPanel as FlintTabPanelElement } from "@getufy/flint-ui/tabs/flint-tabs";
|
|
18
|
+
var FlintTabPanel = createComponent2({
|
|
19
|
+
tagName: "flint-tab-panel",
|
|
20
|
+
elementClass: FlintTabPanelElement,
|
|
21
|
+
react: React2
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
// src/components/FlintTabList.tsx
|
|
25
|
+
import React3 from "react";
|
|
26
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
27
|
+
import { FlintTabList as FlintTabListElement } from "@getufy/flint-ui/tabs/flint-tabs";
|
|
28
|
+
var FlintTabList = createComponent3({
|
|
29
|
+
tagName: "flint-tab-list",
|
|
30
|
+
elementClass: FlintTabListElement,
|
|
31
|
+
react: React3,
|
|
32
|
+
events: {
|
|
33
|
+
onFlintTabClick: "flint-tab-click"
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
// src/components/FlintTabs.tsx
|
|
38
|
+
import React4 from "react";
|
|
39
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
40
|
+
import { FlintTabs as FlintTabsElement } from "@getufy/flint-ui/tabs/flint-tabs";
|
|
41
|
+
var FlintTabs = createComponent4({
|
|
42
|
+
tagName: "flint-tabs",
|
|
43
|
+
elementClass: FlintTabsElement,
|
|
44
|
+
react: React4,
|
|
45
|
+
events: {
|
|
46
|
+
onFlintTabChange: "flint-tab-change"
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
// src/events/flint-tab.ts
|
|
51
|
+
var FlintTabEvents = {
|
|
52
|
+
CLICK: "flint-tab-click"
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
// src/events/flint-tab-list.ts
|
|
56
|
+
var FlintTabListEvents = {
|
|
57
|
+
TAB_CLICK: "flint-tab-click"
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
// src/events/flint-tabs.ts
|
|
61
|
+
var FlintTabsEvents = {
|
|
62
|
+
TAB_CHANGE: "flint-tab-change"
|
|
63
|
+
};
|
|
64
|
+
export {
|
|
65
|
+
FlintTab,
|
|
66
|
+
FlintTabEvents,
|
|
67
|
+
FlintTabList,
|
|
68
|
+
FlintTabListEvents,
|
|
69
|
+
FlintTabPanel,
|
|
70
|
+
FlintTabs,
|
|
71
|
+
FlintTabsEvents
|
|
72
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// src/components/FlintTextField.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintTextField as FlintTextFieldElement } from "@getufy/flint-ui/text-field/flint-text-field";
|
|
5
|
+
var FlintTextField = createComponent({
|
|
6
|
+
tagName: "flint-text-field",
|
|
7
|
+
elementClass: FlintTextFieldElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onInput: "input",
|
|
11
|
+
onChange: "change"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// src/events/flint-text-field.ts
|
|
16
|
+
var FlintTextFieldEvents = {
|
|
17
|
+
INPUT: "input",
|
|
18
|
+
CHANGE: "change"
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
FlintTextField,
|
|
22
|
+
FlintTextFieldEvents
|
|
23
|
+
};
|
package/dist/textarea.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// src/components/FlintTextarea.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintTextarea as FlintTextareaElement } from "@getufy/flint-ui/textarea/flint-textarea";
|
|
5
|
+
var FlintTextarea = createComponent({
|
|
6
|
+
tagName: "flint-textarea",
|
|
7
|
+
elementClass: FlintTextareaElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintTextareaInput: "flint-textarea-input",
|
|
11
|
+
onFlintTextareaChange: "flint-textarea-change"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// src/events/flint-textarea.ts
|
|
16
|
+
var FlintTextareaEvents = {
|
|
17
|
+
INPUT: "flint-textarea-input",
|
|
18
|
+
CHANGE: "flint-textarea-change"
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
FlintTextarea,
|
|
22
|
+
FlintTextareaEvents
|
|
23
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export { FlintTimeField, type FlintTimeFieldProps } from './components/FlintTimeField.js';
|
|
2
|
+
export { FlintDigitalClock, type FlintDigitalClockProps } from './components/FlintDigitalClock.js';
|
|
3
|
+
export { FlintMultiSectionDigitalClock, type FlintMultiSectionDigitalClockProps } from './components/FlintMultiSectionDigitalClock.js';
|
|
4
|
+
export { FlintTimeClock, type FlintTimeClockProps } from './components/FlintTimeClock.js';
|
|
5
|
+
export { FlintDesktopTimePicker, type FlintDesktopTimePickerProps } from './components/FlintDesktopTimePicker.js';
|
|
6
|
+
export { FlintMobileTimePicker, type FlintMobileTimePickerProps } from './components/FlintMobileTimePicker.js';
|
|
7
|
+
export { FlintStaticTimePicker, type FlintStaticTimePickerProps } from './components/FlintStaticTimePicker.js';
|
|
8
|
+
export { FlintTimePicker, type FlintTimePickerProps } from './components/FlintTimePicker.js';
|
|
9
|
+
export { FlintTimeFieldEvents } from './events/flint-time-field.js';
|
|
10
|
+
export { FlintDigitalClockEvents } from './events/flint-digital-clock.js';
|
|
11
|
+
export { FlintMultiSectionDigitalClockEvents } from './events/flint-multi-section-digital-clock.js';
|
|
12
|
+
export { FlintTimeClockEvents } from './events/flint-time-clock.js';
|
|
13
|
+
export { FlintDesktopTimePickerEvents } from './events/flint-desktop-time-picker.js';
|
|
14
|
+
export { FlintMobileTimePickerEvents } from './events/flint-mobile-time-picker.js';
|
|
15
|
+
export { FlintStaticTimePickerEvents } from './events/flint-static-time-picker.js';
|
|
16
|
+
export { FlintTimePickerEvents } from './events/flint-time-picker.js';
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
// src/components/FlintTimeField.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintTimeField as FlintTimeFieldElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
|
|
5
|
+
var FlintTimeField = createComponent({
|
|
6
|
+
tagName: "flint-time-field",
|
|
7
|
+
elementClass: FlintTimeFieldElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintTimePickerClear: "flint-time-picker-clear",
|
|
11
|
+
onChange: "change"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// src/components/FlintDigitalClock.tsx
|
|
16
|
+
import React2 from "react";
|
|
17
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
18
|
+
import { FlintDigitalClock as FlintDigitalClockElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
|
|
19
|
+
var FlintDigitalClock = createComponent2({
|
|
20
|
+
tagName: "flint-digital-clock",
|
|
21
|
+
elementClass: FlintDigitalClockElement,
|
|
22
|
+
react: React2,
|
|
23
|
+
events: {
|
|
24
|
+
onChange: "change"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
// src/components/FlintMultiSectionDigitalClock.tsx
|
|
29
|
+
import React3 from "react";
|
|
30
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
31
|
+
import { FlintMultiSectionDigitalClock as FlintMultiSectionDigitalClockElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
|
|
32
|
+
var FlintMultiSectionDigitalClock = createComponent3({
|
|
33
|
+
tagName: "flint-multi-section-digital-clock",
|
|
34
|
+
elementClass: FlintMultiSectionDigitalClockElement,
|
|
35
|
+
react: React3,
|
|
36
|
+
events: {
|
|
37
|
+
onChange: "change"
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
// src/components/FlintTimeClock.tsx
|
|
42
|
+
import React4 from "react";
|
|
43
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
44
|
+
import { FlintTimeClock as FlintTimeClockElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
|
|
45
|
+
var FlintTimeClock = createComponent4({
|
|
46
|
+
tagName: "flint-time-clock",
|
|
47
|
+
elementClass: FlintTimeClockElement,
|
|
48
|
+
react: React4,
|
|
49
|
+
events: {
|
|
50
|
+
onChange: "change",
|
|
51
|
+
onFlintTimeClockViewChange: "flint-time-clock-view-change"
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
// src/components/FlintDesktopTimePicker.tsx
|
|
56
|
+
import React5 from "react";
|
|
57
|
+
import { createComponent as createComponent5 } from "@lit/react";
|
|
58
|
+
import { FlintDesktopTimePicker as FlintDesktopTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
|
|
59
|
+
var FlintDesktopTimePicker = createComponent5({
|
|
60
|
+
tagName: "flint-desktop-time-picker",
|
|
61
|
+
elementClass: FlintDesktopTimePickerElement,
|
|
62
|
+
react: React5,
|
|
63
|
+
events: {
|
|
64
|
+
onChange: "change"
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
// src/components/FlintMobileTimePicker.tsx
|
|
69
|
+
import React6 from "react";
|
|
70
|
+
import { createComponent as createComponent6 } from "@lit/react";
|
|
71
|
+
import { FlintMobileTimePicker as FlintMobileTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
|
|
72
|
+
var FlintMobileTimePicker = createComponent6({
|
|
73
|
+
tagName: "flint-mobile-time-picker",
|
|
74
|
+
elementClass: FlintMobileTimePickerElement,
|
|
75
|
+
react: React6,
|
|
76
|
+
events: {
|
|
77
|
+
onChange: "change"
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
// src/components/FlintStaticTimePicker.tsx
|
|
82
|
+
import React7 from "react";
|
|
83
|
+
import { createComponent as createComponent7 } from "@lit/react";
|
|
84
|
+
import { FlintStaticTimePicker as FlintStaticTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
|
|
85
|
+
var FlintStaticTimePicker = createComponent7({
|
|
86
|
+
tagName: "flint-static-time-picker",
|
|
87
|
+
elementClass: FlintStaticTimePickerElement,
|
|
88
|
+
react: React7,
|
|
89
|
+
events: {
|
|
90
|
+
onChange: "change"
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
|
|
94
|
+
// src/components/FlintTimePicker.tsx
|
|
95
|
+
import React8 from "react";
|
|
96
|
+
import { createComponent as createComponent8 } from "@lit/react";
|
|
97
|
+
import { FlintTimePicker as FlintTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
|
|
98
|
+
var FlintTimePicker = createComponent8({
|
|
99
|
+
tagName: "flint-time-picker",
|
|
100
|
+
elementClass: FlintTimePickerElement,
|
|
101
|
+
react: React8,
|
|
102
|
+
events: {
|
|
103
|
+
onChange: "change"
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
// src/events/flint-time-field.ts
|
|
108
|
+
var FlintTimeFieldEvents = {
|
|
109
|
+
TIME_PICKER_CLEAR: "flint-time-picker-clear",
|
|
110
|
+
CHANGE: "change"
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
// src/events/flint-digital-clock.ts
|
|
114
|
+
var FlintDigitalClockEvents = {
|
|
115
|
+
CHANGE: "change"
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
// src/events/flint-multi-section-digital-clock.ts
|
|
119
|
+
var FlintMultiSectionDigitalClockEvents = {
|
|
120
|
+
CHANGE: "change"
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
// src/events/flint-time-clock.ts
|
|
124
|
+
var FlintTimeClockEvents = {
|
|
125
|
+
CHANGE: "change",
|
|
126
|
+
VIEW_CHANGE: "flint-time-clock-view-change"
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
// src/events/flint-desktop-time-picker.ts
|
|
130
|
+
var FlintDesktopTimePickerEvents = {
|
|
131
|
+
CHANGE: "change"
|
|
132
|
+
};
|
|
133
|
+
|
|
134
|
+
// src/events/flint-mobile-time-picker.ts
|
|
135
|
+
var FlintMobileTimePickerEvents = {
|
|
136
|
+
CHANGE: "change"
|
|
137
|
+
};
|
|
138
|
+
|
|
139
|
+
// src/events/flint-static-time-picker.ts
|
|
140
|
+
var FlintStaticTimePickerEvents = {
|
|
141
|
+
CHANGE: "change"
|
|
142
|
+
};
|
|
143
|
+
|
|
144
|
+
// src/events/flint-time-picker.ts
|
|
145
|
+
var FlintTimePickerEvents = {
|
|
146
|
+
CHANGE: "change"
|
|
147
|
+
};
|
|
148
|
+
export {
|
|
149
|
+
FlintDesktopTimePicker,
|
|
150
|
+
FlintDesktopTimePickerEvents,
|
|
151
|
+
FlintDigitalClock,
|
|
152
|
+
FlintDigitalClockEvents,
|
|
153
|
+
FlintMobileTimePicker,
|
|
154
|
+
FlintMobileTimePickerEvents,
|
|
155
|
+
FlintMultiSectionDigitalClock,
|
|
156
|
+
FlintMultiSectionDigitalClockEvents,
|
|
157
|
+
FlintStaticTimePicker,
|
|
158
|
+
FlintStaticTimePickerEvents,
|
|
159
|
+
FlintTimeClock,
|
|
160
|
+
FlintTimeClockEvents,
|
|
161
|
+
FlintTimeField,
|
|
162
|
+
FlintTimeFieldEvents,
|
|
163
|
+
FlintTimePicker,
|
|
164
|
+
FlintTimePickerEvents
|
|
165
|
+
};
|
package/dist/toggle.d.ts
ADDED