kanto-ds 1.3.0 → 1.5.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 (134) hide show
  1. package/README.md +10 -10
  2. package/dist/chunks/defaults-CFrjqae2.js +59 -0
  3. package/dist/chunks/{defaults-DKzFsNbv.js.map → defaults-CFrjqae2.js.map} +1 -1
  4. package/dist/chunks/events-r51msXNf.js +22 -0
  5. package/dist/chunks/{events-Bjl5Zmmq.js.map → events-r51msXNf.js.map} +1 -1
  6. package/dist/chunks/floating-B7_Dahpn.js +54 -0
  7. package/dist/chunks/floating-B7_Dahpn.js.map +1 -0
  8. package/dist/chunks/{form-control-CxjBTt1c.js → form-control-B74_EHtG.js} +7 -7
  9. package/dist/chunks/form-control-B74_EHtG.js.map +1 -0
  10. package/dist/chunks/{index-fzPIgxe2.js → index-STEEvEP7.js} +33 -16
  11. package/dist/chunks/index-STEEvEP7.js.map +1 -0
  12. package/dist/chunks/kt-calendar-B_hFdD9V.js +640 -0
  13. package/dist/chunks/kt-calendar-B_hFdD9V.js.map +1 -0
  14. package/dist/chunks/{kt-element-mdd5cXZX.js → kt-element-Djx2JcGl.js} +2 -2
  15. package/dist/chunks/{kt-element-mdd5cXZX.js.map → kt-element-Djx2JcGl.js.map} +1 -1
  16. package/dist/chunks/{listbox-Sm3nvsC6.js → listbox-llcUu_V-.js} +18 -14
  17. package/dist/chunks/{listbox-Sm3nvsC6.js.map → listbox-llcUu_V-.js.map} +1 -1
  18. package/dist/chunks/locale-C5xLkGx5.js +14 -0
  19. package/dist/chunks/locale-C5xLkGx5.js.map +1 -0
  20. package/dist/chunks/position-Cx_ZH5zh.js +39 -0
  21. package/dist/chunks/position-Cx_ZH5zh.js.map +1 -0
  22. package/dist/components/core/kt-avatar/kt-avatar.js +2 -2
  23. package/dist/components/core/kt-badge/kt-badge.js +3 -3
  24. package/dist/components/core/kt-button/kt-button.js +1 -1
  25. package/dist/components/core/kt-card/kt-card.js +2 -2
  26. package/dist/components/core/kt-code/kt-code.js +3 -3
  27. package/dist/components/core/kt-icon/kt-icon.js +2 -2
  28. package/dist/components/core/kt-kbd/kt-kbd.js +1 -1
  29. package/dist/components/core/kt-split-button/kt-split-button.js +4 -4
  30. package/dist/components/data/kt-chart/kt-chart.js +52 -52
  31. package/dist/components/data/kt-chart/kt-chart.js.map +1 -1
  32. package/dist/components/data/kt-meter/kt-meter.js +1 -1
  33. package/dist/components/data/kt-pagination/kt-pagination.js +3 -3
  34. package/dist/components/data/kt-stat/kt-stat.js +1 -1
  35. package/dist/components/data/kt-table/kt-table.d.ts +53 -3
  36. package/dist/components/data/kt-table/kt-table.js +286 -131
  37. package/dist/components/data/kt-table/kt-table.js.map +1 -1
  38. package/dist/components/data/kt-table/window.d.ts +19 -0
  39. package/dist/components/data/kt-timeline/kt-timeline.js +1 -1
  40. package/dist/components/feedback/kt-alert/kt-alert.js +3 -3
  41. package/dist/components/feedback/kt-empty-state/kt-empty-state.js +1 -1
  42. package/dist/components/feedback/kt-progress-bar/kt-progress-bar.js +10 -10
  43. package/dist/components/feedback/kt-progress-bar/kt-progress-bar.js.map +1 -1
  44. package/dist/components/feedback/kt-skeleton/kt-skeleton.js +1 -1
  45. package/dist/components/feedback/kt-toast/kt-toast.js +58 -42
  46. package/dist/components/feedback/kt-toast/kt-toast.js.map +1 -1
  47. package/dist/components/feedback/kt-toast-container/kt-toast-container.js +1 -1
  48. package/dist/components/feedback/kt-tooltip/kt-tooltip.d.ts +20 -0
  49. package/dist/components/feedback/kt-tooltip/kt-tooltip.js +95 -51
  50. package/dist/components/feedback/kt-tooltip/kt-tooltip.js.map +1 -1
  51. package/dist/components/forms/kt-calendar/kt-calendar.d.ts +96 -0
  52. package/dist/components/forms/kt-calendar/kt-calendar.js +13 -0
  53. package/dist/components/forms/kt-calendar/kt-calendar.js.map +1 -0
  54. package/dist/components/forms/kt-checkbox/kt-checkbox.d.ts +75 -0
  55. package/dist/components/forms/kt-checkbox/kt-checkbox.js +212 -0
  56. package/dist/components/forms/kt-checkbox/kt-checkbox.js.map +1 -0
  57. package/dist/components/forms/kt-date-picker/kt-date-picker.d.ts +105 -0
  58. package/dist/components/forms/kt-date-picker/kt-date-picker.js +382 -0
  59. package/dist/components/forms/kt-date-picker/kt-date-picker.js.map +1 -0
  60. package/dist/components/forms/kt-drag-drop/kt-drag-drop.d.ts +9 -0
  61. package/dist/components/forms/kt-drag-drop/kt-drag-drop.js +36 -22
  62. package/dist/components/forms/kt-drag-drop/kt-drag-drop.js.map +1 -1
  63. package/dist/components/forms/kt-form/kt-form.js +11 -10
  64. package/dist/components/forms/kt-form/kt-form.js.map +1 -1
  65. package/dist/components/forms/kt-input/kt-input.d.ts +37 -1
  66. package/dist/components/forms/kt-input/kt-input.js +380 -194
  67. package/dist/components/forms/kt-input/kt-input.js.map +1 -1
  68. package/dist/components/forms/kt-input-menu/kt-input-menu.d.ts +13 -0
  69. package/dist/components/forms/kt-input-menu/kt-input-menu.js +73 -42
  70. package/dist/components/forms/kt-input-menu/kt-input-menu.js.map +1 -1
  71. package/dist/components/forms/kt-label-input/kt-label-input.js +1 -1
  72. package/dist/components/forms/kt-radio-group/kt-radio-group.d.ts +112 -0
  73. package/dist/components/forms/kt-radio-group/kt-radio-group.js +279 -0
  74. package/dist/components/forms/kt-radio-group/kt-radio-group.js.map +1 -0
  75. package/dist/components/forms/kt-select/kt-select.d.ts +13 -0
  76. package/dist/components/forms/kt-select/kt-select.js +87 -56
  77. package/dist/components/forms/kt-select/kt-select.js.map +1 -1
  78. package/dist/components/forms/kt-textarea/kt-textarea.d.ts +9 -0
  79. package/dist/components/forms/kt-textarea/kt-textarea.js +28 -14
  80. package/dist/components/forms/kt-textarea/kt-textarea.js.map +1 -1
  81. package/dist/components/forms/kt-toggle/kt-toggle.d.ts +9 -0
  82. package/dist/components/forms/kt-toggle/kt-toggle.js +43 -29
  83. package/dist/components/forms/kt-toggle/kt-toggle.js.map +1 -1
  84. package/dist/components/navigation/kt-breadcrumb/kt-breadcrumb.js +3 -3
  85. package/dist/components/navigation/kt-header/kt-header.js +3 -3
  86. package/dist/components/navigation/kt-page-header/kt-page-header.js +1 -1
  87. package/dist/components/navigation/kt-segmented-control/kt-segmented-control.d.ts +9 -0
  88. package/dist/components/navigation/kt-segmented-control/kt-segmented-control.js +40 -22
  89. package/dist/components/navigation/kt-segmented-control/kt-segmented-control.js.map +1 -1
  90. package/dist/components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js +3 -3
  91. package/dist/components/navigation/kt-tabs/kt-tabs.js +2 -2
  92. package/dist/components/navigation/kt-toggle-button/kt-toggle-button.js +2 -2
  93. package/dist/components/navigation/kt-toggle-button-group/kt-toggle-button-group.js +13 -7
  94. package/dist/components/navigation/kt-toggle-button-group/kt-toggle-button-group.js.map +1 -1
  95. package/dist/components/overlays/kt-collapsible/kt-collapsible.js +2 -2
  96. package/dist/components/overlays/kt-confirm-dialog/kt-confirm-dialog.js +3 -3
  97. package/dist/components/overlays/kt-dropdown/kt-dropdown.d.ts +7 -5
  98. package/dist/components/overlays/kt-dropdown/kt-dropdown.js +67 -57
  99. package/dist/components/overlays/kt-dropdown/kt-dropdown.js.map +1 -1
  100. package/dist/components/overlays/kt-modal/kt-modal.js +3 -3
  101. package/dist/components/overlays/kt-side-panel/kt-side-panel.js +3 -3
  102. package/dist/custom-elements.json +3526 -741
  103. package/dist/icons/defaults.d.ts +2 -0
  104. package/dist/icons/index.js +1 -1
  105. package/dist/index.d.ts +8 -0
  106. package/dist/index.js +99 -90
  107. package/dist/index.js.map +1 -1
  108. package/dist/internal/countries.d.ts +24 -9
  109. package/dist/internal/date.d.ts +53 -0
  110. package/dist/internal/events.d.ts +5 -0
  111. package/dist/internal/floating.d.ts +48 -0
  112. package/dist/internal/form-control.d.ts +5 -1
  113. package/dist/internal/locale.d.ts +15 -0
  114. package/dist/internal/position.d.ts +27 -0
  115. package/dist/internal/strings.d.ts +25 -0
  116. package/dist/react/index.d.ts +25 -0
  117. package/dist/react/index.js +189 -156
  118. package/dist/react/index.js.map +1 -1
  119. package/dist/react/jsx.d.ts +22 -1
  120. package/dist/strings/index.js +1 -1
  121. package/dist/tokens/base.css +5 -0
  122. package/dist/tokens/responsive.css +1 -0
  123. package/dist/tokens/spacing.css +1 -0
  124. package/dist/vscode.css-custom-data.json +20 -0
  125. package/dist/vscode.html-custom-data.json +221 -9
  126. package/dist/vue/index.d.ts +10 -0
  127. package/dist/vue/index.js +11 -7
  128. package/dist/vue/index.js.map +1 -1
  129. package/dist/web-types.json +514 -12
  130. package/package.json +18 -1
  131. package/dist/chunks/defaults-DKzFsNbv.js +0 -57
  132. package/dist/chunks/events-Bjl5Zmmq.js +0 -18
  133. package/dist/chunks/form-control-CxjBTt1c.js.map +0 -1
  134. package/dist/chunks/index-fzPIgxe2.js.map +0 -1
