@warp-ds/elements 2.2.0-next.2 → 2.2.0-next.21

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 (516) hide show
  1. package/README.md +228 -28
  2. package/dist/.storybook/utilities.d.ts +28 -0
  3. package/dist/.storybook/utilities.js +52 -0
  4. package/dist/api.js +1 -49
  5. package/dist/api.js.map +4 -4
  6. package/dist/custom-elements.json +7146 -0
  7. package/dist/index.d.ts +1847 -18
  8. package/dist/packages/affix/affix.react.stories.d.ts +9 -0
  9. package/dist/packages/affix/affix.react.stories.js +10 -0
  10. package/dist/packages/affix/affix.stories.d.ts +10 -0
  11. package/dist/packages/affix/affix.stories.js +25 -0
  12. package/dist/packages/affix/affix.test.d.ts +1 -0
  13. package/dist/packages/affix/affix.test.js +9 -0
  14. package/dist/packages/affix/index.d.ts +47 -24
  15. package/dist/packages/affix/index.js +2448 -2240
  16. package/dist/packages/affix/index.js.map +4 -4
  17. package/dist/packages/affix/react.d.ts +2 -0
  18. package/dist/packages/affix/react.js +15 -0
  19. package/dist/packages/affix/styles.d.ts +1 -0
  20. package/dist/packages/affix/styles.js +2 -0
  21. package/dist/packages/alert/alert.react.stories.d.ts +13 -0
  22. package/dist/packages/alert/alert.react.stories.js +44 -0
  23. package/dist/packages/alert/alert.stories.d.ts +15 -0
  24. package/dist/packages/alert/alert.stories.js +68 -0
  25. package/dist/packages/alert/alert.test.d.ts +1 -0
  26. package/dist/packages/alert/alert.test.js +18 -0
  27. package/dist/packages/alert/index.d.ts +21 -16
  28. package/dist/packages/alert/index.js +2452 -2446
  29. package/dist/packages/alert/index.js.map +4 -4
  30. package/dist/packages/alert/react.d.ts +2 -0
  31. package/dist/packages/alert/react.js +11 -0
  32. package/dist/packages/alert/styles.d.ts +1 -0
  33. package/dist/packages/alert/styles.js +2 -0
  34. package/dist/packages/attention/attention.react.stories.d.ts +15 -0
  35. package/dist/packages/attention/attention.react.stories.js +92 -0
  36. package/dist/packages/attention/attention.stories.d.ts +15 -0
  37. package/dist/packages/attention/attention.stories.js +173 -0
  38. package/dist/packages/attention/attention.test.d.ts +1 -0
  39. package/dist/packages/attention/attention.test.js +11 -0
  40. package/dist/packages/attention/index.d.ts +62 -89
  41. package/dist/packages/attention/index.js +3521 -3924
  42. package/dist/packages/attention/index.js.map +4 -4
  43. package/dist/packages/attention/layout-styles.d.ts +1 -0
  44. package/dist/packages/attention/layout-styles.js +905 -0
  45. package/dist/packages/attention/locales/da/messages.mjs +1 -0
  46. package/dist/packages/attention/locales/en/messages.mjs +1 -0
  47. package/dist/packages/attention/locales/fi/messages.mjs +1 -0
  48. package/dist/packages/attention/locales/nb/messages.mjs +1 -0
  49. package/dist/packages/attention/locales/sv/messages.mjs +1 -0
  50. package/dist/packages/attention/react.d.ts +15 -0
  51. package/dist/packages/attention/react.js +17 -0
  52. package/dist/packages/attention/styles.d.ts +1 -0
  53. package/dist/packages/attention/styles.js +2 -0
  54. package/dist/packages/badge/badge.react.stories.d.ts +18 -0
  55. package/dist/packages/badge/badge.react.stories.js +60 -0
  56. package/dist/packages/badge/badge.stories.d.ts +17 -0
  57. package/dist/packages/badge/badge.stories.js +68 -0
  58. package/dist/packages/badge/badge.test.d.ts +1 -0
  59. package/dist/packages/badge/badge.test.js +9 -0
  60. package/dist/packages/badge/index.d.ts +12 -11
  61. package/dist/packages/badge/index.js +2441 -300
  62. package/dist/packages/badge/index.js.map +4 -4
  63. package/dist/packages/badge/react.d.ts +2 -0
  64. package/dist/packages/badge/react.js +11 -0
  65. package/dist/packages/badge/styles.d.ts +1 -0
  66. package/dist/packages/badge/styles.js +2 -0
  67. package/dist/packages/box/box.react.stories.d.ts +15 -0
  68. package/dist/packages/box/box.react.stories.js +45 -0
  69. package/dist/packages/box/box.stories.d.ts +14 -0
  70. package/dist/packages/box/box.stories.js +59 -0
  71. package/dist/packages/box/box.test.d.ts +1 -0
  72. package/dist/packages/box/box.test.js +9 -0
  73. package/dist/packages/box/index.d.ts +17 -20
  74. package/dist/packages/box/index.js +2443 -299
  75. package/dist/packages/box/index.js.map +4 -4
  76. package/dist/packages/box/react.d.ts +2 -0
  77. package/dist/packages/box/react.js +11 -0
  78. package/dist/packages/box/slot.test.d.ts +1 -0
  79. package/dist/packages/box/slot.test.js +9 -0
  80. package/dist/packages/box/styles.d.ts +1 -0
  81. package/dist/packages/box/styles.js +2 -0
  82. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +13 -0
  83. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +40 -0
  84. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +12 -0
  85. package/dist/packages/breadcrumbs/breadcrumbs.stories.js +60 -0
  86. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -0
  87. package/dist/packages/breadcrumbs/breadcrumbs.test.js +16 -0
  88. package/dist/packages/breadcrumbs/index.d.ts +19 -16
  89. package/dist/packages/breadcrumbs/index.js +2402 -2051
  90. package/dist/packages/breadcrumbs/index.js.map +4 -4
  91. package/dist/packages/breadcrumbs/locales/da/messages.mjs +1 -0
  92. package/dist/packages/breadcrumbs/locales/en/messages.mjs +1 -0
  93. package/dist/packages/breadcrumbs/locales/fi/messages.mjs +1 -0
  94. package/dist/packages/breadcrumbs/locales/nb/messages.mjs +1 -0
  95. package/dist/packages/breadcrumbs/locales/sv/messages.mjs +1 -0
  96. package/dist/packages/breadcrumbs/react.d.ts +2 -0
  97. package/dist/packages/breadcrumbs/react.js +11 -0
  98. package/dist/packages/breadcrumbs/styles.d.ts +1 -0
  99. package/dist/packages/breadcrumbs/styles.js +2 -0
  100. package/dist/packages/button/button.react.stories.d.ts +22 -0
  101. package/dist/packages/button/button.react.stories.js +102 -0
  102. package/dist/packages/button/button.stories.d.ts +21 -0
  103. package/dist/packages/button/button.stories.js +119 -0
  104. package/dist/packages/button/button.test.d.ts +1 -0
  105. package/dist/packages/button/button.test.js +25 -0
  106. package/dist/packages/button/index.d.ts +106 -56
  107. package/dist/packages/button/index.js +2618 -2130
  108. package/dist/packages/button/index.js.map +4 -4
  109. package/dist/packages/button/locales/da/messages.mjs +1 -0
  110. package/dist/packages/button/locales/en/messages.mjs +1 -0
  111. package/dist/packages/button/locales/fi/messages.mjs +1 -0
  112. package/dist/packages/button/locales/nb/messages.mjs +1 -0
  113. package/dist/packages/button/locales/sv/messages.mjs +1 -0
  114. package/dist/packages/button/react.d.ts +2 -0
  115. package/dist/packages/button/react.js +11 -0
  116. package/dist/packages/button/styles.d.ts +1 -0
  117. package/dist/packages/button/styles.js +2 -0
  118. package/dist/packages/card/card.react.stories.d.ts +16 -0
  119. package/dist/packages/card/card.react.stories.js +63 -0
  120. package/dist/packages/card/card.stories.d.ts +15 -0
  121. package/dist/packages/card/card.stories.js +82 -0
  122. package/dist/packages/card/card.test.d.ts +1 -0
  123. package/dist/packages/card/card.test.js +9 -0
  124. package/dist/packages/card/index.d.ts +27 -15
  125. package/dist/packages/card/index.js +2403 -2067
  126. package/dist/packages/card/index.js.map +4 -4
  127. package/dist/packages/card/locales/da/messages.mjs +1 -0
  128. package/dist/packages/card/locales/en/messages.mjs +1 -0
  129. package/dist/packages/card/locales/fi/messages.mjs +1 -0
  130. package/dist/packages/card/locales/nb/messages.mjs +1 -0
  131. package/dist/packages/card/locales/sv/messages.mjs +1 -0
  132. package/dist/packages/card/react.d.ts +2 -0
  133. package/dist/packages/card/react.js +11 -0
  134. package/dist/packages/card/styles.d.ts +1 -0
  135. package/dist/packages/card/styles.js +2 -0
  136. package/dist/packages/combobox/combobox.react.stories.d.ts +28 -0
  137. package/dist/packages/combobox/combobox.react.stories.js +90 -0
  138. package/dist/packages/combobox/combobox.stories.d.ts +18 -0
  139. package/dist/packages/combobox/combobox.stories.js +117 -0
  140. package/dist/packages/combobox/index.d.ts +95 -0
  141. package/dist/packages/combobox/index.js +2492 -0
  142. package/dist/packages/combobox/index.js.map +7 -0
  143. package/dist/packages/combobox/locales/da/messages.d.mts +1 -0
  144. package/dist/packages/combobox/locales/da/messages.mjs +1 -0
  145. package/dist/packages/combobox/locales/en/messages.d.mts +1 -0
  146. package/dist/packages/combobox/locales/en/messages.mjs +1 -0
  147. package/dist/packages/combobox/locales/fi/messages.d.mts +1 -0
  148. package/dist/packages/combobox/locales/fi/messages.mjs +1 -0
  149. package/dist/packages/combobox/locales/nb/messages.d.mts +1 -0
  150. package/dist/packages/combobox/locales/nb/messages.mjs +1 -0
  151. package/dist/packages/combobox/locales/sv/messages.d.mts +1 -0
  152. package/dist/packages/combobox/locales/sv/messages.mjs +1 -0
  153. package/dist/packages/combobox/react.d.ts +7 -0
  154. package/dist/packages/combobox/react.js +17 -0
  155. package/dist/packages/combobox/styles.d.ts +1 -0
  156. package/dist/packages/combobox/styles.js +2 -0
  157. package/dist/packages/datepicker/DatePicker.test.d.ts +2 -0
  158. package/dist/packages/datepicker/DatePicker.test.js +69 -0
  159. package/dist/packages/datepicker/datepicker.d.ts +102 -0
  160. package/dist/packages/datepicker/datepicker.js +2785 -0
  161. package/dist/packages/datepicker/datepicker.js.map +7 -0
  162. package/dist/packages/datepicker/datepicker.react.stories.d.ts +18 -0
  163. package/dist/packages/datepicker/datepicker.react.stories.js +26 -0
  164. package/dist/packages/datepicker/datepicker.stories.d.ts +12 -0
  165. package/dist/packages/datepicker/datepicker.stories.js +51 -0
  166. package/dist/packages/datepicker/datepicker.test.d.ts +2 -0
  167. package/dist/packages/datepicker/datepicker.test.js +62 -0
  168. package/dist/packages/datepicker/index.d.ts +1 -0
  169. package/dist/packages/datepicker/index.js +2785 -0
  170. package/dist/packages/datepicker/index.js.map +7 -0
  171. package/dist/packages/datepicker/locales/da/messages.d.mts +1 -0
  172. package/dist/packages/datepicker/locales/da/messages.mjs +1 -0
  173. package/dist/packages/datepicker/locales/en/messages.d.mts +1 -0
  174. package/dist/packages/datepicker/locales/en/messages.mjs +1 -0
  175. package/dist/packages/datepicker/locales/fi/messages.d.mts +1 -0
  176. package/dist/packages/datepicker/locales/fi/messages.mjs +1 -0
  177. package/dist/packages/datepicker/locales/nb/messages.d.mts +1 -0
  178. package/dist/packages/datepicker/locales/nb/messages.mjs +1 -0
  179. package/dist/packages/datepicker/locales/sv/messages.d.mts +1 -0
  180. package/dist/packages/datepicker/locales/sv/messages.mjs +1 -0
  181. package/dist/packages/datepicker/react.d.ts +5 -0
  182. package/dist/packages/datepicker/react.js +15 -0
  183. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +1 -0
  184. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.js +15 -0
  185. package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +1 -0
  186. package/dist/packages/datepicker/styles/w-datepicker-day.styles.js +64 -0
  187. package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +1 -0
  188. package/dist/packages/datepicker/styles/w-datepicker-month.styles.js +72 -0
  189. package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +1 -0
  190. package/dist/packages/datepicker/styles/w-datepicker.styles.js +101 -0
  191. package/dist/packages/datepicker/utils.d.ts +13 -0
  192. package/dist/packages/datepicker/utils.js +28 -0
  193. package/dist/packages/dead-toggle/dead-toggle.react.stories.d.ts +15 -0
  194. package/dist/packages/dead-toggle/dead-toggle.react.stories.js +34 -0
  195. package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +14 -0
  196. package/dist/packages/dead-toggle/dead-toggle.stories.js +45 -0
  197. package/dist/packages/dead-toggle/dead-toggle.test.d.ts +1 -0
  198. package/dist/packages/dead-toggle/dead-toggle.test.js +9 -0
  199. package/dist/packages/dead-toggle/index.d.ts +16 -0
  200. package/dist/packages/dead-toggle/index.js +2487 -0
  201. package/dist/packages/dead-toggle/index.js.map +7 -0
  202. package/dist/packages/dead-toggle/react.d.ts +2 -0
  203. package/dist/packages/dead-toggle/react.js +11 -0
  204. package/dist/packages/expandable/expandable.react.stories.d.ts +18 -0
  205. package/dist/packages/expandable/expandable.react.stories.js +103 -0
  206. package/dist/packages/expandable/expandable.stories.d.ts +19 -0
  207. package/dist/packages/expandable/expandable.stories.js +133 -0
  208. package/dist/packages/expandable/expandable.test.d.ts +1 -0
  209. package/dist/packages/expandable/expandable.test.js +24 -0
  210. package/dist/packages/expandable/index.d.ts +52 -50
  211. package/dist/packages/expandable/index.js +2424 -2286
  212. package/dist/packages/expandable/index.js.map +4 -4
  213. package/dist/packages/expandable/react.d.ts +2 -0
  214. package/dist/packages/expandable/react.js +11 -0
  215. package/dist/packages/expandable/styles.d.ts +1 -0
  216. package/dist/packages/expandable/styles.js +2 -0
  217. package/dist/packages/i18n.js +45 -0
  218. package/dist/packages/link/index.d.ts +34 -0
  219. package/dist/packages/link/index.js +2646 -0
  220. package/dist/packages/link/index.js.map +7 -0
  221. package/dist/packages/link/link.react.stories.d.ts +21 -0
  222. package/dist/packages/link/link.react.stories.js +96 -0
  223. package/dist/packages/link/link.stories.d.ts +20 -0
  224. package/dist/packages/link/link.stories.js +110 -0
  225. package/dist/packages/link/link.test.d.ts +1 -0
  226. package/dist/packages/link/link.test.js +9 -0
  227. package/dist/packages/link/react.d.ts +2 -0
  228. package/dist/packages/link/react.js +11 -0
  229. package/dist/packages/link/styles.d.ts +1 -0
  230. package/dist/packages/link/styles.js +200 -0
  231. package/dist/packages/modal/index.d.ts +4 -5
  232. package/dist/packages/modal/index.js +2649 -2575
  233. package/dist/packages/modal/index.js.map +4 -4
  234. package/dist/packages/modal/locales/da/messages.mjs +1 -0
  235. package/dist/packages/modal/locales/en/messages.mjs +1 -0
  236. package/dist/packages/modal/locales/fi/messages.mjs +1 -0
  237. package/dist/packages/modal/locales/nb/messages.mjs +1 -0
  238. package/dist/packages/modal/locales/sv/messages.mjs +1 -0
  239. package/dist/packages/modal/modal-footer.d.ts +13 -11
  240. package/dist/packages/modal/modal-footer.js +2460 -0
  241. package/dist/packages/modal/modal-footer.js.map +7 -0
  242. package/dist/packages/modal/modal-header.d.ts +25 -31
  243. package/dist/packages/modal/modal-header.js +2584 -0
  244. package/dist/packages/modal/modal-header.js.map +7 -0
  245. package/dist/packages/modal/modal-main.d.ts +27 -31
  246. package/dist/packages/modal/modal-main.js +2572 -0
  247. package/dist/packages/modal/modal-main.js.map +7 -0
  248. package/dist/packages/modal/modal.react.stories.d.ts +14 -0
  249. package/dist/packages/modal/modal.react.stories.js +27 -0
  250. package/dist/packages/modal/modal.stories.d.ts +19 -0
  251. package/dist/packages/modal/modal.stories.js +160 -0
  252. package/dist/packages/modal/react.d.ts +12 -0
  253. package/dist/packages/modal/react.js +31 -0
  254. package/dist/packages/modal/util.d.ts +7 -17
  255. package/dist/packages/modal/util.js +21 -0
  256. package/dist/packages/pageindicator/index.d.ts +10 -0
  257. package/dist/packages/pageindicator/index.js +32 -0
  258. package/dist/packages/pageindicator/index.js.map +7 -0
  259. package/dist/packages/pageindicator/pageindicator.react.stories.d.ts +19 -0
  260. package/dist/packages/pageindicator/pageindicator.react.stories.js +20 -0
  261. package/dist/packages/pageindicator/pageindicator.stories.d.ts +32 -0
  262. package/dist/packages/pageindicator/pageindicator.stories.js +71 -0
  263. package/dist/packages/pageindicator/react.d.ts +2 -0
  264. package/dist/packages/pageindicator/react.js +11 -0
  265. package/dist/packages/pageindicator/style.d.ts +1 -0
  266. package/dist/packages/pageindicator/style.js +26 -0
  267. package/dist/packages/pagination/index.d.ts +32 -0
  268. package/dist/packages/pagination/index.js +2500 -0
  269. package/dist/packages/pagination/index.js.map +7 -0
  270. package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
  271. package/dist/packages/pagination/locales/da/messages.mjs +1 -0
  272. package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
  273. package/dist/packages/pagination/locales/en/messages.mjs +1 -0
  274. package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
  275. package/dist/packages/pagination/locales/fi/messages.mjs +1 -0
  276. package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
  277. package/dist/packages/pagination/locales/nb/messages.mjs +1 -0
  278. package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
  279. package/dist/packages/pagination/locales/sv/messages.mjs +1 -0
  280. package/dist/packages/pagination/pagination.react.stories.d.ts +21 -0
  281. package/dist/packages/pagination/pagination.react.stories.js +45 -0
  282. package/dist/packages/pagination/pagination.stories.d.ts +14 -0
  283. package/dist/packages/pagination/pagination.stories.js +56 -0
  284. package/dist/packages/pagination/pagination.test.d.ts +1 -0
  285. package/dist/packages/pagination/pagination.test.js +76 -0
  286. package/dist/packages/pagination/react.d.ts +5 -0
  287. package/dist/packages/pagination/react.js +15 -0
  288. package/dist/packages/pagination/styles.d.ts +1 -0
  289. package/dist/packages/pagination/styles.js +2 -0
  290. package/dist/packages/pill/index.d.ts +39 -23
  291. package/dist/packages/pill/index.js +2408 -2175
  292. package/dist/packages/pill/index.js.map +4 -4
  293. package/dist/packages/pill/locales/da/messages.mjs +1 -0
  294. package/dist/packages/pill/locales/en/messages.mjs +1 -0
  295. package/dist/packages/pill/locales/fi/messages.mjs +1 -0
  296. package/dist/packages/pill/locales/nb/messages.mjs +1 -0
  297. package/dist/packages/pill/locales/sv/messages.mjs +1 -0
  298. package/dist/packages/pill/pill.react.stories.d.ts +23 -0
  299. package/dist/packages/pill/pill.react.stories.js +22 -0
  300. package/dist/packages/pill/pill.stories.d.ts +12 -0
  301. package/dist/packages/pill/pill.stories.js +33 -0
  302. package/dist/packages/pill/pill.test.d.ts +1 -0
  303. package/dist/packages/pill/pill.test.js +25 -0
  304. package/dist/packages/pill/react.d.ts +7 -0
  305. package/dist/packages/pill/react.js +17 -0
  306. package/dist/packages/pill/styles.d.ts +1 -0
  307. package/dist/packages/pill/styles.js +2 -0
  308. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +64 -0
  309. package/dist/packages/rip-and-tear-checkbox/checkbox.js +160 -0
  310. package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +7 -0
  311. package/dist/packages/rip-and-tear-checkbox/checkbox.stories.d.ts +8 -0
  312. package/dist/packages/rip-and-tear-checkbox/checkbox.stories.js +11 -0
  313. package/dist/packages/rip-and-tear-checkbox/index.d.ts +1 -0
  314. package/dist/packages/rip-and-tear-checkbox/index.js +160 -0
  315. package/dist/packages/rip-and-tear-checkbox/index.js.map +7 -0
  316. package/dist/packages/rip-and-tear-checkbox/react.d.ts +5 -0
  317. package/dist/packages/rip-and-tear-checkbox/react.js +15 -0
  318. package/dist/packages/rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.d.ts +12 -0
  319. package/dist/packages/rip-and-tear-checkbox/rip-and-tear-checkbox.react.stories.js +10 -0
  320. package/dist/packages/rip-and-tear-checkbox/styles.d.ts +1 -0
  321. package/dist/packages/rip-and-tear-checkbox/styles.js +116 -0
  322. package/dist/packages/rip-and-tear-radio/base-element.d.ts +46 -0
  323. package/dist/packages/rip-and-tear-radio/base-element.js +100 -0
  324. package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +6 -0
  325. package/dist/packages/rip-and-tear-radio/custom-error-validator.js +22 -0
  326. package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +103 -0
  327. package/dist/packages/rip-and-tear-radio/form-associated-element.js +282 -0
  328. package/dist/packages/rip-and-tear-radio/host-styles.d.ts +1 -0
  329. package/dist/packages/rip-and-tear-radio/host-styles.js +12 -0
  330. package/dist/packages/rip-and-tear-radio/index.d.ts +1 -0
  331. package/dist/packages/rip-and-tear-radio/index.js +270 -0
  332. package/dist/packages/rip-and-tear-radio/index.js.map +7 -0
  333. package/dist/packages/rip-and-tear-radio/invalid.d.ts +8 -0
  334. package/dist/packages/rip-and-tear-radio/invalid.js +5 -0
  335. package/dist/packages/rip-and-tear-radio/math.d.ts +1 -0
  336. package/dist/packages/rip-and-tear-radio/math.js +4 -0
  337. package/dist/packages/rip-and-tear-radio/radio-group-styles.d.ts +1 -0
  338. package/dist/packages/rip-and-tear-radio/radio-group-styles.js +60 -0
  339. package/dist/packages/rip-and-tear-radio/radio-group-styles.js.map +7 -0
  340. package/dist/packages/rip-and-tear-radio/radio-group.d.ts +72 -0
  341. package/dist/packages/rip-and-tear-radio/radio-group.js +270 -0
  342. package/dist/packages/rip-and-tear-radio/radio-group.js.map +7 -0
  343. package/dist/packages/rip-and-tear-radio/radio-styles.d.ts +1 -0
  344. package/dist/packages/rip-and-tear-radio/radio-styles.js +170 -0
  345. package/dist/packages/rip-and-tear-radio/radio-styles.js.map +7 -0
  346. package/dist/packages/rip-and-tear-radio/radio.d.ts +38 -0
  347. package/dist/packages/rip-and-tear-radio/radio.js +183 -0
  348. package/dist/packages/rip-and-tear-radio/radio.js.map +7 -0
  349. package/dist/packages/rip-and-tear-radio/radio.stories.d.ts +8 -0
  350. package/dist/packages/rip-and-tear-radio/radio.stories.js +275 -0
  351. package/dist/packages/rip-and-tear-radio/radio.stories.js.map +7 -0
  352. package/dist/packages/rip-and-tear-radio/react.d.ts +9 -0
  353. package/dist/packages/rip-and-tear-radio/react.js +22 -0
  354. package/dist/packages/rip-and-tear-radio/required-validator.d.ts +11 -0
  355. package/dist/packages/rip-and-tear-radio/required-validator.js +34 -0
  356. package/dist/packages/rip-and-tear-radio/rip-and-tear-radio.react.stories.d.ts +9 -0
  357. package/dist/packages/rip-and-tear-radio/rip-and-tear-radio.react.stories.js +10 -0
  358. package/dist/packages/rip-and-tear-radio/slot.d.ts +20 -0
  359. package/dist/packages/rip-and-tear-radio/slot.js +71 -0
  360. package/dist/packages/rip-and-tear-radio/watch.d.ts +26 -0
  361. package/dist/packages/rip-and-tear-radio/watch.js +39 -0
  362. package/dist/packages/select/index.d.ts +56 -50
  363. package/dist/packages/select/index.js +2421 -2236
  364. package/dist/packages/select/index.js.map +4 -4
  365. package/dist/packages/select/locales/da/messages.mjs +1 -0
  366. package/dist/packages/select/locales/en/messages.mjs +1 -0
  367. package/dist/packages/select/locales/fi/messages.mjs +1 -0
  368. package/dist/packages/select/locales/nb/messages.mjs +1 -0
  369. package/dist/packages/select/locales/sv/messages.mjs +1 -0
  370. package/dist/packages/select/react.d.ts +6 -0
  371. package/dist/packages/select/react.js +20 -0
  372. package/dist/packages/select/select.react.stories.d.ts +18 -0
  373. package/dist/packages/select/select.react.stories.js +28 -0
  374. package/dist/packages/select/select.stories.d.ts +10 -0
  375. package/dist/packages/select/select.stories.js +31 -0
  376. package/dist/packages/select/select.test.d.ts +1 -0
  377. package/dist/packages/select/select.test.js +31 -0
  378. package/dist/packages/select/styles.d.ts +1 -0
  379. package/dist/packages/select/styles.js +2 -0
  380. package/dist/packages/slider/Slider.d.ts +2 -0
  381. package/dist/packages/slider/Slider.js +8 -0
  382. package/dist/packages/slider/SliderThumb.d.ts +2 -0
  383. package/dist/packages/slider/SliderThumb.js +8 -0
  384. package/dist/packages/slider/index.d.ts +2 -0
  385. package/dist/packages/slider/index.js +2791 -0
  386. package/dist/packages/slider/index.js.map +7 -0
  387. package/dist/packages/slider/oddbird-css-anchor-positioning.d.ts +2 -0
  388. package/dist/packages/slider/oddbird-css-anchor-positioning.js +3 -0
  389. package/dist/packages/slider/react.d.ts +8 -0
  390. package/dist/packages/slider/react.js +20 -0
  391. package/dist/packages/slider/slider-thumb.d.ts +57 -0
  392. package/dist/packages/slider/slider-thumb.js +2663 -0
  393. package/dist/packages/slider/slider-thumb.js.map +7 -0
  394. package/dist/packages/slider/slider.d.ts +46 -0
  395. package/dist/packages/slider/slider.js +2569 -0
  396. package/dist/packages/slider/slider.js.map +7 -0
  397. package/dist/packages/slider/slider.react.stories.d.ts +18 -0
  398. package/dist/packages/slider/slider.react.stories.js +119 -0
  399. package/dist/packages/slider/slider.stories.d.ts +17 -0
  400. package/dist/packages/slider/slider.stories.js +203 -0
  401. package/dist/packages/slider/slider.test.d.ts +4 -0
  402. package/dist/packages/slider/slider.test.js +83 -0
  403. package/dist/packages/slider/styles/w-slider-thumb.styles.d.ts +1 -0
  404. package/dist/packages/slider/styles/w-slider-thumb.styles.js +132 -0
  405. package/dist/packages/slider/styles/w-slider.styles.d.ts +1 -0
  406. package/dist/packages/slider/styles/w-slider.styles.js +118 -0
  407. package/dist/packages/slider/styles.d.ts +1 -0
  408. package/dist/packages/slider/styles.js +2 -0
  409. package/dist/packages/steps/index.d.ts +36 -0
  410. package/dist/packages/steps/index.js +2465 -0
  411. package/dist/packages/steps/index.js.map +7 -0
  412. package/dist/packages/steps/locales/da/messages.d.mts +1 -0
  413. package/dist/packages/steps/locales/da/messages.mjs +1 -0
  414. package/dist/packages/steps/locales/en/messages.d.mts +1 -0
  415. package/dist/packages/steps/locales/en/messages.mjs +1 -0
  416. package/dist/packages/steps/locales/fi/messages.d.mts +1 -0
  417. package/dist/packages/steps/locales/fi/messages.mjs +1 -0
  418. package/dist/packages/steps/locales/nb/messages.d.mts +1 -0
  419. package/dist/packages/steps/locales/nb/messages.mjs +1 -0
  420. package/dist/packages/steps/locales/sv/messages.d.mts +1 -0
  421. package/dist/packages/steps/locales/sv/messages.mjs +1 -0
  422. package/dist/packages/steps/react.d.ts +3 -0
  423. package/dist/packages/steps/react.js +16 -0
  424. package/dist/packages/steps/steps.react.stories.d.ts +15 -0
  425. package/dist/packages/steps/steps.react.stories.js +112 -0
  426. package/dist/packages/steps/steps.stories.d.ts +12 -0
  427. package/dist/packages/steps/steps.stories.js +172 -0
  428. package/dist/packages/steps/styles.d.ts +1 -0
  429. package/dist/packages/steps/styles.js +2 -0
  430. package/dist/packages/styles.d.ts +2 -0
  431. package/dist/packages/styles.js +2442 -0
  432. package/dist/packages/switch/index.d.ts +15 -0
  433. package/dist/packages/switch/index.js +2455 -0
  434. package/dist/packages/switch/index.js.map +7 -0
  435. package/dist/packages/switch/react.d.ts +5 -0
  436. package/dist/packages/switch/react.js +15 -0
  437. package/dist/packages/switch/styles.d.ts +1 -0
  438. package/dist/packages/switch/styles.js +2 -0
  439. package/dist/packages/switch/switch.react.stories.d.ts +15 -0
  440. package/dist/packages/switch/switch.react.stories.js +29 -0
  441. package/dist/packages/switch/switch.stories.d.ts +9 -0
  442. package/dist/packages/switch/switch.stories.js +34 -0
  443. package/dist/packages/tabs/index.d.ts +4 -0
  444. package/dist/packages/tabs/index.js +2470 -0
  445. package/dist/packages/tabs/index.js.map +7 -0
  446. package/dist/packages/tabs/react.d.ts +12 -0
  447. package/dist/packages/tabs/react.js +31 -0
  448. package/dist/packages/tabs/styles.d.ts +1 -0
  449. package/dist/packages/tabs/styles.js +2 -0
  450. package/dist/packages/tabs/tab-panel.d.ts +20 -0
  451. package/dist/packages/tabs/tab-panel.js +2441 -0
  452. package/dist/packages/tabs/tab-panel.js.map +7 -0
  453. package/dist/packages/tabs/tab.d.ts +18 -0
  454. package/dist/packages/tabs/tab.js +2463 -0
  455. package/dist/packages/tabs/tab.js.map +7 -0
  456. package/dist/packages/tabs/tabs.d.ts +40 -0
  457. package/dist/packages/tabs/tabs.js +2448 -0
  458. package/dist/packages/tabs/tabs.js.map +7 -0
  459. package/dist/packages/tabs/tabs.react.stories.d.ts +15 -0
  460. package/dist/packages/tabs/tabs.react.stories.js +51 -0
  461. package/dist/packages/tabs/tabs.stories.d.ts +8 -0
  462. package/dist/packages/tabs/tabs.stories.js +2545 -0
  463. package/dist/packages/tabs/tabs.stories.js.map +7 -0
  464. package/dist/packages/textfield/index.d.ts +78 -74
  465. package/dist/packages/textfield/index.js +2514 -422
  466. package/dist/packages/textfield/index.js.map +4 -4
  467. package/dist/packages/textfield/react.d.ts +11 -0
  468. package/dist/packages/textfield/react.js +21 -0
  469. package/dist/packages/textfield/styles/w-textfield.styles.d.ts +1 -0
  470. package/dist/packages/textfield/styles/w-textfield.styles.js +46 -0
  471. package/dist/packages/textfield/styles.d.ts +1 -0
  472. package/dist/packages/textfield/styles.js +2 -0
  473. package/dist/packages/textfield/textfield.react.stories.d.ts +37 -0
  474. package/dist/packages/textfield/textfield.react.stories.js +88 -0
  475. package/dist/packages/textfield/textfield.stories.d.ts +18 -0
  476. package/dist/packages/textfield/textfield.stories.js +105 -0
  477. package/dist/packages/textfield/textfield.test.d.ts +2 -0
  478. package/dist/packages/textfield/textfield.test.js +68 -0
  479. package/dist/packages/toast/api.d.ts +4 -45
  480. package/dist/packages/toast/api.js +41 -0
  481. package/dist/packages/toast/index.d.ts +3 -0
  482. package/dist/packages/toast/index.js +2466 -2787
  483. package/dist/packages/toast/index.js.map +4 -4
  484. package/dist/packages/toast/locales/da/messages.mjs +1 -0
  485. package/dist/packages/toast/locales/en/messages.mjs +1 -0
  486. package/dist/packages/toast/locales/fi/messages.mjs +1 -0
  487. package/dist/packages/toast/locales/nb/messages.mjs +1 -0
  488. package/dist/packages/toast/locales/sv/messages.mjs +1 -0
  489. package/dist/packages/toast/styles.d.ts +1 -0
  490. package/dist/packages/toast/styles.js +2 -0
  491. package/dist/packages/toast/toast-container.d.ts +12 -63
  492. package/dist/packages/toast/toast-container.js +2458 -0
  493. package/dist/packages/toast/toast-container.js.map +7 -0
  494. package/dist/packages/toast/toast.d.ts +34 -29
  495. package/dist/packages/toast/toast.js +2466 -0
  496. package/dist/packages/toast/toast.js.map +7 -0
  497. package/dist/packages/toast/toast.stories.d.ts +12 -0
  498. package/dist/packages/toast/toast.stories.js +50 -0
  499. package/dist/packages/toast/types.d.ts +15 -0
  500. package/dist/packages/toast/types.js +1 -0
  501. package/dist/packages/utils/expand-transition.d.ts +3 -2
  502. package/dist/packages/utils/expand-transition.js +59 -0
  503. package/dist/packages/utils/index.d.ts +1 -1
  504. package/dist/packages/utils/index.js +2 -0
  505. package/dist/packages/utils/index.js.map +7 -0
  506. package/dist/packages/utils/unstyled-heading.d.ts +3 -3
  507. package/dist/packages/utils/unstyled-heading.js +22 -0
  508. package/dist/packages/utils/window-exists.js +1 -0
  509. package/dist/setup-tests.d.ts +1 -0
  510. package/dist/setup-tests.js +1 -0
  511. package/dist/vscode.css-custom-data.json +6 -0
  512. package/dist/vscode.html-custom-data.json +738 -0
  513. package/dist/web-types.json +1693 -0
  514. package/package.json +93 -37
  515. package/dist/index.js +0 -6838
  516. package/dist/index.js.map +0 -7
