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.
Files changed (41) hide show
  1. package/README.md +8 -1
  2. package/dist/chunks/defaults-DKzFsNbv.js +57 -0
  3. package/dist/chunks/defaults-DKzFsNbv.js.map +1 -0
  4. package/dist/chunks/{listbox-CUXYn_3S.js → listbox-Sm3nvsC6.js} +5 -5
  5. package/dist/chunks/{listbox-CUXYn_3S.js.map → listbox-Sm3nvsC6.js.map} +1 -1
  6. package/dist/components/core/kt-icon/kt-icon.js +1 -1
  7. package/dist/components/core/kt-split-button/kt-split-button.d.ts +112 -0
  8. package/dist/components/core/kt-split-button/kt-split-button.js +262 -0
  9. package/dist/components/core/kt-split-button/kt-split-button.js.map +1 -0
  10. package/dist/components/data/kt-chart/cartesian.d.ts +62 -0
  11. package/dist/components/data/kt-chart/geometry.d.ts +41 -0
  12. package/dist/components/data/kt-chart/kt-chart.d.ts +79 -35
  13. package/dist/components/data/kt-chart/kt-chart.js +1200 -213
  14. package/dist/components/data/kt-chart/kt-chart.js.map +1 -1
  15. package/dist/components/data/kt-chart/model.d.ts +38 -0
  16. package/dist/components/data/kt-chart/point.d.ts +56 -0
  17. package/dist/components/data/kt-chart/radial.d.ts +60 -0
  18. package/dist/components/data/kt-chart/scale.d.ts +37 -0
  19. package/dist/components/forms/kt-input-menu/kt-input-menu.js +1 -1
  20. package/dist/components/forms/kt-select/kt-select.js +1 -1
  21. package/dist/components/overlays/kt-confirm-dialog/kt-confirm-dialog.js +41 -25
  22. package/dist/components/overlays/kt-confirm-dialog/kt-confirm-dialog.js.map +1 -1
  23. package/dist/components/overlays/kt-dropdown/kt-dropdown.d.ts +3 -0
  24. package/dist/components/overlays/kt-dropdown/kt-dropdown.js +48 -28
  25. package/dist/components/overlays/kt-dropdown/kt-dropdown.js.map +1 -1
  26. package/dist/components/overlays/kt-modal/kt-modal.js +12 -10
  27. package/dist/components/overlays/kt-modal/kt-modal.js.map +1 -1
  28. package/dist/icons/index.js +7 -34
  29. package/dist/icons/index.js.map +1 -1
  30. package/dist/index.d.ts +4 -2
  31. package/dist/index.js +89 -87
  32. package/dist/index.js.map +1 -1
  33. package/dist/react/index.d.ts +13 -0
  34. package/dist/react/index.js +176 -162
  35. package/dist/react/index.js.map +1 -1
  36. package/dist/vue/index.d.ts +2 -0
  37. package/dist/vue/index.js +8 -7
  38. package/dist/vue/index.js.map +1 -1
  39. package/package.json +8 -2
  40. package/dist/chunks/registry-X4LS9J5K.js +0 -30
  41. package/dist/chunks/registry-X4LS9J5K.js.map +0 -1