@@ -8,46 +8,50 @@ import { KtCard as r } from "../components/core/kt-card/kt-card.js";
8
8
  import { KtCode as m } from "../components/core/kt-code/kt-code.js";
9
9
  import { KtIcon as l } from "../components/core/kt-icon/kt-icon.js";
10
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";
16
- import { KtSelect as C } from "../components/forms/kt-select/kt-select.js";
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({
11
+ import { KtCheckbox as c } from "../components/forms/kt-checkbox/kt-checkbox.js";
12
+ import { K as g } from "../chunks/kt-calendar-B_hFdD9V.js";
13
+ import { KtDatePicker as i } from "../components/forms/kt-date-picker/kt-date-picker.js";
14
+ import { KtDragDrop as k } from "../components/forms/kt-drag-drop/kt-drag-drop.js";
15
+ import { KtForm as p } from "../components/forms/kt-form/kt-form.js";
16
+ import { KtInput as C } from "../components/forms/kt-input/kt-input.js";
17
+ import { KtInputMenu as d } from "../components/forms/kt-input-menu/kt-input-menu.js";
18
+ import { KtLabelInput as u } from "../components/forms/kt-label-input/kt-label-input.js";
19
+ import { KtRadioGroup as f, KtRadio as N } from "../components/forms/kt-radio-group/kt-radio-group.js";
20
+ import { KtSelect as h } from "../components/forms/kt-select/kt-select.js";
21
+ import { KtTextarea as $ } from "../components/forms/kt-textarea/kt-textarea.js";
22
+ import { KtToggle as v } from "../components/forms/kt-toggle/kt-toggle.js";
23
+ import { KtBreadcrumb as b } from "../components/navigation/kt-breadcrumb/kt-breadcrumb.js";
24
+ import { KtPageHeader as T } from "../components/navigation/kt-page-header/kt-page-header.js";
25
+ import { KtSegmentedControl as S } from "../components/navigation/kt-segmented-control/kt-segmented-control.js";
26
+ import { KtSubMenuNavigation as B } from "../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
27
+ import { KtTabs as P } from "../components/navigation/kt-tabs/kt-tabs.js";
28
+ import { KtHeader as I } from "../components/navigation/kt-header/kt-header.js";
29
+ import { KtToggleButton as D } from "../components/navigation/kt-toggle-button/kt-toggle-button.js";
30
+ import { KtToggleButtonGroup as M } from "../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
31
+ import { KtAlert as x } from "../components/feedback/kt-alert/kt-alert.js";
32
+ import { KtEmptyState as R } from "../components/feedback/kt-empty-state/kt-empty-state.js";
33
+ import { KtProgressBar as y } from "../components/feedback/kt-progress-bar/kt-progress-bar.js";
34
+ import { KtSkeleton as H } from "../components/feedback/kt-skeleton/kt-skeleton.js";
35
+ import { KtToast as w } from "../components/feedback/kt-toast/kt-toast.js";
36
+ import { KtToastContainer as A } from "../components/feedback/kt-toast-container/kt-toast-container.js";
37
+ import { KtTooltip as F } from "../components/feedback/kt-tooltip/kt-tooltip.js";
38
+ import { KtCollapsible as G } from "../components/overlays/kt-collapsible/kt-collapsible.js";
39
+ import { KtConfirmDialog as E } from "../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
40
+ import { KtDropdown as L } from "../components/overlays/kt-dropdown/kt-dropdown.js";
41
+ import { KtModal as j } from "../components/overlays/kt-modal/kt-modal.js";
42
+ import { KtSidePanel as O } from "../components/overlays/kt-side-panel/kt-side-panel.js";
43
+ import { KtChart as q } from "../components/data/kt-chart/kt-chart.js";
44
+ import { KtMeter as z } from "../components/data/kt-meter/kt-meter.js";
45
+ import { KtPagination as J } from "../components/data/kt-pagination/kt-pagination.js";
46
+ import { KtStat as Q } from "../components/data/kt-stat/kt-stat.js";
47
+ import { KtTable as U } from "../components/data/kt-table/kt-table.js";
48
+ import { KtTimeline as V, KtTimelineItem as W } from "../components/data/kt-timeline/kt-timeline.js";
49
+ import { t as Ee } from "../chunks/toaster-PmdKSV5x.js";
50
+ const qt = e({
47
51
  tagName: "kt-avatar",
48
52
  elementClass: a,
49
53
  react: t
50
- }), At = e({
54
+ }), zt = e({
51
55
  tagName: "kt-badge",
52
56
  elementClass: o,
53
57
  react: t,
@@ -55,11 +59,11 @@ const xt = e({
55
59
  onKtBadgeClick: "kt-badge-click",
56
60
  onKtRemove: "kt-remove"
57
61
  }
58
- }), Ft = e({
62
+ }), Jt = e({
59
63
  tagName: "kt-button",
60
64
  elementClass: n,
61
65
  react: t
62
- }), Rt = e({
66
+ }), Qt = e({
63
67
  tagName: "kt-split-button",
64
68
  elementClass: s,
65
69
  react: t,
@@ -68,31 +72,31 @@ const xt = e({
68
72
  onKtOpen: "kt-open",
69
73
  onKtClose: "kt-close"
70
74
  }
71
- }), Et = e({
75
+ }), Ut = e({
72
76
  tagName: "kt-card",
73
77
  elementClass: r,
74
78
  react: t,
75
79
  events: { onKtCardClick: "kt-card-click" }
76
- }), Gt = e({
80
+ }), Vt = e({
77
81
  tagName: "kt-code",
78
82
  elementClass: m,
79
83
  react: t,
80
84
  events: { onKtCopy: "kt-copy" }
81
- }), Lt = e({
85
+ }), Wt = e({
82
86
  tagName: "kt-icon",
83
87
  elementClass: l,
84
88
  react: t
85
- }), jt = e({
89
+ }), Xt = e({
86
90
  tagName: "kt-kbd",
87
91
  elementClass: K,
88
92
  react: t
89
- }), Ot = e({
93
+ }), Yt = e({
90
94
  tagName: "kt-form",
91
- elementClass: g,
95
+ elementClass: p,
92
96
  react: t
93
- }), qt = e({
97
+ }), Zt = e({
94
98
  tagName: "kt-input",
95
- elementClass: i,
99
+ elementClass: C,
96
100
  react: t,
97
101
  events: {
98
102
  onKtInput: "kt-input",
@@ -100,156 +104,180 @@ const xt = e({
100
104
  onKtClear: "kt-clear",
101
105
  onKtCountryChange: "kt-country-change"
102
106
  }
103
- }), zt = e({
107
+ }), _t = e({
104
108
  tagName: "kt-textarea",
105
- elementClass: u,
109
+ elementClass: $,
106
110
  react: t,
107
111
  events: {
108
112
  onKtInput: "kt-input",
109
113
  onKtChange: "kt-change"
110
114
  }
111
- }), Jt = e({
115
+ }), te = e({
112
116
  tagName: "kt-label-input",
113
- elementClass: k,
117
+ elementClass: u,
114
118
  react: t
115
- }), Qt = e({
119
+ }), ee = e({
116
120
  tagName: "kt-toggle",
121
+ elementClass: v,
122
+ react: t,
123
+ events: { onKtChange: "kt-change" }
124
+ }), ae = e({
125
+ tagName: "kt-calendar",
126
+ elementClass: g,
127
+ react: t,
128
+ events: { onKtChange: "kt-change" }
129
+ }), oe = e({
130
+ tagName: "kt-date-picker",
131
+ elementClass: i,
132
+ react: t,
133
+ events: { onKtChange: "kt-change" }
134
+ }), ne = e({
135
+ tagName: "kt-checkbox",
136
+ elementClass: c,
137
+ react: t,
138
+ events: { onKtChange: "kt-change" }
139
+ }), se = e({
140
+ tagName: "kt-radio-group",
117
141
  elementClass: f,
118
142
  react: t,
119
143
  events: { onKtChange: "kt-change" }
120
- }), Ut = e({
144
+ }), re = e({
145
+ tagName: "kt-radio",
146
+ elementClass: N,
147
+ react: t
148
+ }), me = e({
121
149
  tagName: "kt-select",
122
- elementClass: C,
150
+ elementClass: h,
123
151
  react: t,
124
152
  events: { onKtChange: "kt-change" }
125
- }), Vt = e({
153
+ }), le = e({
126
154
  tagName: "kt-input-menu",
127
- elementClass: p,
155
+ elementClass: d,
128
156
  react: t,
129
157
  events: {
130
158
  onKtChange: "kt-change",
131
159
  onKtFilter: "kt-filter"
132
160
  }
133
- }), Wt = e({
161
+ }), Ke = e({
134
162
  tagName: "kt-drag-drop",
135
- elementClass: c,
163
+ elementClass: k,
136
164
  react: t,
137
165
  events: {
138
166
  onKtFilesChange: "kt-files-change",
139
167
  onKtFilesRejected: "kt-files-rejected"
140
168
  }
141
- }), Xt = e({
169
+ }), ce = e({
142
170
  tagName: "kt-breadcrumb",
143
- elementClass: d,
171
+ elementClass: b,
144
172
  react: t,
145
173
  events: { onKtNavigate: "kt-navigate" }
146
- }), Yt = e({
174
+ }), ge = e({
147
175
  tagName: "kt-sub-menu-navigation",
148
- elementClass: $,
176
+ elementClass: B,
149
177
  react: t,
150
178
  events: { onKtNavigate: "kt-navigate" }
151
- }), Zt = e({
179
+ }), ie = e({
152
180
  tagName: "kt-page-header",
153
- elementClass: N,
181
+ elementClass: T,
154
182
  react: t
155
- }), _t = e({
183
+ }), ke = e({
156
184
  tagName: "kt-segmented-control",
157
- elementClass: v,
185
+ elementClass: S,
158
186
  react: t,
159
187
  events: { onKtChange: "kt-change" }
160
- }), te = e({
188
+ }), pe = e({
161
189
  tagName: "kt-tabs",
162
- elementClass: h,
190
+ elementClass: P,
163
191
  react: t,
164
192
  events: { onKtChange: "kt-change" }
165
- }), ee = e({
193
+ }), Ce = e({
166
194
  tagName: "kt-header",
167
- elementClass: T,
195
+ elementClass: I,
168
196
  react: t,
169
197
  events: { onKtMenuToggle: "kt-menu-toggle" }
170
- }), ae = e({
198
+ }), de = e({
171
199
  tagName: "kt-toggle-button",
172
- elementClass: b,
200
+ elementClass: D,
173
201
  react: t,
174
202
  events: { onKtChange: "kt-change" }
175
- }), oe = e({
203
+ }), ue = e({
176
204
  tagName: "kt-toggle-button-group",
177
- elementClass: S,
205
+ elementClass: M,
178
206
  react: t,
179
207
  events: { onKtChange: "kt-change" }
180
- }), ne = e({
208
+ }), fe = e({
181
209
  tagName: "kt-alert",
182
- elementClass: B,
210
+ elementClass: x,
183
211
  react: t,
184
212
  events: { onKtClose: "kt-close" }
185
- }), se = e({
213
+ }), Ne = e({
186
214
  tagName: "kt-empty-state",
187
- elementClass: I,
215
+ elementClass: R,
188
216
  react: t
189
- }), re = e({
217
+ }), he = e({
190
218
  tagName: "kt-progress-bar",
191
- elementClass: P,
219
+ elementClass: y,
192
220
  react: t
193
- }), me = e({
221
+ }), $e = e({
194
222
  tagName: "kt-skeleton",
195
- elementClass: M,
223
+ elementClass: H,
196
224
  react: t
197
- }), le = e({
225
+ }), ve = e({
198
226
  tagName: "kt-tooltip",
199
- elementClass: H,
227
+ elementClass: F,
200
228
  react: t
201
- }), Ke = e({
229
+ }), be = e({
202
230
  tagName: "kt-toast",
203
- elementClass: D,
231
+ elementClass: w,
204
232
  react: t,
205
233
  events: { onKtToastClose: "kt-toast-close" }
206
- }), ce = e({
234
+ }), Te = e({
207
235
  tagName: "kt-toast-container",
208
- elementClass: y,
236
+ elementClass: A,
209
237
  react: t
210
- }), ge = e({
238
+ }), Se = e({
211
239
  tagName: "kt-collapsible",
212
- elementClass: w,
240
+ elementClass: G,
213
241
  react: t,
214
242
  events: { onKtToggle: "kt-toggle" }
215
- }), ie = e({
243
+ }), Be = e({
216
244
  tagName: "kt-dropdown",
217
- elementClass: A,
245
+ elementClass: L,
218
246
  react: t,
219
247
  events: {
220
248
  onKtSelect: "kt-select",
221
249
  onKtOpen: "kt-open",
222
250
  onKtClose: "kt-close"
223
251
  }
224
- }), pe = e({
252
+ }), Pe = e({
225
253
  tagName: "kt-modal",
226
- elementClass: F,
254
+ elementClass: j,
227
255
  react: t,
228
256
  events: { onKtClose: "kt-close" }
229
- }), ke = e({
257
+ }), Ie = e({
230
258
  tagName: "kt-side-panel",
231
- elementClass: R,
259
+ elementClass: O,
232
260
  react: t,
233
261
  events: { onKtClose: "kt-close" }
234
- }), Ce = e({
262
+ }), De = e({
235
263
  tagName: "kt-confirm-dialog",
236
- elementClass: x,
264
+ elementClass: E,
237
265
  react: t,
238
266
  events: {
239
267
  onKtConfirm: "kt-confirm",
240
268
  onKtCancel: "kt-cancel"
241
269
  }
242
- }), ue = e({
270
+ }), Me = e({
243
271
  tagName: "kt-chart",
244
- elementClass: E,
272
+ elementClass: q,
245
273
  react: t,
246
274
  events: {
247
275
  onKtPointHover: "kt-point-hover",
248
276
  onKtSeriesToggle: "kt-series-toggle"
249
277
  }
250
- }), fe = e({
278
+ }), xe = e({
251
279
  tagName: "kt-table",
252
- elementClass: O,
280
+ elementClass: U,
253
281
  react: t,
254
282
  events: {
255
283
  onKtSortChange: "kt-sort-change",
@@ -257,72 +285,77 @@ const xt = e({
257
285
  onKtRowClick: "kt-row-click",
258
286
  onKtPageChange: "kt-page-change"
259
287
  }
260
- }), de = e({
288
+ }), Re = e({
261
289
  tagName: "kt-meter",
262
- elementClass: G,
290
+ elementClass: z,
263
291
  react: t
264
- }), Ne = e({
292
+ }), ye = e({
265
293
  tagName: "kt-pagination",
266
- elementClass: L,
294
+ elementClass: J,
267
295
  react: t,
268
296
  events: { onKtPageChange: "kt-page-change" }
269
- }), ve = e({
297
+ }), He = e({
270
298
  tagName: "kt-stat",
271
- elementClass: j,
299
+ elementClass: Q,
272
300
  react: t
273
- }), $e = e({
301
+ }), we = e({
274
302
  tagName: "kt-timeline",
275
- elementClass: q,
303
+ elementClass: V,
276
304
  react: t
277
- }), he = e({
305
+ }), Ae = e({
278
306
  tagName: "kt-timeline-item",
279
- elementClass: z,
307
+ elementClass: W,
280
308
  react: t
281
309
  });
282
310
  export {
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
311
+ fe as KtAlert,
312
+ qt as KtAvatar,
313
+ zt as KtBadge,
314
+ ce as KtBreadcrumb,
315
+ Jt as KtButton,
316
+ ae as KtCalendar,
317
+ Ut as KtCard,
318
+ Me as KtChart,
319
+ ne as KtCheckbox,
320
+ Vt as KtCode,
321
+ Se as KtCollapsible,
322
+ De as KtConfirmDialog,
323
+ oe as KtDatePicker,
324
+ Ke as KtDragDrop,
325
+ Be as KtDropdown,
326
+ Ne as KtEmptyState,
327
+ Yt as KtForm,
328
+ Ce as KtHeader,
329
+ Wt as KtIcon,
330
+ Zt as KtInput,
331
+ le as KtInputMenu,
332
+ Xt as KtKbd,
333
+ te as KtLabelInput,
334
+ Re as KtMeter,
335
+ Pe as KtModal,
336
+ ie as KtPageHeader,
337
+ ye as KtPagination,
338
+ he as KtProgressBar,
339
+ re as KtRadio,
340
+ se as KtRadioGroup,
341
+ ke as KtSegmentedControl,
342
+ me as KtSelect,
343
+ Ie as KtSidePanel,
344
+ $e as KtSkeleton,
345
+ Qt as KtSplitButton,
346
+ He as KtStat,
347
+ ge as KtSubMenuNavigation,
348
+ xe as KtTable,
349
+ pe as KtTabs,
350
+ _t as KtTextarea,
351
+ we as KtTimeline,
352
+ Ae as KtTimelineItem,
353
+ be as KtToast,
354
+ Te as KtToastContainer,
355
+ ee as KtToggle,
356
+ de as KtToggleButton,
357
+ ue as KtToggleButtonGroup,
358
+ ve as KtTooltip,
359
+ Ee as toaster
327
360
  };
328
361
  //# 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 — for React 18.\n *\n * React 18 sets every prop as a string attribute and cannot listen for custom\n * events, so each element is wrapped with `@lit/react`: props become\n * properties, `onKtChange` listens for `kt-change`, refs are typed as the\n * element. `@lit/react` is an optional peer dependency — a React 18 project\n * installs it alongside kanto-ds:\n *\n * npm install kanto-ds @lit/react\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 19 needs none of this: it renders the `kt-*` tags directly, and\n * `kanto-ds/react/jsx` types them.\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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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/react/index.ts"],"sourcesContent":["/**\n * React wrappers for the Kanto elements — for React 18.\n *\n * React 18 sets every prop as a string attribute and cannot listen for custom\n * events, so each element is wrapped with `@lit/react`: props become\n * properties, `onKtChange` listens for `kt-change`, refs are typed as the\n * element. `@lit/react` is an optional peer dependency — a React 18 project\n * installs it alongside kanto-ds:\n *\n * npm install kanto-ds @lit/react\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 19 needs none of this: it renders the `kt-*` tags directly, and\n * `kanto-ds/react/jsx` types them.\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 { KtCheckbox as KtCheckboxElement } from '../components/forms/kt-checkbox/kt-checkbox.js';\nimport { KtCalendar as KtCalendarElement } from '../components/forms/kt-calendar/kt-calendar.js';\nimport { KtDatePicker as KtDatePickerElement } from '../components/forms/kt-date-picker/kt-date-picker.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 {\n KtRadio as KtRadioElement,\n KtRadioGroup as KtRadioGroupElement,\n} from '../components/forms/kt-radio-group/kt-radio-group.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 KtCalendar = createComponent({\n tagName: 'kt-calendar',\n elementClass: KtCalendarElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string }> },\n});\n\nexport const KtDatePicker = createComponent({\n tagName: 'kt-date-picker',\n elementClass: KtDatePickerElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtCheckbox = createComponent({\n tagName: 'kt-checkbox',\n elementClass: KtCheckboxElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ checked: boolean }> },\n});\n\nexport const KtRadioGroup = createComponent({\n tagName: 'kt-radio-group',\n elementClass: KtRadioGroupElement,\n react: React,\n events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtRadio = createComponent({\n tagName: 'kt-radio',\n elementClass: KtRadioElement,\n react: React,\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","KtCalendar","KtCalendarElement","KtDatePicker","KtDatePickerElement","KtCheckbox","KtCheckboxElement","KtRadioGroup","KtRadioGroupElement","KtRadio","KtRadioElement","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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"}