@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
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
// src/components/FlintCollapsibleTrigger.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintCollapsibleTrigger as FlintCollapsibleTriggerElement } from "@getufy/flint-ui/collapsible/flint-collapsible";
|
|
5
|
+
var FlintCollapsibleTrigger = createComponent({
|
|
6
|
+
tagName: "flint-collapsible-trigger",
|
|
7
|
+
elementClass: FlintCollapsibleTriggerElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
// src/components/FlintCollapsibleContent.tsx
|
|
12
|
+
import React2 from "react";
|
|
13
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
14
|
+
import { FlintCollapsibleContent as FlintCollapsibleContentElement } from "@getufy/flint-ui/collapsible/flint-collapsible";
|
|
15
|
+
var FlintCollapsibleContent = createComponent2({
|
|
16
|
+
tagName: "flint-collapsible-content",
|
|
17
|
+
elementClass: FlintCollapsibleContentElement,
|
|
18
|
+
react: React2
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
// src/components/FlintCollapsible.tsx
|
|
22
|
+
import React3 from "react";
|
|
23
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
24
|
+
import { FlintCollapsible as FlintCollapsibleElement } from "@getufy/flint-ui/collapsible/flint-collapsible";
|
|
25
|
+
var FlintCollapsible = createComponent3({
|
|
26
|
+
tagName: "flint-collapsible",
|
|
27
|
+
elementClass: FlintCollapsibleElement,
|
|
28
|
+
react: React3,
|
|
29
|
+
events: {
|
|
30
|
+
onFlintCollapsibleChange: "flint-collapsible-change"
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
// src/events/flint-collapsible.ts
|
|
35
|
+
var FlintCollapsibleEvents = {
|
|
36
|
+
CHANGE: "flint-collapsible-change"
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
FlintCollapsible,
|
|
40
|
+
FlintCollapsibleContent,
|
|
41
|
+
FlintCollapsibleEvents,
|
|
42
|
+
FlintCollapsibleTrigger
|
|
43
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export { FlintCommandShortcut, type FlintCommandShortcutProps } from './components/FlintCommandShortcut.js';
|
|
2
|
+
export { FlintCommandSeparator, type FlintCommandSeparatorProps } from './components/FlintCommandSeparator.js';
|
|
3
|
+
export { FlintCommandItem, type FlintCommandItemProps } from './components/FlintCommandItem.js';
|
|
4
|
+
export { FlintCommandEmpty, type FlintCommandEmptyProps } from './components/FlintCommandEmpty.js';
|
|
5
|
+
export { FlintCommandGroup, type FlintCommandGroupProps } from './components/FlintCommandGroup.js';
|
|
6
|
+
export { FlintCommandList, type FlintCommandListProps } from './components/FlintCommandList.js';
|
|
7
|
+
export { FlintCommandInput, type FlintCommandInputProps } from './components/FlintCommandInput.js';
|
|
8
|
+
export { FlintCommand, type FlintCommandProps } from './components/FlintCommand.js';
|
|
9
|
+
export { FlintCommandDialog, type FlintCommandDialogProps } from './components/FlintCommandDialog.js';
|
|
10
|
+
export { FlintCommandItemEvents } from './events/flint-command-item.js';
|
|
11
|
+
export { FlintCommandEvents } from './events/flint-command.js';
|
|
12
|
+
export { FlintCommandDialogEvents } from './events/flint-command-dialog.js';
|
package/dist/command.js
ADDED
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
// src/components/FlintCommandShortcut.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintCommandShortcut as FlintCommandShortcutElement } from "@getufy/flint-ui/command/flint-command";
|
|
5
|
+
var FlintCommandShortcut = createComponent({
|
|
6
|
+
tagName: "flint-command-shortcut",
|
|
7
|
+
elementClass: FlintCommandShortcutElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
// src/components/FlintCommandSeparator.tsx
|
|
12
|
+
import React2 from "react";
|
|
13
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
14
|
+
import { FlintCommandSeparator as FlintCommandSeparatorElement } from "@getufy/flint-ui/command/flint-command";
|
|
15
|
+
var FlintCommandSeparator = createComponent2({
|
|
16
|
+
tagName: "flint-command-separator",
|
|
17
|
+
elementClass: FlintCommandSeparatorElement,
|
|
18
|
+
react: React2
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
// src/components/FlintCommandItem.tsx
|
|
22
|
+
import React3 from "react";
|
|
23
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
24
|
+
import { FlintCommandItem as FlintCommandItemElement } from "@getufy/flint-ui/command/flint-command";
|
|
25
|
+
var FlintCommandItem = createComponent3({
|
|
26
|
+
tagName: "flint-command-item",
|
|
27
|
+
elementClass: FlintCommandItemElement,
|
|
28
|
+
react: React3,
|
|
29
|
+
events: {
|
|
30
|
+
onFlintCommandItemSelect: "flint-command-item-select"
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
// src/components/FlintCommandEmpty.tsx
|
|
35
|
+
import React4 from "react";
|
|
36
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
37
|
+
import { FlintCommandEmpty as FlintCommandEmptyElement } from "@getufy/flint-ui/command/flint-command";
|
|
38
|
+
var FlintCommandEmpty = createComponent4({
|
|
39
|
+
tagName: "flint-command-empty",
|
|
40
|
+
elementClass: FlintCommandEmptyElement,
|
|
41
|
+
react: React4
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
// src/components/FlintCommandGroup.tsx
|
|
45
|
+
import React5 from "react";
|
|
46
|
+
import { createComponent as createComponent5 } from "@lit/react";
|
|
47
|
+
import { FlintCommandGroup as FlintCommandGroupElement } from "@getufy/flint-ui/command/flint-command";
|
|
48
|
+
var FlintCommandGroup = createComponent5({
|
|
49
|
+
tagName: "flint-command-group",
|
|
50
|
+
elementClass: FlintCommandGroupElement,
|
|
51
|
+
react: React5
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
// src/components/FlintCommandList.tsx
|
|
55
|
+
import React6 from "react";
|
|
56
|
+
import { createComponent as createComponent6 } from "@lit/react";
|
|
57
|
+
import { FlintCommandList as FlintCommandListElement } from "@getufy/flint-ui/command/flint-command";
|
|
58
|
+
var FlintCommandList = createComponent6({
|
|
59
|
+
tagName: "flint-command-list",
|
|
60
|
+
elementClass: FlintCommandListElement,
|
|
61
|
+
react: React6
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
// src/components/FlintCommandInput.tsx
|
|
65
|
+
import React7 from "react";
|
|
66
|
+
import { createComponent as createComponent7 } from "@lit/react";
|
|
67
|
+
import { FlintCommandInput as FlintCommandInputElement } from "@getufy/flint-ui/command/flint-command";
|
|
68
|
+
var FlintCommandInput = createComponent7({
|
|
69
|
+
tagName: "flint-command-input",
|
|
70
|
+
elementClass: FlintCommandInputElement,
|
|
71
|
+
react: React7
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
// src/components/FlintCommand.tsx
|
|
75
|
+
import React8 from "react";
|
|
76
|
+
import { createComponent as createComponent8 } from "@lit/react";
|
|
77
|
+
import { FlintCommand as FlintCommandElement } from "@getufy/flint-ui/command/flint-command";
|
|
78
|
+
var FlintCommand = createComponent8({
|
|
79
|
+
tagName: "flint-command",
|
|
80
|
+
elementClass: FlintCommandElement,
|
|
81
|
+
react: React8,
|
|
82
|
+
events: {
|
|
83
|
+
onFlintCommandItemSelect: "flint-command-item-select"
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
// src/components/FlintCommandDialog.tsx
|
|
88
|
+
import React9 from "react";
|
|
89
|
+
import { createComponent as createComponent9 } from "@lit/react";
|
|
90
|
+
import { FlintCommandDialog as FlintCommandDialogElement } from "@getufy/flint-ui/command/flint-command";
|
|
91
|
+
var FlintCommandDialog = createComponent9({
|
|
92
|
+
tagName: "flint-command-dialog",
|
|
93
|
+
elementClass: FlintCommandDialogElement,
|
|
94
|
+
react: React9,
|
|
95
|
+
events: {
|
|
96
|
+
onFlintCommandDialogClose: "flint-command-dialog-close"
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
// src/events/flint-command-item.ts
|
|
101
|
+
var FlintCommandItemEvents = {
|
|
102
|
+
SELECT: "flint-command-item-select"
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
// src/events/flint-command.ts
|
|
106
|
+
var FlintCommandEvents = {
|
|
107
|
+
ITEM_SELECT: "flint-command-item-select"
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
// src/events/flint-command-dialog.ts
|
|
111
|
+
var FlintCommandDialogEvents = {
|
|
112
|
+
CLOSE: "flint-command-dialog-close"
|
|
113
|
+
};
|
|
114
|
+
export {
|
|
115
|
+
FlintCommand,
|
|
116
|
+
FlintCommandDialog,
|
|
117
|
+
FlintCommandDialogEvents,
|
|
118
|
+
FlintCommandEmpty,
|
|
119
|
+
FlintCommandEvents,
|
|
120
|
+
FlintCommandGroup,
|
|
121
|
+
FlintCommandInput,
|
|
122
|
+
FlintCommandItem,
|
|
123
|
+
FlintCommandItemEvents,
|
|
124
|
+
FlintCommandList,
|
|
125
|
+
FlintCommandSeparator,
|
|
126
|
+
FlintCommandShortcut
|
|
127
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintContainer, type FlintContainerProps } from './components/FlintContainer.js';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintContainer.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintContainer as FlintContainerElement } from "@getufy/flint-ui/container/flint-container";
|
|
5
|
+
var FlintContainer = createComponent({
|
|
6
|
+
tagName: "flint-container",
|
|
7
|
+
elementClass: FlintContainerElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintContainer
|
|
12
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// src/components/FlintCopyButton.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintCopyButton as FlintCopyButtonElement } from "@getufy/flint-ui/copy-button/flint-copy-button";
|
|
5
|
+
var FlintCopyButton = createComponent({
|
|
6
|
+
tagName: "flint-copy-button",
|
|
7
|
+
elementClass: FlintCopyButtonElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintCopyError: "flint-copy-error",
|
|
11
|
+
onFlintCopy: "flint-copy"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// src/events/flint-copy-button.ts
|
|
16
|
+
var FlintCopyButtonEvents = {
|
|
17
|
+
COPY_ERROR: "flint-copy-error",
|
|
18
|
+
COPY: "flint-copy"
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
FlintCopyButton,
|
|
22
|
+
FlintCopyButtonEvents
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// src/components/FlintDateField.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintDateField as FlintDateFieldElement } from "@getufy/flint-ui/date-field/flint-date-field";
|
|
5
|
+
var FlintDateField = createComponent({
|
|
6
|
+
tagName: "flint-date-field",
|
|
7
|
+
elementClass: FlintDateFieldElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintDateFieldClear: "flint-date-field-clear",
|
|
11
|
+
onFlintDateFieldChange: "flint-date-field-change"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// src/events/flint-date-field.ts
|
|
16
|
+
var FlintDateFieldEvents = {
|
|
17
|
+
CLEAR: "flint-date-field-clear",
|
|
18
|
+
CHANGE: "flint-date-field-change"
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
FlintDateField,
|
|
22
|
+
FlintDateFieldEvents
|
|
23
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { FlintDatePickerCalendar, type FlintDatePickerCalendarProps } from './components/FlintDatePickerCalendar.js';
|
|
2
|
+
export { FlintDatePicker, type FlintDatePickerProps } from './components/FlintDatePicker.js';
|
|
3
|
+
export { FlintDatePickerCalendarEvents } from './events/flint-date-picker-calendar.js';
|
|
4
|
+
export { FlintDatePickerEvents } from './events/flint-date-picker.js';
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
// src/components/FlintDatePickerCalendar.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintDatePickerCalendar as FlintDatePickerCalendarElement } from "@getufy/flint-ui/date-picker/flint-date-picker";
|
|
5
|
+
var FlintDatePickerCalendar = createComponent({
|
|
6
|
+
tagName: "flint-date-picker-calendar",
|
|
7
|
+
elementClass: FlintDatePickerCalendarElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintDatePickerSelect: "flint-date-picker-select"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/components/FlintDatePicker.tsx
|
|
15
|
+
import React2 from "react";
|
|
16
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
17
|
+
import { FlintDatePicker as FlintDatePickerElement } from "@getufy/flint-ui/date-picker/flint-date-picker";
|
|
18
|
+
var FlintDatePicker = createComponent2({
|
|
19
|
+
tagName: "flint-date-picker",
|
|
20
|
+
elementClass: FlintDatePickerElement,
|
|
21
|
+
react: React2,
|
|
22
|
+
events: {
|
|
23
|
+
onChange: "change"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
// src/events/flint-date-picker-calendar.ts
|
|
28
|
+
var FlintDatePickerCalendarEvents = {
|
|
29
|
+
DATE_PICKER_SELECT: "flint-date-picker-select"
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
// src/events/flint-date-picker.ts
|
|
33
|
+
var FlintDatePickerEvents = {
|
|
34
|
+
CHANGE: "change"
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
FlintDatePicker,
|
|
38
|
+
FlintDatePickerCalendar,
|
|
39
|
+
FlintDatePickerCalendarEvents,
|
|
40
|
+
FlintDatePickerEvents
|
|
41
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { FlintDateRangeCalendar, type FlintDateRangeCalendarProps } from './components/FlintDateRangeCalendar.js';
|
|
2
|
+
export { FlintDateRangePicker, type FlintDateRangePickerProps } from './components/FlintDateRangePicker.js';
|
|
3
|
+
export { FlintSingleInputDateRangeField, type FlintSingleInputDateRangeFieldProps } from './components/FlintSingleInputDateRangeField.js';
|
|
4
|
+
export { FlintDateRangeCalendarEvents } from './events/flint-date-range-calendar.js';
|
|
5
|
+
export { FlintDateRangePickerEvents } from './events/flint-date-range-picker.js';
|
|
6
|
+
export { FlintSingleInputDateRangeFieldEvents } from './events/flint-single-input-date-range-field.js';
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
// src/components/FlintDateRangeCalendar.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintDateRangeCalendar as FlintDateRangeCalendarElement } from "@getufy/flint-ui/date-range-picker/flint-date-range-calendar";
|
|
5
|
+
var FlintDateRangeCalendar = createComponent({
|
|
6
|
+
tagName: "flint-date-range-calendar",
|
|
7
|
+
elementClass: FlintDateRangeCalendarElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintDateRangePickerSelect: "flint-date-range-picker-select"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/components/FlintDateRangePicker.tsx
|
|
15
|
+
import React2 from "react";
|
|
16
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
17
|
+
import { FlintDateRangePicker as FlintDateRangePickerElement } from "@getufy/flint-ui/date-range-picker/flint-date-range-picker";
|
|
18
|
+
var FlintDateRangePicker = createComponent2({
|
|
19
|
+
tagName: "flint-date-range-picker",
|
|
20
|
+
elementClass: FlintDateRangePickerElement,
|
|
21
|
+
react: React2,
|
|
22
|
+
events: {
|
|
23
|
+
onFlintDateRangePickerChange: "flint-date-range-picker-change"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
// src/components/FlintSingleInputDateRangeField.tsx
|
|
28
|
+
import React3 from "react";
|
|
29
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
30
|
+
import { FlintSingleInputDateRangeField as FlintSingleInputDateRangeFieldElement } from "@getufy/flint-ui/date-range-picker/flint-single-input-date-range-field";
|
|
31
|
+
var FlintSingleInputDateRangeField = createComponent3({
|
|
32
|
+
tagName: "flint-single-input-date-range-field",
|
|
33
|
+
elementClass: FlintSingleInputDateRangeFieldElement,
|
|
34
|
+
react: React3,
|
|
35
|
+
events: {
|
|
36
|
+
onFlintDateRangePickerClear: "flint-date-range-picker-clear",
|
|
37
|
+
onFlintDateRangePickerChange: "flint-date-range-picker-change"
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
// src/events/flint-date-range-calendar.ts
|
|
42
|
+
var FlintDateRangeCalendarEvents = {
|
|
43
|
+
DATE_RANGE_PICKER_SELECT: "flint-date-range-picker-select"
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
// src/events/flint-date-range-picker.ts
|
|
47
|
+
var FlintDateRangePickerEvents = {
|
|
48
|
+
CHANGE: "flint-date-range-picker-change"
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
// src/events/flint-single-input-date-range-field.ts
|
|
52
|
+
var FlintSingleInputDateRangeFieldEvents = {
|
|
53
|
+
DATE_RANGE_PICKER_CLEAR: "flint-date-range-picker-clear",
|
|
54
|
+
DATE_RANGE_PICKER_CHANGE: "flint-date-range-picker-change"
|
|
55
|
+
};
|
|
56
|
+
export {
|
|
57
|
+
FlintDateRangeCalendar,
|
|
58
|
+
FlintDateRangeCalendarEvents,
|
|
59
|
+
FlintDateRangePicker,
|
|
60
|
+
FlintDateRangePickerEvents,
|
|
61
|
+
FlintSingleInputDateRangeField,
|
|
62
|
+
FlintSingleInputDateRangeFieldEvents
|
|
63
|
+
};
|
package/dist/dialog.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { FlintDialog, type FlintDialogProps } from './components/FlintDialog.js';
|
|
2
|
+
export { FlintDialogTitle, type FlintDialogTitleProps } from './components/FlintDialogTitle.js';
|
|
3
|
+
export { FlintDialogContent, type FlintDialogContentProps } from './components/FlintDialogContent.js';
|
|
4
|
+
export { FlintDialogContentText, type FlintDialogContentTextProps } from './components/FlintDialogContentText.js';
|
|
5
|
+
export { FlintDialogActions, type FlintDialogActionsProps } from './components/FlintDialogActions.js';
|
|
6
|
+
export { FlintDialogEvents } from './events/flint-dialog.js';
|
package/dist/dialog.js
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
// src/components/FlintDialog.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintDialog as FlintDialogElement } from "@getufy/flint-ui/dialog/flint-dialog";
|
|
5
|
+
var FlintDialog = createComponent({
|
|
6
|
+
tagName: "flint-dialog",
|
|
7
|
+
elementClass: FlintDialogElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onClose: "close"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/components/FlintDialogTitle.tsx
|
|
15
|
+
import React2 from "react";
|
|
16
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
17
|
+
import { FlintDialogTitle as FlintDialogTitleElement } from "@getufy/flint-ui/dialog/flint-dialog";
|
|
18
|
+
var FlintDialogTitle = createComponent2({
|
|
19
|
+
tagName: "flint-dialog-title",
|
|
20
|
+
elementClass: FlintDialogTitleElement,
|
|
21
|
+
react: React2
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
// src/components/FlintDialogContent.tsx
|
|
25
|
+
import React3 from "react";
|
|
26
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
27
|
+
import { FlintDialogContent as FlintDialogContentElement } from "@getufy/flint-ui/dialog/flint-dialog";
|
|
28
|
+
var FlintDialogContent = createComponent3({
|
|
29
|
+
tagName: "flint-dialog-content",
|
|
30
|
+
elementClass: FlintDialogContentElement,
|
|
31
|
+
react: React3
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
// src/components/FlintDialogContentText.tsx
|
|
35
|
+
import React4 from "react";
|
|
36
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
37
|
+
import { FlintDialogContentText as FlintDialogContentTextElement } from "@getufy/flint-ui/dialog/flint-dialog";
|
|
38
|
+
var FlintDialogContentText = createComponent4({
|
|
39
|
+
tagName: "flint-dialog-content-text",
|
|
40
|
+
elementClass: FlintDialogContentTextElement,
|
|
41
|
+
react: React4
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
// src/components/FlintDialogActions.tsx
|
|
45
|
+
import React5 from "react";
|
|
46
|
+
import { createComponent as createComponent5 } from "@lit/react";
|
|
47
|
+
import { FlintDialogActions as FlintDialogActionsElement } from "@getufy/flint-ui/dialog/flint-dialog";
|
|
48
|
+
var FlintDialogActions = createComponent5({
|
|
49
|
+
tagName: "flint-dialog-actions",
|
|
50
|
+
elementClass: FlintDialogActionsElement,
|
|
51
|
+
react: React5
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
// src/events/flint-dialog.ts
|
|
55
|
+
var FlintDialogEvents = {
|
|
56
|
+
CLOSE: "close"
|
|
57
|
+
};
|
|
58
|
+
export {
|
|
59
|
+
FlintDialog,
|
|
60
|
+
FlintDialogActions,
|
|
61
|
+
FlintDialogContent,
|
|
62
|
+
FlintDialogContentText,
|
|
63
|
+
FlintDialogEvents,
|
|
64
|
+
FlintDialogTitle
|
|
65
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintDivider, type FlintDividerProps } from './components/FlintDivider.js';
|
package/dist/divider.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintDivider.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintDivider as FlintDividerElement } from "@getufy/flint-ui/divider/flint-divider";
|
|
5
|
+
var FlintDivider = createComponent({
|
|
6
|
+
tagName: "flint-divider",
|
|
7
|
+
elementClass: FlintDividerElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintDivider
|
|
12
|
+
};
|
package/dist/drawer.d.ts
ADDED
package/dist/drawer.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/components/FlintDrawer.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintDrawer as FlintDrawerElement } from "@getufy/flint-ui/drawer/flint-drawer";
|
|
5
|
+
var FlintDrawer = createComponent({
|
|
6
|
+
tagName: "flint-drawer",
|
|
7
|
+
elementClass: FlintDrawerElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintDrawerClose: "flint-drawer-close"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/events/flint-drawer.ts
|
|
15
|
+
var FlintDrawerEvents = {
|
|
16
|
+
CLOSE: "flint-drawer-close"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
FlintDrawer,
|
|
20
|
+
FlintDrawerEvents
|
|
21
|
+
};
|
package/dist/empty.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { FlintEmptyTitle, type FlintEmptyTitleProps } from './components/FlintEmptyTitle.js';
|
|
2
|
+
export { FlintEmptyDescription, type FlintEmptyDescriptionProps } from './components/FlintEmptyDescription.js';
|
|
3
|
+
export { FlintEmptyMedia, type FlintEmptyMediaProps } from './components/FlintEmptyMedia.js';
|
|
4
|
+
export { FlintEmptyHeader, type FlintEmptyHeaderProps } from './components/FlintEmptyHeader.js';
|
|
5
|
+
export { FlintEmptyContent, type FlintEmptyContentProps } from './components/FlintEmptyContent.js';
|
|
6
|
+
export { FlintEmpty, type FlintEmptyProps } from './components/FlintEmpty.js';
|
package/dist/empty.js
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
// src/components/FlintEmptyTitle.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintEmptyTitle as FlintEmptyTitleElement } from "@getufy/flint-ui/empty/flint-empty";
|
|
5
|
+
var FlintEmptyTitle = createComponent({
|
|
6
|
+
tagName: "flint-empty-title",
|
|
7
|
+
elementClass: FlintEmptyTitleElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
// src/components/FlintEmptyDescription.tsx
|
|
12
|
+
import React2 from "react";
|
|
13
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
14
|
+
import { FlintEmptyDescription as FlintEmptyDescriptionElement } from "@getufy/flint-ui/empty/flint-empty";
|
|
15
|
+
var FlintEmptyDescription = createComponent2({
|
|
16
|
+
tagName: "flint-empty-description",
|
|
17
|
+
elementClass: FlintEmptyDescriptionElement,
|
|
18
|
+
react: React2
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
// src/components/FlintEmptyMedia.tsx
|
|
22
|
+
import React3 from "react";
|
|
23
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
24
|
+
import { FlintEmptyMedia as FlintEmptyMediaElement } from "@getufy/flint-ui/empty/flint-empty";
|
|
25
|
+
var FlintEmptyMedia = createComponent3({
|
|
26
|
+
tagName: "flint-empty-media",
|
|
27
|
+
elementClass: FlintEmptyMediaElement,
|
|
28
|
+
react: React3
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
// src/components/FlintEmptyHeader.tsx
|
|
32
|
+
import React4 from "react";
|
|
33
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
34
|
+
import { FlintEmptyHeader as FlintEmptyHeaderElement } from "@getufy/flint-ui/empty/flint-empty";
|
|
35
|
+
var FlintEmptyHeader = createComponent4({
|
|
36
|
+
tagName: "flint-empty-header",
|
|
37
|
+
elementClass: FlintEmptyHeaderElement,
|
|
38
|
+
react: React4
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
// src/components/FlintEmptyContent.tsx
|
|
42
|
+
import React5 from "react";
|
|
43
|
+
import { createComponent as createComponent5 } from "@lit/react";
|
|
44
|
+
import { FlintEmptyContent as FlintEmptyContentElement } from "@getufy/flint-ui/empty/flint-empty";
|
|
45
|
+
var FlintEmptyContent = createComponent5({
|
|
46
|
+
tagName: "flint-empty-content",
|
|
47
|
+
elementClass: FlintEmptyContentElement,
|
|
48
|
+
react: React5
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
// src/components/FlintEmpty.tsx
|
|
52
|
+
import React6 from "react";
|
|
53
|
+
import { createComponent as createComponent6 } from "@lit/react";
|
|
54
|
+
import { FlintEmpty as FlintEmptyElement } from "@getufy/flint-ui/empty/flint-empty";
|
|
55
|
+
var FlintEmpty = createComponent6({
|
|
56
|
+
tagName: "flint-empty",
|
|
57
|
+
elementClass: FlintEmptyElement,
|
|
58
|
+
react: React6
|
|
59
|
+
});
|
|
60
|
+
export {
|
|
61
|
+
FlintEmpty,
|
|
62
|
+
FlintEmptyContent,
|
|
63
|
+
FlintEmptyDescription,
|
|
64
|
+
FlintEmptyHeader,
|
|
65
|
+
FlintEmptyMedia,
|
|
66
|
+
FlintEmptyTitle
|
|
67
|
+
};
|
package/dist/fab.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintFab, type FlintFabProps } from './components/FlintFab.js';
|
package/dist/fab.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintFab.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintFab as FlintFabElement } from "@getufy/flint-ui/fab/flint-fab";
|
|
5
|
+
var FlintFab = createComponent({
|
|
6
|
+
tagName: "flint-fab",
|
|
7
|
+
elementClass: FlintFabElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintFab
|
|
12
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/components/FlintRangeSlider.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintRangeSlider as FlintRangeSliderElement } from "@getufy/flint-ui/flint-range-slider/flint-range-slider";
|
|
5
|
+
var FlintRangeSlider = createComponent({
|
|
6
|
+
tagName: "flint-range-slider",
|
|
7
|
+
elementClass: FlintRangeSliderElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintRangeSliderChange: "flint-range-slider-change"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/events/flint-range-slider.ts
|
|
15
|
+
var FlintRangeSliderEvents = {
|
|
16
|
+
CHANGE: "flint-range-slider-change"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
FlintRangeSlider,
|
|
20
|
+
FlintRangeSliderEvents
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintFormatDate, type FlintFormatDateProps } from './components/FlintFormatDate.js';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintFormatDate.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintFormatDate as FlintFormatDateElement } from "@getufy/flint-ui/format-date/flint-format-date";
|
|
5
|
+
var FlintFormatDate = createComponent({
|
|
6
|
+
tagName: "flint-format-date",
|
|
7
|
+
elementClass: FlintFormatDateElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintFormatDate
|
|
12
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintFormatNumber, type FlintFormatNumberProps } from './components/FlintFormatNumber.js';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintFormatNumber.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintFormatNumber as FlintFormatNumberElement } from "@getufy/flint-ui/format-number/flint-format-number";
|
|
5
|
+
var FlintFormatNumber = createComponent({
|
|
6
|
+
tagName: "flint-format-number",
|
|
7
|
+
elementClass: FlintFormatNumberElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintFormatNumber
|
|
12
|
+
};
|
package/dist/grid.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintGrid, type FlintGridProps } from './components/FlintGrid.js';
|