@@ -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 { KtCard as s } from "../components/core/kt-card/kt-card.js";
7
- import { KtCode as r } from "../components/core/kt-code/kt-code.js";
8
- import { KtIcon as m } from "../components/core/kt-icon/kt-icon.js";
9
- import { KtKbd as l } from "../components/core/kt-kbd/kt-kbd.js";
10
- import { KtDragDrop as K } from "../components/forms/kt-drag-drop/kt-drag-drop.js";
11
- import { KtForm as c } from "../components/forms/kt-form/kt-form.js";
12
- import { KtInput as g } from "../components/forms/kt-input/kt-input.js";
13
- import { KtInputMenu as i } from "../components/forms/kt-input-menu/kt-input-menu.js";
14
- import { KtLabelInput as p } from "../components/forms/kt-label-input/kt-label-input.js";
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 k } from "../components/forms/kt-textarea/kt-textarea.js";
17
- import { KtToggle as d } from "../components/forms/kt-toggle/kt-toggle.js";
18
- import { KtBreadcrumb as f } from "../components/navigation/kt-breadcrumb/kt-breadcrumb.js";
19
- import { KtPageHeader as u } from "../components/navigation/kt-page-header/kt-page-header.js";
20
- import { KtSegmentedControl as N } from "../components/navigation/kt-segmented-control/kt-segmented-control.js";
21
- import { KtSubMenuNavigation as v } from "../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
22
- import { KtTabs as $ } from "../components/navigation/kt-tabs/kt-tabs.js";
23
- import { KtHeader as h } from "../components/navigation/kt-header/kt-header.js";
24
- import { KtToggleButton as T } from "../components/navigation/kt-toggle-button/kt-toggle-button.js";
25
- import { KtToggleButtonGroup as b } from "../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
26
- import { KtAlert as S } from "../components/feedback/kt-alert/kt-alert.js";
27
- import { KtEmptyState as B } from "../components/feedback/kt-empty-state/kt-empty-state.js";
28
- import { KtProgressBar as I } from "../components/feedback/kt-progress-bar/kt-progress-bar.js";
29
- import { KtSkeleton as P } from "../components/feedback/kt-skeleton/kt-skeleton.js";
30
- import { KtToast as M } from "../components/feedback/kt-toast/kt-toast.js";
31
- import { KtToastContainer as D } from "../components/feedback/kt-toast-container/kt-toast-container.js";
32
- import { KtTooltip as y } from "../components/feedback/kt-tooltip/kt-tooltip.js";
33
- import { KtCollapsible as H } from "../components/overlays/kt-collapsible/kt-collapsible.js";
34
- import { KtConfirmDialog as w } from "../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
35
- import { KtDropdown as x } from "../components/overlays/kt-dropdown/kt-dropdown.js";
36
- import { KtModal as A } from "../components/overlays/kt-modal/kt-modal.js";
37
- import { KtSidePanel as F } from "../components/overlays/kt-side-panel/kt-side-panel.js";
38
- import { KtChart as R } from "../components/data/kt-chart/kt-chart.js";
39
- import { KtMeter as E } from "../components/data/kt-meter/kt-meter.js";
40
- import { KtPagination as G } from "../components/data/kt-pagination/kt-pagination.js";
41
- import { KtStat as L } from "../components/data/kt-stat/kt-stat.js";
42
- import { KtTable as j } from "../components/data/kt-table/kt-table.js";
43
- import { KtTimeline as O, KtTimelineItem as q } from "../components/data/kt-timeline/kt-timeline.js";
44
- import { t as he } from "../chunks/toaster-PmdKSV5x.js";
45
- const Ht = e({
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
- }), wt = e({
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
- }), xt = e({
58
+ }), Ft = e({
58
59
  tagName: "kt-button",
59
60
  elementClass: n,
60
61
  react: t
61
- }), At = e({
62
- tagName: "kt-card",
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
- }), Ft = e({
76
+ }), Gt = e({
67
77
  tagName: "kt-code",
68
- elementClass: r,
78
+ elementClass: m,
69
79
  react: t,
70
80
  events: { onKtCopy: "kt-copy" }
71
- }), Rt = e({
81
+ }), Lt = e({
72
82
  tagName: "kt-icon",
73
- elementClass: m,
83
+ elementClass: l,
74
84
  react: t
75
- }), Et = e({
85
+ }), jt = e({
76
86
  tagName: "kt-kbd",
77
- elementClass: l,
87
+ elementClass: K,
78
88
  react: t
79
- }), Gt = e({
89
+ }), Ot = e({
80
90
  tagName: "kt-form",
81
- elementClass: c,
91
+ elementClass: g,
82
92
  react: t
83
- }), Lt = e({
93
+ }), qt = e({
84
94
  tagName: "kt-input",
85
- elementClass: g,
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
- }), jt = e({
103
+ }), zt = e({
94
104
  tagName: "kt-textarea",
95
- elementClass: k,
105
+ elementClass: u,
96
106
  react: t,
97
107
  events: {
98
108
  onKtInput: "kt-input",
99
109
  onKtChange: "kt-change"
100
110
  }
101
- }), Ot = e({
111
+ }), Jt = e({
102
112
  tagName: "kt-label-input",
103
- elementClass: p,
113
+ elementClass: k,
104
114
  react: t
105
- }), qt = e({
115
+ }), Qt = e({
106
116
  tagName: "kt-toggle",
107
- elementClass: d,
117
+ elementClass: f,
108
118
  react: t,
109
119
  events: { onKtChange: "kt-change" }
110
- }), zt = e({
120
+ }), Ut = e({
111
121
  tagName: "kt-select",
112
122
  elementClass: C,
113
123
  react: t,
114
124
  events: { onKtChange: "kt-change" }
115
- }), Jt = e({
125
+ }), Vt = e({
116
126
  tagName: "kt-input-menu",
117
- elementClass: i,
127
+ elementClass: p,
118
128
  react: t,
119
129
  events: {
120
130
  onKtChange: "kt-change",
121
131
  onKtFilter: "kt-filter"
122
132
  }
123
- }), Qt = e({
133
+ }), Wt = e({
124
134
  tagName: "kt-drag-drop",
125
- elementClass: K,
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
- }), Ut = e({
141
+ }), Xt = e({
132
142
  tagName: "kt-breadcrumb",
133
- elementClass: f,
143
+ elementClass: d,
134
144
  react: t,
135
145
  events: { onKtNavigate: "kt-navigate" }
136
- }), Vt = e({
146
+ }), Yt = e({
137
147
  tagName: "kt-sub-menu-navigation",
138
- elementClass: v,
148
+ elementClass: $,
139
149
  react: t,
140
150
  events: { onKtNavigate: "kt-navigate" }
141
- }), Wt = e({
151
+ }), Zt = e({
142
152
  tagName: "kt-page-header",
143
- elementClass: u,
153
+ elementClass: N,
144
154
  react: t
145
- }), Xt = e({
155
+ }), _t = e({
146
156
  tagName: "kt-segmented-control",
147
- elementClass: N,
157
+ elementClass: v,
148
158
  react: t,
149
159
  events: { onKtChange: "kt-change" }
150
- }), Yt = e({
160
+ }), te = e({
151
161
  tagName: "kt-tabs",
152
- elementClass: $,
162
+ elementClass: h,
153
163
  react: t,
154
164
  events: { onKtChange: "kt-change" }
155
- }), Zt = e({
165
+ }), ee = e({
156
166
  tagName: "kt-header",
157
- elementClass: h,
167
+ elementClass: T,
158
168
  react: t,
159
169
  events: { onKtMenuToggle: "kt-menu-toggle" }
160
- }), _t = e({
170
+ }), ae = e({
161
171
  tagName: "kt-toggle-button",
162
- elementClass: T,
172
+ elementClass: b,
163
173
  react: t,
164
174
  events: { onKtChange: "kt-change" }
165
- }), te = e({
175
+ }), oe = e({
166
176
  tagName: "kt-toggle-button-group",
167
- elementClass: b,
177
+ elementClass: S,
168
178
  react: t,
169
179
  events: { onKtChange: "kt-change" }
170
- }), ee = e({
180
+ }), ne = e({
171
181
  tagName: "kt-alert",
172
- elementClass: S,
182
+ elementClass: B,
173
183
  react: t,
174
184
  events: { onKtClose: "kt-close" }
175
- }), ae = e({
185
+ }), se = e({
176
186
  tagName: "kt-empty-state",
177
- elementClass: B,
187
+ elementClass: I,
178
188
  react: t
179
- }), oe = e({
189
+ }), re = e({
180
190
  tagName: "kt-progress-bar",
181
- elementClass: I,
191
+ elementClass: P,
182
192
  react: t
183
- }), ne = e({
193
+ }), me = e({
184
194
  tagName: "kt-skeleton",
185
- elementClass: P,
195
+ elementClass: M,
186
196
  react: t
187
- }), se = e({
197
+ }), le = e({
188
198
  tagName: "kt-tooltip",
189
- elementClass: y,
199
+ elementClass: H,
190
200
  react: t
191
- }), re = e({
201
+ }), Ke = e({
192
202
  tagName: "kt-toast",
193
- elementClass: M,
203
+ elementClass: D,
194
204
  react: t,
195
205
  events: { onKtToastClose: "kt-toast-close" }
196
- }), me = e({
206
+ }), ce = e({
197
207
  tagName: "kt-toast-container",
198
- elementClass: D,
208
+ elementClass: y,
199
209
  react: t
200
- }), le = e({
210
+ }), ge = e({
201
211
  tagName: "kt-collapsible",
202
- elementClass: H,
212
+ elementClass: w,
203
213
  react: t,
204
214
  events: { onKtToggle: "kt-toggle" }
205
- }), Ke = e({
215
+ }), ie = e({
206
216
  tagName: "kt-dropdown",
207
- elementClass: x,
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
- }), ce = e({
224
+ }), pe = e({
215
225
  tagName: "kt-modal",
216
- elementClass: A,
226
+ elementClass: F,
217
227
  react: t,
218
228
  events: { onKtClose: "kt-close" }
219
- }), ge = e({
229
+ }), ke = e({
220
230
  tagName: "kt-side-panel",
221
- elementClass: F,
231
+ elementClass: R,
222
232
  react: t,
223
233
  events: { onKtClose: "kt-close" }
224
- }), ie = e({
234
+ }), Ce = e({
225
235
  tagName: "kt-confirm-dialog",
226
- elementClass: w,
236
+ elementClass: x,
227
237
  react: t,
228
238
  events: {
229
239
  onKtConfirm: "kt-confirm",
230
240
  onKtCancel: "kt-cancel"
231
241
  }
232
- }), pe = e({
242
+ }), ue = e({
233
243
  tagName: "kt-chart",
234
- elementClass: R,
244
+ elementClass: E,
235
245
  react: t,
236
- events: { onKtPointHover: "kt-point-hover" }
237
- }), Ce = e({
246
+ events: {
247
+ onKtPointHover: "kt-point-hover",
248
+ onKtSeriesToggle: "kt-series-toggle"
249
+ }
250
+ }), fe = e({
238
251
  tagName: "kt-table",
239
- elementClass: j,
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
- }), ke = e({
260
+ }), de = e({
248
261
  tagName: "kt-meter",
249
- elementClass: E,
262
+ elementClass: G,
250
263
  react: t
251
- }), de = e({
264
+ }), Ne = e({
252
265
  tagName: "kt-pagination",
253
- elementClass: G,
266
+ elementClass: L,
254
267
  react: t,
255
268
  events: { onKtPageChange: "kt-page-change" }
256
- }), fe = e({
269
+ }), ve = e({
257
270
  tagName: "kt-stat",
258
- elementClass: L,
271
+ elementClass: j,
259
272
  react: t
260
- }), ue = e({
273
+ }), $e = e({
261
274
  tagName: "kt-timeline",
262
- elementClass: O,
275
+ elementClass: q,
263
276
  react: t
264
- }), Ne = e({
277
+ }), he = e({
265
278
  tagName: "kt-timeline-item",
266
- elementClass: q,
279
+ elementClass: z,
267
280
  react: t
268
281
  });
