@sellmate/design-system 1.28.0 → 1.31.0

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 (467) hide show
  1. package/dist/cjs/design-system.cjs.js +2 -2
  2. package/dist/cjs/{index-D12oddge.js → index-Jr8OU0y9.js} +1 -15
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/sd-action-modal.cjs.entry.js +2 -2
  5. package/dist/cjs/sd-badge.cjs.entry.js +2 -2
  6. package/dist/cjs/sd-barcode-input.cjs.entry.js +2 -2
  7. package/dist/cjs/sd-button_2.cjs.entry.js +3 -3
  8. package/dist/cjs/sd-calendar_2.cjs.entry.js +8 -9
  9. package/dist/cjs/sd-callout.cjs.entry.js +2 -2
  10. package/dist/cjs/sd-card.cjs.entry.js +2 -2
  11. package/dist/cjs/sd-checkbox.cjs.entry.js +5 -5
  12. package/dist/cjs/sd-chip-input.cjs.entry.js +22 -17
  13. package/dist/cjs/sd-chip.cjs.entry.js +7 -7
  14. package/dist/cjs/sd-circle-progress.cjs.entry.js +4 -4
  15. package/dist/cjs/sd-confirm-modal_2.cjs.entry.js +33 -36
  16. package/dist/cjs/sd-date-box.cjs.entry.js +1 -1
  17. package/dist/cjs/{component.datepicker-CUQbDSku.js → sd-date-picker.config-CgyNxY03.js} +64 -0
  18. package/dist/cjs/{sd-date-picker_7.cjs.entry.js → sd-date-picker_8.cjs.entry.js} +446 -47
  19. package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +162 -12
  20. package/dist/cjs/sd-divider.cjs.entry.js +3 -3
  21. package/dist/cjs/sd-dropdown-button.cjs.entry.js +2 -2
  22. package/dist/cjs/sd-field_3.cjs.entry.js +51 -52
  23. package/dist/cjs/sd-form.cjs.entry.js +1 -1
  24. package/dist/cjs/sd-ghost-button_3.cjs.entry.js +14 -10
  25. package/dist/cjs/sd-guide.cjs.entry.js +2 -2
  26. package/dist/cjs/sd-key-value-table.cjs.entry.js +88 -18
  27. package/dist/cjs/sd-linear-progress.cjs.entry.js +3 -3
  28. package/dist/cjs/sd-loading-container.cjs.entry.js +3 -3
  29. package/dist/cjs/sd-modal-container.cjs.entry.js +16 -2
  30. package/dist/cjs/sd-pagination.cjs.entry.js +173 -0
  31. package/dist/cjs/sd-popover.cjs.entry.js +134 -44
  32. package/dist/cjs/sd-popup.cjs.entry.js +3 -3
  33. package/dist/cjs/sd-radio-button.cjs.entry.js +3 -3
  34. package/dist/cjs/sd-radio.cjs.entry.js +4 -2
  35. package/dist/cjs/{sd-select_3.cjs.entry.js → sd-select-list-item_4.cjs.entry.js} +294 -315
  36. package/dist/cjs/sd-switch.cjs.entry.js +13 -3
  37. package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
  38. package/dist/cjs/sd-text-link.cjs.entry.js +4 -4
  39. package/dist/cjs/sd-time-picker-selector.cjs.entry.js +179 -0
  40. package/dist/cjs/sd-time-picker-trigger.cjs.entry.js +75 -0
  41. package/dist/cjs/sd-time-picker.cjs.entry.js +173 -0
  42. package/dist/cjs/sd-time-picker.config-C7REB08L.js +156 -0
  43. package/dist/cjs/sd-time-range-picker-selector.cjs.entry.js +219 -0
  44. package/dist/cjs/sd-time-range-picker.cjs.entry.js +204 -0
  45. package/dist/cjs/sd-toast-container.cjs.entry.js +2 -2
  46. package/dist/cjs/sd-toast.cjs.entry.js +3 -3
  47. package/dist/cjs/sd-toggle.cjs.entry.js +2 -2
  48. package/dist/cjs/{system-MjrAugX-.js → system-B4KkVpu2.js} +1 -7
  49. package/dist/cjs/{tooltipArrow-Dda4ik0V.js → tooltipArrow-BlrFItn5.js} +1 -1
  50. package/dist/cjs/useDatePicker-j06ymWZ_.js +103 -0
  51. package/dist/collection/collection-manifest.json +8 -8
  52. package/dist/collection/components/sd-action-modal/sd-action-modal.js +1 -1
  53. package/dist/collection/components/sd-badge/sd-badge.js +1 -1
  54. package/dist/collection/components/sd-barcode-input/sd-barcode-input.js +1 -1
  55. package/dist/collection/components/sd-button/sd-button.js +2 -2
  56. package/dist/collection/components/sd-calendar/sd-calendar.js +3 -3
  57. package/dist/collection/components/sd-callout/sd-callout.js +1 -1
  58. package/dist/collection/components/sd-card/sd-card.js +1 -1
  59. package/dist/collection/components/sd-checkbox/sd-checkbox.js +8 -8
  60. package/dist/collection/components/sd-chip/sd-chip.js +8 -8
  61. package/dist/collection/components/sd-chip-input/sd-chip-input.css +3 -0
  62. package/dist/collection/components/sd-chip-input/sd-chip-input.js +43 -17
  63. package/dist/collection/components/sd-circle-progress/sd-circle-progress.css +1 -0
  64. package/dist/collection/components/sd-circle-progress/sd-circle-progress.js +1 -1
  65. package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.css +3 -0
  66. package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.js +35 -59
  67. package/dist/collection/components/sd-date-picker/sd-date-picker-trigger/sd-date-picker-trigger.js +2 -2
  68. package/dist/collection/components/sd-date-picker/sd-date-picker.js +23 -2
  69. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker-calendar/sd-date-range-picker-calendar.css +75 -0
  70. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker-calendar/sd-date-range-picker-calendar.js +152 -6
  71. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.config.js +27 -0
  72. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +59 -3
  73. package/dist/collection/components/sd-divider/sd-divider.js +1 -1
  74. package/dist/collection/components/sd-field/sd-field.css +4 -0
  75. package/dist/collection/components/sd-field/sd-field.js +58 -5
  76. package/dist/collection/components/sd-file-picker/sd-file-picker.config.js +17 -10
  77. package/dist/collection/components/sd-file-picker/sd-file-picker.js +46 -16
  78. package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +1 -1
  79. package/dist/collection/components/sd-ghost-button/sd-ghost-button.js +27 -3
  80. package/dist/collection/components/sd-input/sd-input.js +4 -4
  81. package/dist/collection/components/sd-key-value-table/sd-key-value-table.config.js +2 -0
  82. package/dist/collection/components/sd-key-value-table/sd-key-value-table.css +5 -1
  83. package/dist/collection/components/sd-key-value-table/sd-key-value-table.js +65 -15
  84. package/dist/collection/components/sd-linear-progress/sd-linear-progress.js +1 -1
  85. package/dist/collection/components/sd-loading-container/sd-loading-container.js +2 -2
  86. package/dist/collection/components/sd-loading-modal/sd-loading-modal.js +1 -1
  87. package/dist/collection/components/sd-modal-container/sd-modal-container.js +15 -1
  88. package/dist/collection/components/sd-number-input/sd-number-input.js +58 -7
  89. package/dist/collection/components/sd-pagination/sd-pagination.js +3 -3
  90. package/dist/collection/components/sd-popover/sd-popover.config.js +41 -0
  91. package/dist/collection/components/sd-popover/sd-popover.js +189 -191
  92. package/dist/collection/components/sd-popup/sd-popup.js +1 -1
  93. package/dist/collection/components/sd-portal/sd-portal.js +1 -1
  94. package/dist/collection/components/sd-radio/sd-radio.js +25 -4
  95. package/dist/collection/components/sd-radio-button/sd-radio-button.js +6 -6
  96. package/dist/collection/components/sd-radio-group/sd-radio-group.js +7 -7
  97. package/dist/collection/components/sd-select/sd-select-list-item/sd-select-list-item.js +2 -2
  98. package/dist/collection/components/sd-select/sd-select-list-item-search/sd-select-list-item-search.js +4 -4
  99. package/dist/collection/components/sd-select/sd-select-listbox/sd-select-listbox.js +2 -2
  100. package/dist/collection/components/sd-select/sd-select-trigger/sd-select-trigger.js +2 -2
  101. package/dist/collection/components/sd-select/sd-select.js +4 -4
  102. package/dist/collection/components/sd-switch/sd-switch.js +54 -3
  103. package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
  104. package/dist/collection/components/sd-tag/sd-tag.js +7 -8
  105. package/dist/collection/components/sd-text-link/sd-text-link.js +3 -3
  106. package/dist/collection/components/sd-textarea/sd-textarea.js +1 -1
  107. package/dist/collection/components/sd-time-picker/sd-time-picker-selector/sd-time-picker-selector.css +87 -0
  108. package/dist/collection/components/sd-time-picker/sd-time-picker-selector/sd-time-picker-selector.js +266 -0
  109. package/dist/collection/components/sd-time-picker/sd-time-picker-trigger/sd-time-picker-trigger.css +38 -0
  110. package/dist/collection/components/sd-time-picker/sd-time-picker-trigger/sd-time-picker-trigger.js +216 -0
  111. package/dist/collection/components/sd-time-picker/sd-time-picker.config.js +78 -0
  112. package/dist/collection/components/sd-time-picker/sd-time-picker.css +12 -0
  113. package/dist/collection/components/sd-time-picker/sd-time-picker.js +761 -0
  114. package/dist/collection/components/sd-time-range-picker/sd-time-range-picker-selector/sd-time-range-picker-selector.css +102 -0
  115. package/dist/collection/components/sd-time-range-picker/sd-time-range-picker-selector/sd-time-range-picker-selector.js +338 -0
  116. package/dist/collection/components/sd-time-range-picker/sd-time-range-picker.config.js +23 -0
  117. package/dist/collection/components/sd-time-range-picker/sd-time-range-picker.css +12 -0
  118. package/dist/collection/components/sd-time-range-picker/sd-time-range-picker.js +809 -0
  119. package/dist/collection/components/sd-toast/sd-toast.js +2 -2
  120. package/dist/collection/components/sd-toast-container/sd-toast-container.js +1 -1
  121. package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
  122. package/dist/collection/components/sd-tooltip/sd-tooltip.js +36 -189
  123. package/dist/components/index.js +1 -1
  124. package/dist/components/p-1DsQj3tv.js +1 -0
  125. package/dist/components/p-2g4jlJ3i.js +1 -0
  126. package/dist/components/{p-BE6ymp9E.js → p-6U1qyU5A.js} +1 -1
  127. package/dist/components/{p-1i6Q61TF.js → p-B-EV9bey.js} +1 -1
  128. package/dist/components/p-B887QQl2.js +1 -0
  129. package/dist/components/{p-BysikR_g.js → p-BPzs63D8.js} +1 -1
  130. package/dist/components/p-Bth2l1cy.js +1 -0
  131. package/dist/components/{p-CTDPl65u.js → p-BvJ14GuJ.js} +1 -1
  132. package/dist/components/p-Bxv2AFOb.js +1 -0
  133. package/dist/components/p-C6o10dl7.js +1 -0
  134. package/dist/components/p-C6wuKkUq.js +1 -0
  135. package/dist/components/{p-BAVsc1Ml.js → p-C9IKm4j5.js} +1 -1
  136. package/dist/components/{p-BuADVB78.js → p-CH9dgzTr.js} +1 -1
  137. package/dist/components/p-CKV2W-zU.js +1 -0
  138. package/dist/components/p-CTCt17CE.js +1 -0
  139. package/dist/components/{p-laVsm9VM.js → p-CghFB91T.js} +1 -1
  140. package/dist/components/p-Ckr9iuVb.js +1 -0
  141. package/dist/components/p-ClbD4Gsr.js +1 -0
  142. package/dist/components/p-CmCOLnc0.js +1 -0
  143. package/dist/components/{p-DNbbdJIc.js → p-CwzkplrI.js} +1 -1
  144. package/dist/components/p-CzJ9g73f.js +1 -0
  145. package/dist/components/p-D8yhjm54.js +1 -0
  146. package/dist/components/p-D9qp3o5Y.js +1 -0
  147. package/dist/components/{p-Bgxca9o5.js → p-DE8Ws9As.js} +1 -1
  148. package/dist/components/p-DMm_GeZC.js +1 -0
  149. package/dist/components/{p-BnI9HUOv.js → p-DOfLrOEu.js} +1 -1
  150. package/dist/components/{p-vtuEYpc6.js → p-DSWD8udu.js} +1 -1
  151. package/dist/components/{p-BKV1WAFb.js → p-DWnuCSqC.js} +1 -1
  152. package/dist/components/p-DYjaQs6e.js +1 -0
  153. package/dist/components/{p-pwGA4sDj.js → p-DasiqnrU.js} +1 -1
  154. package/dist/components/p-Dc9g3-5z.js +1 -0
  155. package/dist/components/{p-ClD0nx1l.js → p-DnlLqzGM.js} +1 -1
  156. package/dist/components/p-DsZwiWiU.js +1 -0
  157. package/dist/components/{p-IDlLs_KA.js → p-FGII920I.js} +1 -1
  158. package/dist/components/p-Hjv7LqkN.js +1 -0
  159. package/dist/components/{p-CHHlQceE.js → p-In6mljvA.js} +1 -1
  160. package/dist/components/p-OnBLxJAP.js +1 -0
  161. package/dist/components/p-SYnTIeiO.js +1 -0
  162. package/dist/{design-system/p-D2S9Zafz.js → components/p-bXzpfkfN.js} +1 -1
  163. package/dist/components/p-mcbwNjNT.js +1 -0
  164. package/dist/components/p-qZxAQy4p.js +1 -0
  165. package/dist/components/sd-action-modal.js +1 -1
  166. package/dist/components/sd-badge.js +1 -1
  167. package/dist/components/sd-barcode-input.js +1 -1
  168. package/dist/components/sd-button.js +1 -1
  169. package/dist/components/sd-calendar.js +1 -1
  170. package/dist/components/sd-callout.js +1 -1
  171. package/dist/components/sd-card.js +1 -1
  172. package/dist/components/sd-checkbox.js +1 -1
  173. package/dist/components/sd-chip-input.js +1 -1
  174. package/dist/components/sd-chip.js +1 -1
  175. package/dist/components/sd-circle-progress.js +1 -1
  176. package/dist/components/sd-confirm-modal.js +1 -1
  177. package/dist/components/sd-date-box.js +1 -1
  178. package/dist/components/sd-date-picker-trigger.js +1 -1
  179. package/dist/components/sd-date-picker.js +1 -1
  180. package/dist/components/sd-date-range-picker-calendar.js +1 -1
  181. package/dist/components/sd-date-range-picker.js +1 -1
  182. package/dist/components/sd-divider.js +1 -1
  183. package/dist/components/sd-dropdown-button.js +1 -1
  184. package/dist/components/sd-field.js +1 -1
  185. package/dist/components/sd-file-picker.js +1 -1
  186. package/dist/components/sd-floating-portal.js +1 -1
  187. package/dist/components/sd-form.js +1 -1
  188. package/dist/components/sd-ghost-button.js +1 -1
  189. package/dist/components/sd-guide.js +1 -1
  190. package/dist/components/sd-icon.js +1 -1
  191. package/dist/components/sd-input.js +1 -1
  192. package/dist/components/sd-key-value-table.js +1 -1
  193. package/dist/components/sd-linear-progress.js +1 -1
  194. package/dist/components/sd-loading-container.js +1 -1
  195. package/dist/components/sd-loading-modal.js +1 -1
  196. package/dist/components/sd-modal-container.js +1 -1
  197. package/dist/components/sd-number-input.js +1 -1
  198. package/dist/components/sd-pagination.js +1 -1
  199. package/dist/components/sd-popover.js +1 -1
  200. package/dist/components/sd-popup.js +1 -1
  201. package/dist/components/sd-portal.js +1 -1
  202. package/dist/components/sd-radio-button.js +1 -1
  203. package/dist/components/sd-radio-group.js +1 -1
  204. package/dist/components/sd-radio.js +1 -1
  205. package/dist/components/sd-select-list-item-search.js +1 -1
  206. package/dist/components/sd-select-list-item.js +1 -1
  207. package/dist/components/sd-select-listbox.js +1 -1
  208. package/dist/components/sd-select-trigger.js +1 -1
  209. package/dist/components/sd-select.js +1 -1
  210. package/dist/components/sd-switch.js +1 -1
  211. package/dist/components/sd-tabs.js +1 -1
  212. package/dist/components/sd-tag.js +1 -1
  213. package/dist/components/sd-text-link.js +1 -1
  214. package/dist/components/sd-textarea.js +1 -1
  215. package/dist/components/sd-time-picker-selector.d.ts +11 -0
  216. package/dist/components/sd-time-picker-selector.js +1 -0
  217. package/dist/components/{sd-table.d.ts → sd-time-picker-trigger.d.ts} +4 -4
  218. package/dist/components/sd-time-picker-trigger.js +1 -0
  219. package/dist/components/{sd-thead.d.ts → sd-time-picker.d.ts} +4 -4
  220. package/dist/components/sd-time-picker.js +1 -0
  221. package/dist/components/sd-time-range-picker-selector.d.ts +11 -0
  222. package/dist/components/sd-time-range-picker-selector.js +1 -0
  223. package/dist/components/{sd-td.d.ts → sd-time-range-picker.d.ts} +4 -4
  224. package/dist/components/sd-time-range-picker.js +1 -0
  225. package/dist/components/sd-toast-container.js +1 -1
  226. package/dist/components/sd-toast.js +1 -1
  227. package/dist/components/sd-toggle.js +1 -1
  228. package/dist/components/sd-tooltip.js +1 -1
  229. package/dist/design-system/design-system.css +1 -1
  230. package/dist/design-system/design-system.esm.js +1 -1
  231. package/dist/design-system/{p-750a9112.entry.js → p-129b6330.entry.js} +1 -1
  232. package/dist/design-system/p-15f43b9b.entry.js +1 -0
  233. package/dist/design-system/p-16b9eac4.entry.js +1 -0
  234. package/dist/design-system/{p-0b8c86c3.entry.js → p-1858636f.entry.js} +1 -1
  235. package/dist/design-system/{p-a938ffee.entry.js → p-21672bb8.entry.js} +1 -1
  236. package/dist/design-system/{p-3b3a46cd.entry.js → p-219288ef.entry.js} +1 -1
  237. package/dist/design-system/{p-26f2f4c2.entry.js → p-22ac9e05.entry.js} +1 -1
  238. package/dist/design-system/p-2534d3d4.entry.js +1 -0
  239. package/dist/design-system/p-3859316f.entry.js +1 -0
  240. package/dist/design-system/{p-67f19734.entry.js → p-46da4e95.entry.js} +1 -1
  241. package/dist/design-system/{p-287d8016.entry.js → p-46eb3421.entry.js} +1 -1
  242. package/dist/design-system/p-4782331f.entry.js +1 -0
  243. package/dist/design-system/p-4a117dd6.entry.js +1 -0
  244. package/dist/design-system/{p-58ec51db.entry.js → p-4ae0a64a.entry.js} +1 -1
  245. package/dist/design-system/{p-bbd24816.entry.js → p-52b1be6f.entry.js} +1 -1
  246. package/dist/design-system/p-56e7c87b.entry.js +1 -0
  247. package/dist/design-system/p-570b9e91.entry.js +1 -0
  248. package/dist/design-system/p-5a113197.entry.js +1 -0
  249. package/dist/design-system/p-62ff77e4.entry.js +1 -0
  250. package/dist/design-system/{p-1230b51b.entry.js → p-655324cd.entry.js} +1 -1
  251. package/dist/design-system/p-66cff123.entry.js +1 -0
  252. package/dist/design-system/{p-4970f1ff.entry.js → p-6c4fa9d7.entry.js} +1 -1
  253. package/dist/design-system/{p-071e73e0.entry.js → p-809a0a71.entry.js} +1 -1
  254. package/dist/design-system/{p-70608fec.entry.js → p-82cb62a9.entry.js} +1 -1
  255. package/dist/design-system/p-843d1a8a.entry.js +1 -0
  256. package/dist/design-system/{p-fbeed0e4.entry.js → p-8836d9ff.entry.js} +1 -1
  257. package/dist/design-system/p-8af8e302.entry.js +1 -0
  258. package/dist/design-system/p-9c131122.entry.js +1 -0
  259. package/dist/design-system/{p-BqWuC4-J.js → p-BnUjeY2n.js} +1 -1
  260. package/dist/design-system/p-Bth2l1cy.js +1 -0
  261. package/dist/design-system/p-C599jhDs.js +2 -0
  262. package/dist/design-system/{p-CRWmn35N.js → p-Cn8LZw1e.js} +1 -1
  263. package/dist/design-system/p-DMm_GeZC.js +1 -0
  264. package/dist/design-system/p-Dz23PPdF.js +1 -0
  265. package/dist/design-system/p-a0c55a19.entry.js +1 -0
  266. package/dist/design-system/p-a6c292d1.entry.js +1 -0
  267. package/dist/design-system/p-a9cc4697.entry.js +1 -0
  268. package/dist/design-system/{p-2553bb1f.entry.js → p-b2dc1202.entry.js} +1 -1
  269. package/dist/design-system/{p-9c0bca09.entry.js → p-b5229957.entry.js} +1 -1
  270. package/dist/design-system/{p-d7e302af.entry.js → p-b75cc0dd.entry.js} +1 -1
  271. package/dist/design-system/p-b97a6cf3.entry.js +1 -0
  272. package/dist/design-system/p-c1e625e5.entry.js +1 -0
  273. package/dist/design-system/{p-5687ed0c.entry.js → p-c7f03dea.entry.js} +1 -1
  274. package/dist/design-system/p-cdb2433a.entry.js +1 -0
  275. package/dist/design-system/{p-61f5d5ea.entry.js → p-d5325895.entry.js} +1 -1
  276. package/dist/design-system/p-e0e4a451.entry.js +1 -0
  277. package/dist/design-system/p-e387ec65.entry.js +1 -0
  278. package/dist/design-system/{p-bab692c6.entry.js → p-efe3601d.entry.js} +1 -1
  279. package/dist/esm/design-system.js +3 -3
  280. package/dist/esm/{index-DDNBPrZh.js → index-C599jhDs.js} +2 -14
  281. package/dist/esm/loader.js +3 -3
  282. package/dist/esm/sd-action-modal.entry.js +2 -2
  283. package/dist/esm/sd-badge.entry.js +2 -2
  284. package/dist/esm/sd-barcode-input.entry.js +2 -2
  285. package/dist/esm/sd-button_2.entry.js +3 -3
  286. package/dist/esm/sd-calendar_2.entry.js +8 -9
  287. package/dist/esm/sd-callout.entry.js +2 -2
  288. package/dist/esm/sd-card.entry.js +2 -2
  289. package/dist/esm/sd-checkbox.entry.js +5 -5
  290. package/dist/esm/sd-chip-input.entry.js +22 -17
  291. package/dist/esm/sd-chip.entry.js +7 -7
  292. package/dist/esm/sd-circle-progress.entry.js +4 -4
  293. package/dist/esm/sd-confirm-modal_2.entry.js +33 -36
  294. package/dist/esm/sd-date-box.entry.js +1 -1
  295. package/dist/esm/{component.datepicker-laVsm9VM.js → sd-date-picker.config-CdXJcOGr.js} +63 -1
  296. package/dist/esm/{sd-date-picker_7.entry.js → sd-date-picker_8.entry.js} +446 -48
  297. package/dist/esm/sd-date-range-picker-calendar.entry.js +158 -8
  298. package/dist/esm/sd-divider.entry.js +3 -3
  299. package/dist/esm/sd-dropdown-button.entry.js +2 -2
  300. package/dist/esm/sd-field_3.entry.js +51 -52
  301. package/dist/esm/sd-form.entry.js +1 -1
  302. package/dist/esm/sd-ghost-button_3.entry.js +14 -10
  303. package/dist/esm/sd-guide.entry.js +2 -2
  304. package/dist/esm/sd-key-value-table.entry.js +87 -17
  305. package/dist/esm/sd-linear-progress.entry.js +3 -3
  306. package/dist/esm/sd-loading-container.entry.js +3 -3
  307. package/dist/esm/sd-modal-container.entry.js +16 -2
  308. package/dist/esm/sd-pagination.entry.js +171 -0
  309. package/dist/esm/sd-popover.entry.js +134 -44
  310. package/dist/esm/sd-popup.entry.js +3 -3
  311. package/dist/esm/sd-radio-button.entry.js +3 -3
  312. package/dist/esm/sd-radio.entry.js +4 -2
  313. package/dist/esm/{sd-select_3.entry.js → sd-select-list-item_4.entry.js} +277 -299
  314. package/dist/esm/sd-switch.entry.js +13 -3
  315. package/dist/esm/sd-tabs.entry.js +2 -2
  316. package/dist/esm/sd-text-link.entry.js +4 -4
  317. package/dist/esm/sd-time-picker-selector.entry.js +177 -0
  318. package/dist/esm/sd-time-picker-trigger.entry.js +73 -0
  319. package/dist/esm/sd-time-picker.config-DUq29Nhs.js +148 -0
  320. package/dist/esm/sd-time-picker.entry.js +171 -0
  321. package/dist/esm/sd-time-range-picker-selector.entry.js +217 -0
  322. package/dist/esm/sd-time-range-picker.entry.js +202 -0
  323. package/dist/esm/sd-toast-container.entry.js +2 -2
  324. package/dist/esm/sd-toast.entry.js +3 -3
  325. package/dist/esm/sd-toggle.entry.js +2 -2
  326. package/dist/esm/{system-BJfiMC9H.js → system-Bth2l1cy.js} +1 -7
  327. package/dist/esm/{tooltipArrow-blL0aWPE.js → tooltipArrow-DbLihSLI.js} +1 -1
  328. package/dist/esm/{useDatePicker-DoUg--aq.js → useDatePicker-DQ5Kyy_D.js} +1 -1
  329. package/dist/types/components/sd-checkbox/sd-checkbox.d.ts +2 -2
  330. package/dist/types/components/sd-chip/sd-chip.d.ts +3 -3
  331. package/dist/types/components/sd-chip-input/sd-chip-input.d.ts +4 -2
  332. package/dist/types/components/sd-confirm-modal/sd-confirm-modal.d.ts +10 -10
  333. package/dist/types/components/sd-date-picker/sd-date-picker.d.ts +2 -0
  334. package/dist/types/components/sd-date-range-picker/sd-date-range-picker-calendar/sd-date-range-picker-calendar.d.ts +20 -0
  335. package/dist/types/components/sd-date-range-picker/sd-date-range-picker.config.d.ts +25 -0
  336. package/dist/types/components/sd-date-range-picker/sd-date-range-picker.d.ts +9 -0
  337. package/dist/types/components/sd-field/sd-field.d.ts +7 -0
  338. package/dist/types/components/sd-file-picker/sd-file-picker.config.d.ts +28 -0
  339. package/dist/types/components/sd-file-picker/sd-file-picker.d.ts +3 -1
  340. package/dist/types/components/sd-ghost-button/sd-ghost-button.d.ts +5 -0
  341. package/dist/types/components/sd-input/sd-input.d.ts +1 -1
  342. package/dist/types/components/sd-key-value-table/sd-key-value-table.config.d.ts +22 -3
  343. package/dist/types/components/sd-key-value-table/sd-key-value-table.d.ts +9 -1
  344. package/dist/types/components/sd-modal-container/sd-modal-container.config.d.ts +3 -0
  345. package/dist/types/components/sd-modal-container/sd-modal-container.d.ts +2 -0
  346. package/dist/types/components/sd-number-input/sd-number-input.d.ts +8 -0
  347. package/dist/types/components/sd-popover/sd-popover.config.d.ts +22 -0
  348. package/dist/types/components/sd-popover/sd-popover.d.ts +29 -36
  349. package/dist/types/components/sd-radio/sd-radio.d.ts +3 -1
  350. package/dist/types/components/sd-radio-button/sd-radio-button.d.ts +2 -2
  351. package/dist/types/components/sd-radio-group/sd-radio-group.d.ts +2 -2
  352. package/dist/types/components/sd-switch/sd-switch.d.ts +8 -1
  353. package/dist/types/components/sd-tag/sd-tag.d.ts +2 -2
  354. package/dist/types/components/sd-time-picker/sd-time-picker-selector/sd-time-picker-selector.d.ts +35 -0
  355. package/dist/types/components/sd-time-picker/sd-time-picker-trigger/sd-time-picker-trigger.d.ts +21 -0
  356. package/dist/types/components/sd-time-picker/sd-time-picker.config.d.ts +71 -0
  357. package/dist/types/components/sd-time-picker/sd-time-picker.d.ts +84 -0
  358. package/dist/types/components/sd-time-range-picker/sd-time-range-picker-selector/sd-time-range-picker-selector.d.ts +40 -0
  359. package/dist/types/components/sd-time-range-picker/sd-time-range-picker.config.d.ts +9 -0
  360. package/dist/types/components/sd-time-range-picker/sd-time-range-picker.d.ts +88 -0
  361. package/dist/types/components/sd-tooltip/sd-tooltip.d.ts +7 -22
  362. package/dist/types/components.d.ts +1093 -885
  363. package/dist/types/index.d.ts +0 -1
  364. package/hydrate/index.js +2573 -3144
  365. package/hydrate/index.mjs +2573 -3144
  366. package/package.json +1 -1
  367. package/dist/cjs/component.table-POXY492T.js +0 -72
  368. package/dist/cjs/constants-DJRV1upE.js +0 -5
  369. package/dist/cjs/sd-date-picker.config-De7ahWIs.js +0 -41
  370. package/dist/cjs/sd-pagination_4.cjs.entry.js +0 -858
  371. package/dist/cjs/sd-select-list-item_2.cjs.entry.js +0 -173
  372. package/dist/cjs/sd-select.config-omyxekRa.js +0 -144
  373. package/dist/cjs/sd-table.cjs.entry.js +0 -956
  374. package/dist/cjs/sd-table.config-DFy_S4bc.js +0 -83
  375. package/dist/cjs/sd-td.cjs.entry.js +0 -201
  376. package/dist/cjs/useDatePicker-iMd6WToc.js +0 -103
  377. package/dist/collection/components/sd-table/constants.js +0 -1
  378. package/dist/collection/components/sd-table/sd-table.config.js +0 -88
  379. package/dist/collection/components/sd-table/sd-table.css +0 -180
  380. package/dist/collection/components/sd-table/sd-table.js +0 -1709
  381. package/dist/collection/components/sd-table/sd-table.stories.helpers.js +0 -242
  382. package/dist/collection/components/sd-table/sd-tbody/sd-tbody.css +0 -10
  383. package/dist/collection/components/sd-table/sd-tbody/sd-tbody.js +0 -110
  384. package/dist/collection/components/sd-table/sd-td/sd-td.css +0 -15
  385. package/dist/collection/components/sd-table/sd-td/sd-td.js +0 -381
  386. package/dist/collection/components/sd-table/sd-thead/sd-thead.css +0 -186
  387. package/dist/collection/components/sd-table/sd-thead/sd-thead.js +0 -629
  388. package/dist/collection/components/sd-table/sd-tr/sd-tr.css +0 -145
  389. package/dist/collection/components/sd-table/sd-tr/sd-tr.js +0 -530
  390. package/dist/components/p-5pkzwl5N.js +0 -1
  391. package/dist/components/p-B-pJW3nY.js +0 -1
  392. package/dist/components/p-B2pYDEK7.js +0 -1
  393. package/dist/components/p-B3HYnTGx.js +0 -1
  394. package/dist/components/p-B6ezDhRg.js +0 -1
  395. package/dist/components/p-BCxePXvg.js +0 -1
  396. package/dist/components/p-BJfiMC9H.js +0 -1
  397. package/dist/components/p-BNHhtZUf.js +0 -1
  398. package/dist/components/p-BQ4Okfcm.js +0 -1
  399. package/dist/components/p-BSxleKw8.js +0 -1
  400. package/dist/components/p-BUgGuigd.js +0 -1
  401. package/dist/components/p-BWHQn4fD.js +0 -1
  402. package/dist/components/p-BZXgIBUG.js +0 -1
  403. package/dist/components/p-Bxb7TcZh.js +0 -1
  404. package/dist/components/p-C0tnN4yn.js +0 -1
  405. package/dist/components/p-CMvHDxR5.js +0 -1
  406. package/dist/components/p-CSh-DcM7.js +0 -1
  407. package/dist/components/p-Cf62Nvrx.js +0 -1
  408. package/dist/components/p-DbPS61bp.js +0 -1
  409. package/dist/components/p-DckXBMgo.js +0 -1
  410. package/dist/components/p-DmAnTwUx.js +0 -1
  411. package/dist/components/p-E8OA_psS.js +0 -1
  412. package/dist/components/p-PFLrdhQj.js +0 -1
  413. package/dist/components/p-l9RiSWRc.js +0 -1
  414. package/dist/components/p-paSLRXAR.js +0 -1
  415. package/dist/components/p-sZMi_32I.js +0 -1
  416. package/dist/components/p-yxZBh03f.js +0 -1
  417. package/dist/components/sd-table.js +0 -1
  418. package/dist/components/sd-tbody.d.ts +0 -11
  419. package/dist/components/sd-tbody.js +0 -1
  420. package/dist/components/sd-td.js +0 -1
  421. package/dist/components/sd-thead.js +0 -1
  422. package/dist/components/sd-tr.d.ts +0 -11
  423. package/dist/components/sd-tr.js +0 -1
  424. package/dist/design-system/p-0048de73.entry.js +0 -1
  425. package/dist/design-system/p-20f69606.entry.js +0 -1
  426. package/dist/design-system/p-27197194.entry.js +0 -1
  427. package/dist/design-system/p-5c8f4d9c.entry.js +0 -1
  428. package/dist/design-system/p-5pkzwl5N.js +0 -1
  429. package/dist/design-system/p-75726e20.entry.js +0 -1
  430. package/dist/design-system/p-7abf62f3.entry.js +0 -1
  431. package/dist/design-system/p-7ae27a26.entry.js +0 -1
  432. package/dist/design-system/p-84d0181b.entry.js +0 -1
  433. package/dist/design-system/p-91f7be74.entry.js +0 -1
  434. package/dist/design-system/p-94d6b7b4.entry.js +0 -1
  435. package/dist/design-system/p-9b21773a.entry.js +0 -1
  436. package/dist/design-system/p-BJfiMC9H.js +0 -1
  437. package/dist/design-system/p-Cf62Nvrx.js +0 -1
  438. package/dist/design-system/p-CuAh9n2o.js +0 -1
  439. package/dist/design-system/p-DDNBPrZh.js +0 -2
  440. package/dist/design-system/p-a12d7362.entry.js +0 -1
  441. package/dist/design-system/p-b831eded.entry.js +0 -1
  442. package/dist/design-system/p-c5502585.entry.js +0 -1
  443. package/dist/design-system/p-c81898a0.entry.js +0 -1
  444. package/dist/design-system/p-d4e2f412.entry.js +0 -1
  445. package/dist/design-system/p-d6b3d78b.entry.js +0 -1
  446. package/dist/design-system/p-dbfa3931.entry.js +0 -1
  447. package/dist/design-system/p-f16985c9.entry.js +0 -1
  448. package/dist/design-system/p-fa967329.entry.js +0 -1
  449. package/dist/design-system/p-laVsm9VM.js +0 -1
  450. package/dist/design-system/p-sZMi_32I.js +0 -1
  451. package/dist/esm/component.table-5pkzwl5N.js +0 -70
  452. package/dist/esm/constants-sZMi_32I.js +0 -3
  453. package/dist/esm/sd-date-picker.config-D-ks6qNf.js +0 -38
  454. package/dist/esm/sd-pagination_4.entry.js +0 -853
  455. package/dist/esm/sd-select-list-item_2.entry.js +0 -170
  456. package/dist/esm/sd-select.config-CeHGlqOT.js +0 -129
  457. package/dist/esm/sd-table.config-DmOBlnsM.js +0 -70
  458. package/dist/esm/sd-table.entry.js +0 -954
  459. package/dist/esm/sd-td.entry.js +0 -199
  460. package/dist/types/components/sd-table/constants.d.ts +0 -50
  461. package/dist/types/components/sd-table/sd-table.config.d.ts +0 -71
  462. package/dist/types/components/sd-table/sd-table.d.ts +0 -199
  463. package/dist/types/components/sd-table/sd-table.stories.helpers.d.ts +0 -39
  464. package/dist/types/components/sd-table/sd-tbody/sd-tbody.d.ts +0 -15
  465. package/dist/types/components/sd-table/sd-td/sd-td.d.ts +0 -38
  466. package/dist/types/components/sd-table/sd-thead/sd-thead.d.ts +0 -62
  467. package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts +0 -54
