@supersoniks/concorde 5.0.5 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (282) hide show
  1. package/.claude/launch.json +15 -0
  2. package/.claude/vite.http.config.mjs +7 -0
  3. package/.taste-skill/after/desktop-fold.jpg +0 -0
  4. package/.taste-skill/after/desktop-page-01.jpg +0 -0
  5. package/.taste-skill/after/desktop-page-02.jpg +0 -0
  6. package/.taste-skill/after/desktop-page-03.jpg +0 -0
  7. package/.taste-skill/after/mobile-fold.jpg +0 -0
  8. package/.taste-skill/after/mobile-page-01.jpg +0 -0
  9. package/.taste-skill/after/report.json +4103 -0
  10. package/.taste-skill/after/tablet-fold.jpg +0 -0
  11. package/.taste-skill/after/tablet-page-01.jpg +0 -0
  12. package/.taste-skill/after/tablet-page-02.jpg +0 -0
  13. package/.taste-skill/before/desktop-fold.jpg +0 -0
  14. package/.taste-skill/before/desktop-page-01.jpg +0 -0
  15. package/.taste-skill/before/desktop-page-02.jpg +0 -0
  16. package/.taste-skill/before/mobile-fold.jpg +0 -0
  17. package/.taste-skill/before/mobile-page-01.jpg +0 -0
  18. package/.taste-skill/before/report.json +2556 -0
  19. package/.taste-skill/before/tablet-fold.jpg +0 -0
  20. package/.taste-skill/before/tablet-page-01.jpg +0 -0
  21. package/.taste-skill/direction.json +510 -0
  22. package/.taste-skill/notes.md +84 -0
  23. package/.taste-skill/prod/desktop-fold.jpg +0 -0
  24. package/.taste-skill/prod/desktop-page-01.jpg +0 -0
  25. package/.taste-skill/prod/desktop-page-02.jpg +0 -0
  26. package/.taste-skill/prod/desktop-page-03.jpg +0 -0
  27. package/.taste-skill/prod/mobile-fold.jpg +0 -0
  28. package/.taste-skill/prod/mobile-page-01.jpg +0 -0
  29. package/.taste-skill/prod/mobile-page-02.jpg +0 -0
  30. package/.taste-skill/prod/report.json +1973 -0
  31. package/.taste-skill/prod/tablet-fold.jpg +0 -0
  32. package/.taste-skill/prod/tablet-page-01.jpg +0 -0
  33. package/.taste-skill/prod/tablet-page-02.jpg +0 -0
  34. package/.tmp-cem/custom-elements.json +13705 -0
  35. package/AUDIT.md +228 -0
  36. package/PLAN-AMELIORATION.md +220 -0
  37. package/build-infos.json +1 -1
  38. package/concorde-core.bundle.js +196 -196
  39. package/concorde-core.es.js +3854 -3572
  40. package/custom-elements-manifest.config.mjs +14 -0
  41. package/dist/concorde-core.bundle.js +196 -196
  42. package/dist/concorde-core.es.js +3854 -3572
  43. package/dist/img/archive/concorde-001-2cv.webp +0 -0
  44. package/dist/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  45. package/dist/img/archive/concorde-red-arrows-2002.webm +0 -0
  46. package/dist/img/archive/credits.json +28 -0
  47. package/docs/assets/index-Bb-_LRyY.js +12280 -0
  48. package/docs/index.html +1 -1
  49. package/index.html +27 -63
  50. package/package.json +44 -3
  51. package/public/img/archive/concorde-001-2cv.webp +0 -0
  52. package/public/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  53. package/public/img/archive/concorde-red-arrows-2002.webm +0 -0
  54. package/public/img/archive/credits.json +28 -0
  55. package/scripts/generate-sdui-catalog.mjs +250 -0
  56. package/scripts/generate-sdui-catalog.spec.ts +91 -0
  57. package/scripts/pre-build.mjs +15 -0
  58. package/src/core/components/functional/fetch/fetch.md +2 -2
  59. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +5 -5
  60. package/src/core/components/functional/sdui/__fixtures__/descriptors.ts +251 -0
  61. package/src/core/components/functional/sdui/__snapshots__/sdui-action.spec.ts.snap +73 -0
  62. package/src/core/components/functional/sdui/__snapshots__/sdui-incremental.spec.ts.snap +50 -0
  63. package/src/core/components/functional/sdui/__snapshots__/sdui-partial.spec.ts.snap +50 -0
  64. package/src/core/components/functional/sdui/__snapshots__/sdui.regression.spec.ts.snap +461 -0
  65. package/src/core/components/functional/sdui/component-catalog.gaps.json +511 -0
  66. package/src/core/components/functional/sdui/component-catalog.json +3103 -0
  67. package/src/core/components/functional/sdui/component-catalog.spec.ts +23 -0
  68. package/src/core/components/functional/sdui/sdui-action.spec.ts +99 -0
  69. package/src/core/components/functional/sdui/sdui-dom-snapshot.ts +61 -0
  70. package/src/core/components/functional/sdui/sdui-extension-points.md +94 -0
  71. package/src/core/components/functional/sdui/sdui-incremental.spec.ts +137 -0
  72. package/src/core/components/functional/sdui/sdui-partial.spec.ts +83 -0
  73. package/src/core/components/functional/sdui/sdui-partial.ts +19 -0
  74. package/src/core/components/functional/sdui/sdui-safe.spec.ts +188 -0
  75. package/src/core/components/functional/sdui/sdui-safe.ts +100 -0
  76. package/src/core/components/functional/sdui/sdui.md +122 -0
  77. package/src/core/components/functional/sdui/sdui.regression.spec.ts +64 -0
  78. package/src/core/components/functional/sdui/sdui.ts +442 -34
  79. package/src/core/components/functional/sdui/types.ts +49 -0
  80. package/src/core/components/ui/modal/modal.ts +14 -11
  81. package/src/docs/_getting-started/components.md +5 -0
  82. package/src/docs/_getting-started/theming.md +2 -2
  83. package/src/docs/code.ts +88 -75
  84. package/src/docs/components/docs-demo-sources.ts +16 -8
  85. package/src/docs/components/docs-lit-demo.ts +19 -37
  86. package/src/docs/docs.ts +5 -0
  87. package/src/docs/example/docs-boarding-pass-demo.ts +134 -0
  88. package/src/docs/example/docs-provider-keys.ts +12 -0
  89. package/src/docs/header/header.ts +233 -69
  90. package/src/docs/home/catalog.ts +44 -0
  91. package/src/docs/home/home.ts +513 -0
  92. package/src/docs/home/mach-stage.ts +389 -0
  93. package/src/docs/layout.ts +3 -1
  94. package/src/docs/navigation/components-index.ts +56 -0
  95. package/src/docs/navigation/navigation.ts +240 -232
  96. package/src/docs/navigation/pager.ts +67 -0
  97. package/src/docs/navigation/toc.ts +98 -0
  98. package/src/docs/search/docs-search.json +330 -20
  99. package/src/docs/search/markdown-renderer.ts +11 -3
  100. package/src/docs/shiki/index.ts +109 -0
  101. package/src/docs/tailwind/css/base/scrollbar.css +22 -0
  102. package/src/docs/tailwind/css/base/theme.css +96 -0
  103. package/src/docs/tailwind/css/base/typography.css +4 -0
  104. package/src/docs/tailwind/css/docs/boarding-pass.css +65 -0
  105. package/src/docs/tailwind/css/docs/content.css +32 -0
  106. package/src/docs/tailwind/css/docs/page.css +10 -0
  107. package/src/docs/tailwind/css/docs.css +9 -0
  108. package/src/docs/tailwind/css/home/hero.css +210 -0
  109. package/src/docs/tailwind/css/home/motion.css +84 -0
  110. package/src/docs/tailwind/css/home/sections.css +416 -0
  111. package/src/docs/tailwind/css/tailwind.css +7 -185
  112. package/src/tsconfig.json +113 -2
  113. package/src/tsconfig.tsbuildinfo +1 -1
  114. package/tailwind.config.js +8 -4
  115. package/docs/assets/index-wVZpLVYW.js +0 -12122
  116. package/docs/crawl/core/components/functional/date/date.html +0 -190
  117. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  118. package/docs/crawl/core/components/functional/if/if.html +0 -27
  119. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  120. package/docs/crawl/core/components/functional/list/list.html +0 -70
  121. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  122. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  123. package/docs/crawl/core/components/functional/router/router.html +0 -106
  124. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  125. package/docs/crawl/core/components/functional/states/states.html +0 -66
  126. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  127. package/docs/crawl/core/components/functional/subscriber/subscriber.html +0 -67
  128. package/docs/crawl/core/components/functional/value/value.html +0 -51
  129. package/docs/crawl/core/components/ui/alert/alert.html +0 -211
  130. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -131
  131. package/docs/crawl/core/components/ui/badge/badge.html +0 -197
  132. package/docs/crawl/core/components/ui/button/button.html +0 -150
  133. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -112
  134. package/docs/crawl/core/components/ui/card/card.html +0 -253
  135. package/docs/crawl/core/components/ui/divider/divider.html +0 -144
  136. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  137. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -266
  138. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -122
  139. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -121
  140. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  141. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -38
  142. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  143. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  144. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  145. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  146. package/docs/crawl/core/components/ui/group/group.html +0 -104
  147. package/docs/crawl/core/components/ui/icon/icon.html +0 -222
  148. package/docs/crawl/core/components/ui/image/image.html +0 -298
  149. package/docs/crawl/core/components/ui/link/link.html +0 -100
  150. package/docs/crawl/core/components/ui/loader/loader.html +0 -124
  151. package/docs/crawl/core/components/ui/menu/menu.html +0 -394
  152. package/docs/crawl/core/components/ui/modal/modal.html +0 -342
  153. package/docs/crawl/core/components/ui/pop/pop.html +0 -296
  154. package/docs/crawl/core/components/ui/progress/progress.html +0 -131
  155. package/docs/crawl/core/components/ui/table/table.html +0 -545
  156. package/docs/crawl/core/components/ui/theme/theme.html +0 -131
  157. package/docs/crawl/core/components/ui/toast/toast.html +0 -233
  158. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -140
  159. package/docs/crawl/docs/_core-concept/dataFlow.html +0 -177
  160. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  161. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  162. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -117
  163. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  164. package/docs/crawl/docs/_decorators/bind.html +0 -141
  165. package/docs/crawl/docs/_decorators/get.html +0 -149
  166. package/docs/crawl/docs/_decorators/handle.html +0 -165
  167. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  168. package/docs/crawl/docs/_decorators/patch.html +0 -78
  169. package/docs/crawl/docs/_decorators/post.html +0 -139
  170. package/docs/crawl/docs/_decorators/publish.html +0 -61
  171. package/docs/crawl/docs/_decorators/put.html +0 -78
  172. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  173. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  174. package/docs/crawl/docs/_directives/sub.html +0 -93
  175. package/docs/crawl/docs/_getting-started/ai-agents.html +0 -173
  176. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  177. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  178. package/docs/crawl/docs/_getting-started/create-a-component.html +0 -111
  179. package/docs/crawl/docs/_getting-started/my-first-component.html +0 -189
  180. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  181. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  182. package/docs/crawl/docs/_getting-started/start.html +0 -76
  183. package/docs/crawl/docs/_getting-started/theming.html +0 -333
  184. package/docs/crawl/docs/_misc/api-configuration.html +0 -149
  185. package/docs/crawl/docs/_misc/dataProviderKey.html +0 -135
  186. package/docs/crawl/docs/_misc/docs-mock-api.html +0 -158
  187. package/docs/crawl/docs/_misc/dynamic-path.html +0 -180
  188. package/docs/crawl/docs/_misc/endpoint.html +0 -50
  189. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  190. package/docs/crawl/docs/_misc/html-integration.html +0 -48
  191. package/docs/crawl/hubs/decorators.html +0 -547
  192. package/docs/crawl/hubs/form-components.html +0 -381
  193. package/docs/crawl/hubs/remote-data.html +0 -452
  194. package/docs/crawl/index.html +0 -102
  195. package/docs/llms-full.txt +0 -7008
  196. package/docs/llms.txt +0 -97
  197. package/docs/sitemap.xml +0 -240
  198. package/docs/src/core/components/functional/date/date.md +0 -290
  199. package/docs/src/core/components/functional/fetch/fetch.md +0 -125
  200. package/docs/src/core/components/functional/if/if.md +0 -9
  201. package/docs/src/core/components/functional/jsonata/jsonata.md +0 -56
  202. package/docs/src/core/components/functional/list/list.md +0 -65
  203. package/docs/src/core/components/functional/mix/mix.md +0 -41
  204. package/docs/src/core/components/functional/queue/queue.md +0 -72
  205. package/docs/src/core/components/functional/router/router.md +0 -94
  206. package/docs/src/core/components/functional/sdui/default-library.json +0 -108
  207. package/docs/src/core/components/functional/sdui/example.json +0 -99
  208. package/docs/src/core/components/functional/sdui/sdui.md +0 -356
  209. package/docs/src/core/components/functional/states/states.md +0 -87
  210. package/docs/src/core/components/functional/submit/submit.md +0 -114
  211. package/docs/src/core/components/functional/subscriber/subscriber.md +0 -91
  212. package/docs/src/core/components/functional/value/value.md +0 -35
  213. package/docs/src/core/components/ui/alert/alert.md +0 -196
  214. package/docs/src/core/components/ui/alert-messages/alert-messages.md +0 -85
  215. package/docs/src/core/components/ui/badge/badge.md +0 -188
  216. package/docs/src/core/components/ui/button/button.md +0 -183
  217. package/docs/src/core/components/ui/captcha/captcha.md +0 -71
  218. package/docs/src/core/components/ui/card/card.md +0 -215
  219. package/docs/src/core/components/ui/divider/divider.md +0 -129
  220. package/docs/src/core/components/ui/form/checkbox/checkbox.md +0 -77
  221. package/docs/src/core/components/ui/form/fieldset/fieldset.md +0 -205
  222. package/docs/src/core/components/ui/form/form-actions/form-actions.md +0 -100
  223. package/docs/src/core/components/ui/form/form-layout/form-layout.md +0 -119
  224. package/docs/src/core/components/ui/form/input/input.md +0 -142
  225. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  226. package/docs/src/core/components/ui/form/radio/radio.md +0 -57
  227. package/docs/src/core/components/ui/form/select/select.md +0 -71
  228. package/docs/src/core/components/ui/form/switch/switch.md +0 -57
  229. package/docs/src/core/components/ui/form/textarea/textarea.md +0 -65
  230. package/docs/src/core/components/ui/group/group.md +0 -75
  231. package/docs/src/core/components/ui/icon/icon.md +0 -214
  232. package/docs/src/core/components/ui/icon/icons.json +0 -1
  233. package/docs/src/core/components/ui/image/image.md +0 -233
  234. package/docs/src/core/components/ui/link/link.md +0 -81
  235. package/docs/src/core/components/ui/loader/loader.md +0 -112
  236. package/docs/src/core/components/ui/menu/menu.md +0 -370
  237. package/docs/src/core/components/ui/modal/modal.md +0 -235
  238. package/docs/src/core/components/ui/pop/pop.md +0 -294
  239. package/docs/src/core/components/ui/progress/progress.md +0 -109
  240. package/docs/src/core/components/ui/table/table.md +0 -431
  241. package/docs/src/core/components/ui/theme/theme.md +0 -122
  242. package/docs/src/core/components/ui/toast/toast.md +0 -216
  243. package/docs/src/core/components/ui/tooltip/tooltip.md +0 -124
  244. package/docs/src/docs/_core-concept/dataFlow.md +0 -88
  245. package/docs/src/docs/_core-concept/overview.md +0 -57
  246. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  247. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -128
  248. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  249. package/docs/src/docs/_decorators/bind.md +0 -167
  250. package/docs/src/docs/_decorators/get.md +0 -162
  251. package/docs/src/docs/_decorators/handle.md +0 -175
  252. package/docs/src/docs/_decorators/on-assign.md +0 -390
  253. package/docs/src/docs/_decorators/patch.md +0 -70
  254. package/docs/src/docs/_decorators/post.md +0 -146
  255. package/docs/src/docs/_decorators/publish.md +0 -55
  256. package/docs/src/docs/_decorators/put.md +0 -70
  257. package/docs/src/docs/_decorators/subscribe.md +0 -100
  258. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  259. package/docs/src/docs/_directives/sub.md +0 -91
  260. package/docs/src/docs/_getting-started/ai-agents.md +0 -76
  261. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  262. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  263. package/docs/src/docs/_getting-started/create-a-component.md +0 -139
  264. package/docs/src/docs/_getting-started/my-first-component.md +0 -236
  265. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  266. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  267. package/docs/src/docs/_getting-started/start.md +0 -47
  268. package/docs/src/docs/_getting-started/theming.md +0 -253
  269. package/docs/src/docs/_misc/api-configuration.md +0 -81
  270. package/docs/src/docs/_misc/dataProviderKey.md +0 -168
  271. package/docs/src/docs/_misc/docs-mock-api.md +0 -63
  272. package/docs/src/docs/_misc/dynamic-path.md +0 -71
  273. package/docs/src/docs/_misc/endpoint.md +0 -45
  274. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  275. package/docs/src/docs/_misc/html-integration.md +0 -15
  276. package/docs/src/docs/search/docs-search.json +0 -12242
  277. package/docs/src/tag-list.json +0 -1
  278. package/docs/src/tsconfig-model.json +0 -23
  279. package/docs/src/tsconfig.json +0 -1242
  280. package/src/docs/prism/index.ts +0 -6
  281. package/src/docs/prism/prism.css +0 -158
  282. package/src/docs/prism/prism.js +0 -1022