269
282
  export {
270
- ee as KtAlert,
271
- Ht as KtAvatar,
272
- wt as KtBadge,
273
- Ut as KtBreadcrumb,
274
- xt as KtButton,
275
- At as KtCard,
276
- pe as KtChart,
277
- Ft as KtCode,
278
- le as KtCollapsible,
279
- ie as KtConfirmDialog,
280
- Qt as KtDragDrop,
281
- Ke as KtDropdown,
282
- ae as KtEmptyState,
283
- Gt as KtForm,
284
- Zt as KtHeader,
285
- Rt as KtIcon,
286
- Lt as KtInput,
287
- Jt as KtInputMenu,
288
- Et as KtKbd,
289
- Ot as KtLabelInput,
290
- ke as KtMeter,
291
- ce as KtModal,
292
- Wt as KtPageHeader,
293
- de as KtPagination,
294
- oe as KtProgressBar,
295
- Xt as KtSegmentedControl,
296
- zt as KtSelect,
297
- ge as KtSidePanel,
298
- ne as KtSkeleton,
299
- fe as KtStat,
300
- Vt as KtSubMenuNavigation,
301
- Ce as KtTable,
302
- Yt as KtTabs,
303
- jt as KtTextarea,
304
- ue as KtTimeline,
305
- Ne as KtTimelineItem,
306
- re as KtToast,
307
- me as KtToastContainer,
308
- qt as KtToggle,
309
- _t as KtToggleButton,
310
- te as KtToggleButtonGroup,
311
- se as KtTooltip,
312
- he as toaster
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
@@ -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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"}
@@ -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>;