@sellmate/design-system 1.0.76 → 1.0.78

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 (446) hide show
  1. package/dist/cjs/design-system.cjs.js +2 -2
  2. package/dist/cjs/{index-Dptupbm0.js → index--F2wGuAi.js} +1 -1
  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-v2_2.cjs.entry.js +3 -3
  8. package/dist/cjs/sd-button_4.cjs.entry.js +10 -13
  9. package/dist/cjs/sd-calendar.cjs.entry.js +1 -1
  10. package/dist/cjs/sd-card.cjs.entry.js +2 -2
  11. package/dist/cjs/sd-checkbox.cjs.entry.js +7 -4
  12. package/dist/cjs/sd-chip.cjs.entry.js +2 -2
  13. package/dist/cjs/sd-circle-progress.cjs.entry.js +4 -4
  14. package/dist/cjs/sd-confirm-modal_2.cjs.entry.js +4 -4
  15. package/dist/cjs/sd-date-box.cjs.entry.js +1 -1
  16. package/dist/cjs/sd-date-picker-calendar.cjs.entry.js +3 -3
  17. package/dist/cjs/sd-date-picker-trigger.cjs.entry.js +4 -4
  18. package/dist/cjs/sd-date-picker.cjs.entry.js +4 -4
  19. package/dist/cjs/{sd-date-picker.config-B705zdZd.js → sd-date-picker.config-CRgCT5dn.js} +4 -2
  20. package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +3 -3
  21. package/dist/cjs/sd-date-range-picker.cjs.entry.js +2 -2
  22. package/dist/cjs/sd-dropdown-button.cjs.entry.js +96 -9
  23. package/dist/cjs/sd-file-picker.cjs.entry.js +2 -2
  24. package/dist/cjs/sd-form.cjs.entry.js +1 -1
  25. package/dist/cjs/sd-ghost-button.cjs.entry.js +3 -3
  26. package/dist/cjs/sd-guide.cjs.entry.js +3 -3
  27. package/dist/cjs/{sd-input_2.cjs.entry.js → sd-input.cjs.entry.js} +3 -43
  28. package/dist/cjs/sd-linear-progress.cjs.entry.js +4 -4
  29. package/dist/cjs/sd-loading-container.cjs.entry.js +3 -3
  30. package/dist/cjs/sd-modal-container.cjs.entry.js +1 -1
  31. package/dist/cjs/sd-number-input.cjs.entry.js +4 -4
  32. package/dist/cjs/sd-pagination_5.cjs.entry.js +77 -33
  33. package/dist/cjs/sd-popover.cjs.entry.js +2 -2
  34. package/dist/cjs/sd-portal.cjs.entry.js +2 -2
  35. package/dist/cjs/sd-radio-button.cjs.entry.js +1 -1
  36. package/dist/cjs/sd-radio-group.cjs.entry.js +1 -1
  37. package/dist/cjs/sd-radio.cjs.entry.js +1 -1
  38. package/dist/cjs/{sd-select-v2-list-item_4.cjs.entry.js → sd-select-list-item_4.cjs.entry.js} +50 -50
  39. package/dist/cjs/sd-switch.cjs.entry.js +2 -2
  40. package/dist/cjs/sd-table.cjs.entry.js +91 -16
  41. package/dist/cjs/sd-table.config-Cb0Ot3C6.js +105 -0
  42. package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
  43. package/dist/cjs/sd-tag.cjs.entry.js +3 -3
  44. package/dist/cjs/sd-td.cjs.entry.js +37 -6
  45. package/dist/cjs/sd-text-link.cjs.entry.js +4 -4
  46. package/dist/cjs/sd-textarea.cjs.entry.js +2 -2
  47. package/dist/cjs/sd-toast-container.cjs.entry.js +2 -2
  48. package/dist/cjs/sd-toast.cjs.entry.js +4 -5
  49. package/dist/cjs/sd-toggle.cjs.entry.js +2 -2
  50. package/dist/cjs/{system-BbCUNhDJ.js → system-DpTN1vBC.js} +8 -2
  51. package/dist/cjs/{tooltipArrow-DuANjCfc.js → tooltipArrow-D1-wcNm1.js} +1 -1
  52. package/dist/collection/collection-manifest.json +11 -21
  53. package/dist/collection/components/sd-action-modal/sd-action-modal.js +1 -1
  54. package/dist/collection/components/sd-badge/sd-badge.js +1 -1
  55. package/dist/collection/components/sd-barcode-input/sd-barcode-input.js +1 -1
  56. package/dist/collection/components/sd-button-v2/sd-button-v2.js +2 -2
  57. package/dist/collection/components/sd-card/sd-card.js +1 -1
  58. package/dist/collection/components/sd-checkbox/sd-checkbox.js +6 -3
  59. package/dist/collection/components/sd-chip/sd-chip.js +1 -1
  60. package/dist/collection/components/sd-circle-progress/sd-circle-progress.config.js +1 -1
  61. package/dist/collection/components/sd-circle-progress/sd-circle-progress.js +1 -1
  62. package/dist/collection/components/sd-confirm-modal/sd-confirm-modal.js +2 -2
  63. package/dist/collection/components/sd-date-picker/sd-date-picker-calendar/sd-date-picker-calendar.js +1 -1
  64. package/dist/collection/components/sd-date-picker/sd-date-picker-trigger/sd-date-picker-trigger.js +2 -2
  65. package/dist/collection/components/sd-date-picker/sd-date-picker.js +2 -2
  66. package/dist/collection/components/sd-date-range-picker/sd-date-range-picker-calendar/sd-date-range-picker-calendar.js +1 -1
  67. package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.config.js +2 -2
  68. package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.js +3 -3
  69. package/dist/collection/components/sd-field/sd-field.js +5 -8
  70. package/dist/collection/components/sd-file-picker/sd-file-picker.js +1 -1
  71. package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +1 -1
  72. package/dist/collection/components/sd-ghost-button/sd-ghost-button.js +2 -2
  73. package/dist/collection/components/sd-guide/sd-guide.config.js +1 -1
  74. package/dist/collection/components/sd-input/sd-input.js +2 -2
  75. package/dist/collection/components/sd-linear-progress/sd-linear-progress.config.js +1 -1
  76. package/dist/collection/components/sd-linear-progress/sd-linear-progress.js +1 -1
  77. package/dist/collection/components/sd-loading-container/sd-loading-container.js +2 -2
  78. package/dist/collection/components/sd-loading-modal/sd-loading-modal.js +1 -1
  79. package/dist/collection/components/sd-number-input/sd-number-input.js +3 -3
  80. package/dist/collection/components/sd-pagination/sd-pagination.js +3 -3
  81. package/dist/collection/components/sd-portal/sd-portal.js +1 -1
  82. package/dist/collection/components/{sd-select-v2/sd-select-v2-list-item/sd-select-v2-list-item.css → sd-select/sd-select-list-item/sd-select-list-item.css} +13 -13
  83. package/dist/collection/components/{sd-select-v2/sd-select-v2-list-item/sd-select-v2-list-item.js → sd-select/sd-select-list-item/sd-select-list-item.js} +28 -28
  84. package/dist/collection/components/{sd-select-v2/sd-select-v2-list-item-search/sd-select-v2-list-item-search.css → sd-select/sd-select-list-item-search/sd-select-list-item-search.css} +11 -11
  85. package/dist/collection/components/{sd-select-v2/sd-select-v2-list-item-search/sd-select-v2-list-item-search.js → sd-select/sd-select-list-item-search/sd-select-list-item-search.js} +13 -13
  86. package/dist/collection/components/{sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.css → sd-select/sd-select-listbox/sd-select-listbox.css} +3 -3
  87. package/dist/collection/components/{sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.js → sd-select/sd-select-listbox/sd-select-listbox.js} +35 -35
  88. package/dist/collection/components/{sd-select-v2/sd-select-v2-trigger/sd-select-v2-trigger.css → sd-select/sd-select-trigger/sd-select-trigger.css} +7 -7
  89. package/dist/collection/components/{sd-select-v2/sd-select-v2-trigger/sd-select-v2-trigger.js → sd-select/sd-select-trigger/sd-select-trigger.js} +12 -12
  90. package/dist/collection/components/sd-select/sd-select.css +3 -47
  91. package/dist/collection/components/sd-select/sd-select.js +413 -294
  92. package/dist/collection/components/sd-switch/sd-switch.js +1 -1
  93. package/dist/collection/components/sd-table/sd-table.config.js +80 -0
  94. package/dist/collection/components/sd-table/sd-table.css +16 -8
  95. package/dist/collection/components/sd-table/sd-table.js +88 -14
  96. package/dist/collection/components/sd-table/sd-tbody/sd-tbody.css +0 -8
  97. package/dist/collection/components/sd-table/sd-tbody/sd-tbody.js +3 -4
  98. package/dist/collection/components/sd-table/sd-td/sd-td.js +55 -5
  99. package/dist/collection/components/sd-table/sd-thead/sd-thead.css +16 -12
  100. package/dist/collection/components/sd-table/sd-thead/sd-thead.js +52 -8
  101. package/dist/collection/components/sd-table/sd-tr/sd-tr.css +3 -3
  102. package/dist/collection/components/sd-table/sd-tr/sd-tr.js +27 -2
  103. package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
  104. package/dist/collection/components/sd-tag/sd-tag.js +2 -2
  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-toast/sd-toast.js +2 -2
  108. package/dist/collection/components/sd-toast-container/sd-toast-container.js +1 -1
  109. package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
  110. package/dist/collection/components/sd-tooltip/sd-tooltip.js +2 -2
  111. package/dist/collection/utils/testing/index.js +2 -0
  112. package/dist/collection/utils/testing/mocks.js +35 -0
  113. package/dist/components/index.js +1 -1
  114. package/dist/components/{p-D5HLYqT-.js → p-B8jXOXtJ.js} +1 -1
  115. package/dist/components/p-BE6TxbtX.js +1 -0
  116. package/dist/components/{p-BBD_1E3n.js → p-BJsHakU2.js} +1 -1
  117. package/dist/components/{p-CgMyz4NQ.js → p-BStczlLa.js} +1 -1
  118. package/dist/components/{p-BM0sVq5Z.js → p-BcMNA89i.js} +1 -1
  119. package/dist/components/{p-6PsyRF61.js → p-BheX6lAy.js} +1 -1
  120. package/dist/components/p-BmYM7-4v.js +1 -0
  121. package/dist/components/{p-CUg9NH6y.js → p-BppjYHF6.js} +1 -1
  122. package/dist/components/{p-BLwIhCdO.js → p-Bvq0Vpln.js} +1 -1
  123. package/dist/components/{p-C7h8lwnU.js → p-BwWDMpJc.js} +1 -1
  124. package/dist/components/p-C5qZtNLl.js +1 -0
  125. package/dist/components/p-C7DajKYn.js +1 -0
  126. package/dist/components/p-CZ4ltUOw.js +1 -0
  127. package/dist/components/{p-d4UB2UF7.js → p-CeVMl_M9.js} +1 -1
  128. package/dist/components/p-D1DpOp6M.js +1 -0
  129. package/dist/components/p-D3gjBBCU.js +1 -0
  130. package/dist/components/{p-DQfNwvwx.js → p-DC-6inj0.js} +1 -1
  131. package/dist/components/p-DRF0He-x.js +1 -0
  132. package/dist/components/{p-B3xZdEDI.js → p-Dcc2Vm6z.js} +1 -1
  133. package/dist/components/p-DegvQLTF.js +1 -0
  134. package/dist/components/{p-Csfj4h1A.js → p-Dey-lS6x.js} +1 -1
  135. package/dist/components/p-DfH_fO01.js +1 -0
  136. package/dist/components/{p-DdJyzIYe.js → p-DkJqVXpD.js} +1 -1
  137. package/dist/components/{p-CZPR_5mk.js → p-DngV3MT1.js} +1 -1
  138. package/dist/components/{p-DaAhgdib.js → p-EbjZr2OA.js} +1 -1
  139. package/dist/components/p-LwWOleLJ.js +1 -0
  140. package/dist/components/p-Nvx13YlG.js +1 -0
  141. package/dist/components/{p-BXdEjuI_.js → p-TwGlKfsC.js} +1 -1
  142. package/dist/components/{p-6LtMeKKA.js → p-ZMpCZhXP.js} +1 -1
  143. package/dist/components/{p-BZm6KN1s.js → p-dNJIFthT.js} +1 -1
  144. package/dist/components/{p-iAWNMLXh.js → p-q0VWISKA.js} +1 -1
  145. package/dist/components/{p-BQvugXhH.js → p-xnLvZ-xn.js} +1 -1
  146. package/dist/components/sd-action-modal.js +1 -1
  147. package/dist/components/sd-badge.js +1 -1
  148. package/dist/components/sd-barcode-input.js +1 -1
  149. package/dist/components/sd-button-v2.js +1 -1
  150. package/dist/components/sd-button.js +1 -1
  151. package/dist/components/sd-calendar.js +1 -1
  152. package/dist/components/sd-card.js +1 -1
  153. package/dist/components/sd-checkbox.js +1 -1
  154. package/dist/components/sd-chip.js +1 -1
  155. package/dist/components/sd-circle-progress.js +1 -1
  156. package/dist/components/sd-confirm-modal.js +1 -1
  157. package/dist/components/sd-date-box.js +1 -1
  158. package/dist/components/sd-date-picker-calendar.js +1 -1
  159. package/dist/components/sd-date-picker-trigger.js +1 -1
  160. package/dist/components/sd-date-picker.js +1 -1
  161. package/dist/components/sd-date-range-picker-calendar.js +1 -1
  162. package/dist/components/sd-date-range-picker.js +1 -1
  163. package/dist/components/sd-dropdown-button.js +1 -1
  164. package/dist/components/sd-field.js +1 -1
  165. package/dist/components/sd-file-picker.js +1 -1
  166. package/dist/components/sd-floating-portal.js +1 -1
  167. package/dist/components/sd-form.js +1 -1
  168. package/dist/components/sd-ghost-button.js +1 -1
  169. package/dist/components/sd-guide.js +1 -1
  170. package/dist/components/sd-icon.js +1 -1
  171. package/dist/components/sd-input.js +1 -1
  172. package/dist/components/sd-linear-progress.js +1 -1
  173. package/dist/components/sd-loading-container.js +1 -1
  174. package/dist/components/sd-loading-modal.js +1 -1
  175. package/dist/components/sd-modal-container.js +1 -1
  176. package/dist/components/sd-number-input.js +1 -1
  177. package/dist/components/sd-pagination.js +1 -1
  178. package/dist/components/sd-popover.js +1 -1
  179. package/dist/components/sd-portal.js +1 -1
  180. package/dist/components/sd-radio-button.js +1 -1
  181. package/dist/components/sd-radio-group.js +1 -1
  182. package/dist/components/sd-radio.js +1 -1
  183. package/dist/components/sd-select-list-item-search.d.ts +11 -0
  184. package/dist/components/sd-select-list-item-search.js +1 -0
  185. package/dist/components/{sd-select-multiple.d.ts → sd-select-list-item.d.ts} +4 -4
  186. package/dist/components/sd-select-list-item.js +1 -0
  187. package/dist/components/{sd-select-option.d.ts → sd-select-listbox.d.ts} +4 -4
  188. package/dist/components/sd-select-listbox.js +1 -0
  189. package/dist/components/{sd-select-group.d.ts → sd-select-trigger.d.ts} +4 -4
  190. package/dist/components/sd-select-trigger.js +1 -0
  191. package/dist/components/sd-select.js +1 -1
  192. package/dist/components/sd-switch.js +1 -1
  193. package/dist/components/sd-table.js +1 -1
  194. package/dist/components/sd-tabs.js +1 -1
  195. package/dist/components/sd-tag.js +1 -1
  196. package/dist/components/sd-tbody.js +1 -1
  197. package/dist/components/sd-td.js +1 -1
  198. package/dist/components/sd-text-link.js +1 -1
  199. package/dist/components/sd-textarea.js +1 -1
  200. package/dist/components/sd-thead.js +1 -1
  201. package/dist/components/sd-toast-container.js +1 -1
  202. package/dist/components/sd-toast.js +1 -1
  203. package/dist/components/sd-toggle.js +1 -1
  204. package/dist/components/sd-tooltip.js +1 -1
  205. package/dist/components/sd-tr.js +1 -1
  206. package/dist/design-system/design-system.css +1 -1
  207. package/dist/design-system/design-system.esm.js +1 -1
  208. package/dist/design-system/{p-6a3f8588.entry.js → p-0356c195.entry.js} +1 -1
  209. package/dist/design-system/{p-3a9559ee.entry.js → p-045bc426.entry.js} +1 -1
  210. package/dist/design-system/{p-c7bcb232.entry.js → p-12dfd239.entry.js} +1 -1
  211. package/dist/design-system/p-16d3a485.entry.js +1 -0
  212. package/dist/design-system/p-1706ed6f.entry.js +1 -0
  213. package/dist/design-system/{p-506f2b68.entry.js → p-182548f7.entry.js} +1 -1
  214. package/dist/design-system/p-1a79edce.entry.js +1 -0
  215. package/dist/design-system/{p-17cd3a33.entry.js → p-1cf87e87.entry.js} +1 -1
  216. package/dist/design-system/{p-dad07e1a.entry.js → p-25a08e98.entry.js} +1 -1
  217. package/dist/design-system/{p-b683f2fe.entry.js → p-2812b9ce.entry.js} +1 -1
  218. package/dist/design-system/{p-49f78122.entry.js → p-33bc3176.entry.js} +1 -1
  219. package/dist/design-system/p-38f661ea.entry.js +1 -0
  220. package/dist/design-system/{p-280dc548.entry.js → p-3f7bc660.entry.js} +1 -1
  221. package/dist/design-system/{p-eb29dc9f.entry.js → p-429dab5c.entry.js} +1 -1
  222. package/dist/design-system/p-455dccf5.entry.js +1 -0
  223. package/dist/design-system/{p-97ebf578.entry.js → p-59313838.entry.js} +1 -1
  224. package/dist/design-system/{p-5f6379e9.entry.js → p-6af01ab0.entry.js} +1 -1
  225. package/dist/design-system/{p-531a6a82.entry.js → p-6bfe3612.entry.js} +1 -1
  226. package/dist/design-system/{p-7fe3a466.entry.js → p-70d4903f.entry.js} +1 -1
  227. package/dist/design-system/p-767e99f9.entry.js +1 -0
  228. package/dist/design-system/{p-34f7345b.entry.js → p-797517b5.entry.js} +1 -1
  229. package/dist/design-system/p-7c370335.entry.js +1 -0
  230. package/dist/design-system/{p-a8bde8d9.entry.js → p-7fe8be6a.entry.js} +1 -1
  231. package/dist/design-system/{p-6af9e663.entry.js → p-83b262dc.entry.js} +1 -1
  232. package/dist/design-system/{p-11029f6e.entry.js → p-881adaa5.entry.js} +1 -1
  233. package/dist/design-system/{p-3ca5c303.entry.js → p-88d7303c.entry.js} +1 -1
  234. package/dist/design-system/{p-fdb52620.entry.js → p-8a601e0f.entry.js} +1 -1
  235. package/dist/design-system/p-C5qZtNLl.js +1 -0
  236. package/dist/design-system/p-CZ4ltUOw.js +1 -0
  237. package/dist/design-system/p-Cnwbjz1F.js +2 -0
  238. package/dist/design-system/p-DnCBBIoq.js +1 -0
  239. package/dist/design-system/{p-b745cd95.entry.js → p-a82be987.entry.js} +1 -1
  240. package/dist/design-system/p-b917c82a.entry.js +1 -0
  241. package/dist/design-system/{p-c9eb70f5.entry.js → p-b9f00eef.entry.js} +1 -1
  242. package/dist/design-system/{p-55b65a41.entry.js → p-bcb53788.entry.js} +1 -1
  243. package/dist/design-system/p-c24344ac.entry.js +1 -0
  244. package/dist/design-system/{p-2cd2f2dd.entry.js → p-d76192bd.entry.js} +1 -1
  245. package/dist/design-system/p-d9d8c51b.entry.js +1 -0
  246. package/dist/design-system/p-de67937d.entry.js +1 -0
  247. package/dist/design-system/{p-68d0d67e.entry.js → p-e5cebccd.entry.js} +1 -1
  248. package/dist/design-system/{p-a9fc2c21.entry.js → p-ea5e6c2c.entry.js} +1 -1
  249. package/dist/design-system/p-ead3e688.entry.js +1 -0
  250. package/dist/design-system/{p-f4a00276.entry.js → p-eeb1cac2.entry.js} +1 -1
  251. package/dist/design-system/{p-d6896893.entry.js → p-f1a74359.entry.js} +1 -1
  252. package/dist/design-system/{p-9466cd93.entry.js → p-f44786a9.entry.js} +1 -1
  253. package/dist/design-system/p-f522c91d.entry.js +1 -0
  254. package/dist/design-system/{p-bb492ba7.entry.js → p-f69c7539.entry.js} +1 -1
  255. package/dist/design-system/{p-ce3d0f9c.entry.js → p-fe9cef6a.entry.js} +1 -1
  256. package/dist/esm/design-system.js +3 -3
  257. package/dist/esm/{index-Bp7ytJz5.js → index-Cnwbjz1F.js} +1 -1
  258. package/dist/esm/loader.js +3 -3
  259. package/dist/esm/sd-action-modal.entry.js +2 -2
  260. package/dist/esm/sd-badge.entry.js +2 -2
  261. package/dist/esm/sd-barcode-input.entry.js +2 -2
  262. package/dist/esm/sd-button-v2_2.entry.js +3 -3
  263. package/dist/esm/sd-button_4.entry.js +10 -13
  264. package/dist/esm/sd-calendar.entry.js +1 -1
  265. package/dist/esm/sd-card.entry.js +2 -2
  266. package/dist/esm/sd-checkbox.entry.js +7 -4
  267. package/dist/esm/sd-chip.entry.js +2 -2
  268. package/dist/esm/sd-circle-progress.entry.js +4 -4
  269. package/dist/esm/sd-confirm-modal_2.entry.js +4 -4
  270. package/dist/esm/sd-date-box.entry.js +1 -1
  271. package/dist/esm/sd-date-picker-calendar.entry.js +3 -3
  272. package/dist/esm/sd-date-picker-trigger.entry.js +4 -4
  273. package/dist/esm/{sd-date-picker.config-DMbVR8K4.js → sd-date-picker.config-C2fDbE9d.js} +4 -2
  274. package/dist/esm/sd-date-picker.entry.js +4 -4
  275. package/dist/esm/sd-date-range-picker-calendar.entry.js +3 -3
  276. package/dist/esm/sd-date-range-picker.entry.js +2 -2
  277. package/dist/esm/sd-dropdown-button.entry.js +95 -8
  278. package/dist/esm/sd-file-picker.entry.js +2 -2
  279. package/dist/esm/sd-form.entry.js +1 -1
  280. package/dist/esm/sd-ghost-button.entry.js +3 -3
  281. package/dist/esm/sd-guide.entry.js +3 -3
  282. package/dist/esm/{sd-input_2.entry.js → sd-input.entry.js} +4 -43
  283. package/dist/esm/sd-linear-progress.entry.js +4 -4
  284. package/dist/esm/sd-loading-container.entry.js +3 -3
  285. package/dist/esm/sd-modal-container.entry.js +1 -1
  286. package/dist/esm/sd-number-input.entry.js +4 -4
  287. package/dist/esm/sd-pagination_5.entry.js +77 -33
  288. package/dist/esm/sd-popover.entry.js +2 -2
  289. package/dist/esm/sd-portal.entry.js +2 -2
  290. package/dist/esm/sd-radio-button.entry.js +1 -1
  291. package/dist/esm/sd-radio-group.entry.js +1 -1
  292. package/dist/esm/sd-radio.entry.js +1 -1
  293. package/dist/esm/{sd-select-v2-list-item_4.entry.js → sd-select-list-item_4.entry.js} +47 -47
  294. package/dist/esm/sd-switch.entry.js +2 -2
  295. package/dist/esm/sd-table.config-Bj-EEo7N.js +94 -0
  296. package/dist/esm/sd-table.entry.js +91 -16
  297. package/dist/esm/sd-tabs.entry.js +2 -2
  298. package/dist/esm/sd-tag.entry.js +3 -3
  299. package/dist/esm/sd-td.entry.js +37 -6
  300. package/dist/esm/sd-text-link.entry.js +4 -4
  301. package/dist/esm/sd-textarea.entry.js +2 -2
  302. package/dist/esm/sd-toast-container.entry.js +2 -2
  303. package/dist/esm/sd-toast.entry.js +4 -5
  304. package/dist/esm/sd-toggle.entry.js +2 -2
  305. package/dist/esm/{system-BgFLSKqC.js → system-CZ4ltUOw.js} +8 -2
  306. package/dist/esm/{tooltipArrow-BHRQVawd.js → tooltipArrow-D8sr81Xw.js} +1 -1
  307. package/dist/types/components/{sd-select-v2/sd-select-v2-list-item/sd-select-v2-list-item.d.ts → sd-select/sd-select-list-item/sd-select-list-item.d.ts} +4 -4
  308. package/dist/types/components/{sd-select-v2/sd-select-v2-list-item-search/sd-select-v2-list-item-search.d.ts → sd-select/sd-select-list-item-search/sd-select-list-item-search.d.ts} +1 -1
  309. package/dist/types/components/{sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.d.ts → sd-select/sd-select-listbox/sd-select-listbox.d.ts} +6 -6
  310. package/dist/types/components/{sd-select-v2/sd-select-v2-trigger/sd-select-v2-trigger.d.ts → sd-select/sd-select-trigger/sd-select-trigger.d.ts} +1 -1
  311. package/dist/types/components/{sd-select-v2/sd-select-v2.config.d.ts → sd-select/sd-select.config.d.ts} +12 -12
  312. package/dist/types/components/sd-select/sd-select.d.ts +56 -84
  313. package/dist/types/components/sd-table/constants.d.ts +4 -1
  314. package/dist/types/components/sd-table/sd-table.config.d.ts +64 -0
  315. package/dist/types/components/sd-table/sd-table.d.ts +8 -0
  316. package/dist/types/components/sd-table/sd-td/sd-td.d.ts +5 -2
  317. package/dist/types/components/sd-table/sd-thead/sd-thead.d.ts +5 -0
  318. package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts +1 -0
  319. package/dist/types/components.d.ts +943 -2382
  320. package/dist/types/utils/testing/index.d.ts +2 -0
  321. package/dist/types/utils/testing/mocks.d.ts +4 -0
  322. package/hydrate/index.js +533 -2214
  323. package/hydrate/index.mjs +533 -2214
  324. package/package.json +1 -1
  325. package/dist/cjs/base-dropdown-event-BTPlZ1KF.js +0 -91
  326. package/dist/cjs/sd-progress.cjs.entry.js +0 -63
  327. package/dist/cjs/sd-select-dropdown_2.cjs.entry.js +0 -231
  328. package/dist/cjs/sd-select-group.cjs.entry.js +0 -332
  329. package/dist/cjs/sd-select-multiple-group.cjs.entry.js +0 -458
  330. package/dist/cjs/sd-select-multiple.cjs.entry.js +0 -191
  331. package/dist/cjs/sd-select-option-group.cjs.entry.js +0 -68
  332. package/dist/cjs/sd-select.cjs.entry.js +0 -181
  333. package/dist/cjs/select-keyboard-navigation-CErfIrGV.js +0 -27
  334. package/dist/cjs/table-test.cjs.entry.js +0 -96
  335. package/dist/collection/components/sd-progress/sd-progress.css +0 -63
  336. package/dist/collection/components/sd-progress/sd-progress.js +0 -186
  337. package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.css +0 -30
  338. package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.js +0 -444
  339. package/dist/collection/components/sd-select/sd-select-option/sd-select-option.css +0 -36
  340. package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +0 -257
  341. package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.css +0 -23
  342. package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +0 -161
  343. package/dist/collection/components/sd-select-group/sd-select-group.css +0 -81
  344. package/dist/collection/components/sd-select-group/sd-select-group.js +0 -1061
  345. package/dist/collection/components/sd-select-multiple/sd-select-multiple.css +0 -54
  346. package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +0 -770
  347. package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.css +0 -79
  348. package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js +0 -1183
  349. package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.css +0 -75
  350. package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +0 -305
  351. package/dist/collection/components/sd-select-v2/sd-select-v2.css +0 -11
  352. package/dist/collection/components/sd-select-v2/sd-select-v2.js +0 -897
  353. package/dist/collection/components/table-test/table-test.css +0 -59
  354. package/dist/collection/components/table-test/table-test.js +0 -316
  355. package/dist/components/p-6AvsuYqF.js +0 -1
  356. package/dist/components/p-7DKZPPev.js +0 -1
  357. package/dist/components/p-9ZtJl4s6.js +0 -1
  358. package/dist/components/p-BRfPoWUn.js +0 -1
  359. package/dist/components/p-BZc6lwGD.js +0 -1
  360. package/dist/components/p-BgFLSKqC.js +0 -1
  361. package/dist/components/p-Btx5sC7s.js +0 -1
  362. package/dist/components/p-C-BOe23n.js +0 -1
  363. package/dist/components/p-CNAzAL53.js +0 -1
  364. package/dist/components/p-CqghR1aS.js +0 -1
  365. package/dist/components/p-Cy6HMEsK.js +0 -1
  366. package/dist/components/p-DAC3TaZV.js +0 -1
  367. package/dist/components/p-DBex-RJU.js +0 -1
  368. package/dist/components/p-DWMY9O2B.js +0 -1
  369. package/dist/components/p-DfOYYI9m.js +0 -1
  370. package/dist/components/p-eEC3ITv0.js +0 -1
  371. package/dist/components/p-nVHDJc9g.js +0 -1
  372. package/dist/components/p-rnbt1m4L.js +0 -1
  373. package/dist/components/sd-progress.d.ts +0 -11
  374. package/dist/components/sd-progress.js +0 -1
  375. package/dist/components/sd-select-dropdown.d.ts +0 -11
  376. package/dist/components/sd-select-dropdown.js +0 -1
  377. package/dist/components/sd-select-group.js +0 -1
  378. package/dist/components/sd-select-multiple-group.d.ts +0 -11
  379. package/dist/components/sd-select-multiple-group.js +0 -1
  380. package/dist/components/sd-select-multiple.js +0 -1
  381. package/dist/components/sd-select-option-group.d.ts +0 -11
  382. package/dist/components/sd-select-option-group.js +0 -1
  383. package/dist/components/sd-select-option.js +0 -1
  384. package/dist/components/sd-select-search-input.d.ts +0 -11
  385. package/dist/components/sd-select-search-input.js +0 -1
  386. package/dist/components/sd-select-v2-list-item-search.d.ts +0 -11
  387. package/dist/components/sd-select-v2-list-item-search.js +0 -1
  388. package/dist/components/sd-select-v2-list-item.d.ts +0 -11
  389. package/dist/components/sd-select-v2-list-item.js +0 -1
  390. package/dist/components/sd-select-v2-listbox.d.ts +0 -11
  391. package/dist/components/sd-select-v2-listbox.js +0 -1
  392. package/dist/components/sd-select-v2-trigger.d.ts +0 -11
  393. package/dist/components/sd-select-v2-trigger.js +0 -1
  394. package/dist/components/sd-select-v2.d.ts +0 -11
  395. package/dist/components/sd-select-v2.js +0 -1
  396. package/dist/components/table-test.d.ts +0 -11
  397. package/dist/components/table-test.js +0 -1
  398. package/dist/design-system/p-00612047.entry.js +0 -1
  399. package/dist/design-system/p-07adda3c.entry.js +0 -1
  400. package/dist/design-system/p-0e1b27cc.entry.js +0 -1
  401. package/dist/design-system/p-140b40ab.entry.js +0 -1
  402. package/dist/design-system/p-1573f415.entry.js +0 -1
  403. package/dist/design-system/p-1b9f6cef.entry.js +0 -1
  404. package/dist/design-system/p-1cc7d81f.entry.js +0 -1
  405. package/dist/design-system/p-1fa6c17f.entry.js +0 -1
  406. package/dist/design-system/p-2eb910ec.entry.js +0 -1
  407. package/dist/design-system/p-363c9451.entry.js +0 -1
  408. package/dist/design-system/p-4114eea3.entry.js +0 -1
  409. package/dist/design-system/p-5e300b77.entry.js +0 -1
  410. package/dist/design-system/p-711c59fc.entry.js +0 -1
  411. package/dist/design-system/p-850de8d4.entry.js +0 -1
  412. package/dist/design-system/p-8ff967f7.entry.js +0 -1
  413. package/dist/design-system/p-9fee77f0.entry.js +0 -1
  414. package/dist/design-system/p-BPGLtKk5.js +0 -1
  415. package/dist/design-system/p-BgFLSKqC.js +0 -1
  416. package/dist/design-system/p-Bp7ytJz5.js +0 -2
  417. package/dist/design-system/p-CRdYeSBK.js +0 -1
  418. package/dist/design-system/p-Cy6HMEsK.js +0 -1
  419. package/dist/design-system/p-c521e731.entry.js +0 -1
  420. package/dist/design-system/p-ce2210ad.entry.js +0 -1
  421. package/dist/design-system/p-d1846df9.entry.js +0 -1
  422. package/dist/design-system/p-d52f25c6.entry.js +0 -1
  423. package/dist/design-system/p-dbcbbf1e.entry.js +0 -1
  424. package/dist/esm/base-dropdown-event-CRdYeSBK.js +0 -89
  425. package/dist/esm/sd-progress.entry.js +0 -61
  426. package/dist/esm/sd-select-dropdown_2.entry.js +0 -228
  427. package/dist/esm/sd-select-group.entry.js +0 -330
  428. package/dist/esm/sd-select-multiple-group.entry.js +0 -456
  429. package/dist/esm/sd-select-multiple.entry.js +0 -189
  430. package/dist/esm/sd-select-option-group.entry.js +0 -66
  431. package/dist/esm/sd-select.entry.js +0 -179
  432. package/dist/esm/select-keyboard-navigation-Cy6HMEsK.js +0 -25
  433. package/dist/esm/table-test.entry.js +0 -94
  434. package/dist/types/components/sd-progress/sd-progress.d.ts +0 -15
  435. package/dist/types/components/sd-select/sd-select-dropdown/sd-select-dropdown.d.ts +0 -41
  436. package/dist/types/components/sd-select/sd-select-option/sd-select-option.d.ts +0 -23
  437. package/dist/types/components/sd-select/sd-select-search-input/sd-select-search-input.d.ts +0 -11
  438. package/dist/types/components/sd-select-group/sd-select-group.d.ts +0 -86
  439. package/dist/types/components/sd-select-multiple/sd-select-multiple.d.ts +0 -64
  440. package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts +0 -110
  441. package/dist/types/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.d.ts +0 -29
  442. package/dist/types/components/sd-select-v2/sd-select-v2.d.ts +0 -75
  443. package/dist/types/components/table-test/table-test.d.ts +0 -46
  444. /package/dist/collection/components/{sd-select-v2/sd-select-v2.config.js → sd-select/sd-select.config.js} +0 -0
  445. /package/dist/components/{p-DMbVR8K4.js → p-C2fDbE9d.js} +0 -0
  446. /package/dist/design-system/{p-DMbVR8K4.js → p-C2fDbE9d.js} +0 -0
