@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/menubar.js
ADDED
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
// src/components/FlintMenubarShortcut.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintMenubarShortcut as FlintMenubarShortcutElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
5
|
+
var FlintMenubarShortcut = createComponent({
|
|
6
|
+
tagName: "flint-menubar-shortcut",
|
|
7
|
+
elementClass: FlintMenubarShortcutElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
// src/components/FlintMenubarSeparator.tsx
|
|
12
|
+
import React2 from "react";
|
|
13
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
14
|
+
import { FlintMenubarSeparator as FlintMenubarSeparatorElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
15
|
+
var FlintMenubarSeparator = createComponent2({
|
|
16
|
+
tagName: "flint-menubar-separator",
|
|
17
|
+
elementClass: FlintMenubarSeparatorElement,
|
|
18
|
+
react: React2
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
// src/components/FlintMenubarGroup.tsx
|
|
22
|
+
import React3 from "react";
|
|
23
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
24
|
+
import { FlintMenubarGroup as FlintMenubarGroupElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
25
|
+
var FlintMenubarGroup = createComponent3({
|
|
26
|
+
tagName: "flint-menubar-group",
|
|
27
|
+
elementClass: FlintMenubarGroupElement,
|
|
28
|
+
react: React3
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
// src/components/FlintMenubarItem.tsx
|
|
32
|
+
import React4 from "react";
|
|
33
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
34
|
+
import { FlintMenubarItem as FlintMenubarItemElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
35
|
+
var FlintMenubarItem = createComponent4({
|
|
36
|
+
tagName: "flint-menubar-item",
|
|
37
|
+
elementClass: FlintMenubarItemElement,
|
|
38
|
+
react: React4,
|
|
39
|
+
events: {
|
|
40
|
+
onFlintMenubarItemSelect: "flint-menubar-item-select"
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
// src/components/FlintMenubarCheckboxItem.tsx
|
|
45
|
+
import React5 from "react";
|
|
46
|
+
import { createComponent as createComponent5 } from "@lit/react";
|
|
47
|
+
import { FlintMenubarCheckboxItem as FlintMenubarCheckboxItemElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
48
|
+
var FlintMenubarCheckboxItem = createComponent5({
|
|
49
|
+
tagName: "flint-menubar-checkbox-item",
|
|
50
|
+
elementClass: FlintMenubarCheckboxItemElement,
|
|
51
|
+
react: React5,
|
|
52
|
+
events: {
|
|
53
|
+
onFlintMenubarCheckboxChange: "flint-menubar-checkbox-change"
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
// src/components/FlintMenubarRadioItem.tsx
|
|
58
|
+
import React6 from "react";
|
|
59
|
+
import { createComponent as createComponent6 } from "@lit/react";
|
|
60
|
+
import { FlintMenubarRadioItem as FlintMenubarRadioItemElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
61
|
+
var FlintMenubarRadioItem = createComponent6({
|
|
62
|
+
tagName: "flint-menubar-radio-item",
|
|
63
|
+
elementClass: FlintMenubarRadioItemElement,
|
|
64
|
+
react: React6,
|
|
65
|
+
events: {
|
|
66
|
+
onFlintMenubarRadioSelect: "flint-menubar-radio-select"
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
// src/components/FlintMenubarRadioGroup.tsx
|
|
71
|
+
import React7 from "react";
|
|
72
|
+
import { createComponent as createComponent7 } from "@lit/react";
|
|
73
|
+
import { FlintMenubarRadioGroup as FlintMenubarRadioGroupElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
74
|
+
var FlintMenubarRadioGroup = createComponent7({
|
|
75
|
+
tagName: "flint-menubar-radio-group",
|
|
76
|
+
elementClass: FlintMenubarRadioGroupElement,
|
|
77
|
+
react: React7,
|
|
78
|
+
events: {
|
|
79
|
+
onFlintMenubarRadioChange: "flint-menubar-radio-change"
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
// src/components/FlintMenubarSubContent.tsx
|
|
84
|
+
import React8 from "react";
|
|
85
|
+
import { createComponent as createComponent8 } from "@lit/react";
|
|
86
|
+
import { FlintMenubarSubContent as FlintMenubarSubContentElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
87
|
+
var FlintMenubarSubContent = createComponent8({
|
|
88
|
+
tagName: "flint-menubar-sub-content",
|
|
89
|
+
elementClass: FlintMenubarSubContentElement,
|
|
90
|
+
react: React8
|
|
91
|
+
});
|
|
92
|
+
|
|
93
|
+
// src/components/FlintMenubarSubTrigger.tsx
|
|
94
|
+
import React9 from "react";
|
|
95
|
+
import { createComponent as createComponent9 } from "@lit/react";
|
|
96
|
+
import { FlintMenubarSubTrigger as FlintMenubarSubTriggerElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
97
|
+
var FlintMenubarSubTrigger = createComponent9({
|
|
98
|
+
tagName: "flint-menubar-sub-trigger",
|
|
99
|
+
elementClass: FlintMenubarSubTriggerElement,
|
|
100
|
+
react: React9
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
// src/components/FlintMenubarSub.tsx
|
|
104
|
+
import React10 from "react";
|
|
105
|
+
import { createComponent as createComponent10 } from "@lit/react";
|
|
106
|
+
import { FlintMenubarSub as FlintMenubarSubElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
107
|
+
var FlintMenubarSub = createComponent10({
|
|
108
|
+
tagName: "flint-menubar-sub",
|
|
109
|
+
elementClass: FlintMenubarSubElement,
|
|
110
|
+
react: React10
|
|
111
|
+
});
|
|
112
|
+
|
|
113
|
+
// src/components/FlintMenubarContent.tsx
|
|
114
|
+
import React11 from "react";
|
|
115
|
+
import { createComponent as createComponent11 } from "@lit/react";
|
|
116
|
+
import { FlintMenubarContent as FlintMenubarContentElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
117
|
+
var FlintMenubarContent = createComponent11({
|
|
118
|
+
tagName: "flint-menubar-content",
|
|
119
|
+
elementClass: FlintMenubarContentElement,
|
|
120
|
+
react: React11,
|
|
121
|
+
events: {
|
|
122
|
+
onFlintMenubarRequestClose: "flint-menubar-request-close"
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
|
|
126
|
+
// src/components/FlintMenubarTrigger.tsx
|
|
127
|
+
import React12 from "react";
|
|
128
|
+
import { createComponent as createComponent12 } from "@lit/react";
|
|
129
|
+
import { FlintMenubarTrigger as FlintMenubarTriggerElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
130
|
+
var FlintMenubarTrigger = createComponent12({
|
|
131
|
+
tagName: "flint-menubar-trigger",
|
|
132
|
+
elementClass: FlintMenubarTriggerElement,
|
|
133
|
+
react: React12
|
|
134
|
+
});
|
|
135
|
+
|
|
136
|
+
// src/components/FlintMenubarMenu.tsx
|
|
137
|
+
import React13 from "react";
|
|
138
|
+
import { createComponent as createComponent13 } from "@lit/react";
|
|
139
|
+
import { FlintMenubarMenu as FlintMenubarMenuElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
140
|
+
var FlintMenubarMenu = createComponent13({
|
|
141
|
+
tagName: "flint-menubar-menu",
|
|
142
|
+
elementClass: FlintMenubarMenuElement,
|
|
143
|
+
react: React13
|
|
144
|
+
});
|
|
145
|
+
|
|
146
|
+
// src/components/FlintMenubar.tsx
|
|
147
|
+
import React14 from "react";
|
|
148
|
+
import { createComponent as createComponent14 } from "@lit/react";
|
|
149
|
+
import { FlintMenubar as FlintMenubarElement } from "@getufy/flint-ui/menubar/flint-menubar";
|
|
150
|
+
var FlintMenubar = createComponent14({
|
|
151
|
+
tagName: "flint-menubar",
|
|
152
|
+
elementClass: FlintMenubarElement,
|
|
153
|
+
react: React14
|
|
154
|
+
});
|
|
155
|
+
|
|
156
|
+
// src/events/flint-menubar-item.ts
|
|
157
|
+
var FlintMenubarItemEvents = {
|
|
158
|
+
SELECT: "flint-menubar-item-select"
|
|
159
|
+
};
|
|
160
|
+
|
|
161
|
+
// src/events/flint-menubar-checkbox-item.ts
|
|
162
|
+
var FlintMenubarCheckboxItemEvents = {
|
|
163
|
+
MENUBAR_CHECKBOX_CHANGE: "flint-menubar-checkbox-change"
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
// src/events/flint-menubar-radio-item.ts
|
|
167
|
+
var FlintMenubarRadioItemEvents = {
|
|
168
|
+
MENUBAR_RADIO_SELECT: "flint-menubar-radio-select"
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
// src/events/flint-menubar-radio-group.ts
|
|
172
|
+
var FlintMenubarRadioGroupEvents = {
|
|
173
|
+
MENUBAR_RADIO_CHANGE: "flint-menubar-radio-change"
|
|
174
|
+
};
|
|
175
|
+
|
|
176
|
+
// src/events/flint-menubar-content.ts
|
|
177
|
+
var FlintMenubarContentEvents = {
|
|
178
|
+
MENUBAR_REQUEST_CLOSE: "flint-menubar-request-close"
|
|
179
|
+
};
|
|
180
|
+
export {
|
|
181
|
+
FlintMenubar,
|
|
182
|
+
FlintMenubarCheckboxItem,
|
|
183
|
+
FlintMenubarCheckboxItemEvents,
|
|
184
|
+
FlintMenubarContent,
|
|
185
|
+
FlintMenubarContentEvents,
|
|
186
|
+
FlintMenubarGroup,
|
|
187
|
+
FlintMenubarItem,
|
|
188
|
+
FlintMenubarItemEvents,
|
|
189
|
+
FlintMenubarMenu,
|
|
190
|
+
FlintMenubarRadioGroup,
|
|
191
|
+
FlintMenubarRadioGroupEvents,
|
|
192
|
+
FlintMenubarRadioItem,
|
|
193
|
+
FlintMenubarRadioItemEvents,
|
|
194
|
+
FlintMenubarSeparator,
|
|
195
|
+
FlintMenubarShortcut,
|
|
196
|
+
FlintMenubarSub,
|
|
197
|
+
FlintMenubarSubContent,
|
|
198
|
+
FlintMenubarSubTrigger,
|
|
199
|
+
FlintMenubarTrigger
|
|
200
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { FlintNavigationMenuContent, type FlintNavigationMenuContentProps } from './components/FlintNavigationMenuContent.js';
|
|
2
|
+
export { FlintNavigationMenuItem, type FlintNavigationMenuItemProps } from './components/FlintNavigationMenuItem.js';
|
|
3
|
+
export { FlintNavigationMenuLink, type FlintNavigationMenuLinkProps } from './components/FlintNavigationMenuLink.js';
|
|
4
|
+
export { FlintNavigationMenuList, type FlintNavigationMenuListProps } from './components/FlintNavigationMenuList.js';
|
|
5
|
+
export { FlintNavigationMenuTrigger, type FlintNavigationMenuTriggerProps } from './components/FlintNavigationMenuTrigger.js';
|
|
6
|
+
export { FlintNavigationMenu, type FlintNavigationMenuProps } from './components/FlintNavigationMenu.js';
|
|
7
|
+
export { FlintNavigationMenuContentEvents } from './events/flint-navigation-menu-content.js';
|
|
8
|
+
export { FlintNavigationMenuItemEvents } from './events/flint-navigation-menu-item.js';
|
|
9
|
+
export { FlintNavigationMenuTriggerEvents } from './events/flint-navigation-menu-trigger.js';
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
// src/components/FlintNavigationMenuContent.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintNavigationMenuContent as FlintNavigationMenuContentElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu-content";
|
|
5
|
+
var FlintNavigationMenuContent = createComponent({
|
|
6
|
+
tagName: "flint-navigation-menu-content",
|
|
7
|
+
elementClass: FlintNavigationMenuContentElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintNavigationMenuContentToggle: "flint-navigation-menu-content-toggle"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/components/FlintNavigationMenuItem.tsx
|
|
15
|
+
import React2 from "react";
|
|
16
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
17
|
+
import { FlintNavigationMenuItem as FlintNavigationMenuItemElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu-item";
|
|
18
|
+
var FlintNavigationMenuItem = createComponent2({
|
|
19
|
+
tagName: "flint-navigation-menu-item",
|
|
20
|
+
elementClass: FlintNavigationMenuItemElement,
|
|
21
|
+
react: React2,
|
|
22
|
+
events: {
|
|
23
|
+
onFlintNavigationMenuTriggerClick: "flint-navigation-menu-trigger-click",
|
|
24
|
+
onFlintNavigationMenuContentToggle: "flint-navigation-menu-content-toggle"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
// src/components/FlintNavigationMenuLink.tsx
|
|
29
|
+
import React3 from "react";
|
|
30
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
31
|
+
import { FlintNavigationMenuLink as FlintNavigationMenuLinkElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu-link";
|
|
32
|
+
var FlintNavigationMenuLink = createComponent3({
|
|
33
|
+
tagName: "flint-navigation-menu-link",
|
|
34
|
+
elementClass: FlintNavigationMenuLinkElement,
|
|
35
|
+
react: React3
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
// src/components/FlintNavigationMenuList.tsx
|
|
39
|
+
import React4 from "react";
|
|
40
|
+
import { createComponent as createComponent4 } from "@lit/react";
|
|
41
|
+
import { FlintNavigationMenuList as FlintNavigationMenuListElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu-list";
|
|
42
|
+
var FlintNavigationMenuList = createComponent4({
|
|
43
|
+
tagName: "flint-navigation-menu-list",
|
|
44
|
+
elementClass: FlintNavigationMenuListElement,
|
|
45
|
+
react: React4
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
// src/components/FlintNavigationMenuTrigger.tsx
|
|
49
|
+
import React5 from "react";
|
|
50
|
+
import { createComponent as createComponent5 } from "@lit/react";
|
|
51
|
+
import { FlintNavigationMenuTrigger as FlintNavigationMenuTriggerElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu-trigger";
|
|
52
|
+
var FlintNavigationMenuTrigger = createComponent5({
|
|
53
|
+
tagName: "flint-navigation-menu-trigger",
|
|
54
|
+
elementClass: FlintNavigationMenuTriggerElement,
|
|
55
|
+
react: React5,
|
|
56
|
+
events: {
|
|
57
|
+
onFlintNavigationMenuTriggerClick: "flint-navigation-menu-trigger-click"
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
// src/components/FlintNavigationMenu.tsx
|
|
62
|
+
import React6 from "react";
|
|
63
|
+
import { createComponent as createComponent6 } from "@lit/react";
|
|
64
|
+
import { FlintNavigationMenu as FlintNavigationMenuElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu";
|
|
65
|
+
var FlintNavigationMenu = createComponent6({
|
|
66
|
+
tagName: "flint-navigation-menu",
|
|
67
|
+
elementClass: FlintNavigationMenuElement,
|
|
68
|
+
react: React6
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
// src/events/flint-navigation-menu-content.ts
|
|
72
|
+
var FlintNavigationMenuContentEvents = {
|
|
73
|
+
TOGGLE: "flint-navigation-menu-content-toggle"
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
// src/events/flint-navigation-menu-item.ts
|
|
77
|
+
var FlintNavigationMenuItemEvents = {
|
|
78
|
+
NAVIGATION_MENU_TRIGGER_CLICK: "flint-navigation-menu-trigger-click",
|
|
79
|
+
NAVIGATION_MENU_CONTENT_TOGGLE: "flint-navigation-menu-content-toggle"
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
// src/events/flint-navigation-menu-trigger.ts
|
|
83
|
+
var FlintNavigationMenuTriggerEvents = {
|
|
84
|
+
CLICK: "flint-navigation-menu-trigger-click"
|
|
85
|
+
};
|
|
86
|
+
export {
|
|
87
|
+
FlintNavigationMenu,
|
|
88
|
+
FlintNavigationMenuContent,
|
|
89
|
+
FlintNavigationMenuContentEvents,
|
|
90
|
+
FlintNavigationMenuItem,
|
|
91
|
+
FlintNavigationMenuItemEvents,
|
|
92
|
+
FlintNavigationMenuLink,
|
|
93
|
+
FlintNavigationMenuList,
|
|
94
|
+
FlintNavigationMenuTrigger,
|
|
95
|
+
FlintNavigationMenuTriggerEvents
|
|
96
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/components/FlintPagination.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintPagination as FlintPaginationElement } from "@getufy/flint-ui/pagination/flint-pagination";
|
|
5
|
+
var FlintPagination = createComponent({
|
|
6
|
+
tagName: "flint-pagination",
|
|
7
|
+
elementClass: FlintPaginationElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintPaginationChange: "flint-pagination-change"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/events/flint-pagination.ts
|
|
15
|
+
var FlintPaginationEvents = {
|
|
16
|
+
CHANGE: "flint-pagination-change"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
FlintPagination,
|
|
20
|
+
FlintPaginationEvents
|
|
21
|
+
};
|
package/dist/paper.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintPaper, type FlintPaperProps } from './components/FlintPaper.js';
|
package/dist/paper.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintPaper.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintPaper as FlintPaperElement } from "@getufy/flint-ui/paper/flint-paper";
|
|
5
|
+
var FlintPaper = createComponent({
|
|
6
|
+
tagName: "flint-paper",
|
|
7
|
+
elementClass: FlintPaperElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintPaper
|
|
12
|
+
};
|
package/dist/progress.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// src/components/FlintCircularProgress.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintCircularProgress as FlintCircularProgressElement } from "@getufy/flint-ui/progress/flint-circular-progress";
|
|
5
|
+
var FlintCircularProgress = createComponent({
|
|
6
|
+
tagName: "flint-circular-progress",
|
|
7
|
+
elementClass: FlintCircularProgressElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
// src/components/FlintLinearProgress.tsx
|
|
12
|
+
import React2 from "react";
|
|
13
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
14
|
+
import { FlintLinearProgress as FlintLinearProgressElement } from "@getufy/flint-ui/progress/flint-linear-progress";
|
|
15
|
+
var FlintLinearProgress = createComponent2({
|
|
16
|
+
tagName: "flint-linear-progress",
|
|
17
|
+
elementClass: FlintLinearProgressElement,
|
|
18
|
+
react: React2
|
|
19
|
+
});
|
|
20
|
+
export {
|
|
21
|
+
FlintCircularProgress,
|
|
22
|
+
FlintLinearProgress
|
|
23
|
+
};
|
package/dist/radio.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { FlintRadioGroup, type FlintRadioGroupProps } from './components/FlintRadioGroup.js';
|
|
2
|
+
export { FlintRadio, type FlintRadioProps } from './components/FlintRadio.js';
|
|
3
|
+
export { FlintRadioGroupEvents } from './events/flint-radio-group.js';
|
|
4
|
+
export { FlintRadioEvents } from './events/flint-radio.js';
|
package/dist/radio.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
// src/components/FlintRadioGroup.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintRadioGroup as FlintRadioGroupElement } from "@getufy/flint-ui/radio/flint-radio";
|
|
5
|
+
var FlintRadioGroup = createComponent({
|
|
6
|
+
tagName: "flint-radio-group",
|
|
7
|
+
elementClass: FlintRadioGroupElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintRadioGroupChange: "flint-radio-group-change"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/components/FlintRadio.tsx
|
|
15
|
+
import React2 from "react";
|
|
16
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
17
|
+
import { FlintRadio as FlintRadioElement } from "@getufy/flint-ui/radio/flint-radio";
|
|
18
|
+
var FlintRadio = createComponent2({
|
|
19
|
+
tagName: "flint-radio",
|
|
20
|
+
elementClass: FlintRadioElement,
|
|
21
|
+
react: React2,
|
|
22
|
+
events: {
|
|
23
|
+
onFlintRadioSelect: "flint-radio-select"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
// src/events/flint-radio-group.ts
|
|
28
|
+
var FlintRadioGroupEvents = {
|
|
29
|
+
CHANGE: "flint-radio-group-change"
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
// src/events/flint-radio.ts
|
|
33
|
+
var FlintRadioEvents = {
|
|
34
|
+
SELECT: "flint-radio-select"
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
FlintRadio,
|
|
38
|
+
FlintRadioEvents,
|
|
39
|
+
FlintRadioGroup,
|
|
40
|
+
FlintRadioGroupEvents
|
|
41
|
+
};
|
package/dist/rating.d.ts
ADDED
package/dist/rating.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/components/FlintRating.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintRating as FlintRatingElement } from "@getufy/flint-ui/rating/flint-rating";
|
|
5
|
+
var FlintRating = createComponent({
|
|
6
|
+
tagName: "flint-rating",
|
|
7
|
+
elementClass: FlintRatingElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintRatingChange: "flint-rating-change"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/events/flint-rating.ts
|
|
15
|
+
var FlintRatingEvents = {
|
|
16
|
+
CHANGE: "flint-rating-change"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
FlintRating,
|
|
20
|
+
FlintRatingEvents
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintRelativeTime, type FlintRelativeTimeProps } from './components/FlintRelativeTime.js';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintRelativeTime.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintRelativeTime as FlintRelativeTimeElement } from "@getufy/flint-ui/relative-time/flint-relative-time";
|
|
5
|
+
var FlintRelativeTime = createComponent({
|
|
6
|
+
tagName: "flint-relative-time",
|
|
7
|
+
elementClass: FlintRelativeTimeElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintRelativeTime
|
|
12
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { FlintResizableGroup, type FlintResizableGroupProps } from './components/FlintResizableGroup.js';
|
|
2
|
+
export { FlintResizablePanel, type FlintResizablePanelProps } from './components/FlintResizablePanel.js';
|
|
3
|
+
export { FlintResizableHandle, type FlintResizableHandleProps } from './components/FlintResizableHandle.js';
|
|
4
|
+
export { FlintResizableGroupEvents } from './events/flint-resizable-group.js';
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
// src/components/FlintResizableGroup.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintResizableGroup as FlintResizableGroupElement } from "@getufy/flint-ui/resizable/flint-resizable";
|
|
5
|
+
var FlintResizableGroup = createComponent({
|
|
6
|
+
tagName: "flint-resizable-group",
|
|
7
|
+
elementClass: FlintResizableGroupElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintResizableCollapse: "flint-resizable-collapse",
|
|
11
|
+
onFlintResizableExpand: "flint-resizable-expand",
|
|
12
|
+
onFlintResizableChange: "flint-resizable-change"
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
// src/components/FlintResizablePanel.tsx
|
|
17
|
+
import React2 from "react";
|
|
18
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
19
|
+
import { FlintResizablePanel as FlintResizablePanelElement } from "@getufy/flint-ui/resizable/flint-resizable";
|
|
20
|
+
var FlintResizablePanel = createComponent2({
|
|
21
|
+
tagName: "flint-resizable-panel",
|
|
22
|
+
elementClass: FlintResizablePanelElement,
|
|
23
|
+
react: React2
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
// src/components/FlintResizableHandle.tsx
|
|
27
|
+
import React3 from "react";
|
|
28
|
+
import { createComponent as createComponent3 } from "@lit/react";
|
|
29
|
+
import { FlintResizableHandle as FlintResizableHandleElement } from "@getufy/flint-ui/resizable/flint-resizable";
|
|
30
|
+
var FlintResizableHandle = createComponent3({
|
|
31
|
+
tagName: "flint-resizable-handle",
|
|
32
|
+
elementClass: FlintResizableHandleElement,
|
|
33
|
+
react: React3
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
// src/events/flint-resizable-group.ts
|
|
37
|
+
var FlintResizableGroupEvents = {
|
|
38
|
+
RESIZABLE_COLLAPSE: "flint-resizable-collapse",
|
|
39
|
+
RESIZABLE_EXPAND: "flint-resizable-expand",
|
|
40
|
+
RESIZABLE_CHANGE: "flint-resizable-change"
|
|
41
|
+
};
|
|
42
|
+
export {
|
|
43
|
+
FlintResizableGroup,
|
|
44
|
+
FlintResizableGroupEvents,
|
|
45
|
+
FlintResizableHandle,
|
|
46
|
+
FlintResizablePanel
|
|
47
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// src/components/FlintScrollBar.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintScrollBar as FlintScrollBarElement } from "@getufy/flint-ui/scroll-area/flint-scroll-area";
|
|
5
|
+
var FlintScrollBar = createComponent({
|
|
6
|
+
tagName: "flint-scroll-bar",
|
|
7
|
+
elementClass: FlintScrollBarElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
// src/components/FlintScrollArea.tsx
|
|
12
|
+
import React2 from "react";
|
|
13
|
+
import { createComponent as createComponent2 } from "@lit/react";
|
|
14
|
+
import { FlintScrollArea as FlintScrollAreaElement } from "@getufy/flint-ui/scroll-area/flint-scroll-area";
|
|
15
|
+
var FlintScrollArea = createComponent2({
|
|
16
|
+
tagName: "flint-scroll-area",
|
|
17
|
+
elementClass: FlintScrollAreaElement,
|
|
18
|
+
react: React2
|
|
19
|
+
});
|
|
20
|
+
export {
|
|
21
|
+
FlintScrollArea,
|
|
22
|
+
FlintScrollBar
|
|
23
|
+
};
|
package/dist/select.d.ts
ADDED
package/dist/select.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/components/FlintSelect.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintSelect as FlintSelectElement } from "@getufy/flint-ui/select/flint-select";
|
|
5
|
+
var FlintSelect = createComponent({
|
|
6
|
+
tagName: "flint-select",
|
|
7
|
+
elementClass: FlintSelectElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintSelectChange: "flint-select-change"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/events/flint-select.ts
|
|
15
|
+
var FlintSelectEvents = {
|
|
16
|
+
CHANGE: "flint-select-change"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
FlintSelect,
|
|
20
|
+
FlintSelectEvents
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintSkeleton, type FlintSkeletonProps } from './components/FlintSkeleton.js';
|
package/dist/skeleton.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// src/components/FlintSkeleton.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintSkeleton as FlintSkeletonElement } from "@getufy/flint-ui/skeleton/flint-skeleton";
|
|
5
|
+
var FlintSkeleton = createComponent({
|
|
6
|
+
tagName: "flint-skeleton",
|
|
7
|
+
elementClass: FlintSkeletonElement,
|
|
8
|
+
react: React
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
FlintSkeleton
|
|
12
|
+
};
|
package/dist/slider.d.ts
ADDED
package/dist/slider.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// src/components/FlintSlider.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintSlider as FlintSliderElement } from "@getufy/flint-ui/slider/flint-slider";
|
|
5
|
+
var FlintSlider = createComponent({
|
|
6
|
+
tagName: "flint-slider",
|
|
7
|
+
elementClass: FlintSliderElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintSliderChange: "flint-slider-change"
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
// src/events/flint-slider.ts
|
|
15
|
+
var FlintSliderEvents = {
|
|
16
|
+
CHANGE: "flint-slider-change"
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
FlintSlider,
|
|
20
|
+
FlintSliderEvents
|
|
21
|
+
};
|
package/dist/snackbar.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// src/components/FlintSnackbar.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { createComponent } from "@lit/react";
|
|
4
|
+
import { FlintSnackbar as FlintSnackbarElement } from "@getufy/flint-ui/snackbar/flint-snackbar";
|
|
5
|
+
var FlintSnackbar = createComponent({
|
|
6
|
+
tagName: "flint-snackbar",
|
|
7
|
+
elementClass: FlintSnackbarElement,
|
|
8
|
+
react: React,
|
|
9
|
+
events: {
|
|
10
|
+
onFlintSnackbarOpen: "flint-snackbar-open",
|
|
11
|
+
onFlintSnackbarClose: "flint-snackbar-close"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
// src/events/flint-snackbar.ts
|
|
16
|
+
var FlintSnackbarEvents = {
|
|
17
|
+
OPEN: "flint-snackbar-open",
|
|
18
|
+
CLOSE: "flint-snackbar-close"
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
FlintSnackbar,
|
|
22
|
+
FlintSnackbarEvents
|
|
23
|
+
};
|
package/dist/sonner.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlintToaster, type FlintToasterProps } from './components/FlintToaster.js';
|