kanto-ds 1.0.0 → 1.0.1
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 +8 -1
- package/dist/chunks/defaults-DKzFsNbv.js +57 -0
- package/dist/chunks/defaults-DKzFsNbv.js.map +1 -0
- package/dist/chunks/{listbox-CUXYn_3S.js → listbox-Sm3nvsC6.js} +5 -5
- package/dist/chunks/{listbox-CUXYn_3S.js.map → listbox-Sm3nvsC6.js.map} +1 -1
- package/dist/components/core/kt-icon/kt-icon.js +1 -1
- package/dist/components/core/kt-split-button/kt-split-button.d.ts +112 -0
- package/dist/components/core/kt-split-button/kt-split-button.js +262 -0
- package/dist/components/core/kt-split-button/kt-split-button.js.map +1 -0
- package/dist/components/data/kt-chart/cartesian.d.ts +62 -0
- package/dist/components/data/kt-chart/geometry.d.ts +41 -0
- package/dist/components/data/kt-chart/kt-chart.d.ts +79 -35
- package/dist/components/data/kt-chart/kt-chart.js +1200 -213
- package/dist/components/data/kt-chart/kt-chart.js.map +1 -1
- package/dist/components/data/kt-chart/model.d.ts +38 -0
- package/dist/components/data/kt-chart/point.d.ts +56 -0
- package/dist/components/data/kt-chart/radial.d.ts +60 -0
- package/dist/components/data/kt-chart/scale.d.ts +37 -0
- package/dist/components/forms/kt-input-menu/kt-input-menu.js +1 -1
- package/dist/components/forms/kt-select/kt-select.js +1 -1
- package/dist/components/overlays/kt-confirm-dialog/kt-confirm-dialog.js +41 -25
- package/dist/components/overlays/kt-confirm-dialog/kt-confirm-dialog.js.map +1 -1
- package/dist/components/overlays/kt-dropdown/kt-dropdown.d.ts +3 -0
- package/dist/components/overlays/kt-dropdown/kt-dropdown.js +48 -28
- package/dist/components/overlays/kt-dropdown/kt-dropdown.js.map +1 -1
- package/dist/components/overlays/kt-modal/kt-modal.js +12 -10
- package/dist/components/overlays/kt-modal/kt-modal.js.map +1 -1
- package/dist/icons/index.js +7 -34
- package/dist/icons/index.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.js +89 -87
- package/dist/index.js.map +1 -1
- package/dist/react/index.d.ts +13 -0
- package/dist/react/index.js +176 -162
- package/dist/react/index.js.map +1 -1
- package/dist/vue/index.d.ts +2 -0
- package/dist/vue/index.js +8 -7
- package/dist/vue/index.js.map +1 -1
- package/package.json +8 -2
- package/dist/chunks/registry-X4LS9J5K.js +0 -30
- package/dist/chunks/registry-X4LS9J5K.js.map +0 -1
package/dist/react/index.js
CHANGED
|
@@ -3,50 +3,51 @@ import { createComponent as e } from "@lit/react";
|
|
|
3
3
|
import { KtAvatar as a } from "../components/core/kt-avatar/kt-avatar.js";
|
|
4
4
|
import { KtBadge as o } from "../components/core/kt-badge/kt-badge.js";
|
|
5
5
|
import { KtButton as n } from "../components/core/kt-button/kt-button.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
6
|
+
import { KtSplitButton as s } from "../components/core/kt-split-button/kt-split-button.js";
|
|
7
|
+
import { KtCard as r } from "../components/core/kt-card/kt-card.js";
|
|
8
|
+
import { KtCode as m } from "../components/core/kt-code/kt-code.js";
|
|
9
|
+
import { KtIcon as l } from "../components/core/kt-icon/kt-icon.js";
|
|
10
|
+
import { KtKbd as K } from "../components/core/kt-kbd/kt-kbd.js";
|
|
11
|
+
import { KtDragDrop as c } from "../components/forms/kt-drag-drop/kt-drag-drop.js";
|
|
12
|
+
import { KtForm as g } from "../components/forms/kt-form/kt-form.js";
|
|
13
|
+
import { KtInput as i } from "../components/forms/kt-input/kt-input.js";
|
|
14
|
+
import { KtInputMenu as p } from "../components/forms/kt-input-menu/kt-input-menu.js";
|
|
15
|
+
import { KtLabelInput as k } from "../components/forms/kt-label-input/kt-label-input.js";
|
|
15
16
|
import { KtSelect as C } from "../components/forms/kt-select/kt-select.js";
|
|
16
|
-
import { KtTextarea as
|
|
17
|
-
import { KtToggle as
|
|
18
|
-
import { KtBreadcrumb as
|
|
19
|
-
import { KtPageHeader as
|
|
20
|
-
import { KtSegmentedControl as
|
|
21
|
-
import { KtSubMenuNavigation as
|
|
22
|
-
import { KtTabs as
|
|
23
|
-
import { KtHeader as
|
|
24
|
-
import { KtToggleButton as
|
|
25
|
-
import { KtToggleButtonGroup as
|
|
26
|
-
import { KtAlert as
|
|
27
|
-
import { KtEmptyState as
|
|
28
|
-
import { KtProgressBar as
|
|
29
|
-
import { KtSkeleton as
|
|
30
|
-
import { KtToast as
|
|
31
|
-
import { KtToastContainer as
|
|
32
|
-
import { KtTooltip as
|
|
33
|
-
import { KtCollapsible as
|
|
34
|
-
import { KtConfirmDialog as
|
|
35
|
-
import { KtDropdown as
|
|
36
|
-
import { KtModal as
|
|
37
|
-
import { KtSidePanel as
|
|
38
|
-
import { KtChart as
|
|
39
|
-
import { KtMeter as
|
|
40
|
-
import { KtPagination as
|
|
41
|
-
import { KtStat as
|
|
42
|
-
import { KtTable as
|
|
43
|
-
import { KtTimeline as
|
|
44
|
-
import { t as
|
|
45
|
-
const
|
|
17
|
+
import { KtTextarea as u } from "../components/forms/kt-textarea/kt-textarea.js";
|
|
18
|
+
import { KtToggle as f } from "../components/forms/kt-toggle/kt-toggle.js";
|
|
19
|
+
import { KtBreadcrumb as d } from "../components/navigation/kt-breadcrumb/kt-breadcrumb.js";
|
|
20
|
+
import { KtPageHeader as N } from "../components/navigation/kt-page-header/kt-page-header.js";
|
|
21
|
+
import { KtSegmentedControl as v } from "../components/navigation/kt-segmented-control/kt-segmented-control.js";
|
|
22
|
+
import { KtSubMenuNavigation as $ } from "../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
|
|
23
|
+
import { KtTabs as h } from "../components/navigation/kt-tabs/kt-tabs.js";
|
|
24
|
+
import { KtHeader as T } from "../components/navigation/kt-header/kt-header.js";
|
|
25
|
+
import { KtToggleButton as b } from "../components/navigation/kt-toggle-button/kt-toggle-button.js";
|
|
26
|
+
import { KtToggleButtonGroup as S } from "../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
|
|
27
|
+
import { KtAlert as B } from "../components/feedback/kt-alert/kt-alert.js";
|
|
28
|
+
import { KtEmptyState as I } from "../components/feedback/kt-empty-state/kt-empty-state.js";
|
|
29
|
+
import { KtProgressBar as P } from "../components/feedback/kt-progress-bar/kt-progress-bar.js";
|
|
30
|
+
import { KtSkeleton as M } from "../components/feedback/kt-skeleton/kt-skeleton.js";
|
|
31
|
+
import { KtToast as D } from "../components/feedback/kt-toast/kt-toast.js";
|
|
32
|
+
import { KtToastContainer as y } from "../components/feedback/kt-toast-container/kt-toast-container.js";
|
|
33
|
+
import { KtTooltip as H } from "../components/feedback/kt-tooltip/kt-tooltip.js";
|
|
34
|
+
import { KtCollapsible as w } from "../components/overlays/kt-collapsible/kt-collapsible.js";
|
|
35
|
+
import { KtConfirmDialog as x } from "../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
|
|
36
|
+
import { KtDropdown as A } from "../components/overlays/kt-dropdown/kt-dropdown.js";
|
|
37
|
+
import { KtModal as F } from "../components/overlays/kt-modal/kt-modal.js";
|
|
38
|
+
import { KtSidePanel as R } from "../components/overlays/kt-side-panel/kt-side-panel.js";
|
|
39
|
+
import { KtChart as E } from "../components/data/kt-chart/kt-chart.js";
|
|
40
|
+
import { KtMeter as G } from "../components/data/kt-meter/kt-meter.js";
|
|
41
|
+
import { KtPagination as L } from "../components/data/kt-pagination/kt-pagination.js";
|
|
42
|
+
import { KtStat as j } from "../components/data/kt-stat/kt-stat.js";
|
|
43
|
+
import { KtTable as O } from "../components/data/kt-table/kt-table.js";
|
|
44
|
+
import { KtTimeline as q, KtTimelineItem as z } from "../components/data/kt-timeline/kt-timeline.js";
|
|
45
|
+
import { t as Se } from "../chunks/toaster-PmdKSV5x.js";
|
|
46
|
+
const xt = e({
|
|
46
47
|
tagName: "kt-avatar",
|
|
47
48
|
elementClass: a,
|
|
48
49
|
react: t
|
|
49
|
-
}),
|
|
50
|
+
}), At = e({
|
|
50
51
|
tagName: "kt-badge",
|
|
51
52
|
elementClass: o,
|
|
52
53
|
react: t,
|
|
@@ -54,35 +55,44 @@ const Ht = e({
|
|
|
54
55
|
onKtBadgeClick: "kt-badge-click",
|
|
55
56
|
onKtRemove: "kt-remove"
|
|
56
57
|
}
|
|
57
|
-
}),
|
|
58
|
+
}), Ft = e({
|
|
58
59
|
tagName: "kt-button",
|
|
59
60
|
elementClass: n,
|
|
60
61
|
react: t
|
|
61
|
-
}),
|
|
62
|
-
tagName: "kt-
|
|
62
|
+
}), Rt = e({
|
|
63
|
+
tagName: "kt-split-button",
|
|
63
64
|
elementClass: s,
|
|
64
65
|
react: t,
|
|
66
|
+
events: {
|
|
67
|
+
onKtSelect: "kt-select",
|
|
68
|
+
onKtOpen: "kt-open",
|
|
69
|
+
onKtClose: "kt-close"
|
|
70
|
+
}
|
|
71
|
+
}), Et = e({
|
|
72
|
+
tagName: "kt-card",
|
|
73
|
+
elementClass: r,
|
|
74
|
+
react: t,
|
|
65
75
|
events: { onKtCardClick: "kt-card-click" }
|
|
66
|
-
}),
|
|
76
|
+
}), Gt = e({
|
|
67
77
|
tagName: "kt-code",
|
|
68
|
-
elementClass:
|
|
78
|
+
elementClass: m,
|
|
69
79
|
react: t,
|
|
70
80
|
events: { onKtCopy: "kt-copy" }
|
|
71
|
-
}),
|
|
81
|
+
}), Lt = e({
|
|
72
82
|
tagName: "kt-icon",
|
|
73
|
-
elementClass:
|
|
83
|
+
elementClass: l,
|
|
74
84
|
react: t
|
|
75
|
-
}),
|
|
85
|
+
}), jt = e({
|
|
76
86
|
tagName: "kt-kbd",
|
|
77
|
-
elementClass:
|
|
87
|
+
elementClass: K,
|
|
78
88
|
react: t
|
|
79
|
-
}),
|
|
89
|
+
}), Ot = e({
|
|
80
90
|
tagName: "kt-form",
|
|
81
|
-
elementClass:
|
|
91
|
+
elementClass: g,
|
|
82
92
|
react: t
|
|
83
|
-
}),
|
|
93
|
+
}), qt = e({
|
|
84
94
|
tagName: "kt-input",
|
|
85
|
-
elementClass:
|
|
95
|
+
elementClass: i,
|
|
86
96
|
react: t,
|
|
87
97
|
events: {
|
|
88
98
|
onKtInput: "kt-input",
|
|
@@ -90,153 +100,156 @@ const Ht = e({
|
|
|
90
100
|
onKtClear: "kt-clear",
|
|
91
101
|
onKtCountryChange: "kt-country-change"
|
|
92
102
|
}
|
|
93
|
-
}),
|
|
103
|
+
}), zt = e({
|
|
94
104
|
tagName: "kt-textarea",
|
|
95
|
-
elementClass:
|
|
105
|
+
elementClass: u,
|
|
96
106
|
react: t,
|
|
97
107
|
events: {
|
|
98
108
|
onKtInput: "kt-input",
|
|
99
109
|
onKtChange: "kt-change"
|
|
100
110
|
}
|
|
101
|
-
}),
|
|
111
|
+
}), Jt = e({
|
|
102
112
|
tagName: "kt-label-input",
|
|
103
|
-
elementClass:
|
|
113
|
+
elementClass: k,
|
|
104
114
|
react: t
|
|
105
|
-
}),
|
|
115
|
+
}), Qt = e({
|
|
106
116
|
tagName: "kt-toggle",
|
|
107
|
-
elementClass:
|
|
117
|
+
elementClass: f,
|
|
108
118
|
react: t,
|
|
109
119
|
events: { onKtChange: "kt-change" }
|
|
110
|
-
}),
|
|
120
|
+
}), Ut = e({
|
|
111
121
|
tagName: "kt-select",
|
|
112
122
|
elementClass: C,
|
|
113
123
|
react: t,
|
|
114
124
|
events: { onKtChange: "kt-change" }
|
|
115
|
-
}),
|
|
125
|
+
}), Vt = e({
|
|
116
126
|
tagName: "kt-input-menu",
|
|
117
|
-
elementClass:
|
|
127
|
+
elementClass: p,
|
|
118
128
|
react: t,
|
|
119
129
|
events: {
|
|
120
130
|
onKtChange: "kt-change",
|
|
121
131
|
onKtFilter: "kt-filter"
|
|
122
132
|
}
|
|
123
|
-
}),
|
|
133
|
+
}), Wt = e({
|
|
124
134
|
tagName: "kt-drag-drop",
|
|
125
|
-
elementClass:
|
|
135
|
+
elementClass: c,
|
|
126
136
|
react: t,
|
|
127
137
|
events: {
|
|
128
138
|
onKtFilesChange: "kt-files-change",
|
|
129
139
|
onKtFilesRejected: "kt-files-rejected"
|
|
130
140
|
}
|
|
131
|
-
}),
|
|
141
|
+
}), Xt = e({
|
|
132
142
|
tagName: "kt-breadcrumb",
|
|
133
|
-
elementClass:
|
|
143
|
+
elementClass: d,
|
|
134
144
|
react: t,
|
|
135
145
|
events: { onKtNavigate: "kt-navigate" }
|
|
136
|
-
}),
|
|
146
|
+
}), Yt = e({
|
|
137
147
|
tagName: "kt-sub-menu-navigation",
|
|
138
|
-
elementClass:
|
|
148
|
+
elementClass: $,
|
|
139
149
|
react: t,
|
|
140
150
|
events: { onKtNavigate: "kt-navigate" }
|
|
141
|
-
}),
|
|
151
|
+
}), Zt = e({
|
|
142
152
|
tagName: "kt-page-header",
|
|
143
|
-
elementClass:
|
|
153
|
+
elementClass: N,
|
|
144
154
|
react: t
|
|
145
|
-
}),
|
|
155
|
+
}), _t = e({
|
|
146
156
|
tagName: "kt-segmented-control",
|
|
147
|
-
elementClass:
|
|
157
|
+
elementClass: v,
|
|
148
158
|
react: t,
|
|
149
159
|
events: { onKtChange: "kt-change" }
|
|
150
|
-
}),
|
|
160
|
+
}), te = e({
|
|
151
161
|
tagName: "kt-tabs",
|
|
152
|
-
elementClass:
|
|
162
|
+
elementClass: h,
|
|
153
163
|
react: t,
|
|
154
164
|
events: { onKtChange: "kt-change" }
|
|
155
|
-
}),
|
|
165
|
+
}), ee = e({
|
|
156
166
|
tagName: "kt-header",
|
|
157
|
-
elementClass:
|
|
167
|
+
elementClass: T,
|
|
158
168
|
react: t,
|
|
159
169
|
events: { onKtMenuToggle: "kt-menu-toggle" }
|
|
160
|
-
}),
|
|
170
|
+
}), ae = e({
|
|
161
171
|
tagName: "kt-toggle-button",
|
|
162
|
-
elementClass:
|
|
172
|
+
elementClass: b,
|
|
163
173
|
react: t,
|
|
164
174
|
events: { onKtChange: "kt-change" }
|
|
165
|
-
}),
|
|
175
|
+
}), oe = e({
|
|
166
176
|
tagName: "kt-toggle-button-group",
|
|
167
|
-
elementClass:
|
|
177
|
+
elementClass: S,
|
|
168
178
|
react: t,
|
|
169
179
|
events: { onKtChange: "kt-change" }
|
|
170
|
-
}),
|
|
180
|
+
}), ne = e({
|
|
171
181
|
tagName: "kt-alert",
|
|
172
|
-
elementClass:
|
|
182
|
+
elementClass: B,
|
|
173
183
|
react: t,
|
|
174
184
|
events: { onKtClose: "kt-close" }
|
|
175
|
-
}),
|
|
185
|
+
}), se = e({
|
|
176
186
|
tagName: "kt-empty-state",
|
|
177
|
-
elementClass:
|
|
187
|
+
elementClass: I,
|
|
178
188
|
react: t
|
|
179
|
-
}),
|
|
189
|
+
}), re = e({
|
|
180
190
|
tagName: "kt-progress-bar",
|
|
181
|
-
elementClass:
|
|
191
|
+
elementClass: P,
|
|
182
192
|
react: t
|
|
183
|
-
}),
|
|
193
|
+
}), me = e({
|
|
184
194
|
tagName: "kt-skeleton",
|
|
185
|
-
elementClass:
|
|
195
|
+
elementClass: M,
|
|
186
196
|
react: t
|
|
187
|
-
}),
|
|
197
|
+
}), le = e({
|
|
188
198
|
tagName: "kt-tooltip",
|
|
189
|
-
elementClass:
|
|
199
|
+
elementClass: H,
|
|
190
200
|
react: t
|
|
191
|
-
}),
|
|
201
|
+
}), Ke = e({
|
|
192
202
|
tagName: "kt-toast",
|
|
193
|
-
elementClass:
|
|
203
|
+
elementClass: D,
|
|
194
204
|
react: t,
|
|
195
205
|
events: { onKtToastClose: "kt-toast-close" }
|
|
196
|
-
}),
|
|
206
|
+
}), ce = e({
|
|
197
207
|
tagName: "kt-toast-container",
|
|
198
|
-
elementClass:
|
|
208
|
+
elementClass: y,
|
|
199
209
|
react: t
|
|
200
|
-
}),
|
|
210
|
+
}), ge = e({
|
|
201
211
|
tagName: "kt-collapsible",
|
|
202
|
-
elementClass:
|
|
212
|
+
elementClass: w,
|
|
203
213
|
react: t,
|
|
204
214
|
events: { onKtToggle: "kt-toggle" }
|
|
205
|
-
}),
|
|
215
|
+
}), ie = e({
|
|
206
216
|
tagName: "kt-dropdown",
|
|
207
|
-
elementClass:
|
|
217
|
+
elementClass: A,
|
|
208
218
|
react: t,
|
|
209
219
|
events: {
|
|
210
220
|
onKtSelect: "kt-select",
|
|
211
221
|
onKtOpen: "kt-open",
|
|
212
222
|
onKtClose: "kt-close"
|
|
213
223
|
}
|
|
214
|
-
}),
|
|
224
|
+
}), pe = e({
|
|
215
225
|
tagName: "kt-modal",
|
|
216
|
-
elementClass:
|
|
226
|
+
elementClass: F,
|
|
217
227
|
react: t,
|
|
218
228
|
events: { onKtClose: "kt-close" }
|
|
219
|
-
}),
|
|
229
|
+
}), ke = e({
|
|
220
230
|
tagName: "kt-side-panel",
|
|
221
|
-
elementClass:
|
|
231
|
+
elementClass: R,
|
|
222
232
|
react: t,
|
|
223
233
|
events: { onKtClose: "kt-close" }
|
|
224
|
-
}),
|
|
234
|
+
}), Ce = e({
|
|
225
235
|
tagName: "kt-confirm-dialog",
|
|
226
|
-
elementClass:
|
|
236
|
+
elementClass: x,
|
|
227
237
|
react: t,
|
|
228
238
|
events: {
|
|
229
239
|
onKtConfirm: "kt-confirm",
|
|
230
240
|
onKtCancel: "kt-cancel"
|
|
231
241
|
}
|
|
232
|
-
}),
|
|
242
|
+
}), ue = e({
|
|
233
243
|
tagName: "kt-chart",
|
|
234
|
-
elementClass:
|
|
244
|
+
elementClass: E,
|
|
235
245
|
react: t,
|
|
236
|
-
events: {
|
|
237
|
-
|
|
246
|
+
events: {
|
|
247
|
+
onKtPointHover: "kt-point-hover",
|
|
248
|
+
onKtSeriesToggle: "kt-series-toggle"
|
|
249
|
+
}
|
|
250
|
+
}), fe = e({
|
|
238
251
|
tagName: "kt-table",
|
|
239
|
-
elementClass:
|
|
252
|
+
elementClass: O,
|
|
240
253
|
react: t,
|
|
241
254
|
events: {
|
|
242
255
|
onKtSortChange: "kt-sort-change",
|
|
@@ -244,71 +257,72 @@ const Ht = e({
|
|
|
244
257
|
onKtRowClick: "kt-row-click",
|
|
245
258
|
onKtPageChange: "kt-page-change"
|
|
246
259
|
}
|
|
247
|
-
}),
|
|
260
|
+
}), de = e({
|
|
248
261
|
tagName: "kt-meter",
|
|
249
|
-
elementClass:
|
|
262
|
+
elementClass: G,
|
|
250
263
|
react: t
|
|
251
|
-
}),
|
|
264
|
+
}), Ne = e({
|
|
252
265
|
tagName: "kt-pagination",
|
|
253
|
-
elementClass:
|
|
266
|
+
elementClass: L,
|
|
254
267
|
react: t,
|
|
255
268
|
events: { onKtPageChange: "kt-page-change" }
|
|
256
|
-
}),
|
|
269
|
+
}), ve = e({
|
|
257
270
|
tagName: "kt-stat",
|
|
258
|
-
elementClass:
|
|
271
|
+
elementClass: j,
|
|
259
272
|
react: t
|
|
260
|
-
}),
|
|
273
|
+
}), $e = e({
|
|
261
274
|
tagName: "kt-timeline",
|
|
262
|
-
elementClass:
|
|
275
|
+
elementClass: q,
|
|
263
276
|
react: t
|
|
264
|
-
}),
|
|
277
|
+
}), he = e({
|
|
265
278
|
tagName: "kt-timeline-item",
|
|
266
|
-
elementClass:
|
|
279
|
+
elementClass: z,
|
|
267
280
|
react: t
|
|
268
281
|
});
|
|
269
282
|
export {
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
283
|
+
ne as KtAlert,
|
|
284
|
+
xt as KtAvatar,
|
|
285
|
+
At as KtBadge,
|
|
286
|
+
Xt as KtBreadcrumb,
|
|
287
|
+
Ft as KtButton,
|
|
288
|
+
Et as KtCard,
|
|
289
|
+
ue as KtChart,
|
|
290
|
+
Gt as KtCode,
|
|
291
|
+
ge as KtCollapsible,
|
|
292
|
+
Ce as KtConfirmDialog,
|
|
293
|
+
Wt as KtDragDrop,
|
|
294
|
+
ie as KtDropdown,
|
|
295
|
+
se as KtEmptyState,
|
|
296
|
+
Ot as KtForm,
|
|
297
|
+
ee as KtHeader,
|
|
298
|
+
Lt as KtIcon,
|
|
299
|
+
qt as KtInput,
|
|
300
|
+
Vt as KtInputMenu,
|
|
301
|
+
jt as KtKbd,
|
|
302
|
+
Jt as KtLabelInput,
|
|
303
|
+
de as KtMeter,
|
|
304
|
+
pe as KtModal,
|
|
305
|
+
Zt as KtPageHeader,
|
|
306
|
+
Ne as KtPagination,
|
|
307
|
+
re as KtProgressBar,
|
|
308
|
+
_t as KtSegmentedControl,
|
|
309
|
+
Ut as KtSelect,
|
|
310
|
+
ke as KtSidePanel,
|
|
311
|
+
me as KtSkeleton,
|
|
312
|
+
Rt as KtSplitButton,
|
|
313
|
+
ve as KtStat,
|
|
314
|
+
Yt as KtSubMenuNavigation,
|
|
315
|
+
fe as KtTable,
|
|
316
|
+
te as KtTabs,
|
|
317
|
+
zt as KtTextarea,
|
|
318
|
+
$e as KtTimeline,
|
|
319
|
+
he as KtTimelineItem,
|
|
320
|
+
Ke as KtToast,
|
|
321
|
+
ce as KtToastContainer,
|
|
322
|
+
Qt as KtToggle,
|
|
323
|
+
ae as KtToggleButton,
|
|
324
|
+
oe as KtToggleButtonGroup,
|
|
325
|
+
le as KtTooltip,
|
|
326
|
+
Se as toaster
|
|
313
327
|
};
|
|
314
328
|
//# sourceMappingURL=index.js.map
|
package/dist/react/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/react/index.ts"],"sourcesContent":["/**\n * React wrappers for the Kanto elements.\n *\n * React 19 can set custom-element properties and listen for custom events on\n * its own, so these wrappers are not strictly required. They are here for what\n * plain JSX still cannot give you: typed props with autocompletion, typed\n * event handlers as `onKtChange` rather than `useEffect` plus\n * `addEventListener`, and refs typed as the element rather than `HTMLElement`.\n *\n * import { KtButton, KtInput } from 'kanto-ds/react';\n * import 'kanto-ds/styles.css';\n *\n * <KtInput placeholder=\"Search\" onKtChange={(e) => setQuery(e.detail.value)} />\n *\n * React is a peer dependency: the package works without it.\n */\nimport * as React from 'react';\nimport { createComponent, type EventName } from '@lit/react';\n\nimport { KtAvatar as KtAvatarElement } from '../components/core/kt-avatar/kt-avatar.js';\nimport { KtBadge as KtBadgeElement } from '../components/core/kt-badge/kt-badge.js';\nimport { KtButton as KtButtonElement } from '../components/core/kt-button/kt-button.js';\nimport { KtCard as KtCardElement } from '../components/core/kt-card/kt-card.js';\nimport { KtCode as KtCodeElement } from '../components/core/kt-code/kt-code.js';\nimport { KtIcon as KtIconElement } from '../components/core/kt-icon/kt-icon.js';\nimport { KtKbd as KtKbdElement } from '../components/core/kt-kbd/kt-kbd.js';\nimport { KtDragDrop as KtDragDropElement } from '../components/forms/kt-drag-drop/kt-drag-drop.js';\nimport { KtForm as KtFormElement } from '../components/forms/kt-form/kt-form.js';\nimport { KtInput as KtInputElement } from '../components/forms/kt-input/kt-input.js';\nimport { KtInputMenu as KtInputMenuElement } from '../components/forms/kt-input-menu/kt-input-menu.js';\nimport { KtLabelInput as KtLabelInputElement } from '../components/forms/kt-label-input/kt-label-input.js';\nimport { KtSelect as KtSelectElement } from '../components/forms/kt-select/kt-select.js';\nimport { KtTextarea as KtTextareaElement } from '../components/forms/kt-textarea/kt-textarea.js';\nimport { KtToggle as KtToggleElement } from '../components/forms/kt-toggle/kt-toggle.js';\nimport { KtBreadcrumb as KtBreadcrumbElement } from '../components/navigation/kt-breadcrumb/kt-breadcrumb.js';\nimport { KtPageHeader as KtPageHeaderElement } from '../components/navigation/kt-page-header/kt-page-header.js';\nimport { KtSegmentedControl as KtSegmentedControlElement } from '../components/navigation/kt-segmented-control/kt-segmented-control.js';\nimport { KtSubMenuNavigation as KtSubMenuNavigationElement } from '../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js';\nimport { KtTabs as KtTabsElement } from '../components/navigation/kt-tabs/kt-tabs.js';\nimport { KtHeader as KtHeaderElement } from '../components/navigation/kt-header/kt-header.js';\nimport { KtToggleButton as KtToggleButtonElement } from '../components/navigation/kt-toggle-button/kt-toggle-button.js';\nimport { KtToggleButtonGroup as KtToggleButtonGroupElement } from '../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js';\nimport { KtAlert as KtAlertElement } from '../components/feedback/kt-alert/kt-alert.js';\nimport { KtEmptyState as KtEmptyStateElement } from '../components/feedback/kt-empty-state/kt-empty-state.js';\nimport { KtProgressBar as KtProgressBarElement } from '../components/feedback/kt-progress-bar/kt-progress-bar.js';\nimport { KtSkeleton as KtSkeletonElement } from '../components/feedback/kt-skeleton/kt-skeleton.js';\nimport { KtToast as KtToastElement } from '../components/feedback/kt-toast/kt-toast.js';\nimport { KtToastContainer as KtToastContainerElement } from '../components/feedback/kt-toast-container/kt-toast-container.js';\nimport { KtTooltip as KtTooltipElement } from '../components/feedback/kt-tooltip/kt-tooltip.js';\nimport { KtCollapsible as KtCollapsibleElement } from '../components/overlays/kt-collapsible/kt-collapsible.js';\nimport { KtConfirmDialog as KtConfirmDialogElement } from '../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js';\nimport { KtDropdown as KtDropdownElement } from '../components/overlays/kt-dropdown/kt-dropdown.js';\nimport { KtModal as KtModalElement } from '../components/overlays/kt-modal/kt-modal.js';\nimport { KtSidePanel as KtSidePanelElement } from '../components/overlays/kt-side-panel/kt-side-panel.js';\nimport { KtChart as KtChartElement } from '../components/data/kt-chart/kt-chart.js';\nimport { KtMeter as KtMeterElement } from '../components/data/kt-meter/kt-meter.js';\nimport { KtPagination as KtPaginationElement } from '../components/data/kt-pagination/kt-pagination.js';\nimport { KtStat as KtStatElement } from '../components/data/kt-stat/kt-stat.js';\nimport { KtTable as KtTableElement } from '../components/data/kt-table/kt-table.js';\nimport {\n KtTimeline as KtTimelineElement,\n KtTimelineItem as KtTimelineItemElement,\n} from '../components/data/kt-timeline/kt-timeline.js';\n\n/** Narrows an event name to the detail its element actually dispatches. */\ntype Kt<T> = EventName<CustomEvent<T>>;\n\n// === CORE ===\nexport const KtAvatar = createComponent({\n tagName: 'kt-avatar',\n elementClass: KtAvatarElement,\n react: React,\n});\n\nexport const KtBadge = createComponent({\n tagName: 'kt-badge',\n elementClass: KtBadgeElement,\n react: React,\n events: {\n onKtBadgeClick: 'kt-badge-click' as Kt<never>,\n onKtRemove: 'kt-remove' as Kt<never>,\n },\n});\n\nexport const KtButton = createComponent({\n tagName: 'kt-button',\n elementClass: KtButtonElement,\n react: React,\n});\n\nexport const KtCard = createComponent({\n tagName: 'kt-card',\n elementClass: KtCardElement,\n react: React,\n events: { onKtCardClick: 'kt-card-click' as Kt<never> },\n});\n\nexport const KtCode = createComponent({\n tagName: 'kt-code',\n elementClass: KtCodeElement,\n react: React,\n events: { onKtCopy: 'kt-copy' as Kt<{ code: string }> },\n});\n\nexport const KtIcon = createComponent({\n tagName: 'kt-icon',\n elementClass: KtIconElement,\n react: React,\n});\n\nexport const KtKbd = createComponent({\n tagName: 'kt-kbd',\n elementClass: KtKbdElement,\n react: React,\n});\n\n// === FORMS ===\nexport const KtForm = createComponent({\n tagName: 'kt-form',\n elementClass: KtFormElement,\n react: React,\n});\n\nexport const KtInput = createComponent({\n tagName: 'kt-input',\n elementClass: KtInputElement,\n react: React,\n events: {\n onKtInput: 'kt-input' as Kt<{ value: string }>,\n onKtChange: 'kt-change' as Kt<{ value: string }>,\n onKtClear: 'kt-clear' as Kt<never>,\n onKtCountryChange: 'kt-country-change' as Kt<{ country: string; dialCode: string }>,\n },\n});\n\nexport const KtTextarea = createComponent({\n tagName: 'kt-textarea',\n elementClass: KtTextareaElement,\n react: React,\n events: {\n onKtInput: 'kt-input' as Kt<{ value: string }>,\n onKtChange: 'kt-change' as Kt<{ value: string }>,\n },\n});\n\nexport const KtLabelInput = createComponent({\n tagName: 'kt-label-input',\n elementClass: KtLabelInputElement,\n react: React,\n});\n\nexport const KtToggle = createComponent({\n tagName: 'kt-toggle',\n elementClass: KtToggleElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ checked: boolean }> },\n});\n\nexport const KtSelect = createComponent({\n tagName: 'kt-select',\n elementClass: KtSelectElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | number | null }> },\n});\n\nexport const KtInputMenu = createComponent({\n tagName: 'kt-input-menu',\n elementClass: KtInputMenuElement,\n react: React,\n events: {\n onKtChange: 'kt-change' as Kt<{ value: string | number | null }>,\n onKtFilter: 'kt-filter' as Kt<{ query: string }>,\n },\n});\n\nexport const KtDragDrop = createComponent({\n tagName: 'kt-drag-drop',\n elementClass: KtDragDropElement,\n react: React,\n events: {\n onKtFilesChange: 'kt-files-change' as Kt<{ files: File[] }>,\n onKtFilesRejected: 'kt-files-rejected' as Kt<{ files: File[]; reason: 'type' | 'size' }>,\n },\n});\n\n// === NAVIGATION ===\nexport const KtBreadcrumb = createComponent({\n tagName: 'kt-breadcrumb',\n elementClass: KtBreadcrumbElement,\n react: React,\n events: { onKtNavigate: 'kt-navigate' as Kt<{ index: number }> },\n});\n\nexport const KtSubMenuNavigation = createComponent({\n tagName: 'kt-sub-menu-navigation',\n elementClass: KtSubMenuNavigationElement,\n react: React,\n events: { onKtNavigate: 'kt-navigate' as Kt<unknown> },\n});\n\nexport const KtPageHeader = createComponent({\n tagName: 'kt-page-header',\n elementClass: KtPageHeaderElement,\n react: React,\n});\n\nexport const KtSegmentedControl = createComponent({\n tagName: 'kt-segmented-control',\n elementClass: KtSegmentedControlElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | number }> },\n});\n\nexport const KtTabs = createComponent({\n tagName: 'kt-tabs',\n elementClass: KtTabsElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | number }> },\n});\n\nexport const KtHeader = createComponent({\n tagName: 'kt-header',\n elementClass: KtHeaderElement,\n react: React,\n events: { onKtMenuToggle: 'kt-menu-toggle' as Kt<{ open: boolean }> },\n});\n\nexport const KtToggleButton = createComponent({\n tagName: 'kt-toggle-button',\n elementClass: KtToggleButtonElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ selected: boolean; value: string }> },\n});\n\nexport const KtToggleButtonGroup = createComponent({\n tagName: 'kt-toggle-button-group',\n elementClass: KtToggleButtonGroupElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | string[] | null }> },\n});\n\n// === FEEDBACK ===\nexport const KtAlert = createComponent({\n tagName: 'kt-alert',\n elementClass: KtAlertElement,\n react: React,\n events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtEmptyState = createComponent({\n tagName: 'kt-empty-state',\n elementClass: KtEmptyStateElement,\n react: React,\n});\n\nexport const KtProgressBar = createComponent({\n tagName: 'kt-progress-bar',\n elementClass: KtProgressBarElement,\n react: React,\n});\n\nexport const KtSkeleton = createComponent({\n tagName: 'kt-skeleton',\n elementClass: KtSkeletonElement,\n react: React,\n});\n\nexport const KtTooltip = createComponent({\n tagName: 'kt-tooltip',\n elementClass: KtTooltipElement,\n react: React,\n});\n\nexport const KtToast = createComponent({\n tagName: 'kt-toast',\n elementClass: KtToastElement,\n react: React,\n events: { onKtToastClose: 'kt-toast-close' as Kt<never> },\n});\n\nexport const KtToastContainer = createComponent({\n tagName: 'kt-toast-container',\n elementClass: KtToastContainerElement,\n react: React,\n});\n\n// === OVERLAYS ===\nexport const KtCollapsible = createComponent({\n tagName: 'kt-collapsible',\n elementClass: KtCollapsibleElement,\n react: React,\n events: { onKtToggle: 'kt-toggle' as Kt<{ open: boolean }> },\n});\n\nexport const KtDropdown = createComponent({\n tagName: 'kt-dropdown',\n elementClass: KtDropdownElement,\n react: React,\n events: {\n onKtSelect: 'kt-select' as Kt<{ value: string | number }>,\n onKtOpen: 'kt-open' as Kt<never>,\n onKtClose: 'kt-close' as Kt<never>,\n },\n});\n\nexport const KtModal = createComponent({\n tagName: 'kt-modal',\n elementClass: KtModalElement,\n react: React,\n events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtSidePanel = createComponent({\n tagName: 'kt-side-panel',\n elementClass: KtSidePanelElement,\n react: React,\n events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtConfirmDialog = createComponent({\n tagName: 'kt-confirm-dialog',\n elementClass: KtConfirmDialogElement,\n react: React,\n events: {\n onKtConfirm: 'kt-confirm' as Kt<never>,\n onKtCancel: 'kt-cancel' as Kt<never>,\n },\n});\n\n// === DATA ===\nexport const KtChart = createComponent({\n tagName: 'kt-chart',\n elementClass: KtChartElement,\n react: React,\n events: { onKtPointHover: 'kt-point-hover' as Kt<{ index: number }> },\n});\n\nexport const KtTable = createComponent({\n tagName: 'kt-table',\n elementClass: KtTableElement,\n react: React,\n events: {\n onKtSortChange: 'kt-sort-change' as Kt<{\n key: string | null;\n direction: 'asc' | 'desc' | null;\n }>,\n onKtSelectionChange: 'kt-selection-change' as Kt<{ selected: unknown[] }>,\n onKtRowClick: 'kt-row-click' as Kt<{ index: number }>,\n onKtPageChange: 'kt-page-change' as Kt<{ page: number }>,\n },\n});\n\nexport const KtMeter = createComponent({\n tagName: 'kt-meter',\n elementClass: KtMeterElement,\n react: React,\n});\n\nexport const KtPagination = createComponent({\n tagName: 'kt-pagination',\n elementClass: KtPaginationElement,\n react: React,\n events: { onKtPageChange: 'kt-page-change' as Kt<{ page: number }> },\n});\n\n// The imperative toaster needs no wrapper.\nexport { toaster } from '../components/feedback/kt-toast-container/toaster.js';\n\nexport const KtStat = createComponent({\n tagName: 'kt-stat',\n elementClass: KtStatElement,\n react: React,\n});\n\nexport const KtTimeline = createComponent({\n tagName: 'kt-timeline',\n elementClass: KtTimelineElement,\n react: React,\n});\n\nexport const KtTimelineItem = createComponent({\n tagName: 'kt-timeline-item',\n elementClass: KtTimelineItemElement,\n react: React,\n});\n"],"names":["KtAvatar","createComponent","KtAvatarElement","React","KtBadge","KtBadgeElement","KtButton","KtButtonElement","KtCard","KtCardElement","KtCode","KtCodeElement","KtIcon","KtIconElement","KtKbd","KtKbdElement","KtForm","KtFormElement","KtInput","KtInputElement","KtTextarea","KtTextareaElement","KtLabelInput","KtLabelInputElement","KtToggle","KtToggleElement","KtSelect","KtSelectElement","KtInputMenu","KtInputMenuElement","KtDragDrop","KtDragDropElement","KtBreadcrumb","KtBreadcrumbElement","KtSubMenuNavigation","KtSubMenuNavigationElement","KtPageHeader","KtPageHeaderElement","KtSegmentedControl","KtSegmentedControlElement","KtTabs","KtTabsElement","KtHeader","KtHeaderElement","KtToggleButton","KtToggleButtonElement","KtToggleButtonGroup","KtToggleButtonGroupElement","KtAlert","KtAlertElement","KtEmptyState","KtEmptyStateElement","KtProgressBar","KtProgressBarElement","KtSkeleton","KtSkeletonElement","KtTooltip","KtTooltipElement","KtToast","KtToastElement","KtToastContainer","KtToastContainerElement","KtCollapsible","KtCollapsibleElement","KtDropdown","KtDropdownElement","KtModal","KtModalElement","KtSidePanel","KtSidePanelElement","KtConfirmDialog","KtConfirmDialogElement","KtChart","KtChartElement","KtTable","KtTableElement","KtMeter","KtMeterElement","KtPagination","KtPaginationElement","KtStat","KtStatElement","KtTimeline","KtTimelineElement","KtTimelineItem","KtTimelineItemElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/react/index.ts"],"sourcesContent":["/**\n * React wrappers for the Kanto elements.\n *\n * React 19 can set custom-element properties and listen for custom events on\n * its own, so these wrappers are not strictly required. They are here for what\n * plain JSX still cannot give you: typed props with autocompletion, typed\n * event handlers as `onKtChange` rather than `useEffect` plus\n * `addEventListener`, and refs typed as the element rather than `HTMLElement`.\n *\n * import { KtButton, KtInput } from 'kanto-ds/react';\n * import 'kanto-ds/styles.css';\n *\n * <KtInput placeholder=\"Search\" onKtChange={(e) => setQuery(e.detail.value)} />\n *\n * React is a peer dependency: the package works without it.\n */\nimport * as React from 'react';\nimport { createComponent, type EventName } from '@lit/react';\n\nimport { KtAvatar as KtAvatarElement } from '../components/core/kt-avatar/kt-avatar.js';\nimport { KtBadge as KtBadgeElement } from '../components/core/kt-badge/kt-badge.js';\nimport { KtButton as KtButtonElement } from '../components/core/kt-button/kt-button.js';\nimport { KtSplitButton as KtSplitButtonElement } from '../components/core/kt-split-button/kt-split-button.js';\nimport { KtCard as KtCardElement } from '../components/core/kt-card/kt-card.js';\nimport { KtCode as KtCodeElement } from '../components/core/kt-code/kt-code.js';\nimport { KtIcon as KtIconElement } from '../components/core/kt-icon/kt-icon.js';\nimport { KtKbd as KtKbdElement } from '../components/core/kt-kbd/kt-kbd.js';\nimport { KtDragDrop as KtDragDropElement } from '../components/forms/kt-drag-drop/kt-drag-drop.js';\nimport { KtForm as KtFormElement } from '../components/forms/kt-form/kt-form.js';\nimport { KtInput as KtInputElement } from '../components/forms/kt-input/kt-input.js';\nimport { KtInputMenu as KtInputMenuElement } from '../components/forms/kt-input-menu/kt-input-menu.js';\nimport { KtLabelInput as KtLabelInputElement } from '../components/forms/kt-label-input/kt-label-input.js';\nimport { KtSelect as KtSelectElement } from '../components/forms/kt-select/kt-select.js';\nimport { KtTextarea as KtTextareaElement } from '../components/forms/kt-textarea/kt-textarea.js';\nimport { KtToggle as KtToggleElement } from '../components/forms/kt-toggle/kt-toggle.js';\nimport { KtBreadcrumb as KtBreadcrumbElement } from '../components/navigation/kt-breadcrumb/kt-breadcrumb.js';\nimport { KtPageHeader as KtPageHeaderElement } from '../components/navigation/kt-page-header/kt-page-header.js';\nimport { KtSegmentedControl as KtSegmentedControlElement } from '../components/navigation/kt-segmented-control/kt-segmented-control.js';\nimport { KtSubMenuNavigation as KtSubMenuNavigationElement } from '../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js';\nimport { KtTabs as KtTabsElement } from '../components/navigation/kt-tabs/kt-tabs.js';\nimport { KtHeader as KtHeaderElement } from '../components/navigation/kt-header/kt-header.js';\nimport { KtToggleButton as KtToggleButtonElement } from '../components/navigation/kt-toggle-button/kt-toggle-button.js';\nimport { KtToggleButtonGroup as KtToggleButtonGroupElement } from '../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js';\nimport { KtAlert as KtAlertElement } from '../components/feedback/kt-alert/kt-alert.js';\nimport { KtEmptyState as KtEmptyStateElement } from '../components/feedback/kt-empty-state/kt-empty-state.js';\nimport { KtProgressBar as KtProgressBarElement } from '../components/feedback/kt-progress-bar/kt-progress-bar.js';\nimport { KtSkeleton as KtSkeletonElement } from '../components/feedback/kt-skeleton/kt-skeleton.js';\nimport { KtToast as KtToastElement } from '../components/feedback/kt-toast/kt-toast.js';\nimport { KtToastContainer as KtToastContainerElement } from '../components/feedback/kt-toast-container/kt-toast-container.js';\nimport { KtTooltip as KtTooltipElement } from '../components/feedback/kt-tooltip/kt-tooltip.js';\nimport { KtCollapsible as KtCollapsibleElement } from '../components/overlays/kt-collapsible/kt-collapsible.js';\nimport { KtConfirmDialog as KtConfirmDialogElement } from '../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js';\nimport { KtDropdown as KtDropdownElement } from '../components/overlays/kt-dropdown/kt-dropdown.js';\nimport { KtModal as KtModalElement } from '../components/overlays/kt-modal/kt-modal.js';\nimport { KtSidePanel as KtSidePanelElement } from '../components/overlays/kt-side-panel/kt-side-panel.js';\nimport { KtChart as KtChartElement } from '../components/data/kt-chart/kt-chart.js';\nimport { KtMeter as KtMeterElement } from '../components/data/kt-meter/kt-meter.js';\nimport { KtPagination as KtPaginationElement } from '../components/data/kt-pagination/kt-pagination.js';\nimport { KtStat as KtStatElement } from '../components/data/kt-stat/kt-stat.js';\nimport { KtTable as KtTableElement } from '../components/data/kt-table/kt-table.js';\nimport {\n KtTimeline as KtTimelineElement,\n KtTimelineItem as KtTimelineItemElement,\n} from '../components/data/kt-timeline/kt-timeline.js';\n\n/** Narrows an event name to the detail its element actually dispatches. */\ntype Kt<T> = EventName<CustomEvent<T>>;\n\n// === CORE ===\nexport const KtAvatar = createComponent({\n tagName: 'kt-avatar',\n elementClass: KtAvatarElement,\n react: React,\n});\n\nexport const KtBadge = createComponent({\n tagName: 'kt-badge',\n elementClass: KtBadgeElement,\n react: React,\n events: {\n onKtBadgeClick: 'kt-badge-click' as Kt<never>,\n onKtRemove: 'kt-remove' as Kt<never>,\n },\n});\n\nexport const KtButton = createComponent({\n tagName: 'kt-button',\n elementClass: KtButtonElement,\n react: React,\n});\n\nexport const KtSplitButton = createComponent({\n tagName: 'kt-split-button',\n elementClass: KtSplitButtonElement,\n react: React,\n events: {\n onKtSelect: 'kt-select' as Kt<{ value: string | number }>,\n onKtOpen: 'kt-open' as Kt<never>,\n onKtClose: 'kt-close' as Kt<never>,\n },\n});\n\nexport const KtCard = createComponent({\n tagName: 'kt-card',\n elementClass: KtCardElement,\n react: React,\n events: { onKtCardClick: 'kt-card-click' as Kt<never> },\n});\n\nexport const KtCode = createComponent({\n tagName: 'kt-code',\n elementClass: KtCodeElement,\n react: React,\n events: { onKtCopy: 'kt-copy' as Kt<{ code: string }> },\n});\n\nexport const KtIcon = createComponent({\n tagName: 'kt-icon',\n elementClass: KtIconElement,\n react: React,\n});\n\nexport const KtKbd = createComponent({\n tagName: 'kt-kbd',\n elementClass: KtKbdElement,\n react: React,\n});\n\n// === FORMS ===\nexport const KtForm = createComponent({\n tagName: 'kt-form',\n elementClass: KtFormElement,\n react: React,\n});\n\nexport const KtInput = createComponent({\n tagName: 'kt-input',\n elementClass: KtInputElement,\n react: React,\n events: {\n onKtInput: 'kt-input' as Kt<{ value: string }>,\n onKtChange: 'kt-change' as Kt<{ value: string }>,\n onKtClear: 'kt-clear' as Kt<never>,\n onKtCountryChange: 'kt-country-change' as Kt<{ country: string; dialCode: string }>,\n },\n});\n\nexport const KtTextarea = createComponent({\n tagName: 'kt-textarea',\n elementClass: KtTextareaElement,\n react: React,\n events: {\n onKtInput: 'kt-input' as Kt<{ value: string }>,\n onKtChange: 'kt-change' as Kt<{ value: string }>,\n },\n});\n\nexport const KtLabelInput = createComponent({\n tagName: 'kt-label-input',\n elementClass: KtLabelInputElement,\n react: React,\n});\n\nexport const KtToggle = createComponent({\n tagName: 'kt-toggle',\n elementClass: KtToggleElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ checked: boolean }> },\n});\n\nexport const KtSelect = createComponent({\n tagName: 'kt-select',\n elementClass: KtSelectElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | number | null }> },\n});\n\nexport const KtInputMenu = createComponent({\n tagName: 'kt-input-menu',\n elementClass: KtInputMenuElement,\n react: React,\n events: {\n onKtChange: 'kt-change' as Kt<{ value: string | number | null }>,\n onKtFilter: 'kt-filter' as Kt<{ query: string }>,\n },\n});\n\nexport const KtDragDrop = createComponent({\n tagName: 'kt-drag-drop',\n elementClass: KtDragDropElement,\n react: React,\n events: {\n onKtFilesChange: 'kt-files-change' as Kt<{ files: File[] }>,\n onKtFilesRejected: 'kt-files-rejected' as Kt<{ files: File[]; reason: 'type' | 'size' }>,\n },\n});\n\n// === NAVIGATION ===\nexport const KtBreadcrumb = createComponent({\n tagName: 'kt-breadcrumb',\n elementClass: KtBreadcrumbElement,\n react: React,\n events: { onKtNavigate: 'kt-navigate' as Kt<{ index: number }> },\n});\n\nexport const KtSubMenuNavigation = createComponent({\n tagName: 'kt-sub-menu-navigation',\n elementClass: KtSubMenuNavigationElement,\n react: React,\n events: { onKtNavigate: 'kt-navigate' as Kt<unknown> },\n});\n\nexport const KtPageHeader = createComponent({\n tagName: 'kt-page-header',\n elementClass: KtPageHeaderElement,\n react: React,\n});\n\nexport const KtSegmentedControl = createComponent({\n tagName: 'kt-segmented-control',\n elementClass: KtSegmentedControlElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | number }> },\n});\n\nexport const KtTabs = createComponent({\n tagName: 'kt-tabs',\n elementClass: KtTabsElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | number }> },\n});\n\nexport const KtHeader = createComponent({\n tagName: 'kt-header',\n elementClass: KtHeaderElement,\n react: React,\n events: { onKtMenuToggle: 'kt-menu-toggle' as Kt<{ open: boolean }> },\n});\n\nexport const KtToggleButton = createComponent({\n tagName: 'kt-toggle-button',\n elementClass: KtToggleButtonElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ selected: boolean; value: string }> },\n});\n\nexport const KtToggleButtonGroup = createComponent({\n tagName: 'kt-toggle-button-group',\n elementClass: KtToggleButtonGroupElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | string[] | null }> },\n});\n\n// === FEEDBACK ===\nexport const KtAlert = createComponent({\n tagName: 'kt-alert',\n elementClass: KtAlertElement,\n react: React,\n events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtEmptyState = createComponent({\n tagName: 'kt-empty-state',\n elementClass: KtEmptyStateElement,\n react: React,\n});\n\nexport const KtProgressBar = createComponent({\n tagName: 'kt-progress-bar',\n elementClass: KtProgressBarElement,\n react: React,\n});\n\nexport const KtSkeleton = createComponent({\n tagName: 'kt-skeleton',\n elementClass: KtSkeletonElement,\n react: React,\n});\n\nexport const KtTooltip = createComponent({\n tagName: 'kt-tooltip',\n elementClass: KtTooltipElement,\n react: React,\n});\n\nexport const KtToast = createComponent({\n tagName: 'kt-toast',\n elementClass: KtToastElement,\n react: React,\n events: { onKtToastClose: 'kt-toast-close' as Kt<never> },\n});\n\nexport const KtToastContainer = createComponent({\n tagName: 'kt-toast-container',\n elementClass: KtToastContainerElement,\n react: React,\n});\n\n// === OVERLAYS ===\nexport const KtCollapsible = createComponent({\n tagName: 'kt-collapsible',\n elementClass: KtCollapsibleElement,\n react: React,\n events: { onKtToggle: 'kt-toggle' as Kt<{ open: boolean }> },\n});\n\nexport const KtDropdown = createComponent({\n tagName: 'kt-dropdown',\n elementClass: KtDropdownElement,\n react: React,\n events: {\n onKtSelect: 'kt-select' as Kt<{ value: string | number }>,\n onKtOpen: 'kt-open' as Kt<never>,\n onKtClose: 'kt-close' as Kt<never>,\n },\n});\n\nexport const KtModal = createComponent({\n tagName: 'kt-modal',\n elementClass: KtModalElement,\n react: React,\n events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtSidePanel = createComponent({\n tagName: 'kt-side-panel',\n elementClass: KtSidePanelElement,\n react: React,\n events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtConfirmDialog = createComponent({\n tagName: 'kt-confirm-dialog',\n elementClass: KtConfirmDialogElement,\n react: React,\n events: {\n onKtConfirm: 'kt-confirm' as Kt<never>,\n onKtCancel: 'kt-cancel' as Kt<never>,\n },\n});\n\n// === DATA ===\nexport const KtChart = createComponent({\n tagName: 'kt-chart',\n elementClass: KtChartElement,\n react: React,\n events: {\n onKtPointHover: 'kt-point-hover' as Kt<{ index: number; series: number }>,\n onKtSeriesToggle: 'kt-series-toggle' as Kt<{ series: number; hidden: boolean }>,\n },\n});\n\nexport const KtTable = createComponent({\n tagName: 'kt-table',\n elementClass: KtTableElement,\n react: React,\n events: {\n onKtSortChange: 'kt-sort-change' as Kt<{\n key: string | null;\n direction: 'asc' | 'desc' | null;\n }>,\n onKtSelectionChange: 'kt-selection-change' as Kt<{ selected: unknown[] }>,\n onKtRowClick: 'kt-row-click' as Kt<{ index: number }>,\n onKtPageChange: 'kt-page-change' as Kt<{ page: number }>,\n },\n});\n\nexport const KtMeter = createComponent({\n tagName: 'kt-meter',\n elementClass: KtMeterElement,\n react: React,\n});\n\nexport const KtPagination = createComponent({\n tagName: 'kt-pagination',\n elementClass: KtPaginationElement,\n react: React,\n events: { onKtPageChange: 'kt-page-change' as Kt<{ page: number }> },\n});\n\n// The imperative toaster needs no wrapper.\nexport { toaster } from '../components/feedback/kt-toast-container/toaster.js';\n\nexport const KtStat = createComponent({\n tagName: 'kt-stat',\n elementClass: KtStatElement,\n react: React,\n});\n\nexport const KtTimeline = createComponent({\n tagName: 'kt-timeline',\n elementClass: KtTimelineElement,\n react: React,\n});\n\nexport const KtTimelineItem = createComponent({\n tagName: 'kt-timeline-item',\n elementClass: KtTimelineItemElement,\n react: React,\n});\n"],"names":["KtAvatar","createComponent","KtAvatarElement","React","KtBadge","KtBadgeElement","KtButton","KtButtonElement","KtSplitButton","KtSplitButtonElement","KtCard","KtCardElement","KtCode","KtCodeElement","KtIcon","KtIconElement","KtKbd","KtKbdElement","KtForm","KtFormElement","KtInput","KtInputElement","KtTextarea","KtTextareaElement","KtLabelInput","KtLabelInputElement","KtToggle","KtToggleElement","KtSelect","KtSelectElement","KtInputMenu","KtInputMenuElement","KtDragDrop","KtDragDropElement","KtBreadcrumb","KtBreadcrumbElement","KtSubMenuNavigation","KtSubMenuNavigationElement","KtPageHeader","KtPageHeaderElement","KtSegmentedControl","KtSegmentedControlElement","KtTabs","KtTabsElement","KtHeader","KtHeaderElement","KtToggleButton","KtToggleButtonElement","KtToggleButtonGroup","KtToggleButtonGroupElement","KtAlert","KtAlertElement","KtEmptyState","KtEmptyStateElement","KtProgressBar","KtProgressBarElement","KtSkeleton","KtSkeletonElement","KtTooltip","KtTooltipElement","KtToast","KtToastElement","KtToastContainer","KtToastContainerElement","KtCollapsible","KtCollapsibleElement","KtDropdown","KtDropdownElement","KtModal","KtModalElement","KtSidePanel","KtSidePanelElement","KtConfirmDialog","KtConfirmDialogElement","KtChart","KtChartElement","KtTable","KtTableElement","KtMeter","KtMeterElement","KtPagination","KtPaginationElement","KtStat","KtStatElement","KtTimeline","KtTimelineElement","KtTimelineItem","KtTimelineItemElement"],"mappings":"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"}
|
package/dist/vue/index.d.ts
CHANGED
|
@@ -33,6 +33,7 @@ import '../index.js';
|
|
|
33
33
|
import type { KtAvatar } from 'kanto-ds';
|
|
34
34
|
import type { KtBadge } from 'kanto-ds';
|
|
35
35
|
import type { KtButton } from 'kanto-ds';
|
|
36
|
+
import type { KtSplitButton } from 'kanto-ds';
|
|
36
37
|
import type { KtCard } from 'kanto-ds';
|
|
37
38
|
import type { KtCode } from 'kanto-ds';
|
|
38
39
|
import type { KtIcon } from 'kanto-ds';
|
|
@@ -93,6 +94,7 @@ declare module 'vue' {
|
|
|
93
94
|
'kt-avatar': KtProps<KtAvatar>;
|
|
94
95
|
'kt-badge': KtProps<KtBadge>;
|
|
95
96
|
'kt-button': KtProps<KtButton>;
|
|
97
|
+
'kt-split-button': KtProps<KtSplitButton>;
|
|
96
98
|
'kt-card': KtProps<KtCard>;
|
|
97
99
|
'kt-code': KtProps<KtCode>;
|
|
98
100
|
'kt-icon': KtProps<KtIcon>;
|