package/dist/packages/dead-toggle/index.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../packages/dead-toggle/index.ts", "../../../packages/styles.ts"],
4
+ "sourcesContent": ["import { CSSResultGroup, css, html, LitElement } from 'lit';\n\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { reset } from '../styles';\n\n/**\n * Dead toggle can be used where the appearance of a checkbox or radio is needed - but for accessibility purposes an actual input element should not be present.\n *\n * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-dead-toggle--docs)\n */\nexport class WarpDeadToggle extends LitElement {\n @property({ type: String, reflect: true })\n type: 'radio' | 'checkbox' = 'radio';\n\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /** @internal */\n get indeterminateMarker() {\n return !this.checked && this.indeterminate ? '\u2013' : '';\n }\n\n render() {\n const classes = classMap({\n checkbox: this.type === 'checkbox',\n radio: this.type === 'radio',\n checked: this.checked,\n });\n return html` <div class=\"${classes}\">${this.indeterminateMarker}</div> `;\n }\n\n static styles?: CSSResultGroup | undefined = [\n reset,\n css`\n div {\n display: block;\n border-width: 1px;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n cursor: pointer;\n appearance: none;\n user-select: none;\n flex-shrink: 0;\n height: 2rem;\n width: 2rem;\n background-color: var(--w-s-color-background);\n border-color: var(--w-s-color-border);\n color: var(--w-s-color-icon-inverted);\n font-weight: 700;\n text-align: center;\n line-height: var(--w-line-height-xs);\n font-size: var(--w-font-size-m);\n }\n :host([type='checkbox']) div {\n border-radius: 2px;\n }\n :host([type='checkbox'][checked]) div,\n :host([type='checkbox'][indeterminate]) div {\n background-color: var(--w-s-color-background-primary);\n border-color: var(--w-s-color-border-primary);\n }\n :host([type='checkbox'][checked]) div {\n background-image: var(--w-icon-toggle-checked);\n }\n :host([type='radio']) div {\n border-radius: 50%;\n }\n :host([type='radio'][checked]) div {\n border-color: var(--w-s-color-border-selected);\n border-width: 0.6rem;\n }\n :host([invalid]) div {\n border-color: var(--w-s-color-border-negative) !important;\n }\n :host([type='checkbox'][invalid][checked]) div,\n :host([type='checkbox'][invalid][indeterminate]) div {\n background-color: var(--w-s-color-background-negative);\n }\n `,\n ];\n}\n\nif (!customElements.get('w-dead-toggle')) {\n customElements.define('w-dead-toggle', WarpDeadToggle);\n}\n", "import { css } from 'lit';\n\nexport const reset = css`\n *,\n :before,\n :after {\n box-sizing: border-box;\n border-style: solid;\n border-width: 0;\n border-color: var(--w-s-color-border);\n }\n html {\n font-size: 62.5%;\n }\n body {\n background-color: var(--w-s-color-background);\n min-height: 100%;\n margin: 0;\n overflow-y: scroll;\n }\n body,\n :host {\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n -webkit-tap-highlight-color: transparent;\n font-family: var(--w-font-family);\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m);\n color: var(--w-s-color-text);\n }\n hr {\n color: inherit;\n border-top-width: 1px;\n height: 0;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: 700;\n }\n a {\n cursor: pointer;\n color: var(--w-s-color-text-link);\n text-decoration: none;\n }\n a:hover,\n a:focus,\n a:active {\n text-decoration: underline;\n }\n a:focus-visible {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: 1px;\n }\n b,\n strong {\n font-weight: 700;\n }\n code,\n kbd,\n samp,\n pre {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n Liberation Mono,\n Courier New,\n monospace;\n font-size: 1em;\n }\n sub,\n sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n }\n button,\n select {\n text-transform: none;\n }\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n -webkit-appearance: button;\n }\n :-moz-focusring {\n outline: auto;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n progress {\n vertical-align: baseline;\n }\n ::-webkit-inner-spin-button {\n height: auto;\n }\n ::-webkit-outer-spin-button {\n height: auto;\n }\n [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n summary {\n display: list-item;\n }\n blockquote,\n dl,\n dd,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n hr,\n figure,\n p,\n pre {\n margin: 0;\n }\n fieldset {\n margin: 0;\n padding: 0;\n }\n legend {\n padding: 0;\n }\n ol,\n ul,\n menu {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n textarea {\n resize: vertical;\n }\n input::placeholder,\n textarea::placeholder {\n opacity: 1;\n color: var(--w-s-color-text-placeholder);\n }\n button,\n [role='button'] {\n cursor: pointer;\n }\n :disabled {\n cursor: default;\n }\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n vertical-align: middle;\n display: block;\n }\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n h1 {\n font-size: var(--w-font-size-xxl);\n line-height: var(--w-line-height-xxl);\n }\n h2 {\n font-size: var(--w-font-size-xl);\n line-height: var(--w-line-height-xl);\n }\n h3 {\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l);\n }\n h4 {\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m);\n }\n h5 {\n font-size: var(--w-font-size-s);\n line-height: var(--w-line-height-s);\n }\n dt,\n dd {\n margin: 0 16px;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n ul,\n ol,\n dl,\n p,\n blockquote {\n margin: 0 0 8px;\n }\n [hidden] {\n display: none !important;\n }\n [tabindex='-1']:focus:not(:focus-visible) {\n outline: none;\n }\n legend {\n float: left;\n width: 100%;\n margin: 0;\n padding: 0;\n display: table;\n }\n legend + * {\n clear: both;\n }\n fieldset {\n border: 0;\n min-width: 0;\n margin: 0;\n padding: 0.01em 0 0;\n }\n body:not(:-moz-handler-blocked) fieldset {\n display: table-cell;\n }\n svg {\n pointer-events: none;\n }\n`;\nexport const components = css`*, :before, :after {\n --w-rotate: 0;\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-scale-x: 1;\n --w-scale-y: 1;\n --w-scale-z: 1;\n --w-skew-x: 0;\n --w-skew-y: 0;\n --w-translate-x: 0;\n --w-translate-y: 0;\n --w-translate-z: 0\n }\n\n .h4, .t4 {\n font-weight: 700;\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .t3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n\n @media (min-width: 480px) {\n .sm\\\\:h3 {\n font-weight: 700;\n font-size: var(--w-font-size-l);\n line-height: var(--w-line-height-l)\n }\n }\n\n .text-center {\n text-align: center\n }\n\n .before\\\\:text-center:before {\n text-align: center\n }\n\n .text-left {\n text-align: left\n }\n\n .text-right {\n text-align: right\n }\n\n .align-middle {\n vertical-align: middle\n }\n\n .animate-inprogress {\n background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;\n background-size: 30px 30px;\n animation: animate-inprogress 3s linear infinite\n }\n\n @keyframes animate-inprogress {\n 0% {\n background-position: 0 0\n }\n to {\n background-position: 60px 0\n }\n }\n\n .\\\\[--w-modal-max-height\\\\:80\\\\%\\\\] {\n --w-modal-max-height: 80%\n }\n\n .\\\\[--w-modal-width\\\\:640px\\\\] {\n --w-modal-width: 640px\n }\n\n .focus\\\\:\\\\[--w-outline-offset\\\\:-2px\\\\]:focus {\n --w-outline-offset: -2px\n }\n\n .backdrop-blur {\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:bg-center:before {\n background-position: center\n }\n\n .hover\\\\:bg-clip-padding:hover {\n -webkit-background-clip: padding-box;\n background-clip: padding-box\n }\n\n .bg-transparent, .group\\\\/steph:first-child .group-first\\\\/steph\\\\:bg-transparent, .group\\\\/steph:last-child .group-last\\\\/steph\\\\:bg-transparent {\n background-color: transparent\n }\n\n .bg-\\\\[--w-black\\\\/25\\\\] {\n background-color: rgba(var(--w-rgb-black), .25)\n }\n\n .bg-\\\\[--w-black\\\\/70\\\\], .bg-\\\\[var\\\\(--w-black\\\\)\\\\/70\\\\] {\n background-color: rgba(var(--w-rgb-black), .7)\n }\n\n .bg-\\\\[--w-color-badge-info-background\\\\] {\n background-color: var(--w-color-badge-info-background)\n }\n\n .bg-\\\\[--w-color-badge-negative-background\\\\] {\n background-color: var(--w-color-badge-negative-background)\n }\n\n .bg-\\\\[--w-color-badge-neutral-background\\\\] {\n background-color: var(--w-color-badge-neutral-background)\n }\n\n .bg-\\\\[--w-color-badge-positive-background\\\\] {\n background-color: var(--w-color-badge-positive-background)\n }\n\n .bg-\\\\[--w-color-badge-sponsored-background\\\\] {\n background-color: var(--w-color-badge-sponsored-background)\n }\n\n .bg-\\\\[--w-color-badge-warning-background\\\\] {\n background-color: var(--w-color-badge-warning-background)\n }\n\n .bg-\\\\[--w-color-button-primary-background\\\\] {\n background-color: var(--w-color-button-primary-background)\n }\n\n .bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\] {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .bg-\\\\[--w-color-callout-background\\\\] {\n background-color: var(--w-color-callout-background)\n }\n\n .bg-\\\\[--w-color-pill-suggestion-background\\\\] {\n background-color: var(--w-color-pill-suggestion-background)\n }\n\n .bg-\\\\[--w-color-switch-track-background\\\\] {\n background-color: var(--w-color-switch-track-background)\n }\n\n .bg-\\\\[--w-s-color-surface-elevated-100\\\\] {\n background-color: var(--w-s-color-surface-elevated-100)\n }\n\n .bg-\\\\[--w-s-color-surface-elevated-300\\\\] {\n background-color: var(--w-s-color-surface-elevated-300)\n }\n\n .bg-\\\\[--w-s-icon-selected\\\\] {\n background-color: var(--w-s-icon-selected)\n }\n\n .group:hover .group-hover\\\\:bg-\\\\[--w-color-switch-track-background-hover\\\\] {\n background-color: var(--w-color-switch-track-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-button-pill-background-hover\\\\]:hover {\n background-color: var(--w-color-button-pill-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-button-primary-background-hover\\\\]:hover {\n background-color: var(--w-color-button-primary-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-buttongroup-utility-background-hover\\\\]:hover {\n background-color: var(--w-color-buttongroup-utility-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-color-pill-suggestion-background-hover\\\\]:hover {\n background-color: var(--w-color-pill-suggestion-background-hover)\n }\n\n .hover\\\\:bg-\\\\[--w-s-icon-subtle\\\\]:hover {\n background-color: var(--w-s-icon-subtle)\n }\n\n .hover\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\/85\\\\]:hover {\n background-color: rgba(var(--w-rgb-black), .85)\n }\n\n .active\\\\:bg-\\\\[--w-color-button-pill-background-active\\\\]:active {\n background-color: var(--w-color-button-pill-background-active)\n }\n\n .active\\\\:bg-\\\\[--w-color-button-primary-background-active\\\\]:active {\n background-color: var(--w-color-button-primary-background-active)\n }\n\n .active\\\\:bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\]:active {\n background-color: var(--w-color-buttongroup-utility-background-selected)\n }\n\n .active\\\\:bg-\\\\[--w-color-pill-suggestion-background-active\\\\]:active {\n background-color: var(--w-color-pill-suggestion-background-active)\n }\n\n .active\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\]:active {\n background-color: var(--w-black)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:bg-\\\\[url\\\\(var\\\\(--w-icon-toggle-checked\\\\)\\\\)\\\\]:before {\n background-image: var(--w-icon-toggle-checked)\n }\n\n .appearance-none {\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none\n }\n\n .will-change-height {\n will-change: height\n }\n\n .border, .border-1 {\n border-width: 1px\n }\n\n .border-b {\n border-bottom-width: 1px\n }\n\n .before\\\\:border:before {\n border-width: 1px\n }\n\n .border-0 {\n border-width: 0\n }\n\n .border-2 {\n border-width: 2px\n }\n\n .border-b-0 {\n border-bottom-width: 0\n }\n\n .border-b-4 {\n border-bottom-width: 4px\n }\n\n .border-l-4 {\n border-left-width: 4px\n }\n\n .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\\\:border-r-0 {\n border-right-width: 0\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:border-\\\\[6\\\\]:before {\n border-width: .6rem\n }\n\n .border-transparent {\n border-color: transparent\n }\n\n .border-\\\\[--w-color-buttongroup-utility-border\\\\] {\n border-color: var(--w-color-buttongroup-utility-border)\n }\n\n .border-\\\\[--w-color-callout-border\\\\] {\n border-color: var(--w-color-callout-border)\n }\n\n .border-\\\\[--w-s-color-background-inverted\\\\] {\n border-color: var(--w-s-color-background-inverted)\n }\n\n .border-\\\\[--w-s-color-surface-elevated-300\\\\] {\n border-color: var(--w-s-color-surface-elevated-300)\n }\n\n .active\\\\:border-\\\\[--w-color-buttongroup-utility-border-selected\\\\]:active {\n border-color: var(--w-color-buttongroup-utility-border-selected)\n }\n\n .divide-x > * + * {\n --w-divide-x-reverse: 0;\n border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));\n border-right-width: calc(1px * var(--w-divide-x-reverse))\n }\n\n .divide-y > * + * {\n --w-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--w-divide-y-reverse))\n }\n\n .rounded-4 {\n border-radius: 4px\n }\n\n .rounded-8 {\n border-radius: 8px\n }\n\n .rounded-full {\n border-radius: 9999px\n }\n\n .before\\\\:rounded-2:before {\n border-radius: 2px\n }\n\n .before\\\\:rounded-full:before {\n border-radius: 9999px\n }\n\n .rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-bl-0 {\n border-bottom-left-radius: 0\n }\n\n .rounded-br-0 {\n border-bottom-right-radius: 0\n }\n\n .rounded-l-0 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0\n }\n\n .rounded-l-full {\n border-top-left-radius: 9999px;\n border-bottom-left-radius: 9999px\n }\n\n .rounded-r-0 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0\n }\n\n .rounded-r-full {\n border-top-right-radius: 9999px;\n border-bottom-right-radius: 9999px\n }\n\n .rounded-tl-0 {\n border-top-left-radius: 0\n }\n\n .rounded-tl-4 {\n border-top-left-radius: 4px\n }\n\n .rounded-tr-0 {\n border-top-right-radius: 0\n }\n\n .group:first-of-type .group-first-of-type\\\\:rounded-bl-8 {\n border-bottom-left-radius: 8px\n }\n\n .group:first-of-type .group-first-of-type\\\\:rounded-tl-8 {\n border-top-left-radius: 8px\n }\n\n .first\\\\:rounded-lb-4:first-child {\n border-bottom-left-radius: 4px\n }\n\n .first\\\\:rounded-lt-4:first-child {\n border-top-left-radius: 4px\n }\n\n .first\\\\:rounded-rt-4:first-child {\n border-top-right-radius: 4px\n }\n\n .group:last-of-type .group-last-of-type\\\\:rounded-br-8 {\n border-bottom-right-radius: 8px\n }\n\n .group:last-of-type .group-last-of-type\\\\:rounded-tr-8 {\n border-top-right-radius: 8px\n }\n\n .last\\\\:rounded-lb-4:last-child {\n border-bottom-left-radius: 4px\n }\n\n .last\\\\:rounded-rb-4:last-child {\n border-bottom-right-radius: 4px\n }\n\n .last\\\\:rounded-rt-4:last-child {\n border-top-right-radius: 4px\n }\n\n .caret-current {\n caret-color: currentColor\n }\n\n .opacity-25 {\n opacity: 25%\n }\n\n .block {\n display: block\n }\n\n .before\\\\:block:before {\n display: block\n }\n\n .inline-block {\n display: inline-block\n }\n\n .inline {\n display: inline\n }\n\n .flex, .open\\\\:flex[open] {\n display: flex\n }\n\n .inline-flex {\n display: inline-flex\n }\n\n .grid {\n display: grid\n }\n\n .inline-grid {\n display: inline-grid\n }\n\n .hidden, .group\\\\/stepv:last-child .group-last\\\\/stepv\\\\:hidden {\n display: none\n }\n\n .before\\\\:hidden:before {\n display: none\n }\n\n .hover\\\\:underline:hover {\n text-decoration-line: underline\n }\n\n .focus\\\\:underline:focus {\n text-decoration-line: underline\n }\n\n .focus-visible\\\\:underline:focus-visible {\n text-decoration-line: underline\n }\n\n .active\\\\:underline:active {\n text-decoration-line: underline\n }\n\n .hover\\\\:no-underline:hover {\n text-decoration: none\n }\n\n .focus\\\\:no-underline:focus {\n text-decoration: none\n }\n\n .active\\\\:no-underline:active {\n text-decoration: none\n }\n\n .flex-1 {\n flex: 1 1 0%\n }\n\n .shrink {\n flex-shrink: 1\n }\n\n .shrink-0 {\n flex-shrink: 0\n }\n\n .shrink-0\\\\! {\n flex-shrink: 0 !important\n }\n\n .grow, .grow-1 {\n flex-grow: 1\n }\n\n .basis-auto {\n flex-basis: auto\n }\n\n .flex-col {\n flex-direction: column\n }\n\n .focus-within\\\\:focusable:focus-within {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:focus, .focusable:focus-visible {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .focusable:not(:focus-visible) {\n outline: none\n }\n\n .peer:focus ~ .peer-focus\\\\:focusable, .peer:focus-visible ~ .peer-focus\\\\:focusable {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px)\n }\n\n .peer:not(:focus-visible) ~ .peer-focus\\\\:focusable {\n outline: none\n }\n\n .focusable-inset {\n --w-outline-offset: -3px\n }\n\n .gap-12 {\n gap: 1.2rem\n }\n\n .gap-8 {\n gap: .8rem\n }\n\n .gap-x-16 {\n column-gap: 1.6rem\n }\n\n .gap-y-16 {\n row-gap: 1.6rem\n }\n\n .row-span-2 {\n grid-row: span 2/span 2\n }\n\n .col-span-2 {\n grid-column: span 2/span 2\n }\n\n .col-span-3 {\n grid-column: span 3/span 3\n }\n\n .row-start-1 {\n grid-row-start: 1\n }\n\n .row-start-2 {\n grid-row-start: 2\n }\n\n .col-start-2 {\n grid-column-start: 2\n }\n\n .auto-rows-auto {\n grid-auto-rows: auto\n }\n\n .grid-flow-col {\n grid-auto-flow: column\n }\n\n .grid-rows-\\\\[20px_auto\\\\] {\n grid-template-rows:20px auto\n }\n\n .grid-rows-\\\\[auto_20px\\\\] {\n grid-template-rows:auto 20px\n }\n\n .grid-cols-\\\\[1fr_20px_1fr\\\\] {\n grid-template-columns:1fr 20px 1fr\n }\n\n .grid-cols-\\\\[1fr_20px\\\\] {\n grid-template-columns:1fr 20px\n }\n\n .grid-cols-\\\\[20px_1fr\\\\] {\n grid-template-columns:20px 1fr\n }\n\n .grid-cols-\\\\[auto_1fr_auto\\\\] {\n grid-template-columns:auto 1fr auto\n }\n\n .grid-cols-1 {\n grid-template-columns:repeat(1, minmax(0, 1fr))\n }\n\n .grid-cols-2 {\n grid-template-columns:repeat(2, minmax(0, 1fr))\n }\n\n .grid-cols-3 {\n grid-template-columns:repeat(3, minmax(0, 1fr))\n }\n\n .grid-cols-4 {\n grid-template-columns:repeat(4, minmax(0, 1fr))\n }\n\n .grid-cols-5 {\n grid-template-columns:repeat(5, minmax(0, 1fr))\n }\n\n .grid-cols-6 {\n grid-template-columns:repeat(6, minmax(0, 1fr))\n }\n\n .grid-cols-7 {\n grid-template-columns:repeat(7, minmax(0, 1fr))\n }\n\n .grid-cols-8 {\n grid-template-columns:repeat(8, minmax(0, 1fr))\n }\n\n .grid-cols-9 {\n grid-template-columns:repeat(9, minmax(0, 1fr))\n }\n\n .overflow-hidden {\n overflow: hidden\n }\n\n .overflow-x-hidden {\n overflow-x: hidden\n }\n\n .overflow-y-auto {\n overflow-y: auto\n }\n\n .list-none {\n list-style-type: none\n }\n\n .outline-\\\\[--w-s-color-border-negative\\\\]\\\\! {\n outline-color: var(--w-s-color-border-negative) !important\n }\n\n .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .focus\\\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n }\n\n .items-start {\n align-items: flex-start\n }\n\n .items-end {\n align-items: flex-end\n }\n\n .items-center {\n align-items: center\n }\n\n .self-center {\n align-self: center\n }\n\n .inset-0 {\n top: 0rem;\n right: 0rem;\n bottom: 0rem;\n left: 0rem\n }\n\n .-bottom-0 {\n bottom: -0rem\n }\n\n .bottom-0 {\n bottom: 0rem\n }\n\n .bottom-10 {\n bottom: 1rem\n }\n\n .bottom-16 {\n bottom: 1.6rem\n }\n\n .left-0 {\n left: 0rem\n }\n\n .left-4 {\n left: .4rem\n }\n\n .right-0 {\n right: 0rem\n }\n\n .right-8 {\n right: .8rem\n }\n\n .top-\\\\[1\\\\.92rem\\\\] {\n top: 1.92rem\n }\n\n .top-0 {\n top: 0rem\n }\n\n .top-20 {\n top: 2rem\n }\n\n .top-4 {\n top: .4rem\n }\n\n .top-8 {\n top: .8rem\n }\n\n .before\\\\:bottom-0:before {\n bottom: 0rem\n }\n\n .before\\\\:left-0:before {\n left: 0rem\n }\n\n .before\\\\:right-0:before {\n right: 0rem\n }\n\n .before\\\\:top-2:before {\n top: .2rem\n }\n\n .-bottom-\\\\[8px\\\\] {\n bottom: -8px\n }\n\n .-left-\\\\[8px\\\\] {\n left: -8px\n }\n\n .-right-\\\\[8px\\\\] {\n right: -8px\n }\n\n .-top-\\\\[8px\\\\] {\n top: -8px\n }\n\n .top-\\\\[19px\\\\] {\n top: 19px\n }\n\n .top-\\\\[30\\\\%\\\\] {\n top: 30%\n }\n\n .justify-end {\n justify-content: flex-end\n }\n\n .justify-center {\n justify-content: center\n }\n\n .justify-between {\n justify-content: space-between\n }\n\n .justify-items-center {\n justify-items: center\n }\n\n .justify-self-start {\n justify-self: start\n }\n\n .justify-self-end {\n justify-self: end\n }\n\n .justify-self-center {\n justify-self: center\n }\n\n .absolute {\n position: absolute\n }\n\n .fixed {\n position: fixed\n }\n\n .relative {\n position: relative\n }\n\n .open\\\\:fixed[open] {\n position: fixed\n }\n\n .before\\\\:absolute:before {\n position: absolute\n }\n\n .z-10, .peer:checked ~ .peer-checked\\\\:z-10 {\n z-index: 10\n }\n\n .z-30 {\n z-index: 30\n }\n\n .z-50 {\n z-index: 50\n }\n\n .hover\\\\:z-30:hover {\n z-index: 30\n }\n\n .\\\\!s-bg-selected {\n background-color: var(--w-s-color-background-selected) !important\n }\n\n .s-bg {\n background-color: var(--w-s-color-background)\n }\n\n .s-bg-disabled {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .s-bg-disabled-subtle {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .s-bg-info-subtle {\n background-color: var(--w-s-color-background-info-subtle)\n }\n\n .s-bg-inverted {\n background-color: var(--w-s-color-background-inverted)\n }\n\n .s-bg-negative {\n background-color: var(--w-s-color-background-negative)\n }\n\n .s-bg-negative-subtle {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .s-bg-positive-subtle {\n background-color: var(--w-s-color-background-positive-subtle)\n }\n\n .s-bg-primary, .peer:checked ~ .peer-checked\\\\:s-bg-primary {\n background-color: var(--w-s-color-background-primary)\n }\n\n .s-bg-selected {\n background-color: var(--w-s-color-background-selected)\n }\n\n .s-bg-subtle {\n background-color: var(--w-s-color-background-subtle)\n }\n\n .s-bg-warning-subtle {\n background-color: var(--w-s-color-background-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-negative-hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-primary-hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-disabled:before {\n background-color: var(--w-s-color-background-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-negative:before {\n background-color: var(--w-s-color-background-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-primary:before {\n background-color: var(--w-s-color-background-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-negative-hover:hover:before {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-primary-hover:hover:before {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\\\!hover\\\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover) !important\n }\n\n .group:hover .group-hover\\\\:s-bg-primary-hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\\\:before\\\\:s-bg-hover:hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\\\:before\\\\:s-bg-negative-subtle-hover:hover:before {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\\\:s-bg-hover:hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .hover\\\\:s-bg-negative-hover:hover {\n background-color: var(--w-s-color-background-negative-hover)\n }\n\n .hover\\\\:s-bg-negative-subtle-hover:hover {\n background-color: var(--w-s-color-background-negative-subtle-hover)\n }\n\n .hover\\\\:s-bg-primary-hover:hover {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .hover\\\\:s-bg-selected-hover:hover {\n background-color: var(--w-s-color-background-selected-hover)\n }\n\n .peer:hover:not(:checked) ~ .peer-hover\\\\:peer-not-checked\\\\:s-bg-hover {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-hover:before {\n background-color: var(--w-s-color-background-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-negative-subtle:before {\n background-color: var(--w-s-color-background-negative-subtle)\n }\n\n .focus\\\\:s-bg-primary-hover:focus {\n background-color: var(--w-s-color-background-primary-hover)\n }\n\n .\\\\!active\\\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active) !important\n }\n\n .active\\\\:s-bg-active:active {\n background-color: var(--w-s-color-background-active)\n }\n\n .active\\\\:s-bg-negative-active:active {\n background-color: var(--w-s-color-background-negative-active)\n }\n\n .active\\\\:s-bg-negative-subtle-active:active {\n background-color: var(--w-s-color-background-negative-subtle-active)\n }\n\n .active\\\\:s-bg-primary-active:active {\n background-color: var(--w-s-color-background-primary-active)\n }\n\n .active\\\\:s-bg-selected-active:active {\n background-color: var(--w-s-color-background-selected-active)\n }\n\n .before\\\\:s-bg-disabled-subtle:before {\n background-color: var(--w-s-color-background-disabled-subtle)\n }\n\n .before\\\\:s-bg:before {\n background-color: var(--w-s-color-background)\n }\n\n .s-text {\n color: var(--w-s-color-text)\n }\n\n .s-text-disabled {\n color: var(--w-s-color-text-disabled)\n }\n\n .s-text-inverted, .peer:checked ~ .peer-checked\\\\:s-text-inverted {\n color: var(--w-s-color-text-inverted)\n }\n\n .s-text-inverted-static {\n color: var(--w-s-color-text-inverted-static)\n }\n\n .s-text-link {\n color: var(--w-s-color-text-link)\n }\n\n .s-text-negative {\n color: var(--w-s-color-text-negative)\n }\n\n .s-text-subtle {\n color: var(--w-s-color-text-subtle)\n }\n\n .hover\\\\:s-text-link:hover {\n color: var(--w-s-color-text-link)\n }\n\n .active\\\\:s-text:active {\n color: var(--w-s-color-text)\n }\n\n .placeholder\\\\:s-text-placeholder::placeholder {\n color: var(--w-s-color-text-placeholder)\n }\n\n .s-icon {\n color: var(--w-s-color-icon)\n }\n\n .s-icon-info {\n color: var(--w-s-color-icon-info)\n }\n\n .s-icon-inverted {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-icon-negative {\n color: var(--w-s-color-icon-negative)\n }\n\n .s-icon-positive {\n color: var(--w-s-color-icon-positive)\n }\n\n .s-icon-warning {\n color: var(--w-s-color-icon-warning)\n }\n\n .hover\\\\:s-icon-hover:hover {\n color: var(--w-s-color-icon-hover)\n }\n\n .active\\\\:s-icon-active:active {\n color: var(--w-s-color-icon-active)\n }\n\n .before\\\\:s-icon-inverted:before {\n color: var(--w-s-color-icon-inverted)\n }\n\n .s-border {\n border-color: var(--w-s-color-border)\n }\n\n .s-border-disabled {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .s-border-info-subtle {\n border-color: var(--w-s-color-border-info-subtle)\n }\n\n .s-border-l-info {\n border-left-color: var(--w-s-color-border-info)\n }\n\n .s-border-l-negative {\n border-left-color: var(--w-s-color-border-negative)\n }\n\n .s-border-l-positive {\n border-left-color: var(--w-s-color-border-positive)\n }\n\n .s-border-l-warning {\n border-left-color: var(--w-s-color-border-warning)\n }\n\n .s-border-negative {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-border-negative-subtle {\n border-color: var(--w-s-color-border-negative-subtle)\n }\n\n .s-border-positive-subtle {\n border-color: var(--w-s-color-border-positive-subtle)\n }\n\n .s-border-primary, .peer:checked ~ .peer-checked\\\\:s-border-primary {\n border-color: var(--w-s-color-border-primary)\n }\n\n .s-border-selected {\n border-color: var(--w-s-color-border-selected)\n }\n\n .s-border-warning-subtle {\n border-color: var(--w-s-color-border-warning-subtle)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-primary-hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-selected-hover:before {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-selected:before {\n border-color: var(--w-s-color-border-selected)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-primary-hover:hover:before {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .group:hover .group-hover\\\\:s-border-selected-hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\\\:before\\\\:s-border-primary:hover:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\\\:s-border-disabled:hover {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .hover\\\\:s-border-hover:hover {\n border-color: var(--w-s-color-border-hover)\n }\n\n .hover\\\\:s-border-negative-hover:hover {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .hover\\\\:s-border-primary-hover:hover {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .hover\\\\:s-border-primary:hover {\n border-color: var(--w-s-color-border-primary)\n }\n\n .hover\\\\:s-border-selected-hover:hover {\n border-color: var(--w-s-color-border-selected-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n border-color: var(--w-s-color-border-negative-hover)\n }\n\n .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-primary:before {\n border-color: var(--w-s-color-border-primary)\n }\n\n .focus\\\\:s-border-primary-hover:focus {\n border-color: var(--w-s-color-border-primary-hover)\n }\n\n .active\\\\:s-border-active:active {\n border-color: var(--w-s-color-border-active)\n }\n\n .active\\\\:s-border-disabled:active {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .active\\\\:s-border-primary-active:active {\n border-color: var(--w-s-color-border-primary-active)\n }\n\n .active\\\\:s-border-selected-active:active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .active\\\\:s-border-selected:active {\n border-color: var(--w-s-color-border-selected)\n }\n\n .group:active .group-active\\\\:s-border-active {\n border-color: var(--w-s-color-border-active)\n }\n\n .group:active .group-active\\\\:s-border-selected-active {\n border-color: var(--w-s-color-border-selected-active)\n }\n\n .before\\\\:s-border-disabled:before {\n border-color: var(--w-s-color-border-disabled)\n }\n\n .before\\\\:s-border-negative:before {\n border-color: var(--w-s-color-border-negative)\n }\n\n .s-surface-sunken {\n background-color: var(--w-s-color-surface-sunken)\n }\n\n .s-surface-elevated-200 {\n background-color: var(--w-s-color-surface-elevated-200);\n box-shadow: var(--w-s-shadow-surface-elevated-200)\n }\n\n .hover\\\\:s-surface-elevated-200-hover:hover {\n background-color: var(--w-s-color-surface-elevated-200-hover);\n box-shadow: var(--w-s-shadow-surface-elevated-200-hover)\n }\n\n .active\\\\:s-surface-elevated-200-active:active {\n background-color: var(--w-s-color-surface-elevated-200-active);\n box-shadow: var(--w-s-shadow-surface-elevated-200-active)\n }\n\n .drop-shadow-m {\n filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)\n }\n\n .shadow-m {\n box-shadow: var(--w-shadow-m)\n }\n\n .shadow-s {\n box-shadow: var(--w-shadow-s)\n }\n\n .shadow-\\\\[--w-shadow-slider\\\\] {\n box-shadow: var(--w-shadow-slider)\n }\n\n .hover\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:hover {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .focus\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:focus {\n box-shadow: var(--w-shadow-slider-handle-hover)\n }\n\n .active\\\\:shadow-\\\\[--w-shadow-slider-handle-active\\\\]:active {\n box-shadow: var(--w-shadow-slider-handle-active)\n }\n\n .h-0 {\n height: 0rem\n }\n\n .h-16 {\n height: 1.6rem\n }\n\n .h-2 {\n height: .2rem\n }\n\n .h-20 {\n height: 2rem\n }\n\n .h-24 {\n height: 2.4rem\n }\n\n .h-4 {\n height: .4rem\n }\n\n .h-44 {\n height: 4.4rem\n }\n\n .h-6 {\n height: .6rem\n }\n\n .h-8 {\n height: .8rem\n }\n\n .h-full {\n height: 100%\n }\n\n .h-unset {\n height: unset\n }\n\n .max-h-unset {\n max-height: unset\n }\n\n .max-w-full {\n max-width: 100%\n }\n\n .max-w-max {\n max-width: max-content\n }\n\n .max-w-unset {\n max-width: unset\n }\n\n .min-h-32 {\n min-height: 3.2rem\n }\n\n .min-h-40 {\n min-height: 4rem\n }\n\n .min-w-16 {\n min-width: 1.6rem\n }\n\n .min-w-32 {\n min-width: 3.2rem\n }\n\n .w-16 {\n width: 1.6rem\n }\n\n .w-2 {\n width: .2rem\n }\n\n .w-20 {\n width: 2rem\n }\n\n .w-24 {\n width: 2.4rem\n }\n\n .w-32 {\n width: 3.2rem\n }\n\n .w-40 {\n width: 4rem\n }\n\n .w-44 {\n width: 4.4rem\n }\n\n .w-8 {\n width: .8rem\n }\n\n .w-full {\n width: 100%\n }\n\n .w-max {\n width: max-content\n }\n\n .w-unset {\n width: unset\n }\n\n .before\\\\:h-20:before {\n height: 2rem\n }\n\n .before\\\\:h-full:before {\n height: 100%\n }\n\n .before\\\\:w-20:before {\n width: 2rem\n }\n\n .before\\\\:w-32:before {\n width: 3.2rem\n }\n\n .h-\\\\[--w-modal-height\\\\] {\n height: var(--w-modal-height)\n }\n\n .h-\\\\[14px\\\\] {\n height: 14px\n }\n\n .h-\\\\[16px\\\\] {\n height: 16px\n }\n\n .max-h-\\\\[--w-modal-max-height\\\\] {\n max-height: var(--w-modal-max-height)\n }\n\n .min-h-\\\\[--w-modal-min-height\\\\] {\n min-height: var(--w-modal-min-height)\n }\n\n .min-h-\\\\[32px\\\\] {\n min-height: 32px\n }\n\n .min-h-\\\\[40px\\\\] {\n min-height: 40px\n }\n\n .min-h-\\\\[42\\\\] {\n min-height: 4.2rem\n }\n\n .min-h-\\\\[44px\\\\] {\n min-height: 44px\n }\n\n .min-w-\\\\[32px\\\\] {\n min-width: 32px\n }\n\n .min-w-\\\\[40px\\\\] {\n min-width: 40px\n }\n\n .min-w-\\\\[44px\\\\] {\n min-width: 44px\n }\n\n .w-\\\\[--w-modal-width\\\\] {\n width: var(--w-modal-width)\n }\n\n .w-\\\\[14px\\\\] {\n width: 14px\n }\n\n .w-\\\\[16px\\\\] {\n width: 16px\n }\n\n .space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --w-space-x-reverse: 0;\n margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));\n margin-right: calc(.8rem * var(--w-space-x-reverse))\n }\n\n .space-y-16 > :not([hidden]) ~ :not([hidden]) {\n --w-space-y-reverse: 0;\n margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));\n margin-bottom: calc(1.6rem * var(--w-space-y-reverse))\n }\n\n .m-0 {\n margin: 0rem\n }\n\n .m-auto {\n margin: auto\n }\n\n .-mx-16 {\n margin-left: -1.6rem;\n margin-right: -1.6rem\n }\n\n .mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .mx-8 {\n margin-left: .8rem;\n margin-right: .8rem\n }\n\n .mx-auto {\n margin-left: auto;\n margin-right: auto\n }\n\n .-mb-1 {\n margin-bottom: -.1rem\n }\n\n .-ml-8 {\n margin-left: -.8rem\n }\n\n .-mr-1 {\n margin-right: -.1rem\n }\n\n .-mr-8 {\n margin-right: -.8rem\n }\n\n .-mt-2 {\n margin-top: -.2rem\n }\n\n .-mt-4 {\n margin-top: -.4rem\n }\n\n .last-child\\\\:mb-0 > :last-child, .mb-0 {\n margin-bottom: 0rem\n }\n\n .mb-32 {\n margin-bottom: 3.2rem\n }\n\n .ml-8 {\n margin-left: .8rem\n }\n\n .ml-auto {\n margin-left: auto\n }\n\n .mr-8 {\n margin-right: .8rem\n }\n\n .mt-16 {\n margin-top: 1.6rem\n }\n\n .mt-4 {\n margin-top: .4rem\n }\n\n .group:not(:first-child) .group-not-first\\\\:-ml-2 {\n margin-left: -.2rem\n }\n\n .last\\\\:mb-0:last-child {\n margin-bottom: 0rem\n }\n\n .last\\\\:mr-0:last-child {\n margin-right: 0rem\n }\n\n .m-\\\\[8px\\\\] {\n margin: 8px\n }\n\n .p-0 {\n padding: 0rem\n }\n\n .p-16 {\n padding: 1.6rem\n }\n\n .p-4 {\n padding: .4rem\n }\n\n .p-8 {\n padding: .8rem\n }\n\n .px-0 {\n padding-left: 0rem;\n padding-right: 0rem\n }\n\n .px-1 {\n padding-left: .1rem;\n padding-right: .1rem\n }\n\n .px-12 {\n padding-left: 1.2rem;\n padding-right: 1.2rem\n }\n\n .px-14 {\n padding-left: 1.4rem;\n padding-right: 1.4rem\n }\n\n .px-16 {\n padding-left: 1.6rem;\n padding-right: 1.6rem\n }\n\n .px-8 {\n padding-left: .8rem;\n padding-right: .8rem\n }\n\n .py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .py-1 {\n padding-top: .1rem;\n padding-bottom: .1rem\n }\n\n .py-10 {\n padding-top: 1rem;\n padding-bottom: 1rem\n }\n\n .py-12 {\n padding-top: 1.2rem;\n padding-bottom: 1.2rem\n }\n\n .py-2 {\n padding-top: .2rem;\n padding-bottom: .2rem\n }\n\n .py-4 {\n padding-top: .4rem;\n padding-bottom: .4rem\n }\n\n .py-6 {\n padding-top: .6rem;\n padding-bottom: .6rem\n }\n\n .py-8 {\n padding-top: .8rem;\n padding-bottom: .8rem\n }\n\n .pb-0 {\n padding-bottom: 0rem\n }\n\n .pb-32 {\n padding-bottom: 3.2rem\n }\n\n .pb-4 {\n padding-bottom: .4rem\n }\n\n .pb-8 {\n padding-bottom: .8rem\n }\n\n .pl-0 {\n padding-left: 0rem\n }\n\n .pl-1 {\n padding-left: .1rem\n }\n\n .pl-12 {\n padding-left: 1.2rem\n }\n\n .pl-28 {\n padding-left: 2.8rem\n }\n\n .pl-4 {\n padding-left: .4rem\n }\n\n .pl-8 {\n padding-left: .8rem\n }\n\n .pr-12 {\n padding-right: 1.2rem\n }\n\n .pr-14 {\n padding-right: 1.4rem\n }\n\n .pr-2 {\n padding-right: .2rem\n }\n\n .pr-32 {\n padding-right: 3.2rem\n }\n\n .pr-40 {\n padding-right: 4rem\n }\n\n .pt-0 {\n padding-top: 0rem\n }\n\n .pt-1 {\n padding-top: .1rem\n }\n\n .pt-16 {\n padding-top: 1.6rem\n }\n\n .pt-24 {\n padding-top: 2.4rem\n }\n\n .pt-8 {\n padding-top: .8rem\n }\n\n .group\\\\/step:last-child .group-last\\\\/step\\\\:last\\\\:pb-0:last-child {\n padding-bottom: 0rem\n }\n\n .last\\\\:pb-1:last-child {\n padding-bottom: .1rem\n }\n\n .last\\\\:pr-1:last-child {\n padding-right: .1rem\n }\n\n .p-\\\\[8px\\\\] {\n padding: 8px\n }\n\n .px-\\\\[15px\\\\] {\n padding-left: 15px;\n padding-right: 15px\n }\n\n .px-\\\\[8px\\\\] {\n padding-left: 8px;\n padding-right: 8px\n }\n\n .py-\\\\[11px\\\\] {\n padding-top: 11px;\n padding-bottom: 11px\n }\n\n .py-\\\\[5px\\\\] {\n padding-top: 5px;\n padding-bottom: 5px\n }\n\n .py-\\\\[7px\\\\] {\n padding-top: 7px;\n padding-bottom: 7px\n }\n\n .pl-\\\\[var\\\\(--w-prefix-width\\\\,_40px\\\\)\\\\] {\n padding-left: var(--w-prefix-width, 40px)\n }\n\n .invisible {\n visibility: hidden\n }\n\n .backface-hidden {\n backface-visibility: hidden\n }\n\n .break-words {\n overflow-wrap: break-word\n }\n\n .before\\\\:content-\\\\[\\\\\"\u00E2\u20AC\u201C\\\\\"\\\\]:before {\n content: \"\u00E2\u20AC\u201C\"\n }\n\n .before\\\\:content-\\\\[\\\\\"\\\\\"\\\\]:before {\n content: \"\"\n }\n\n .cursor-default {\n cursor: default\n }\n\n .cursor-pointer {\n cursor: pointer\n }\n\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: grayscale\n }\n\n .font-bold {\n font-weight: 700\n }\n\n .before\\\\:font-bold:before {\n font-weight: 700\n }\n\n .font-normal {\n font-weight: 400\n }\n\n .pointer-events-auto {\n pointer-events: auto\n }\n\n .pointer-events-none {\n pointer-events: none\n }\n\n .before\\\\:pointer-events-none:before {\n pointer-events: none\n }\n\n .pb-safe-\\\\[32\\\\] {\n padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0\n }\n\n .touch-pan-y {\n touch-action: pan-y\n }\n\n .select-none {\n -webkit-user-select: none;\n user-select: none\n }\n\n .translate-x-20 {\n --w-translate-x: 2rem;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .translate-z-0 {\n --w-translate-z: 0rem;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .-rotate-180, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:-rotate-180::part(w-icon-chevron-down-16-part) {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: -180deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 180deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .rotate-90 {\n --w-rotate-x: 0;\n --w-rotate-y: 0;\n --w-rotate-z: 0;\n --w-rotate: 90deg;\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform::part(w-icon-chevron-up-16-part), .transform {\n transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {\n transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n }\n\n .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-300 {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .3s\n }\n\n .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .transition-shadow {\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .before\\\\:transition-all:before {\n transition-property: all;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n transition-duration: .15s\n }\n\n .duration-300 {\n transition-duration: .3s\n }\n\n .ease-in-out, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-up-16-part) {\n transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n }\n\n .text-m {\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m)\n }\n\n .text-s {\n font-size: var(--w-font-size-s);\n line-height: var(--w-line-height-s)\n }\n\n .text-xs {\n font-size: var(--w-font-size-xs);\n line-height: var(--w-line-height-xs)\n }\n\n .leading-m {\n line-height: var(--w-line-height-m)\n }\n\n .before\\\\:leading-xs:before {\n line-height: var(--w-line-height-xs)\n }\n\n .leading-\\\\[24\\\\] {\n line-height: 2.4rem\n }\n\n @media (max-width: 479.9px) {\n .lt-sm\\\\:rounded-b-0 {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0\n }\n }\n @media (min-width: 480px) {\n .sm\\\\:border-b-0 {\n border-bottom-width: 0\n }\n\n .sm\\\\:rounded-8 {\n border-radius: 8px\n }\n\n .sm\\\\:rounded-b-8 {\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px\n }\n\n .sm\\\\:gap-16 {\n gap: 1.6rem\n }\n\n .sm\\\\:place-content-center {\n place-content: center\n }\n\n .sm\\\\:place-items-center {\n place-items: center\n }\n\n .sm\\\\:h-24 {\n height: 2.4rem\n }\n\n .sm\\\\:min-h-48 {\n min-height: 4.8rem\n }\n\n .sm\\\\:w-24 {\n width: 2.4rem\n }\n\n .sm\\\\:min-h-\\\\[32px\\\\] {\n min-height: 32px\n }\n\n .sm\\\\:min-h-\\\\[44px\\\\] {\n min-height: 44px\n }\n\n .sm\\\\:min-h-\\\\[45\\\\] {\n min-height: 4.5rem\n }\n\n .sm\\\\:min-w-\\\\[32px\\\\] {\n min-width: 32px\n }\n\n .sm\\\\:min-w-\\\\[44px\\\\] {\n min-width: 44px\n }\n\n .sm\\\\:mx-0 {\n margin-left: 0rem;\n margin-right: 0rem\n }\n\n .sm\\\\:mx-16 {\n margin-left: 1.6rem;\n margin-right: 1.6rem\n }\n\n .sm\\\\:-ml-12 {\n margin-left: -1.2rem\n }\n\n .sm\\\\:-mr-12 {\n margin-right: -1.2rem\n }\n\n .sm\\\\:-mt-8 {\n margin-top: -.8rem\n }\n\n .sm\\\\:px-32 {\n padding-left: 3.2rem;\n padding-right: 3.2rem\n }\n\n .sm\\\\:py-0 {\n padding-top: 0rem;\n padding-bottom: 0rem\n }\n\n .sm\\\\:pb-32 {\n padding-bottom: 3.2rem\n }\n\n .sm\\\\:pt-24 {\n padding-top: 2.4rem\n }\n\n .sm\\\\:pt-32 {\n padding-top: 3.2rem\n }\n }\n @media (min-width: 768px) {\n .md\\\\:block {\n display: block\n }\n\n .md\\\\:hidden {\n display: none\n }\n }\n `;\n"],
5
+ "mappings": "wMAAA,OAAyB,OAAAA,EAAK,QAAAC,EAAM,cAAAC,MAAkB,MAEtD,OAAS,YAAAC,MAAgB,oBACzB,OAAS,YAAAC,MAAgB,8BCHzB,OAAS,OAAAC,MAAW,MAEb,IAAMC,EAAQD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkRRE,EAAaF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;UDxQnB,IAAMG,EAAN,cAA6BC,CAAW,CAAxC,kCAEL,UAA6B,QAG7B,aAAU,GAGV,mBAAgB,GAGhB,aAAU,GAGV,IAAI,qBAAsB,CACxB,MAAO,CAAC,KAAK,SAAW,KAAK,cAAgB,SAAM,EACrD,CAEA,QAAS,CACP,IAAMC,EAAUC,EAAS,CACvB,SAAU,KAAK,OAAS,WACxB,MAAO,KAAK,OAAS,QACrB,QAAS,KAAK,OAChB,CAAC,EACD,OAAOC,iBAAoBF,CAAO,KAAK,KAAK,mBAAmB,SACjE,CAoDF,EA7EaF,EA2BJ,OAAsC,CAC3CK,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KA+CF,EA1EAC,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAD9BR,EAEX,oBAGAO,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAJ/BR,EAKX,uBAGAO,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAP/BR,EAQX,6BAGAO,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAV/BR,EAWX,uBAoEG,eAAe,IAAI,eAAe,GACrC,eAAe,OAAO,gBAAiBA,CAAc",
6
+ "names": ["css", "html", "LitElement", "property", "classMap", "css", "reset", "components", "WarpDeadToggle", "LitElement", "classes", "classMap", "html", "reset", "css", "__decorateClass", "property"]
7
+ }
package/dist/packages/dead-toggle/react.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { WarpDeadToggle } from '.';
2
+ export declare const DeadToggle: import("@lit/react").ReactWebComponent<WarpDeadToggle, {}>;
package/dist/packages/dead-toggle/react.js ADDED
@@ -0,0 +1,11 @@
1
+ import { LitElement } from 'lit';
2
+ import { createComponent } from '@lit/react';
3
+ import React from 'react';
4
+ // decouple from CDN by providing a dummy class
5
+ class Component extends LitElement {
6
+ }
7
+ export const DeadToggle = createComponent({
8
+ tagName: 'w-dead-toggle',
9
+ elementClass: Component,
10
+ react: React,
11
+ });
package/dist/packages/expandable/expandable.react.stories.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { StoryObj } from '@storybook/react';
3
+ import { Expandable } from './react';
4
+ declare const _default: {
5
+ title: string;
6
+ render(args: Omit<React.HTMLAttributes<import(".").WarpExpandable>, "render" | "renderOptions" | "connectedCallback" | "disconnectedCallback" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "buttonClass" | "updated" | "firstUpdated" | "bleed" | "expanded" | "box" | "contentClass" | "noChevron" | "animated" | "headingLevel" | "_hasTitle" | "_showChevronUp" | "_expandableSlot"> & {} & Partial<Omit<import(".").WarpExpandable, keyof HTMLElement>> & React.RefAttributes<import(".").WarpExpandable>): React.JSX.Element;
7
+ component: import("@lit/react").ReactWebComponent<import(".").WarpExpandable, {}>;
8
+ };
9
+ export default _default;
10
+ export type Story = StoryObj<typeof Expandable>;
11
+ export declare const Default: Story;
12
+ export declare const Expanded: Story;
13
+ export declare const Box: Story;
14
+ export declare const Animated: Story;
15
+ export declare const WithHeading: Story;
16
+ export declare const NoChevron: Story;
17
+ export declare const CustomTitle: Story;
18
+ export declare const NoTitle: Story;
package/dist/packages/expandable/expandable.react.stories.js ADDED
@@ -0,0 +1,103 @@
1
+ import React, { useState } from 'react';
2
+ import { Button } from '../button/react';
3
+ import { Expandable } from './react';
4
+ export default {
5
+ title: 'Layout/Expandable',
6
+ render(args) {
7
+ return (React.createElement(Expandable, { ...args },
8
+ React.createElement("p", null, "This is the expandable content that can be shown or hidden."),
9
+ React.createElement("p", null, "It can contain multiple paragraphs and other elements.")));
10
+ },
11
+ component: Expandable,
12
+ };
13
+ export const Default = {
14
+ args: {
15
+ title: "I'm expandable",
16
+ expanded: false,
17
+ box: false,
18
+ bleed: false,
19
+ animated: false,
20
+ noChevron: false,
21
+ },
22
+ };
23
+ export const Expanded = {
24
+ args: {
25
+ title: "I'm expanded by default",
26
+ expanded: true,
27
+ box: false,
28
+ bleed: false,
29
+ animated: false,
30
+ noChevron: false,
31
+ },
32
+ };
33
+ export const Box = {
34
+ args: {
35
+ title: "I'm a box expandable",
36
+ expanded: false,
37
+ box: true,
38
+ bleed: false,
39
+ animated: false,
40
+ noChevron: false,
41
+ },
42
+ };
43
+ export const Animated = {
44
+ args: {
45
+ title: "I'm animated",
46
+ expanded: false,
47
+ box: true,
48
+ bleed: false,
49
+ animated: true,
50
+ noChevron: false,
51
+ },
52
+ };
53
+ export const WithHeading = {
54
+ args: {
55
+ title: "I'm wrapped in h2",
56
+ expanded: false,
57
+ box: true,
58
+ bleed: false,
59
+ animated: false,
60
+ noChevron: false,
61
+ headingLevel: 2,
62
+ },
63
+ };
64
+ export const NoChevron = {
65
+ args: {
66
+ title: 'I have no chevron',
67
+ expanded: false,
68
+ box: false,
69
+ bleed: false,
70
+ animated: false,
71
+ noChevron: true,
72
+ },
73
+ };
74
+ export const CustomTitle = {
75
+ args: {
76
+ expanded: false,
77
+ box: true,
78
+ bleed: false,
79
+ animated: false,
80
+ noChevron: false,
81
+ },
82
+ render(args) {
83
+ return (React.createElement(Expandable, { ...args },
84
+ React.createElement("div", { slot: "title", style: { display: 'flex', alignItems: 'center' } },
85
+ React.createElement("span", { style: { marginRight: '8px' } }, "\uD83C\uDFAF"),
86
+ React.createElement("span", null, "Custom title with icon")),
87
+ React.createElement("p", null, "This expandable has a custom title slot with an icon.")));
88
+ },
89
+ };
90
+ export const NoTitle = {
91
+ args: {
92
+ expanded: true,
93
+ box: true,
94
+ animated: true,
95
+ },
96
+ render(args) {
97
+ const [expanded, setExpanded] = useState(false);
98
+ return (React.createElement(React.Fragment, null,
99
+ React.createElement(Button, { onClick: () => setExpanded(!expanded), "aria-label": "Toggle expandable content without title", "aria-controls": "expandableWithoutTitle" }, "Toggle"),
100
+ React.createElement(Expandable, { ...args, id: "expandableWithoutTitle", expanded: expanded },
101
+ React.createElement("p", null, "with expanded content"))));
102
+ },
103
+ };
package/dist/packages/expandable/expandable.stories.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import type { Meta, StoryObj } from '@storybook/web-components-vite';
2
+ import '../utils/expand-transition.js';
3
+ import '../utils/unstyled-heading.js';
4
+ import type { WarpExpandable } from './index.js';
5
+ import './index.js';
6
+ declare const args: Partial<WarpExpandable> & {
7
+ [key: string]: any;
8
+ };
9
+ declare const meta: Meta<typeof args>;
10
+ export default meta;
11
+ type Story = StoryObj<typeof args>;
12
+ export declare const Default: Story;
13
+ export declare const Expanded: Story;
14
+ export declare const Box: Story;
15
+ export declare const Animated: Story;
16
+ export declare const WithHeading: Story;
17
+ export declare const NoChevron: Story;
18
+ export declare const CustomTitle: Story;
19
+ export declare const NoTitle: Story;
package/dist/packages/expandable/expandable.stories.js ADDED
@@ -0,0 +1,133 @@
1
+ import { spread } from '@open-wc/lit-helpers';
2
+ import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
3
+ import { html } from 'lit';
4
+ import { prespread } from '../../.storybook/utilities.js';
5
+ import '../utils/expand-transition.js';
6
+ import '../utils/unstyled-heading.js';
7
+ import './index.js';
8
+ const { events, args, argTypes } = getStorybookHelpers('w-expandable');
9
+ const meta = {
10
+ title: 'Layout/Expandable',
11
+ render(args) {
12
+ return html `
13
+ <w-expandable ${spread(prespread(args))}>
14
+ <p>This is the expandable content that can be shown or hidden.</p>
15
+ <p>It can contain multiple paragraphs and other elements.</p>
16
+ </w-expandable>
17
+ `;
18
+ },
19
+ args,
20
+ argTypes,
21
+ parameters: {
22
+ actions: {
23
+ handles: events,
24
+ },
25
+ },
26
+ };
27
+ export default meta;
28
+ export const Default = {
29
+ args: {
30
+ title: "I'm expandable",
31
+ expanded: false,
32
+ box: false,
33
+ bleed: false,
34
+ animated: false,
35
+ 'no-chevron': false,
36
+ },
37
+ };
38
+ export const Expanded = {
39
+ args: {
40
+ title: "I'm expanded by default",
41
+ expanded: true,
42
+ box: false,
43
+ bleed: false,
44
+ animated: false,
45
+ 'no-chevron': false,
46
+ },
47
+ };
48
+ export const Box = {
49
+ args: {
50
+ title: "I'm a box expandable",
51
+ expanded: false,
52
+ box: true,
53
+ bleed: false,
54
+ animated: false,
55
+ 'no-chevron': false,
56
+ },
57
+ };
58
+ export const Animated = {
59
+ args: {
60
+ title: "I'm animated",
61
+ expanded: false,
62
+ box: true,
63
+ bleed: false,
64
+ animated: true,
65
+ 'no-chevron': false,
66
+ },
67
+ };
68
+ export const WithHeading = {
69
+ args: {
70
+ title: "I'm wrapped in h2",
71
+ expanded: false,
72
+ box: true,
73
+ bleed: false,
74
+ animated: false,
75
+ 'no-chevron': false,
76
+ 'heading-level': 2,
77
+ },
78
+ };
79
+ export const NoChevron = {
80
+ args: {
81
+ title: 'I have no chevron',
82
+ expanded: false,
83
+ box: false,
84
+ bleed: false,
85
+ animated: false,
86
+ 'no-chevron': true,
87
+ },
88
+ };
89
+ export const CustomTitle = {
90
+ args: {
91
+ expanded: false,
92
+ box: true,
93
+ bleed: false,
94
+ animated: false,
95
+ 'no-chevron': false,
96
+ },
97
+ render(args) {
98
+ return html `
99
+ <w-expandable ${spread(prespread(args))}>
100
+ <div slot="title" style="display: flex; align-items: center;">
101
+ <span style="margin-right: 8px;">🎯</span>
102
+ <span>Custom title with icon</span>
103
+ </div>
104
+ <p>This expandable has a custom title slot with an icon.</p>
105
+ </w-expandable>
106
+ `;
107
+ },
108
+ };
109
+ export const NoTitle = {
110
+ args: {
111
+ expanded: true,
112
+ box: true,
113
+ animated: true,
114
+ },
115
+ render(args) {
116
+ return html `
117
+ <w-button aria-label="Toggle expandable content without title" aria-controls="expandableWithoutTitle">Toggle</w-button>
118
+ <w-expandable ${spread(prespread(args))} id="expandableWithoutTitle">
119
+ <p>with expanded content</p>
120
+ </w-expandable>
121
+ <script>
122
+ document.querySelector('[aria-controls="expandableWithoutTitle"]').addEventListener('click', () => {
123
+ const expand = document.getElementById('expandableWithoutTitle');
124
+ if (expand.expanded) {
125
+ expand.removeAttribute('expanded');
126
+ } else {
127
+ expand.setAttribute('expanded', 'true');
128
+ }
129
+ });
130
+ </script>
131
+ `;
132
+ },
133
+ };
package/dist/packages/expandable/expandable.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ import './index.js';
package/dist/packages/expandable/expandable.test.js ADDED
@@ -0,0 +1,24 @@
1
+ import { html } from 'lit';
2
+ import { expect, test } from 'vitest';
3
+ import { render } from 'vitest-browser-lit';
4
+ import './index.js';
5
+ test('renders the given title prop and hides the slotted content', async () => {
6
+ const component = html `
7
+ <w-expandable title="I'm expandable">
8
+ <p>with expanded content</p>
9
+ </w-expandable>
10
+ `;
11
+ const page = render(component);
12
+ await expect.element(page.getByText("I'm expandable")).toBeVisible();
13
+ await expect.element(page.getByText('with expanded content')).not.toBeVisible();
14
+ });
15
+ test('clicking the expandable shows the slotted content', async () => {
16
+ const component = html `
17
+ <w-expandable title="I'm expandable">
18
+ <p>with expanded content</p>
19
+ </w-expandable>
20
+ `;
21
+ const page = render(component);
22
+ await page.getByRole('button').click();
23
+ await expect.element(page.getByText('with expanded content')).toBeVisible();
24
+ });
package/dist/packages/expandable/index.d.ts CHANGED
@@ -1,61 +1,63 @@
1
- declare const WarpExpandable_base: {
2
- new (): {
3
- [x: string]: any;
4
- };
5
- [x: string]: any;
6
- createProperty(name: any, options: any): void;
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ import '@warp-ds/icons/elements/chevron-down-16';
3
+ import '@warp-ds/icons/elements/chevron-up-16';
4
+ import '../utils/expand-transition';
5
+ import '../utils/unstyled-heading';
6
+ export declare const ccBox: {
7
+ base: string;
8
+ bleed: string;
9
+ info: string;
10
+ neutral: string;
11
+ bordered: string;
7
12
  };
8
- export class WarpExpandable extends WarpExpandable_base {
9
- static properties: {
10
- expanded: {
11
- type: BooleanConstructor;
12
- reflect: boolean;
13
- };
14
- title: {
15
- type: StringConstructor;
16
- };
17
- box: {
18
- type: BooleanConstructor;
19
- };
20
- bleed: {
21
- type: BooleanConstructor;
22
- };
23
- buttonClass: {
24
- type: StringConstructor;
25
- };
26
- contentClass: {
27
- type: StringConstructor;
28
- };
29
- noChevron: {
30
- type: BooleanConstructor;
31
- };
32
- animated: {
33
- type: BooleanConstructor;
34
- };
35
- headingLevel: {
36
- type: NumberConstructor;
37
- };
38
- _hasTitle: {
39
- type: BooleanConstructor;
40
- state: boolean;
41
- };
42
- _showChevronUp: {
43
- type: BooleanConstructor;
44
- state: boolean;
45
- };
46
- };
47
- static styles: any[];
13
+ export declare const ccExpandable: {
14
+ wrapper: string;
15
+ box: string;
16
+ bleed: string;
17
+ chevron: string;
18
+ chevronNonBox: string;
19
+ chevronTransform: string;
20
+ chevronExpand: string;
21
+ chevronCollapse: string;
22
+ elementsChevronDownTransform: string;
23
+ elementsChevronUpTransform: string;
24
+ elementsChevronExpand: string;
25
+ elementsChevronCollapse: string;
26
+ expansion: string;
27
+ expansionNotExpanded: string;
28
+ button: string;
29
+ buttonBox: string;
30
+ contentWithTitle: string;
31
+ title: string;
32
+ titleType: string;
33
+ };
34
+ /**
35
+ * Expandable is a layout component used for creating expandable content areas on a page.
36
+ *
37
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-expandable--docs)
38
+ *
39
+ * @slot title - Alternative to the `title` attribute should you need to provide some additional markup.
40
+ */
41
+ declare class WarpExpandable extends LitElement {
42
+ #private;
48
43
  expanded: boolean;
49
- animated: boolean;
44
+ title: string;
50
45
  box: boolean;
51
46
  bleed: boolean;
47
+ buttonClass: string;
48
+ contentClass: string;
52
49
  noChevron: boolean;
50
+ animated: boolean;
51
+ headingLevel: number;
52
+ /** @internal */
53
53
  _hasTitle: boolean;
54
+ /** @internal */
54
55
  _showChevronUp: boolean;
55
- updated(changedProperties: any): void;
56
+ static styles: import("lit").CSSResult[];
57
+ updated(changedProperties: PropertyValues<this>): void;
56
58
  firstUpdated(): void;
59
+ /** @internal */
57
60
  get _expandableSlot(): import("lit").TemplateResult<1>;
58
61
  render(): import("lit").TemplateResult<1>;
59
- #private;
60
62
  }
61
- export {};
63
+ export { WarpExpandable };