package/dist/design-system/p-Bp7ytJz5.js DELETED
@@ -1,2 +0,0 @@
1
- const e=()=>{},t=':root{--color-primary:#051D36;--sd-primary:#051D36;--color-secondary:#555555;--sd-secondary:#555555;--color-accent:#9C27B0;--sd-accent:#9C27B0;--color-positive:#0075FF;--sd-positive:#0075FF;--color-negative:#E30000;--sd-negative:#E30000;--color-info:#00CD52;--sd-info:#00CD52;--color-warning:#F2C037;--sd-warning:#F2C037;--color-caution_bg:#FEF1F1;--sd-caution_bg:#FEF1F1;--color-caution_icon:#FD9595;--sd-caution_icon:#FD9595;--color-header_alert:#FF7A00;--sd-header_alert:#FF7A00;--color-white:#FFFFFF;--sd-white:#FFFFFF;--color-black:#000000;--sd-black:#000000;--color-grey_10:#F6F6F6;--sd-grey_10:#F6F6F6;--color-grey_20:#EEEEEE;--sd-grey_20:#EEEEEE;--color-grey_25:#E5E5E5;--sd-grey_25:#E5E5E5;--color-grey_30:#E1E1E1;--sd-grey_30:#E1E1E1;--color-grey_35:#D8D8D8;--sd-grey_35:#D8D8D8;--color-grey_45:#CCCCCC;--sd-grey_45:#CCCCCC;--color-grey_50:#BBBBBB;--sd-grey_50:#BBBBBB;--color-grey_55:#AAAAAA;--sd-grey_55:#AAAAAA;--color-grey_60:#999999;--sd-grey_60:#999999;--color-grey_65:#888888;--sd-grey_65:#888888;--color-grey_70:#737373;--sd-grey_70:#737373;--color-grey_80:#555555;--sd-grey_80:#555555;--color-grey_85:#444444;--sd-grey_85:#444444;--color-grey_90:#333333;--sd-grey_90:#333333;--color-grey_95:#222222;--sd-grey_95:#222222;--color-grey_05:#F9F9F9;--sd-grey_05:#F9F9F9;--color-red_15:#FCEFEF;--sd-red_15:#FCEFEF;--color-red_20:#FCE6E6;--sd-red_20:#FCE6E6;--color-red_30:#FFD3D3;--sd-red_30:#FFD3D3;--color-red_45:#FFB5B5;--sd-red_45:#FFB5B5;--color-red_60:#FF7C7C;--sd-red_60:#FF7C7C;--color-red_70:#FB4444;--sd-red_70:#FB4444;--color-red_75:#E30000;--sd-red_75:#E30000;--color-red_75_006:#E30000;--sd-red_75_006:#E30000;--color-red_80:#AD0000;--sd-red_80:#AD0000;--color-red_85:#820000;--sd-red_85:#820000;--color-red_90:#5E0000;--sd-red_90:#5E0000;--color-red_95:#440000;--sd-red_95:#440000;--color-red_99:#220000;--sd-red_99:#220000;--color-orange_10:#FEF1EA;--sd-orange_10:#FEF1EA;--color-orange_20:#FFEAD7;--sd-orange_20:#FFEAD7;--color-orange_35:#FFD5AF;--sd-orange_35:#FFD5AF;--color-orange_45:#FFBC81;--sd-orange_45:#FFBC81;--color-orange_55:#FFA452;--sd-orange_55:#FFA452;--color-orange_60:#FF7F22;--sd-orange_60:#FF7F22;--color-orange_65:#FF6B00;--sd-orange_65:#FF6B00;--color-orange_75:#CE4900;--sd-orange_75:#CE4900;--color-orange_85:#9B3700;--sd-orange_85:#9B3700;--color-orange_90:#752A00;--sd-orange_90:#752A00;--color-orange_95:#4D1B00;--sd-orange_95:#4D1B00;--color-orange_99:#2F1100;--sd-orange_99:#2F1100;--color-yellow_10:#FFF7DD;--sd-yellow_10:#FFF7DD;--color-yellow_20:#FEF1C4;--sd-yellow_20:#FEF1C4;--color-yellow_25:#FFE99E;--sd-yellow_25:#FFE99E;--color-yellow_30:#FEE17C;--sd-yellow_30:#FEE17C;--color-yellow_40:#FFD643;--sd-yellow_40:#FFD643;--color-yellow_45:#FFC700;--sd-yellow_45:#FFC700;--color-yellow_50:#EBB110;--sd-yellow_50:#EBB110;--color-yellow_60:#CA9612;--sd-yellow_60:#CA9612;--color-yellow_70:#916C0D;--sd-yellow_70:#916C0D;--color-yellow_80:#6C5002;--sd-yellow_80:#6C5002;--color-yellow_90:#453602;--sd-yellow_90:#453602;--color-yellow_95:#322700;--sd-yellow_95:#322700;--color-olive_10:#FBFBBF;--sd-olive_10:#FBFBBF;--color-olive_15:#FAFAA1;--sd-olive_15:#FAFAA1;--color-olive_20:#F6F65F;--sd-olive_20:#F6F65F;--color-olive_30:#EEEE37;--sd-olive_30:#EEEE37;--color-olive_45:#DDDD12;--sd-olive_45:#DDDD12;--color-olive_55:#C7C700;--sd-olive_55:#C7C700;--color-olive_65:#A5A500;--sd-olive_65:#A5A500;--color-olive_70:#838300;--sd-olive_70:#838300;--color-olive_80:#636300;--sd-olive_80:#636300;--color-olive_90:#454500;--sd-olive_90:#454500;--color-olive_95:#2C2C00;--sd-olive_95:#2C2C00;--color-olive_05:#FEFED9;--sd-olive_05:#FEFED9;--color-green_15:#E8F9EF;--sd-green_15:#E8F9EF;--color-green_25:#D4FAE3;--sd-green_25:#D4FAE3;--color-green_45:#ACF4C9;--sd-green_45:#ACF4C9;--color-green_55:#6DE39C;--sd-green_55:#6DE39C;--color-green_65:#2BCE6C;--sd-green_65:#2BCE6C;--color-green_70:#12B553;--sd-green_70:#12B553;--color-green_75:#00973C;--sd-green_75:#00973C;--color-green_80:#007B31;--sd-green_80:#007B31;--color-green_85:#006629;--sd-green_85:#006629;--color-green_90:#00461C;--sd-green_90:#00461C;--color-green_95:#003013;--sd-green_95:#003013;--color-green_99:#001D0B;--sd-green_99:#001D0B;--color-steelblue_10:#ECF8FD;--sd-steelblue_10:#ECF8FD;--color-steelblue_25:#D9F2FD;--sd-steelblue_25:#D9F2FD;--color-steelblue_45:#A4E2FD;--sd-steelblue_45:#A4E2FD;--color-steelblue_60:#50BFF0;--sd-steelblue_60:#50BFF0;--color-steelblue_65:#229FD7;--sd-steelblue_65:#229FD7;--color-steelblue_70:#128FC7;--sd-steelblue_70:#128FC7;--color-steelblue_75:#066D9B;--sd-steelblue_75:#066D9B;--color-steelblue_80:#06587D;--sd-steelblue_80:#06587D;--color-steelblue_85:#033F59;--sd-steelblue_85:#033F59;--color-steelblue_90:#032D40;--sd-steelblue_90:#032D40;--color-steelblue_95:#02212F;--sd-steelblue_95:#02212F;--color-steelblue_99:#021A25;--sd-steelblue_99:#021A25;--color-oceanblue_15:#EAF5FE;--sd-oceanblue_15:#EAF5FE;--color-oceanblue_25:#D5EBFE;--sd-oceanblue_25:#D5EBFE;--color-oceanblue_50:#9CD1FC;--sd-oceanblue_50:#9CD1FC;--color-oceanblue_60:#5CB0F3;--sd-oceanblue_60:#5CB0F3;--color-oceanblue_65:#1F8AE1;--sd-oceanblue_65:#1F8AE1;--color-oceanblue_70:#006AC1;--sd-oceanblue_70:#006AC1;--color-oceanblue_75:#025497;--sd-oceanblue_75:#025497;--color-oceanblue_80:#004177;--sd-oceanblue_80:#004177;--color-oceanblue_85:#07284A;--sd-oceanblue_85:#07284A;--color-oceanblue_90:#051D36;--sd-oceanblue_90:#051D36;--color-oceanblue_95:#03172D;--sd-oceanblue_95:#03172D;--color-oceanblue_99:#011428;--sd-oceanblue_99:#011428;--color-brilliantblue_10:#EFF6FF;--sd-brilliantblue_10:#EFF6FF;--color-brilliantblue_20:#E6F1FF;--sd-brilliantblue_20:#E6F1FF;--color-brilliantblue_25:#D9EAFF;--sd-brilliantblue_25:#D9EAFF;--color-brilliantblue_40:#BBDAFF;--sd-brilliantblue_40:#BBDAFF;--color-brilliantblue_50:#93C4FF;--sd-brilliantblue_50:#93C4FF;--color-brilliantblue_60:#64ABFF;--sd-brilliantblue_60:#64ABFF;--color-brilliantblue_70:#2D8DFF;--sd-brilliantblue_70:#2D8DFF;--color-brilliantblue_75:#0075FF;--sd-brilliantblue_75:#0075FF;--color-brilliantblue_80:#005CC9;--sd-brilliantblue_80:#005CC9;--color-brilliantblue_85:#004290;--sd-brilliantblue_85:#004290;--color-brilliantblue_90:#002B5E;--sd-brilliantblue_90:#002B5E;--color-brilliantblue_95:#001B39;--sd-brilliantblue_95:#001B39;--color-brilliantblue_99:#001226;--sd-brilliantblue_99:#001226;--color-brilliantblue_05:#F5FAFF;--sd-brilliantblue_05:#F5FAFF;--sd-system-typography-control-xs-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-xs-default-font-size:12px;--sd-system-typography-control-xs-default-font-weight:400;--sd-system-typography-control-xs-default-text-decoration:none;--sd-system-typography-control-xs-default-line-height:20px;--sd-system-typography-control-xs-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-xs-medium-font-size:12px;--sd-system-typography-control-xs-medium-font-weight:500;--sd-system-typography-control-xs-medium-text-decoration:none;--sd-system-typography-control-xs-medium-line-height:20px;--sd-system-typography-control-xs-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-xs-bold-font-weight:700;--sd-system-typography-control-xs-bold-font-size:12px;--sd-system-typography-control-xs-bold-line-height:20px;--sd-system-typography-control-xs-bold-text-decoration:none;--sd-system-typography-control-sm-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-sm-default-font-size:12px;--sd-system-typography-control-sm-default-font-weight:500;--sd-system-typography-control-sm-default-text-decoration:none;--sd-system-typography-control-sm-default-line-height:20px;--sd-system-typography-control-sm-underline-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-sm-underline-font-size:12px;--sd-system-typography-control-sm-underline-font-weight:500;--sd-system-typography-control-sm-underline-text-decoration:underline;--sd-system-typography-control-sm-underline-line-height:22px;--sd-system-typography-control-md-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-md-font-size:16px;--sd-system-typography-control-md-font-weight:500;--sd-system-typography-control-md-text-decoration:none;--sd-system-typography-control-md-line-height:26px;--sd-system-typography-control-lg-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-control-lg-font-size:18px;--sd-system-typography-control-lg-font-weight:500;--sd-system-typography-control-lg-text-decoration:none;--sd-system-typography-control-lg-line-height:30px;--sd-system-typography-feedback-xs-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-xs-font-size:11px;--sd-system-typography-feedback-xs-font-weight:500;--sd-system-typography-feedback-xs-line-height:18px;--sd-system-typography-feedback-xs-text-decoration:none;--sd-system-typography-feedback-sm-regular-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-sm-regular-font-size:12px;--sd-system-typography-feedback-sm-regular-font-weight:400;--sd-system-typography-feedback-sm-regular-line-height:20px;--sd-system-typography-feedback-sm-regular-text-decoration:none;--sd-system-typography-feedback-sm-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-sm-medium-font-size:12px;--sd-system-typography-feedback-sm-medium-font-weight:500;--sd-system-typography-feedback-sm-medium-line-height:20px;--sd-system-typography-feedback-sm-medium-text-decoration:none;--sd-system-typography-feedback-sm-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-sm-bold-font-size:12px;--sd-system-typography-feedback-sm-bold-font-weight:700;--sd-system-typography-feedback-sm-bold-text-decoration:none;--sd-system-typography-feedback-sm-bold-line-height:20px;--sd-system-typography-feedback-sm-underline-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-sm-underline-font-size:12px;--sd-system-typography-feedback-sm-underline-font-weight:500;--sd-system-typography-feedback-sm-underline-line-height:20px;--sd-system-typography-feedback-sm-underline-text-decoration:underline;--sd-system-typography-feedback-md-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-md-bold-font-size:14px;--sd-system-typography-feedback-md-bold-font-weight:700;--sd-system-typography-feedback-md-bold-line-height:24px;--sd-system-typography-feedback-md-bold-text-decoration:none;--sd-system-typography-feedback-md-underline-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-feedback-md-underline-font-size:14px;--sd-system-typography-feedback-md-underline-font-weight:700;--sd-system-typography-feedback-md-underline-line-height:24px;--sd-system-typography-feedback-md-underline-text-decoration:underline;--sd-system-typography-heading-sm-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-heading-sm-font-weight:700;--sd-system-typography-heading-sm-font-size:14px;--sd-system-typography-heading-sm-line-height:24px;--sd-system-typography-heading-sm-text-decoration:none;--sd-system-typography-heading-md-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-heading-md-font-weight:700;--sd-system-typography-heading-md-font-size:16px;--sd-system-typography-heading-md-text-decoration:none;--sd-system-typography-heading-md-line-height:26px;--sd-system-typography-heading-lg-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-heading-lg-font-weight:700;--sd-system-typography-heading-lg-font-size:18px;--sd-system-typography-heading-lg-line-height:30px;--sd-system-typography-heading-lg-text-decoration:none;--sd-system-typography-field-sm-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-sm-default-font-weight:400;--sd-system-typography-field-sm-default-font-size:12px;--sd-system-typography-field-sm-default-line-height:20px;--sd-system-typography-field-sm-default-text-decoration:none;--sd-system-typography-field-sm-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-sm-medium-font-weight:500;--sd-system-typography-field-sm-medium-font-size:12px;--sd-system-typography-field-sm-medium-text-decoration:none;--sd-system-typography-field-sm-medium-line-height:20px;--sd-system-typography-field-sm-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-sm-bold-font-weight:700;--sd-system-typography-field-sm-bold-font-size:12px;--sd-system-typography-field-sm-bold-text-decoration:none;--sd-system-typography-field-sm-bold-line-height:20px;--sd-system-typography-field-md-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-md-default-font-weight:400;--sd-system-typography-field-md-default-font-size:14px;--sd-system-typography-field-md-default-text-decoration:none;--sd-system-typography-field-md-default-line-height:24px;--sd-system-typography-field-md-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-md-medium-font-weight:500;--sd-system-typography-field-md-medium-font-size:14px;--sd-system-typography-field-md-medium-text-decoration:none;--sd-system-typography-field-md-medium-line-height:24px;--sd-system-typography-field-md-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-md-bold-font-weight:700;--sd-system-typography-field-md-bold-font-size:14px;--sd-system-typography-field-md-bold-text-decoration:none;--sd-system-typography-field-md-bold-line-height:24px;--sd-system-typography-field-lg-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-lg-default-font-weight:400;--sd-system-typography-field-lg-default-font-size:16px;--sd-system-typography-field-lg-default-line-height:26px;--sd-system-typography-field-lg-default-text-decoration:none;--sd-system-typography-field-lg-medium-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-lg-medium-font-weight:500;--sd-system-typography-field-lg-medium-font-size:16px;--sd-system-typography-field-lg-medium-line-height:26px;--sd-system-typography-field-lg-medium-text-decoration:none;--sd-system-typography-field-lg-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-field-lg-bold-font-weight:700;--sd-system-typography-field-lg-bold-font-size:16px;--sd-system-typography-field-lg-bold-line-height:26px;--sd-system-typography-field-lg-bold-text-decoration:none;--sd-system-typography-navigation-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-navigation-default-font-weight:400;--sd-system-typography-navigation-default-font-size:12px;--sd-system-typography-navigation-default-line-height:20px;--sd-system-typography-navigation-default-text-decoration:none;--sd-system-typography-navigation-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-system-typography-navigation-bold-font-weight:700;--sd-system-typography-navigation-bold-font-size:12px;--sd-system-typography-navigation-bold-line-height:20px;--sd-system-typography-navigation-bold-text-decoration:none;--sd-system-size-control-xs-height:24px;--sd-system-size-control-sm-height:28px;--sd-system-size-control-md-height:36px;--sd-system-size-control-lg-height:62px;--sd-system-size-icon-xxxs:8px;--sd-system-size-icon-xxs:10px;--sd-system-size-icon-xs:12px;--sd-system-size-icon-sm:16px;--sd-system-size-icon-md:20px;--sd-system-size-icon-lg:24px;--sd-system-size-icon-xl:32px;--sd-system-size-feedback-arrow-width:16px;--sd-system-size-feedback-arrow-height:12px;--sd-system-size-feedback-xs-height:20px;--sd-system-size-feedback-sm-height:24px;--sd-system-size-feedback-md-height:28px;--sd-system-size-field-control:16px;--sd-system-size-field-icon:12px;--sd-system-size-field-sm-height:28px;--sd-system-size-field-md-height:36px;--sd-system-size-navigation-lg-height:44px;--sd-system-size-navigation-md-height:36px;--sd-system-space-control-xs-padding-x:8px;--sd-system-space-control-xs-gap:4px;--sd-system-space-control-sm-padding-x:12px;--sd-system-space-control-sm-gap:6px;--sd-system-space-control-md-padding-x:20px;--sd-system-space-control-md-gap:8px;--sd-system-space-control-lg-padding-x:28px;--sd-system-space-control-lg-gap:12px;--sd-system-space-feedback-xs-padding-x:6px;--sd-system-space-feedback-xs-gap:4px;--sd-system-space-feedback-sm-padding-x:8px;--sd-system-space-feedback-sm-gap:6px;--sd-system-space-feedback-md-padding-x:12px;--sd-system-space-feedback-md-gap:8px;--sd-system-space-stack-gap-tight:2px;--sd-system-space-stack-gap-normal:4px;--sd-system-space-stack-gap-relaxed:8px;--sd-system-space-field-sm-padding-x:12px;--sd-system-space-field-sm-padding-y:4px;--sd-system-space-field-sm-container-gap:8px;--sd-system-space-field-sm-gap:12px;--sd-system-space-field-md-padding-x:16px;--sd-system-space-field-md-container-gap:12px;--sd-system-space-field-md-gap:16px;--sd-system-space-navigation-lg-padding-x:32px;--sd-system-space-navigation-md-padding-x:24px;--sd-system-radius-control-sm:4px;--sd-system-radius-control-md:6px;--sd-system-radius-feedback-xs-square:6px;--sd-system-radius-feedback-sm-square:8px;--sd-system-radius-feedback-pill:9999px;--sd-system-radius-field-sm:4px;--sd-system-radius-field-md:6px;--sd-system-radius-navigation:6px;--sd-system-border-width-control-default:1px;--sd-system-border-width-field-default:1px;--sd-system-border-width-navigation-default:1px;--sd-system-color-bg-screen:#EEEEEE;--sd-system-color-bg-frame:#FFFFFF;--sd-system-color-bg-brand:#025497;--sd-system-color-bg-subtle:#1F8AE1;--sd-system-color-bg-accent-default:#0075FF;--sd-system-color-bg-accent-light:#F5FAFF;--sd-system-color-bg-accent-light-default:#2D8DFF;--sd-system-color-bg-accent-light-light:#F5FAFF;--sd-system-color-bg-accent-bright-default:#D9EAFF;--sd-system-color-bg-accent-bright-light:#F5FAFF;--sd-system-color-bg-deep:#07284A;--sd-system-color-bg-danger-default:#E30000;--sd-system-color-bg-danger-light:#FCEFEF;--sd-system-color-bg-danger-light-default:#FB4444;--sd-system-color-bg-danger-light-light:#FCEFEF;--sd-system-color-bg-warning:#FF6B00;--sd-system-color-bg-caution:#FFC700;--sd-system-color-bg-progress:#0075FF;--sd-system-color-bg-success-default:#00973C;--sd-system-color-bg-success-light:#12B553;--sd-system-color-bg-success-light:#12B553;--sd-system-color-bg-disabled:#E1E1E1;--sd-system-color-bg-neutral-light:#F6F6F6;--sd-system-color-content-primary:#222222;--sd-system-color-content-secondary:#555555;--sd-system-color-content-tertiary:#888888;--sd-system-color-content-quaternary:#AAAAAA;--sd-system-color-content-brand:#005CC9;--sd-system-color-content-subtle:#066D9B;--sd-system-color-content-accent:#0075FF;--sd-system-color-content-danger-default:#E30000;--sd-system-color-content-danger-light:#FB4444;--sd-system-color-content-danger-light:#FB4444;--sd-system-color-content-warning:#FF6B00;--sd-system-color-content-inverse:#FFFFFF;--sd-system-color-text-disabled:#888888;--sd-system-color-link-accent:#006AC1;--sd-system-color-icon-brand:#025497;--sd-system-color-icon-accent:#0075FF;--sd-system-color-icon-danger:#E30000;--sd-system-color-icon-warning:#FF6B00;--sd-system-color-icon-success:#00973C;--sd-system-color-icon-inverse:#FFFFFF;--sd-system-color-icon-disabled:#BBBBBB;--sd-system-color-border-default:#E1E1E1;--sd-system-color-border-accent:#0075FF;--sd-system-color-border-danger:#FB4444;--sd-system-color-border-success:#12B553;--sd-system-color-border-disabled:#CCCCCC;--sd-system-color-red-strong:#FB4444;--sd-system-color-red-subtle:#FCEFEF;--sd-system-color-orange-strong:#FF6B00;--sd-system-color-orange-subtle:#FEF1EA;--sd-system-color-yellow-strong:#916C0D;--sd-system-color-yellow-moderate:#FFC700;--sd-system-color-yellow-subtle:#FFF7DD;--sd-system-color-green-strong:#00973C;--sd-system-color-green-subtle:#E8F9EF;--sd-system-color-blue-strong:#0075FF;--sd-system-color-blue-subtle:#E6F1FF;--sd-system-color-darkblue-strong:#006AC1;--sd-system-color-darkblue-subtle:#EAF5FE;--sd-system-color-indigo-strong:#004290;--sd-system-color-indigo-subtle:#EFF6FF;--sd-system-color-grey-strong:#737373;--sd-system-color-grey-subtle:#EEEEEE;--sd-system-color-field-bg-default:#FFFFFF;--sd-system-color-field-bg-hover:#0075FF;--sd-system-color-field-border-default:#AAAAAA;--sd-system-color-field-border-focus:#0075FF;--sd-system-color-field-border-hover:#0075FF;--sd-system-color-field-border-danger:#FB4444;--sd-system-color-field-border-success:#12B553;--sd-system-color-field-text-default:#222222;--sd-system-color-field-text-placeholder:#AAAAAA;--sd-system-color-field-icon-default:#888888;--sd-system-color-divider-default:#E1E1E1;--sd-system-color-control-bg-inverse-hover:#0075FF;--sd-button-button-xs-height:24px;--sd-button-button-xs-padding-x:8px;--sd-button-button-xs-gap:4px;--sd-button-button-xs-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-button-xs-typography-font-size:12px;--sd-button-button-xs-typography-font-weight:500;--sd-button-button-xs-typography-text-decoration:none;--sd-button-button-xs-typography-line-height:20px;--sd-button-button-xs-icon:12px;--sd-button-button-sm-height:28px;--sd-button-button-sm-padding-x:12px;--sd-button-button-sm-gap:6px;--sd-button-button-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-button-sm-typography-font-size:12px;--sd-button-button-sm-typography-font-weight:500;--sd-button-button-sm-typography-text-decoration:none;--sd-button-button-sm-typography-line-height:20px;--sd-button-button-sm-icon:16px;--sd-button-button-md-height:36px;--sd-button-button-md-padding-x:20px;--sd-button-button-md-gap:8px;--sd-button-button-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-button-md-typography-font-size:16px;--sd-button-button-md-typography-font-weight:500;--sd-button-button-md-typography-text-decoration:none;--sd-button-button-md-typography-line-height:26px;--sd-button-button-md-icon:20px;--sd-button-button-lg-height:62px;--sd-button-button-lg-padding-x:28px;--sd-button-button-lg-gap:12px;--sd-button-button-lg-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-button-button-lg-typography-font-size:18px;--sd-button-button-lg-typography-font-weight:500;--sd-button-button-lg-typography-text-decoration:none;--sd-button-button-lg-typography-line-height:30px;--sd-button-button-lg-icon:24px;--sd-button-button-radius-sm:4px;--sd-button-button-radius-md:6px;--sd-button-button-border-width-default:1px;--sd-button-button-border-disabled:#CCCCCC;--sd-button-button-icon-only-xs-width:24px;--sd-button-button-icon-only-sm-width:28px;--sd-button-button-icon-only-md-width:36px;--sd-button-button-icon-only-lg-width:62px;--sd-button-button-bg-disabled:#E1E1E1;--sd-button-button-text-disabled:#888888;--sd-button-button-icon-disabled:#BBBBBB;--sd-button-button-brand-strong-bg-default:#025497;--sd-button-button-brand-strong-bg-hover:#004177;--sd-button-button-brand-strong-content:#FFFFFF;--sd-button-button-brand-strong-dropdown-divider:#006AC1;--sd-button-button-brand-subtle-bg-default:#1F8AE1;--sd-button-button-brand-subtle-bg-hover:#006AC1;--sd-button-button-brand-subtle-content:#FFFFFF;--sd-button-button-brand-subtle-dropdown-divider:#5CB0F3;--sd-button-button-brand-outline-bg-default:#FFFFFF;--sd-button-button-brand-outline-bg-hover:#EAF5FE;--sd-button-button-brand-outline-border:#025497;--sd-button-button-brand-outline-content:#025497;--sd-button-button-neutral-outline-bg-default:#FFFFFF;--sd-button-button-neutral-outline-bg-hover:#EEEEEE;--sd-button-button-neutral-outline-border:#888888;--sd-button-button-neutral-outline-content:#222222;--sd-button-button-danger-strong-bg-default:#E30000;--sd-button-button-danger-strong-bg-hover:#AD0000;--sd-button-button-danger-strong-content:#FFFFFF;--sd-button-button-danger-strong-dropdown-divider:#FF7C7C;--sd-button-button-danger-outline-bg-default:#FFFFFF;--sd-button-button-danger-outline-bg-hover:#FCEFEF;--sd-button-button-danger-outline-border:#E30000;--sd-button-button-danger-outline-content:#E30000;--sd-ghost-button-ghost-button-xxs-size:16px;--sd-ghost-button-ghost-button-xxs-icon:12px;--sd-ghost-button-ghost-button-xs-size:24px;--sd-ghost-button-ghost-button-xs-icon:16px;--sd-ghost-button-ghost-button-sm-size:28px;--sd-ghost-button-ghost-button-sm-icon:20px;--sd-ghost-button-ghost-button-md-size:36px;--sd-ghost-button-ghost-button-md-icon:24px;--sd-ghost-button-ghost-button-lg-size:62px;--sd-ghost-button-ghost-button-lg-icon:32px;--sd-ghost-button-ghost-button-radius-sm:4px;--sd-ghost-button-ghost-button-radius-md:6px;--sd-ghost-button-ghost-button-hover-opacity:5%;--sd-ghost-button-ghost-button-icon-disabled:#BBBBBB;--sd-ghost-button-ghost-button-default-content:#888888;--sd-ghost-button-ghost-button-default-hover-bg:#222222;--sd-ghost-button-ghost-button-danger-content:#E30000;--sd-ghost-button-ghost-button-danger-hover-bg:#E30000;--sd-ghost-button-ghost-button-action-content:#025497;--sd-ghost-button-ghost-button-action-hover-bg:#0075FF;--sd-ghost-button-ghost-button-inverse-content:#FFFFFF;--sd-ghost-button-ghost-button-inverse-disabled:#E1E1E1;--sd-ghost-button-ghost-button-inverse-hover-bg:#FFFFFF;--sd-text-link-text-link-gap:4px;--sd-text-link-text-link-size-icon:16px;--sd-text-link-text-link-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-text-link-text-link-typography-default-font-size:12px;--sd-text-link-text-link-typography-default-font-weight:500;--sd-text-link-text-link-typography-default-text-decoration:none;--sd-text-link-text-link-typography-default-line-height:20px;--sd-text-link-text-link-typography-underline-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-text-link-text-link-typography-underline-font-size:12px;--sd-text-link-text-link-typography-underline-font-weight:500;--sd-text-link-text-link-typography-underline-text-decoration:underline;--sd-text-link-text-link-typography-underline-line-height:22px;--sd-text-link-text-link-content-default:#222222;--sd-text-link-text-link-content-disabled:#888888;--sd-text-link-text-link-icon-default:#006AC1;--sd-text-link-text-link-icon-disabled:#BBBBBB;--sd-switch-switch-width:32px;--sd-switch-switch-height:20px;--sd-switch-switch-padding-x-y:2px;--sd-switch-switch-radius:9999px;--sd-switch-switch-knob-size:16px;--sd-switch-switch-knob-bg:#FFFFFF;--sd-switch-switch-bg-on:#0075FF;--sd-switch-switch-bg-off:#CCCCCC;--sd-switch-switch-bg-disabled-on:#BBDAFF;--sd-switch-switch-bg-disabled-off:#E1E1E1;--sd-switch-switch-label-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-switch-switch-label-typography-font-weight:500;--sd-switch-switch-label-typography-font-size:12px;--sd-switch-switch-label-typography-text-decoration:none;--sd-switch-switch-label-typography-line-height:20px;--sd-switch-switch-gap:6px;--sd-toggle-toggle-height:28px;--sd-toggle-toggle-padding-x:12px;--sd-toggle-toggle-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-toggle-toggle-typography-font-size:12px;--sd-toggle-toggle-typography-font-weight:500;--sd-toggle-toggle-typography-text-decoration:none;--sd-toggle-toggle-typography-line-height:20px;--sd-toggle-toggle-radius:9999px;--sd-toggle-toggle-border-width:1px;--sd-toggle-toggle-border-default:#CCCCCC;--sd-toggle-toggle-border-select:#0075FF;--sd-toggle-toggle-border-disabled:#CCCCCC;--sd-toggle-toggle-bg-default:#FFFFFF;--sd-toggle-toggle-bg-hover:#0075FF;--sd-toggle-toggle-bg-select:#FFFFFF;--sd-toggle-toggle-bg-disabled:#E1E1E1;--sd-toggle-toggle-content-default:#555555;--sd-toggle-toggle-content-hover:#FFFFFF;--sd-toggle-toggle-content-select:#0075FF;--sd-toggle-toggle-content-disabled:#888888;--sd-checkbox-checkbox-size:16px;--sd-checkbox-checkbox-radius:2px;--sd-checkbox-checkbox-border-width:1px;--sd-checkbox-checkbox-gap:8px;--sd-checkbox-checkbox-icon:12px;--sd-checkbox-checkbox-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-checkbox-checkbox-typography-font-weight:400;--sd-checkbox-checkbox-typography-font-size:12px;--sd-checkbox-checkbox-typography-line-height:20px;--sd-checkbox-checkbox-typography-text-decoration:none;--sd-checkbox-checkbox-unchecked-bg-default:#FFFFFF;--sd-checkbox-checkbox-unchecked-bg-hover:#D9EAFF;--sd-checkbox-checkbox-unchecked-border-default:#AAAAAA;--sd-checkbox-checkbox-unchecked-border-hover:#0075FF;--sd-checkbox-checkbox-checked-bg-default:#0075FF;--sd-checkbox-checkbox-checked-icon-default:#FFFFFF;--sd-checkbox-checkbox-checked-icon-disabled:#BBBBBB;--sd-checkbox-checkbox-checked-icon-inverse:#FFFFFF;--sd-checkbox-checkbox-checked-border-inverse:#FFFFFF;--sd-checkbox-checkbox-label-default:#222222;--sd-checkbox-checkbox-label-inverse:#FFFFFF;--sd-checkbox-checkbox-bg-disabled:#E1E1E1;--sd-checkbox-checkbox-border-disabled:#CCCCCC;--sd-radio-radio-size:16px;--sd-radio-radio-radius:9999px;--sd-radio-radio-border-width:1px;--sd-radio-radio-gap:8px;--sd-radio-radio-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-radio-radio-typography-font-weight:400;--sd-radio-radio-typography-font-size:12px;--sd-radio-radio-typography-line-height:20px;--sd-radio-radio-typography-text-decoration:none;--sd-radio-radio-bg-default:#FFFFFF;--sd-radio-radio-bg-disabled:#E1E1E1;--sd-radio-radio-bg-hover:#D9EAFF;--sd-radio-radio-border-default:#AAAAAA;--sd-radio-radio-border-hover:#0075FF;--sd-radio-radio-border-active:#0075FF;--sd-radio-radio-border-disabled:#CCCCCC;--sd-radio-radio-dot-default:#0075FF;--sd-radio-radio-dot-disabled:#CCCCCC;--sd-radio-radio-dot-size:10px;--sd-radio-radio-label-default:#222222;--sd-radio-button-radio-button-xs-height:24px;--sd-radio-button-radio-button-xs-padding-x:8px;--sd-radio-button-radio-button-xs-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-radio-button-radio-button-xs-typography-font-size:12px;--sd-radio-button-radio-button-xs-typography-font-weight:500;--sd-radio-button-radio-button-xs-typography-text-decoration:none;--sd-radio-button-radio-button-xs-typography-line-height:20px;--sd-radio-button-radio-button-sm-height:28px;--sd-radio-button-radio-button-sm-padding-x:12px;--sd-radio-button-radio-button-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-radio-button-radio-button-sm-typography-font-size:12px;--sd-radio-button-radio-button-sm-typography-font-weight:500;--sd-radio-button-radio-button-sm-typography-text-decoration:none;--sd-radio-button-radio-button-sm-typography-line-height:20px;--sd-radio-button-radio-button-radius:4px;--sd-radio-button-radio-button-border-width:1px;--sd-radio-button-radio-button-border-default:#CCCCCC;--sd-radio-button-radio-button-border-select:#0075FF;--sd-radio-button-radio-button-border-disabled:#CCCCCC;--sd-radio-button-radio-button-bg-default:#FFFFFF;--sd-radio-button-radio-button-bg-hover:#0075FF;--sd-radio-button-radio-button-bg-select:#FFFFFF;--sd-radio-button-radio-button-bg-disabled:#E1E1E1;--sd-radio-button-radio-button-content-default:#555555;--sd-radio-button-radio-button-content-hover:#FFFFFF;--sd-radio-button-radio-button-content-select:#0075FF;--sd-radio-button-radio-button-content-disabled:#888888;--sd-radio-button-radio-button-group-gap:-1px;--sd-list-item-list-item-padding-y:4px;--sd-list-item-list-item-padding-right:12px;--sd-list-item-list-item-gap:8px;--sd-list-item-list-item-padding-left-depth1:12px;--sd-list-item-list-item-padding-left-depth2:20px;--sd-list-item-list-item-padding-left-depth3:28px;--sd-list-item-list-item-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-typography-default-font-weight:400;--sd-list-item-list-item-typography-default-font-size:12px;--sd-list-item-list-item-typography-default-line-height:20px;--sd-list-item-list-item-typography-default-text-decoration:none;--sd-list-item-list-item-typography-selected-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-typography-selected-font-weight:700;--sd-list-item-list-item-typography-selected-font-size:12px;--sd-list-item-list-item-typography-selected-text-decoration:none;--sd-list-item-list-item-typography-selected-line-height:20px;--sd-list-item-list-item-bg-default:#FFFFFF;--sd-list-item-list-item-bg-hover:#0075FF;--sd-list-item-list-item-content-default:#222222;--sd-list-item-list-item-content-hover:#FFFFFF;--sd-list-item-list-item-content-disabled:#888888;--sd-list-item-list-item-content-selected:#0075FF;--sd-list-item-list-item-indeterminate-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-indeterminate-typography-font-weight:700;--sd-list-item-list-item-indeterminate-typography-font-size:12px;--sd-list-item-list-item-indeterminate-typography-text-decoration:none;--sd-list-item-list-item-indeterminate-typography-line-height:20px;--sd-list-item-list-item-depth1-bg-default:#EFF6FF;--sd-list-item-list-item-depth1-bg-disabled:#EEEEEE;--sd-list-item-list-item-depth1-border-color:#E1E1E1;--sd-list-item-list-item-depth1-border-width:1px;--sd-list-item-list-item-depth1-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-depth1-title-typography-font-weight:700;--sd-list-item-list-item-depth1-title-typography-font-size:12px;--sd-list-item-list-item-depth1-title-typography-text-decoration:none;--sd-list-item-list-item-depth1-title-typography-line-height:20px;--sd-list-item-list-item-depth2-middle-bg:#F6F6F6;--sd-list-item-list-item-depth2-middle-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-depth2-middle-title-typography-font-weight:500;--sd-list-item-list-item-depth2-middle-title-typography-font-size:12px;--sd-list-item-list-item-depth2-middle-title-typography-text-decoration:none;--sd-list-item-list-item-depth2-middle-title-typography-line-height:20px;--sd-list-item-list-item-count-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-list-item-list-item-count-typography-font-weight:500;--sd-list-item-list-item-count-typography-font-size:12px;--sd-list-item-list-item-count-typography-text-decoration:none;--sd-list-item-list-item-count-typography-line-height:20px;--sd-list-item-list-item-count-color:#888888;--sd-list-box-list-box-radius:4px;--sd-list-box-list-box-bg:#FFFFFF;--sd-list-box-list-box-chip-padding-x-y:8px;--sd-list-box-list-box-chip-gap:8px;--sd-select-select-height:28px;--sd-select-select-radius:4px;--sd-select-select-border-width:1px;--sd-select-select-padding-x:12px;--sd-select-select-icon-default:#888888;--sd-select-select-icon-disabled:#BBBBBB;--sd-select-select-gap:8px;--sd-select-select-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-select-select-typography-font-weight:400;--sd-select-select-typography-font-size:12px;--sd-select-select-typography-line-height:20px;--sd-select-select-typography-text-decoration:none;--sd-select-select-border-default:#AAAAAA;--sd-select-select-border-hover:#0075FF;--sd-select-select-border-danger:#FB4444;--sd-select-select-border-disabled:#CCCCCC;--sd-select-select-bg-default:#FFFFFF;--sd-select-select-bg-disabled:#E1E1E1;--sd-select-select-text-default:#222222;--sd-select-select-text-disabled:#888888;--sd-select-select-size-icon:16px;--sd-field-field-label-sm-height:28px;--sd-field-field-label-sm-gap:6px;--sd-field-field-label-sm-icon:12px;--sd-field-field-label-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-field-field-label-sm-typography-font-weight:700;--sd-field-field-label-sm-typography-font-size:12px;--sd-field-field-label-sm-typography-text-decoration:none;--sd-field-field-label-sm-typography-line-height:20px;--sd-field-field-label-md-height:36px;--sd-field-field-label-md-gap:8px;--sd-field-field-label-md-icon:16px;--sd-field-field-label-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-field-field-label-md-typography-font-weight:700;--sd-field-field-label-md-typography-font-size:14px;--sd-field-field-label-md-typography-text-decoration:none;--sd-field-field-label-md-typography-line-height:24px;--sd-field-field-addon-label-height:28px;--sd-field-field-addon-label-gap:6px;--sd-field-field-addon-label-padding-x:12px;--sd-field-field-addon-label-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-field-field-addon-label-typography-font-weight:500;--sd-field-field-addon-label-typography-font-size:12px;--sd-field-field-addon-label-typography-text-decoration:none;--sd-field-field-addon-label-typography-line-height:20px;--sd-field-field-addon-label-bg:#F6F6F6;--sd-field-field-addon-label-border-default:#AAAAAA;--sd-field-field-addon-label-border-disabled:#CCCCCC;--sd-field-field-addon-label-border-width:1px;--sd-textinput-textinput-sm-height:28px;--sd-textinput-textinput-sm-padding-x:12px;--sd-textinput-textinput-sm-padding-y:4px;--sd-textinput-textinput-sm-gap:8px;--sd-textinput-textinput-sm-radius:4px;--sd-textinput-textinput-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-textinput-textinput-sm-typography-font-weight:400;--sd-textinput-textinput-sm-typography-font-size:12px;--sd-textinput-textinput-sm-typography-line-height:20px;--sd-textinput-textinput-sm-typography-text-decoration:none;--sd-textinput-textinput-md-height:36px;--sd-textinput-textinput-md-padding-x:16px;--sd-textinput-textinput-md-gap:12px;--sd-textinput-textinput-md-radius:6px;--sd-textinput-textinput-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-textinput-textinput-md-typography-font-weight:400;--sd-textinput-textinput-md-typography-font-size:14px;--sd-textinput-textinput-md-typography-text-decoration:none;--sd-textinput-textinput-md-typography-line-height:24px;--sd-textinput-textinput-border-width:1px;--sd-textinput-textinput-border-default:#AAAAAA;--sd-textinput-textinput-border-focus:#0075FF;--sd-textinput-textinput-border-danger:#FB4444;--sd-textinput-textinput-border-success:#12B553;--sd-textinput-textinput-border-disabled:#CCCCCC;--sd-textinput-textinput-bg-default:#FFFFFF;--sd-textinput-textinput-bg-disabled:#E1E1E1;--sd-textinput-textinput-bg-barcode:#FAFAA1;--sd-textinput-textinput-text-default:#222222;--sd-textinput-textinput-text-placeholder:#AAAAAA;--sd-textinput-textinput-text-disabled:#888888;--sd-textinput-textinput-text-hint:#555555;--sd-textinput-textinput-text-error-message:#E30000;--sd-textinput-textinput-size-icon:16px;--sd-textinput-textinput-icon-default:#888888;--sd-textinput-textinput-unit-color:#888888;--sd-textinput-textinput-hint-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-textinput-textinput-hint-typography-font-weight:400;--sd-textinput-textinput-hint-typography-font-size:12px;--sd-textinput-textinput-hint-typography-line-height:20px;--sd-textinput-textinput-hint-typography-text-decoration:none;--sd-textinput-textinput-error-message-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-textinput-textinput-error-message-typography-font-weight:400;--sd-textinput-textinput-error-message-typography-font-size:12px;--sd-textinput-textinput-error-message-typography-line-height:20px;--sd-textinput-textinput-error-message-typography-text-decoration:none;--sd-textinput-textinput-contents-gap:4px;--sd-textinput-textinput-resizer-size:12px;--sd-textinput-textinput-resizer-color:#AAAAAA;--sd-number-input-number-input-sm-height:28px;--sd-number-input-number-input-sm-padding-x:6px;--sd-number-input-number-input-sm-radius:4px;--sd-number-input-number-input-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-number-input-number-input-sm-typography-font-weight:400;--sd-number-input-number-input-sm-typography-font-size:12px;--sd-number-input-number-input-sm-typography-line-height:20px;--sd-number-input-number-input-sm-typography-text-decoration:none;--sd-number-input-number-input-md-height:36px;--sd-number-input-number-input-md-padding-x:8px;--sd-number-input-number-input-md-radius:6px;--sd-number-input-number-input-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-number-input-number-input-md-typography-font-weight:400;--sd-number-input-number-input-md-typography-font-size:14px;--sd-number-input-number-input-md-typography-text-decoration:none;--sd-number-input-number-input-md-typography-line-height:24px;--sd-number-input-number-input-border-width:1px;--sd-number-input-number-input-contents-gap:4px;--sd-number-input-number-input-border-default:#AAAAAA;--sd-number-input-number-input-border-focus:#0075FF;--sd-number-input-number-input-border-danger:#FB4444;--sd-number-input-number-input-border-success:#12B553;--sd-number-input-number-input-border-disabled:#CCCCCC;--sd-number-input-number-input-bg-default:#FFFFFF;--sd-number-input-number-input-bg-disabled:#E1E1E1;--sd-number-input-number-input-text-default:#222222;--sd-number-input-number-input-text-placeholder:#AAAAAA;--sd-number-input-number-input-text-disabled:#888888;--sd-number-input-number-input-hint-color:#555555;--sd-number-input-number-input-hint-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-number-input-number-input-hint-typography-font-weight:400;--sd-number-input-number-input-hint-typography-font-size:12px;--sd-number-input-number-input-hint-typography-line-height:20px;--sd-number-input-number-input-hint-typography-text-decoration:none;--sd-number-input-number-input-error-message-color:#E30000;--sd-number-input-number-input-error-message-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-number-input-number-input-error-message-typography-font-weight:400;--sd-number-input-number-input-error-message-typography-font-size:12px;--sd-number-input-number-input-error-message-typography-line-height:20px;--sd-number-input-number-input-error-message-typography-text-decoration:none;--sd-number-input-number-input-stepper-sm-size:20px;--sd-number-input-number-input-stepper-md-size:24px;--sd-number-input-number-input-stepper-radius:4px;--sd-number-input-number-input-stepper-bg-default:#EFF6FF;--sd-number-input-number-input-stepper-bg-disabled:#EEEEEE;--sd-number-input-number-input-stepper-icon-default:#0075FF;--sd-number-input-number-input-stepper-icon-disabled:#BBBBBB;--sd-filepicker-filepicker-height:28px;--sd-filepicker-filepicker-padding-x:12px;--sd-filepicker-filepicker-gap:8px;--sd-filepicker-filepicker-radius:4px;--sd-filepicker-filepicker-border-width:1px;--sd-filepicker-filepicker-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-filepicker-filepicker-typography-font-weight:400;--sd-filepicker-filepicker-typography-font-size:12px;--sd-filepicker-filepicker-typography-line-height:20px;--sd-filepicker-filepicker-typography-text-decoration:none;--sd-filepicker-filepicker-size-icon:16px;--sd-filepicker-filepicker-contents-gap:4px;--sd-filepicker-filepicker-border-default:#AAAAAA;--sd-filepicker-filepicker-border-disabled:#CCCCCC;--sd-filepicker-filepicker-bg-default:#FFFFFF;--sd-filepicker-filepicker-bg-disabled:#E1E1E1;--sd-filepicker-filepicker-text-default:#222222;--sd-filepicker-filepicker-text-placeholder:#AAAAAA;--sd-filepicker-filepicker-text-disabled:#888888;--sd-filepicker-filepicker-icon-disabled:#BBBBBB;--sd-datepicker-datepicker-sm-height:28px;--sd-datepicker-datepicker-sm-padding-x:12px;--sd-datepicker-datepicker-sm-gap:8px;--sd-datepicker-datepicker-sm-icon:16px;--sd-datepicker-datepicker-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-sm-typography-font-weight:400;--sd-datepicker-datepicker-sm-typography-font-size:12px;--sd-datepicker-datepicker-sm-typography-line-height:20px;--sd-datepicker-datepicker-sm-typography-text-decoration:none;--sd-datepicker-datepicker-sm-radius:4px;--sd-datepicker-datepicker-sm-date-gap:4px;--sd-datepicker-datepicker-md-height:36px;--sd-datepicker-datepicker-md-padding-x:16px;--sd-datepicker-datepicker-md-gap:12px;--sd-datepicker-datepicker-md-icon:20px;--sd-datepicker-datepicker-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-md-typography-font-weight:400;--sd-datepicker-datepicker-md-typography-font-size:14px;--sd-datepicker-datepicker-md-typography-text-decoration:none;--sd-datepicker-datepicker-md-typography-line-height:24px;--sd-datepicker-datepicker-md-radius:6px;--sd-datepicker-datepicker-md-date-gap:6px;--sd-datepicker-datepicker-border-width:1px;--sd-datepicker-datepicker-border-default:#AAAAAA;--sd-datepicker-datepicker-border-focus:#0075FF;--sd-datepicker-datepicker-border-disabled:#CCCCCC;--sd-datepicker-datepicker-bg-default:#FFFFFF;--sd-datepicker-datepicker-bg-disabled:#E1E1E1;--sd-datepicker-datepicker-icon-default:#888888;--sd-datepicker-datepicker-icon-disabled:#BBBBBB;--sd-datepicker-datepicker-text-default:#222222;--sd-datepicker-datepicker-text-hint:#555555;--sd-datepicker-datepicker-text-disabled:#888888;--sd-datepicker-datepicker-contents-gap:4px;--sd-datepicker-datepicker-hint-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-hint-typography-font-weight:400;--sd-datepicker-datepicker-hint-typography-font-size:12px;--sd-datepicker-datepicker-hint-typography-line-height:20px;--sd-datepicker-datepicker-hint-typography-text-decoration:none;--sd-datepicker-datepicker-calendar-bg:#FFFFFF;--sd-datepicker-datepicker-calendar-padding-x-y:24px;--sd-datepicker-datepicker-calendar-gap:12px;--sd-datepicker-datepicker-calendar-radius:8px;--sd-datepicker-datepicker-calendar-header-gap:8px;--sd-datepicker-datepicker-calendar-header-divider:#E1E1E1;--sd-datepicker-datepicker-calendar-header-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-calendar-header-typography-font-weight:500;--sd-datepicker-datepicker-calendar-header-typography-font-size:14px;--sd-datepicker-datepicker-calendar-header-typography-text-decoration:none;--sd-datepicker-datepicker-calendar-header-typography-line-height:24px;--sd-datepicker-datepicker-calendar-week-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-calendar-week-typography-font-weight:400;--sd-datepicker-datepicker-calendar-week-typography-font-size:12px;--sd-datepicker-datepicker-calendar-week-typography-line-height:20px;--sd-datepicker-datepicker-calendar-week-typography-text-decoration:none;--sd-datepicker-datepicker-calendar-week-color:#888888;--sd-datepicker-datepicker-calendar-grid-row-gap:4px;--sd-datepicker-datepicker-calendar-day-width:40px;--sd-datepicker-datepicker-calendar-day-circle-size:32px;--sd-datepicker-datepicker-calendar-day-circle-radius:9999px;--sd-datepicker-datepicker-calendar-day-default-text:#222222;--sd-datepicker-datepicker-calendar-day-hover-text:#222222;--sd-datepicker-datepicker-calendar-day-hover-border:#0075FF;--sd-datepicker-datepicker-calendar-day-select-bg:#0075FF;--sd-datepicker-datepicker-calendar-day-select-text:#FFFFFF;--sd-datepicker-datepicker-calendar-day-disabled-text:#BBBBBB;--sd-datepicker-datepicker-calendar-day-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-calendar-day-typography-default-font-weight:400;--sd-datepicker-datepicker-calendar-day-typography-default-font-size:14px;--sd-datepicker-datepicker-calendar-day-typography-default-text-decoration:none;--sd-datepicker-datepicker-calendar-day-typography-default-line-height:24px;--sd-datepicker-datepicker-calendar-day-typography-bold-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-datepicker-datepicker-calendar-day-typography-bold-font-weight:700;--sd-datepicker-datepicker-calendar-day-typography-bold-font-size:14px;--sd-datepicker-datepicker-calendar-day-typography-bold-text-decoration:none;--sd-datepicker-datepicker-calendar-day-typography-bold-line-height:24px;--sd-datepicker-datepicker-calendar-day-dot-size:6px;--sd-datepicker-datepicker-calendar-day-dot-gap:2px;--sd-datepicker-datepicker-calendar-day-dot-padding-y:4px;--sd-datepicker-datepicker-calendar-range-bg:#D9EAFF;--sd-datepicker-datepicker-calendar-range-height:32px;--sd-datepicker-datepicker-calendar-range-panel-gap:24px;--sd-datepicker-datepicker-calendar-range-divider:#E1E1E1;--sd-datepicker-datepicker-calendar-range-width:20px;--sd-chip-chip-height:24px;--sd-chip-chip-padding-x:8px;--sd-chip-chip-gap:4px;--sd-chip-chip-radius:9999px;--sd-chip-chip-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-chip-chip-typography-default-font-size:12px;--sd-chip-chip-typography-default-font-weight:500;--sd-chip-chip-typography-default-text-decoration:none;--sd-chip-chip-typography-default-line-height:20px;--sd-chip-chip-typography-focus-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-chip-chip-typography-focus-font-size:12px;--sd-chip-chip-typography-focus-font-weight:400;--sd-chip-chip-typography-focus-text-decoration:none;--sd-chip-chip-typography-focus-line-height:20px;--sd-chip-chip-bg-default:#F6F6F6;--sd-chip-chip-bg-error:#FCEFEF;--sd-chip-chip-bg-focus:#FFFFFF;--sd-chip-chip-content-default:#888888;--sd-chip-chip-content-error:#E30000;--sd-chip-chip-content-focus:#555555;--sd-chip-chip-border-focus:#E1E1E1;--sd-chip-chip-border-width:1px;--sd-tag-tag-xs-height:20px;--sd-tag-tag-xs-padding-x:8px;--sd-tag-tag-xs-gap:4px;--sd-tag-tag-xs-icon:12px;--sd-tag-tag-xs-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tag-tag-xs-typography-font-size:11px;--sd-tag-tag-xs-typography-font-weight:500;--sd-tag-tag-xs-typography-line-height:18px;--sd-tag-tag-xs-typography-text-decoration:none;--sd-tag-tag-xs-radius:6px;--sd-tag-tag-sm-height:24px;--sd-tag-tag-sm-padding-x:8px;--sd-tag-tag-sm-gap:4px;--sd-tag-tag-sm-icon:16px;--sd-tag-tag-sm-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tag-tag-sm-typography-font-size:12px;--sd-tag-tag-sm-typography-font-weight:700;--sd-tag-tag-sm-typography-text-decoration:none;--sd-tag-tag-sm-typography-line-height:20px;--sd-tag-tag-sm-radius:6px;--sd-tag-tag-md-height:28px;--sd-tag-tag-md-padding-x:12px;--sd-tag-tag-md-gap:6px;--sd-tag-tag-md-icon:16px;--sd-tag-tag-md-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tag-tag-md-typography-font-size:14px;--sd-tag-tag-md-typography-font-weight:700;--sd-tag-tag-md-typography-line-height:24px;--sd-tag-tag-md-typography-text-decoration:none;--sd-tag-tag-md-radius:8px;--sd-tag-tag-red-content:#FB4444;--sd-tag-tag-red-bg:#FCEFEF;--sd-tag-tag-orange-content:#FF6B00;--sd-tag-tag-orange-bg:#FEF1EA;--sd-tag-tag-yellow-content:#916C0D;--sd-tag-tag-yellow-bg:#FFF7DD;--sd-tag-tag-green-content:#00973C;--sd-tag-tag-green-bg:#E8F9EF;--sd-tag-tag-blue-content:#0075FF;--sd-tag-tag-blue-bg:#E6F1FF;--sd-tag-tag-darkblue-content:#006AC1;--sd-tag-tag-darkblue-bg:#EAF5FE;--sd-tag-tag-indigo-content:#004290;--sd-tag-tag-indigo-bg:#EFF6FF;--sd-tag-tag-grey-content:#737373;--sd-tag-tag-grey-bg:#EEEEEE;--sd-badge-badge-size:6px;--sd-badge-badge-radius:9999px;--sd-badge-badge-red:#FB4444;--sd-badge-badge-orange:#FF6B00;--sd-badge-badge-yellow:#FFC700;--sd-badge-badge-green:#00973C;--sd-badge-badge-blue:#0075FF;--sd-badge-badge-darkblue:#006AC1;--sd-badge-badge-indigo:#004290;--sd-badge-badge-grey:#737373;--sd-tooltip-tooltip-radius:6px;--sd-tooltip-tooltip-padding-y:12px;--sd-tooltip-tooltip-padding-x:16px;--sd-tooltip-tooltip-gap:12px;--sd-tooltip-tooltip-arrow-width:16px;--sd-tooltip-tooltip-arrow-height:12px;--sd-tooltip-tooltip-default-bg:#07284A;--sd-tooltip-tooltip-default-content:#FFFFFF;--sd-tooltip-tooltip-default-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tooltip-tooltip-default-typography-font-size:12px;--sd-tooltip-tooltip-default-typography-font-weight:500;--sd-tooltip-tooltip-default-typography-line-height:20px;--sd-tooltip-tooltip-default-typography-text-decoration:none;--sd-tooltip-tooltip-danger-bg:#FCEFEF;--sd-tooltip-tooltip-danger-content:#FB4444;--sd-tooltip-tooltip-danger-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tooltip-tooltip-danger-typography-font-size:12px;--sd-tooltip-tooltip-danger-typography-font-weight:700;--sd-tooltip-tooltip-danger-typography-text-decoration:none;--sd-tooltip-tooltip-danger-typography-line-height:20px;--sd-tooltip-tooltip-warning-bg:#FEF1EA;--sd-tooltip-tooltip-warning-content:#FF6B00;--sd-tooltip-tooltip-warning-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tooltip-tooltip-warning-typography-font-size:12px;--sd-tooltip-tooltip-warning-typography-font-weight:700;--sd-tooltip-tooltip-warning-typography-text-decoration:none;--sd-tooltip-tooltip-warning-typography-line-height:20px;--sd-tooltip-tooltip-accent-bg:#E6F1FF;--sd-tooltip-tooltip-accent-content:#0075FF;--sd-tooltip-tooltip-accent-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tooltip-tooltip-accent-typography-font-size:12px;--sd-tooltip-tooltip-accent-typography-font-weight:700;--sd-tooltip-tooltip-accent-typography-text-decoration:none;--sd-tooltip-tooltip-accent-typography-line-height:20px;--sd-popover-popover-radius:6px;--sd-popover-popover-padding-y:16px;--sd-popover-popover-padding-x:20px;--sd-popover-popover-gap:12px;--sd-popover-popover-body-gap:12px;--sd-popover-popover-contents-gap:4px;--sd-popover-popover-arrow-width:16px;--sd-popover-popover-arrow-height:12px;--sd-popover-popover-bg:#07284A;--sd-popover-popover-title-color:#FFFFFF;--sd-popover-popover-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-popover-popover-title-typography-font-size:14px;--sd-popover-popover-title-typography-font-weight:700;--sd-popover-popover-title-typography-line-height:24px;--sd-popover-popover-title-typography-text-decoration:none;--sd-popover-popover-description-color:#FFFFFF;--sd-popover-popover-description-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-popover-popover-description-typography-font-size:12px;--sd-popover-popover-description-typography-font-weight:500;--sd-popover-popover-description-typography-line-height:20px;--sd-popover-popover-description-typography-text-decoration:none;--sd-popover-popover-sub-action-color:#D8D8D8;--sd-popover-popover-sub-action-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-popover-popover-sub-action-typography-font-size:12px;--sd-popover-popover-sub-action-typography-font-weight:700;--sd-popover-popover-sub-action-typography-text-decoration:none;--sd-popover-popover-sub-action-typography-line-height:20px;--sd-toast-toast-radius:8px;--sd-toast-toast-padding-y:12px;--sd-toast-toast-padding-x:24px;--sd-toast-toast-gap:16px;--sd-toast-toast-icon:16px;--sd-toast-toast-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-toast-toast-typography-default-font-size:14px;--sd-toast-toast-typography-default-font-weight:700;--sd-toast-toast-typography-default-line-height:24px;--sd-toast-toast-typography-default-text-decoration:none;--sd-toast-toast-typography-link-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-toast-toast-typography-link-font-size:14px;--sd-toast-toast-typography-link-font-weight:700;--sd-toast-toast-typography-link-line-height:24px;--sd-toast-toast-typography-link-text-decoration:underline;--sd-toast-toast-default-bg:#07284A;--sd-toast-toast-default-content:#FFFFFF;--sd-toast-toast-danger-bg:#FB4444;--sd-toast-toast-danger-content:#FFFFFF;--sd-toast-toast-caution-bg:#FFC700;--sd-toast-toast-caution-content:#222222;--sd-toast-toast-complete-bg:#00973C;--sd-toast-toast-complete-content:#FFFFFF;--sd-toast-toast-accent-bg:#005CC9;--sd-toast-toast-accent-content:#FFFFFF;--sd-modal-modal-radius:8px;--sd-modal-modal-confirm-padding-x:32px;--sd-modal-modal-confirm-padding-y:40px;--sd-modal-modal-confirm-gap:40px;--sd-modal-modal-confirm-body-gap:20px;--sd-modal-modal-confirm-title-gap:12px;--sd-modal-modal-confirm-title-color:#222222;--sd-modal-modal-confirm-title-icon:32px;--sd-modal-modal-confirm-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-modal-modal-confirm-title-typography-font-weight:700;--sd-modal-modal-confirm-title-typography-font-size:18px;--sd-modal-modal-confirm-title-typography-line-height:30px;--sd-modal-modal-confirm-title-typography-text-decoration:none;--sd-modal-modal-confirm-button-gap:8px;--sd-modal-modal-confirm-message-color:#222222;--sd-modal-modal-confirm-message-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-modal-modal-confirm-message-typography-font-size:12px;--sd-modal-modal-confirm-message-typography-font-weight:400;--sd-modal-modal-confirm-message-typography-line-height:20px;--sd-modal-modal-confirm-message-typography-text-decoration:none;--sd-modal-modal-confirm-positive-icon:#0075FF;--sd-modal-modal-confirm-negative-icon:#E30000;--sd-modal-modal-bg:#FFFFFF;--sd-modal-modal-action-header-padding-x:24px;--sd-modal-modal-action-header-padding-y:20px;--sd-modal-modal-action-header-gap:12px;--sd-modal-modal-action-title-color:#033F59;--sd-modal-modal-action-title-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-modal-modal-action-title-typography-font-weight:700;--sd-modal-modal-action-title-typography-font-size:16px;--sd-modal-modal-action-title-typography-text-decoration:none;--sd-modal-modal-action-title-typography-line-height:26px;--sd-modal-modal-action-body-padding-x:20px;--sd-modal-modal-action-body-padding-bottom:20px;--sd-modal-modal-action-footer-padding-x:20px;--sd-modal-modal-action-footer-padding-y:8px;--sd-modal-modal-action-footer-gap:16px;--sd-modal-modal-action-footer-bg:#F6F6F6;--sd-modal-modal-action-footer-border:#E1E1E1;--sd-modal-modal-loading-width:520px;--sd-modal-modal-loading-height:320px;--sd-modal-modal-loading-gap:20px;--sd-modal-modal-loading-content:80px;--sd-modal-modal-loading-message-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-modal-modal-loading-message-typography-font-size:12px;--sd-modal-modal-loading-message-typography-font-weight:400;--sd-modal-modal-loading-message-typography-line-height:20px;--sd-modal-modal-loading-message-typography-text-decoration:none;--sd-modal-modal-loading-message-color:#888888;--sd-spinner-spinner-size:80px;--sd-spinner-spinner-color-track:#EEEEEE;--sd-spinner-spinner-color-arc:#2D8DFF;--sd-guide-guide-gap:4px;--sd-guide-guide-button-height:28px;--sd-guide-guide-button-padding-x:12px;--sd-guide-guide-button-radius:9999px;--sd-guide-guide-button-gap:6px;--sd-guide-guide-button-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-guide-guide-button-typography-font-size:12px;--sd-guide-guide-button-typography-font-weight:500;--sd-guide-guide-button-typography-text-decoration:none;--sd-guide-guide-button-typography-line-height:20px;--sd-guide-guide-button-icon-size:16px;--sd-guide-guide-button-icon-default:#00973C;--sd-guide-guide-button-icon-active:#FFFFFF;--sd-guide-guide-button-border-width:1px;--sd-guide-guide-button-border-default:#E1E1E1;--sd-guide-guide-button-bg-default:#FFFFFF;--sd-guide-guide-button-bg-tip:#00973C;--sd-guide-guide-button-bg-notion:#1F8AE1;--sd-guide-guide-button-text-default:#222222;--sd-guide-guide-button-text-active:#FFFFFF;--sd-guide-guide-contents-padding-x:24px;--sd-guide-guide-contents-padding-y:20px;--sd-guide-guide-contents-gap:12px;--sd-guide-guide-contents-title-gap:8px;--sd-guide-guide-contents-row-gap:8px;--sd-guide-guide-contents-body-gap:2px;--sd-guide-guide-contents-typography-title-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-guide-guide-contents-typography-title-font-weight:700;--sd-guide-guide-contents-typography-title-font-size:16px;--sd-guide-guide-contents-typography-title-text-decoration:none;--sd-guide-guide-contents-typography-title-line-height:26px;--sd-guide-guide-contents-typography-body-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-guide-guide-contents-typography-body-font-weight:400;--sd-guide-guide-contents-typography-body-font-size:12px;--sd-guide-guide-contents-typography-body-line-height:20px;--sd-guide-guide-contents-typography-body-text-decoration:none;--sd-guide-guide-contents-typography-color:#222222;--sd-guide-guide-contents-icon:#00973C;--sd-guide-guide-contents-radius:8px;--sd-guide-guide-contents-depth-padding-left:32px;--sd-progress-progress-linear-height:20px;--sd-progress-progress-linear-radius:9999px;--sd-progress-progress-linear-gap:12px;--sd-progress-progress-linear-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-progress-progress-linear-typography-font-size:12px;--sd-progress-progress-linear-typography-font-weight:700;--sd-progress-progress-linear-typography-text-decoration:none;--sd-progress-progress-linear-typography-line-height:20px;--sd-progress-progress-circular-size:80px;--sd-progress-progress-circular-gap:8px;--sd-progress-progress-circular-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-progress-progress-circular-typography-font-weight:700;--sd-progress-progress-circular-typography-font-size:16px;--sd-progress-progress-circular-typography-text-decoration:none;--sd-progress-progress-circular-typography-line-height:26px;--sd-progress-progress-label-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-progress-progress-label-typography-font-size:12px;--sd-progress-progress-label-typography-font-weight:400;--sd-progress-progress-label-typography-line-height:20px;--sd-progress-progress-label-typography-text-decoration:none;--sd-progress-progress-color-track:#EEEEEE;--sd-progress-progress-color-label:#555555;--sd-progress-progress-active-color:#2D8DFF;--sd-progress-progress-success-color:#12B553;--sd-progress-progress-error-color:#FB4444;--sd-progress-progress-bar-text:#FFFFFF;--sd-pagination-pagination-height:24px;--sd-pagination-pagination-padding-x:6px;--sd-pagination-pagination-radius:6px;--sd-pagination-pagination-gap:12px;--sd-pagination-pagination-move-gap:4px;--sd-pagination-pagination-icon:12px;--sd-pagination-pagination-typography-default-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-pagination-pagination-typography-default-font-size:12px;--sd-pagination-pagination-typography-default-font-weight:500;--sd-pagination-pagination-typography-default-text-decoration:none;--sd-pagination-pagination-typography-default-line-height:20px;--sd-pagination-pagination-typography-default-selected-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-pagination-pagination-typography-default-selected-font-weight:700;--sd-pagination-pagination-typography-default-selected-font-size:12px;--sd-pagination-pagination-typography-default-selected-line-height:20px;--sd-pagination-pagination-typography-default-selected-text-decoration:none;--sd-pagination-pagination-typography-selected-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-pagination-pagination-typography-selected-font-weight:700;--sd-pagination-pagination-typography-selected-font-size:12px;--sd-pagination-pagination-typography-selected-line-height:20px;--sd-pagination-pagination-typography-selected-text-decoration:none;--sd-pagination-pagination-typography-selected-selected-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-pagination-pagination-typography-selected-selected-font-weight:700;--sd-pagination-pagination-typography-selected-selected-font-size:12px;--sd-pagination-pagination-typography-selected-selected-line-height:20px;--sd-pagination-pagination-typography-selected-selected-text-decoration:none;--sd-pagination-pagination-item-bg-hover:#EEEEEE;--sd-pagination-pagination-item-bg-selected:#E6F1FF;--sd-pagination-pagination-item-content-default:#555555;--sd-pagination-pagination-item-content-hover:#004290;--sd-pagination-pagination-item-content-selected:#004290;--sd-tab-tab-main-lg-height:44px;--sd-tab-tab-main-lg-padding-x:32px;--sd-tab-tab-main-md-height:36px;--sd-tab-tab-main-md-padding-x:24px;--sd-tab-tab-main-gap:8px;--sd-tab-tab-main-container-gap:4px;--sd-tab-tab-main-radius:6px;--sd-tab-tab-main-border-width:1px;--sd-tab-tab-main-selected-bg:#FFFFFF;--sd-tab-tab-main-selected-text:#0075FF;--sd-tab-tab-main-selected-border:#0075FF;--sd-tab-tab-main-selected-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tab-tab-main-selected-typography-font-weight:700;--sd-tab-tab-main-selected-typography-font-size:12px;--sd-tab-tab-main-selected-typography-line-height:20px;--sd-tab-tab-main-selected-typography-text-decoration:none;--sd-tab-tab-main-default-bg:#F6F6F6;--sd-tab-tab-main-default-text:#888888;--sd-tab-tab-main-default-border:#CCCCCC;--sd-tab-tab-main-default-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tab-tab-main-default-typography-font-weight:400;--sd-tab-tab-main-default-typography-font-size:12px;--sd-tab-tab-main-default-typography-line-height:20px;--sd-tab-tab-main-default-typography-text-decoration:none;--sd-tab-tab-sub-selected-text:#0075FF;--sd-tab-tab-sub-selected-line:#0075FF;--sd-tab-tab-sub-selected-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tab-tab-sub-selected-typography-font-weight:700;--sd-tab-tab-sub-selected-typography-font-size:12px;--sd-tab-tab-sub-selected-typography-line-height:20px;--sd-tab-tab-sub-selected-typography-text-decoration:none;--sd-tab-tab-sub-default-text:#222222;--sd-tab-tab-sub-default-typography-font-family:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;--sd-tab-tab-sub-default-typography-font-weight:400;--sd-tab-tab-sub-default-typography-font-size:12px;--sd-tab-tab-sub-default-typography-line-height:20px;--sd-tab-tab-sub-default-typography-text-decoration:none;--sd-tab-tab-sub-border-width:1px;--sd-tab-tab-sub-gap:24px;--sd-tab-tab-sub-content-gap:4px}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}*{scroll-behavior:smooth}*::-webkit-scrollbar{opacity:0;width:8px;background:#E5E5E5}*::-webkit-scrollbar:horizontal{height:8px}*::-webkit-scrollbar-thumb{height:80px;background-color:#CCCCCC;border-radius:4px}*::-webkit-scrollbar-track{background-color:#E5E5E5}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}';var o=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(o||{}),r=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(r||{}),s="type",a="value",l="serialized:";function i(e,t,o){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==r;){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!o||r.get))return r;e=Object.getPrototypeOf(e)}}var n,d=(e,t)=>{var o;Object.entries(null!=(o=t.o.t)?o:{}).map((([o,[r]])=>{if(31&r||32&r){const r=e[o],s=i(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);s&&Object.defineProperty(e,o,{get(){return s.get.call(this)},set(e){s.set.call(this,e)},configurable:!0,enumerable:!0}),t.l.has(o)?e[o]=t.l.get(o):void 0!==r&&(e[o]=r)}}))},p=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},c=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.i=e,512&t.o.p&&d(e,t))},g=(e,t)=>t in e,y=(e,t)=>(0,console.error)(e,t),u=new Map,b=new Map,m="s-id",h="sty-id",f="c-id",x="slot-fb{display:contents}slot-fb[hidden]{display:none}",F="http://www.w3.org/1999/xlink",_="undefined"!=typeof window?window:{},k={p:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,o,r)=>e.addEventListener(t,o,r),rel:(e,t,o,r)=>e.removeEventListener(t,o,r),ce:(e,t)=>new CustomEvent(e,t)},v=e=>Promise.resolve(e),E=(()=>{try{return!!_.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),S=!!E&&(()=>!!_.document&&Object.getOwnPropertyDescriptor(_.document.adoptedStyleSheets,"length").writable)(),A=!1,C=[],w=[],B=(e,t)=>o=>{e.push(o),A||(A=!0,t&&4&k.p?N(j):k.raf(j))},D=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){y(e)}e.length=0},j=()=>{D(C),D(w),(A=C.length>0)&&k.raf(j)},N=e=>v().then(e),M=B(C,!1),I=B(w,!0);function P(){var e;const o=this.attachShadow({mode:"open"});if(void 0===n&&(n=null!=(e=function(e){if(!E)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(t))?e:null),n)S?o.adoptedStyleSheets.push(n):o.adoptedStyleSheets=[...o.adoptedStyleSheets,n];else if(!E){const e=document.createElement("style");e.innerHTML=t,o.prepend(e)}}var U=e=>{const t=O(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&G(t,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!z(e,V(e),!1).length)}));let o=0;for(o=0;o<t.length;o++){const e=t[o];1===e.nodeType&&O(e,"childNodes").length&&U(e)}};function G(e,t,o){let r,s=0,a=[];for(;s<e.length;s++){if(r=e[s],r["s-sr"]&&(!t||r["s-hn"]===t)&&(void 0===o||V(r)===o)&&(a.push(r),void 0!==o))return a;a=[...a,...G(r.childNodes,t,o)]}return a}var z=(e,t,o=!0)=>{const r=[];(o&&e["s-sr"]||!e["s-sr"])&&r.push(e);let s=e;for(;s=s.nextSibling;)V(s)!==t||!o&&s["s-sr"]||r.push(s);return r},$=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,R=(e,t,o,r)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=e,!t["s-cr"]||!t["s-cr"].parentNode)return;const a=t["s-cr"].parentNode,l=O(a,"appendChild");if(void 0!==r){s["s-oo"]=r;const e=O(a,"childNodes"),t=[s];e.forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((e,t)=>!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0)?-1:!t["s-oo"]||t["s-oo"]<e["s-oo"]?1:0)),t.forEach((e=>l.call(a,e)))}else l.call(a,s);e["s-ol"]=s,e["s-sh"]=t["s-hn"]},V=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function K(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const o=[],r=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const s=this["s-cr"].parentElement;return(s.__childNodes?s.childNodes:(e=>{const t=[];for(let o=0;o<e.length;o++){const r=e[o]["s-nr"]||void 0;r&&r.isConnected&&t.push(r)}return t})(s.childNodes)).forEach((e=>{r===V(e)&&o.push(e)})),t?o.filter((e=>1===e.nodeType)):o}.bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function O(e,t){if("__"+t in e){const o=e["__"+t];return"function"!=typeof o?o:o.bind(e)}return"function"!=typeof e[t]?e[t]:e[t].bind(e)}function L(e){var t,o,r;return null!=(r=null==(o=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:o.getAttribute("content"))?r:void 0}var T=new WeakMap,q=(e,t,o)=>{let r=b.get(e);E&&o?(r=r||new CSSStyleSheet,"string"==typeof r?r=t:r.replaceSync(t)):r=t,b.set(e,r)},H=(e,t)=>{var o,r,s;const a=W(t),l=b.get(a);if(!_.document)return a;if(e=11===e.nodeType?e:_.document,l)if("string"==typeof l){let s,i=T.get(e=e.head||e);i||T.set(e,i=new Set);const n=e.querySelector(`[${h}="${a}"]`);if(n)n.textContent=l;else if(!i.has(a)){s=_.document.createElement("style"),s.textContent=l;const n=null!=(o=k.m)?o:L(_.document);if(null!=n&&s.setAttribute("nonce",n),!(1&t.p))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),o=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(null==o?void 0:o.parentNode)===e?o:null)}else if("host"in e)if(E){const t=new(null!=(r=e.defaultView)?r:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(l),S?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=l+t.textContent:e.prepend(s)}else e.append(s);1&t.p&&e.insertBefore(s,null),4&t.p&&(s.textContent+=x),i&&i.add(a)}}else{let t=T.get(e);if(t||T.set(e,t=new Set),!t.has(a)){const o=null!=(s=e.defaultView)?s:e.ownerDocument.defaultView;let r;if(l.constructor===o.CSSStyleSheet)r=l;else{r=new o.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)r.insertRule(l.cssRules[e].cssText,e)}if(S?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r],t.add(a),"host"in e){const t=e.querySelector(`[${h}="${a}"]`);t&&I((()=>t.remove()))}}}return a},W=e=>"sc-"+e.h,Y=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),J=e=>"object"==(e=typeof e)||"function"===e,Z=(e,t,...o)=>{let r=null,s=null,a=null,l=!1,i=!1;const n=[],d=t=>{for(let o=0;o<t.length;o++)r=t[o],Array.isArray(r)?d(r):null!=r&&"boolean"!=typeof r&&((l="function"!=typeof e&&!J(r))&&(r+=""),l&&i?n[n.length-1].F+=r:n.push(l?Q(null,r):r),i=l)};if(d(o),t){t.key&&(s=t.key),t.name&&(a=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,n,ee);const p=Q(e,null);return p._=t,n.length>0&&(p.k=n),p.v=s,p.S=a,p},Q=(e,t)=>({p:0,A:e,F:null!=t?t:null,C:null,k:null,_:null,v:null,S:null}),X={},ee={forEach:(e,t)=>e.map(te).forEach(t),map:(e,t)=>e.map(te).map(t).map(oe)},te=e=>({vattrs:e._,vchildren:e.k,vkey:e.v,vname:e.S,vtag:e.A,vtext:e.F}),oe=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),Z(e.vtag,t,...e.vchildren||[])}const t=Q(e.vtag,e.vtext);return t._=e.vattrs,t.k=e.vchildren,t.v=e.vkey,t.S=e.vname,t},re=(e,t,o,r,s,a,l,i=[])=>{let n,d,p,c;const g=s["s-sc"];if(1===a.nodeType){if(n=a.getAttribute(f),n&&(d=n.split("."),d[0]===l||"0"===d[0])){p=ae({p:0,B:d[0],D:d[1],j:d[2],N:d[3],A:a.tagName.toLowerCase(),C:a,_:{class:a.className||""}}),t.push(p),a.removeAttribute(f),e.k||(e.k=[]),g&&d[0]===l&&(a["s-si"]=g,p._.class+=" "+g);const s=p.C.getAttribute("s-sn");"string"==typeof s&&("slot-fb"===p.A&&(le(s,d[2],p,a,e,t,o,r,i),g&&a.classList.add(g)),p.C["s-sn"]=s,p.C.removeAttribute("s-sn")),void 0!==p.N&&(e.k[p.N]=p),e=p,r&&"0"===p.j&&(r[p.N]=p.C)}if(a.shadowRoot)for(c=a.shadowRoot.childNodes.length-1;c>=0;c--)re(e,t,o,r,s,a.shadowRoot.childNodes[c],l,i);const y=a.__childNodes||a.childNodes;for(c=y.length-1;c>=0;c--)re(e,t,o,r,s,y[c],l,i)}else if(8===a.nodeType)d=a.nodeValue.split("."),(d[1]===l||"0"===d[1])&&(n=d[0],p=ae({B:d[1],D:d[2],j:d[3],N:d[4]||"0",C:a,_:null,k:null,v:null,S:null,A:null,F:null}),"t"===n?(p.C=ce(a,3),p.C&&3===p.C.nodeType&&(p.F=p.C.textContent,t.push(p),a.remove(),l===p.B&&(e.k||(e.k=[]),e.k[p.N]=p),r&&"0"===p.j&&(r[p.N]=p.C))):"c"===n?(p.C=ce(a,8),p.C&&8===p.C.nodeType&&(t.push(p),a.remove())):p.B===l&&("s"===n?le(a["s-sn"]=d[5]||"",d[2],p,a,e,t,o,r,i):"r"===n&&(r?a.remove():(s["s-cr"]=a,a["s-cn"]=!0))));else if(e&&"style"===e.A){const t=Q(null,a.textContent);t.C=a,t.N="0",e.k=[t]}return e},se=(e,t)=>{if(1===e.nodeType){const o=e[m]||e.getAttribute(m);o&&t.set(o,e);let r=0;if(e.shadowRoot)for(;r<e.shadowRoot.childNodes.length;r++)se(e.shadowRoot.childNodes[r],t);const s=e.__childNodes||e.childNodes;for(r=0;r<s.length;r++)se(s[r],t)}else if(8===e.nodeType){const o=e.nodeValue.split(".");"o"===o[0]&&(t.set(o[1]+"."+o[2],e),e.nodeValue="",e["s-en"]=o[3])}},ae=e=>({p:0,B:null,D:null,j:null,N:"0",C:null,_:null,k:null,v:null,S:null,A:null,F:null,...e});function le(e,t,o,r,s,a,l,i,n){r["s-sr"]=!0,o.S=e||null,o.A="slot";const d=(null==s?void 0:s.C)?s.C["s-id"]||s.C.getAttribute("s-id"):"";if(i&&_.document){const a=o.C=_.document.createElement(o.A);o.S&&o.C.setAttribute("name",e),s.C.shadowRoot&&d&&d!==o.B?O(s.C,"insertBefore")(a,O(s.C,"children")[0]):O(O(r,"parentNode"),"insertBefore")(a,r),pe(n,t,e,r,o.B),r.remove(),"0"===o.j&&(i[o.N]=o.C)}else{const a=o.C,l=d&&d!==o.B&&s.C.shadowRoot;pe(n,t,e,r,l?d:o.B),K(r),l&&s.C.insertBefore(a,s.C.children[0])}a.push(o),l.push(o),s.k||(s.k=[]),s.k[o.N]=o}var ie,ne,de,pe=(e,t,o,r,s)=>{var a,l;let i=r.nextSibling;if(e[t]=e[t]||[],i&&!(null==(a=i.nodeValue)?void 0:a.startsWith("s.")))do{!i||(i.getAttribute&&i.getAttribute("slot")||i["s-sn"])!==o&&(""!==o||i["s-sn"]||i.getAttribute&&i.getAttribute("slot")||8!==i.nodeType&&3!==i.nodeType)||(i["s-sn"]=o,e[t].push({slot:r,node:i,hostId:s})),i=null==i?void 0:i.nextSibling}while(i&&!(null==(l=i.nodeValue)?void 0:l.startsWith("s.")))},ce=(e,t)=>{let o=e;do{o=o.nextSibling}while(o&&(o.nodeType!==t||!o.nodeValue));return o},ge=class e{static fromLocalValue(t){const o=t[s],r=a in t?t[a]:void 0;switch(o){case"string":case"boolean":return r;case"bigint":return BigInt(r);case"undefined":return;case"null":return null;case"number":return"NaN"===r?NaN:"-0"===r?-0:"Infinity"===r?1/0:"-Infinity"===r?-1/0:r;case"array":return r.map((t=>e.fromLocalValue(t)));case"date":return new Date(r);case"map":const t=new Map;for(const[o,s]of r){const r="object"==typeof o&&null!==o?e.fromLocalValue(o):o,a=e.fromLocalValue(s);t.set(r,a)}return t;case"object":const s={};for(const[t,o]of r)s[t]=e.fromLocalValue(o);return s;case"regexp":const{pattern:a,flags:l}=r;return RegExp(a,l);case"set":const i=new Set;for(const t of r)i.add(e.fromLocalValue(t));return i;case"symbol":return Symbol(r);default:throw Error("Unsupported type: "+o)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if("object"!=typeof e||null===e)return!1;if(!e.hasOwnProperty(s))return!1;const t=e[s];return!!Object.values({...o,...r}).includes(t)&&("null"===t||"undefined"===t||e.hasOwnProperty(a))}},ye=(e,t)=>"string"==typeof e&&e.startsWith(l)?e=function(e){return"string"==typeof e&&e.startsWith(l)?ge.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e):null==e||J(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,ue=e=>{var t;return null==(t=p(e))?void 0:t.$hostElement$},be=(e,t,o)=>{const r=ue(e);return{emit:e=>me(r,t,{bubbles:!!(4&o),composed:!!(2&o),cancelable:!!(1&o),detail:e})}},me=(e,t,o)=>{const r=k.ce(t,o);return e.dispatchEvent(r),r},he=(e,t,o,r,s,a,l)=>{if(o===r)return;let i=g(e,t),n=t.toLowerCase();if("class"===t){const t=e.classList,s=xe(o);let a=xe(r);if((e["s-si"]||e["s-sc"])&&l){const o=e["s-sc"]||e["s-si"];a.push(o),s.forEach((e=>{e.startsWith(o)&&a.push(e)})),a=[...new Set(a)].filter((e=>e)),t.add(...a)}else t.remove(...s.filter((e=>e&&!a.includes(e)))),t.add(...a.filter((e=>e&&!s.includes(e))))}else if("style"===t){for(const t in o)r&&null!=r[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)o&&r[t]===o[t]||(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&Ve(r,e);else if(i||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const o=t.slice(5);let s;{const t=p(e);if(t&&t.o&&t.o.t){const e=t.o.t[o];e&&e[1]&&(s=e[1])}}return s||(s=o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==e.getAttribute(s)||e.removeAttribute(s):e.setAttribute(s,!0===r?"":r))}if("p"===t[0]&&t.startsWith("prop:")){const o=t.slice(5);try{e[o]=r}catch(e){}return}{const l=J(r);if((i||l&&null!==r)&&!s)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const s=null==r?"":r;"list"===t?i=!1:null!=o&&e[t]===s||("function"==typeof e.__lookupSetter__(t)?e[t]=s:e.setAttribute(t,s))}}catch(e){}let d=!1;n!==(n=n.replace(/^xlink\:?/,""))&&(t=n,d=!0),null==r||!1===r?!1===r&&""!==e.getAttribute(t)||(d?e.removeAttributeNS(F,t):e.removeAttribute(t)):(!i||4&a||s)&&!l&&1===e.nodeType&&(r=!0===r?"":r,d?e.setAttributeNS(F,t,r):e.setAttribute(t,r))}}else if(t="-"===t[2]?t.slice(3):g(_,n)?n.slice(2):n[2]+t.slice(3),o||r){const s=t.endsWith(Fe);t=t.replace(_e,""),o&&k.rel(e,t,o,s),r&&k.ael(e,t,r,s)}},fe=/\s/,xe=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(fe):[]),Fe="Capture",_e=RegExp(Fe+"$"),ke=(e,t,o,r)=>{const s=11===t.C.nodeType&&t.C.host?t.C.host:t.C,a=e&&e._||{},l=t._||{};for(const e of ve(Object.keys(a)))e in l||he(s,e,a[e],void 0,o,t.p,r);for(const e of ve(Object.keys(l)))he(s,e,a[e],l[e],o,t.p,r)};function ve(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var Ee=!1,Se=!1,Ae=!1,Ce=!1,we=[],Be=[],De=(e,t,o)=>{var r;const s=t.k[o];let a,l,i,n=0;if(Ee||(Ae=!0,"slot"===s.A&&(s.p|=s.k?2:1)),null!=s.F)a=s.C=_.document.createTextNode(s.F);else if(1&s.p)a=s.C=_.document.createTextNode(""),ke(null,s,Ce);else{if(Ce||(Ce="svg"===s.A),!_.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(a=s.C=_.document.createElementNS(Ce?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Ee&&2&s.p?"slot-fb":s.A),Ce&&"foreignObject"===s.A&&(Ce=!1),ke(null,s,Ce),null!=ie&&void 0!==ie&&a["s-si"]!==ie&&a.classList.add(a["s-si"]=ie),s.k){const t="template"===s.A?a.content:a;for(n=0;n<s.k.length;++n)l=De(e,s,n),l&&t.appendChild(l)}"svg"===s.A?Ce=!1:"foreignObject"===a.tagName&&(Ce=!0)}return a["s-hn"]=de,3&s.p&&(a["s-sr"]=!0,a["s-cr"]=ne,a["s-sn"]=s.S||"",a["s-rf"]=null==(r=s._)?void 0:r.ref,K(a),i=e&&e.k&&e.k[o],i&&i.A===s.A&&e.C&&je(e.C),Oe(ne,a,t.C,null==e?void 0:e.C)),a},je=e=>{k.p|=1;const t=e.closest(de.toLowerCase());if(null!=t){const o=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes||e.childNodes);for(const e of o?r.reverse():r)null!=e["s-sh"]&&(Ke(t,e,null!=o?o:null),e["s-sh"]=void 0,Ae=!0)}k.p&=-2},Ne=(e,t)=>{k.p|=1;const o=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===de&&o.push(t)}for(let e=o.length-1;e>=0;e--){const r=o[e];r["s-hn"]!==de&&r["s-ol"]&&(Ke(Ue(r).parentNode,r,Ue(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,Ae=!0),t&&Ne(r,t)}k.p&=-2},Me=(e,t,o,r,s,a)=>{let l,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===de&&(i=i.shadowRoot),"template"===o.A&&(i=i.content);s<=a;++s)r[s]&&(l=De(null,o,s),l&&(r[s].C=l,Ke(i,l,Ue(t))))},Ie=(e,t,o)=>{for(let r=t;r<=o;++r){const t=e[r];if(t){const e=t.C;Re(t),e&&(Se=!0,e["s-ol"]?e["s-ol"].remove():Ne(e,!0),e.remove())}}},Pe=(e,t,o=!1)=>e.A===t.A&&("slot"===e.A?e.S===t.S:o?(o&&!e.v&&t.v&&(e.v=t.v),!0):e.v===t.v),Ue=e=>e&&e["s-ol"]||e,Ge=(e,t,o=!1)=>{const r=t.C=e.C,s=e.k,a=t.k,l=t.A,i=t.F;let n;null==i?(Ce="svg"===l||"foreignObject"!==l&&Ce,"slot"!==l||Ee||e.S!==t.S&&(t.C["s-sn"]=t.S||"",je(t.C.parentElement)),ke(e,t,Ce,o),null!==s&&null!==a?((e,t,o,r,s=!1)=>{let a,l,i=0,n=0,d=0,p=0,c=t.length-1,g=t[0],y=t[c],u=r.length-1,b=r[0],m=r[u];const h="template"===o.A?e.content:e;for(;i<=c&&n<=u;)if(null==g)g=t[++i];else if(null==y)y=t[--c];else if(null==b)b=r[++n];else if(null==m)m=r[--u];else if(Pe(g,b,s))Ge(g,b,s),g=t[++i],b=r[++n];else if(Pe(y,m,s))Ge(y,m,s),y=t[--c],m=r[--u];else if(Pe(g,m,s))"slot"!==g.A&&"slot"!==m.A||Ne(g.C.parentNode,!1),Ge(g,m,s),Ke(h,g.C,y.C.nextSibling),g=t[++i],m=r[--u];else if(Pe(y,b,s))"slot"!==g.A&&"slot"!==m.A||Ne(y.C.parentNode,!1),Ge(y,b,s),Ke(h,y.C,g.C),y=t[--c],b=r[++n];else{for(d=-1,p=i;p<=c;++p)if(t[p]&&null!==t[p].v&&t[p].v===b.v){d=p;break}d>=0?(l=t[d],l.A!==b.A?a=De(t&&t[n],o,d):(Ge(l,b,s),t[d]=void 0,a=l.C),b=r[++n]):(a=De(t&&t[n],o,n),b=r[++n]),a&&Ke(Ue(g.C).parentNode,a,Ue(g.C))}i>c?Me(e,null==r[u+1]?null:r[u+1].C,o,r,n,u):n>u&&Ie(t,i,c)})(r,s,t,a,o):null!==a?(null!==e.F&&(r.textContent=""),Me(r,null,t,a,0,a.length-1)):o||null===s?o&&null!==s&&null===a&&(t.k=s):Ie(s,0,s.length-1),Ce&&"svg"===l&&(Ce=!1)):(n=r["s-cr"])?n.parentNode.textContent=i:e.F!==i&&(r.data=i)},ze=[],$e=e=>{let t,o,r;const s=e.__childNodes||e.childNodes;for(const e of s){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){o=t.parentNode.__childNodes||t.parentNode.childNodes;const s=e["s-sn"];for(r=o.length-1;r>=0;r--)if(t=o[r],!(t["s-cn"]||t["s-nr"]||t["s-hn"]===e["s-hn"]||t["s-sh"]&&t["s-sh"]===e["s-hn"]))if($(t,s)){let o=ze.find((e=>e.M===t));Se=!0,t["s-sn"]=t["s-sn"]||s,o?(o.M["s-sh"]=e["s-hn"],o.I=e):(t["s-sh"]=e["s-hn"],ze.push({I:e,M:t})),t["s-sr"]&&ze.map((e=>{$(e.M,t["s-sn"])&&(o=ze.find((e=>e.M===t)),o&&!e.I&&(e.I=o.I))}))}else ze.some((e=>e.M===t))||ze.push({M:t})}1===e.nodeType&&$e(e)}},Re=e=>{e._&&e._.ref&&we.push((()=>e._.ref(null))),e.k&&e.k.map(Re)},Ve=(e,t)=>{Be.push((()=>e(t)))},Ke=(e,t,o,r)=>{if("string"==typeof t["s-sn"]&&t["s-sr"]&&t["s-cr"])Oe(t["s-cr"],t,e,t.parentElement);else if("string"==typeof t["s-sn"]){e.insertBefore(t,o);const{slotNode:s}=function(e,t){var o;if(!(t=t||(null==(o=e["s-ol"])?void 0:o.parentElement)))return{slotNode:null,slotName:""};const r=e["s-sn"]=V(e)||"";return{slotNode:G(O(t,"childNodes"),t.tagName,r)[0],slotName:r}}(t);return s&&!r&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(s),t}return e.__insertBefore?e.__insertBefore(t,o):null==e?void 0:e.insertBefore(t,o)};function Oe(e,t,o,r){var s,a;let l;if(e&&"string"==typeof t["s-sn"]&&t["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(l=t["s-si"]||e.parentNode["s-sc"])){const e=t["s-sn"],i=t["s-hn"];if(null==(s=o.classList)||s.add(l+"-s"),r&&(null==(a=r.classList)?void 0:a.contains(l+"-s"))){let t=(r.__childNodes||r.childNodes)[0],o=!1;for(;t;){if(t["s-sn"]!==e&&t["s-hn"]===i&&t["s-sr"]){o=!0;break}t=t.nextSibling}o||r.classList.remove(l+"-s")}}}var Le=(e,t)=>{if(t&&!e.P&&t["s-p"]){const o=t["s-p"].push(new Promise((r=>e.P=()=>{t["s-p"].splice(o-1,1),r()})))}},Te=(e,t)=>{if(e.p|=16,4&e.p)return void(e.p|=512);Le(e,e.U);const o=()=>qe(e,t);if(!t)return I(o);queueMicrotask((()=>{o()}))},qe=(e,t)=>{const o=e.$hostElement$,r=e.i;if(!r)throw Error(`Can't render component <${o.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let s;return t?(e.G&&(e.G=!1,et(r,"connectedCallback",void 0,o)),e.p|=256,e.$&&(e.$.map((([e,t])=>et(r,e,t,o))),e.$=void 0),e.R.length&&e.R.forEach((e=>e(o))),s=et(r,"componentWillLoad",void 0,o)):s=et(r,"componentWillUpdate",void 0,o),s=He(s,(()=>et(r,"componentWillRender",void 0,o))),He(s,(()=>Ye(e,r,t)))},He=(e,t)=>We(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),We=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Ye=async(e,t,o)=>{var r;const s=e.$hostElement$,a=s["s-rc"];o&&(e=>{const t=e.o,o=e.$hostElement$,r=t.p,s=H(o.shadowRoot?o.shadowRoot:o.getRootNode(),t);10&r&&(o["s-sc"]=s,o.classList.add(s+"-h"))})(e);Je(e,t,s,o),a&&(a.map((e=>e())),s["s-rc"]=void 0);{const t=null!=(r=s["s-p"])?r:[],o=()=>Ze(e);0===t.length?o():(Promise.all(t).then(o).catch(o),e.p|=4,t.length=0)}},Je=(e,t,o,r)=>{try{t=t.render(),e.p&=-17,e.p|=2,((e,t,o=!1)=>{var r,s,a,l,i;const n=e.$hostElement$,d=e.o,p=e.V||Q(null,null),c=(e=>e&&e.A===X)(t)?t:Z(null,null,t);if(de=n.tagName,d.K&&(c._=c._||{},d.K.forEach((([e,t])=>{c._[t]=n[e]}))),o&&c._)for(const e of Object.keys(c._))n.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(c._[e]=n[e]);if(c.A=null,c.p|=4,e.V=c,c.C=p.C=n.shadowRoot||n,ie=n["s-sc"],Ee=!(!(1&d.p)||128&d.p),ne=n["s-cr"],Se=!1,Ge(p,c,o),k.p|=1,Ae){$e(c.C);for(const e of ze){const t=e.M;if(!t["s-ol"]&&_.document){const e=_.document.createTextNode("");e["s-nr"]=t,Ke(t.parentNode,t["s-ol"]=e,t,o)}}for(const e of ze){const t=e.M,i=e.I;if(1===t.nodeType&&o&&(t["s-ih"]=null!=(r=t.hidden)&&r),i){const e=i.parentNode;let r=i.nextSibling;if(r&&1===r.nodeType){let o=null==(s=t["s-ol"])?void 0:s.previousSibling;for(;o;){let s=null!=(a=o["s-nr"])?a:null;if(s&&s["s-sn"]===t["s-sn"]&&e===(s.__parentNode||s.parentNode)){for(s=s.nextSibling;s===t||(null==s?void 0:s["s-sr"]);)s=null==s?void 0:s.nextSibling;if(!s||!s["s-nr"]){r=s;break}}o=o.previousSibling}}if((!r&&e!==(t.__parentNode||t.parentNode)||(t.__nextSibling||t.nextSibling)!==r)&&t!==r){if(Ke(e,t,r,o),8===t.nodeType&&t.nodeValue.startsWith("s-nt-")){const e=_.document.createTextNode(t.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=t["s-hn"],e["s-sn"]=t["s-sn"],e["s-sh"]=t["s-sh"],e["s-sr"]=t["s-sr"],e["s-ol"]=t["s-ol"],e["s-ol"]["s-nr"]=e,Ke(t.parentNode,e,t,o),t.parentNode.removeChild(t)}1===t.nodeType&&"SLOT-FB"!==t.tagName&&(t.hidden=null!=(l=t["s-ih"])&&l)}t&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===t.nodeType&&(t.hidden=!0)}}if(Se&&U(c.C),k.p&=-2,ze.length=0,!Ee&&!(1&d.p)&&n["s-cr"]){const e=c.C.__childNodes||c.C.childNodes;for(const t of e)if(t["s-hn"]!==de&&!t["s-sh"])if(o&&null==t["s-ih"]&&(t["s-ih"]=null!=(i=t.hidden)&&i),1===t.nodeType)t.hidden=!0;else if(3===t.nodeType&&t.nodeValue.trim()){const e=_.document.createComment("s-nt-"+t.nodeValue);e["s-sn"]=t["s-sn"],Ke(t.parentNode,e,t,o),t.parentNode.removeChild(t)}}ne=void 0,we.forEach((e=>e())),we.length=0,Be.forEach((e=>e())),Be.length=0})(e,t,r)}catch(t){y(t,e.$hostElement$)}return null},Ze=e=>{const t=e.$hostElement$,o=e.i,r=e.U;et(o,"componentDidRender",void 0,t),64&e.p?et(o,"componentDidUpdate",void 0,t):(e.p|=64,tt(t),et(o,"componentDidLoad",void 0,t),e.O(t),r||Xe()),e.L(t),e.P&&(e.P(),e.P=void 0),512&e.p&&N((()=>Te(e,!1))),e.p&=-517},Qe=e=>{var t;{const o=p(e),r=null==(t=null==o?void 0:o.$hostElement$)?void 0:t.isConnected;return r&&2==(18&o.p)&&Te(o,!1),r}},Xe=()=>{var e;N((()=>me(_,"appload",{detail:{namespace:"design-system"}}))),(null==(e=k.T)?void 0:e.size)&&k.T.clear()},et=(e,t,o,r)=>{if(e&&e[t])try{return e[t](o)}catch(e){y(e,r)}},tt=e=>e.setAttribute("hydrated",""),ot=(e,t,o,r)=>{const s=p(e);if(!s)return;if(!s)throw Error(`Couldn't find host element for "${r.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const a=s.$hostElement$,l=s.l.get(t),i=s.p,n=s.i;if(o=ye(o,r.t[t][0]),!(8&i&&void 0!==l||o===l||Number.isNaN(l)&&Number.isNaN(o))){if(s.l.set(t,o),r.q){const e=r.q[t];e&&e.map((e=>{try{const[[r,a]]=Object.entries(e);(128&i||1&a)&&(n?n[r](o,l,t):s.R.push((()=>{s.i[r](o,l,t)})))}catch(e){y(e,a)}}))}if(2&i){if(n.componentShouldUpdate&&!1===n.componentShouldUpdate(o,l,t)&&!(16&i))return;16&i||Te(s,!1)}}},rt=(e,t,o)=>{var r,s;const a=e.prototype;{e.watchers&&!t.q&&(t.q=e.watchers),e.deserializers&&!t.H&&(t.H=e.deserializers),e.serializers&&!t.W&&(t.W=e.serializers);const l=Object.entries(null!=(r=t.t)?r:{});if(l.map((([e,[r]])=>{if(31&r||2&o&&32&r){const{get:s,set:l}=i(a,e)||{};s&&(t.t[e][0]|=2048),l&&(t.t[e][0]|=4096),(1&o||!s)&&Object.defineProperty(a,e,{get(){{if(!(2048&t.t[e][0]))return((e,t)=>p(this).l.get(t))(0,e);const o=p(this),r=o?o.i:a;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(a,e,{set(s){const a=p(this);if(a){if(l)return void 0===(32&r?this[e]:a.$hostElement$[e])&&a.l.get(e)&&(s=a.l.get(e)),l.call(this,ye(s,r)),void ot(this,e,s=32&r?this[e]:a.$hostElement$[e],t);{if(!(1&o&&4096&t.t[e][0]))return ot(this,e,s,t),void(1&o&&!a.i&&a.R.push((()=>{4096&t.t[e][0]&&a.i[e]!==a.l.get(e)&&(a.i[e]=s)})));const l=()=>{const o=a.i[e];!a.l.get(e)&&o&&a.l.set(e,o),a.i[e]=ye(s,r),ot(this,e,a.i[e],t)};a.i?l():a.R.push((()=>{l()}))}}}})}else 1&o&&64&r&&Object.defineProperty(a,e,{value(...t){var o;const r=p(this);return null==(o=null==r?void 0:r.Y)?void 0:o.then((()=>{var o;return null==(o=r.i)?void 0:o[e](...t)}))}})})),1&o){const o=new Map;a.attributeChangedCallback=function(e,r,s){k.jmp((()=>{var i;const n=o.get(e),d=p(this);if(this.hasOwnProperty(n)&&(s=this[n],delete this[n]),a.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==s)return;if(null==n){const o=null==d?void 0:d.p;if(d&&o&&!(8&o)&&s!==r){const a=d.i,l=null==(i=t.q)?void 0:i[e];null==l||l.forEach((t=>{const[[l,i]]=Object.entries(t);null!=a[l]&&(128&o||1&i)&&a[l].call(a,s,r,e)}))}return}const c=l.find((([e])=>e===n));c&&4&c[1][0]&&(s=null!==s&&"false"!==s);const g=Object.getOwnPropertyDescriptor(a,n);s==this[n]||g.get&&!g.set||(this[n]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.q)?s:{}),...l.filter((([e,t])=>31&t[0])).map((([e,r])=>{var s;const a=r[1]||e;return o.set(a,e),512&r[0]&&(null==(s=t.K)||s.push([e,a])),a}))]))}}return e},st=(e,t)=>{et(e,"connectedCallback",void 0,t)},at=e=>{if(!(1&k.p)){const t=p(e);if(!t)return;const o=t.o,r=()=>{};if(1&t.p)pt(e,t,o.J),(null==t?void 0:t.i)?st(t.i,e):(null==t?void 0:t.Z)&&t.Z.then((()=>st(t.i,e)));else{let r;if(t.p|=1,r=e.getAttribute(m),r){if(1&o.p){const t=H(e.shadowRoot,o);e.classList.remove(t+"-h",t+"-s")}else if(2&o.p){const t=W(o);e["s-sc"]=t}((e,t,o,r)=>{var s,a,l,i;const n=e.shadowRoot,d=[],c=[],g=[],y=n?[]:null,u=Q(t,null);let b;u.C=e;{const t=r.o;t&&10&t.p&&e["s-sc"]?(b=e["s-sc"],e.classList.add(b+"-h")):e["s-sc"]&&delete e["s-sc"]}!_.document||k.T&&k.T.size||se(_.document.body,k.T=new Map),e[m]=o,e.removeAttribute(m),r.V=re(u,d,c,y,e,e,o,g);let h=0;const f=d.length;let x;for(;h<f;h++){x=d[h];const o=x.B+"."+x.D,r=k.T.get(o),a=x.C;if(n){if((null==(s=x.A)?void 0:(""+s).includes("-"))&&"slot-fb"!==x.A&&!x.C.shadowRoot){const e=p(x.C);if(e){const t=W(e.o),o=_.document.querySelector(`style[sty-id="${t}"]`);o&&y.unshift(o.cloneNode(!0))}}}else a["s-hn"]=t.toUpperCase(),"slot"===x.A&&(a["s-cr"]=e["s-cr"]);"slot"===x.A&&(x.S=x.C["s-sn"]||x.C.name||null,x.k?(x.p|=2,x.C.childNodes.length||x.k.forEach((e=>{x.C.appendChild(e.C)}))):x.p|=1),r&&r.isConnected&&(r.parentElement.shadowRoot&&""===r["s-en"]&&r.parentNode.insertBefore(a,r.nextSibling),r.parentNode.removeChild(r),n||(a["s-oo"]=parseInt(x.D))),r&&!r["s-id"]&&k.T.delete(o)}const F=[],v=g.length;let E,S,A,C,w=0,B=0;for(;w<v;w++)if(E=g[w],E&&E.length)for(A=E.length,S=0;S<A;S++){if(C=E[S],F[C.hostId]||(F[C.hostId]=k.T.get(C.hostId)),!F[C.hostId])continue;const e=F[C.hostId];e.shadowRoot&&C.node.parentElement!==e&&e.insertBefore(C.node,null==(l=null==(a=E[S-1])?void 0:a.node)?void 0:l.nextSibling),e.shadowRoot&&n||(C.slot["s-cr"]||(C.slot["s-cr"]=e["s-cr"],C.slot["s-cr"]=!C.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0]),R(C.node,C.slot,0,C.node["s-oo"]||B),(null==(i=C.node.parentElement)?void 0:i.shadowRoot)&&C.node.getAttribute&&C.node.getAttribute("slot")&&C.node.removeAttribute("slot")),B=(C.node["s-oo"]||B)+1}if(b&&c.length&&c.forEach((e=>{e.C.parentElement.classList.add(b+"-s")})),n&&!n.childNodes.length){let t=0;const o=y.length;if(o){for(;t<o;t++){const e=y[t];e&&n.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):8!==e.nodeType||e.nodeValue||e.parentNode.removeChild(e))}))}}r.$hostElement$=e})(e,o.h,r,t)}r||12&o.p&&lt(e);{let o=e;for(;o=o.parentNode||o.host;)if(1===o.nodeType&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){Le(t,t.U=o);break}}o.t&&Object.entries(o.t).map((([t,[o]])=>{if(31&o&&Object.prototype.hasOwnProperty.call(e,t)){const o=e[t];delete e[t],e[t]=o}})),(async(e,t,o)=>{let r;try{if(!(32&t.p)){if(t.p|=32,o.X){const s=((e,t)=>{const o=e.h.replace(/-/g,"_"),r=e.X;if(!r)return;const s=u.get(r);return s?s[o]:import(`./${r}.entry.js`).then((e=>(u.set(r,e),e[o])),(e=>{y(e,t.$hostElement$)}))
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(o,t);if(s&&"then"in s){const e=()=>{};r=await s,e()}else r=s;if(!r)throw Error(`Constructor for "${o.h}#${t.ee}" was not found`);r.isProxied||(o.q=r.watchers,o.W=r.serializers,o.H=r.deserializers,rt(r,o,2),r.isProxied=!0);const a=()=>{};t.p|=8;try{new r(t)}catch(t){y(t,e)}t.p&=-9,t.p|=128,a(),4&o.p?t.G=!0:st(t.i,e)}else r=e.constructor,customElements.whenDefined(e.localName).then((()=>t.p|=128));if(r&&r.style){let e;"string"==typeof r.style&&(e=r.style);const t=W(o);if(!b.has(t)){const r=()=>{};q(t,e,!!(1&o.p)),r()}}}const s=t.U,a=()=>Te(t,!0);s&&s["s-rc"]?s["s-rc"].push(a):a()}catch(o){y(o,e),t.P&&(t.P(),t.P=void 0),t.O&&t.O(e)}})(e,t,o)}r()}},lt=e=>{if(!_.document)return;const t=e["s-cr"]=_.document.createComment("");t["s-cn"]=!0,Ke(e,t,e.firstChild)},it=(e,t)=>{et(e,"disconnectedCallback",void 0,t||e)},nt=(e,t={})=>{var o;if(!_.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],s=t.exclude||[],a=_.customElements,l=_.document.head,i=l.querySelector("meta[charset]"),n=_.document.createElement("style"),d=[];let c,g=!0;Object.assign(k,t),k.u=new URL(t.resourcesUrl||"./",_.document.baseURI).href,k.p|=2,(()=>{if(!_.document)return;const e=_.document.querySelectorAll(`[${h}]`);let t=0;for(;t<e.length;t++)q(e[t].getAttribute(h),Y(e[t].innerHTML),!0)})();let y=!1;if(e.map((e=>{e[1].map((t=>{var o,l,i;const n={p:t[0],h:t[1],t:t[2],J:t[3]};4&n.p&&(y=!0),n.t=t[2],n.J=t[3],n.K=[],n.q=null!=(o=t[4])?o:{},n.W=null!=(l=t[5])?l:{},n.H=null!=(i=t[6])?i:{};const u=n.h,b=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,t)=>{const o={p:0,$hostElement$:e,o:t,l:new Map,te:new Map};o.Y=new Promise((e=>o.L=e)),o.Z=new Promise((e=>o.O=e)),e["s-p"]=[],e["s-rc"]=[],o.R=[];const r=o;e.__stencil__getHostRef=()=>r})(e=this,n),1&n.p)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else P.call(e,n)}connectedCallback(){const e=p(this);e&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,pt(this,e,n.J)),c&&(clearTimeout(c),c=null),g?d.push(this):k.jmp((()=>at(this))))}disconnectedCallback(){k.jmp((()=>(async e=>{if(!(1&k.p)){const t=p(e);(null==t?void 0:t.oe)&&(t.oe.map((e=>e())),t.oe=void 0),(null==t?void 0:t.i)?it(t.i,e):(null==t?void 0:t.Z)&&t.Z.then((()=>it(t.i,e)))}T.has(e)&&T.delete(e),e.shadowRoot&&T.has(e.shadowRoot)&&T.delete(e.shadowRoot)})(this))),k.raf((()=>{var e;const t=p(this);if(!t)return;const o=d.findIndex((e=>e===this));o>-1&&d.splice(o,1),(null==(e=null==t?void 0:t.V)?void 0:e.C)instanceof Node&&!t.V.C.isConnected&&delete t.V.C}))}componentOnReady(){var e;return null==(e=p(this))?void 0:e.Z}};n.X=e[0],s.includes(u)||a.get(u)||(r.push(u),a.define(u,rt(b,n,1)))}))})),r.length>0&&(y&&(n.textContent+=x),n.textContent+=r.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",n.innerHTML.length)){n.setAttribute("data-styles","");const e=null!=(o=k.m)?o:L(_.document);null!=e&&n.setAttribute("nonce",e),l.insertBefore(n,i?i.nextSibling:l.firstChild)}g=!1,d.length?d.map((e=>e.connectedCallback())):k.jmp((()=>c=setTimeout(Xe,30)))},dt=(e,t)=>t,pt=(e,t,o)=>{o&&_.document&&o.map((([o,r,s])=>{const a=gt(_.document,e,o),l=ct(t,s),i=yt(o);k.ael(a,r,l,i),(t.oe=t.oe||[]).push((()=>k.rel(a,r,l,i)))}))},ct=(e,t)=>o=>{var r;try{256&e.p?null==(r=e.i)||r[t](o):(e.$=e.$||[]).push([t,o])}catch(t){y(t,e.$hostElement$)}},gt=(e,t,o)=>8&o?_:t,yt=e=>({passive:!!(1&e),capture:!!(2&e)}),ut=e=>k.m=e;export{dt as F,X as H,ue as a,nt as b,be as c,M as d,Qe as f,e as g,Z as h,v as p,c as r,ut as s}
package/dist/design-system/p-CRdYeSBK.js DELETED
@@ -1 +0,0 @@
1
- class t{static instance;activeDropdowns=new Set;static getInstance(){return t.instance||(t.instance=new t),t.instance}register(t){this.activeDropdowns.add(t)}unregister(t){this.activeDropdowns.delete(t)}openDropdown(t){this.activeDropdowns.forEach((s=>{s!==t&&s.isOpen&&s.closeDropdown()}))}closeAllDropdowns(){this.activeDropdowns.forEach((t=>{t.isOpen&&t.closeDropdown()}))}}const s=t.getInstance();class i{documentClickHandler;documentKeydownHandler;initializeEvent(){s.register(this),this.initializeEventHandlers()}cleanupEvent(){s.unregister(this),this.cleanup()}initializeEventHandlers(){this.documentClickHandler=t=>this.handleDocumentClick(t),this.documentKeydownHandler=t=>this.handleDocumentKeydown(t)}addGlobalEventListeners(){this.documentClickHandler&&document.addEventListener("click",this.documentClickHandler),this.documentKeydownHandler&&document.addEventListener("keydown",this.documentKeydownHandler)}removeGlobalEventListeners(){this.documentClickHandler&&document.removeEventListener("click",this.documentClickHandler),this.documentKeydownHandler&&document.removeEventListener("keydown",this.documentKeydownHandler)}onDropdownToggle(t){t&&!this.disabled?(s.openDropdown(this),this.addGlobalEventListeners()):this.removeGlobalEventListeners()}cleanup(){this.removeGlobalEventListeners()}closeDropdown(){this.isOpen=!1}}export{i as B}
package/dist/design-system/p-Cy6HMEsK.js DELETED
@@ -1 +0,0 @@
1
- class t{isSearchable;filteredOptions;constructor(t,e){this.isSearchable=t,this.filteredOptions=e}getNavigationBounds(){return{minIndex:this.isSearchable?-1:0,maxIndex:this.filteredOptions.length-1}}getNextIndex(t,e){const{minIndex:n,maxIndex:s}=this.getNavigationBounds();return"ArrowUp"===e?t>n?t-1:s:t<s?t+1:n}}export{t as S}
package/dist/design-system/p-c521e731.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as e,F as s,a as n,H as o}from"./p-Bp7ytJz5.js";import{n as a}from"./p-CCwNgVmC.js";import{T as h}from"./p-sZMi_32I.js";var r={default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",lineHeight:"20"},selected:{fontWeight:"700"}},l={bg:{hover:"#EEEEEE",selected:"#E6F1FF"},content:{default:"#555555",hover:"#004290",selected:"#004290"}};const d={height:`${"24"}px`,paddingX:`${"6"}px`,radius:`${"6"}px`,gap:`${"12"}px`,moveGap:`${{gap:"4"}.gap}px`,iconSize:Number("12")},c={fontFamily:r.default.fontFamily,fontSize:`${r.default.fontSize}px`,lineHeight:`${r.default.lineHeight}px`,fontWeightDefault:r.default.fontWeight,fontWeightSelected:r.selected.fontWeight},p={contentDefault:l.content.default,contentHover:l.content.hover,contentSelected:l.content.selected,bgHover:l.bg.hover,bgSelected:l.bg.selected,iconDefault:"#888888"},g=10,f={1:24,2:34,3:40,4:48,5:56},u=class{constructor(e){t(this,e),this.pageChange=i(this,"sdPageChange",7)}currentPage=1;lastPage=1;simple=!1;pageChange;get pageNumbers(){const t=Math.floor((this.currentPage-1)/g)*g+1,i=Math.min(t+g-1,this.lastPage);return Array.from({length:i-t+1},((i,e)=>t+e))}get buttonWidth(){const t=(this.pageNumbers.at(-1)??1).toString().length;return f[t]||f[1]}get isFirstGroup(){return this.currentPage<=g}get isLastGroup(){return Math.floor((this.currentPage-1)/g)*g+1+g-1>=this.lastPage}handlePageChange=t=>{t<1||t>this.lastPage||(this.currentPage=t,this.pageChange.emit(t))};handleGroupChange=t=>{const i=Math.min(Math.max(this.currentPage+("forward"===t?g:-10),1),this.lastPage);this.handlePageChange(i)};renderNavButton(t,i,s){return e("button",{type:"button",class:"sd-pagination__nav","aria-label":i,onClick:s},e("sd-icon",{name:t,size:d.iconSize,color:p.iconDefault}))}renderPrevButtons(){return this.simple?this.currentPage<=1?null:e(s,null,this.renderNavButton("chevronLeftEnd","Go to first page",(()=>this.handlePageChange(1))),this.renderNavButton("chevronLeft","Go to previous page",(()=>this.handlePageChange(this.currentPage-1)))):this.isFirstGroup?null:e(s,null,this.renderNavButton("chevronLeftEnd","Go to first page",(()=>this.handlePageChange(1))),this.renderNavButton("chevronLeft","Go to previous page group",(()=>this.handleGroupChange("backward"))))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:e(s,null,this.renderNavButton("chevronRight","Go to next page",(()=>this.handlePageChange(this.currentPage+1))),this.renderNavButton("chevronRightEnd","Go to last page",(()=>this.handlePageChange(this.lastPage)))):this.isLastGroup?null:e(s,null,this.renderNavButton("chevronRight","Go to next page group",(()=>this.handleGroupChange("forward"))),this.renderNavButton("chevronRightEnd","Go to last page",(()=>this.handlePageChange(this.lastPage))))}render(){return e("div",{key:"386fdd2d1c0b5a7284c299201f19fd3384670ab1",class:{"sd-pagination":!0,"sd-pagination--simple":this.simple},style:{"--sd-pagination-height":d.height,"--sd-pagination-padding-x":d.paddingX,"--sd-pagination-radius":d.radius,"--sd-pagination-gap":d.gap,"--sd-pagination-move-gap":d.moveGap,"--sd-pagination-font-family":c.fontFamily,"--sd-pagination-font-size":c.fontSize,"--sd-pagination-line-height":c.lineHeight,"--sd-pagination-font-weight-default":c.fontWeightDefault,"--sd-pagination-font-weight-selected":c.fontWeightSelected,"--sd-pagination-content":p.contentDefault,"--sd-pagination-content-hover":p.contentHover,"--sd-pagination-content-selected":p.contentSelected,"--sd-pagination-bg-hover":p.bgHover,"--sd-pagination-bg-selected":p.bgSelected,"--sd-pagination-item-width":`${this.buttonWidth}px`}},e("div",{key:"cd73997ae59f87b70c31e88fd5b4246bd6044bd0",class:"sd-pagination__group sd-pagination__group--prev"},this.renderPrevButtons()),this.simple?e("div",{class:"sd-pagination__info"},e("span",{class:"sd-pagination__current"},this.currentPage),e("span",{class:"sd-pagination__divider"},"/"),e("span",{class:"sd-pagination__last"},this.lastPage)):e("div",{class:"sd-pagination__numbers"},this.pageNumbers.map((t=>e("button",{type:"button","aria-current":this.currentPage===t?"page":void 0,class:{"sd-pagination__item":!0,"sd-pagination__item--selected":this.currentPage===t},onClick:()=>this.handlePageChange(t)},t)))),e("div",{key:"86389ea83d2965efdd938d2f9b2e2c3469f05fe8",class:"sd-pagination__group sd-pagination__group--next"},this.renderNextButtons()))}};u.style="sd-pagination{display:inline-flex}.sd-pagination{display:inline-flex;align-items:center;gap:var(--sd-pagination-gap);font-family:var(--sd-pagination-font-family)}.sd-pagination__group{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap);min-width:calc(var(--sd-pagination-height) * 2 + var(--sd-pagination-move-gap))}.sd-pagination__group--prev{justify-content:flex-end}.sd-pagination__group--next{justify-content:flex-start}.sd-pagination__numbers{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap)}.sd-pagination__nav{display:inline-flex;align-items:center;justify-content:center;width:var(--sd-pagination-height);height:var(--sd-pagination-height);padding:0;background:transparent;border:0;border-radius:var(--sd-pagination-radius);cursor:pointer;outline:none}.sd-pagination__nav:hover{background-color:var(--sd-pagination-bg-hover)}.sd-pagination__item{display:inline-flex;align-items:center;justify-content:center;width:var(--sd-pagination-item-width);height:var(--sd-pagination-height);padding:0 var(--sd-pagination-padding-x);background:transparent;border:0;border-radius:var(--sd-pagination-radius);color:var(--sd-pagination-content);font-size:var(--sd-pagination-font-size);font-weight:var(--sd-pagination-font-weight-default);line-height:var(--sd-pagination-line-height);cursor:pointer;outline:none;box-sizing:border-box}.sd-pagination__item:hover{background-color:var(--sd-pagination-bg-hover);color:var(--sd-pagination-content-hover)}.sd-pagination__item--selected{background-color:var(--sd-pagination-bg-selected);color:var(--sd-pagination-content-selected);font-weight:var(--sd-pagination-font-weight-selected)}.sd-pagination__item--selected:hover{background-color:var(--sd-pagination-bg-selected);color:var(--sd-pagination-content-selected)}.sd-pagination__info{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap);height:var(--sd-pagination-height);padding:0 var(--sd-pagination-padding-x);color:var(--sd-pagination-content);font-size:var(--sd-pagination-font-size);font-weight:var(--sd-pagination-font-weight-default);line-height:var(--sd-pagination-line-height)}.sd-pagination__current{color:var(--sd-pagination-content-selected);font-weight:var(--sd-pagination-font-weight-selected)}";const b=class{constructor(e){t(this,e),this.update=i(this,"sdUpdate",7),this.dropDownShow=i(this,"sdDropDownShow",7)}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return n(this)}type="default";value=null;options=[];placeholder="선택";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";labelWidth="";addonLabel="";addonAlign="start";error=!1;hint="";errorMessage="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="";useSearch=!1;allSelectedLabel="전체";useSelectAll=!1;isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;async sdFocus(){this.disabled||await(this.triggerComponentRef?.sdFocus())}async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.disabled||this.isOpen||(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)}triggerRef;triggerComponentRef;closeAnimationTimer;name=a();triggerHasFocus=!1;watchIsOpen(t){this.syncFocusedState(t),this.dropDownShow.emit({isOpen:t})}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}get displayText(){if(this.isMulti){if(!Array.isArray(this.value)||0===this.value.length)return"";const t=this.getNonDisabledLeaves(this.options),i=this.getSelectedOptions();if(t.length>0&&t.every((t=>i.some((i=>i.value===t.value)))))return this.allSelectedLabel??"전체";const e=this.flattenOptions(this.options);return this.value.map((t=>{if(null!=t&&"object"==typeof t){const i=t;return i.label??e.find((t=>t.value===i.value))?.label??""}return e.find((i=>i.value===t))?.label??""})).filter(Boolean).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const t=this.flattenOptions(this.options).find((t=>t.value===this.value));return t?.label??""}flattenOptions(t){return t.flatMap((t=>t.children?this.flattenOptions(t.children):[t]))}getNonDisabledLeaves(t){return t.flatMap((t=>t.disabled?[]:t.children?this.getNonDisabledLeaves(t.children):[t]))}getSelectedOptions(){const t=this.value;return t&&Array.isArray(t)?this.emitValue?t.map((t=>this.findOriginalOption(t,this.options))).filter((t=>!!t)):t:[]}toMultiValue(t){return this.emitValue?t.map((t=>t.value)):t}parsePixelValue(t,i){const e=Number.parseFloat(t);return Number.isFinite(e)?e:i}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect(),i=b.VIEWPORT_PADDING,e=b.PORTAL_OFFSET_Y,s=this.parsePixelValue(this.dropdownHeight,260),n=this.parsePixelValue(this.maxDropdownWidth,640),o=Math.max(window.innerHeight-t.bottom-i-e,0),a=Math.max(t.top-i-e,0),h=Math.max(o,a),r=Math.max(window.innerWidth-2*i,0);this.resolvedDropdownHeight=`${Math.min(s,h)}px`,this.resolvedMaxDropdownWidth=`${Math.min(n,r)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(t,i){for(const e of i){if(e.value===t)return e;if(e.children){const i=this.findOriginalOption(t,e.children);if(i)return i}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),b.CLOSE_ANIMATION_DURATION))}prepareDropdownGeometry(){this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints()}syncFocusedState(t=this.isOpen){this.focused=t||this.triggerHasFocus}handleTriggerFocus=()=>{this.triggerHasFocus=!0,this.syncFocusedState()};handleTriggerBlur=()=>{this.triggerHasFocus=!1,this.syncFocusedState()};handleTriggerClick=()=>{this.isOpen?this.closeDropdown():(this.prepareDropdownGeometry(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(t){this.update.emit(t)}handleOptionSelect=t=>{const{option:i,leaves:e}=t;if(this.isMulti)this.handleMultiSelect(i,e);else{this.closeDropdown(),this.value=this.emitValue?i.value:i;const t=this.value;requestAnimationFrame((()=>{this.emitUpdate(t)}))}};handleMultiSelect(t,i){const e=this.getSelectedOptions();let s;if(t.children)if(i.every((t=>e.some((i=>i.value===t.value))))){const t=new Set(i.map((t=>t.value)));s=e.filter((i=>!t.has(i.value)))}else{const t=new Set(e.map((t=>t.value))),n=i.filter((i=>!t.has(i.value)));s=[...e,...n]}else s=e.some((i=>i.value===t.value))?e.filter((i=>i.value!==t.value)):[...e,t];this.value=this.toMultiValue(s),this.emitUpdate(this.value)}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const t={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:b.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return e("sd-field",{key:"62bb998e1d455a3792001da4849ba867c60cdd9f",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,onMouseEnter:()=>{this.hovered=!0},onMouseLeave:()=>{this.hovered=!1}},e("div",{key:"42fa82a3c53804d9f90aadb0465d52fd9f4e446e",class:"sd-select-v2",ref:t=>{this.triggerRef=t}},e("sd-select-v2-trigger",{key:"c97ae1e67019b099eee72f829d554b9e0350af30",ref:t=>{this.triggerComponentRef=t},displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,isOpen:this.isOpen,onSdTriggerClick:this.handleTriggerClick,onSdTriggerFocus:this.handleTriggerFocus,onSdTriggerBlur:this.handleTriggerBlur})),(this.isOpen||this.isAnimatingOut)&&e("sd-portal",{key:"5018c8bf4c60a13541f0872149d12b92f164ca96",...t},e("sd-select-v2-listbox",{key:"b7222f7649a8f096f085840a3dd97b7aa069152c",type:this.type,options:this.options,value:this.value,emitValue:this.emitValue,useSearch:this.useSearch,useSelectAll:this.useSelectAll,triggerWidth:this.triggerWidth,maxWidth:this.resolvedMaxDropdownWidth,maxHeight:this.resolvedDropdownHeight,onSdOptionSelect:t=>this.handleOptionSelect(t.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};b.style="sd-select-v2{display:inline-flex}sd-select-v2 sd-portal{display:none}sd-select-v2 .sd-select-v2{position:relative;width:100%;height:100%}";const y=class{constructor(i){t(this,i)}get el(){return n(this)}rows=[];tableId="";topSpacerHeight=0;bottomSpacerHeight=0;tableEl=null;handleRowsChange(t){const i=t??[];this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(i.length)}componentWillLoad(){this.syncTableContext(),this.rows=this.rows??[],this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(this.rows.length),this.el.setSpacersSync=(t,i)=>{this.topSpacerHeight=t,this.bottomSpacerHeight=i}}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table"),i=this.el.getRootNode(),e=i instanceof ShadowRoot?i.host:null,s=t??e;this.tableEl=s;const n=s?.getTableIdSync?.(),o=s?.getAttribute(h),a=(n&&"undefined"!==n?n:null)??(o&&"undefined"!==o?o:null)??"";a&&a!==this.tableId&&(this.tableId=a)}render(){const t=this.rows.length>0;return e(o,{key:"bc9fbd4f08f4d77da60b083dceef4e24e2fb5532",slot:`${this.tableId}-body`},e("tbody",{key:"81ef875cbc39f988021a211ede716a98d3ea30cd",class:{tbody:!0,"tbody--empty":!t}},t?[this.topSpacerHeight>0&&e("tr",{key:"spacer-top",class:"tbody__spacer",style:{height:`${this.topSpacerHeight}px`,display:"block"}}),e("slot",null),this.bottomSpacerHeight>0&&e("tr",{key:"spacer-bottom",class:"tbody__spacer",style:{height:`${this.bottomSpacerHeight}px`,display:"block"}})]:e("tr",{class:"tbody__no-data-row"},e("td",{class:"tbody__no-data-cell",colSpan:100},e("slot",{name:"no-data"})))))}static get watchers(){return{rows:[{handleRowsChange:0}]}}};y.style=":host{display:contents}:host *{box-sizing:border-box}.tbody{display:table-row-group}.tbody--empty .tbody__no-data-row{display:table-row}.tbody--empty .tbody__no-data-cell{display:table-cell;padding:0;border-bottom:none}";const v=class{constructor(i){t(this,i)}get el(){return n(this)}columns;selectable;resizable;stickyColumn;stickyHeader;scrolledLeft;scrolledRight;rows=[];columnWidths=[];tableId="";_columns=[];_selectable=!1;_resizable=!1;_stickyColumn={left:0,right:0};_stickyHeader=!1;_scrolledLeft=!1;_scrolledRight=!1;tableEl=null;handleColumnsChange(t){Array.isArray(t)&&0===(this.columnWidths??[]).length&&(this.columnWidths=t.map((t=>parseInt(t.width||"120",10))))}componentWillLoad(){this.syncTableContext(),this.columnWidths=Array.isArray(this.columnWidths)?this.columnWidths:[],this.resolveConfig(),0===(this.columnWidths??[]).length&&(this.columnWidths=this._columns.map((t=>parseInt(t.width||"120",10))))}componentDidLoad(){this.syncTableContext(),this.resolveConfig()}syncTableContext(){const t=this.el.closest("sd-table"),i=this.el.getRootNode(),e=i instanceof ShadowRoot?i.host:null,s=t??e;this.tableEl=s;const n=s?.getTableIdSync?.(),o=s?.getAttribute(h),a=(n&&"undefined"!==n?n:null)??(o&&"undefined"!==o?o:null)??"";a&&a!==this.tableId&&(this.tableId=a)}resolveConfig(){const t=this.tableEl?.getConfigSync?.(),i=Array.isArray(this.columns)?this.columns:Array.isArray(t?.columns)?t.columns:[];this._columns=i,this._selectable=this.selectable??t?.selectable??!1,this._resizable=this.resizable??t?.resizable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._stickyHeader=this.stickyHeader??t?.stickyHeader??!1,this._scrolledLeft=this.scrolledLeft??t?.scrolledLeft??!1,this._scrolledRight=this.scrolledRight??t?.scrolledRight??!1,Array.isArray(t?.columnWidths)&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths]),Array.isArray(this.columnWidths)||(this.columnWidths=[])}async refreshConfig(){this.resolveConfig()}async setColumnWidths(t){this.columnWidths=Array.isArray(t)?t:[]}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.getIsAllChecked())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}getStickyStyle(t){return this.tableEl?.getStickyStyleSync?this.tableEl.getStickyStyleSync(t):{"--sticky-left-offset":`${this.columnWidths.slice(0,t).reduce(((t,i)=>t+i),0)+(this._selectable?52:0)}px`,"--sticky-right-offset":`${this.columnWidths.filter(((i,e)=>e>=this.visibleColumns.length-(this._stickyColumn.right||0)&&e>t)).reduce(((t,i)=>t+i),0)}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}handleResize(t,i,e=!1){this.tableEl?.handleResize&&this.tableEl.handleResize(t,i,e)}handleSelectAll(t){const i=null!==this.getIsAllChecked()&&!!t,e=Array.isArray(this.rows)?this.rows:[];this.tableEl?.toggleSelectAllSync&&this.tableEl.toggleSelectAllSync(i,e)}getIsAllChecked(){const t=Array.isArray(this.rows)?this.rows:[];return!!(this.tableEl?.getIsAllCheckedSync&&t.length>0)&&this.tableEl.getIsAllCheckedSync(t)}render(){const t=Array.isArray(this.rows)?this.rows:[],i=this._stickyColumn.left||0,s=this._stickyColumn.right||0,n=this.visibleColumns.slice(0,i),a=this.visibleColumns.slice(i,this.visibleColumns.length-s),h=this.visibleColumns.slice(this.visibleColumns.length-s);return e(o,{key:"5aa1e38311b542d1a0b05b55abc7ef41927508bd",slot:`${this.tableId}-head`},e("thead",{key:"6d17753988ecd02d900d8a3bd7f2115b534b68a7",class:{thead:!0,"thead--sticky":this._stickyHeader}},e("tr",{key:"9cc729603e126da2f9c8923fe29ece10c7750bb4",class:"tr"},this._selectable&&e("th",{key:"37b2bcfa77eaf4c44465684c49ae84d566acc18b",class:{th:!0,"th--selected":!0,"sticky-left":!0,"sticky-left-edge":0===i,"is-scrolled-left":0===i&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},e("sd-checkbox",{key:"4284894821640ee1bdbd12b1759efb01e6c06488",value:this.getIsAllChecked(),disabled:!t.length,onSdUpdate:t=>this.handleSelectAll(t.detail)})),n.map(((t,s)=>e("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":!0,"sticky-left-edge":s===i-1,"is-scrolled-left":s===i-1&&this._scrolledLeft},style:{...t.thStyle,...this.getStickyStyle(s)}},e("div",{class:`th__content th__content--${t.align||"left"}`},e("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&e("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&e("sd-tooltip",{...t.tooltipOptions},e("div",{slot:"content"},t.tooltip.map((t=>e("p",null,t)))))),this._resizable&&e("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(s,t)})))),a.map(((t,s)=>{const n=i+s;return e("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass)},style:{...t.thStyle,...this.getStickyStyle(n)}},e("div",{class:`th__content th__content--${t.align||"left"}`},e("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&e("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&e("sd-tooltip",{...t.tooltipOptions},e("div",{slot:"content"},t.tooltip.map((t=>e("p",null,t)))))),this._resizable&&e("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(n,t)}))})),h.map(((t,i)=>{const n=this.visibleColumns.length-s+i;return e("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-right":!0,"sticky-right-edge":0===i,"is-scrolled-right":0===i&&this._scrolledRight},style:{...t.thStyle,...this.getStickyStyle(n)}},e("div",{class:`th__content th__content--${t.align||"left"}`},e("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&e("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&e("sd-tooltip",{...t.tooltipOptions},e("div",{slot:"content"},t.tooltip.map((t=>e("p",null,t)))))),this._resizable&&e("div",{class:"th__resizer th__resizer--left",onMouseDown:t=>this.handleResize(n,t,!0)}))})))))}static get watchers(){return{columns:[{handleColumnsChange:0}]}}};v.style='sd-thead{display:contents}sd-thead *{box-sizing:border-box}.thead{display:table-header-group;height:36px}.thead--sticky{position:sticky;top:0;z-index:120}.tr{display:table-row;width:100%}.th{display:table-cell;background:#F5FAFF;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #E1E1E1;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.th--selected sd-checkbox label{position:relative}.th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.th.sticky-left{position:sticky;background-color:#F5FAFF;z-index:110 !important;left:var(--sticky-left-offset, 0)}.th.sticky-right{position:sticky;background-color:#F5FAFF;z-index:110 !important;right:var(--sticky-right-offset, 0)}.th.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-left-edge.is-scrolled-left{overflow:visible}.th.sticky-left-edge.is-scrolled-left:after{opacity:1}.th.sticky-right-edge.is-scrolled-right{overflow:visible}.th.sticky-right-edge.is-scrolled-right:after{opacity:1}.th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.th__content--left{justify-content:flex-start}.th__content--center{justify-content:center}.th__content--right{justify-content:flex-end}.th__content--label{white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.th__resizer--left{right:auto;left:0}';const x=class{constructor(i){t(this,i)}get el(){return n(this)}columns;selectable;stickyColumn;rowKey="";row={};tableId="";columnWidths=[];isVisible=!0;spansVersion=0;_columns=[];_selectable=!1;_stickyColumn={left:0,right:0};_scrolledLeft=!1;_scrolledRight=!1;tableEl=null;componentWillLoad(){this.syncTableContext(),this.columnWidths=this.columnWidths??[],this.resolveConfig(),this.columnWidths=this._columns.map((t=>parseInt(t.width||"120",10))),this.updateVisibilitySync()}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table"),i=this.el.getRootNode(),e=i instanceof ShadowRoot?i.host:null,s=t??e;this.tableEl=s;const n=s?.getTableIdSync?.(),o=s?.getAttribute(h),a=(n&&"undefined"!==n?n:null)??(o&&"undefined"!==o?o:null)??"";a&&a!==this.tableId&&(this.tableId=a)}resolveConfig(){const t=this.tableEl?.getConfigSync?.();this._columns=this.columns??t?.columns??[],this._selectable=this.selectable??t?.selectable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._scrolledLeft=t?.scrolledLeft??!1,this._scrolledRight=t?.scrolledRight??!1,t?.columnWidths&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths])}async refreshConfig(){this.resolveConfig()}async bumpSpansVersion(){this.spansVersion=this.spansVersion+1}async updateVisibility(){this.updateVisibilitySync()}updateVisibilitySync(){const t=parseInt(this.rowKey,10),i=this.tableEl?.getPaginationInfoSync?.();this.isVisible=!i||t>=i.startIndex&&t<i.endIndex}async setColumnWidths(t){this.columnWidths=t}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.isSelected())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}formatValue(t){return null==t?"":"number"==typeof t?t.toLocaleString():String(t)}getCellValue(t){const{field:i,format:e,name:s}=t,n="function"==typeof i?i(this.row):i?this.row[i]:this.row[s];return e?e(n,this.row):this.formatValue(n)}getStickyStyle(t){return this.tableEl?.getStickyStyleSync?this.tableEl.getStickyStyleSync(t):{"--sticky-left-offset":`${this.columnWidths.slice(0,t).reduce(((t,i)=>t+i),0)+(this._selectable?52:0)}px`,"--sticky-right-offset":`${this.columnWidths.filter(((i,e)=>e>=this.visibleColumns.length-(this._stickyColumn.right||0)&&e>t)).reduce(((t,i)=>t+i),0)}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}isSelected(){return!!this.tableEl?.isRowSelectedSync&&this.tableEl.isRowSelectedSync(this.row)}handleSelect(){this.tableEl?.updateRowSelectSync&&this.tableEl.updateRowSelectSync(this.row)}getSpanFor(t){if(this.tableEl?.getSpanSync)return this.tableEl.getSpanSync(this.rowKey,"string"==typeof t.field?t.field:t.name)}isCovered(t){return!!this.tableEl?.isCoveredSync&&this.tableEl.isCoveredSync(this.rowKey,t,this._columns)}render(){const t=this._stickyColumn.left||0,i=this._stickyColumn.right||0,s=this.visibleColumns.slice(0,t),n=this.visibleColumns.slice(t,this.visibleColumns.length-i),a=this.visibleColumns.slice(this.visibleColumns.length-i),h=this.tableEl?.hasRowspanSync?.()??!1;return e(o,{key:"e8d387043d3384daffb5d548176b469a91264225",style:{display:this.isVisible?"":"none"}},e("tr",{key:"1d579819497a6186941b0c80c916a83c48dfcc0d",class:{tr:!0,"tr--no-hover":h}},this._selectable&&e("td",{key:"1a8ab44a8c65926eb9a7bd9e9224d0eed55ecfb1",class:{td:!0,"td--selected":!0,"sticky-left":!0,"sticky-left-edge":0===t,"is-scrolled-left":0===t&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},e("sd-checkbox",{key:"72bdbadc76dcb0682eb4de496e9abda692a0ea7e",value:this.isSelected(),onSdUpdate:()=>this.handleSelect()})),s.map(((i,s)=>{if(this.isCovered(s))return null;const n=this.getSpanFor(i);return e("td",{key:i.name,rowSpan:n?.rowspan,colSpan:n?.colspan,class:{td:!0,[`td--${i.align||"left"}`]:!0,"sticky-left":!0,"sticky-left-edge":s===t-1,"is-scrolled-left":s===t-1&&this._scrolledLeft,[`${i.tdClass}`]:Boolean(i.tdClass)},style:this.getStickyStyle(s)},e("slot",{name:`${this.tableId}-${"string"==typeof i.field?i.field:i.name}-${this.rowKey}`},e("span",null,this.getCellValue(i))))})),n.map(((i,s)=>{const n=t+s;if(this.isCovered(n))return null;const o="string"==typeof i.field?i.field:i.name,a=this.getSpanFor(i);return e("td",{key:i.name,rowSpan:a?.rowspan,colSpan:a?.colspan,class:{td:!0,[`td--${i.align||"left"}`]:!0,[`${i.tdClass}`]:Boolean(i.tdClass)},style:this.getStickyStyle(n)},e("slot",{name:`${this.tableId}-${o}-${this.rowKey}`},e("span",null,this.getCellValue(i))))})),a.map(((t,s)=>{const n=this.visibleColumns.length-i+s;if(this.isCovered(n))return null;const o="string"==typeof t.field?t.field:t.name,a=this.getSpanFor(t);return e("td",{key:t.name,rowSpan:a?.rowspan,colSpan:a?.colspan,class:{td:!0,[`td--${t.align||"left"}`]:!0,"sticky-right":!0,"sticky-right-edge":0===s,"is-scrolled-right":0===s&&this._scrolledRight,[`${t.tdClass}`]:Boolean(t.tdClass)},style:this.getStickyStyle(n)},e("slot",{name:`${this.tableId}-${o}-${this.rowKey}`},e("span",null,this.getCellValue(t))))}))))}};x.style='sd-tr{display:contents}sd-tr *{box-sizing:border-box}.tr{display:table-row}.tr:hover .td{background-color:#F9F9F9}.tr--no-hover:hover .td{background-color:white}.td{display:table-cell;height:44px;padding:0 16px;border-bottom:1px solid #E1E1E1;background:white;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.td--left{text-align:left}.td--center{text-align:center}.td--right{text-align:right}.td--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.td--selected sd-checkbox label{position:relative}.td--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.td.sticky-left{position:sticky;background-color:white;z-index:100 !important;left:var(--sticky-left-offset, 0)}.td.sticky-right{position:sticky;background-color:white;z-index:100 !important;right:var(--sticky-right-offset, 0)}.td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-left-edge.is-scrolled-left{overflow:visible}.td.sticky-left-edge.is-scrolled-left:after{opacity:1}.td.sticky-right-edge.is-scrolled-right{overflow:visible}.td.sticky-right-edge.is-scrolled-right:after{opacity:1}.tr:hover .td.sticky-left,.tr:hover .td.sticky-right{background-color:#F9F9F9}.tr--no-hover:hover .td.sticky-left,.tr--no-hover:hover .td.sticky-right{background-color:white}';export{u as sd_pagination,b as sd_select_v2,y as sd_tbody,v as sd_thead,x as sd_tr}
package/dist/design-system/p-ce2210ad.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,c as s,a as t,h as i}from"./p-Bp7ytJz5.js";import{B as o}from"./p-CRdYeSBK.js";import{S as l}from"./p-Cy6HMEsK.js";import{n}from"./p-CCwNgVmC.js";const r=class extends o{constructor(t){super(),e(this,t),this.update=s(this,"sdUpdate",7),this.dropDownShow=s(this,"sdDropDownShow",7)}get el(){return t(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";labelWidth="";addonLabel="";addonAlign="start";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=n();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?`${s.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const s=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const t=this.filteredOptions[this.itemIndex];t&&!t.disabled&&(this.value=t.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((e=>e.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:s,event:t}=e;if(t.stopPropagation(),!s.disabled){this.value=s.value,this.isOpen=!1;const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})}};render(){return i("sd-field",{key:"28b4667a386236c2486af08f636ede3dc6c41f91",label:this.label,labelWidth:this.labelWidth,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,addonLabel:this.addonLabel,addonAlign:this.addonAlign,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},i("div",{key:"ccee78ca4a773c521634e4054ce3b3d8e9713362",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},i("span",{class:"sd-select__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&i("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":!0,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return i("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},i("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}};r.style="sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select .sd-select .sd-select__trigger{cursor:not-allowed}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}";export{r as sd_select}
package/dist/design-system/p-d1846df9.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,c as s,a as e,d as i,f as h,h as a,H as n}from"./p-Bp7ytJz5.js";import{T as r}from"./p-sZMi_32I.js";let l=(t=21)=>{let s="",e=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)s+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&e[t]];return s};const o=class{constructor(e){t(this,e),this.sdSelectChange=s(this,"sdSelectChange",7),this.sdPageChange=s(this,"sdPageChange",7),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange",7),this.sdVirtualUpdate=s(this,"sdVirtualUpdate",7),this.sdVirtualReachEnd=s(this,"sdVirtualReachEnd",7)}static DEFAULT_NO_DATA_LABEL="데이터가 없습니다.";get el(){return e(this)}tableId=l(8);fallbackTableId=l(8);columns=[];rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};noDataLabel=o.DEFAULT_NO_DATA_LABEL;resolvedNoDataLabel=o.DEFAULT_NO_DATA_LABEL;isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;useVirtualScroll=!1;rowHeight=40;virtualBuffer=5;virtualEndThreshold=10;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;sdVirtualUpdate;sdVirtualReachEnd;currentPage=1;innerRowsPerPage=10;innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;rowCount=0;loadingScrollTop=0;autoThead=!1;autoTbody=!1;vsStart=0;vsEnd=0;lastReachEndNotifiedRowCount=-1;scrollContainer=null;onScroll;spanRegistry=new Map;toFiniteNumber(t,s){const e="number"==typeof t?t:Number(t);return Number.isFinite(e)?e:s}isRowsPerPageValue(t){return null===t||"string"==typeof t||"number"==typeof t}isValidTableId(t){return"string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t}getResolvedTableId(){if(this.isValidTableId(this.tableId))return this.tableId;const t=this.el?.getAttribute(r);return this.isValidTableId(t)?t:this.fallbackTableId}syncTableIdAttribute(){const t=this.getResolvedTableId();this.el?.getAttribute(r)!==t&&this.el.setAttribute(r,t)}handleIsLoadingChange(t){t&&(this.loadingScrollTop=this.scrollContainer?.scrollTop??0)}handleUseVirtualScrollChange(t){t&&i((()=>this.propagateVirtualUpdate()))}handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10))),this.refreshChildrenConfig()}handleRowsChange(t){Array.isArray(t)&&(this.rowCount=t.length,this.useVirtualScroll&&this.propagateVirtualUpdate(!0),this.pushRowsToChildren(t))}handleTableIdChange(){this.syncTableIdAttribute()}handleNoDataLabelChange(t){this.resolvedNoDataLabel="string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t?t:o.DEFAULT_NO_DATA_LABEL}handleConfigChange(){this.refreshChildrenConfig()}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page),t?.rowsPerPage&&t.rowsPerPage!==this.innerRowsPerPage&&(this.innerRowsPerPage=t.rowsPerPage)}detectChildren(){const t=!!this.el.querySelector(":scope > sd-thead"),s=!!this.el.querySelector(":scope > sd-tbody");this.autoThead=!t,this.autoTbody=!s}componentWillLoad(){this.syncTableIdAttribute(),this.handleNoDataLabelChange(this.noDataLabel),this.detectChildren(),this.innerSelected=new Set(this.selected||[]),this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10))),this.pagination?.page&&(this.currentPage=this.pagination.page),this.pagination?.rowsPerPage&&(this.innerRowsPerPage=this.pagination.rowsPerPage);const t=this.el;t.isRowSelectedSync=this.isRowSelectedSync.bind(this),t.updateRowSelectSync=this.updateRowSelectSync.bind(this),t.toggleSelectAllSync=this.toggleSelectAllSync.bind(this),t.getIsAllCheckedSync=this.getIsAllCheckedSync.bind(this),t.getStickyStyleSync=this.getStickyStyleSync.bind(this),t.setRowCountSync=this.setRowCountSync.bind(this),t.handleResize=this.handleResize.bind(this),t.getPaginationInfoSync=this.getPaginationInfoSync.bind(this),t.getVirtualScrollRangeSync=this.getVirtualScrollRangeSync.bind(this),t.getConfigSync=this.getConfigSync.bind(this),t.getTableIdSync=()=>this.getResolvedTableId(),t.getVirtualScrollConfigSync=this.getVirtualScrollConfigSync.bind(this),t.calculateVisibleRange=this.calculateVisibleRange.bind(this),t.registerSpanSync=this.registerSpanSync.bind(this),t.unregisterSpanSync=this.unregisterSpanSync.bind(this),t.getSpanSync=this.getSpanSync.bind(this),t.isCoveredSync=this.isCoveredSync.bind(this),t.hasRowspanSync=this.hasRowspanSync.bind(this),Array.isArray(this.rows)&&(this.rowCount=this.rows.length,this.pushRowsToChildren(this.rows))}componentDidLoad(){Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),i((()=>{const t=this.el.shadowRoot?.querySelector(".sd-table__wrapper");if(!t)return;let s=!1;this.onScroll=()=>{const e=t.scrollLeft,i=e>0,h=e+t.clientWidth<t.scrollWidth;this.scrolledLeft===i&&this.scrolledRight===h||(this.scrolledLeft=i,this.scrolledRight=h,this.refreshChildrenConfig()),this.useVirtualScroll&&!s&&(s=!0,requestAnimationFrame((()=>{s=!1,this.propagateVirtualUpdate()})))},this.scrollContainer=t,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll(),this.useVirtualScroll&&this.propagateVirtualUpdate()}))}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll)}queryChildEl(t){return this.el.querySelector(t)??this.el.shadowRoot?.querySelector(t)??null}queryAllTr(){return[...Array.from(this.el.querySelectorAll("sd-tr")),...Array.from(this.el.shadowRoot?.querySelectorAll("sd-tr")??[])]}pushRowsToChildren(t){const s=this.queryChildEl("sd-tbody");s&&(s.rows=t);const e=this.queryChildEl("sd-thead");e&&(e.rows=t)}handleStructureSlotChange=()=>{Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),this.refreshChildrenConfig()};refreshChildrenSelection(){const t=this.queryChildEl("sd-thead");t?.refreshSelection?.(),this.queryAllTr().forEach((t=>t?.refreshSelection?.()))}refreshChildrenConfig(){const t=this.queryChildEl("sd-thead");t?.refreshConfig?.(),this.queryAllTr().forEach((t=>t?.refreshConfig?.()))}maybeEmitVirtualReachEnd(t,s){const e=Math.max(1,this.virtualEndThreshold);s>=Math.max(0,this.rowCount-e)&&this.lastReachEndNotifiedRowCount!==this.rowCount&&(this.lastReachEndNotifiedRowCount=this.rowCount,this.sdVirtualReachEnd.emit({from:t,to:s,rowCount:this.rowCount,threshold:e}))}propagateVirtualUpdate(t=!1){if(!this.scrollContainer||!this.useVirtualScroll)return;const s=this.toFiniteNumber(this.scrollContainer.scrollTop,0),e=this.toFiniteNumber(this.scrollContainer.clientHeight,0),{start:i,end:h}=this.calculateVisibleRange(s,e);if(!Number.isFinite(i)||!Number.isFinite(h))return;const a=this.vsStart!==i||this.vsEnd!==h;if(!a&&!t)return;this.vsStart=i,this.vsEnd=h;const n=i*this.rowHeight,r=Math.max(0,(this.rowCount-h)*this.rowHeight),l=this.queryChildEl("sd-tbody");l?.setSpacersSync?.(n,r),a&&this.sdVirtualUpdate.emit({from:i,to:h}),this.maybeEmitVirtualReachEnd(i,h)}getVirtualScrollConfigSync(){return{useVirtualScroll:this.useVirtualScroll,rowHeight:this.rowHeight,virtualBuffer:this.virtualBuffer,vsStart:this.vsStart,vsEnd:this.vsEnd,rowCount:this.rowCount}}getConfigSync(){return{columns:this.columns,selectable:this.selectable,resizable:this.resizable,stickyColumn:this.stickyColumn,stickyHeader:this.stickyHeader,scrolledLeft:this.scrolledLeft,scrolledRight:this.scrolledRight,columnWidths:this.columnWidths}}isRowSelectedSync(t){return Array.from(this.innerSelected).some((s=>s[this.rowKey]===t[this.rowKey]))}async isRowSelected(t){return this.isRowSelectedSync(t)}updateRowSelectSync(t){const s=Array.from(this.innerSelected),e=this.isRowSelectedSync(t)?s.filter((s=>s[this.rowKey]!==t[this.rowKey])):[...s,t];e.length!==s.length&&(this.innerSelected=new Set(e),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection())}async updateRowSelect(t){this.updateRowSelectSync(t)}toggleSelectAllSync(t,s){if(t){const t=new Set([...s]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=s.map((t=>t[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((s=>!t.includes(s[this.rowKey]))))}this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection()}async toggleSelectAll(t,s){this.toggleSelectAllSync(t,s)}getIsAllCheckedSync(t){const s=t.length,e=t.filter((t=>Array.from(this.innerSelected).some((s=>s[this.rowKey]===t[this.rowKey])))).length;return 0!==e&&(e===s||null)}async getIsAllChecked(t){return this.getIsAllCheckedSync(t)}changePage(t){this.useInternalPagination?(this.currentPage=t,this.sdPageChange.emit(this.currentPage),this.updateRowsVisibility()):this.sdPageChange.emit(t)}updateRowsVisibility(){this.queryAllTr().forEach((t=>t?.updateVisibility?.()))}changeRowsPerPage(t){const s=t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(s);this.innerRowsPerPage=s;const e=Math.max(1,Math.ceil(this.rowCount/s));this.currentPage>e&&(this.currentPage=e),this.sdRowsPerPageChange.emit(s),this.updateRowsVisibility()}get lastPageNumber(){if(this.useInternalPagination)return Math.max(1,Math.ceil(this.rowCount/this.innerRowsPerPage));const{lastPage:t,rowsPerPage:s=10}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rowCount/s))}handleResize(t,s,e=!1){if("undefined"==typeof document)return;const i=s.clientX,h=this.columnWidths[t],a=s=>{const a=this.columns[t];if(!a)return;const n=a.maxWidth||9999,r=s.clientX-i,l=Math.min(Math.max(h+(e?-r:r),a.minWidth||50),n);this.columnWidths=this.columnWidths.map(((s,e)=>e===t?l:s));const o=this.queryChildEl("sd-thead");o?.setColumnWidths?.(this.columnWidths),this.queryAllTr().forEach((t=>t?.setColumnWidths?.(this.columnWidths)));const d=this.stickyColumn?.right||0,c=this.columns.filter((t=>!1!==t.visible)).length;d>0&&t===c-d&&requestAnimationFrame((()=>{this.onScroll?.()}))},n=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",n)}getStickyStyleSync(t){return{"--sticky-left-offset":`${this.columnWidths.slice(0,t).reduce(((t,s)=>t+s),this.selectable?52:0)}px`,"--sticky-right-offset":`${this.columnWidths.filter(((s,e)=>e>=this.columns.filter((t=>!1!==t.visible)).length-(this.stickyColumn?.right||0)&&e>t)).reduce(((t,s)=>t+s),0)}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}async getStickyStyle(t){return this.getStickyStyleSync(t)}spanKey(t,s){return`${t}::${s}`}requestAllTrUpdate(){this.queryAllTr().forEach((t=>{"function"==typeof t.bumpSpansVersion?t.bumpSpansVersion():h(t)}))}registerSpanSync(t,s,e,i){if(null==t||!s)return;const h=Math.max(1,Math.floor(e||1)),a=Math.max(1,Math.floor(i||1)),n=this.spanKey(t,s),r=this.spanRegistry.get(n);if(1===h&&1===a){if(!r)return;return this.spanRegistry.delete(n),void this.requestAllTrUpdate()}r&&r.rowspan===h&&r.colspan===a||(this.spanRegistry.set(n,{rowspan:h,colspan:a}),this.requestAllTrUpdate())}unregisterSpanSync(t,s){if(null==t||!s)return;const e=this.spanKey(t,s);this.spanRegistry.has(e)&&(this.spanRegistry.delete(e),this.requestAllTrUpdate())}getSpanSync(t,s){return this.spanRegistry.get(this.spanKey(t,s))}hasRowspanSync(){for(const t of this.spanRegistry.values())if(t.rowspan>1)return!0;return!1}isCoveredSync(t,s,e){if(0===this.spanRegistry.size)return!1;const i=e.filter((t=>!1!==t.visible));for(let e=0;e<s;e++){const h=i[e];if(!h)continue;const a=this.spanRegistry.get(this.spanKey(t,"string"==typeof h.field?h.field:h.name));if(a&&e+a.colspan>s)return!0}const h=Number(t);if(!Number.isFinite(h))return!1;for(const[t,e]of this.spanRegistry){if(e.rowspan<=1)continue;const a=t.indexOf("::");if(a<0)continue;const n=t.slice(0,a),r=t.slice(a+2),l=Number(n);if(!Number.isFinite(l))continue;if(l>=h)continue;if(l+e.rowspan<=h)continue;const o=i.findIndex((t=>("string"==typeof t.field?t.field:t.name)===r));if(!(o<0)&&o<=s&&o+e.colspan>s)return!0}return!1}setRowCountSync(t){const s=Math.max(0,Math.floor(this.toFiniteNumber(t,0)));s!==this.rowCount&&(this.lastReachEndNotifiedRowCount=-1),this.rowCount=s,this.useVirtualScroll&&this.propagateVirtualUpdate(!0)}async setRowCount(t){this.setRowCountSync(t)}calculateVisibleRange(t,s){const e=Math.max(1,this.toFiniteNumber(this.rowHeight,40)),i=Math.max(0,Math.floor(this.toFiniteNumber(this.virtualBuffer,5))),h=Math.max(0,this.toFiniteNumber(t,0)),a=Math.max(0,this.toFiniteNumber(s,0)),n=Math.max(0,Math.floor(this.toFiniteNumber(this.rowCount,0))),r=Math.floor(h/e),l=Math.ceil(a/e);return{start:Math.max(0,r-i),end:Math.min(n,r+l+i)}}getPaginationInfoSync(){if(!this.useInternalPagination||!this.pagination)return null;const t=(this.currentPage-1)*this.innerRowsPerPage;return{startIndex:t,endIndex:t+this.innerRowsPerPage,currentPage:this.currentPage,rowsPerPage:this.innerRowsPerPage}}async getPaginationInfo(){return this.getPaginationInfoSync()}getVirtualScrollRangeSync(){return this.useVirtualScroll&&this.vsEnd>0?{from:this.vsStart,to:this.vsEnd}:null}renderAutoRows(){if(this.useVirtualScroll)return null;const t=this.rows??[],s=this.getPaginationInfoSync(),e=s?.startIndex??0;return(s?t.slice(s.startIndex,s.endIndex):t).map(((t,s)=>{const i=e+s;return a("sd-tr",{key:i,"row-key":String(i),row:t})}))}get tableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",(this.selectable||(this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right",0===this.rowCount&&!this.isLoading&&"sd-table--no-data"].filter(Boolean).join(" ")}render(){const t=this.getResolvedTableId();return a(n,{key:"d73cd690ad11ce92af37b6f32374f6f891c5b677"},a("div",{key:"f51d23212885ad8121b9a4e895fb854f1e142bc4",class:"sd-table__container",style:{"--table-width":this.width,"--table-height":this.height,"--table-container-height":`calc(${this.height||"100%"} - ${this.pagination&&this.rowCount>0&&!this.useVirtualScroll?48:0}px)`}},a("div",{key:"84b1ba7b2220ff55304b9c19e59304ca2257cff0",class:{"sd-table__clip":!0,"sd-table__clip--has-pagination":!(!(this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0)||this.useVirtualScroll)}},a("div",{key:"c901eba67eae29515bf0b3edcc6632b2aacf0f80",class:{"sd-table__wrapper":!0,"sd-table__wrapper--loading":this.isLoading,"sd-table__wrapper--no-data":0===this.rowCount&&!this.isLoading}},this.isLoading&&a("div",{key:"35a237d0203b2479dbdb77ac42c918a9375bdfd3",class:"sd-table__loading",style:{top:`${this.loadingScrollTop}px`}},a("sd-circle-progress",{key:"21a29981c1cdbd679f46abd2e7de7794c9ebbca9",indeterminate:!0})),0===this.rowCount&&!this.isLoading&&a("div",{key:"07ad28bc6e7556cfe229fc1e952410f388424a7f",class:"sd-table__no-data"},a("slot",{key:"bf21e60f5b86614587b704bea2965b9467c7f467",name:"no-data"},a("span",{key:"f3d012d12e9189545b0cef52250502d46cb9a764"},this.resolvedNoDataLabel))),a("table",{key:"655d3dc017c6445ec454faef0e5e9837b7ee0013",class:this.tableClasses},this.autoThead?a("slot",{name:`${t}-head`,onSlotchange:this.handleStructureSlotChange},a("sd-thead",{rows:this.rows??[]})):a("slot",{name:`${t}-head`,onSlotchange:this.handleStructureSlotChange}),this.autoTbody?a("slot",{name:`${t}-body`,onSlotchange:this.handleStructureSlotChange},a("sd-tbody",{rows:this.rows??[]},this.renderAutoRows())):a("slot",{name:`${t}-body`,onSlotchange:this.handleStructureSlotChange})))),this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0&&!this.useVirtualScroll&&a("div",{key:"7ab0b30a0c0e0a197b0f79c6b07ef5614d5d2879",class:"sd-table__pagination"},a("sd-pagination",{key:"71d44bba5a82f4d8f7c067e525db15fe9a36c305",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&a("sd-select-v2",{key:"a9ab33347db0714da188f658a2ca1902502db690",value:this.useInternalPagination?this.innerRowsPerPage:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",emitValue:!0,onSdUpdate:t=>{this.isRowsPerPageValue(t.detail)&&this.changeRowsPerPage(t.detail)}}))))}static get watchers(){return{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}};o.style="sd-table,:host{display:block;width:100%;max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:var(--table-height, 100%);width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__clip{width:100%;min-width:0;height:var(--table-container-height, 400px);border:1px solid #E1E1E1;border-radius:8px;overflow:hidden}.sd-table__clip--has-pagination{border-radius:8px 8px 0 0}.sd-table__wrapper{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-size:12px;overflow:auto;background:#FFFFFF}.sd-table__wrapper--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #E1E1E1;border-top:none;border-radius:0 0 8px 8px}.sd-table__pagination sd-select-v2{position:absolute;right:10px;top:50%;transform:translateY(-50%)}";export{o as sd_table}
package/dist/design-system/p-d52f25c6.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as e,c,a as d,h as s}from"./p-Bp7ytJz5.js";var o={fontWeight:"400",fontSize:"12",lineHeight:"20"},h={bg:{default:"#FFFFFF",hover:"#D9EAFF"},border:{default:"#AAAAAA",hover:"#0075FF"}},b={bg:{default:"#0075FF"},icon:{default:"#FFFFFF",disabled:"#BBBBBB",inverse:"#FFFFFF"},border:{inverse:"#FFFFFF"}},r={default:"#222222",inverse:"#FFFFFF"};const i={size:"16",radius:"2",borderWidth:"1",gap:"8",iconSize:"12"},a={fontSize:o.fontSize,lineHeight:o.lineHeight,fontWeight:o.fontWeight},t={unchecked:{bg:h.bg.default,bgHover:h.bg.hover,border:h.border.default,borderHover:h.border.hover},checked:{bg:b.bg.default,icon:b.icon.default,iconDisabled:b.icon.disabled,iconInverse:b.icon.inverse,borderInverse:b.border.inverse},label:r.default,labelInverse:r.inverse,disabled:{bg:{disabled:"#E1E1E1"}.disabled,border:{disabled:"#CCCCCC"}.disabled}},k=class{constructor(d){e(this,d),this.update=c(this,"sdUpdate",7)}get el(){return d(this)}value;val;disabled=!1;inverse=!1;label="";isChecked=!1;hasWarnedMissingVal=!1;inputEl;update;componentWillLoad(){this.updateCheckedState(this.value)}watchValueHandler(e){this.updateCheckedState(e)}get checkboxClasses(){const e=["sd-checkbox","sd-checkbox--"+(this.isChecked?"checked":null===this.isChecked?"indeterminate":"unchecked")];return this.disabled&&e.push("sd-checkbox--disabled"),this.inverse&&e.push("sd-checkbox--inverse"),e.join(" ")}updateCheckedState(e){this.isChecked=null===e?null:"boolean"==typeof e?e:!!Array.isArray(e)&&void 0!==this.val&&e.includes(this.val),this.inputEl&&(this.inputEl.indeterminate=null===this.isChecked)}handleChange=()=>{if(this.disabled)return;let e;if("boolean"==typeof this.value)e=!this.value;else if(Array.isArray(this.value)){void 0!==this.val||this.hasWarnedMissingVal||(console.warn('A "val" property is required when using an array for the "value" property.'),this.hasWarnedMissingVal=!0);const c=new Set(this.value);c.has(this.val)?c.delete(this.val):c.add(this.val),e=Array.from(c)}else e=!this.isChecked;this.value=e,this.update.emit(e)};render(){return s("label",{key:"1a1c4dac0a2ce24ae51ce0baba74a7add387aa2f",class:this.checkboxClasses,style:{"--sd-checkbox-size":`${i.size}px`,"--sd-checkbox-radius":`${i.radius}px`,"--sd-checkbox-border-width":`${i.borderWidth}px`,"--sd-checkbox-gap":`${i.gap}px`,"--sd-checkbox-font-size":`${a.fontSize}px`,"--sd-checkbox-line-height":`${a.lineHeight}px`,"--sd-checkbox-font-weight":a.fontWeight,"--sd-checkbox-unchecked-bg":t.unchecked.bg,"--sd-checkbox-unchecked-bg-hover":t.unchecked.bgHover,"--sd-checkbox-unchecked-border":t.unchecked.border,"--sd-checkbox-unchecked-border-hover":t.unchecked.borderHover,"--sd-checkbox-checked-bg":t.checked.bg,"--sd-checkbox-label-color":t.label,"--sd-checkbox-disabled-bg":t.disabled.bg,"--sd-checkbox-disabled-border":t.disabled.border,"--sd-checkbox-inverse-border":t.checked.borderInverse,"--sd-checkbox-inverse-icon":t.checked.iconInverse,"--sd-checkbox-inverse-label":t.labelInverse}},s("input",{key:"4a45bc9bbaaf6ddaebf3445045ab7b1f789f81d5",type:"checkbox",ref:e=>{this.inputEl=e},value:this.val,checked:!!this.isChecked,disabled:this.disabled,onChange:this.handleChange,name:this.val?.toString()||"checkbox","aria-label":this.label||"checkbox","aria-checked":null===this.isChecked?"mixed":this.isChecked?"true":"false","aria-disabled":this.disabled?"true":"false"}),s("div",{key:"7d8ae7276470bf4543cdee1a0b25793f07d23c66",class:"sd-checkbox__bg"},!1!==this.isChecked?s("sd-icon",{name:!0===this.isChecked?"check":"minus",size:Number(i.iconSize),color:this.disabled?t.checked.iconDisabled:this.inverse?t.checked.iconInverse:t.checked.icon}):null),this.label&&s("span",{key:"d791d977073b0916917c7ce770cf73c1ff81f3bd",class:"sd-checkbox__label"},this.label))}static get watchers(){return{value:[{watchValueHandler:0}]}}};k.style="sd-checkbox{display:block;height:var(--sd-checkbox-line-height);line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-checkbox-gap);height:var(--sd-checkbox-line-height);max-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-checkbox .sd-checkbox>input:focus-visible+.sd-checkbox__bg{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-checkbox-checked-bg);outline:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border-color:var(--sd-checkbox-unchecked-border-hover);background:var(--sd-checkbox-unchecked-bg-hover)}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border-color:transparent;background:var(--sd-checkbox-disabled-bg)}sd-checkbox .sd-checkbox__bg{width:var(--sd-checkbox-size);height:var(--sd-checkbox-size);border-radius:var(--sd-checkbox-radius);border:var(--sd-checkbox-border-width) solid var(--sd-checkbox-unchecked-border);box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}sd-checkbox .sd-checkbox__label{font-size:var(--sd-checkbox-font-size);font-weight:var(--sd-checkbox-font-weight);color:var(--sd-checkbox-label-color);line-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border-color:var(--sd-checkbox-checked-bg);background:var(--sd-checkbox-checked-bg)}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:var(--sd-checkbox-unchecked-bg)}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}sd-checkbox .sd-checkbox--inverse .sd-checkbox__label{color:var(--sd-checkbox-inverse-label)}sd-checkbox .sd-checkbox--inverse.sd-checkbox--unchecked .sd-checkbox__bg{background:transparent;border-color:var(--sd-checkbox-inverse-border)}sd-checkbox .sd-checkbox--inverse.sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--inverse.sd-checkbox--indeterminate .sd-checkbox__bg{background:transparent;border-color:var(--sd-checkbox-inverse-border)}sd-checkbox .sd-checkbox--inverse:hover.sd-checkbox--unchecked .sd-checkbox__bg{background:rgba(255, 255, 255, 0.12);border-color:var(--sd-checkbox-inverse-border)}";export{k as sd_checkbox}
package/dist/design-system/p-dbcbbf1e.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as s,a as i}from"./p-Bp7ytJz5.js";const o=class{constructor(s){t(this,s),this.optionClick=e(this,"sdOptionClick",7),this.optionFiltered=e(this,"sdOptionFiltered",7),this.scroll=e(this,"sdScroll",7)}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=!1;useAll=!1;filteredOptions=[];searchText=null;isScrolled=!1;isDropdownReady=!1;optionClick;optionFiltered;scroll;filteredOptionsChanged(t){this.optionFiltered.emit(t)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[],i=s?.[this.itemIndex];i&&(this.optionRef=i,await this.optionRef.sdIsDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(i))}componentWillLoad(){this.filteredOptions=this.options,requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t){const e=Array.isArray(t)?this.options.indexOf(t[0]):this.options.indexOf(t),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]),i=Math.min((this.useAll?e+1:e)+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o,"instant")}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}filterOptions(){this.filteredOptions=this.searchText&&""!==this.searchText.trim()?this.options.filter((t=>t.label.toLowerCase().includes(this.searchText.toLowerCase()))):this.options}getSelectedOption(){return"object"!=typeof this.value?this.options.find((t=>t.value===this.value)):this.options.filter((t=>this.value?.includes(t)))}isOptionSelected(t){return Array.isArray(this.value)?this.value.some((e=>e.value===t)):t===this.value}async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}scrollToOption(t,e="smooth"){if(!this.dropdownRef||!t)return;const s=this.dropdownRef,i=t.offsetTop,o=t.offsetHeight,n=s.scrollTop,d=s.clientHeight,l=s.querySelector(".sd-select-search-input"),h=l?l.offsetHeight:0,c=n+d;i<n+h?s.scrollTo({top:i-h,behavior:e}):i+o>c&&s.scrollTo({top:i+o-d+h,behavior:e})}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};render(){return s("div",{key:"a831a99130074fa072534d76f4b0db7169d906e2",class:{"sd-select-dropdown":!0,"sd-select-dropdown--ready":this.isDropdownReady},style:this.dropdownSize,onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&s("sd-select-search-input",{key:"f09a5575454c30387aeac9996d15625d7581a367",ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((t,e)=>s("slot",{name:`option-${t.value}`},s("sd-select-option",{option:t,index:e,isSelected:this.isOptionSelected(t.value),isFocused:e===this.itemIndex,onOptionClick:({detail:t})=>this.optionClick.emit(t),useCheckbox:this.useCheckbox})))):s("slot",{name:"option-placeholder"},s("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder)))}static get watchers(){return{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}}};o.style=".sd-select-dropdown .sd-select-option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}.sd-select-dropdown{overflow:auto;min-width:fit-content;width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}";const n=class{constructor(s){t(this,s),this.optionClick=e(this,"optionClick",7)}get el(){return i(this)}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;isHovered=!1;async sdIsDisabled(){return!!this.option.disabled}optionClick;handleClick=t=>{t.stopPropagation(),this.option.disabled||this.disabled||this.optionClick.emit({option:this.option,index:this.index,event:t})};render(){return s("div",{key:"413176678e27ad80c3ba51f8e32681f017d210ac",class:{"sd-select__option":!0,"sd-select__option--selected":this.isSelected,"sd-select__option--disabled":!!this.option.disabled,"sd-select__option--focused":this.isFocused,"sd-select__option--use-checkbox":this.useCheckbox},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:this.handleClick},this.useCheckbox?s("div",{class:"sd-select__option__checkbox-wrapper"},s("sd-checkbox",{value:this.isSelected,disabled:this.option.disabled,onClick:t=>{t.preventDefault(),this.handleClick(t)}}),s("span",{class:"sd-select__option-label"},this.option.label)):this.option.label)}};n.style="sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#E6F1FF}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075FF;font-weight:700}sd-select-option .sd-select__option--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075FF;color:white}";export{o as sd_select_dropdown,n as sd_select_option}
package/dist/esm/base-dropdown-event-CRdYeSBK.js DELETED
@@ -1,89 +0,0 @@
1
- class DropdownManager {
2
- static instance;
3
- activeDropdowns = new Set();
4
- static getInstance() {
5
- if (!DropdownManager.instance) {
6
- DropdownManager.instance = new DropdownManager();
7
- }
8
- return DropdownManager.instance;
9
- }
10
- register(component) {
11
- this.activeDropdowns.add(component);
12
- }
13
- unregister(component) {
14
- this.activeDropdowns.delete(component);
15
- }
16
- openDropdown(targetComponent) {
17
- // 다른 모든 드롭다운 닫기
18
- this.activeDropdowns.forEach(component => {
19
- if (component !== targetComponent && component.isOpen) {
20
- component.closeDropdown();
21
- }
22
- });
23
- }
24
- closeAllDropdowns() {
25
- this.activeDropdowns.forEach(component => {
26
- if (component.isOpen) {
27
- component.closeDropdown();
28
- }
29
- });
30
- }
31
- }
32
- const dropdownManager = DropdownManager.getInstance();
33
-
34
- // 여러 select를 동시에 사용할때에 이벤트 리스너의 등록이 충돌나는 문제를 해결하기 위한 Base class
35
- // 각 드롭다운 컴포넌트는 이 클래스를 상속 및 구현 필요
36
- // 기본적으로 click, keydown 추상 이벤트를 구현해야하고
37
- // isOpen가 true일때에만 이벤트 등록 그외에는 이벤트 클리닝을 수행
38
- // 추후 필요한 이벤트는 이곳에 추가하여 추가 구현 후 사용
39
- // 별도로 드롭다운 전용의 Base class가 아닌 공통적으로 사용할 수 있는 Base class가 필요할지 검토 필요
40
- class BaseDropdownEvent {
41
- documentClickHandler;
42
- documentKeydownHandler;
43
- // 컴포넌트 생명주기에서 호출할 메서드들
44
- initializeEvent() {
45
- dropdownManager.register(this);
46
- this.initializeEventHandlers();
47
- }
48
- cleanupEvent() {
49
- dropdownManager.unregister(this);
50
- this.cleanup();
51
- }
52
- initializeEventHandlers() {
53
- this.documentClickHandler = (event) => this.handleDocumentClick(event);
54
- this.documentKeydownHandler = (event) => this.handleDocumentKeydown(event);
55
- }
56
- addGlobalEventListeners() {
57
- if (this.documentClickHandler) {
58
- document.addEventListener('click', this.documentClickHandler);
59
- }
60
- if (this.documentKeydownHandler) {
61
- document.addEventListener('keydown', this.documentKeydownHandler);
62
- }
63
- }
64
- removeGlobalEventListeners() {
65
- if (this.documentClickHandler) {
66
- document.removeEventListener('click', this.documentClickHandler);
67
- }
68
- if (this.documentKeydownHandler) {
69
- document.removeEventListener('keydown', this.documentKeydownHandler);
70
- }
71
- }
72
- onDropdownToggle(isOpen) {
73
- if (isOpen && !this.disabled) {
74
- dropdownManager.openDropdown(this);
75
- this.addGlobalEventListeners();
76
- }
77
- else {
78
- this.removeGlobalEventListeners();
79
- }
80
- }
81
- cleanup() {
82
- this.removeGlobalEventListeners();
83
- }
84
- closeDropdown() {
85
- this.isOpen = false;
86
- }
87
- }
88
-
89
- export { BaseDropdownEvent as B };