@@ -33,17 +33,18 @@ import { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-
33
33
  import { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
34
34
  import { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
35
35
  import { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
36
- import { PopoverButton, PopoverLink } from "./components/sd-popover/sd-popover";
36
+ import { PopoverType } from "./components/sd-popover/sd-popover.config";
37
37
  import { PopupType } from "./components/sd-popup/sd-popup.config";
38
38
  import { RadioValue } from "./components/sd-radio/sd-radio";
39
39
  import { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
40
40
  import { RadioOption } from "./components/sd-radio-button/sd-radio-button";
41
41
  import { RadioOption as RadioOption1 } from "./components/sd-radio-group/sd-radio-group";
42
42
  import { SelectOption, SelectOptionSelectDetail, SelectType, SelectValue } from "./components/sd-select/sd-select.config";
43
- import { Row, SdTableColumn, SdTablePagination, SdTableStickyColumn, SelectOption as SelectOption1 } from "./components/sd-table/constants";
44
43
  import { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
45
44
  import { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
46
45
  import { TextLinkSize } from "./components/sd-text-link/sd-text-link.config";
46
+ import { TimePickerSize, TimePickerType } from "./components/sd-time-picker/sd-time-picker.config";
47
+ import { TimeRangePickerRangeOrder, TimeRangePickerSize, TimeRangePickerType, TimeRangeValue } from "./components/sd-time-range-picker/sd-time-range-picker.config";
47
48
  import { ToastType } from "./components/sd-toast/sd-toast.config";
48
49
  import { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
49
50
  export { ButtonName, ButtonProps, ButtonType } from "./components/sd-button/sd-button.config";
@@ -74,17 +75,18 @@ export { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-
74
75
  export { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
75
76
  export { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
76
77
  export { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
77
- export { PopoverButton, PopoverLink } from "./components/sd-popover/sd-popover";
78
+ export { PopoverType } from "./components/sd-popover/sd-popover.config";
78
79
  export { PopupType } from "./components/sd-popup/sd-popup.config";
79
80
  export { RadioValue } from "./components/sd-radio/sd-radio";
80
81
  export { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
81
82
  export { RadioOption } from "./components/sd-radio-button/sd-radio-button";
82
83
  export { RadioOption as RadioOption1 } from "./components/sd-radio-group/sd-radio-group";
83
84
  export { SelectOption, SelectOptionSelectDetail, SelectType, SelectValue } from "./components/sd-select/sd-select.config";
84
- export { Row, SdTableColumn, SdTablePagination, SdTableStickyColumn, SelectOption as SelectOption1 } from "./components/sd-table/constants";
85
85
  export { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
86
86
  export { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
87
87
  export { TextLinkSize } from "./components/sd-text-link/sd-text-link.config";
88
+ export { TimePickerSize, TimePickerType } from "./components/sd-time-picker/sd-time-picker.config";
89
+ export { TimeRangePickerRangeOrder, TimeRangePickerSize, TimeRangePickerType, TimeRangeValue } from "./components/sd-time-range-picker/sd-time-range-picker.config";
88
90
  export { ToastType } from "./components/sd-toast/sd-toast.config";
89
91
  export { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
90
92
  export namespace Components {
@@ -360,9 +362,9 @@ export namespace Components {
360
362
  */
361
363
  "val"?: any;
362
364
  /**
363
- * 현재 선택 상태 또는 배열 형태의 값
365
+ * 현재 선택 상태 또는 배열 형태의 값 (미지정 시 미선택 상태)
364
366
  */
365
- "value": CheckedType;
367
+ "value"?: CheckedType;
366
368
  }
367
369
  interface SdChip {
368
370
  /**
@@ -371,8 +373,8 @@ export namespace Components {
371
373
  */
372
374
  "disabled": boolean;
373
375
  /**
374
- * 인라인 편집 가능 여부
375
- * @default true
376
+ * 인라인 편집 가능 여부 (기본값 false)
377
+ * @default false
376
378
  */
377
379
  "editable": boolean;
378
380
  /**
@@ -431,10 +433,6 @@ export namespace Components {
431
433
  "value": string;
432
434
  }
433
435
  interface SdChipInput {
434
- /**
435
- * 자동완성 드롭다운 최소 너비 (숫자면 px, 문자열이면 그대로 적용. 없으면 입력 필드 너비를 사용)
436
- */
437
- "autocompleteMinWidth"?: string | number;
438
436
  /**
439
437
  * 비활성 상태 여부
440
438
  * @default false
@@ -445,6 +443,11 @@ export namespace Components {
445
443
  * @default []
446
444
  */
447
445
  "disabledChips": boolean[] | ((value: string) => boolean);
446
+ /**
447
+ * 드롭다운(자동완성) 최소 너비 (숫자면 px, 문자열이면 그대로 적용. 기본값 200)
448
+ * @default 200
449
+ */
450
+ "dropdownMinWidth"?: string | number;
448
451
  /**
449
452
  * 중복 에러 메시지에 표시할 항목 이름 (없으면 기본 메시지 사용)
450
453
  */
@@ -508,6 +511,11 @@ export namespace Components {
508
511
  * 최대 입력 가능한 칩 개수 (없으면 제한 없음)
509
512
  */
510
513
  "maxCount"?: number;
514
+ /**
515
+ * 최대 개수·초기화 meta 위치 (end=우측 끝으로 정렬 / inline=콘텐츠에 이어서 배치)
516
+ * @default 'end'
517
+ */
518
+ "metaPlacement": 'end' | 'inline';
511
519
  /**
512
520
  * 폼 연동용 name 속성
513
521
  * @default nanoid()
@@ -621,7 +629,7 @@ export namespace Components {
621
629
  */
622
630
  "modalTitle": string;
623
631
  /**
624
- * 콘텐츠 박스에 표시할 텍스트 (tagLabel 없을 때 사용)
632
+ * 콘텐츠 박스 option 슬롯 기본 텍스트 (slot="option" 미지정 )
625
633
  * @default ''
626
634
  */
627
635
  "slotLabel": string;
@@ -631,16 +639,12 @@ export namespace Components {
631
639
  */
632
640
  "subButtonLabel": string;
633
641
  /**
634
- * 콘텐츠 박스에 직접 삽입할 HTMLElement
635
- */
636
- "tagContents"?: HTMLElement;
637
- /**
638
- * 콘텐츠 박스에 표시할 태그 레이블
642
+ * 콘텐츠 박스 tag 슬롯 기본 태그 레이블 (slot="tag" 미지정 시)
639
643
  * @default ''
640
644
  */
641
645
  "tagLabel": string;
642
646
  /**
643
- * 콘텐츠 박스에 표시할 태그 프리셋
647
+ * 콘텐츠 박스 tag 슬롯 기본 태그 프리셋 (slot="tag" 미지정 시)
644
648
  * @default 'square_sm_grey'
645
649
  */
646
650
  "tagPreset": TagName;
@@ -794,6 +798,10 @@ export namespace Components {
794
798
  * @default 'sm'
795
799
  */
796
800
  "size": DatePickerSize;
801
+ /**
802
+ * 필드 상태 (없으면 error/rules 결과로 자동 결정)
803
+ */
804
+ "status"?: 'default' | 'pass' | 'error';
797
805
  /**
798
806
  * 선택된 날짜 (YYYY-MM-DD)
799
807
  * @default null
@@ -923,6 +931,15 @@ export namespace Components {
923
931
  * @default 'sm'
924
932
  */
925
933
  "size": DatePickerSize1;
934
+ /**
935
+ * 필드 상태 (없으면 error/rules 결과로 자동 결정)
936
+ */
937
+ "status"?: 'default' | 'pass' | 'error';
938
+ /**
939
+ * 시간(시:분) 선택 푸터 사용 여부. true이면 value는 "YYYY-MM-DD HH:mm" 형식이 되고, 캘린더 하단에 시작·종료 시간 입력이 표시됩니다.
940
+ * @default false
941
+ */
942
+ "useTimePicker": boolean;
926
943
  /**
927
944
  * 선택된 날짜 범위 [시작일, 종료일] (YYYY-MM-DD)
928
945
  * @default null
@@ -943,6 +960,11 @@ export namespace Components {
943
960
  * 선택 가능한 날짜 범위 제한
944
961
  */
945
962
  "selectable"?: [string, string];
963
+ /**
964
+ * 시간(시:분) 선택 푸터 사용 여부
965
+ * @default false
966
+ */
967
+ "useTimePicker": boolean;
946
968
  /**
947
969
  * 선택된 날짜 범위 [시작일, 종료일]
948
970
  * @default null
@@ -1047,6 +1069,10 @@ export namespace Components {
1047
1069
  * @default ''
1048
1070
  */
1049
1071
  "label": string;
1072
+ /**
1073
+ * 레이블 박스 높이 (숫자면 px). 미지정 시 size별 기본값 사용. multiline 등 컨트롤 박스가 커질 때 레이블을 첫 행에 맞추기 위해 사용한다.
1074
+ */
1075
+ "labelHeight"?: number | string;
1050
1076
  /**
1051
1077
  * 레이블 툴팁 텍스트
1052
1078
  * @default ''
@@ -1062,6 +1088,11 @@ export namespace Components {
1062
1088
  * @default ''
1063
1089
  */
1064
1090
  "labelWidth": string | number;
1091
+ /**
1092
+ * 멀티라인 컨트롤 — 컨트롤 높이를 고정하지 않고 min-height만 적용한다.
1093
+ * @default false
1094
+ */
1095
+ "multiline": boolean;
1065
1096
  /**
1066
1097
  * 폼 연동용 name 속성
1067
1098
  * @default ''
@@ -1226,6 +1257,11 @@ export namespace Components {
1226
1257
  * 유효성 검사를 실행합니다.
1227
1258
  */
1228
1259
  "sdValidate": () => Promise<boolean>;
1260
+ /**
1261
+ * 필드 크기
1262
+ * @default 'sm'
1263
+ */
1264
+ "size": FieldSize;
1229
1265
  /**
1230
1266
  * 필드 상태 (없으면 rules 결과로 자동 결정)
1231
1267
  */
@@ -1325,6 +1361,10 @@ export namespace Components {
1325
1361
  * @default 'default'
1326
1362
  */
1327
1363
  "intent": GhostButtonIntent;
1364
+ /**
1365
+ * 토글 버튼일 때 눌림 상태 → `aria-pressed`로 반영. 미지정 시 속성 자체를 내보내지 않는다. (DOM `Element.ariaPressed`(문자열 예약 속성)와 충돌하므로 prop 이름은 `pressed`)
1366
+ */
1367
+ "pressed"?: boolean;
1328
1368
  /**
1329
1369
  * 버튼 크기
1330
1370
  * @default 'sm'
@@ -1559,7 +1599,7 @@ export namespace Components {
1559
1599
  * 입력 타입
1560
1600
  * @default 'text'
1561
1601
  */
1562
- "type": 'text' | 'password' | 'email';
1602
+ "type": 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'url';
1563
1603
  /**
1564
1604
  * 입력 값
1565
1605
  * @default null
@@ -1587,6 +1627,11 @@ export namespace Components {
1587
1627
  * @default false
1588
1628
  */
1589
1629
  "search": boolean;
1630
+ /**
1631
+ * field name을 key로 하는 값 객체 (`{ [name]: value }`). 지정 시 해당 field의 값으로 사용되며, field별 `options.value`보다 우선합니다. `sdChange`의 `detail.values`와 함께 controlled 패턴으로 사용합니다.
1632
+ * @default {}
1633
+ */
1634
+ "values": Record<string, unknown>;
1590
1635
  }
1591
1636
  interface SdLinearProgress {
1592
1637
  /**
@@ -1775,6 +1820,10 @@ export namespace Components {
1775
1820
  * @default Number.POSITIVE_INFINITY
1776
1821
  */
1777
1822
  "max": number;
1823
+ /**
1824
+ * 소수점 이하 최대 자리수 (useDecimal일 때만 적용, 초과 입력한 소수부는 잘라냄)
1825
+ */
1826
+ "maxDecimalLength"?: number;
1778
1827
  /**
1779
1828
  * 최솟값
1780
1829
  * @default Number.NEGATIVE_INFINITY
@@ -1878,71 +1927,60 @@ export namespace Components {
1878
1927
  */
1879
1928
  "ariaLabel": string;
1880
1929
  /**
1881
- * 팝오버 하단 버튼 옵션
1930
+ * 하단 우측 버튼 레이블 (필수). 색상/스타일은 type 별로 고정
1882
1931
  */
1883
- "button"?: PopoverButton;
1932
+ "buttonLabel": string;
1884
1933
  /**
1885
- * 아이콘 트리거 색상
1934
+ * 기본(아이콘) 트리거 색상
1886
1935
  * @default '#01BB4B'
1887
1936
  */
1888
1937
  "color": string;
1889
1938
  /**
1890
- * 비활성 상태 여부
1939
+ * 기본 표시 여부 (비제어)
1891
1940
  * @default false
1892
1941
  */
1893
- "disabled": boolean;
1942
+ "defaultOpen": boolean;
1894
1943
  /**
1895
- * 아이콘 트리거 아이콘명
1944
+ * 기본(아이콘) 트리거 아이콘명. slot="trigger" 가 있으면 무시
1896
1945
  * @default 'helpOutline'
1897
1946
  */
1898
1947
  "icon": IconName;
1899
1948
  /**
1900
- * 아이콘 트리거 크기
1949
+ * 기본(아이콘) 트리거 크기
1901
1950
  * @default 12
1902
1951
  */
1903
1952
  "iconSize": number;
1904
1953
  /**
1905
- * 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링)
1906
- * @default ''
1907
- */
1908
- "label": string;
1909
- /**
1910
- * 팝오버 하단 좌측 링크 옵션
1954
+ * 하단 좌측 링크 레이블 (선택)
1911
1955
  */
1912
- "leftLink"?: PopoverLink;
1956
+ "leftLinkLabel"?: string;
1913
1957
  /**
1914
1958
  * 팝오버 메뉴에 추가할 클래스
1915
1959
  * @default ''
1916
1960
  */
1917
- "menuClass": string;
1961
+ "menuClassName": string;
1918
1962
  /**
1919
- * 팝오버 메뉴 제목
1963
+ * 메뉴 제목 (필수)
1920
1964
  */
1921
- "menuTitle"?: string;
1965
+ "menuTitle": string;
1922
1966
  /**
1923
- * 버튼 트리거 프리셋
1924
- * @default 'primary_sm'
1967
+ * 표시 여부 (제어). 미지정 시 defaultOpen 기반 비제어로 동작
1925
1968
  */
1926
- "name": ButtonName;
1969
+ "open"?: boolean;
1927
1970
  /**
1928
1971
  * 팝오버를 표시할 방향
1929
1972
  * @default 'bottom'
1930
1973
  */
1931
1974
  "placement": 'top' | 'bottom' | 'left' | 'right';
1932
1975
  /**
1933
- * 버튼 트리거 우측 아이콘
1934
- */
1935
- "rightIcon"?: IconName;
1936
- /**
1937
- * 팝오버 표시 여부
1938
- * @default false
1976
+ * 제목 좌측 아이콘 (선택)
1939
1977
  */
1940
- "show": boolean;
1978
+ "titleIcon"?: IconName;
1941
1979
  /**
1942
- * 버튼 type 속성
1943
- * @default 'button'
1980
+ * 색상 타입 (default=다크 배경 / danger·warning·accent=라이트 배경)
1981
+ * @default 'default'
1944
1982
  */
1945
- "type": ButtonType;
1983
+ "type": PopoverType;
1946
1984
  }
1947
1985
  interface SdPopup {
1948
1986
  /**
@@ -2012,6 +2050,10 @@ export namespace Components {
2012
2050
  * 표시할 라벨 텍스트
2013
2051
  */
2014
2052
  "label"?: string;
2053
+ /**
2054
+ * native radio 그룹핑을 위한 name 속성 (미지정 시 val을 name으로 사용)
2055
+ */
2056
+ "name"?: string;
2015
2057
  /**
2016
2058
  * 이 라디오 아이템의 값
2017
2059
  */
@@ -2019,7 +2061,7 @@ export namespace Components {
2019
2061
  /**
2020
2062
  * 라디오 그룹의 현재 선택 값
2021
2063
  */
2022
- "value": RadioValue;
2064
+ "value"?: RadioValue;
2023
2065
  }
2024
2066
  interface SdRadioButton {
2025
2067
  /**
@@ -2042,9 +2084,9 @@ export namespace Components {
2042
2084
  */
2043
2085
  "size": 'xs' | 'sm';
2044
2086
  /**
2045
- * 현재 선택된 값
2087
+ * 현재 선택된 값 (미지정 시 선택 없음)
2046
2088
  */
2047
- "value": RadioValue1;
2089
+ "value"?: RadioValue1;
2048
2090
  }
2049
2091
  interface SdRadioGroup {
2050
2092
  /**
@@ -2067,9 +2109,9 @@ export namespace Components {
2067
2109
  */
2068
2110
  "options": RadioOption1[];
2069
2111
  /**
2070
- * 현재 선택된 값
2112
+ * 현재 선택된 값 (미지정 시 선택 없음)
2071
2113
  */
2072
- "value": RadioValue1;
2114
+ "value"?: RadioValue1;
2073
2115
  }
2074
2116
  interface SdSelect {
2075
2117
  /**
@@ -2328,154 +2370,23 @@ export namespace Components {
2328
2370
  "disabled": boolean;
2329
2371
  /**
2330
2372
  * 표시할 라벨 텍스트
2373
+ * @deprecated `rightLabel` 사용. 우측 라벨(하위호환)
2331
2374
  * @default ''
2332
2375
  */
2333
2376
  "label": string;
2334
2377
  /**
2335
- * 현재 on/off 상태
2336
- * @default false
2337
- */
2338
- "value": boolean;
2339
- }
2340
- interface SdTable {
2341
- /**
2342
- * 컬럼 정의 목록
2343
- * @default []
2344
- */
2345
- "columns": SdTableColumn[];
2346
- /**
2347
- * 행 높이를 줄인 조밀 모드 여부
2348
- * @default false
2349
- */
2350
- "dense": boolean;
2351
- /**
2352
- * 전체 선택 체크 상태를 반환합니다 (true/false/null=indeterminate).
2353
- */
2354
- "getIsAllChecked": (rows: Row[]) => Promise<boolean | null>;
2355
- /**
2356
- * 현재 페이지네이션 상태(startIndex, endIndex, currentPage, rowsPerPage)를 반환합니다.
2357
- */
2358
- "getPaginationInfo": () => Promise<{ startIndex: number; endIndex: number; currentPage: number; rowsPerPage: number; } | null>;
2359
- /**
2360
- * 지정한 컬럼 인덱스의 sticky 스타일 객체를 반환합니다.
2361
- */
2362
- "getStickyStyle": (colIdx: number) => Promise<Record<string, string>>;
2363
- /**
2364
- * 테이블 높이
2365
- */
2366
- "height"?: string;
2367
- /**
2368
- * 로딩 스피너 표시 여부
2369
- * @default false
2370
- */
2371
- "isLoading": boolean;
2372
- /**
2373
- * 행이 선택되어 있는지 확인합니다.
2374
- */
2375
- "isRowSelected": (row: Row) => Promise<boolean>;
2376
- /**
2377
- * 데이터 없을 때 표시할 메시지
2378
- * @default SdTable.DEFAULT_NO_DATA_LABEL
2379
- */
2380
- "noDataLabel": string;
2381
- /**
2382
- * 페이지네이션 옵션
2383
- */
2384
- "pagination"?: SdTablePagination;
2385
- /**
2386
- * border-radius 제어
2387
- * @default 'default'
2388
- */
2389
- "radius": 'default' | 'useTop' | 'full';
2390
- /**
2391
- * 컬럼 너비 조절 기능 활성화 여부
2392
- * @default false
2393
- */
2394
- "resizable": boolean;
2395
- /**
2396
- * 가상 스크롤 행 높이 (px, 없으면 dense 여부에 따라 자동)
2397
- */
2398
- "rowHeight"?: number;
2399
- /**
2400
- * 행 고유 식별 필드명
2401
- * @default 'id'
2402
- */
2403
- "rowKey": string;
2404
- /**
2405
- * 행 데이터 배열
2406
- */
2407
- "rows"?: Row[];
2408
- /**
2409
- * 페이지당 행 수 선택 옵션 목록
2410
- * @default [ { label: '10개씩 보기', value: 10 }, { label: '25개씩 보기', value: 25 }, { label: '50개씩 보기', value: 50 }, { label: '100개씩 보기', value: 100 }, ]
2411
- */
2412
- "rowsPerPageOption": SelectOption1[];
2413
- /**
2414
- * 행 선택(체크박스) 기능 활성화 여부
2415
- * @default false
2416
- */
2417
- "selectable": boolean;
2418
- /**
2419
- * 현재 선택된 행 목록
2420
- * @default []
2421
- */
2422
- "selected": Row[];
2423
- /**
2424
- * 가상 스크롤 총 행 수를 설정합니다.
2425
- */
2426
- "setRowCount": (count: number) => Promise<void>;
2427
- /**
2428
- * 고정할 좌우 컬럼 수
2429
- * @default { left: 0, right: 0 }
2430
- */
2431
- "stickyColumn": SdTableStickyColumn;
2432
- /**
2433
- * 헤더 고정(sticky) 여부
2434
- * @default false
2435
- */
2436
- "stickyHeader": boolean;
2437
- /**
2438
- * 테이블 고유 ID (자식 슬롯 매핑에 사용)
2439
- * @default nanoid(8)
2378
+ * 스위치 좌측 라벨
2440
2379
  */
2441
- "tableId": string;
2380
+ "leftLabel"?: string;
2442
2381
  /**
2443
- * 전체 선택/해제를 처리합니다.
2444
- */
2445
- "toggleSelectAll": (checked: boolean, rows: Row[]) => Promise<void>;
2446
- /**
2447
- * 행 선택 상태를 토글합니다.
2448
- */
2449
- "updateRowSelect": (row: Row) => Promise<void>;
2450
- /**
2451
- * 테이블 내부에서 페이지네이션을 직접 관리할지 여부
2452
- * @default false
2453
- */
2454
- "useInternalPagination": boolean;
2455
- /**
2456
- * 페이지당 행 수 선택 셀렉트 표시 여부
2457
- * @default false
2382
+ * 스위치 우측 라벨
2458
2383
  */
2459
- "useRowsPerPageSelect": boolean;
2384
+ "rightLabel"?: string;
2460
2385
  /**
2461
- * 가상 스크롤 사용 여부
2386
+ * 현재 on/off 상태
2462
2387
  * @default false
2463
2388
  */
2464
- "useVirtualScroll": boolean;
2465
- /**
2466
- * 가상 스크롤 상하 버퍼 행 수
2467
- * @default 5
2468
- */
2469
- "virtualBuffer": number;
2470
- /**
2471
- * 가상 스크롤 끝 도달 감지 임계값 (마지막 N행 이내에 들어오면 이벤트 발생)
2472
- * @default 10
2473
- */
2474
- "virtualEndThreshold": number;
2475
- /**
2476
- * 테이블 너비
2477
- */
2478
- "width"?: string;
2389
+ "value": boolean;
2479
2390
  }
2480
2391
  interface SdTabs {
2481
2392
  /**
@@ -2509,10 +2420,10 @@ export namespace Components {
2509
2420
  */
2510
2421
  "icon"?: IconName;
2511
2422
  /**
2512
- * true이면 아이콘을 레이블 왼쪽에 배치
2423
+ * 아이콘을 레이블 왼쪽에 배치할지 여부 (기본값 true)
2513
2424
  * @default true
2514
2425
  */
2515
- "isLeft": boolean;
2426
+ "iconLeft": boolean;
2516
2427
  /**
2517
2428
  * 표시할 레이블 텍스트
2518
2429
  * @default ''
@@ -2529,54 +2440,6 @@ export namespace Components {
2529
2440
  */
2530
2441
  "width": string | number;
2531
2442
  }
2532
- interface SdTbody {
2533
- /**
2534
- * 렌더링할 행 데이터 목록
2535
- * @default []
2536
- */
2537
- "rows": Row[];
2538
- }
2539
- interface SdTd {
2540
- /**
2541
- * 셀 내용 정렬
2542
- */
2543
- "align"?: 'left' | 'center' | 'right';
2544
- /**
2545
- * 열 병합 수
2546
- */
2547
- "colspan"?: number;
2548
- /**
2549
- * 좌측 구분선 표시 여부
2550
- * @default false
2551
- */
2552
- "dividerLeft": boolean;
2553
- /**
2554
- * 우측 구분선 표시 여부
2555
- * @default false
2556
- */
2557
- "dividerRight": boolean;
2558
- /**
2559
- * 데이터 필드명 (슬롯 이름 생성에 사용)
2560
- */
2561
- "field": string;
2562
- /**
2563
- * 행 식별 키
2564
- */
2565
- "rowKey": string;
2566
- /**
2567
- * 행 병합 수
2568
- */
2569
- "rowspan"?: number;
2570
- /**
2571
- * td에 병합할 사용자 클래스
2572
- */
2573
- "sdClass"?: string;
2574
- /**
2575
- * frame 레이아웃 사용 여부
2576
- * @default false
2577
- */
2578
- "useFrame": boolean;
2579
- }
2580
2443
  interface SdTextLink {
2581
2444
  /**
2582
2445
  * 비활성 상태 여부
@@ -2772,283 +2635,476 @@ export namespace Components {
2772
2635
  */
2773
2636
  "width": string | number;
2774
2637
  }
2775
- interface SdThead {
2638
+ interface SdTimePicker {
2776
2639
  /**
2777
- * 컬럼 너비 목록
2778
- * @default []
2640
+ * 어드온 정렬 방향
2641
+ * @default 'start'
2779
2642
  */
2780
- "columnWidths": number[];
2643
+ "addonAlign": FieldAddonAlign;
2781
2644
  /**
2782
- * 테이블 컬럼 목록
2645
+ * 필드 우측 어드온 레이블
2646
+ * @default ''
2783
2647
  */
2784
- "columns"?: SdTableColumn[];
2648
+ "addonLabel": string;
2785
2649
  /**
2786
- * 테이블 설정을 다시 불러옵니다.
2650
+ * 값이 있을 지우기 버튼 표시 여부
2651
+ * @default false
2787
2652
  */
2788
- "refreshConfig": () => Promise<void>;
2653
+ "clearable": boolean;
2789
2654
  /**
2790
- * 전체 선택 체크박스 상태를 갱신합니다.
2655
+ * 비활성 상태 여부
2656
+ * @default false
2791
2657
  */
2792
- "refreshSelection": () => Promise<void>;
2658
+ "disabled": boolean;
2793
2659
  /**
2794
- * 컬럼 너비 조절 가능 여부
2660
+ * 에러 상태 여부
2661
+ * @default false
2795
2662
  */
2796
- "resizable"?: boolean;
2663
+ "error": boolean;
2797
2664
  /**
2798
- * 전체 선택 체크박스용 행 데이터
2799
- * @default []
2665
+ * 에러 메시지
2666
+ * @default ''
2800
2667
  */
2801
- "rows": Row[];
2668
+ "errorMessage": string;
2802
2669
  /**
2803
- * 좌측 스크롤 여부
2670
+ * 필드 하단 힌트 텍스트
2671
+ * @default ''
2804
2672
  */
2805
- "scrolledLeft"?: boolean;
2673
+ "hint": string;
2806
2674
  /**
2807
- * 우측 스크롤 여부
2675
+ * 레이블 영역 아이콘
2676
+ * @default undefined
2808
2677
  */
2809
- "scrolledRight"?: boolean;
2678
+ "icon"?: IconProps;
2810
2679
  /**
2811
- * 선택 기능 사용 여부
2680
+ * 레이블 텍스트
2681
+ * @default ''
2812
2682
  */
2813
- "selectable"?: boolean;
2683
+ "label": string;
2814
2684
  /**
2815
- * 컬럼 너비를 업데이트합니다.
2685
+ * 레이블 툴팁 텍스트
2686
+ * @default ''
2816
2687
  */
2817
- "setColumnWidths": (widths: number[]) => Promise<void>;
2688
+ "labelTooltip": string;
2818
2689
  /**
2819
- * 고정 컬럼 설정
2690
+ * 레이블 툴팁 상세 옵션
2691
+ * @default null
2820
2692
  */
2821
- "stickyColumn"?: SdTableStickyColumn;
2693
+ "labelTooltipProps": SdTooltipProps | null;
2822
2694
  /**
2823
- * 헤더 고정 여부
2695
+ * 레이블 너비
2696
+ * @default ''
2824
2697
  */
2825
- "stickyHeader"?: boolean;
2826
- }
2827
- interface SdToast {
2698
+ "labelWidth": string | number;
2828
2699
  /**
2829
- * 우측 버튼 레이블
2700
+ * 증감 단위
2701
+ * @default 1
2830
2702
  */
2831
- "buttonLabel"?: string;
2703
+ "minuteStep": number;
2832
2704
  /**
2833
- * 좌측 아이콘명
2705
+ * 연동용 name 속성
2706
+ * @default nanoid()
2834
2707
  */
2835
- "icon"?: IconName;
2708
+ "name": string;
2836
2709
  /**
2837
- * 우측 링크 URL
2710
+ * 시간 미선택 시 표시할 placeholder
2711
+ * @default '00:00'
2838
2712
  */
2839
- "link"?: string;
2713
+ "placeholder": string;
2840
2714
  /**
2841
- * 링크 표시 레이블 (없으면 URL 표시)
2715
+ * 유효성 검사 규칙 목록
2716
+ * @default []
2842
2717
  */
2843
- "linkLabel"?: string;
2718
+ "rules"?: Rule[];
2844
2719
  /**
2845
- * 표시할 메시지
2720
+ * 입력 필드에 포커스를 이동합니다.
2846
2721
  */
2847
- "message": string;
2722
+ "sdFocus": () => Promise<void | undefined>;
2848
2723
  /**
2849
- * 토스트 타입 (색상/아이콘 프리셋)
2850
- * @default 'default'
2724
+ * 값과 유효성 상태를 초기화합니다.
2851
2725
  */
2852
- "type": ToastType;
2726
+ "sdReset": () => Promise<void | undefined>;
2853
2727
  /**
2854
- * 닫기 버튼 표시 여부
2855
- * @default false
2728
+ * 유효성 상태만 초기화합니다.
2856
2729
  */
2857
- "useClose": boolean;
2858
- }
2859
- interface SdToastContainer {
2730
+ "sdResetValidate": () => Promise<void | undefined>;
2860
2731
  /**
2861
- * 토스트를 생성하고 ID를 반환합니다.
2732
+ * 유효성 검사를 실행합니다.
2862
2733
  */
2863
- "create": (options: ToastNotifyOptions) => Promise<string>;
2734
+ "sdValidate": () => Promise<boolean | undefined>;
2864
2735
  /**
2865
- * 자동 닫힘 지연 시간 (ms, 0이면 자동 닫힘 없음)
2866
- * @default DEFAULT_DURATION
2736
+ * 입력 필드 크기
2737
+ * @default 'sm'
2867
2738
  */
2868
- "defaultDuration": number;
2739
+ "size": TimePickerSize;
2869
2740
  /**
2870
- * 지정한 ID의 토스트를 닫습니다.
2741
+ * 필드 상태 (없으면 error/rules 결과로 자동 결정)
2871
2742
  */
2872
- "dismiss": (id: string) => Promise<void>;
2743
+ "status"?: 'default' | 'pass' | 'error';
2873
2744
  /**
2874
- * 모든 토스트를 닫습니다.
2745
+ * 표시 타입: default(24시간) / midday(오전·오후)
2746
+ * @default 'default'
2875
2747
  */
2876
- "dismissAll": () => Promise<void>;
2748
+ "type": TimePickerType;
2877
2749
  /**
2878
- * 동시에 표시할 최대 토스트
2879
- * @default DEFAULT_MAX_VISIBLE
2750
+ * 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다.
2880
2751
  */
2881
- "maxVisible": number;
2752
+ "useMeridiem"?: boolean;
2882
2753
  /**
2883
- * 토스트 표시 위치
2884
- * @default 'bottom-center'
2754
+ * 선택된 시간 (HH:mm)
2755
+ * @default null
2885
2756
  */
2886
- "position": ToastPosition;
2757
+ "value": string | null;
2887
2758
  /**
2888
- * z-index
2889
- * @default DEFAULT_Z_INDEX
2759
+ * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
2760
+ * @default ''
2890
2761
  */
2891
- "zIndex": number;
2762
+ "width": string | number;
2892
2763
  }
2893
- interface SdToggle {
2764
+ interface SdTimePickerSelector {
2765
+ /**
2766
+ * 분 증감 단위
2767
+ * @default 1
2768
+ */
2769
+ "minuteStep": number;
2770
+ /**
2771
+ * 오전/오후 선택 표시 여부
2772
+ * @default true
2773
+ */
2774
+ "useMeridiem": boolean;
2775
+ /**
2776
+ * 선택된 시간 (HH:mm)
2777
+ * @default null
2778
+ */
2779
+ "value": string | null;
2780
+ }
2781
+ interface SdTimePickerTrigger {
2782
+ /**
2783
+ * 지우기 버튼 표시 여부
2784
+ * @default false
2785
+ */
2786
+ "clearable": boolean;
2894
2787
  /**
2895
2788
  * 비활성 상태 여부
2896
2789
  * @default false
2897
2790
  */
2898
2791
  "disabled": boolean;
2899
2792
  /**
2900
- * 표시할 레이블 텍스트
2793
+ * 표시할 시간 텍스트
2901
2794
  * @default ''
2902
2795
  */
2903
- "label": string;
2796
+ "displayText": string;
2904
2797
  /**
2905
- * 현재 선택 상태
2906
- * @default false
2798
+ * 입력 힌트 텍스트
2799
+ * @default '00:00'
2907
2800
  */
2908
- "value": boolean;
2801
+ "placeholder": string;
2802
+ /**
2803
+ * 트리거 크기
2804
+ * @default 'sm'
2805
+ */
2806
+ "size": TimePickerSize;
2909
2807
  }
2910
- interface SdTooltip {
2808
+ interface SdTimeRangePicker {
2911
2809
  /**
2912
- * 스크린리더용 접근성 레이블
2810
+ * 어드온 정렬 방향
2811
+ * @default 'start'
2812
+ */
2813
+ "addonAlign": FieldAddonAlign;
2814
+ /**
2815
+ * 필드 우측 어드온 레이블
2913
2816
  * @default ''
2914
2817
  */
2915
- "ariaLabel": string;
2818
+ "addonLabel": string;
2916
2819
  /**
2917
- * 아이콘 트리거 색상
2918
- * @default '#01BB4B'
2820
+ * 값이 있을 때 지우기 버튼 표시 여부
2821
+ * @default false
2919
2822
  */
2920
- "color": string;
2823
+ "clearable": boolean;
2921
2824
  /**
2922
2825
  * 비활성 상태 여부
2923
2826
  * @default false
2924
2827
  */
2925
2828
  "disabled": boolean;
2926
2829
  /**
2927
- * 툴팁을 숨깁니다.
2830
+ * 에러 상태 여부
2831
+ * @default false
2928
2832
  */
2929
- "hide": () => Promise<void>;
2833
+ "error": boolean;
2930
2834
  /**
2931
- * 아이콘 트리거 아이콘명
2932
- * @default 'helpOutline'
2835
+ * 에러 메시지
2836
+ * @default ''
2933
2837
  */
2934
- "icon": IconName;
2838
+ "errorMessage": string;
2935
2839
  /**
2936
- * 아이콘 트리거 크기
2937
- * @default 12
2840
+ * 필드 하단 힌트 텍스트
2841
+ * @default ''
2938
2842
  */
2939
- "iconSize": number;
2843
+ "hint": string;
2844
+ /**
2845
+ * 레이블 영역 아이콘
2846
+ * @default undefined
2847
+ */
2848
+ "icon"?: IconProps;
2940
2849
  /**
2941
- * 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링)
2850
+ * 레이블 텍스트
2942
2851
  * @default ''
2943
2852
  */
2944
2853
  "label": string;
2945
2854
  /**
2946
- * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다. (HTML 문자열 허용) 지정하지 않으면 slot 으로 전달한 내용을 본문으로 사용합니다.
2855
+ * 레이블 툴팁 텍스트
2856
+ * @default ''
2857
+ */
2858
+ "labelTooltip": string;
2859
+ /**
2860
+ * 레이블 툴팁 상세 옵션
2861
+ * @default null
2862
+ */
2863
+ "labelTooltipProps": SdTooltipProps | null;
2864
+ /**
2865
+ * 레이블 너비
2866
+ * @default ''
2867
+ */
2868
+ "labelWidth": string | number;
2869
+ /**
2870
+ * 분 증감 단위
2871
+ * @default 1
2872
+ */
2873
+ "minuteStep": number;
2874
+ /**
2875
+ * 폼 연동용 name 속성
2876
+ * @default nanoid()
2877
+ */
2878
+ "name": string;
2879
+ /**
2880
+ * 시간 미선택 시 표시할 placeholder
2881
+ * @default '00:00 ~ 23:59'
2882
+ */
2883
+ "placeholder": string;
2884
+ /**
2885
+ * 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다.
2886
+ * @default 'strict'
2887
+ */
2888
+ "rangeOrder": TimeRangePickerRangeOrder;
2889
+ /**
2890
+ * 유효성 검사 규칙 목록
2947
2891
  * @default []
2948
2892
  */
2949
- "message": string[];
2893
+ "rules"?: Rule[];
2950
2894
  /**
2951
- * 버튼 트리거 프리셋
2952
- * @default 'primary_sm'
2895
+ * 입력 필드에 포커스를 이동합니다.
2953
2896
  */
2954
- "name": ButtonName;
2897
+ "sdFocus": () => Promise<void | undefined>;
2955
2898
  /**
2956
- * 툴팁 표시 방향
2957
- * @default 'top'
2899
+ * 값과 유효성 상태를 초기화합니다.
2958
2900
  */
2959
- "placement": 'top' | 'bottom' | 'left' | 'right';
2901
+ "sdReset": () => Promise<void | undefined>;
2960
2902
  /**
2961
- * 버튼 트리거 우측 아이콘
2903
+ * 유효성 상태만 초기화합니다.
2962
2904
  */
2963
- "rightIcon"?: IconName;
2905
+ "sdResetValidate": () => Promise<void | undefined>;
2964
2906
  /**
2965
- * 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스
2966
- * @default ''
2907
+ * 유효성 검사를 실행합니다.
2967
2908
  */
2968
- "sdClass"?: string;
2909
+ "sdValidate": () => Promise<boolean | undefined>;
2969
2910
  /**
2970
- * 툴팁을 표시합니다.
2911
+ * 입력 필드 크기
2912
+ * @default 'sm'
2971
2913
  */
2972
- "show": () => Promise<void>;
2914
+ "size": TimeRangePickerSize;
2973
2915
  /**
2974
- * 툴팁 배경/텍스트 색상 타입
2916
+ * 필드 상태 (없으면 error/rules 결과로 자동 결정)
2917
+ */
2918
+ "status"?: 'default' | 'pass' | 'error';
2919
+ /**
2920
+ * 표시 타입: default(24시간) / midday(오전·오후)
2975
2921
  * @default 'default'
2976
2922
  */
2977
- "tooltipType": TooltipType;
2923
+ "type": TimeRangePickerType;
2978
2924
  /**
2979
- * 툴팁 트리거 방식
2980
- * @default 'hover'
2925
+ * 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다.
2981
2926
  */
2982
- "trigger": 'hover' | 'click';
2927
+ "useMeridiem"?: boolean;
2983
2928
  /**
2984
- * anchor 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`)
2985
- * @default ''
2929
+ * 선택된 시간 범위 [시작, 종료] (HH:mm)
2930
+ * @default null
2986
2931
  */
2987
- "triggerClass": string;
2932
+ "value": TimeRangeValue;
2988
2933
  /**
2989
- * anchor 트리거 래퍼에 적용할 인라인 스타일(CSS 문자열). (예: `width:100%`)
2934
+ * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
2990
2935
  * @default ''
2991
2936
  */
2992
- "triggerStyle": string;
2937
+ "width": string | number;
2938
+ }
2939
+ interface SdTimeRangePickerSelector {
2993
2940
  /**
2994
- * 버튼 type 속성
2995
- * @default 'button'
2941
+ * 증감 단위
2942
+ * @default 1
2996
2943
  */
2997
- "type": ButtonType;
2944
+ "minuteStep": number;
2998
2945
  /**
2999
- * 툴팁 우측 상단 닫기 버튼 표시 여부
2946
+ * 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다.
2947
+ * @default 'strict'
2948
+ */
2949
+ "rangeOrder": TimeRangePickerRangeOrder;
2950
+ /**
2951
+ * 오전/오후 선택 표시 여부
2952
+ * @default false
2953
+ */
2954
+ "useMeridiem": boolean;
2955
+ /**
2956
+ * 선택된 시간 범위 [시작, 종료] (HH:mm)
2957
+ * @default null
2958
+ */
2959
+ "value": TimeRangeValue;
2960
+ }
2961
+ interface SdToast {
2962
+ /**
2963
+ * 우측 버튼 레이블
2964
+ */
2965
+ "buttonLabel"?: string;
2966
+ /**
2967
+ * 좌측 아이콘명
2968
+ */
2969
+ "icon"?: IconName;
2970
+ /**
2971
+ * 우측 링크 URL
2972
+ */
2973
+ "link"?: string;
2974
+ /**
2975
+ * 링크 표시 레이블 (없으면 URL 표시)
2976
+ */
2977
+ "linkLabel"?: string;
2978
+ /**
2979
+ * 표시할 메시지
2980
+ */
2981
+ "message": string;
2982
+ /**
2983
+ * 토스트 타입 (색상/아이콘 프리셋)
2984
+ * @default 'default'
2985
+ */
2986
+ "type": ToastType;
2987
+ /**
2988
+ * 닫기 버튼 표시 여부
3000
2989
  * @default false
3001
2990
  */
3002
2991
  "useClose": boolean;
3003
2992
  }
3004
- interface SdTr {
2993
+ interface SdToastContainer {
3005
2994
  /**
3006
- * 병합 버전을 갱신해 td재렌더링합니다.
2995
+ * 토스트를 생성하고 ID반환합니다.
3007
2996
  */
3008
- "bumpSpansVersion": () => Promise<void>;
2997
+ "create": (options: ToastNotifyOptions) => Promise<string>;
3009
2998
  /**
3010
- * 테이블 컬럼 목록
2999
+ * 자동 닫힘 지연 시간 (ms, 0이면 자동 닫힘 없음)
3000
+ * @default DEFAULT_DURATION
3011
3001
  */
3012
- "columns"?: SdTableColumn[];
3002
+ "defaultDuration": number;
3013
3003
  /**
3014
- * 테이블 설정을 다시 불러옵니다.
3004
+ * 지정한 ID의 토스트를 닫습니다.
3015
3005
  */
3016
- "refreshConfig": () => Promise<void>;
3006
+ "dismiss": (id: string) => Promise<void>;
3017
3007
  /**
3018
- * 체크박스 선택 상태를 갱신합니다.
3008
+ * 모든 토스트를 닫습니다.
3019
3009
  */
3020
- "refreshSelection": () => Promise<void>;
3010
+ "dismissAll": () => Promise<void>;
3021
3011
  /**
3022
- * 데이터 객체
3023
- * @default {}
3012
+ * 동시에 표시할 최대 토스트 수
3013
+ * @default DEFAULT_MAX_VISIBLE
3014
+ */
3015
+ "maxVisible": number;
3016
+ /**
3017
+ * 토스트 표시 위치
3018
+ * @default 'bottom-center'
3024
3019
  */
3025
- "row": Row;
3020
+ "position": ToastPosition;
3026
3021
  /**
3027
- * 행 식별 키
3022
+ * z-index
3023
+ * @default DEFAULT_Z_INDEX
3024
+ */
3025
+ "zIndex": number;
3026
+ }
3027
+ interface SdToggle {
3028
+ /**
3029
+ * 비활성 상태 여부
3030
+ * @default false
3031
+ */
3032
+ "disabled": boolean;
3033
+ /**
3034
+ * 표시할 레이블 텍스트
3028
3035
  * @default ''
3029
3036
  */
3030
- "rowKey": string;
3037
+ "label": string;
3031
3038
  /**
3032
- * 선택 기능 사용 여부
3039
+ * 현재 선택 상태
3040
+ * @default false
3033
3041
  */
3034
- "selectable"?: boolean;
3042
+ "value": boolean;
3043
+ }
3044
+ interface SdTooltip {
3035
3045
  /**
3036
- * 구분선 높이 (4 또는 6px, null이면 일반 행)
3037
- * @default null
3046
+ * 스크린리더용 접근성 레이블
3047
+ * @default ''
3048
+ */
3049
+ "ariaLabel": string;
3050
+ /**
3051
+ * 기본(아이콘) 트리거 색상
3052
+ * @default '#01BB4B'
3053
+ */
3054
+ "color": string;
3055
+ /**
3056
+ * 비활성 — 트리거만 렌더하고 툴팁을 열지 않음
3057
+ * @default false
3038
3058
  */
3039
- "separator"?: '4' | '6' | 4 | 6 | null;
3059
+ "disabled": boolean;
3040
3060
  /**
3041
- * 컬럼 너비를 업데이트합니다.
3061
+ * 툴팁을 숨깁니다.
3042
3062
  */
3043
- "setColumnWidths": (widths: number[]) => Promise<void>;
3063
+ "hide": () => Promise<void>;
3044
3064
  /**
3045
- * 고정 컬럼 설정
3065
+ * 기본(아이콘) 트리거 아이콘명. slot="anchor" 가 있으면 무시
3066
+ * @default 'helpOutline'
3046
3067
  */
3047
- "stickyColumn"?: SdTableStickyColumn;
3068
+ "icon": IconName;
3048
3069
  /**
3049
- * 페이지네이션에 따른 행 표시 여부를 갱신합니다.
3070
+ * 기본(아이콘) 트리거 크기
3071
+ * @default 12
3072
+ */
3073
+ "iconSize": number;
3074
+ /**
3075
+ * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다. (HTML 문자열 허용) 지정하지 않으면 default slot 으로 전달한 내용을 본문으로 사용합니다.
3076
+ * @default []
3077
+ */
3078
+ "message": string[];
3079
+ /**
3080
+ * 툴팁 표시 방향
3081
+ * @default 'top'
3082
+ */
3083
+ "placement": 'top' | 'bottom' | 'left' | 'right';
3084
+ /**
3085
+ * 툴팁을 표시합니다.
3086
+ */
3087
+ "show": () => Promise<void>;
3088
+ /**
3089
+ * 툴팁 배경/텍스트 색상 타입
3090
+ * @default 'default'
3050
3091
  */
3051
- "updateVisibility": () => Promise<void>;
3092
+ "tooltipType": TooltipType;
3093
+ /**
3094
+ * 툴팁 트리거 방식
3095
+ * @default 'hover'
3096
+ */
3097
+ "trigger": 'hover' | 'click';
3098
+ /**
3099
+ * 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`)
3100
+ * @default ''
3101
+ */
3102
+ "triggerClassName": string;
3103
+ /**
3104
+ * 툴팁 우측 상단 닫기 버튼 표시 여부
3105
+ * @default false
3106
+ */
3107
+ "useClose": boolean;
3052
3108
  }
3053
3109
  }
3054
3110
  export interface SdActionModalCustomEvent<T> extends CustomEvent<T> {
@@ -3191,10 +3247,6 @@ export interface SdSwitchCustomEvent<T> extends CustomEvent<T> {
3191
3247
  detail: T;
3192
3248
  target: HTMLSdSwitchElement;
3193
3249
  }
3194
- export interface SdTableCustomEvent<T> extends CustomEvent<T> {
3195
- detail: T;
3196
- target: HTMLSdTableElement;
3197
- }
3198
3250
  export interface SdTabsCustomEvent<T> extends CustomEvent<T> {
3199
3251
  detail: T;
3200
3252
  target: HTMLSdTabsElement;
@@ -3207,9 +3259,25 @@ export interface SdTextareaCustomEvent<T> extends CustomEvent<T> {
3207
3259
  detail: T;
3208
3260
  target: HTMLSdTextareaElement;
3209
3261
  }
3210
- export interface SdTheadCustomEvent<T> extends CustomEvent<T> {
3262
+ export interface SdTimePickerCustomEvent<T> extends CustomEvent<T> {
3263
+ detail: T;
3264
+ target: HTMLSdTimePickerElement;
3265
+ }
3266
+ export interface SdTimePickerSelectorCustomEvent<T> extends CustomEvent<T> {
3267
+ detail: T;
3268
+ target: HTMLSdTimePickerSelectorElement;
3269
+ }
3270
+ export interface SdTimePickerTriggerCustomEvent<T> extends CustomEvent<T> {
3271
+ detail: T;
3272
+ target: HTMLSdTimePickerTriggerElement;
3273
+ }
3274
+ export interface SdTimeRangePickerCustomEvent<T> extends CustomEvent<T> {
3211
3275
  detail: T;
3212
- target: HTMLSdTheadElement;
3276
+ target: HTMLSdTimeRangePickerElement;
3277
+ }
3278
+ export interface SdTimeRangePickerSelectorCustomEvent<T> extends CustomEvent<T> {
3279
+ detail: T;
3280
+ target: HTMLSdTimeRangePickerSelectorElement;
3213
3281
  }
3214
3282
  export interface SdToastCustomEvent<T> extends CustomEvent<T> {
3215
3283
  detail: T;
@@ -3712,6 +3780,8 @@ declare global {
3712
3780
  };
3713
3781
  interface HTMLSdPopoverElementEventMap {
3714
3782
  "sdShowChange": boolean;
3783
+ "sdButtonClick": void;
3784
+ "sdLeftLinkClick": void;
3715
3785
  }
3716
3786
  interface HTMLSdPopoverElement extends Components.SdPopover, HTMLStencilElement {
3717
3787
  addEventListener<K extends keyof HTMLSdPopoverElementEventMap>(type: K, listener: (this: HTMLSdPopoverElement, ev: SdPopoverCustomEvent<HTMLSdPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3918,35 +3988,6 @@ declare global {
3918
3988
  prototype: HTMLSdSwitchElement;
3919
3989
  new (): HTMLSdSwitchElement;
3920
3990
  };
3921
- interface HTMLSdTableElementEventMap {
3922
- "sdSelectChange": Row[];
3923
- "sdPageChange": number;
3924
- "sdRowsPerPageChange": number;
3925
- "sdVirtualUpdate": {
3926
- from: number;
3927
- to: number;
3928
- };
3929
- "sdVirtualReachEnd": {
3930
- from: number;
3931
- to: number;
3932
- rowCount: number;
3933
- threshold: number;
3934
- };
3935
- }
3936
- interface HTMLSdTableElement extends Components.SdTable, HTMLStencilElement {
3937
- addEventListener<K extends keyof HTMLSdTableElementEventMap>(type: K, listener: (this: HTMLSdTableElement, ev: SdTableCustomEvent<HTMLSdTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
3938
- addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
3939
- addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
3940
- addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
3941
- removeEventListener<K extends keyof HTMLSdTableElementEventMap>(type: K, listener: (this: HTMLSdTableElement, ev: SdTableCustomEvent<HTMLSdTableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
3942
- removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
3943
- removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
3944
- removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
3945
- }
3946
- var HTMLSdTableElement: {
3947
- prototype: HTMLSdTableElement;
3948
- new (): HTMLSdTableElement;
3949
- };
3950
3991
  interface HTMLSdTabsElementEventMap {
3951
3992
  "sdUpdate": string;
3952
3993
  }
@@ -3970,18 +4011,6 @@ declare global {
3970
4011
  prototype: HTMLSdTagElement;
3971
4012
  new (): HTMLSdTagElement;
3972
4013
  };
3973
- interface HTMLSdTbodyElement extends Components.SdTbody, HTMLStencilElement {
3974
- }
3975
- var HTMLSdTbodyElement: {
3976
- prototype: HTMLSdTbodyElement;
3977
- new (): HTMLSdTbodyElement;
3978
- };
3979
- interface HTMLSdTdElement extends Components.SdTd, HTMLStencilElement {
3980
- }
3981
- var HTMLSdTdElement: {
3982
- prototype: HTMLSdTdElement;
3983
- new (): HTMLSdTdElement;
3984
- };
3985
4014
  interface HTMLSdTextLinkElementEventMap {
3986
4015
  "sdClick": void;
3987
4016
  }
@@ -4018,22 +4047,93 @@ declare global {
4018
4047
  prototype: HTMLSdTextareaElement;
4019
4048
  new (): HTMLSdTextareaElement;
4020
4049
  };
4021
- interface HTMLSdTheadElementEventMap {
4022
- "sdColumnSort": { column: SdTableColumn };
4050
+ interface HTMLSdTimePickerElementEventMap {
4051
+ "sdUpdate": string | null;
4052
+ "sdDropDownShow": { isOpen: boolean };
4053
+ }
4054
+ interface HTMLSdTimePickerElement extends Components.SdTimePicker, HTMLStencilElement {
4055
+ addEventListener<K extends keyof HTMLSdTimePickerElementEventMap>(type: K, listener: (this: HTMLSdTimePickerElement, ev: SdTimePickerCustomEvent<HTMLSdTimePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4056
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4057
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4058
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
4059
+ removeEventListener<K extends keyof HTMLSdTimePickerElementEventMap>(type: K, listener: (this: HTMLSdTimePickerElement, ev: SdTimePickerCustomEvent<HTMLSdTimePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4060
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4061
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4062
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
4063
+ }
4064
+ var HTMLSdTimePickerElement: {
4065
+ prototype: HTMLSdTimePickerElement;
4066
+ new (): HTMLSdTimePickerElement;
4067
+ };
4068
+ interface HTMLSdTimePickerSelectorElementEventMap {
4069
+ "sdUpdate": string;
4070
+ }
4071
+ interface HTMLSdTimePickerSelectorElement extends Components.SdTimePickerSelector, HTMLStencilElement {
4072
+ addEventListener<K extends keyof HTMLSdTimePickerSelectorElementEventMap>(type: K, listener: (this: HTMLSdTimePickerSelectorElement, ev: SdTimePickerSelectorCustomEvent<HTMLSdTimePickerSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4073
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4074
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4075
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
4076
+ removeEventListener<K extends keyof HTMLSdTimePickerSelectorElementEventMap>(type: K, listener: (this: HTMLSdTimePickerSelectorElement, ev: SdTimePickerSelectorCustomEvent<HTMLSdTimePickerSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4077
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4078
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4079
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
4080
+ }
4081
+ var HTMLSdTimePickerSelectorElement: {
4082
+ prototype: HTMLSdTimePickerSelectorElement;
4083
+ new (): HTMLSdTimePickerSelectorElement;
4084
+ };
4085
+ interface HTMLSdTimePickerTriggerElementEventMap {
4086
+ "sdTriggerClick": void;
4087
+ "sdClear": void;
4088
+ }
4089
+ interface HTMLSdTimePickerTriggerElement extends Components.SdTimePickerTrigger, HTMLStencilElement {
4090
+ addEventListener<K extends keyof HTMLSdTimePickerTriggerElementEventMap>(type: K, listener: (this: HTMLSdTimePickerTriggerElement, ev: SdTimePickerTriggerCustomEvent<HTMLSdTimePickerTriggerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4091
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4092
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4093
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
4094
+ removeEventListener<K extends keyof HTMLSdTimePickerTriggerElementEventMap>(type: K, listener: (this: HTMLSdTimePickerTriggerElement, ev: SdTimePickerTriggerCustomEvent<HTMLSdTimePickerTriggerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4095
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4096
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4097
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
4098
+ }
4099
+ var HTMLSdTimePickerTriggerElement: {
4100
+ prototype: HTMLSdTimePickerTriggerElement;
4101
+ new (): HTMLSdTimePickerTriggerElement;
4102
+ };
4103
+ interface HTMLSdTimeRangePickerElementEventMap {
4104
+ "sdUpdate": TimeRangeValue;
4105
+ "sdDropDownShow": { isOpen: boolean };
4106
+ }
4107
+ interface HTMLSdTimeRangePickerElement extends Components.SdTimeRangePicker, HTMLStencilElement {
4108
+ addEventListener<K extends keyof HTMLSdTimeRangePickerElementEventMap>(type: K, listener: (this: HTMLSdTimeRangePickerElement, ev: SdTimeRangePickerCustomEvent<HTMLSdTimeRangePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4109
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4110
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4111
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
4112
+ removeEventListener<K extends keyof HTMLSdTimeRangePickerElementEventMap>(type: K, listener: (this: HTMLSdTimeRangePickerElement, ev: SdTimeRangePickerCustomEvent<HTMLSdTimeRangePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4113
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4114
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4115
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
4116
+ }
4117
+ var HTMLSdTimeRangePickerElement: {
4118
+ prototype: HTMLSdTimeRangePickerElement;
4119
+ new (): HTMLSdTimeRangePickerElement;
4120
+ };
4121
+ interface HTMLSdTimeRangePickerSelectorElementEventMap {
4122
+ "sdUpdate": [string, string];
4023
4123
  }
4024
- interface HTMLSdTheadElement extends Components.SdThead, HTMLStencilElement {
4025
- addEventListener<K extends keyof HTMLSdTheadElementEventMap>(type: K, listener: (this: HTMLSdTheadElement, ev: SdTheadCustomEvent<HTMLSdTheadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4124
+ interface HTMLSdTimeRangePickerSelectorElement extends Components.SdTimeRangePickerSelector, HTMLStencilElement {
4125
+ addEventListener<K extends keyof HTMLSdTimeRangePickerSelectorElementEventMap>(type: K, listener: (this: HTMLSdTimeRangePickerSelectorElement, ev: SdTimeRangePickerSelectorCustomEvent<HTMLSdTimeRangePickerSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4026
4126
  addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4027
4127
  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4028
4128
  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
4029
- removeEventListener<K extends keyof HTMLSdTheadElementEventMap>(type: K, listener: (this: HTMLSdTheadElement, ev: SdTheadCustomEvent<HTMLSdTheadElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4129
+ removeEventListener<K extends keyof HTMLSdTimeRangePickerSelectorElementEventMap>(type: K, listener: (this: HTMLSdTimeRangePickerSelectorElement, ev: SdTimeRangePickerSelectorCustomEvent<HTMLSdTimeRangePickerSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4030
4130
  removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4031
4131
  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4032
4132
  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
4033
4133
  }
4034
- var HTMLSdTheadElement: {
4035
- prototype: HTMLSdTheadElement;
4036
- new (): HTMLSdTheadElement;
4134
+ var HTMLSdTimeRangePickerSelectorElement: {
4135
+ prototype: HTMLSdTimeRangePickerSelectorElement;
4136
+ new (): HTMLSdTimeRangePickerSelectorElement;
4037
4137
  };
4038
4138
  interface HTMLSdToastElementEventMap {
4039
4139
  "sdClose": void;
@@ -4094,12 +4194,6 @@ declare global {
4094
4194
  prototype: HTMLSdTooltipElement;
4095
4195
  new (): HTMLSdTooltipElement;
4096
4196
  };
4097
- interface HTMLSdTrElement extends Components.SdTr, HTMLStencilElement {
4098
- }
4099
- var HTMLSdTrElement: {
4100
- prototype: HTMLSdTrElement;
4101
- new (): HTMLSdTrElement;
4102
- };
4103
4197
  interface HTMLElementTagNameMap {
4104
4198
  "sd-action-modal": HTMLSdActionModalElement;
4105
4199
  "sd-badge": HTMLSdBadgeElement;
@@ -4147,19 +4241,19 @@ declare global {
4147
4241
  "sd-select-listbox": HTMLSdSelectListboxElement;
4148
4242
  "sd-select-trigger": HTMLSdSelectTriggerElement;
4149
4243
  "sd-switch": HTMLSdSwitchElement;
4150
- "sd-table": HTMLSdTableElement;
4151
4244
  "sd-tabs": HTMLSdTabsElement;
4152
4245
  "sd-tag": HTMLSdTagElement;
4153
- "sd-tbody": HTMLSdTbodyElement;
4154
- "sd-td": HTMLSdTdElement;
4155
4246
  "sd-text-link": HTMLSdTextLinkElement;
4156
4247
  "sd-textarea": HTMLSdTextareaElement;
4157
- "sd-thead": HTMLSdTheadElement;
4248
+ "sd-time-picker": HTMLSdTimePickerElement;
4249
+ "sd-time-picker-selector": HTMLSdTimePickerSelectorElement;
4250
+ "sd-time-picker-trigger": HTMLSdTimePickerTriggerElement;
4251
+ "sd-time-range-picker": HTMLSdTimeRangePickerElement;
4252
+ "sd-time-range-picker-selector": HTMLSdTimeRangePickerSelectorElement;
4158
4253
  "sd-toast": HTMLSdToastElement;
4159
4254
  "sd-toast-container": HTMLSdToastContainerElement;
4160
4255
  "sd-toggle": HTMLSdToggleElement;
4161
4256
  "sd-tooltip": HTMLSdTooltipElement;
4162
- "sd-tr": HTMLSdTrElement;
4163
4257
  }
4164
4258
  }
4165
4259
  declare namespace LocalJSX {
@@ -4453,9 +4547,9 @@ declare namespace LocalJSX {
4453
4547
  */
4454
4548
  "val"?: any;
4455
4549
  /**
4456
- * 현재 선택 상태 또는 배열 형태의 값
4550
+ * 현재 선택 상태 또는 배열 형태의 값 (미지정 시 미선택 상태)
4457
4551
  */
4458
- "value": CheckedType;
4552
+ "value"?: CheckedType;
4459
4553
  }
4460
4554
  interface SdChip {
4461
4555
  /**
@@ -4464,8 +4558,8 @@ declare namespace LocalJSX {
4464
4558
  */
4465
4559
  "disabled"?: boolean;
4466
4560
  /**
4467
- * 인라인 편집 가능 여부
4468
- * @default true
4561
+ * 인라인 편집 가능 여부 (기본값 false)
4562
+ * @default false
4469
4563
  */
4470
4564
  "editable"?: boolean;
4471
4565
  /**
@@ -4516,10 +4610,6 @@ declare namespace LocalJSX {
4516
4610
  "value"?: string;
4517
4611
  }
4518
4612
  interface SdChipInput {
4519
- /**
4520
- * 자동완성 드롭다운 최소 너비 (숫자면 px, 문자열이면 그대로 적용. 없으면 입력 필드 너비를 사용)
4521
- */
4522
- "autocompleteMinWidth"?: string | number;
4523
4613
  /**
4524
4614
  * 비활성 상태 여부
4525
4615
  * @default false
@@ -4530,6 +4620,11 @@ declare namespace LocalJSX {
4530
4620
  * @default []
4531
4621
  */
4532
4622
  "disabledChips"?: boolean[] | ((value: string) => boolean);
4623
+ /**
4624
+ * 드롭다운(자동완성) 최소 너비 (숫자면 px, 문자열이면 그대로 적용. 기본값 200)
4625
+ * @default 200
4626
+ */
4627
+ "dropdownMinWidth"?: string | number;
4533
4628
  /**
4534
4629
  * 중복 에러 메시지에 표시할 항목 이름 (없으면 기본 메시지 사용)
4535
4630
  */
@@ -4593,6 +4688,11 @@ declare namespace LocalJSX {
4593
4688
  * 최대 입력 가능한 칩 개수 (없으면 제한 없음)
4594
4689
  */
4595
4690
  "maxCount"?: number;
4691
+ /**
4692
+ * 최대 개수·초기화 meta 위치 (end=우측 끝으로 정렬 / inline=콘텐츠에 이어서 배치)
4693
+ * @default 'end'
4694
+ */
4695
+ "metaPlacement"?: 'end' | 'inline';
4596
4696
  /**
4597
4697
  * 폼 연동용 name 속성
4598
4698
  * @default nanoid()
@@ -4718,7 +4818,7 @@ declare namespace LocalJSX {
4718
4818
  */
4719
4819
  "onSdOk"?: (event: SdConfirmModalCustomEvent<void>) => void;
4720
4820
  /**
4721
- * 콘텐츠 박스에 표시할 텍스트 (tagLabel 없을 때 사용)
4821
+ * 콘텐츠 박스 option 슬롯 기본 텍스트 (slot="option" 미지정 )
4722
4822
  * @default ''
4723
4823
  */
4724
4824
  "slotLabel"?: string;
@@ -4728,16 +4828,12 @@ declare namespace LocalJSX {
4728
4828
  */
4729
4829
  "subButtonLabel"?: string;
4730
4830
  /**
4731
- * 콘텐츠 박스에 직접 삽입할 HTMLElement
4732
- */
4733
- "tagContents"?: HTMLElement;
4734
- /**
4735
- * 콘텐츠 박스에 표시할 태그 레이블
4831
+ * 콘텐츠 박스 tag 슬롯 기본 태그 레이블 (slot="tag" 미지정 시)
4736
4832
  * @default ''
4737
4833
  */
4738
4834
  "tagLabel"?: string;
4739
4835
  /**
4740
- * 콘텐츠 박스에 표시할 태그 프리셋
4836
+ * 콘텐츠 박스 tag 슬롯 기본 태그 프리셋 (slot="tag" 미지정 시)
4741
4837
  * @default 'square_sm_grey'
4742
4838
  */
4743
4839
  "tagPreset"?: TagName;
@@ -4895,6 +4991,10 @@ declare namespace LocalJSX {
4895
4991
  * @default 'sm'
4896
4992
  */
4897
4993
  "size"?: DatePickerSize;
4994
+ /**
4995
+ * 필드 상태 (없으면 error/rules 결과로 자동 결정)
4996
+ */
4997
+ "status"?: 'default' | 'pass' | 'error';
4898
4998
  /**
4899
4999
  * 선택된 날짜 (YYYY-MM-DD)
4900
5000
  * @default null
@@ -5024,6 +5124,15 @@ declare namespace LocalJSX {
5024
5124
  * @default 'sm'
5025
5125
  */
5026
5126
  "size"?: DatePickerSize1;
5127
+ /**
5128
+ * 필드 상태 (없으면 error/rules 결과로 자동 결정)
5129
+ */
5130
+ "status"?: 'default' | 'pass' | 'error';
5131
+ /**
5132
+ * 시간(시:분) 선택 푸터 사용 여부. true이면 value는 "YYYY-MM-DD HH:mm" 형식이 되고, 캘린더 하단에 시작·종료 시간 입력이 표시됩니다.
5133
+ * @default false
5134
+ */
5135
+ "useTimePicker"?: boolean;
5027
5136
  /**
5028
5137
  * 선택된 날짜 범위 [시작일, 종료일] (YYYY-MM-DD)
5029
5138
  * @default null
@@ -5052,6 +5161,11 @@ declare namespace LocalJSX {
5052
5161
  * 선택 가능한 날짜 범위 제한
5053
5162
  */
5054
5163
  "selectable"?: [string, string];
5164
+ /**
5165
+ * 시간(시:분) 선택 푸터 사용 여부
5166
+ * @default false
5167
+ */
5168
+ "useTimePicker"?: boolean;
5055
5169
  /**
5056
5170
  * 선택된 날짜 범위 [시작일, 종료일]
5057
5171
  * @default null
@@ -5160,6 +5274,10 @@ declare namespace LocalJSX {
5160
5274
  * @default ''
5161
5275
  */
5162
5276
  "label"?: string;
5277
+ /**
5278
+ * 레이블 박스 높이 (숫자면 px). 미지정 시 size별 기본값 사용. multiline 등 컨트롤 박스가 커질 때 레이블을 첫 행에 맞추기 위해 사용한다.
5279
+ */
5280
+ "labelHeight"?: number | string;
5163
5281
  /**
5164
5282
  * 레이블 툴팁 텍스트
5165
5283
  * @default ''
@@ -5175,6 +5293,11 @@ declare namespace LocalJSX {
5175
5293
  * @default ''
5176
5294
  */
5177
5295
  "labelWidth"?: string | number;
5296
+ /**
5297
+ * 멀티라인 컨트롤 — 컨트롤 높이를 고정하지 않고 min-height만 적용한다.
5298
+ * @default false
5299
+ */
5300
+ "multiline"?: boolean;
5178
5301
  /**
5179
5302
  * 폼 연동용 name 속성
5180
5303
  * @default ''
@@ -5322,6 +5445,11 @@ declare namespace LocalJSX {
5322
5445
  * 유효성 검사 규칙 목록
5323
5446
  */
5324
5447
  "rules"?: Rule[];
5448
+ /**
5449
+ * 필드 크기
5450
+ * @default 'sm'
5451
+ */
5452
+ "size"?: FieldSize;
5325
5453
  /**
5326
5454
  * 필드 상태 (없으면 rules 결과로 자동 결정)
5327
5455
  */
@@ -5417,6 +5545,10 @@ declare namespace LocalJSX {
5417
5545
  * 버튼 클릭 시 발생합니다.
5418
5546
  */
5419
5547
  "onSdClick"?: (event: SdGhostButtonCustomEvent<MouseEvent>) => void;
5548
+ /**
5549
+ * 토글 버튼일 때 눌림 상태 → `aria-pressed`로 반영. 미지정 시 속성 자체를 내보내지 않는다. (DOM `Element.ariaPressed`(문자열 예약 속성)와 충돌하므로 prop 이름은 `pressed`)
5550
+ */
5551
+ "pressed"?: boolean;
5420
5552
  /**
5421
5553
  * 버튼 크기
5422
5554
  * @default 'sm'
@@ -5643,7 +5775,7 @@ declare namespace LocalJSX {
5643
5775
  * 입력 타입
5644
5776
  * @default 'text'
5645
5777
  */
5646
- "type"?: 'text' | 'password' | 'email';
5778
+ "type"?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'url';
5647
5779
  /**
5648
5780
  * 입력 값
5649
5781
  * @default null
@@ -5662,7 +5794,7 @@ declare namespace LocalJSX {
5662
5794
  */
5663
5795
  "fields"?: SdKeyValueField[][];
5664
5796
  /**
5665
- * 필드 값이 변경될 때 `{ name, value }` 형태로 발생합니다.
5797
+ * 필드 값이 변경될 때 `{ name, value, values }` 형태로 발생합니다. `values`는 갱신된 전체 값 객체입니다.
5666
5798
  */
5667
5799
  "onSdChange"?: (event: SdKeyValueTableCustomEvent<SdKeyValueChangeDetail>) => void;
5668
5800
  /**
@@ -5679,6 +5811,11 @@ declare namespace LocalJSX {
5679
5811
  * @default false
5680
5812
  */
5681
5813
  "search"?: boolean;
5814
+ /**
5815
+ * field name을 key로 하는 값 객체 (`{ [name]: value }`). 지정 시 해당 field의 값으로 사용되며, field별 `options.value`보다 우선합니다. `sdChange`의 `detail.values`와 함께 controlled 패턴으로 사용합니다.
5816
+ * @default {}
5817
+ */
5818
+ "values"?: Record<string, unknown>;
5682
5819
  }
5683
5820
  interface SdLinearProgress {
5684
5821
  /**
@@ -5847,6 +5984,10 @@ declare namespace LocalJSX {
5847
5984
  * @default Number.POSITIVE_INFINITY
5848
5985
  */
5849
5986
  "max"?: number;
5987
+ /**
5988
+ * 소수점 이하 최대 자리수 (useDecimal일 때만 적용, 초과 입력한 소수부는 잘라냄)
5989
+ */
5990
+ "maxDecimalLength"?: number;
5850
5991
  /**
5851
5992
  * 최솟값
5852
5993
  * @default Number.NEGATIVE_INFINITY
@@ -5946,75 +6087,72 @@ declare namespace LocalJSX {
5946
6087
  */
5947
6088
  "ariaLabel"?: string;
5948
6089
  /**
5949
- * 팝오버 하단 버튼 옵션
6090
+ * 하단 우측 버튼 레이블 (필수). 색상/스타일은 type 별로 고정
5950
6091
  */
5951
- "button"?: PopoverButton;
6092
+ "buttonLabel": string;
5952
6093
  /**
5953
- * 아이콘 트리거 색상
6094
+ * 기본(아이콘) 트리거 색상
5954
6095
  * @default '#01BB4B'
5955
6096
  */
5956
6097
  "color"?: string;
5957
6098
  /**
5958
- * 비활성 상태 여부
6099
+ * 기본 표시 여부 (비제어)
5959
6100
  * @default false
5960
6101
  */
5961
- "disabled"?: boolean;
6102
+ "defaultOpen"?: boolean;
5962
6103
  /**
5963
- * 아이콘 트리거 아이콘명
6104
+ * 기본(아이콘) 트리거 아이콘명. slot="trigger" 가 있으면 무시
5964
6105
  * @default 'helpOutline'
5965
6106
  */
5966
6107
  "icon"?: IconName;
5967
6108
  /**
5968
- * 아이콘 트리거 크기
6109
+ * 기본(아이콘) 트리거 크기
5969
6110
  * @default 12
5970
6111
  */
5971
6112
  "iconSize"?: number;
5972
6113
  /**
5973
- * 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링)
5974
- * @default ''
5975
- */
5976
- "label"?: string;
5977
- /**
5978
- * 팝오버 하단 좌측 링크 옵션
6114
+ * 하단 좌측 링크 레이블 (선택)
5979
6115
  */
5980
- "leftLink"?: PopoverLink;
6116
+ "leftLinkLabel"?: string;
5981
6117
  /**
5982
6118
  * 팝오버 메뉴에 추가할 클래스
5983
6119
  * @default ''
5984
6120
  */
5985
- "menuClass"?: string;
6121
+ "menuClassName"?: string;
5986
6122
  /**
5987
- * 팝오버 메뉴 제목
6123
+ * 메뉴 제목 (필수)
5988
6124
  */
5989
- "menuTitle"?: string;
6125
+ "menuTitle": string;
5990
6126
  /**
5991
- * 버튼 트리거 프리셋
5992
- * @default 'primary_sm'
6127
+ * 하단 우측 버튼 클릭 시 발생합니다.
5993
6128
  */
5994
- "name"?: ButtonName;
6129
+ "onSdButtonClick"?: (event: SdPopoverCustomEvent<void>) => void;
6130
+ /**
6131
+ * 하단 좌측 링크 클릭 시 발생합니다.
6132
+ */
6133
+ "onSdLeftLinkClick"?: (event: SdPopoverCustomEvent<void>) => void;
5995
6134
  /**
5996
6135
  * 팝오버 표시 상태가 바뀔 때 발생합니다.
5997
6136
  */
5998
6137
  "onSdShowChange"?: (event: SdPopoverCustomEvent<boolean>) => void;
6138
+ /**
6139
+ * 표시 여부 (제어). 미지정 시 defaultOpen 기반 비제어로 동작
6140
+ */
6141
+ "open"?: boolean;
5999
6142
  /**
6000
6143
  * 팝오버를 표시할 방향
6001
6144
  * @default 'bottom'
6002
6145
  */
6003
6146
  "placement"?: 'top' | 'bottom' | 'left' | 'right';
6004
6147
  /**
6005
- * 버튼 트리거 우측 아이콘
6006
- */
6007
- "rightIcon"?: IconName;
6008
- /**
6009
- * 팝오버 표시 여부
6010
- * @default false
6148
+ * 제목 좌측 아이콘 (선택)
6011
6149
  */
6012
- "show"?: boolean;
6150
+ "titleIcon"?: IconName;
6013
6151
  /**
6014
- * 버튼 type 속성
6015
- * @default 'button'
6152
+ * 색상 타입 (default=다크 배경 / danger·warning·accent=라이트 배경)
6153
+ * @default 'default'
6016
6154
  */
6017
- "type"?: ButtonType;
6155
+ "type"?: PopoverType;
6018
6156
  }
6019
6157
  interface SdPopup {
6020
6158
  /**
@@ -6092,6 +6230,10 @@ declare namespace LocalJSX {
6092
6230
  * 표시할 라벨 텍스트
6093
6231
  */
6094
6232
  "label"?: string;
6233
+ /**
6234
+ * native radio 그룹핑을 위한 name 속성 (미지정 시 val을 name으로 사용)
6235
+ */
6236
+ "name"?: string;
6095
6237
  /**
6096
6238
  * 선택 값이 변경될 때 발생합니다.
6097
6239
  */
@@ -6103,7 +6245,7 @@ declare namespace LocalJSX {
6103
6245
  /**
6104
6246
  * 라디오 그룹의 현재 선택 값
6105
6247
  */
6106
- "value": RadioValue;
6248
+ "value"?: RadioValue;
6107
6249
  }
6108
6250
  interface SdRadioButton {
6109
6251
  /**
@@ -6130,9 +6272,9 @@ declare namespace LocalJSX {
6130
6272
  */
6131
6273
  "size"?: 'xs' | 'sm';
6132
6274
  /**
6133
- * 현재 선택된 값
6275
+ * 현재 선택된 값 (미지정 시 선택 없음)
6134
6276
  */
6135
- "value": RadioValue1;
6277
+ "value"?: RadioValue1;
6136
6278
  }
6137
6279
  interface SdRadioGroup {
6138
6280
  /**
@@ -6159,9 +6301,9 @@ declare namespace LocalJSX {
6159
6301
  */
6160
6302
  "options"?: RadioOption1[];
6161
6303
  /**
6162
- * 현재 선택된 값
6304
+ * 현재 선택된 값 (미지정 시 선택 없음)
6163
6305
  */
6164
- "value": RadioValue1;
6306
+ "value"?: RadioValue1;
6165
6307
  }
6166
6308
  interface SdSelect {
6167
6309
  /**
@@ -6440,314 +6582,450 @@ declare namespace LocalJSX {
6440
6582
  "disabled"?: boolean;
6441
6583
  /**
6442
6584
  * 표시할 라벨 텍스트
6585
+ * @deprecated `rightLabel` 사용. 우측 라벨(하위호환)
6443
6586
  * @default ''
6444
6587
  */
6445
6588
  "label"?: string;
6589
+ /**
6590
+ * 스위치 좌측 라벨
6591
+ */
6592
+ "leftLabel"?: string;
6446
6593
  /**
6447
6594
  * 상태가 변경될 때 발생합니다.
6448
6595
  */
6449
6596
  "onSdUpdate"?: (event: SdSwitchCustomEvent<boolean>) => void;
6597
+ /**
6598
+ * 스위치 우측 라벨
6599
+ */
6600
+ "rightLabel"?: string;
6450
6601
  /**
6451
6602
  * 현재 on/off 상태
6452
6603
  * @default false
6453
6604
  */
6454
6605
  "value"?: boolean;
6455
6606
  }
6456
- interface SdTable {
6607
+ interface SdTabs {
6608
+ /**
6609
+ * true이면 서브 탭 스타일 적용
6610
+ * @default false
6611
+ */
6612
+ "isSub"?: boolean;
6613
+ /**
6614
+ * 탭이 변경될 때 새 value를 전달합니다.
6615
+ */
6616
+ "onSdUpdate"?: (event: SdTabsCustomEvent<string>) => void;
6617
+ /**
6618
+ * 탭 크기
6619
+ * @default 'md'
6620
+ */
6621
+ "size"?: TabSize;
6457
6622
  /**
6458
- * 컬럼 정의 목록
6623
+ * 옵션 목록
6459
6624
  * @default []
6460
6625
  */
6461
- "columns"?: SdTableColumn[];
6626
+ "tabs"?: TabOption[];
6627
+ /**
6628
+ * 현재 선택된 탭 value
6629
+ */
6630
+ "value": string;
6462
6631
  /**
6463
- * 높이를 줄인 조밀 모드 여부
6632
+ * true이면 탭을 세로로 배치
6464
6633
  * @default false
6465
6634
  */
6466
- "dense"?: boolean;
6635
+ "vertical"?: boolean;
6636
+ }
6637
+ interface SdTag {
6638
+ /**
6639
+ * 아이콘명
6640
+ */
6641
+ "icon"?: IconName;
6642
+ /**
6643
+ * 아이콘을 레이블 왼쪽에 배치할지 여부 (기본값 true)
6644
+ * @default true
6645
+ */
6646
+ "iconLeft"?: boolean;
6647
+ /**
6648
+ * 표시할 레이블 텍스트
6649
+ * @default ''
6650
+ */
6651
+ "label"?: string;
6652
+ /**
6653
+ * 태그 프리셋 이름
6654
+ * @default 'square_sm_grey'
6655
+ */
6656
+ "name"?: TagName1;
6467
6657
  /**
6468
- * 테이블 높이
6658
+ * 태그 너비 (숫자면 px, 문자열이면 그대로 적용). 미지정 시 콘텐츠 크기(fit-content)
6659
+ * @default ''
6469
6660
  */
6470
- "height"?: string;
6661
+ "width"?: string | number;
6662
+ }
6663
+ interface SdTextLink {
6471
6664
  /**
6472
- * 로딩 스피너 표시 여부
6665
+ * 비활성 상태 여부
6473
6666
  * @default false
6474
6667
  */
6475
- "isLoading"?: boolean;
6668
+ "disabled"?: boolean;
6476
6669
  /**
6477
- * 데이터 없을 때 표시할 메시지
6478
- * @default SdTable.DEFAULT_NO_DATA_LABEL
6670
+ * 좌측 아이콘명
6671
+ * @default ''
6479
6672
  */
6480
- "noDataLabel"?: string;
6673
+ "icon"?: string;
6481
6674
  /**
6482
- * 페이지가 변경될 때 새 페이지 번호를 전달합니다.
6675
+ * 좌측 아이콘 색상
6676
+ * @default ''
6483
6677
  */
6484
- "onSdPageChange"?: (event: SdTableCustomEvent<number>) => void;
6678
+ "iconColor"?: string;
6485
6679
  /**
6486
- * 페이지당 수가 변경될 때 발생합니다.
6680
+ * 표시할 레이블 텍스트
6681
+ * @default ''
6487
6682
  */
6488
- "onSdRowsPerPageChange"?: (event: SdTableCustomEvent<number>) => void;
6683
+ "label"?: string;
6489
6684
  /**
6490
- * 선택 상태가 변경될 때 선택된 행 목록을 전달합니다.
6685
+ * 레이블 span에 추가할 클래스
6686
+ * @default ''
6491
6687
  */
6492
- "onSdSelectChange"?: (event: SdTableCustomEvent<Row[]>) => void;
6688
+ "labelClass"?: string;
6493
6689
  /**
6494
- * 가상 스크롤이 끝 임계값에 도달할 때 발생합니다.
6690
+ * 클릭 발생합니다.
6495
6691
  */
6496
- "onSdVirtualReachEnd"?: (event: SdTableCustomEvent<{
6497
- from: number;
6498
- to: number;
6499
- rowCount: number;
6500
- threshold: number;
6501
- }>) => void;
6692
+ "onSdClick"?: (event: SdTextLinkCustomEvent<void>) => void;
6502
6693
  /**
6503
- * 가상 스크롤 가시 범위가 변경될 때 발생합니다.
6694
+ * 우측 화살표 타입
6695
+ * @default 'none'
6504
6696
  */
6505
- "onSdVirtualUpdate"?: (event: SdTableCustomEvent<{
6506
- from: number;
6507
- to: number;
6508
- }>) => void;
6697
+ "rightArrow"?: 'none' | 'chevron' | 'caret';
6509
6698
  /**
6510
- * 페이지네이션 옵션
6699
+ * 텍스트 크기
6700
+ * @default 'sm'
6511
6701
  */
6512
- "pagination"?: SdTablePagination;
6702
+ "size"?: TextLinkSize;
6513
6703
  /**
6514
- * border-radius 제어
6515
- * @default 'default'
6704
+ * 호버 시 표시할 툴팁 텍스트
6516
6705
  */
6517
- "radius"?: 'default' | 'useTop' | 'full';
6706
+ "tooltipText"?: string;
6518
6707
  /**
6519
- * 컬럼 너비 조절 기능 활성화 여부
6708
+ * 밑줄 스타일 여부
6520
6709
  * @default false
6521
6710
  */
6522
- "resizable"?: boolean;
6711
+ "underline"?: boolean;
6712
+ }
6713
+ interface SdTextarea {
6523
6714
  /**
6524
- * 가상 스크롤 행 높이 (px, 없으면 dense 여부에 따라 자동)
6715
+ * 어드온 정렬 방향
6716
+ * @default 'start'
6525
6717
  */
6526
- "rowHeight"?: number;
6718
+ "addonAlign"?: FieldAddonAlign;
6527
6719
  /**
6528
- * 고유 식별 필드명
6529
- * @default 'id'
6720
+ * 필드 우측 어드온 레이블
6721
+ * @default ''
6530
6722
  */
6531
- "rowKey"?: string;
6723
+ "addonLabel"?: string;
6532
6724
  /**
6533
- * 데이터 배열
6725
+ * 마운트 자동 포커스 여부
6726
+ * @default false
6534
6727
  */
6535
- "rows"?: Row[];
6728
+ "autoFocus"?: boolean;
6536
6729
  /**
6537
- * 페이지당 수 선택 옵션 목록
6538
- * @default [ { label: '10개씩 보기', value: 10 }, { label: '25개씩 보기', value: 25 }, { label: '50개씩 보기', value: 50 }, { label: '100개씩 보기', value: 100 }, ]
6730
+ * 비활성 상태 여부
6731
+ * @default false
6539
6732
  */
6540
- "rowsPerPageOption"?: SelectOption1[];
6733
+ "disabled"?: boolean;
6541
6734
  /**
6542
- * 선택(체크박스) 기능 활성화 여부
6735
+ * 에러 상태 여부
6543
6736
  * @default false
6544
6737
  */
6545
- "selectable"?: boolean;
6738
+ "error"?: boolean;
6546
6739
  /**
6547
- * 현재 선택된 행 목록
6548
- * @default []
6740
+ * 에러 메시지
6741
+ * @default ''
6549
6742
  */
6550
- "selected"?: Row[];
6743
+ "errorMessage"?: string;
6744
+ /**
6745
+ * 포커스 상태 여부
6746
+ * @default false
6747
+ */
6748
+ "focused"?: boolean;
6551
6749
  /**
6552
- * 고정할 좌우 컬럼
6553
- * @default { left: 0, right: 0 }
6750
+ * 필드 하단 힌트 텍스트
6751
+ * @default ''
6554
6752
  */
6555
- "stickyColumn"?: SdTableStickyColumn;
6753
+ "hint"?: string;
6556
6754
  /**
6557
- * 헤더 고정(sticky) 여부
6755
+ * 호버 상태 여부
6558
6756
  * @default false
6559
6757
  */
6560
- "stickyHeader"?: boolean;
6758
+ "hovered"?: boolean;
6561
6759
  /**
6562
- * 테이블 고유 ID (자식 슬롯 매핑에 사용)
6563
- * @default nanoid(8)
6760
+ * 레이블 영역 아이콘
6761
+ * @default undefined
6564
6762
  */
6565
- "tableId"?: string;
6763
+ "icon"?: IconProps;
6566
6764
  /**
6567
- * 테이블 내부에서 페이지네이션을 직접 관리할지 여부
6568
- * @default false
6765
+ * 레이블 텍스트
6766
+ * @default ''
6767
+ */
6768
+ "label"?: string;
6769
+ /**
6770
+ * 레이블 툴팁 텍스트
6771
+ * @default ''
6772
+ */
6773
+ "labelTooltip"?: string;
6774
+ /**
6775
+ * 레이블 툴팁 상세 옵션
6776
+ * @default null
6777
+ */
6778
+ "labelTooltipProps"?: SdTooltipProps | null;
6779
+ /**
6780
+ * 레이블 너비
6781
+ * @default ''
6782
+ */
6783
+ "labelWidth"?: string | number;
6784
+ /**
6785
+ * 최대 입력 글자 수
6786
+ */
6787
+ "maxLength"?: number;
6788
+ /**
6789
+ * 폼 연동용 name 속성
6790
+ * @default nanoid()
6791
+ */
6792
+ "name"?: string;
6793
+ /**
6794
+ * 포커스를 잃을 때 발생합니다.
6795
+ */
6796
+ "onSdBlur"?: (event: SdTextareaCustomEvent<Event>) => void;
6797
+ /**
6798
+ * 포커스될 때 발생합니다.
6799
+ */
6800
+ "onSdFocus"?: (event: SdTextareaCustomEvent<Event>) => void;
6801
+ /**
6802
+ * 값이 변경될 때 발생합니다.
6803
+ */
6804
+ "onSdUpdate"?: (event: SdTextareaCustomEvent<string | null>) => void;
6805
+ /**
6806
+ * 플레이스홀더 텍스트
6807
+ * @default '입력해 주세요.'
6569
6808
  */
6570
- "useInternalPagination"?: boolean;
6809
+ "placeholder"?: string;
6571
6810
  /**
6572
- * 페이지당 수 선택 셀렉트 표시 여부
6811
+ * 읽기 전용 여부
6573
6812
  * @default false
6574
6813
  */
6575
- "useRowsPerPageSelect"?: boolean;
6814
+ "readonly"?: boolean;
6815
+ /**
6816
+ * textarea 기본 행 수
6817
+ */
6818
+ "rows"?: number;
6819
+ /**
6820
+ * 유효성 검사 규칙 목록
6821
+ * @default []
6822
+ */
6823
+ "rules"?: Rule[];
6576
6824
  /**
6577
- * 가상 스크롤 사용 여부
6825
+ * 맞춤법 검사 여부
6578
6826
  * @default false
6579
6827
  */
6580
- "useVirtualScroll"?: boolean;
6828
+ "spellcheck"?: boolean;
6829
+ /**
6830
+ * 필드 상태 (없으면 rules 결과로 자동 결정)
6831
+ */
6832
+ "status"?: 'default' | 'pass' | 'error';
6833
+ /**
6834
+ * 네이티브 textarea에 추가할 클래스
6835
+ * @default ''
6836
+ */
6837
+ "textareaClass"?: string;
6581
6838
  /**
6582
- * 가상 스크롤 상하 버퍼 행 수
6583
- * @default 5
6839
+ * 네이티브 textarea에 적용할 인라인 스타일
6840
+ * @default {}
6584
6841
  */
6585
- "virtualBuffer"?: number;
6842
+ "textareaStyle"?: { [key: string]: string };
6586
6843
  /**
6587
- * 가상 스크롤 끝 도달 감지 임계값 (마지막 N행 이내에 들어오면 이벤트 발생)
6588
- * @default 10
6844
+ * 입력
6845
+ * @default null
6589
6846
  */
6590
- "virtualEndThreshold"?: number;
6847
+ "value"?: string | null;
6591
6848
  /**
6592
- * 테이블 너비
6849
+ * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
6850
+ * @default ''
6593
6851
  */
6594
- "width"?: string;
6852
+ "width"?: string | number;
6595
6853
  }
6596
- interface SdTabs {
6854
+ interface SdTimePicker {
6597
6855
  /**
6598
- * true이면 서브 탭 스타일 적용
6856
+ * 어드온 정렬 방향
6857
+ * @default 'start'
6858
+ */
6859
+ "addonAlign"?: FieldAddonAlign;
6860
+ /**
6861
+ * 필드 우측 어드온 레이블
6862
+ * @default ''
6863
+ */
6864
+ "addonLabel"?: string;
6865
+ /**
6866
+ * 값이 있을 때 지우기 버튼 표시 여부
6599
6867
  * @default false
6600
6868
  */
6601
- "isSub"?: boolean;
6869
+ "clearable"?: boolean;
6602
6870
  /**
6603
- * 탭이 변경될 때 새 value를 전달합니다.
6871
+ * 비활성 상태 여부
6872
+ * @default false
6604
6873
  */
6605
- "onSdUpdate"?: (event: SdTabsCustomEvent<string>) => void;
6874
+ "disabled"?: boolean;
6606
6875
  /**
6607
- * 크기
6608
- * @default 'md'
6876
+ * 에러 상태 여부
6877
+ * @default false
6609
6878
  */
6610
- "size"?: TabSize;
6879
+ "error"?: boolean;
6611
6880
  /**
6612
- * 옵션 목록
6613
- * @default []
6881
+ * 에러 메시지
6882
+ * @default ''
6614
6883
  */
6615
- "tabs"?: TabOption[];
6884
+ "errorMessage"?: string;
6885
+ /**
6886
+ * 필드 하단 힌트 텍스트
6887
+ * @default ''
6888
+ */
6889
+ "hint"?: string;
6890
+ /**
6891
+ * 레이블 영역 아이콘
6892
+ * @default undefined
6893
+ */
6894
+ "icon"?: IconProps;
6895
+ /**
6896
+ * 레이블 텍스트
6897
+ * @default ''
6898
+ */
6899
+ "label"?: string;
6900
+ /**
6901
+ * 레이블 툴팁 텍스트
6902
+ * @default ''
6903
+ */
6904
+ "labelTooltip"?: string;
6905
+ /**
6906
+ * 레이블 툴팁 상세 옵션
6907
+ * @default null
6908
+ */
6909
+ "labelTooltipProps"?: SdTooltipProps | null;
6910
+ /**
6911
+ * 레이블 너비
6912
+ * @default ''
6913
+ */
6914
+ "labelWidth"?: string | number;
6616
6915
  /**
6617
- * 현재 선택된 탭 value
6916
+ * 증감 단위
6917
+ * @default 1
6618
6918
  */
6619
- "value": string;
6919
+ "minuteStep"?: number;
6620
6920
  /**
6621
- * true이면 탭을 세로로 배치
6622
- * @default false
6921
+ * 연동용 name 속성
6922
+ * @default nanoid()
6623
6923
  */
6624
- "vertical"?: boolean;
6625
- }
6626
- interface SdTag {
6924
+ "name"?: string;
6627
6925
  /**
6628
- * 아이콘명
6926
+ * 선택기 열림/닫힘 상태가 바뀔 때 발생합니다.
6629
6927
  */
6630
- "icon"?: IconName;
6928
+ "onSdDropDownShow"?: (event: SdTimePickerCustomEvent<{ isOpen: boolean }>) => void;
6631
6929
  /**
6632
- * true이면 아이콘을 레이블 왼쪽에 배치
6633
- * @default true
6930
+ * 시간 선택 선택된 시간(HH:mm)을 전달합니다.
6634
6931
  */
6635
- "isLeft"?: boolean;
6932
+ "onSdUpdate"?: (event: SdTimePickerCustomEvent<string | null>) => void;
6636
6933
  /**
6637
- * 표시할 레이블 텍스트
6638
- * @default ''
6934
+ * 시간 미선택 시 표시할 placeholder
6935
+ * @default '00:00'
6639
6936
  */
6640
- "label"?: string;
6937
+ "placeholder"?: string;
6641
6938
  /**
6642
- * 태그 프리셋 이름
6643
- * @default 'square_sm_grey'
6939
+ * 유효성 검사 규칙 목록
6940
+ * @default []
6644
6941
  */
6645
- "name"?: TagName1;
6942
+ "rules"?: Rule[];
6646
6943
  /**
6647
- * 태그 너비 (숫자면 px, 문자열이면 그대로 적용). 미지정 시 콘텐츠 크기(fit-content)
6648
- * @default ''
6944
+ * 입력 필드 크기
6945
+ * @default 'sm'
6649
6946
  */
6650
- "width"?: string | number;
6651
- }
6652
- interface SdTbody {
6947
+ "size"?: TimePickerSize;
6653
6948
  /**
6654
- * 렌더링할 데이터 목록
6655
- * @default []
6949
+ * 필드 상태 (없으면 error/rules 결과로 자동 결정)
6656
6950
  */
6657
- "rows"?: Row[];
6658
- }
6659
- interface SdTd {
6951
+ "status"?: 'default' | 'pass' | 'error';
6660
6952
  /**
6661
- * 내용 정렬
6953
+ * 표시 타입: default(24시간) / midday(오전·오후)
6954
+ * @default 'default'
6662
6955
  */
6663
- "align"?: 'left' | 'center' | 'right';
6956
+ "type"?: TimePickerType;
6664
6957
  /**
6665
- * 병합
6958
+ * 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다.
6666
6959
  */
6667
- "colspan"?: number;
6960
+ "useMeridiem"?: boolean;
6668
6961
  /**
6669
- * 좌측 구분선 표시 여부
6670
- * @default false
6962
+ * 선택된 시간 (HH:mm)
6963
+ * @default null
6671
6964
  */
6672
- "dividerLeft"?: boolean;
6965
+ "value"?: string | null;
6673
6966
  /**
6674
- * 우측 구분선 표시 여부
6675
- * @default false
6967
+ * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
6968
+ * @default ''
6676
6969
  */
6677
- "dividerRight"?: boolean;
6970
+ "width"?: string | number;
6971
+ }
6972
+ interface SdTimePickerSelector {
6678
6973
  /**
6679
- * 데이터 필드명 (슬롯 이름 생성에 사용)
6974
+ * 증감 단위
6975
+ * @default 1
6680
6976
  */
6681
- "field": string;
6977
+ "minuteStep"?: number;
6682
6978
  /**
6683
- * 식별
6979
+ * 시간 변경 시 발생합니다.
6684
6980
  */
6685
- "rowKey": string;
6981
+ "onSdUpdate"?: (event: SdTimePickerSelectorCustomEvent<string>) => void;
6686
6982
  /**
6687
- * 병합
6983
+ * 오전/오후 선택 표시 여부
6984
+ * @default true
6688
6985
  */
6689
- "rowspan"?: number;
6986
+ "useMeridiem"?: boolean;
6690
6987
  /**
6691
- * td에 병합할 사용자 클래스
6988
+ * 선택된 시간 (HH:mm)
6989
+ * @default null
6692
6990
  */
6693
- "sdClass"?: string;
6991
+ "value"?: string | null;
6992
+ }
6993
+ interface SdTimePickerTrigger {
6694
6994
  /**
6695
- * frame 레이아웃 사용 여부
6995
+ * 지우기 버튼 표시 여부
6696
6996
  * @default false
6697
6997
  */
6698
- "useFrame"?: boolean;
6699
- }
6700
- interface SdTextLink {
6998
+ "clearable"?: boolean;
6701
6999
  /**
6702
7000
  * 비활성 상태 여부
6703
7001
  * @default false
6704
7002
  */
6705
7003
  "disabled"?: boolean;
6706
7004
  /**
6707
- * 좌측 아이콘명
6708
- * @default ''
6709
- */
6710
- "icon"?: string;
6711
- /**
6712
- * 좌측 아이콘 색상
6713
- * @default ''
6714
- */
6715
- "iconColor"?: string;
6716
- /**
6717
- * 표시할 레이블 텍스트
7005
+ * 표시할 시간 텍스트
6718
7006
  * @default ''
6719
7007
  */
6720
- "label"?: string;
7008
+ "displayText"?: string;
6721
7009
  /**
6722
- * 레이블 span에 추가할 클래스
6723
- * @default ''
7010
+ * 지우기 버튼 클릭 시 발생합니다.
6724
7011
  */
6725
- "labelClass"?: string;
7012
+ "onSdClear"?: (event: SdTimePickerTriggerCustomEvent<void>) => void;
6726
7013
  /**
6727
- * 클릭 시 발생합니다.
7014
+ * 트리거 클릭 시 발생합니다.
6728
7015
  */
6729
- "onSdClick"?: (event: SdTextLinkCustomEvent<void>) => void;
7016
+ "onSdTriggerClick"?: (event: SdTimePickerTriggerCustomEvent<void>) => void;
6730
7017
  /**
6731
- * 우측 화살표 타입
6732
- * @default 'none'
7018
+ * 입력 힌트 텍스트
7019
+ * @default '00:00'
6733
7020
  */
6734
- "rightArrow"?: 'none' | 'chevron' | 'caret';
7021
+ "placeholder"?: string;
6735
7022
  /**
6736
- * 텍스트 크기
7023
+ * 트리거 크기
6737
7024
  * @default 'sm'
6738
7025
  */
6739
- "size"?: TextLinkSize;
6740
- /**
6741
- * 호버 시 표시할 툴팁 텍스트
6742
- */
6743
- "tooltipText"?: string;
6744
- /**
6745
- * 밑줄 스타일 여부
6746
- * @default false
6747
- */
6748
- "underline"?: boolean;
7026
+ "size"?: TimePickerSize;
6749
7027
  }
6750
- interface SdTextarea {
7028
+ interface SdTimeRangePicker {
6751
7029
  /**
6752
7030
  * 어드온 정렬 방향
6753
7031
  * @default 'start'
@@ -6759,10 +7037,10 @@ declare namespace LocalJSX {
6759
7037
  */
6760
7038
  "addonLabel"?: string;
6761
7039
  /**
6762
- * 마운트 자동 포커스 여부
7040
+ * 값이 있을 지우기 버튼 표시 여부
6763
7041
  * @default false
6764
7042
  */
6765
- "autoFocus"?: boolean;
7043
+ "clearable"?: boolean;
6766
7044
  /**
6767
7045
  * 비활성 상태 여부
6768
7046
  * @default false
@@ -6778,21 +7056,11 @@ declare namespace LocalJSX {
6778
7056
  * @default ''
6779
7057
  */
6780
7058
  "errorMessage"?: string;
6781
- /**
6782
- * 포커스 상태 여부
6783
- * @default false
6784
- */
6785
- "focused"?: boolean;
6786
7059
  /**
6787
7060
  * 필드 하단 힌트 텍스트
6788
7061
  * @default ''
6789
7062
  */
6790
7063
  "hint"?: string;
6791
- /**
6792
- * 호버 상태 여부
6793
- * @default false
6794
- */
6795
- "hovered"?: boolean;
6796
7064
  /**
6797
7065
  * 레이블 영역 아이콘
6798
7066
  * @default undefined
@@ -6819,118 +7087,92 @@ declare namespace LocalJSX {
6819
7087
  */
6820
7088
  "labelWidth"?: string | number;
6821
7089
  /**
6822
- * 최대 입력 글자 수
7090
+ * 증감 단위
7091
+ * @default 1
6823
7092
  */
6824
- "maxLength"?: number;
7093
+ "minuteStep"?: number;
6825
7094
  /**
6826
7095
  * 폼 연동용 name 속성
6827
7096
  * @default nanoid()
6828
7097
  */
6829
7098
  "name"?: string;
6830
7099
  /**
6831
- * 포커스를 잃을 때 발생합니다.
6832
- */
6833
- "onSdBlur"?: (event: SdTextareaCustomEvent<Event>) => void;
6834
- /**
6835
- * 포커스될 때 발생합니다.
7100
+ * 선택기 열림/닫힘 상태가 바뀔 때 발생합니다.
6836
7101
  */
6837
- "onSdFocus"?: (event: SdTextareaCustomEvent<Event>) => void;
7102
+ "onSdDropDownShow"?: (event: SdTimeRangePickerCustomEvent<{ isOpen: boolean }>) => void;
6838
7103
  /**
6839
- * 값이 변경될 발생합니다.
7104
+ * 시간 범위 선택 시 선택된 범위([시작, 종료])를 전달합니다.
6840
7105
  */
6841
- "onSdUpdate"?: (event: SdTextareaCustomEvent<string | null>) => void;
7106
+ "onSdUpdate"?: (event: SdTimeRangePickerCustomEvent<TimeRangeValue>) => void;
6842
7107
  /**
6843
- * 플레이스홀더 텍스트
6844
- * @default '입력해 주세요.'
7108
+ * 시간 미선택 시 표시할 placeholder
7109
+ * @default '00:00 ~ 23:59'
6845
7110
  */
6846
7111
  "placeholder"?: string;
6847
7112
  /**
6848
- * 읽기 전용 여부
6849
- * @default false
6850
- */
6851
- "readonly"?: boolean;
6852
- /**
6853
- * textarea 기본 행 수
7113
+ * 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다.
7114
+ * @default 'strict'
6854
7115
  */
6855
- "rows"?: number;
7116
+ "rangeOrder"?: TimeRangePickerRangeOrder;
6856
7117
  /**
6857
7118
  * 유효성 검사 규칙 목록
6858
7119
  * @default []
6859
7120
  */
6860
7121
  "rules"?: Rule[];
6861
7122
  /**
6862
- * 맞춤법 검사 여부
6863
- * @default false
7123
+ * 입력 필드 크기
7124
+ * @default 'sm'
6864
7125
  */
6865
- "spellcheck"?: boolean;
7126
+ "size"?: TimeRangePickerSize;
6866
7127
  /**
6867
- * 필드 상태 (없으면 rules 결과로 자동 결정)
7128
+ * 필드 상태 (없으면 error/rules 결과로 자동 결정)
6868
7129
  */
6869
7130
  "status"?: 'default' | 'pass' | 'error';
6870
7131
  /**
6871
- * 네이티브 textarea에 추가할 클래스
6872
- * @default ''
7132
+ * 표시 타입: default(24시간) / midday(오전·오후)
7133
+ * @default 'default'
6873
7134
  */
6874
- "textareaClass"?: string;
7135
+ "type"?: TimeRangePickerType;
6875
7136
  /**
6876
- * 네이티브 textarea에 적용할 인라인 스타일
6877
- * @default {}
7137
+ * 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다.
6878
7138
  */
6879
- "textareaStyle"?: { [key: string]: string };
7139
+ "useMeridiem"?: boolean;
6880
7140
  /**
6881
- * 입력
7141
+ * 선택된 시간 범위 [시작, 종료] (HH:mm)
6882
7142
  * @default null
6883
7143
  */
6884
- "value"?: string | null;
7144
+ "value"?: TimeRangeValue;
6885
7145
  /**
6886
7146
  * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
6887
7147
  * @default ''
6888
7148
  */
6889
7149
  "width"?: string | number;
6890
7150
  }
6891
- interface SdThead {
6892
- /**
6893
- * 컬럼 너비 목록
6894
- * @default []
6895
- */
6896
- "columnWidths"?: number[];
6897
- /**
6898
- * 테이블 컬럼 목록
6899
- */
6900
- "columns"?: SdTableColumn[];
6901
- /**
6902
- * 컬럼 정렬 버튼 클릭 시 발생합니다.
6903
- */
6904
- "onSdColumnSort"?: (event: SdTheadCustomEvent<{ column: SdTableColumn }>) => void;
7151
+ interface SdTimeRangePickerSelector {
6905
7152
  /**
6906
- * 컬럼 너비 조절 가능 여부
6907
- */
6908
- "resizable"?: boolean;
6909
- /**
6910
- * 전체 선택 체크박스용 행 데이터
6911
- * @default []
6912
- */
6913
- "rows"?: Row[];
6914
- /**
6915
- * 좌측 스크롤 여부
7153
+ * 증감 단위
7154
+ * @default 1
6916
7155
  */
6917
- "scrolledLeft"?: boolean;
7156
+ "minuteStep"?: number;
6918
7157
  /**
6919
- * 우측 스크롤 여부
7158
+ * 시간 범위 변경 시 발생합니다.
6920
7159
  */
6921
- "scrolledRight"?: boolean;
7160
+ "onSdUpdate"?: (event: SdTimeRangePickerSelectorCustomEvent<[string, string]>) => void;
6922
7161
  /**
6923
- * 선택 기능 사용 여부
7162
+ * 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다.
7163
+ * @default 'strict'
6924
7164
  */
6925
- "selectable"?: boolean;
7165
+ "rangeOrder"?: TimeRangePickerRangeOrder;
6926
7166
  /**
6927
- * 고정 컬럼 설정
7167
+ * 오전/오후 선택 표시 여부
7168
+ * @default false
6928
7169
  */
6929
- "stickyColumn"?: SdTableStickyColumn;
7170
+ "useMeridiem"?: boolean;
6930
7171
  /**
6931
- * 헤더 고정 여부
7172
+ * 선택된 시간 범위 [시작, 종료] (HH:mm)
7173
+ * @default null
6932
7174
  */
6933
- "stickyHeader"?: boolean;
7175
+ "value"?: TimeRangeValue;
6934
7176
  }
6935
7177
  interface SdToast {
6936
7178
  /**
@@ -7030,54 +7272,35 @@ declare namespace LocalJSX {
7030
7272
  */
7031
7273
  "ariaLabel"?: string;
7032
7274
  /**
7033
- * 아이콘 트리거 색상
7275
+ * 기본(아이콘) 트리거 색상
7034
7276
  * @default '#01BB4B'
7035
7277
  */
7036
7278
  "color"?: string;
7037
7279
  /**
7038
- * 비활성 상태 여부
7280
+ * 비활성 트리거만 렌더하고 툴팁을 열지 않음
7039
7281
  * @default false
7040
7282
  */
7041
7283
  "disabled"?: boolean;
7042
7284
  /**
7043
- * 아이콘 트리거 아이콘명
7285
+ * 기본(아이콘) 트리거 아이콘명. slot="anchor" 가 있으면 무시
7044
7286
  * @default 'helpOutline'
7045
7287
  */
7046
7288
  "icon"?: IconName;
7047
7289
  /**
7048
- * 아이콘 트리거 크기
7290
+ * 기본(아이콘) 트리거 크기
7049
7291
  * @default 12
7050
7292
  */
7051
7293
  "iconSize"?: number;
7052
7294
  /**
7053
- * 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링)
7054
- * @default ''
7055
- */
7056
- "label"?: string;
7057
- /**
7058
- * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다. (HTML 문자열 허용) 지정하지 않으면 slot 으로 전달한 내용을 본문으로 사용합니다.
7295
+ * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다. (HTML 문자열 허용) 지정하지 않으면 default slot 으로 전달한 내용을 본문으로 사용합니다.
7059
7296
  * @default []
7060
7297
  */
7061
7298
  "message"?: string[];
7062
- /**
7063
- * 버튼 트리거 프리셋
7064
- * @default 'primary_sm'
7065
- */
7066
- "name"?: ButtonName;
7067
7299
  /**
7068
7300
  * 툴팁 표시 방향
7069
7301
  * @default 'top'
7070
7302
  */
7071
7303
  "placement"?: 'top' | 'bottom' | 'left' | 'right';
7072
- /**
7073
- * 버튼 트리거 우측 아이콘
7074
- */
7075
- "rightIcon"?: IconName;
7076
- /**
7077
- * 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스
7078
- * @default ''
7079
- */
7080
- "sdClass"?: string;
7081
7304
  /**
7082
7305
  * 툴팁 배경/텍스트 색상 타입
7083
7306
  * @default 'default'
@@ -7089,55 +7312,16 @@ declare namespace LocalJSX {
7089
7312
  */
7090
7313
  "trigger"?: 'hover' | 'click';
7091
7314
  /**
7092
- * anchor 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`)
7315
+ * 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`)
7093
7316
  * @default ''
7094
7317
  */
7095
- "triggerClass"?: string;
7096
- /**
7097
- * anchor 트리거 래퍼에 적용할 인라인 스타일(CSS 문자열). (예: `width:100%`)
7098
- * @default ''
7099
- */
7100
- "triggerStyle"?: string;
7101
- /**
7102
- * 버튼 type 속성
7103
- * @default 'button'
7104
- */
7105
- "type"?: ButtonType;
7318
+ "triggerClassName"?: string;
7106
7319
  /**
7107
7320
  * 툴팁 우측 상단 닫기 버튼 표시 여부
7108
7321
  * @default false
7109
7322
  */
7110
7323
  "useClose"?: boolean;
7111
7324
  }
7112
- interface SdTr {
7113
- /**
7114
- * 테이블 컬럼 목록
7115
- */
7116
- "columns"?: SdTableColumn[];
7117
- /**
7118
- * 행 데이터 객체
7119
- * @default {}
7120
- */
7121
- "row"?: Row;
7122
- /**
7123
- * 행 식별 키
7124
- * @default ''
7125
- */
7126
- "rowKey"?: string;
7127
- /**
7128
- * 행 선택 기능 사용 여부
7129
- */
7130
- "selectable"?: boolean;
7131
- /**
7132
- * 구분선 높이 (4 또는 6px, null이면 일반 행)
7133
- * @default null
7134
- */
7135
- "separator"?: '4' | '6' | 4 | 6 | null;
7136
- /**
7137
- * 고정 컬럼 설정
7138
- */
7139
- "stickyColumn"?: SdTableStickyColumn;
7140
- }
7141
7325
 
7142
7326
  interface SdActionModalAttributes {
7143
7327
  "modalTitle": string;
@@ -7214,10 +7398,11 @@ declare namespace LocalJSX {
7214
7398
  "error": boolean;
7215
7399
  "useReset": boolean;
7216
7400
  "maxCount": number;
7401
+ "metaPlacement": 'end' | 'inline';
7217
7402
  "duplicateLabel": string;
7218
7403
  "loadingSuggestions": boolean;
7219
7404
  "loadingRecommendedItems": boolean;
7220
- "autocompleteMinWidth": string;
7405
+ "dropdownMinWidth": string;
7221
7406
  "label": string;
7222
7407
  "labelWidth": string;
7223
7408
  "hint": string;
@@ -7267,6 +7452,7 @@ declare namespace LocalJSX {
7267
7452
  "hint": string;
7268
7453
  "errorMessage": string;
7269
7454
  "error": boolean;
7455
+ "status": 'default' | 'pass' | 'error';
7270
7456
  "labelTooltip": string;
7271
7457
  "name": string;
7272
7458
  }
@@ -7280,6 +7466,7 @@ declare namespace LocalJSX {
7280
7466
  "size": DatePickerSize;
7281
7467
  "placeholder": string;
7282
7468
  "maxRange": number;
7469
+ "useTimePicker": boolean;
7283
7470
  "disabled": boolean;
7284
7471
  "width": string;
7285
7472
  "label": string;
@@ -7289,11 +7476,13 @@ declare namespace LocalJSX {
7289
7476
  "hint": string;
7290
7477
  "errorMessage": string;
7291
7478
  "error": boolean;
7479
+ "status": 'default' | 'pass' | 'error';
7292
7480
  "labelTooltip": string;
7293
7481
  "name": string;
7294
7482
  }
7295
7483
  interface SdDateRangePickerCalendarAttributes {
7296
7484
  "maxRange": number;
7485
+ "useTimePicker": boolean;
7297
7486
  }
7298
7487
  interface SdDividerAttributes {
7299
7488
  "vertical": boolean;
@@ -7319,6 +7508,8 @@ declare namespace LocalJSX {
7319
7508
  "borderless": boolean;
7320
7509
  "label": string;
7321
7510
  "labelWidth": string;
7511
+ "labelHeight": string;
7512
+ "multiline": boolean;
7322
7513
  "addonLabel": string;
7323
7514
  "addonAlign": FieldAddonAlign;
7324
7515
  "labelTooltip": string;
@@ -7333,6 +7524,7 @@ declare namespace LocalJSX {
7333
7524
  "maxFileSize": string;
7334
7525
  "maxTotalSize": string;
7335
7526
  "maxFiles": string;
7527
+ "size": FieldSize;
7336
7528
  "name": string;
7337
7529
  "label": string;
7338
7530
  "labelWidth": string;
@@ -7361,6 +7553,7 @@ declare namespace LocalJSX {
7361
7553
  "size": GhostButtonSize;
7362
7554
  "intent": GhostButtonIntent;
7363
7555
  "ariaLabel": string;
7556
+ "pressed": boolean;
7364
7557
  "tooltipText": string;
7365
7558
  "disabled": boolean;
7366
7559
  }
@@ -7381,7 +7574,7 @@ declare namespace LocalJSX {
7381
7574
  }
7382
7575
  interface SdInputAttributes {
7383
7576
  "value": string;
7384
- "type": 'text' | 'password' | 'email';
7577
+ "type": 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'url';
7385
7578
  "size": InputSize;
7386
7579
  "addonLabel": string;
7387
7580
  "addonAlign": FieldAddonAlign;
@@ -7438,6 +7631,7 @@ declare namespace LocalJSX {
7438
7631
  "step": number;
7439
7632
  "useButton": boolean;
7440
7633
  "useDecimal": boolean;
7634
+ "maxDecimalLength": number;
7441
7635
  "value": string;
7442
7636
  "label": string;
7443
7637
  "labelWidth": string;
@@ -7466,19 +7660,19 @@ declare namespace LocalJSX {
7466
7660
  "simple": boolean;
7467
7661
  }
7468
7662
  interface SdPopoverAttributes {
7469
- "show": boolean;
7663
+ "open": boolean;
7664
+ "defaultOpen": boolean;
7470
7665
  "placement": 'top' | 'bottom' | 'left' | 'right';
7471
- "color": string;
7666
+ "type": PopoverType;
7667
+ "menuTitle": string;
7668
+ "titleIcon": IconName;
7472
7669
  "icon": IconName;
7473
7670
  "iconSize": number;
7474
- "label": string;
7475
- "name": ButtonName;
7476
- "rightIcon": IconName;
7671
+ "color": string;
7672
+ "leftLinkLabel": string;
7673
+ "buttonLabel": string;
7477
7674
  "ariaLabel": string;
7478
- "disabled": boolean;
7479
- "type": ButtonType;
7480
- "menuTitle": string;
7481
- "menuClass": string;
7675
+ "menuClassName": string;
7482
7676
  }
7483
7677
  interface SdPopupAttributes {
7484
7678
  "popupTitle": string;
@@ -7497,6 +7691,7 @@ declare namespace LocalJSX {
7497
7691
  "val": string;
7498
7692
  "disabled": boolean;
7499
7693
  "label": string;
7694
+ "name": string;
7500
7695
  }
7501
7696
  interface SdRadioButtonAttributes {
7502
7697
  "value": string;
@@ -7560,28 +7755,11 @@ declare namespace LocalJSX {
7560
7755
  }
7561
7756
  interface SdSwitchAttributes {
7562
7757
  "value": boolean;
7758
+ "leftLabel": string;
7759
+ "rightLabel": string;
7563
7760
  "label": string;
7564
7761
  "disabled": boolean;
7565
7762
  }
7566
- interface SdTableAttributes {
7567
- "tableId": string;
7568
- "rowKey": string;
7569
- "selectable": boolean;
7570
- "resizable": boolean;
7571
- "width": string;
7572
- "height": string;
7573
- "stickyHeader": boolean;
7574
- "radius": 'default' | 'useTop' | 'full';
7575
- "noDataLabel": string;
7576
- "isLoading": boolean;
7577
- "useInternalPagination": boolean;
7578
- "useRowsPerPageSelect": boolean;
7579
- "dense": boolean;
7580
- "useVirtualScroll": boolean;
7581
- "rowHeight": number;
7582
- "virtualBuffer": number;
7583
- "virtualEndThreshold": number;
7584
- }
7585
7763
  interface SdTabsAttributes {
7586
7764
  "value": string;
7587
7765
  "size": TabSize;
@@ -7592,20 +7770,9 @@ declare namespace LocalJSX {
7592
7770
  "name": TagName;
7593
7771
  "label": string;
7594
7772
  "icon": IconName;
7595
- "isLeft": boolean;
7773
+ "iconLeft": boolean;
7596
7774
  "width": string;
7597
7775
  }
7598
- interface SdTdAttributes {
7599
- "field": string;
7600
- "rowKey": string;
7601
- "align": 'left' | 'center' | 'right';
7602
- "rowspan": number;
7603
- "colspan": number;
7604
- "sdClass": string;
7605
- "dividerLeft": boolean;
7606
- "dividerRight": boolean;
7607
- "useFrame": boolean;
7608
- }
7609
7776
  interface SdTextLinkAttributes {
7610
7777
  "label": string;
7611
7778
  "icon": string;
@@ -7641,12 +7808,64 @@ declare namespace LocalJSX {
7641
7808
  "hovered": boolean;
7642
7809
  "name": string;
7643
7810
  }
7644
- interface SdTheadAttributes {
7645
- "selectable": boolean;
7646
- "resizable": boolean;
7647
- "stickyHeader": boolean;
7648
- "scrolledLeft": boolean;
7649
- "scrolledRight": boolean;
7811
+ interface SdTimePickerAttributes {
7812
+ "value": string | null;
7813
+ "size": TimePickerSize;
7814
+ "type": TimePickerType;
7815
+ "placeholder": string;
7816
+ "disabled": boolean;
7817
+ "clearable": boolean;
7818
+ "useMeridiem": boolean;
7819
+ "minuteStep": number;
7820
+ "width": string;
7821
+ "label": string;
7822
+ "labelWidth": string;
7823
+ "addonLabel": string;
7824
+ "addonAlign": FieldAddonAlign;
7825
+ "hint": string;
7826
+ "errorMessage": string;
7827
+ "error": boolean;
7828
+ "status": 'default' | 'pass' | 'error';
7829
+ "labelTooltip": string;
7830
+ "name": string;
7831
+ }
7832
+ interface SdTimePickerSelectorAttributes {
7833
+ "value": string | null;
7834
+ "useMeridiem": boolean;
7835
+ "minuteStep": number;
7836
+ }
7837
+ interface SdTimePickerTriggerAttributes {
7838
+ "displayText": string;
7839
+ "placeholder": string;
7840
+ "disabled": boolean;
7841
+ "clearable": boolean;
7842
+ "size": TimePickerSize;
7843
+ }
7844
+ interface SdTimeRangePickerAttributes {
7845
+ "size": TimeRangePickerSize;
7846
+ "type": TimeRangePickerType;
7847
+ "placeholder": string;
7848
+ "disabled": boolean;
7849
+ "clearable": boolean;
7850
+ "useMeridiem": boolean;
7851
+ "minuteStep": number;
7852
+ "rangeOrder": TimeRangePickerRangeOrder;
7853
+ "width": string;
7854
+ "label": string;
7855
+ "labelWidth": string;
7856
+ "addonLabel": string;
7857
+ "addonAlign": FieldAddonAlign;
7858
+ "hint": string;
7859
+ "errorMessage": string;
7860
+ "error": boolean;
7861
+ "status": 'default' | 'pass' | 'error';
7862
+ "labelTooltip": string;
7863
+ "name": string;
7864
+ }
7865
+ interface SdTimeRangePickerSelectorAttributes {
7866
+ "useMeridiem": boolean;
7867
+ "minuteStep": number;
7868
+ "rangeOrder": TimeRangePickerRangeOrder;
7650
7869
  }
7651
7870
  interface SdToastAttributes {
7652
7871
  "icon": IconName;
@@ -7675,21 +7894,10 @@ declare namespace LocalJSX {
7675
7894
  "tooltipType": TooltipType;
7676
7895
  "icon": IconName;
7677
7896
  "iconSize": number;
7678
- "label": string;
7679
- "name": ButtonName;
7680
- "rightIcon": IconName;
7681
7897
  "ariaLabel": string;
7682
7898
  "disabled": boolean;
7683
- "type": ButtonType;
7684
7899
  "useClose": boolean;
7685
- "sdClass": string;
7686
- "triggerClass": string;
7687
- "triggerStyle": string;
7688
- }
7689
- interface SdTrAttributes {
7690
- "selectable": boolean;
7691
- "rowKey": string;
7692
- "separator": string;
7900
+ "triggerClassName": string;
7693
7901
  }
7694
7902
 
7695
7903
  interface IntrinsicElements {
@@ -7700,7 +7908,7 @@ declare namespace LocalJSX {
7700
7908
  "sd-calendar": Omit<SdCalendar, keyof SdCalendarAttributes> & { [K in keyof SdCalendar & keyof SdCalendarAttributes]?: SdCalendar[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `attr:${K}`]?: SdCalendarAttributes[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `prop:${K}`]?: SdCalendar[K] };
7701
7909
  "sd-callout": Omit<SdCallout, keyof SdCalloutAttributes> & { [K in keyof SdCallout & keyof SdCalloutAttributes]?: SdCallout[K] } & { [K in keyof SdCallout & keyof SdCalloutAttributes as `attr:${K}`]?: SdCalloutAttributes[K] } & { [K in keyof SdCallout & keyof SdCalloutAttributes as `prop:${K}`]?: SdCallout[K] };
7702
7910
  "sd-card": Omit<SdCard, keyof SdCardAttributes> & { [K in keyof SdCard & keyof SdCardAttributes]?: SdCard[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `attr:${K}`]?: SdCardAttributes[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `prop:${K}`]?: SdCard[K] };
7703
- "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] } & OneOf<"value", SdCheckbox["value"], SdCheckboxAttributes["value"]>;
7911
+ "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] };
7704
7912
  "sd-chip": Omit<SdChip, keyof SdChipAttributes> & { [K in keyof SdChip & keyof SdChipAttributes]?: SdChip[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `attr:${K}`]?: SdChipAttributes[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `prop:${K}`]?: SdChip[K] };
7705
7913
  "sd-chip-input": Omit<SdChipInput, keyof SdChipInputAttributes> & { [K in keyof SdChipInput & keyof SdChipInputAttributes]?: SdChipInput[K] } & { [K in keyof SdChipInput & keyof SdChipInputAttributes as `attr:${K}`]?: SdChipInputAttributes[K] } & { [K in keyof SdChipInput & keyof SdChipInputAttributes as `prop:${K}`]?: SdChipInput[K] };
7706
7914
  "sd-circle-progress": Omit<SdCircleProgress, keyof SdCircleProgressAttributes> & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes]?: SdCircleProgress[K] } & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes as `attr:${K}`]?: SdCircleProgressAttributes[K] } & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes as `prop:${K}`]?: SdCircleProgress[K] };
@@ -7727,31 +7935,31 @@ declare namespace LocalJSX {
7727
7935
  "sd-modal-container": Omit<SdModalContainer, keyof SdModalContainerAttributes> & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes]?: SdModalContainer[K] } & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes as `attr:${K}`]?: SdModalContainerAttributes[K] } & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes as `prop:${K}`]?: SdModalContainer[K] };
7728
7936
  "sd-number-input": Omit<SdNumberInput, keyof SdNumberInputAttributes> & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes]?: SdNumberInput[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `attr:${K}`]?: SdNumberInputAttributes[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `prop:${K}`]?: SdNumberInput[K] };
7729
7937
  "sd-pagination": Omit<SdPagination, keyof SdPaginationAttributes> & { [K in keyof SdPagination & keyof SdPaginationAttributes]?: SdPagination[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `attr:${K}`]?: SdPaginationAttributes[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `prop:${K}`]?: SdPagination[K] };
7730
- "sd-popover": Omit<SdPopover, keyof SdPopoverAttributes> & { [K in keyof SdPopover & keyof SdPopoverAttributes]?: SdPopover[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `attr:${K}`]?: SdPopoverAttributes[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `prop:${K}`]?: SdPopover[K] };
7938
+ "sd-popover": Omit<SdPopover, keyof SdPopoverAttributes> & { [K in keyof SdPopover & keyof SdPopoverAttributes]?: SdPopover[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `attr:${K}`]?: SdPopoverAttributes[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `prop:${K}`]?: SdPopover[K] } & OneOf<"menuTitle", SdPopover["menuTitle"], SdPopoverAttributes["menuTitle"]> & OneOf<"buttonLabel", SdPopover["buttonLabel"], SdPopoverAttributes["buttonLabel"]>;
7731
7939
  "sd-popup": Omit<SdPopup, keyof SdPopupAttributes> & { [K in keyof SdPopup & keyof SdPopupAttributes]?: SdPopup[K] } & { [K in keyof SdPopup & keyof SdPopupAttributes as `attr:${K}`]?: SdPopupAttributes[K] } & { [K in keyof SdPopup & keyof SdPopupAttributes as `prop:${K}`]?: SdPopup[K] };
7732
7940
  "sd-portal": Omit<SdPortal, keyof SdPortalAttributes> & { [K in keyof SdPortal & keyof SdPortalAttributes]?: SdPortal[K] } & { [K in keyof SdPortal & keyof SdPortalAttributes as `attr:${K}`]?: SdPortalAttributes[K] } & { [K in keyof SdPortal & keyof SdPortalAttributes as `prop:${K}`]?: SdPortal[K] };
7733
- "sd-radio": Omit<SdRadio, keyof SdRadioAttributes> & { [K in keyof SdRadio & keyof SdRadioAttributes]?: SdRadio[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `attr:${K}`]?: SdRadioAttributes[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `prop:${K}`]?: SdRadio[K] } & OneOf<"value", SdRadio["value"], SdRadioAttributes["value"]> & OneOf<"val", SdRadio["val"], SdRadioAttributes["val"]>;
7734
- "sd-radio-button": Omit<SdRadioButton, keyof SdRadioButtonAttributes> & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes]?: SdRadioButton[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `attr:${K}`]?: SdRadioButtonAttributes[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `prop:${K}`]?: SdRadioButton[K] } & OneOf<"value", SdRadioButton["value"], SdRadioButtonAttributes["value"]>;
7735
- "sd-radio-group": Omit<SdRadioGroup, keyof SdRadioGroupAttributes> & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes]?: SdRadioGroup[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `attr:${K}`]?: SdRadioGroupAttributes[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `prop:${K}`]?: SdRadioGroup[K] } & OneOf<"value", SdRadioGroup["value"], SdRadioGroupAttributes["value"]>;
7941
+ "sd-radio": Omit<SdRadio, keyof SdRadioAttributes> & { [K in keyof SdRadio & keyof SdRadioAttributes]?: SdRadio[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `attr:${K}`]?: SdRadioAttributes[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `prop:${K}`]?: SdRadio[K] } & OneOf<"val", SdRadio["val"], SdRadioAttributes["val"]>;
7942
+ "sd-radio-button": Omit<SdRadioButton, keyof SdRadioButtonAttributes> & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes]?: SdRadioButton[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `attr:${K}`]?: SdRadioButtonAttributes[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `prop:${K}`]?: SdRadioButton[K] };
7943
+ "sd-radio-group": Omit<SdRadioGroup, keyof SdRadioGroupAttributes> & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes]?: SdRadioGroup[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `attr:${K}`]?: SdRadioGroupAttributes[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `prop:${K}`]?: SdRadioGroup[K] };
7736
7944
  "sd-select": Omit<SdSelect, keyof SdSelectAttributes> & { [K in keyof SdSelect & keyof SdSelectAttributes]?: SdSelect[K] } & { [K in keyof SdSelect & keyof SdSelectAttributes as `attr:${K}`]?: SdSelectAttributes[K] } & { [K in keyof SdSelect & keyof SdSelectAttributes as `prop:${K}`]?: SdSelect[K] };
7737
7945
  "sd-select-list-item": Omit<SdSelectListItem, keyof SdSelectListItemAttributes> & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes]?: SdSelectListItem[K] } & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes as `attr:${K}`]?: SdSelectListItemAttributes[K] } & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes as `prop:${K}`]?: SdSelectListItem[K] };
7738
7946
  "sd-select-list-item-search": Omit<SdSelectListItemSearch, keyof SdSelectListItemSearchAttributes> & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes]?: SdSelectListItemSearch[K] } & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes as `attr:${K}`]?: SdSelectListItemSearchAttributes[K] } & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes as `prop:${K}`]?: SdSelectListItemSearch[K] };
7739
7947
  "sd-select-listbox": Omit<SdSelectListbox, keyof SdSelectListboxAttributes> & { [K in keyof SdSelectListbox & keyof SdSelectListboxAttributes]?: SdSelectListbox[K] } & { [K in keyof SdSelectListbox & keyof SdSelectListboxAttributes as `attr:${K}`]?: SdSelectListboxAttributes[K] } & { [K in keyof SdSelectListbox & keyof SdSelectListboxAttributes as `prop:${K}`]?: SdSelectListbox[K] };
7740
7948
  "sd-select-trigger": Omit<SdSelectTrigger, keyof SdSelectTriggerAttributes> & { [K in keyof SdSelectTrigger & keyof SdSelectTriggerAttributes]?: SdSelectTrigger[K] } & { [K in keyof SdSelectTrigger & keyof SdSelectTriggerAttributes as `attr:${K}`]?: SdSelectTriggerAttributes[K] } & { [K in keyof SdSelectTrigger & keyof SdSelectTriggerAttributes as `prop:${K}`]?: SdSelectTrigger[K] };
7741
7949
  "sd-switch": Omit<SdSwitch, keyof SdSwitchAttributes> & { [K in keyof SdSwitch & keyof SdSwitchAttributes]?: SdSwitch[K] } & { [K in keyof SdSwitch & keyof SdSwitchAttributes as `attr:${K}`]?: SdSwitchAttributes[K] } & { [K in keyof SdSwitch & keyof SdSwitchAttributes as `prop:${K}`]?: SdSwitch[K] };
7742
- "sd-table": Omit<SdTable, keyof SdTableAttributes> & { [K in keyof SdTable & keyof SdTableAttributes]?: SdTable[K] } & { [K in keyof SdTable & keyof SdTableAttributes as `attr:${K}`]?: SdTableAttributes[K] } & { [K in keyof SdTable & keyof SdTableAttributes as `prop:${K}`]?: SdTable[K] };
7743
7950
  "sd-tabs": Omit<SdTabs, keyof SdTabsAttributes> & { [K in keyof SdTabs & keyof SdTabsAttributes]?: SdTabs[K] } & { [K in keyof SdTabs & keyof SdTabsAttributes as `attr:${K}`]?: SdTabsAttributes[K] } & { [K in keyof SdTabs & keyof SdTabsAttributes as `prop:${K}`]?: SdTabs[K] } & OneOf<"value", SdTabs["value"], SdTabsAttributes["value"]>;
7744
7951
  "sd-tag": Omit<SdTag, keyof SdTagAttributes> & { [K in keyof SdTag & keyof SdTagAttributes]?: SdTag[K] } & { [K in keyof SdTag & keyof SdTagAttributes as `attr:${K}`]?: SdTagAttributes[K] } & { [K in keyof SdTag & keyof SdTagAttributes as `prop:${K}`]?: SdTag[K] };
7745
- "sd-tbody": SdTbody;
7746
- "sd-td": Omit<SdTd, keyof SdTdAttributes> & { [K in keyof SdTd & keyof SdTdAttributes]?: SdTd[K] } & { [K in keyof SdTd & keyof SdTdAttributes as `attr:${K}`]?: SdTdAttributes[K] } & { [K in keyof SdTd & keyof SdTdAttributes as `prop:${K}`]?: SdTd[K] } & OneOf<"field", SdTd["field"], SdTdAttributes["field"]> & OneOf<"rowKey", SdTd["rowKey"], SdTdAttributes["rowKey"]>;
7747
7952
  "sd-text-link": Omit<SdTextLink, keyof SdTextLinkAttributes> & { [K in keyof SdTextLink & keyof SdTextLinkAttributes]?: SdTextLink[K] } & { [K in keyof SdTextLink & keyof SdTextLinkAttributes as `attr:${K}`]?: SdTextLinkAttributes[K] } & { [K in keyof SdTextLink & keyof SdTextLinkAttributes as `prop:${K}`]?: SdTextLink[K] };
7748
7953
  "sd-textarea": Omit<SdTextarea, keyof SdTextareaAttributes> & { [K in keyof SdTextarea & keyof SdTextareaAttributes]?: SdTextarea[K] } & { [K in keyof SdTextarea & keyof SdTextareaAttributes as `attr:${K}`]?: SdTextareaAttributes[K] } & { [K in keyof SdTextarea & keyof SdTextareaAttributes as `prop:${K}`]?: SdTextarea[K] };
7749
- "sd-thead": Omit<SdThead, keyof SdTheadAttributes> & { [K in keyof SdThead & keyof SdTheadAttributes]?: SdThead[K] } & { [K in keyof SdThead & keyof SdTheadAttributes as `attr:${K}`]?: SdTheadAttributes[K] } & { [K in keyof SdThead & keyof SdTheadAttributes as `prop:${K}`]?: SdThead[K] };
7954
+ "sd-time-picker": Omit<SdTimePicker, keyof SdTimePickerAttributes> & { [K in keyof SdTimePicker & keyof SdTimePickerAttributes]?: SdTimePicker[K] } & { [K in keyof SdTimePicker & keyof SdTimePickerAttributes as `attr:${K}`]?: SdTimePickerAttributes[K] } & { [K in keyof SdTimePicker & keyof SdTimePickerAttributes as `prop:${K}`]?: SdTimePicker[K] };
7955
+ "sd-time-picker-selector": Omit<SdTimePickerSelector, keyof SdTimePickerSelectorAttributes> & { [K in keyof SdTimePickerSelector & keyof SdTimePickerSelectorAttributes]?: SdTimePickerSelector[K] } & { [K in keyof SdTimePickerSelector & keyof SdTimePickerSelectorAttributes as `attr:${K}`]?: SdTimePickerSelectorAttributes[K] } & { [K in keyof SdTimePickerSelector & keyof SdTimePickerSelectorAttributes as `prop:${K}`]?: SdTimePickerSelector[K] };
7956
+ "sd-time-picker-trigger": Omit<SdTimePickerTrigger, keyof SdTimePickerTriggerAttributes> & { [K in keyof SdTimePickerTrigger & keyof SdTimePickerTriggerAttributes]?: SdTimePickerTrigger[K] } & { [K in keyof SdTimePickerTrigger & keyof SdTimePickerTriggerAttributes as `attr:${K}`]?: SdTimePickerTriggerAttributes[K] } & { [K in keyof SdTimePickerTrigger & keyof SdTimePickerTriggerAttributes as `prop:${K}`]?: SdTimePickerTrigger[K] };
7957
+ "sd-time-range-picker": Omit<SdTimeRangePicker, keyof SdTimeRangePickerAttributes> & { [K in keyof SdTimeRangePicker & keyof SdTimeRangePickerAttributes]?: SdTimeRangePicker[K] } & { [K in keyof SdTimeRangePicker & keyof SdTimeRangePickerAttributes as `attr:${K}`]?: SdTimeRangePickerAttributes[K] } & { [K in keyof SdTimeRangePicker & keyof SdTimeRangePickerAttributes as `prop:${K}`]?: SdTimeRangePicker[K] };
7958
+ "sd-time-range-picker-selector": Omit<SdTimeRangePickerSelector, keyof SdTimeRangePickerSelectorAttributes> & { [K in keyof SdTimeRangePickerSelector & keyof SdTimeRangePickerSelectorAttributes]?: SdTimeRangePickerSelector[K] } & { [K in keyof SdTimeRangePickerSelector & keyof SdTimeRangePickerSelectorAttributes as `attr:${K}`]?: SdTimeRangePickerSelectorAttributes[K] } & { [K in keyof SdTimeRangePickerSelector & keyof SdTimeRangePickerSelectorAttributes as `prop:${K}`]?: SdTimeRangePickerSelector[K] };
7750
7959
  "sd-toast": Omit<SdToast, keyof SdToastAttributes> & { [K in keyof SdToast & keyof SdToastAttributes]?: SdToast[K] } & { [K in keyof SdToast & keyof SdToastAttributes as `attr:${K}`]?: SdToastAttributes[K] } & { [K in keyof SdToast & keyof SdToastAttributes as `prop:${K}`]?: SdToast[K] } & OneOf<"message", SdToast["message"], SdToastAttributes["message"]>;
7751
7960
  "sd-toast-container": Omit<SdToastContainer, keyof SdToastContainerAttributes> & { [K in keyof SdToastContainer & keyof SdToastContainerAttributes]?: SdToastContainer[K] } & { [K in keyof SdToastContainer & keyof SdToastContainerAttributes as `attr:${K}`]?: SdToastContainerAttributes[K] } & { [K in keyof SdToastContainer & keyof SdToastContainerAttributes as `prop:${K}`]?: SdToastContainer[K] };
7752
7961
  "sd-toggle": Omit<SdToggle, keyof SdToggleAttributes> & { [K in keyof SdToggle & keyof SdToggleAttributes]?: SdToggle[K] } & { [K in keyof SdToggle & keyof SdToggleAttributes as `attr:${K}`]?: SdToggleAttributes[K] } & { [K in keyof SdToggle & keyof SdToggleAttributes as `prop:${K}`]?: SdToggle[K] };
7753
7962
  "sd-tooltip": Omit<SdTooltip, keyof SdTooltipAttributes> & { [K in keyof SdTooltip & keyof SdTooltipAttributes]?: SdTooltip[K] } & { [K in keyof SdTooltip & keyof SdTooltipAttributes as `attr:${K}`]?: SdTooltipAttributes[K] } & { [K in keyof SdTooltip & keyof SdTooltipAttributes as `prop:${K}`]?: SdTooltip[K] };
7754
- "sd-tr": Omit<SdTr, keyof SdTrAttributes> & { [K in keyof SdTr & keyof SdTrAttributes]?: SdTr[K] } & { [K in keyof SdTr & keyof SdTrAttributes as `attr:${K}`]?: SdTrAttributes[K] } & { [K in keyof SdTr & keyof SdTrAttributes as `prop:${K}`]?: SdTr[K] };
7755
7963
  }
7756
7964
  }
7757
7965
  export { LocalJSX as JSX };
@@ -7804,19 +8012,19 @@ declare module "@stencil/core" {
7804
8012
  "sd-select-listbox": LocalJSX.IntrinsicElements["sd-select-listbox"] & JSXBase.HTMLAttributes<HTMLSdSelectListboxElement>;
7805
8013
  "sd-select-trigger": LocalJSX.IntrinsicElements["sd-select-trigger"] & JSXBase.HTMLAttributes<HTMLSdSelectTriggerElement>;
7806
8014
  "sd-switch": LocalJSX.IntrinsicElements["sd-switch"] & JSXBase.HTMLAttributes<HTMLSdSwitchElement>;
7807
- "sd-table": LocalJSX.IntrinsicElements["sd-table"] & JSXBase.HTMLAttributes<HTMLSdTableElement>;
7808
8015
  "sd-tabs": LocalJSX.IntrinsicElements["sd-tabs"] & JSXBase.HTMLAttributes<HTMLSdTabsElement>;
7809
8016
  "sd-tag": LocalJSX.IntrinsicElements["sd-tag"] & JSXBase.HTMLAttributes<HTMLSdTagElement>;
7810
- "sd-tbody": LocalJSX.IntrinsicElements["sd-tbody"] & JSXBase.HTMLAttributes<HTMLSdTbodyElement>;
7811
- "sd-td": LocalJSX.IntrinsicElements["sd-td"] & JSXBase.HTMLAttributes<HTMLSdTdElement>;
7812
8017
  "sd-text-link": LocalJSX.IntrinsicElements["sd-text-link"] & JSXBase.HTMLAttributes<HTMLSdTextLinkElement>;
7813
8018
  "sd-textarea": LocalJSX.IntrinsicElements["sd-textarea"] & JSXBase.HTMLAttributes<HTMLSdTextareaElement>;
7814
- "sd-thead": LocalJSX.IntrinsicElements["sd-thead"] & JSXBase.HTMLAttributes<HTMLSdTheadElement>;
8019
+ "sd-time-picker": LocalJSX.IntrinsicElements["sd-time-picker"] & JSXBase.HTMLAttributes<HTMLSdTimePickerElement>;
8020
+ "sd-time-picker-selector": LocalJSX.IntrinsicElements["sd-time-picker-selector"] & JSXBase.HTMLAttributes<HTMLSdTimePickerSelectorElement>;
8021
+ "sd-time-picker-trigger": LocalJSX.IntrinsicElements["sd-time-picker-trigger"] & JSXBase.HTMLAttributes<HTMLSdTimePickerTriggerElement>;
8022
+ "sd-time-range-picker": LocalJSX.IntrinsicElements["sd-time-range-picker"] & JSXBase.HTMLAttributes<HTMLSdTimeRangePickerElement>;
8023
+ "sd-time-range-picker-selector": LocalJSX.IntrinsicElements["sd-time-range-picker-selector"] & JSXBase.HTMLAttributes<HTMLSdTimeRangePickerSelectorElement>;
7815
8024
  "sd-toast": LocalJSX.IntrinsicElements["sd-toast"] & JSXBase.HTMLAttributes<HTMLSdToastElement>;
7816
8025
  "sd-toast-container": LocalJSX.IntrinsicElements["sd-toast-container"] & JSXBase.HTMLAttributes<HTMLSdToastContainerElement>;
7817
8026
  "sd-toggle": LocalJSX.IntrinsicElements["sd-toggle"] & JSXBase.HTMLAttributes<HTMLSdToggleElement>;
7818
8027
  "sd-tooltip": LocalJSX.IntrinsicElements["sd-tooltip"] & JSXBase.HTMLAttributes<HTMLSdTooltipElement>;
7819
- "sd-tr": LocalJSX.IntrinsicElements["sd-tr"] & JSXBase.HTMLAttributes<HTMLSdTrElement>;
7820
8028
  }
7821
8029
  }
7822
8030
  }