@@ -1,71 +0,0 @@
1
- # Select
2
-
3
- ## Options
4
- <sonic-code>
5
- <template>
6
- <div class="grid gap-3">
7
- <sonic-select>
8
- <option value="">No Selection</option>
9
- <option value="1">One</option>
10
- <option value="2" selected>Two (set by "tag")</option>
11
- <option value="3">Three</option>
12
- </sonic-select>
13
- <sonic-select options='[{"value":"", "wording":"Set options via \"attribute\""},
14
- {"value":"dark", "wording":"dark (set by \"attribute\")", "selected" : "true"}, {"value":"auto", "wording":"auto"}
15
- ]'>
16
- </sonic-select>
17
- </div>
18
- </template>
19
- </sonic-code>
20
-
21
- ## Size
22
- <sonic-code>
23
- <template>
24
- <div class="grid gap-3">
25
- <sonic-select size="2xs"><option>2xs</option></sonic-select>
26
- <sonic-select size="xs"><option>xs</option></sonic-select>
27
- <sonic-select size="sm"><option>sm</option></sonic-select>
28
- <sonic-select size="md"><option>md</option></sonic-select>
29
- <sonic-select size="default"><option>default</option></sonic-select>
30
- <sonic-select size="lg"><option>lg</option></sonic-select>
31
- <sonic-select size="xl"><option>xl</option></sonic-select>
32
- <sonic-select size="2xl"><option>2xl</option></sonic-select>
33
- </div>
34
- </template>
35
- </sonic-code>
36
-
37
-
38
- ## Multiple
39
- <sonic-code>
40
- <template>
41
- <div class="grid gap-3">
42
- <sonic-select multiple>
43
- <option value="">Choose a number</option>
44
- <option value="1">One</option>
45
- <option value="2">Two</option>
46
- <option value="3">Three</option>
47
- </sonic-select>
48
- </div>
49
- </template>
50
- </sonic-code>
51
-
52
-
53
- ## Disabled
54
- <sonic-code>
55
- <template>
56
- <div class="grid gap-3">
57
- <sonic-select disabled>
58
- <option value="">Choose a number</option>
59
- <option value="1">One</option>
60
- <option value="2">Two</option>
61
- <option value="3">Three</option>
62
- </sonic-select>
63
- </div>
64
- </template>
65
- </sonic-code>
66
-
67
- ## Example of use — language filter + queue
68
-
69
- **`name="lang"`** is sent as `?lang=fr|en` to the [doc mock API](#docs/_misc/docs-mock-api.md/docs-mock-api) (`filterDocsJokes`). Same pattern as [Input](#core/components/ui/form/input/input.md/input) (`contains`):
70
-
71
- <docs-lit-demo for="docs-joke-lang-demo"></docs-lit-demo>
@@ -1,57 +0,0 @@
1
- # Switch
2
-
3
- ## Size
4
- <sonic-code>
5
- <template>
6
- <div class="grid gap-2" formDataProvider="switchSizeExemple">
7
- <sonic-switch name="size2xs" value="2xs" size="2xs">2xs switch</sonic-switch>
8
- <sonic-switch name="sizexs" value="xs" size="xs">xs switch</sonic-switch>
9
- <sonic-switch name="sizesm" value="sm" size="sm">sm switch</sonic-switch>
10
- <sonic-switch name="size" value="default" >default switch</sonic-switch>
11
- <sonic-switch name="sizelg" value="lg" size="lg">lg switch</sonic-switch>
12
- <sonic-switch name="sizexl" value="xl" size="xl">xl switch</sonic-switch>
13
- <sonic-switch name="size2xl" value="2xl" size="2xl">2xl switch</sonic-switch>
14
- </div>
15
- </template>
16
- </sonic-code>
17
-
18
- ## Checked
19
- <sonic-code>
20
- <template>
21
- <sonic-switch checked
22
- >Already checked switch
23
- </sonic-switch>
24
- </template>
25
- </sonic-code>
26
-
27
- ## Disabled
28
- <sonic-code>
29
- <template>
30
- <sonic-switch disabled
31
- >Disabled switch
32
- </sonic-switch>
33
- </template>
34
- </sonic-code>
35
-
36
- ## Disabled and checked
37
- <sonic-code>
38
- <template>
39
- <sonic-switch disabled checked
40
- >Disabled but already checked switch
41
- </sonic-switch>
42
- </template>
43
- </sonic-code>
44
-
45
- ## switch with link
46
- <sonic-code>
47
- <template>
48
- <sonic-switch name="link" value="link">switch with <sonic-link href="#" class="underline text-info">link</sonic-link>
49
- </template>
50
- </sonic-code>
51
-
52
-
53
- ## Example of use — blacklist + queue
54
-
55
- Same mock filter as [Checkbox](#core/components/ui/form/checkbox/checkbox.md/checkbox); switches can enable several flags (comma-separated in the query).
56
-
57
- <docs-lit-demo for="docs-joke-blacklist-switch-demo"></docs-lit-demo>
@@ -1,65 +0,0 @@
1
- # Textarea
2
-
3
- <sonic-button type="info" size="sm" target="_blank" href="https://www.w3schools.com/tags/tag_textarea.asp#midcontentadcontainer">
4
- <sonic-icon library="iconoir" name="open-new-window" slot="prefix" ></sonic-icon>
5
- Native attributes list
6
- </sonic-button>
7
-
8
-
9
- ## Label
10
- <sonic-code>
11
- <template>
12
- <sonic-textarea label="Label"></sonic-textarea>
13
- </template>
14
- </sonic-code>
15
-
16
- ## Placeholder
17
- <sonic-code>
18
- <template>
19
- <sonic-textarea placeholder="placeholder"></sonic-textarea>
20
- </template>
21
- </sonic-code>
22
-
23
- ## Value
24
- <sonic-code>
25
- <template>
26
- <sonic-textarea value="value"></sonic-textarea>
27
- </template>
28
- </sonic-code>
29
-
30
- ## Required
31
- <sonic-code>
32
- <template>
33
- <sonic-textarea required label="Feedback on blur" placeholder="required" ></sonic-textarea>
34
- </template>
35
- </sonic-code>
36
-
37
- ## Rows
38
- <sonic-code>
39
- <template>
40
- <sonic-textarea rows="8"></sonic-textarea>
41
- </template>
42
- </sonic-code>
43
-
44
- ## Description
45
- <sonic-code>
46
- <template>
47
- <sonic-textarea description="Description goes here" ></sonic-textarea>
48
- </template>
49
- </sonic-code>
50
-
51
-
52
- ## Size
53
- <sonic-code>
54
- <template>
55
- <div class="grid gap-4">
56
- <sonic-textarea size="2xs" value="2xs"></sonic-textarea>
57
- <sonic-textarea size="xs" value="xs"></sonic-textarea>
58
- <sonic-textarea size="sm" value="sm"></sonic-textarea>
59
- <sonic-textarea value="md / default"></sonic-textarea>
60
- <sonic-textarea size="lg" value="lg"></sonic-textarea>
61
- <sonic-textarea size="xl" value="xl"></sonic-textarea>
62
- <sonic-textarea size="2xl" value="2xl"></sonic-textarea>
63
- </div>
64
- </template>
65
- </sonic-code>
@@ -1,75 +0,0 @@
1
- # Group
2
-
3
- **`sonic-group`** lays out slotted **`sonic-button`** · **`sonic-input`** and **`sonic-select`** controls in a single horizontal row with **shared corner radius** (first / middle / last items). Optional **`label`** and **`description`** follow form field styling. Use it for **button groups**, **radio rows**, or **input + action** toolbars.
4
-
5
- ## Radio group
6
-
7
- Pair with **`sonic-button`** **`radio`** and a shared **`name`**; ancestor **`formDataProvider`** stores the selected **`value`**.
8
-
9
- <sonic-code>
10
- <template>
11
- <sonic-group formDataProvider="subscriptionData">
12
- <sonic-button radio name="subscription" value="standard" type="default">😎 Standard</sonic-button>
13
- <sonic-button radio checked name="subscription" value="premium" type="default">⭐ Premium</sonic-button>
14
- <sonic-button radio name="subscription" value="diamond" type="default">💎 Diamond</sonic-button>
15
- </sonic-group>
16
- </template>
17
- </sonic-code>
18
-
19
- ## Button group
20
-
21
- Adjacent link or action buttons without merging into one control.
22
-
23
- <sonic-code>
24
- <template>
25
- <sonic-group>
26
- <sonic-button type="info" target="_blank" href="https://wwws.airfrance.fr/">🗼 Air France</sonic-button>
27
- <sonic-button type="success" target="_blank" href="https://www.airtahitinui.com/">🌴 Air Tahiti</sonic-button>
28
- <sonic-button type="danger" target="_blank" href="https://www.aircorsica.com/">💣 Air Corsica</sonic-button>
29
- </sonic-group>
30
- </template>
31
- </sonic-code>
32
-
33
- ## Input actions prefix
34
-
35
- Action control before the field. **`label`** or **`description`** on **`sonic-group`** annotate the row.
36
-
37
- <sonic-code>
38
- <template>
39
- <sonic-group label="Label" description="Description">
40
- <sonic-button type="info" shape="square">
41
- <sonic-icon library="iconoir" name="info-empty"></sonic-icon>
42
- </sonic-button>
43
- <sonic-input></sonic-input>
44
- </sonic-group>
45
- </template>
46
- </sonic-code>
47
-
48
- ## Input actions suffix
49
-
50
- Field first, action after (submit, validate, etc.).
51
-
52
- <sonic-code>
53
- <template>
54
- <sonic-group label="Label" description="Description">
55
- <sonic-input></sonic-input>
56
- <sonic-button type="primary" shape="square">
57
- <sonic-icon library="iconoir" name="check"></sonic-icon>
58
- </sonic-button>
59
- </sonic-group>
60
- </template>
61
- </sonic-code>
62
-
63
- ## API reference
64
-
65
- | Attribute | Values | Description |
66
- |----------|---------|-------------|
67
- | `label` | string (HTML) | Label above the row; **`slot="label"`** overrides / extends |
68
- | `description` | string (HTML) | Help text below the row; **`slot="description"`** overrides / extends |
69
- | `alignItems` | CSS align-items (default `center`) | Cross-axis alignment of the main flex row |
70
-
71
- | Slot | Description |
72
- |------|-------------|
73
- | *(default)* | **`sonic-button`** · **`sonic-input`** · **`sonic-select`** in visual order |
74
- | `label` | Custom label markup |
75
- | `description` | Custom description markup |
@@ -1,214 +0,0 @@
1
- # Icon
2
-
3
- **`sonic-icon`** renders inline SVG icons from the **bundled core set** or from **CDN libraries**. Set **`name`** (and **`library`** / **`prefix`** when needed); scale with **`size`**. Icons inherit **`currentColor`** and are **`aria-hidden`** by default—keep visible text nearby or label the control that contains them.
4
-
5
- ## Core library
6
-
7
- Omit **`library`** to use the bundled set in `icons.json`. Available **`name`** values: `cancel` · `check` · `check-circled-outline` · `emoji-puzzled` · `info-empty` · `loader` · `minus-small` · `more-horiz` · `more-vert` · `nav-arrow-down` · `warning-circled-outline`.
8
-
9
- <sonic-code>
10
- <template>
11
- <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8">
12
- <div class="text-center">
13
- <sonic-icon name="cancel" size="lg"></sonic-icon>
14
- <div class="text-xs mt-1">cancel</div>
15
- </div>
16
- <div class="text-center">
17
- <sonic-icon name="check" size="lg"></sonic-icon>
18
- <div class="text-xs mt-1">check</div>
19
- </div>
20
- <div class="text-center">
21
- <sonic-icon name="check-circled-outline" size="lg"></sonic-icon>
22
- <div class="text-xs mt-1">check-circled-outline</div>
23
- </div>
24
- <div class="text-center">
25
- <sonic-icon name="emoji-puzzled" size="lg"></sonic-icon>
26
- <div class="text-xs mt-1">emoji-puzzled</div>
27
- </div>
28
- <div class="text-center">
29
- <sonic-icon name="info-empty" size="lg"></sonic-icon>
30
- <div class="text-xs mt-1">info-empty</div>
31
- </div>
32
- <div class="text-center">
33
- <sonic-icon name="loader" size="lg"></sonic-icon>
34
- <div class="text-xs mt-1">loader</div>
35
- </div>
36
- <div class="text-center">
37
- <sonic-icon name="minus-small" size="lg"></sonic-icon>
38
- <div class="text-xs mt-1">minus-small</div>
39
- </div>
40
- <div class="text-center">
41
- <sonic-icon name="more-horiz" size="lg"></sonic-icon>
42
- <div class="text-xs mt-1">more-horiz</div>
43
- </div>
44
- <div class="text-center">
45
- <sonic-icon name="more-vert" size="lg"></sonic-icon>
46
- <div class="text-xs mt-1">more-vert</div>
47
- </div>
48
- <div class="text-center">
49
- <sonic-icon name="nav-arrow-down" size="lg"></sonic-icon>
50
- <div class="text-xs mt-1">nav-arrow-down</div>
51
- </div>
52
- <div class="text-center">
53
- <sonic-icon name="warning-circled-outline" size="lg"></sonic-icon>
54
- <div class="text-xs mt-1">warning-circled-outline</div>
55
- </div>
56
- </div>
57
- </template>
58
- </sonic-code>
59
-
60
- ## External libraries
61
-
62
- Set **`library`** to load SVGs from a built-in CDN template. **`prefix`** falls back to each library’s default when omitted (`outline` for **`heroicons`**, **`regular`** for **`fontAwesome`** and **`material`**, and so on).
63
-
64
- <sonic-code>
65
- <template>
66
- <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8">
67
- <sonic-link href="https://heroicons.com/" target="_blank" class="text-center underline">
68
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="lg"></sonic-icon>
69
- <br />
70
- <div class="text-xs mt-1">heroicons</div>
71
- </sonic-link>
72
- <sonic-link href="https://iconoir.com/" target="_blank" class="text-center underline">
73
- <sonic-icon library="iconoir" name="2x2-cell" size="lg"></sonic-icon>
74
- <br />
75
- <div class="text-xs mt-1">iconoir</div>
76
- </sonic-link>
77
- <sonic-link href="https://materialdesignicons.com/" target="_blank" class="text-center underline">
78
- <sonic-icon library="material" prefix="outline" name="email" size="lg"></sonic-icon>
79
- <br />
80
- <div class="text-xs mt-1">material design</div>
81
- </sonic-link>
82
- <sonic-link href="https://fontawesome.com/search?o=r&m=free&s=regular" target="_blank" class="text-center underline">
83
- <sonic-icon library="fontAwesome" prefix="regular" name="user" size="lg"></sonic-icon>
84
- <br />
85
- <div class="text-xs mt-1">fontAwesome regular</div>
86
- </sonic-link>
87
- <sonic-link href="https://fontawesome.com/search?o=r&m=free&s=solid" target="_blank" class="text-center underline">
88
- <sonic-icon library="fontAwesome" prefix="solid" name="book" size="lg"></sonic-icon>
89
- <br />
90
- <div class="text-xs mt-1">fontAwesome solid</div>
91
- </sonic-link>
92
- <sonic-link href="https://feathericons.com/" target="_blank" class="text-center underline">
93
- <sonic-icon library="feathers" name="activity" size="lg"></sonic-icon>
94
- <br />
95
- <div class="text-xs mt-1">feathers</div>
96
- </sonic-link>
97
- <sonic-link href="https://lucide.dev/" target="_blank" class="text-center underline">
98
- <sonic-icon library="lucide" name="album" size="lg"></sonic-icon>
99
- <br />
100
- <div class="text-xs mt-1">lucide</div>
101
- </sonic-link>
102
- </div>
103
- </template>
104
- </sonic-code>
105
-
106
- ## Custom library
107
-
108
- Use **`library="custom"`** with SVG files on your origin. On an ancestor (for example **`sonic-scope`** or **`sonic-code`**), set **`customIconLibraryPath`** to a URL template with **`$prefix`** and **`$name`** placeholders, and optionally **`customIconDefaultPrefix`** when **`prefix`** is omitted.
109
-
110
- <sonic-code
111
- customIconLibraryPath="/svg/$prefix/$name.svg"
112
- customIconDefaultPrefix="regular"
113
- >
114
- <template>
115
- <sonic-scope
116
- customIconLibraryPath="/svg/$prefix/$name.svg"
117
- customIconDefaultPrefix="regular"
118
- >
119
- <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8">
120
- <div class="text-center">
121
- <sonic-icon library="custom" prefix="regular" name="plane"></sonic-icon>
122
- <br />
123
- <div class="text-xs mt-1">regular</div>
124
- </div>
125
- <div class="text-center">
126
- <sonic-icon library="custom" prefix="solid" name="plane"></sonic-icon>
127
- <br />
128
- <div class="text-xs mt-1">solid</div>
129
- </div>
130
- <div class="text-center">
131
- <sonic-icon library="custom" name="plane"></sonic-icon>
132
- <br />
133
- <div class="text-xs mt-1">default prefix</div>
134
- </div>
135
- </div>
136
- </sonic-scope>
137
- </template>
138
- </sonic-code>
139
-
140
- ## Size
141
-
142
- Omit **`size`** for the default scale (`1em` height). Larger steps use **`3xl`**.
143
-
144
- <sonic-code>
145
- <template>
146
- <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8">
147
- <div class="text-center">
148
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="2xs"></sonic-icon>
149
- <br />
150
- <div class="text-xs mt-1">2xs</div>
151
- </div>
152
- <div class="text-center">
153
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="xs"></sonic-icon>
154
- <br />
155
- <div class="text-xs mt-1">xs</div>
156
- </div>
157
- <div class="text-center">
158
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="sm"></sonic-icon>
159
- <br />
160
- <div class="text-xs mt-1">sm</div>
161
- </div>
162
- <div class="text-center">
163
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap"></sonic-icon>
164
- <br />
165
- <div class="text-xs mt-1">default</div>
166
- </div>
167
- <div class="text-center">
168
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="lg"></sonic-icon>
169
- <br />
170
- <div class="text-xs mt-1">lg</div>
171
- </div>
172
- <div class="text-center">
173
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="xl"></sonic-icon>
174
- <br />
175
- <div class="text-xs mt-1">xl</div>
176
- </div>
177
- <div class="text-center">
178
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="2xl"></sonic-icon>
179
- <br />
180
- <div class="text-xs mt-1">2xl</div>
181
- </div>
182
- <div class="text-center">
183
- <sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="3xl"></sonic-icon>
184
- <br />
185
- <div class="text-xs mt-1">3xl</div>
186
- </div>
187
- </div>
188
- </template>
189
- </sonic-code>
190
-
191
- ## Accessibility
192
-
193
- On connect, the host sets **`aria-hidden="true"`**. Treat icons as decorative unless the surrounding control already has an accessible name. Do not rely on **`sonic-icon`** alone for meaning—use visible text or **`aria-label`** on the parent button / link.
194
-
195
- <sonic-code>
196
- <template>
197
- <sonic-button type="neutral" variant="outline" shape="circle" aria-label="User profile">
198
- <sonic-icon library="iconoir" name="user"></sonic-icon>
199
- </sonic-button>
200
- </template>
201
- </sonic-code>
202
-
203
- ## API reference
204
-
205
- | Attribute | Values | Description |
206
- |----------|---------|-------------|
207
- | `name` | string | Icon id in the core bundle or in the remote library |
208
- | `library` | `heroicons` · `iconoir` · `feathers` · `lucide` · `material` · `fontAwesome` · `custom` | CDN or custom template; omit for bundled core icons |
209
- | `prefix` | string | Library-specific variant; defaults per library when empty |
210
- | `size` | `2xs` · `xs` · `sm` · `lg` · `xl` · `2xl` · `3xl` (default `md`) | `em`-based SVG scale on the host |
211
-
212
- Ancestor attributes (for **`library="custom"`** only): **`customIconLibraryPath`** (URL template with **`$prefix`** and **`$name`**) and **`customIconDefaultPrefix`**. May be set on **`sonic-scope`**, theme roots, or globally in the document.
213
-
214
- No slots — the component inlines fetched or bundled SVG markup.
@@ -1 +0,0 @@
1
- {"core":{"cancel":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","check-circled-outline":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 12.5L10 15.5L17 8.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","check":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5 13L9 17L19 7\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","emoji-puzzled":"<svg width=\"24px\" height=\"24px\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" ><path d=\"M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M11.5 15.5s1.5-2 4.5-2 4.5 2 4.5 2M3 4c0-2.754 4-2.754 4 0 0 1.967-2 1.64-2 4M5 11.01l.01-.011\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M17.5 9a.5.5 0 110-1 .5.5 0 010 1zM10.5 9a.5.5 0 110-1 .5.5 0 010 1z\" fill=\"#000\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>","info-empty":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 11.5V16.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 7.51L12.01 7.49889\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","loader":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-loader\"><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\"></line><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"22\"></line><line x1=\"4.93\" y1=\"4.93\" x2=\"7.76\" y2=\"7.76\"></line><line x1=\"16.24\" y1=\"16.24\" x2=\"19.07\" y2=\"19.07\"></line><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\"></line><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\"></line><line x1=\"4.93\" y1=\"19.07\" x2=\"7.76\" y2=\"16.24\"></line><line x1=\"16.24\" y1=\"7.76\" x2=\"19.07\" y2=\"4.93\"></line></svg>","minus-small":"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-6 h-6\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" />\n</svg>\n","more-horiz":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M18 12.5C18.2761 12.5 18.5 12.2761 18.5 12C18.5 11.7239 18.2761 11.5 18 11.5C17.7239 11.5 17.5 11.7239 17.5 12C17.5 12.2761 17.7239 12.5 18 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M6 12.5C6.27614 12.5 6.5 12.2761 6.5 12C6.5 11.7239 6.27614 11.5 6 11.5C5.72386 11.5 5.5 11.7239 5.5 12C5.5 12.2761 5.72386 12.5 6 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","more-vert":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 18.5C12.2761 18.5 12.5 18.2761 12.5 18C12.5 17.7239 12.2761 17.5 12 17.5C11.7239 17.5 11.5 17.7239 11.5 18C11.5 18.2761 11.7239 18.5 12 18.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 6.5C12.2761 6.5 12.5 6.27614 12.5 6C12.5 5.72386 12.2761 5.5 12 5.5C11.7239 5.5 11.5 5.72386 11.5 6C11.5 6.27614 11.7239 6.5 12 6.5Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","nav-arrow-down":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n","warning-circled-outline":"<svg width=\"24\" height=\"24\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 7L12 13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 17.01L12.01 16.9989\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n"}}