@utrecht/component-library-react 1.0.0-alpha.28 → 1.0.0-alpha.281

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 (338) hide show
  1. package/README.md +25 -1
  2. package/dist/.jest-test-results.json +1 -0
  3. package/dist/Accordion.d.ts +49 -0
  4. package/dist/Alert.d.ts +13 -0
  5. package/dist/AlertDialog.d.ts +13 -0
  6. package/dist/Article.d.ts +9 -0
  7. package/dist/Backdrop.d.ts +9 -0
  8. package/dist/BadgeCounter.d.ts +12 -0
  9. package/dist/BadgeList.d.ts +9 -0
  10. package/dist/BreadcrumbNav.d.ts +23 -0
  11. package/dist/{cjs/Button.d.ts → Button.d.ts} +28 -24
  12. package/dist/ButtonGroup.d.ts +10 -0
  13. package/dist/ButtonLink.d.ts +14 -0
  14. package/dist/Calendar/CalendarButton.d.ts +5 -0
  15. package/dist/Calendar/CalendarIcon.d.ts +5 -0
  16. package/dist/Calendar/CalendarNavigation.d.ts +5 -0
  17. package/dist/Calendar/CalendarNavigationButtons.d.ts +13 -0
  18. package/dist/Calendar/CalendarNavigationLabel.d.ts +6 -0
  19. package/dist/Calendar/CalendarTableDaysContainer.d.ts +5 -0
  20. package/dist/Calendar/CalendarTableDaysItem.d.ts +5 -0
  21. package/dist/Calendar/CalendarTableDaysItemDay.d.ts +11 -0
  22. package/dist/Calendar/CalendarTableWeeksContainer.d.ts +4 -0
  23. package/dist/Calendar/CalendarTableWeeksItem.d.ts +5 -0
  24. package/dist/Calendar/IconArrowLeft.d.ts +7 -0
  25. package/dist/Calendar/IconArrowLeftDouble.d.ts +7 -0
  26. package/dist/Calendar/IconArrowRight.d.ts +7 -0
  27. package/dist/Calendar/IconArrowRightDouble.d.ts +7 -0
  28. package/dist/Calendar/index.d.ts +41 -0
  29. package/dist/{cjs/Checkbox.d.ts → Checkbox.d.ts} +6 -5
  30. package/dist/Code.d.ts +10 -0
  31. package/dist/CodeBlock.d.ts +10 -0
  32. package/dist/ColorSample.d.ts +12 -0
  33. package/dist/DataBadge.d.ts +13 -0
  34. package/dist/DataList.d.ts +28 -0
  35. package/dist/Document.d.ts +9 -0
  36. package/dist/Emphasis.d.ts +10 -0
  37. package/dist/Fieldset.d.ts +19 -0
  38. package/dist/FieldsetLegend.d.ts +5 -0
  39. package/dist/Figure.d.ts +5 -0
  40. package/dist/FigureCaption.d.ts +5 -0
  41. package/dist/FormField.d.ts +8 -0
  42. package/dist/{cjs/FormFieldDescription.d.ts → FormFieldDescription.d.ts} +9 -7
  43. package/dist/{cjs/FormLabel.d.ts → FormLabel.d.ts} +10 -8
  44. package/dist/HTMLContent.d.ts +9 -0
  45. package/dist/Heading.d.ts +12 -0
  46. package/dist/Heading1.d.ts +9 -0
  47. package/dist/Heading2.d.ts +9 -0
  48. package/dist/Heading3.d.ts +9 -0
  49. package/dist/Heading4.d.ts +9 -0
  50. package/dist/Heading5.d.ts +9 -0
  51. package/dist/Heading6.d.ts +9 -0
  52. package/dist/HeadingGroup.d.ts +9 -0
  53. package/dist/Icon.d.ts +10 -0
  54. package/dist/Image.d.ts +9 -0
  55. package/dist/Link.d.ts +14 -0
  56. package/dist/LinkButton.d.ts +13 -0
  57. package/dist/LinkSocial.d.ts +11 -0
  58. package/dist/ListSocial.d.ts +13 -0
  59. package/dist/Mark.d.ts +10 -0
  60. package/dist/NumberValue.d.ts +11 -0
  61. package/dist/OrderedList.d.ts +9 -0
  62. package/dist/OrderedListItem.d.ts +9 -0
  63. package/dist/Page.d.ts +9 -0
  64. package/dist/PageContent.d.ts +13 -0
  65. package/dist/PageFooter.d.ts +9 -0
  66. package/dist/PageHeader.d.ts +9 -0
  67. package/dist/{cjs/Paragraph.d.ts → Paragraph.d.ts} +12 -9
  68. package/dist/PreHeading.d.ts +9 -0
  69. package/dist/RadioButton.d.ts +13 -0
  70. package/dist/{cjs/Select.d.ts → Select.d.ts} +19 -11
  71. package/dist/{cjs/Separator.d.ts → Separator.d.ts} +7 -7
  72. package/dist/SkipLink.d.ts +5 -0
  73. package/dist/SpotlightSection.d.ts +13 -0
  74. package/dist/Strong.d.ts +10 -0
  75. package/dist/Surface.d.ts +9 -0
  76. package/dist/Table.d.ts +9 -0
  77. package/dist/TableBody.d.ts +9 -0
  78. package/dist/TableCaption.d.ts +9 -0
  79. package/dist/TableCell.d.ts +9 -0
  80. package/dist/TableFooter.d.ts +9 -0
  81. package/dist/TableHeader.d.ts +9 -0
  82. package/dist/TableHeaderCell.d.ts +9 -0
  83. package/dist/TableRow.d.ts +9 -0
  84. package/dist/{cjs/Textarea.d.ts → Textarea.d.ts} +5 -5
  85. package/dist/{cjs/Textbox.d.ts → Textbox.d.ts} +7 -7
  86. package/dist/URLValue.d.ts +9 -0
  87. package/dist/UnorderedList.d.ts +9 -0
  88. package/dist/UnorderedListItem.d.ts +9 -0
  89. package/dist/css-module/Accordion.d.ts +49 -0
  90. package/dist/css-module/Alert.d.ts +13 -0
  91. package/dist/css-module/AlertDialog.d.ts +13 -0
  92. package/dist/css-module/Article.d.ts +9 -0
  93. package/dist/css-module/Backdrop.d.ts +9 -0
  94. package/dist/css-module/BadgeCounter.d.ts +12 -0
  95. package/dist/css-module/BadgeList.d.ts +9 -0
  96. package/dist/css-module/BreadcrumbNav.d.ts +23 -0
  97. package/dist/css-module/Button.d.ts +28 -0
  98. package/dist/css-module/ButtonGroup.d.ts +10 -0
  99. package/dist/css-module/ButtonLink.d.ts +14 -0
  100. package/dist/css-module/Calendar/CalendarButton.d.ts +5 -0
  101. package/dist/css-module/Calendar/CalendarIcon.d.ts +5 -0
  102. package/dist/css-module/Calendar/CalendarNavigation.d.ts +5 -0
  103. package/dist/css-module/Calendar/CalendarNavigationButtons.d.ts +13 -0
  104. package/dist/css-module/Calendar/CalendarNavigationLabel.d.ts +6 -0
  105. package/dist/css-module/Calendar/CalendarTableDaysContainer.d.ts +5 -0
  106. package/dist/css-module/Calendar/CalendarTableDaysItem.d.ts +5 -0
  107. package/dist/css-module/Calendar/CalendarTableDaysItemDay.d.ts +11 -0
  108. package/dist/css-module/Calendar/CalendarTableWeeksContainer.d.ts +4 -0
  109. package/dist/css-module/Calendar/CalendarTableWeeksItem.d.ts +5 -0
  110. package/dist/css-module/Calendar/IconArrowLeft.d.ts +7 -0
  111. package/dist/css-module/Calendar/IconArrowLeftDouble.d.ts +7 -0
  112. package/dist/css-module/Calendar/IconArrowRight.d.ts +7 -0
  113. package/dist/css-module/Calendar/IconArrowRightDouble.d.ts +7 -0
  114. package/dist/css-module/Calendar/index.d.ts +41 -0
  115. package/dist/css-module/Calendar.d.ts +6 -0
  116. package/dist/css-module/Checkbox.d.ts +6 -0
  117. package/dist/css-module/Code.d.ts +10 -0
  118. package/dist/css-module/CodeBlock.d.ts +10 -0
  119. package/dist/css-module/ColorSample.d.ts +12 -0
  120. package/dist/css-module/DataBadge.d.ts +13 -0
  121. package/dist/css-module/DataList.d.ts +28 -0
  122. package/dist/css-module/Document.d.ts +9 -0
  123. package/dist/css-module/Emphasis.d.ts +10 -0
  124. package/dist/css-module/Fieldset.d.ts +19 -0
  125. package/dist/css-module/FieldsetLegend.d.ts +5 -0
  126. package/dist/css-module/Figure.d.ts +5 -0
  127. package/dist/css-module/FigureCaption.d.ts +5 -0
  128. package/dist/css-module/FormField.d.ts +8 -0
  129. package/dist/css-module/FormFieldDescription.d.ts +9 -0
  130. package/dist/css-module/FormLabel.d.ts +10 -0
  131. package/dist/css-module/HTMLContent.d.ts +9 -0
  132. package/dist/css-module/Heading.d.ts +12 -0
  133. package/dist/css-module/Heading1.d.ts +9 -0
  134. package/dist/css-module/Heading2.d.ts +9 -0
  135. package/dist/css-module/Heading3.d.ts +9 -0
  136. package/dist/css-module/Heading4.d.ts +9 -0
  137. package/dist/css-module/Heading5.d.ts +9 -0
  138. package/dist/css-module/Heading6.d.ts +9 -0
  139. package/dist/css-module/HeadingGroup.d.ts +9 -0
  140. package/dist/css-module/Icon.d.ts +10 -0
  141. package/dist/css-module/Image.d.ts +9 -0
  142. package/dist/css-module/Link.d.ts +14 -0
  143. package/dist/css-module/LinkButton.d.ts +13 -0
  144. package/dist/css-module/LinkSocial.d.ts +11 -0
  145. package/dist/css-module/ListSocial.d.ts +13 -0
  146. package/dist/css-module/Mark.d.ts +10 -0
  147. package/dist/css-module/NumberValue.d.ts +11 -0
  148. package/dist/css-module/OrderedList.d.ts +9 -0
  149. package/dist/css-module/OrderedListItem.d.ts +9 -0
  150. package/dist/css-module/Page.d.ts +9 -0
  151. package/dist/css-module/PageContent.d.ts +13 -0
  152. package/dist/css-module/PageFooter.d.ts +9 -0
  153. package/dist/css-module/PageHeader.d.ts +9 -0
  154. package/dist/css-module/Paragraph.d.ts +12 -0
  155. package/dist/css-module/PreHeading.d.ts +9 -0
  156. package/dist/css-module/RadioButton.d.ts +13 -0
  157. package/dist/css-module/Select.d.ts +19 -0
  158. package/dist/css-module/Separator.d.ts +7 -0
  159. package/dist/css-module/SkipLink.d.ts +5 -0
  160. package/dist/css-module/SpotlightSection.d.ts +13 -0
  161. package/dist/css-module/Strong.d.ts +10 -0
  162. package/dist/css-module/Surface.d.ts +9 -0
  163. package/dist/css-module/Table.d.ts +9 -0
  164. package/dist/css-module/TableBody.d.ts +9 -0
  165. package/dist/css-module/TableCaption.d.ts +9 -0
  166. package/dist/css-module/TableCell.d.ts +9 -0
  167. package/dist/css-module/TableFooter.d.ts +9 -0
  168. package/dist/css-module/TableHeader.d.ts +9 -0
  169. package/dist/css-module/TableHeaderCell.d.ts +9 -0
  170. package/dist/css-module/TableRow.d.ts +9 -0
  171. package/dist/css-module/Textarea.d.ts +5 -0
  172. package/dist/css-module/Textbox.d.ts +7 -0
  173. package/dist/css-module/URLValue.d.ts +9 -0
  174. package/dist/css-module/UnorderedList.d.ts +9 -0
  175. package/dist/css-module/UnorderedListItem.d.ts +9 -0
  176. package/dist/css-module/css-module/Accordion.d.ts +6 -0
  177. package/dist/css-module/css-module/Alert.d.ts +6 -0
  178. package/dist/css-module/css-module/AlertDialog.d.ts +6 -0
  179. package/dist/css-module/css-module/Article.d.ts +6 -0
  180. package/dist/css-module/css-module/Backdrop.d.ts +6 -0
  181. package/dist/css-module/css-module/BadgeCounter.d.ts +6 -0
  182. package/dist/css-module/css-module/BadgeList.d.ts +6 -0
  183. package/dist/css-module/css-module/BreadcrumbNav.d.ts +6 -0
  184. package/dist/css-module/css-module/Button.d.ts +6 -0
  185. package/dist/css-module/css-module/ButtonGroup.d.ts +6 -0
  186. package/dist/css-module/css-module/ButtonLink.d.ts +6 -0
  187. package/dist/css-module/css-module/Calendar.d.ts +6 -0
  188. package/dist/css-module/css-module/Checkbox.d.ts +7 -0
  189. package/dist/css-module/css-module/Code.d.ts +6 -0
  190. package/dist/css-module/css-module/CodeBlock.d.ts +6 -0
  191. package/dist/css-module/css-module/ColorSample.d.ts +6 -0
  192. package/dist/css-module/css-module/DataBadge.d.ts +6 -0
  193. package/dist/css-module/css-module/DataList.d.ts +6 -0
  194. package/dist/css-module/css-module/Document.d.ts +6 -0
  195. package/dist/css-module/css-module/Emphasis.d.ts +6 -0
  196. package/dist/css-module/css-module/Fieldset.d.ts +6 -0
  197. package/dist/css-module/css-module/FieldsetLegend.d.ts +6 -0
  198. package/dist/css-module/css-module/Figure.d.ts +6 -0
  199. package/dist/css-module/css-module/FigureCaption.d.ts +6 -0
  200. package/dist/css-module/css-module/FormField.d.ts +6 -0
  201. package/dist/css-module/css-module/FormFieldDescription.d.ts +6 -0
  202. package/dist/css-module/css-module/FormLabel.d.ts +6 -0
  203. package/dist/css-module/css-module/HTMLContent.d.ts +6 -0
  204. package/dist/css-module/css-module/Heading.d.ts +11 -0
  205. package/dist/css-module/css-module/Heading1.d.ts +6 -0
  206. package/dist/css-module/css-module/Heading2.d.ts +6 -0
  207. package/dist/css-module/css-module/Heading3.d.ts +6 -0
  208. package/dist/css-module/css-module/Heading4.d.ts +6 -0
  209. package/dist/css-module/css-module/Heading5.d.ts +6 -0
  210. package/dist/css-module/css-module/Heading6.d.ts +6 -0
  211. package/dist/css-module/css-module/HeadingGroup.d.ts +6 -0
  212. package/dist/css-module/css-module/Icon.d.ts +6 -0
  213. package/dist/css-module/css-module/Image.d.ts +6 -0
  214. package/dist/css-module/css-module/Link.d.ts +6 -0
  215. package/dist/css-module/css-module/LinkButton.d.ts +6 -0
  216. package/dist/css-module/css-module/LinkSocial.d.ts +6 -0
  217. package/dist/css-module/css-module/ListSocial.d.ts +6 -0
  218. package/dist/css-module/css-module/Mark.d.ts +6 -0
  219. package/dist/css-module/css-module/NumberValue.d.ts +6 -0
  220. package/dist/css-module/css-module/OrderedList.d.ts +6 -0
  221. package/dist/css-module/css-module/OrderedListItem.d.ts +6 -0
  222. package/dist/css-module/css-module/Page.d.ts +6 -0
  223. package/dist/css-module/css-module/PageContent.d.ts +6 -0
  224. package/dist/css-module/css-module/PageFooter.d.ts +6 -0
  225. package/dist/css-module/css-module/PageHeader.d.ts +6 -0
  226. package/dist/css-module/css-module/Paragraph.d.ts +6 -0
  227. package/dist/css-module/css-module/PreHeading.d.ts +6 -0
  228. package/dist/css-module/css-module/RadioButton.d.ts +6 -0
  229. package/dist/css-module/css-module/Select.d.ts +6 -0
  230. package/dist/css-module/css-module/Separator.d.ts +6 -0
  231. package/dist/css-module/css-module/SkipLink.d.ts +6 -0
  232. package/dist/css-module/css-module/SpotlightSection.d.ts +6 -0
  233. package/dist/css-module/css-module/Strong.d.ts +6 -0
  234. package/dist/css-module/css-module/Surface.d.ts +6 -0
  235. package/dist/css-module/css-module/Table.d.ts +6 -0
  236. package/dist/css-module/css-module/TableBody.d.ts +5 -0
  237. package/dist/css-module/css-module/TableCaption.d.ts +5 -0
  238. package/dist/css-module/css-module/TableCell.d.ts +5 -0
  239. package/dist/css-module/css-module/TableFooter.d.ts +5 -0
  240. package/dist/css-module/css-module/TableHeader.d.ts +5 -0
  241. package/dist/css-module/css-module/TableHeaderCell.d.ts +5 -0
  242. package/dist/css-module/css-module/TableRow.d.ts +5 -0
  243. package/dist/css-module/css-module/Textarea.d.ts +6 -0
  244. package/dist/css-module/css-module/Textbox.d.ts +6 -0
  245. package/dist/css-module/css-module/URLValue.d.ts +6 -0
  246. package/dist/css-module/css-module/UnorderedList.d.ts +6 -0
  247. package/dist/css-module/css-module/UnorderedListItem.d.ts +6 -0
  248. package/dist/{cjs → css-module/css-module}/index.d.ts +75 -47
  249. package/dist/css-module/index.d.ts +76 -0
  250. package/dist/css-module/index.js +2014 -0
  251. package/dist/css-module/index.js.map +1 -0
  252. package/dist/css-module/index.mjs +1930 -0
  253. package/dist/css-module/index.mjs.map +1 -0
  254. package/dist/index.cjs.js +2219 -0
  255. package/dist/index.cjs.js.map +1 -0
  256. package/dist/index.d.ts +76 -0
  257. package/dist/index.esm.js +2134 -0
  258. package/dist/index.esm.js.map +1 -0
  259. package/package.json +49 -332
  260. package/dist/cjs/Article.d.ts +0 -7
  261. package/dist/cjs/Article.js +0 -29
  262. package/dist/cjs/Backdrop.d.ts +0 -7
  263. package/dist/cjs/Backdrop.js +0 -29
  264. package/dist/cjs/Button.js +0 -43
  265. package/dist/cjs/ButtonLink.d.ts +0 -15
  266. package/dist/cjs/ButtonLink.js +0 -52
  267. package/dist/cjs/Checkbox.js +0 -25
  268. package/dist/cjs/Document.d.ts +0 -7
  269. package/dist/cjs/Document.js +0 -29
  270. package/dist/cjs/Fieldset.d.ts +0 -3
  271. package/dist/cjs/Fieldset.js +0 -25
  272. package/dist/cjs/FieldsetLegend.d.ts +0 -3
  273. package/dist/cjs/FieldsetLegend.js +0 -25
  274. package/dist/cjs/FormField.d.ts +0 -3
  275. package/dist/cjs/FormField.js +0 -25
  276. package/dist/cjs/FormFieldDescription.js +0 -25
  277. package/dist/cjs/FormLabel.js +0 -25
  278. package/dist/cjs/HTMLContent.d.ts +0 -7
  279. package/dist/cjs/HTMLContent.js +0 -29
  280. package/dist/cjs/Heading1.d.ts +0 -7
  281. package/dist/cjs/Heading1.js +0 -29
  282. package/dist/cjs/Heading2.d.ts +0 -7
  283. package/dist/cjs/Heading2.js +0 -29
  284. package/dist/cjs/Heading3.d.ts +0 -7
  285. package/dist/cjs/Heading3.js +0 -29
  286. package/dist/cjs/Heading4.d.ts +0 -7
  287. package/dist/cjs/Heading4.js +0 -29
  288. package/dist/cjs/Heading5.d.ts +0 -7
  289. package/dist/cjs/Heading5.js +0 -29
  290. package/dist/cjs/Heading6.d.ts +0 -7
  291. package/dist/cjs/Heading6.js +0 -29
  292. package/dist/cjs/Link.d.ts +0 -15
  293. package/dist/cjs/Link.js +0 -42
  294. package/dist/cjs/OrderedList.d.ts +0 -7
  295. package/dist/cjs/OrderedList.js +0 -29
  296. package/dist/cjs/OrderedListItem.d.ts +0 -7
  297. package/dist/cjs/OrderedListItem.js +0 -29
  298. package/dist/cjs/Page.d.ts +0 -7
  299. package/dist/cjs/Page.js +0 -29
  300. package/dist/cjs/PageContent.d.ts +0 -9
  301. package/dist/cjs/PageContent.js +0 -34
  302. package/dist/cjs/PageFooter.d.ts +0 -7
  303. package/dist/cjs/PageFooter.js +0 -29
  304. package/dist/cjs/PageHeader.d.ts +0 -7
  305. package/dist/cjs/PageHeader.js +0 -29
  306. package/dist/cjs/Paragraph.js +0 -29
  307. package/dist/cjs/RadioButton.d.ts +0 -5
  308. package/dist/cjs/RadioButton.js +0 -25
  309. package/dist/cjs/Select.js +0 -31
  310. package/dist/cjs/Separator.js +0 -30
  311. package/dist/cjs/Surface.d.ts +0 -7
  312. package/dist/cjs/Surface.js +0 -29
  313. package/dist/cjs/Table.d.ts +0 -7
  314. package/dist/cjs/Table.js +0 -29
  315. package/dist/cjs/TableBody.d.ts +0 -7
  316. package/dist/cjs/TableBody.js +0 -29
  317. package/dist/cjs/TableCaption.d.ts +0 -7
  318. package/dist/cjs/TableCaption.js +0 -29
  319. package/dist/cjs/TableCell.d.ts +0 -7
  320. package/dist/cjs/TableCell.js +0 -29
  321. package/dist/cjs/TableFooter.d.ts +0 -7
  322. package/dist/cjs/TableFooter.js +0 -29
  323. package/dist/cjs/TableHeader.d.ts +0 -7
  324. package/dist/cjs/TableHeader.js +0 -29
  325. package/dist/cjs/TableHeaderCell.d.ts +0 -7
  326. package/dist/cjs/TableHeaderCell.js +0 -29
  327. package/dist/cjs/TableRow.d.ts +0 -7
  328. package/dist/cjs/TableRow.js +0 -29
  329. package/dist/cjs/Textarea.js +0 -25
  330. package/dist/cjs/Textbox.js +0 -25
  331. package/dist/cjs/URLValue.d.ts +0 -7
  332. package/dist/cjs/URLValue.js +0 -29
  333. package/dist/cjs/UnorderedList.d.ts +0 -7
  334. package/dist/cjs/UnorderedList.js +0 -29
  335. package/dist/cjs/UnorderedListItem.d.ts +0 -7
  336. package/dist/cjs/UnorderedListItem.js +0 -29
  337. package/dist/cjs/index.js +0 -97
  338. package/dist/cjs/tsconfig.tsbuildinfo +0 -3951
@@ -0,0 +1,1930 @@
1
+ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
+ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
4
+ import { forwardRef, useId, useRef, useState, createElement } from 'react';
5
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
+ import clsx from 'clsx';
7
+ import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
8
+ import _extends from '@babel/runtime/helpers/extends';
9
+
10
+ function styleInject(css, ref) {
11
+ if ( ref === void 0 ) ref = {};
12
+ var insertAt = ref.insertAt;
13
+
14
+ if (!css || typeof document === 'undefined') { return; }
15
+
16
+ var head = document.head || document.getElementsByTagName('head')[0];
17
+ var style = document.createElement('style');
18
+ style.type = 'text/css';
19
+
20
+ if (insertAt === 'top') {
21
+ if (head.firstChild) {
22
+ head.insertBefore(style, head.firstChild);
23
+ } else {
24
+ head.appendChild(style);
25
+ }
26
+ } else {
27
+ head.appendChild(style);
28
+ }
29
+
30
+ if (style.styleSheet) {
31
+ style.styleSheet.cssText = css;
32
+ } else {
33
+ style.appendChild(document.createTextNode(css));
34
+ }
35
+ }
36
+
37
+ var css_248z$W = ".utrecht-accordion__button{--utrecht-button-focus-scale:1;--utrecht-button-hover-scale:1;--utrecht-button-inline-size:100%;--utrecht-button-subtle-background-color:var(--utrecht-accordion-button-background-color);--utrecht-button-subtle-color:var(--utrecht-accordion-button-color);--utrecht-button-subtle-hover-background-color:var(--utrecht-accordion-button-hover-background-color);--utrecht-button-subtle-hover-border-color:var(--utrecht-accordion-button-hover-border-color);--utrecht-button-subtle-border-color:var(--utrecht-accordion-button-border-color);--utrecht-button-subtle-border-width:var(--utrecht-accordion-button-border-width);justify-content:start!important;padding-inline-end:var(--utrecht-accordion-button-padding-inline-end);position:relative}.utrecht-accordion__button[aria-expanded]:after{background-color:var(--utrecht-accordion-button-icon-background-color);background-position:50%;background-repeat:no-repeat;content:\"\";height:var(--utrecht-accordion-button-icon-size);inset-block-start:0;inset-inline-end:0;position:absolute;width:var(--utrecht-accordion-button-icon-size)}.utrecht-accordion__button[aria-expanded=false]:after{background-image:var(--utrecht-accordion-icon-arrow-down,url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m15.866 4.135-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E\"))}.utrecht-accordion__button[aria-expanded=true]:after{background-image:var(--utrecht-accordion-icon-arrow-up,url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m5.223 9.457 5.32-5.322 5.322 5.322'/%3E%3C/svg%3E\"));background-position:50%;background-repeat:no-repeat;content:\"\"}.utrecht-accordion__body{border-color:var(--utrecht-accordion-body-border-color);border-style:solid;border-top:none;border-width:var(--utrecht-accordion-body-border-width);padding-block-end:var(--utrecht-accordion-body-padding-block-end);padding-block-start:var(--utrecht-accordion-body-padding-block-start);padding-inline-end:var(--utrecht-accordion-body-padding-inline-end);padding-inline-start:var(--utrecht-accordion-body-padding-inline-start)}";
38
+ styleInject(css_248z$W);
39
+
40
+ var _excluded$15 = ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"];
41
+ function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
42
+ function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
43
+ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
44
+ var appearance = _ref.appearance,
45
+ busy = _ref.busy,
46
+ disabled = _ref.disabled,
47
+ children = _ref.children,
48
+ className = _ref.className,
49
+ hint = _ref.hint,
50
+ pressed = _ref.pressed,
51
+ type = _ref.type,
52
+ restProps = _objectWithoutProperties(_ref, _excluded$15);
53
+ return jsx("button", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
54
+ ref: ref,
55
+ className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
56
+ "aria-busy": busy || undefined,
57
+ "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
58
+ disabled: disabled,
59
+ type: type || 'button',
60
+ children: children
61
+ }));
62
+ });
63
+ Button.displayName = 'Button';
64
+ var PrimaryActionButton = function PrimaryActionButton(_ref2) {
65
+ var args = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
66
+ return jsx(Button, _objectSpread$15(_objectSpread$15({}, args), {}, {
67
+ appearance: "primary-action-button"
68
+ }));
69
+ };
70
+ PrimaryActionButton.displayName = 'PrimaryActionButton';
71
+ var SecondaryActionButton = function SecondaryActionButton(_ref3) {
72
+ var args = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
73
+ return jsx(Button, _objectSpread$15(_objectSpread$15({}, args), {}, {
74
+ appearance: "secondary-action-button"
75
+ }));
76
+ };
77
+ SecondaryActionButton.displayName = 'SecondaryActionButton';
78
+ var SubtleButton = function SubtleButton(_ref4) {
79
+ var args = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
80
+ return jsx(Button, _objectSpread$15(_objectSpread$15({}, args), {}, {
81
+ appearance: "subtle-button"
82
+ }));
83
+ };
84
+ SubtleButton.displayName = 'SubtleButton';
85
+
86
+ var _excluded$14 = ["appearance", "className", "level"];
87
+ function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
88
+ function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
89
+ var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
90
+ var appearance = _ref.appearance,
91
+ className = _ref.className,
92
+ level = _ref.level,
93
+ restProps = _objectWithoutProperties(_ref, _excluded$14);
94
+ var appearances = ['utrecht-heading-1', 'utrecht-heading-2', 'utrecht-heading-3', 'utrecht-heading-4', 'utrecht-heading-5', 'utrecht-heading-6'];
95
+ var HeadingX = level === 2 ? 'h2' : level === 3 ? 'h3' : level === 4 ? 'h4' : level === 5 ? 'h5' : level === 6 ? 'h6' : 'h1';
96
+ var headingClassName = appearance && appearances.indexOf(appearance) !== -1 ? appearance : appearances[level - 1] || 'utrecht-heading-1';
97
+ return jsx(HeadingX, _objectSpread$14(_objectSpread$14({
98
+ className: clsx(headingClassName, className)
99
+ }, restProps), {}, {
100
+ ref: ref
101
+ }));
102
+ });
103
+ Heading.displayName = 'Heading';
104
+
105
+ var _excluded$13 = ["children", "group", "headingLevel", "heading"];
106
+ function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
107
+ function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
108
+ /**
109
+ * Find the first item in an array
110
+ */
111
+ var firstItem = function firstItem(items) {
112
+ return items.length >= 1 ? items[0] : undefined;
113
+ };
114
+ /**
115
+ * Find the last item in an array
116
+ */
117
+ var lastItem = function lastItem(items) {
118
+ return items.length >= 1 ? items[items.length - 1] : undefined;
119
+ };
120
+ /**
121
+ * Find the next item in an array, compared to an item in the array
122
+ */
123
+ var nextItem = function nextItem(items, item) {
124
+ var currentIndex = item ? items.indexOf(item) : -1;
125
+ return currentIndex >= 0 && currentIndex + 1 <= items.length - 1 ? items[currentIndex + 1] : undefined;
126
+ };
127
+ /**
128
+ * Find the previous item in an array, compared to an item in the array
129
+ */
130
+ var previousItem = function previousItem(items, item) {
131
+ var currentIndex = item ? items.indexOf(item) : -1;
132
+ return currentIndex >= 0 && currentIndex - 1 <= items.length - 1 ? items[currentIndex - 1] : undefined;
133
+ };
134
+ var AccordionSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
135
+ var id = _ref.id,
136
+ label = _ref.label,
137
+ _ref$headingLevel = _ref.headingLevel,
138
+ headingLevel = _ref$headingLevel === void 0 ? 1 : _ref$headingLevel,
139
+ _ref$expanded = _ref.expanded,
140
+ expanded = _ref$expanded === void 0 ? false : _ref$expanded,
141
+ disabled = _ref.disabled,
142
+ section = _ref.section,
143
+ children = _ref.children,
144
+ buttonRef = _ref.buttonRef,
145
+ onActivate = _ref.onActivate,
146
+ onButtonBlur = _ref.onButtonBlur,
147
+ onButtonFocus = _ref.onButtonFocus;
148
+ var panelAttributes = {
149
+ className: clsx('utrecht-accordion__panel', {
150
+ 'utrecht-accordion__panel--expanded': expanded
151
+ }),
152
+ // Use the `hidden` attribute so the toggle works even without CSS
153
+ hidden: !expanded,
154
+ // Use the `aria-hidden` attribute too, so it even works when CSS
155
+ // doesn't use `display: none` to make transitions.
156
+ 'aria-hidden': !expanded
157
+ };
158
+ var idPrefix = 'utrecht-accordion';
159
+ var idSuffix = id || useId();
160
+ var buttonId = "".concat(idPrefix).concat(idSuffix, "-button");
161
+ var panelId = "".concat(idPrefix).concat(idSuffix, "-panel");
162
+ // We render `__section` as `div` for a specific reasons:
163
+ // - when a user navigates to the `region` landmark we want the first
164
+ // content of the landmark to be the actual content, instead of starting
165
+ // with the button that controls the region.
166
+ // - we only want expanded sections to show up as landmarks
167
+ return jsxs("div", {
168
+ className: clsx('utrecht-accordion__section'),
169
+ id: id,
170
+ ref: ref,
171
+ children: [jsx(Heading, {
172
+ level: headingLevel,
173
+ className: clsx('utrecht-accordion__header'),
174
+ children: jsx(Button, {
175
+ className: clsx('utrecht-accordion__button'),
176
+ appearance: "subtle-button",
177
+ "aria-expanded": expanded === true,
178
+ "aria-controls": panelId,
179
+ disabled: disabled,
180
+ id: buttonId,
181
+ onClick: function onClick() {
182
+ return typeof onActivate === 'function' && onActivate(ref);
183
+ },
184
+ onFocus: function onFocus() {
185
+ return typeof onButtonFocus === 'function' && onButtonFocus(ref);
186
+ },
187
+ onBlur: function onBlur() {
188
+ return typeof onButtonBlur === 'function' && onButtonBlur(ref);
189
+ },
190
+ ref: buttonRef,
191
+ children: label
192
+ })
193
+ }), section ? jsx("section", _objectSpread$13(_objectSpread$13({
194
+ id: panelId,
195
+ "aria-labelledby": buttonId
196
+ }, panelAttributes), {}, {
197
+ children: children
198
+ })) : jsx("div", _objectSpread$13(_objectSpread$13({}, panelAttributes), {}, {
199
+ children: children
200
+ }))]
201
+ });
202
+ });
203
+ AccordionSection.displayName = 'AccordionSection';
204
+ var Accordion = /*#__PURE__*/forwardRef(function (_ref2, ref) {
205
+ var children = _ref2.children,
206
+ group = _ref2.group,
207
+ headingLevel = _ref2.headingLevel,
208
+ heading = _ref2.heading,
209
+ props = _objectWithoutProperties(_ref2, _excluded$13);
210
+ var headingId = useId();
211
+ return jsxs(Fragment, {
212
+ children: [!!heading && typeof headingLevel === 'number' && jsx(Heading, {
213
+ level: headingLevel,
214
+ children: heading
215
+ }), jsx("div", _objectSpread$13(_objectSpread$13({
216
+ className: clsx('utrecht-accordion'),
217
+ role: group ? 'group' : undefined,
218
+ "aria-labelledby": group ? headingId : undefined
219
+ }, props), {}, {
220
+ ref: ref,
221
+ children: children
222
+ }))]
223
+ });
224
+ });
225
+ Accordion.displayName = 'Accordion';
226
+ var useAccordion = function useAccordion(sections, ref) {
227
+ console.log('useAccordion');
228
+ // const sections: AccordionSectionProviderProps[] = [];
229
+ var refs = sections.map(function (_) {
230
+ return useRef(null);
231
+ });
232
+ var buttonRefs = sections.map(function (_) {
233
+ return useRef(null);
234
+ });
235
+ return {
236
+ ref: ref,
237
+ refs: refs,
238
+ buttonRefs: buttonRefs,
239
+ /* ForwardedRef of the last section to receive focus */
240
+ activeElement: null,
241
+ /* ForwardedRef for each section, in document order */
242
+ sections: sections,
243
+ focusNextSection: function focusNextSection(activeElement) {
244
+ var _nextSection$current;
245
+ var index = refs.indexOf(activeElement);
246
+ var buttonRef = index >= 0 ? buttonRefs[index] : undefined;
247
+ var nextSection = buttonRef ? nextItem(buttonRefs, buttonRef) : undefined;
248
+ nextSection === null || nextSection === void 0 ? void 0 : (_nextSection$current = nextSection.current) === null || _nextSection$current === void 0 ? void 0 : _nextSection$current.focus();
249
+ },
250
+ focusFirstSection: function focusFirstSection() {
251
+ var _firstSection$current;
252
+ var firstSection = firstItem(buttonRefs);
253
+ console.log(refs);
254
+ firstSection === null || firstSection === void 0 ? void 0 : (_firstSection$current = firstSection.current) === null || _firstSection$current === void 0 ? void 0 : _firstSection$current.focus();
255
+ },
256
+ focusPreviousSection: function focusPreviousSection(activeElement) {
257
+ var _previousSection$curr;
258
+ var index = refs.indexOf(activeElement);
259
+ var buttonRef = index >= 0 ? buttonRefs[index] : undefined;
260
+ var previousSection = buttonRef ? previousItem(buttonRefs, buttonRef) : undefined;
261
+ previousSection === null || previousSection === void 0 ? void 0 : (_previousSection$curr = previousSection.current) === null || _previousSection$curr === void 0 ? void 0 : _previousSection$curr.focus();
262
+ },
263
+ focusLastSection: function focusLastSection() {
264
+ var _firstSection$current2;
265
+ var firstSection = lastItem(buttonRefs);
266
+ firstSection === null || firstSection === void 0 ? void 0 : (_firstSection$current2 = firstSection.current) === null || _firstSection$current2 === void 0 ? void 0 : _firstSection$current2.focus();
267
+ }
268
+ };
269
+ };
270
+ var AccordionProvider = function AccordionProvider(_ref4) {
271
+ var sections = _ref4.sections;
272
+ var ref = useRef(null);
273
+ var _useAccordion = useAccordion(sections, ref),
274
+ refs = _useAccordion.refs,
275
+ buttonRefs = _useAccordion.buttonRefs,
276
+ focusNextSection = _useAccordion.focusNextSection,
277
+ focusFirstSection = _useAccordion.focusFirstSection,
278
+ focusLastSection = _useAccordion.focusLastSection,
279
+ focusPreviousSection = _useAccordion.focusPreviousSection;
280
+ var _useState = useState(null),
281
+ _useState2 = _slicedToArray(_useState, 2),
282
+ activeElement = _useState2[0],
283
+ setActiveElement = _useState2[1];
284
+ var _useState3 = useState(sections),
285
+ _useState4 = _slicedToArray(_useState3, 2),
286
+ sectionsState = _useState4[0],
287
+ setSectionsState = _useState4[1];
288
+ var handleButtonFocus = function handleButtonFocus(ref) {
289
+ setActiveElement(ref);
290
+ };
291
+ var handleButtonBlur = function handleButtonBlur(_) {
292
+ setActiveElement(null);
293
+ };
294
+ var handleKeyDown = function handleKeyDown(evt) {
295
+ if (evt.code === 'End') {
296
+ focusLastSection();
297
+ } else if (evt.code === 'Home') {
298
+ focusFirstSection();
299
+ } else if (evt.code === 'ArrowDown') {
300
+ if (activeElement) {
301
+ focusNextSection(activeElement);
302
+ }
303
+ } else if (evt.code === 'ArrowUp') {
304
+ if (activeElement) {
305
+ focusPreviousSection(activeElement);
306
+ }
307
+ } else {
308
+ // Do not `preventDefault()`
309
+ return;
310
+ }
311
+ // Prevent scrolling the page
312
+ evt.preventDefault();
313
+ };
314
+ return jsx(Accordion, {
315
+ onKeyDown: handleKeyDown,
316
+ ref: ref,
317
+ children: sectionsState.map(function (section, index) {
318
+ var handleActivate = function handleActivate(ref) {
319
+ var activatedIndex = refs.indexOf(ref);
320
+ // const activatedSection = activatedIndex >= 0 ? sections[index] : undefined;
321
+ setSectionsState(sectionsState.map(function (section, index) {
322
+ if (index === activatedIndex) {
323
+ return _objectSpread$13(_objectSpread$13({}, section), {}, {
324
+ expanded: !section.expanded
325
+ });
326
+ } else {
327
+ return section;
328
+ }
329
+ }));
330
+ };
331
+ return /*#__PURE__*/createElement(AccordionSection, _objectSpread$13(_objectSpread$13({}, section), {}, {
332
+ ref: refs[index],
333
+ buttonRef: buttonRefs[index],
334
+ key: index,
335
+ onButtonFocus: handleButtonFocus,
336
+ onButtonBlur: handleButtonBlur,
337
+ onActivate: handleActivate
338
+ }), section.body);
339
+ })
340
+ });
341
+ };
342
+ AccordionProvider.displayName = 'AccordionProvider';
343
+
344
+ var css_248z$V = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color,var(--utrecht-alert-border-color));border-style:solid;border-width:var(--_utrecht-alert-border-width,var(--utrecht-alert-border-width,0));color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}";
345
+ styleInject(css_248z$V);
346
+
347
+ var _excluded$12 = ["children", "className", "icon", "type"];
348
+ function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
349
+ function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
350
+ var Alert = /*#__PURE__*/forwardRef(function (_ref, ref) {
351
+ var children = _ref.children,
352
+ className = _ref.className,
353
+ icon = _ref.icon,
354
+ type = _ref.type,
355
+ restProps = _objectWithoutProperties(_ref, _excluded$12);
356
+ return jsxs("div", _objectSpread$12(_objectSpread$12({}, restProps), {}, {
357
+ ref: ref,
358
+ className: clsx('utrecht-alert', {
359
+ 'utrecht-alert--error': type === 'error',
360
+ 'utrecht-alert--info': type === 'info',
361
+ 'utrecht-alert--ok': type === 'ok',
362
+ 'utrecht-alert--warning': type === 'warning'
363
+ }, className),
364
+ children: [icon && jsx("div", {
365
+ className: "utrecht-alert__icon",
366
+ children: icon
367
+ }), jsx("div", {
368
+ className: "utrecht-alert__message",
369
+ children: children
370
+ })]
371
+ }));
372
+ });
373
+ Alert.displayName = 'Alert';
374
+
375
+ var css_248z$U = ".utrecht-alert-dialog:not(dialog:not([open])){--utrecht-alert-dialog-margin-block-start:auto;--utrecht-alert-dialog-margin-block-end:auto;background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--utrecht-alert-dialog-border-color);border-radius:var(--utrecht-alert-dialog-border-radius,0);border-style:solid;border-width:var(--utrecht-alert-dialog-border-width,0);box-shadow:var(--utrecht-alert-dialog-box-shadow);color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:\"icon message\";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));max-block-size:var(--utrecht-alert-dialog-max-block-size);max-inline-size:var(--utrecht-alert-dialog-max-inline-size);min-block-size:var(--utrecht-alert-dialog-min-block-size);min-inline-size:var(--utrecht-alert-dialog-min-inline-size);padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);user-select:none}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-alert-dialog::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-alert-dialog__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert-dialog__message{grid-area:message}.utrecht-alert-dialog--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}.utrecht-alert-dialog--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert-dialog--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}";
376
+ styleInject(css_248z$U);
377
+
378
+ var _excluded$11 = ["children", "className", "icon", "type"];
379
+ function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
380
+ function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
381
+ var AlertDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
382
+ var children = _ref.children,
383
+ className = _ref.className,
384
+ icon = _ref.icon,
385
+ type = _ref.type,
386
+ restProps = _objectWithoutProperties(_ref, _excluded$11);
387
+ return jsxs("dialog", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
388
+ ref: ref,
389
+ className: clsx('utrecht-alert-dialog', {
390
+ 'utrecht-alert-dialog--error': type === 'error',
391
+ 'utrecht-alert-dialog--info': type === 'info',
392
+ 'utrecht-alert-dialog--warning': type === 'warning',
393
+ className: className
394
+ }),
395
+ children: [icon && jsx("div", {
396
+ className: "utrecht-alert-dialog__icon",
397
+ children: icon
398
+ }), jsx("div", {
399
+ className: "utrecht-alert-dialog__message",
400
+ children: children
401
+ })]
402
+ }));
403
+ });
404
+ AlertDialog.displayName = 'AlertDialog';
405
+
406
+ var css_248z$T = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}";
407
+ styleInject(css_248z$T);
408
+
409
+ var _excluded$10 = ["children", "className"];
410
+ function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
411
+ function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
412
+ var Article = /*#__PURE__*/forwardRef(function (_ref, ref) {
413
+ var children = _ref.children,
414
+ className = _ref.className,
415
+ restProps = _objectWithoutProperties(_ref, _excluded$10);
416
+ return jsx("article", _objectSpread$10(_objectSpread$10({}, restProps), {}, {
417
+ ref: ref,
418
+ className: clsx('utrecht-article', className),
419
+ children: children
420
+ }));
421
+ });
422
+ Article.displayName = 'Article';
423
+
424
+ var css_248z$S = ".utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration,0);animation-duration:min(var(--utrecht-motion-max-animation-duration,var(--_utrecht-backdrop-fade-in-animation-duration)),var(--_utrecht-backdrop-fade-in-animation-duration,0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);bottom:0;color:var(--utrecht-backdrop-color);display:block;left:0;opacity:var(--_utrecht-backdrop-opacity);position:absolute;right:0;top:0;user-select:none;z-index:var(--utrecht-backdrop-z-index)}@keyframes utrecht-backdrop-fade-in{0%{opacity:0}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion:reduce){.utrecht-backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency:reduce){.utrecht-backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}}.utrecht-backdrop--reduced-motion{--_utrecht-backdrop-fade-in-animation-duration:0}.utrecht-backdrop--reduced-transparency{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity,100%)}.utrecht-backdrop--viewport{position:fixed}";
425
+ styleInject(css_248z$S);
426
+
427
+ var _excluded$$ = ["children", "className"];
428
+ function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
429
+ function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
430
+ var Backdrop = /*#__PURE__*/forwardRef(function (_ref, ref) {
431
+ var children = _ref.children,
432
+ className = _ref.className,
433
+ restProps = _objectWithoutProperties(_ref, _excluded$$);
434
+ return jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
435
+ ref: ref,
436
+ className: clsx('utrecht-backdrop', className),
437
+ children: children
438
+ }));
439
+ });
440
+ Backdrop.displayName = 'Backdrop';
441
+
442
+ var css_248z$R = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color,var(--utrecht-badge-background-color,#000));border-radius:var(--utrecht-badge-counter-border-radius,var(--utrecht-badge-border-radius,.5ch));color:var(--utrecht-badge-counter-color,var(--utrecht-badge-color,#fff));display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-counter-font-size);font-style:var(--utrecht-badge-counter-font-style,normal);font-weight:var(--utrecht-badge-counter-font-weight,var(--utrecht-badge-font-weight,bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-size,1em);min-inline-size:var(--utrecht-badge-counter-min-size,1em);padding-block-end:var(--utrecht-badge-counter-padding-block,var(--utrecht-badge-padding-block,.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block,var(--utrecht-badge-padding-block,.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline,var(--utrecht-badge-padding-inline,.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline,var(--utrecht-badge-padding-inline,.5ch));text-align:center;text-decoration:none;white-space:nowrap}";
443
+ styleInject(css_248z$R);
444
+
445
+ var _excluded$_ = ["children", "className", "value"];
446
+ function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
447
+ function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
448
+ var BadgeCounter = /*#__PURE__*/forwardRef(function (_ref, ref) {
449
+ var children = _ref.children,
450
+ className = _ref.className,
451
+ value = _ref.value,
452
+ restProps = _objectWithoutProperties(_ref, _excluded$_);
453
+ var props = _objectSpread$_({
454
+ children: children,
455
+ className: clsx('utrecht-badge-counter', className)
456
+ }, restProps);
457
+ return typeof value !== 'undefined' ? jsx("data", _objectSpread$_(_objectSpread$_({}, props), {}, {
458
+ value: value,
459
+ ref: ref
460
+ })) : jsx("span", _objectSpread$_(_objectSpread$_({}, props), {}, {
461
+ ref: ref
462
+ }));
463
+ });
464
+ BadgeCounter.displayName = 'BadgeCounter';
465
+
466
+ var css_248z$Q = ".utrecht-badge-list{display:flex;flex-wrap:wrap;gap:var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline)}";
467
+ styleInject(css_248z$Q);
468
+
469
+ var _excluded$Z = ["children", "className"];
470
+ function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
471
+ function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
472
+ var BadgeList = /*#__PURE__*/forwardRef(function (_ref, ref) {
473
+ var children = _ref.children,
474
+ className = _ref.className,
475
+ restProps = _objectWithoutProperties(_ref, _excluded$Z);
476
+ return jsx("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
477
+ ref: ref,
478
+ className: clsx('utrecht-badge-list', className),
479
+ children: children
480
+ }));
481
+ });
482
+ BadgeList.displayName = 'BadgeList';
483
+
484
+ var css_248z$P = ".utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{block-size:0;inline-size:0;inset-block-start:50%;inset-inline-start:100%}.utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color,var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-breadcrumb-font-size);text-transform:var(--utrecht-document-text-transform,inherit)}.utrecht-breadcrumb__heading{display:none}.utrecht-breadcrumb__list{block-size:var(--utrecht-breadcrumb-block-size);display:flex}ol.utrecht-breadcrumb__list{list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);display:block;padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end,8px);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start,8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end,8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start,8px)}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{padding-inline-end:0;position:relative}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(var(--utrecht-breadcrumb-block-size)*-1);margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus{background-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus:after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus:after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc(var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size))}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}";
485
+ styleInject(css_248z$P);
486
+
487
+ var _excluded$Y = ["boxContent", "children", "className", "external", "href", "placeholder", "role"];
488
+ function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
489
+ function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
490
+ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
491
+ var boxContent = _ref.boxContent,
492
+ children = _ref.children,
493
+ className = _ref.className,
494
+ external = _ref.external,
495
+ href = _ref.href,
496
+ placeholder = _ref.placeholder,
497
+ role = _ref.role,
498
+ restProps = _objectWithoutProperties(_ref, _excluded$Y);
499
+ return (
500
+ // "utrecht-link--telephone" does not have a corresponding API,
501
+ // since it is primarily a basis for implementing input[href^="tel"].
502
+ // Telephone number rendering in React is best achieved using composition
503
+ // of the TelephoneValue component.
504
+ jsx("a", _objectSpread$Y(_objectSpread$Y({
505
+ href: placeholder ? undefined : href,
506
+ ref: ref,
507
+ role: role || (placeholder ? 'link' : undefined),
508
+ className: clsx('utrecht-link', {
509
+ 'utrecht-link--box-content': boxContent,
510
+ 'utrecht-link--external': external,
511
+ 'utrecht-link--placeholder': placeholder
512
+ }, className),
513
+ "aria-disabled": placeholder ? 'true' : undefined,
514
+ rel: external ? 'external noopener noreferrer' : undefined
515
+ }, restProps), {}, {
516
+ children: children
517
+ }))
518
+ );
519
+ });
520
+ Link.displayName = 'Link';
521
+
522
+ var _excluded$X = ["appearance", "children", "className", "headingLevel", "label"];
523
+ function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
524
+ function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
525
+ var useMicrodataItem = function useMicrodataItem(_ref) {
526
+ var prop = _ref.prop,
527
+ type = _ref.type;
528
+ return {
529
+ itemScope: true,
530
+ itemType: type,
531
+ itemProp: prop
532
+ };
533
+ };
534
+ var useMicrodataProp = function useMicrodataProp(prop) {
535
+ return {
536
+ itemProp: prop
537
+ };
538
+ };
539
+ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
540
+ var appearance = _ref2.appearance,
541
+ children = _ref2.children,
542
+ className = _ref2.className,
543
+ _ref2$headingLevel = _ref2.headingLevel,
544
+ headingLevel = _ref2$headingLevel === void 0 ? 2 : _ref2$headingLevel,
545
+ label = _ref2.label,
546
+ restProps = _objectWithoutProperties(_ref2, _excluded$X);
547
+ var headingId = label ? useId() : undefined;
548
+ return jsxs("nav", _objectSpread$X(_objectSpread$X({}, restProps), {}, {
549
+ ref: ref,
550
+ className: clsx('utrecht-breadcrumb', {
551
+ 'utrecht-breadcrumb--arrows': appearance === 'arrows'
552
+ }, className),
553
+ "aria-labelledby": headingId,
554
+ children: [label && jsx(Heading, {
555
+ id: headingId,
556
+ className: "utrecht-breadcrumb__heading",
557
+ level: headingLevel,
558
+ "aria-hidden": "true",
559
+ children: label
560
+ }), jsx("ol", _objectSpread$X(_objectSpread$X({
561
+ className: "utrecht-breadcrumb__list"
562
+ }, useMicrodataItem({
563
+ type: 'https://schema.org/BreadcrumbList'
564
+ })), {}, {
565
+ children: children
566
+ }))]
567
+ }));
568
+ });
569
+ BreadcrumbNav.displayName = 'BreadcrumbNav';
570
+ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref3, ref) {
571
+ var children = _ref3.children,
572
+ current = _ref3.current,
573
+ href = _ref3.href,
574
+ index = _ref3.index,
575
+ rel = _ref3.rel;
576
+ return jsx("li", _objectSpread$X(_objectSpread$X({
577
+ className: "utrecht-breadcrumb__item"
578
+ }, useMicrodataItem({
579
+ type: 'https://schema.org/ListItem',
580
+ prop: 'itemListElement'
581
+ })), {}, {
582
+ children: jsxs(Link, _objectSpread$X(_objectSpread$X({
583
+ className: "utrecht-breadcrumb__link",
584
+ href: href,
585
+ rel: rel,
586
+ "aria-current": current && 'location'
587
+ }, useMicrodataProp('item')), {}, {
588
+ ref: ref,
589
+ children: [jsx("span", _objectSpread$X(_objectSpread$X({
590
+ className: "utrecht-breadcrumb__text"
591
+ }, useMicrodataProp('name')), {}, {
592
+ children: children
593
+ })), typeof index === 'number' ? jsx("meta", _objectSpread$X(_objectSpread$X({}, useMicrodataProp('position')), {}, {
594
+ content: String(index + 1)
595
+ })) : null]
596
+ }))
597
+ }));
598
+ });
599
+ BreadcrumbLink.displayName = 'BreadcrumbLink';
600
+
601
+ var css_248z$O = ".utrecht-button{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor)}.utrecht-button--pressed{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--disabled,.utrecht-button:disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button--active,.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus,.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-primary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-secondary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color)}.utrecht-button--primary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-ready-hover-color)}.utrecht-button--primary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-primary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-warning-hover-color)}.utrecht-button--secondary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-danger-hover-color)}.utrecht-button--secondary-action.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-ready-hover-color)}.utrecht-button--secondary-action.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-secondary-action-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-secondary-action-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-secondary-action-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-secondary-action-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-secondary-action-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-secondary-action-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-secondary-action-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-secondary-action-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-secondary-action-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-secondary-action-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-secondary-action-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-secondary-action-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-secondary-action-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-secondary-action-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-secondary-action-warning-hover-color)}.utrecht-button--subtle.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-danger-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-danger-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-danger-hover-color)}.utrecht-button--subtle.utrecht-button--ready{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-ready-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-ready-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-ready-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-ready-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-ready-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-ready-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-ready-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-ready-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-ready-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-ready-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-ready-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-ready-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-ready-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-ready-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-ready-hover-color)}.utrecht-button--subtle.utrecht-button--warning{--_utrecht-button-hint-active-background-color:var(--utrecht-button-subtle-warning-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-subtle-warning-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-subtle-warning-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-subtle-warning-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-subtle-warning-border-color);--_utrecht-button-hint-color:var(--utrecht-button-subtle-warning-color);--_utrecht-button-hint-disabled-background-color:var(\n --utrecht-button-subtle-warning-disabled-background-color\n );--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color)}";
602
+ styleInject(css_248z$O);
603
+
604
+ var css_248z$N = ".utrecht-button-group,.utrecht-button-group--distanced{background-color:var(--utrecht-button-group-background-color);display:flex;gap:var(--utrecht-button-group-inline-gap,1em);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group--horizontal .utrecht-link-button,.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-link-button,.utrecht-button-group__link-button--horizontal{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--vertical{flex-direction:column;gap:var(--utrecht-button-group-block-gap,1em)}";
605
+ styleInject(css_248z$N);
606
+
607
+ var _excluded$W = ["children", "className"];
608
+ function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
609
+ function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
610
+ var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
611
+ var children = _ref.children,
612
+ className = _ref.className,
613
+ restProps = _objectWithoutProperties(_ref, _excluded$W);
614
+ return jsx("p", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
615
+ ref: ref,
616
+ className: clsx('utrecht-button-group', className),
617
+ children: children
618
+ }));
619
+ });
620
+ ButtonGroup.displayName = 'ButtonGroup';
621
+
622
+ var css_248z$M = ".utrecht-button-link{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);cursor:var(--utrecht-action-navigate-cursor,pointer);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-decoration:none;text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button-link--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button-link--placeholder{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-button-link--html-a:link:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--html-a:link:focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-button-link--html-a:link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-button-link--html-a:link:hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-button-link--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-primary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color)}.utrecht-button-link--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-secondary-action-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var(\n --utrecht-button-subtle-disabled-background-color\n );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color)}";
623
+ styleInject(css_248z$M);
624
+
625
+ var _excluded$V = ["appearance", "children", "className", "external", "href", "placeholder", "role"];
626
+ function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
627
+ function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
628
+ var onKeyDown = function onKeyDown(evt) {
629
+ var _evt$target;
630
+ if (evt.key === ' ' && typeof ((_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.click) === 'function') {
631
+ // Prevent other side-effects, such as scrolling
632
+ evt.preventDefault();
633
+ // Navigate to the link target
634
+ evt.target.click();
635
+ }
636
+ };
637
+ var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
638
+ var appearance = _ref.appearance,
639
+ children = _ref.children,
640
+ className = _ref.className,
641
+ external = _ref.external,
642
+ href = _ref.href,
643
+ placeholder = _ref.placeholder,
644
+ role = _ref.role,
645
+ restProps = _objectWithoutProperties(_ref, _excluded$V);
646
+ var props = restProps;
647
+ if (role === 'button') {
648
+ // When this link is announced as button by accessibility tools,
649
+ // it should also behave like a button. Links are not activated
650
+ // using `Space`, so we need to implement that behaviour here
651
+ // to reach parity with the `button` element.
652
+ props = _objectSpread$V(_objectSpread$V({}, restProps), {}, {
653
+ onKeyDown: onKeyDown
654
+ });
655
+ }
656
+ return jsx("a", _objectSpread$V(_objectSpread$V({
657
+ href: placeholder ? undefined : href,
658
+ ref: ref,
659
+ role: role || (placeholder ? 'link' : undefined),
660
+ className: clsx('utrecht-button-link', 'utrecht-button-link--html-a', {
661
+ 'utrecht-button-link--external': external,
662
+ 'utrecht-button-link--primary-action': appearance === 'primary-action-button',
663
+ 'utrecht-button-link--secondary-action': appearance === 'secondary-action-button',
664
+ 'utrecht-button-link--subtle': appearance === 'subtle-button',
665
+ 'utrecht-button-link--placeholder': placeholder
666
+ }, className),
667
+ rel: external ? 'external noopener noreferrer' : undefined,
668
+ "aria-disabled": placeholder ? 'true' : undefined
669
+ }, props), {}, {
670
+ children: children
671
+ }));
672
+ });
673
+ ButtonLink.displayName = 'ButtonLink';
674
+
675
+ var css_248z$L = ".utrecht-checkbox{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-checkbox--html-input:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
676
+ styleInject(css_248z$L);
677
+
678
+ var css_248z$K = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-checkbox-border-color);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor,revert);height:var(--utrecht-checkbox-size);margin-block-start:var(--utrecht-checkbox-margin-block-start);-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-checkbox-size)}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-checked-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width,var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-indeterminate-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-active-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-focus-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width,var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color,var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-focus-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-active-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color,var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E\")}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color,var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-checked-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width,var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color,var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E\");border-color:var(--utrecht-checkbox-indeterminate-border-color,var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width,var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color,var(--utrecht-checkbox-color))}";
679
+ styleInject(css_248z$K);
680
+
681
+ var _excluded$U = ["appearance", "disabled", "invalid", "required", "className"];
682
+ function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
683
+ function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
684
+ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
685
+ var _ref$appearance = _ref.appearance,
686
+ appearance = _ref$appearance === void 0 ? 'custom' : _ref$appearance,
687
+ disabled = _ref.disabled,
688
+ invalid = _ref.invalid,
689
+ required = _ref.required,
690
+ className = _ref.className,
691
+ restProps = _objectWithoutProperties(_ref, _excluded$U);
692
+ return jsx("input", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
693
+ ref: ref,
694
+ type: "checkbox",
695
+ className: clsx('utrecht-checkbox', 'utrecht-checkbox--html-input', {
696
+ 'utrecht-checkbox--disabled': disabled,
697
+ 'utrecht-checkbox--custom': appearance === 'custom',
698
+ 'utrecht-checkbox--invalid': invalid,
699
+ 'utrecht-checkbox--required': required
700
+ }, className),
701
+ "aria-invalid": invalid || undefined,
702
+ disabled: disabled,
703
+ required: required
704
+ }));
705
+ });
706
+ Checkbox.displayName = 'Checkbox';
707
+
708
+ var css_248z$J = ".utrecht-code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}";
709
+ styleInject(css_248z$J);
710
+
711
+ var _excluded$T = ["children", "className"];
712
+ function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
713
+ function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
714
+ var Code = /*#__PURE__*/forwardRef(function (_ref, ref) {
715
+ var children = _ref.children,
716
+ className = _ref.className,
717
+ restProps = _objectWithoutProperties(_ref, _excluded$T);
718
+ return jsx("code", _objectSpread$T(_objectSpread$T({
719
+ ref: ref,
720
+ className: clsx('utrecht-code', className)
721
+ }, restProps), {}, {
722
+ children: children
723
+ }));
724
+ });
725
+ Code.displayName = 'Code';
726
+
727
+ var css_248z$I = ".utrecht-code-block{--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-size:var(--utrecht-code-block-font-size,var(--utrecht-code-font-size));font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);line-height:var(--utrecht-code-block-line-height,var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-code-block__content{font-family:inherit;font-size:inherit}";
728
+ styleInject(css_248z$I);
729
+
730
+ var _excluded$S = ["children", "className"];
731
+ function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
732
+ function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
733
+ var CodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
734
+ var children = _ref.children,
735
+ className = _ref.className,
736
+ restProps = _objectWithoutProperties(_ref, _excluded$S);
737
+ return jsx("pre", _objectSpread$S(_objectSpread$S({
738
+ ref: ref,
739
+ className: clsx('utrecht-code-block', className)
740
+ }, restProps), {}, {
741
+ children: jsx("code", {
742
+ className: "utrecht-code-block__content",
743
+ children: children
744
+ })
745
+ }));
746
+ });
747
+ CodeBlock.displayName = 'CodeBlock';
748
+
749
+ var css_248z$H = ".utrecht-color-sample{background-color:var(--utrecht-color-sample-background-color,currentColor);block-size:2em;border-color:var(--utrecht-color-sample-border-color,var(--utrecht-color-sample-default-border-color));border-style:solid;border-width:var(--utrecht-color-sample-border-width,0);box-sizing:border-box;display:inline-block;inline-size:2em}@media (forced-colors:active){.utrecht-color-sample{forced-color-adjust:none}}@media (forced-colors:active) and (prefers-color-scheme:dark){.utrecht-color-sample{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-dark-border-color,#000)}}@media (forced-colors:active) and (prefers-color-scheme:light){.utrecht-color-sample{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-light-border-color,#fff)}}";
750
+ styleInject(css_248z$H);
751
+
752
+ var _excluded$R = ["children", "className", "color", "style"];
753
+ function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
754
+ function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
755
+ var ColorSample = /*#__PURE__*/forwardRef(function (_ref, ref) {
756
+ var children = _ref.children,
757
+ className = _ref.className,
758
+ color = _ref.color,
759
+ style = _ref.style,
760
+ restProps = _objectWithoutProperties(_ref, _excluded$R);
761
+ return jsx("data", _objectSpread$R(_objectSpread$R({
762
+ ref: ref,
763
+ className: clsx('utrecht-color-sample', className),
764
+ style: _objectSpread$R(_objectSpread$R({}, style), {}, {
765
+ color: color
766
+ }),
767
+ value: color
768
+ }, restProps), {}, {
769
+ children: children
770
+ }));
771
+ });
772
+ ColorSample.displayName = 'ColorSample';
773
+
774
+ var css_248z$G = ".utrecht-badge-data{background-color:var(--utrecht-badge-background-color,#000);border-radius:var(--utrecht-badge-border-radius,.5ch);color:var(--utrecht-badge-color,#fff);display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-font-size,inherit);font-style:var(--utrecht-badge-font-style,normal);font-weight:var(--utrecht-badge-font-weight,bold);letter-spacing:var(--utrecht-badge-data-letter-spacing,inherit);line-height:var(--utrecht-badge-line-height,1em);padding-block-end:var(--utrecht-badge-padding-block,.5ex);padding-block-start:var(--utrecht-badge-padding-block,.5ex);padding-inline-end:var(--utrecht-badge-padding-inline,.5ch);padding-inline-start:var(--utrecht-badge-padding-inline,.5ch);text-decoration:none;text-transform:var(--utrecht-badge-data-text-transform,inherit)}";
775
+ styleInject(css_248z$G);
776
+
777
+ var _excluded$Q = ["children", "className", "dateTime", "value"];
778
+ function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
779
+ function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
780
+ var DataBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
781
+ var children = _ref.children,
782
+ className = _ref.className,
783
+ dateTime = _ref.dateTime,
784
+ value = _ref.value,
785
+ restProps = _objectWithoutProperties(_ref, _excluded$Q);
786
+ var props = _objectSpread$Q({
787
+ children: children,
788
+ className: clsx('utrecht-badge-data', className)
789
+ }, restProps);
790
+ return typeof dateTime !== 'undefined' ? jsx("time", _objectSpread$Q(_objectSpread$Q({}, props), {}, {
791
+ dateTime: dateTime,
792
+ ref: ref
793
+ })) : typeof value !== 'undefined' ? jsx("data", _objectSpread$Q(_objectSpread$Q({}, props), {}, {
794
+ value: value,
795
+ ref: ref
796
+ })) : jsx("span", _objectSpread$Q(_objectSpread$Q({}, props), {}, {
797
+ ref: ref
798
+ }));
799
+ });
800
+ DataBadge.displayName = 'DataBadge';
801
+
802
+ var css_248z$F = ".utrecht-document{color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color,inherit)}";
803
+ styleInject(css_248z$F);
804
+
805
+ var _excluded$P = ["children", "className"];
806
+ function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
807
+ function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
808
+ var Document = /*#__PURE__*/forwardRef(function (_ref, ref) {
809
+ var children = _ref.children,
810
+ className = _ref.className,
811
+ restProps = _objectWithoutProperties(_ref, _excluded$P);
812
+ return jsx("div", _objectSpread$P(_objectSpread$P({}, restProps), {}, {
813
+ ref: ref,
814
+ className: clsx('utrecht-document', className),
815
+ children: children
816
+ }));
817
+ });
818
+ Document.displayName = 'Document';
819
+
820
+ var css_248z$E = ".utrecht-data-list{display:block;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-data-list-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-data-list-margin-block-start, 0))}.utrecht-data-list__item-key{color:var(--utrecht-data-list-item-key-color);font-size:var(--utrecht-data-list-item-key-font-size);font-weight:var(--utrecht-data-list-item-key-font-weight);line-height:var(--utrecht-data-list-item-key-line-height)}.utrecht-data-list__item-value{color:var(--utrecht-data-list-item-value-color);font-size:var(--utrecht-data-list-item-value-font-size);font-weight:var(--utrecht-data-list-item-value-font-weight);line-height:var(--utrecht-data-list-item-value-line-height);min-block-size:calc(var(--utrecht-data-list-item-value-line-height)*1rem)}.utrecht-data-list__actions--html-dd,.utrecht-data-list__item-value--html-dd{margin-inline-start:0}.utrecht-data-list__item-value--multiline{white-space:pre-line}.utrecht-data-list--rows .utrecht-data-list__actions{align-items:baseline;display:flex;grid-column:-1;grid-row:1;justify-content:flex-end}.utrecht-data-list--rows .utrecht-data-list__item{--_utrecht-minmax:max(var(--utrecht-data-list-rows-column-min-inline-size,25ch),var(--utrecht-data-list-rows-column-inline-size,80%));--_utrecht-auto-col:minmax(var(--_utrecht-minmax),max-content);border-bottom:var(--utrecht-data-list-rows-border-bottom-width,0) solid var(--utrecht-data-list-rows-border-bottom-color,transparent);display:grid;gap:0 var(--utrecht-data-list-rows-gap);grid-auto-columns:1fr;grid-template-columns:repeat(auto-fit,var(--_utrecht-auto-col));margin-block-start:var(--utrecht-data-list-rows-item-margin-block-start)}.utrecht-data-list--rows .utrecht-data-list__item:first-of-type{margin-block-start:0}.utrecht-data-list--rows .utrecht-data-list__item-value{margin-block-start:var(--utrecht-data-list-rows-item-value-margin-block-start)}";
821
+ styleInject(css_248z$E);
822
+
823
+ var _excluded$O = ["appearance", "children", "className"],
824
+ _excluded2$3 = ["children", "className"],
825
+ _excluded3 = ["children", "className"],
826
+ _excluded4 = ["children", "className"];
827
+ function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
828
+ function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
829
+ var DataList = /*#__PURE__*/forwardRef(function (_ref, ref) {
830
+ var appearance = _ref.appearance,
831
+ children = _ref.children,
832
+ className = _ref.className,
833
+ restProps = _objectWithoutProperties(_ref, _excluded$O);
834
+ return jsx("dl", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
835
+ className: clsx('utrecht-data-list', 'utrecht-data-list--html-dl', appearance === 'rows' && 'utrecht-data-list--rows', className),
836
+ ref: ref,
837
+ children: children
838
+ }));
839
+ });
840
+ DataList.displayName = 'DataList';
841
+ var DataListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
842
+ var children = _ref2.children,
843
+ className = _ref2.className,
844
+ restProps = _objectWithoutProperties(_ref2, _excluded2$3);
845
+ return jsx("div", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
846
+ className: clsx('utrecht-data-list__item', className),
847
+ ref: ref,
848
+ children: children
849
+ }));
850
+ });
851
+ DataListItem.displayName = 'DataListItem';
852
+ var DataListKey = /*#__PURE__*/forwardRef(function (_ref3, ref) {
853
+ var children = _ref3.children,
854
+ className = _ref3.className,
855
+ restProps = _objectWithoutProperties(_ref3, _excluded3);
856
+ return jsx("dt", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
857
+ className: clsx('utrecht-data-list__item-key', className),
858
+ ref: ref,
859
+ children: children
860
+ }));
861
+ });
862
+ DataListKey.displayName = 'DataListKey';
863
+ var DataListValue = /*#__PURE__*/forwardRef(function (_ref4, ref) {
864
+ var value = _ref4.value,
865
+ children = _ref4.children,
866
+ className = _ref4.className,
867
+ emptyDescription = _ref4.emptyDescription,
868
+ multiline = _ref4.multiline,
869
+ notranslate = _ref4.notranslate;
870
+ var empty = value === '' || value === null;
871
+ return jsx("dd", {
872
+ className: clsx('utrecht-data-list__item-value', 'utrecht-data-list__item-value--html-dd', className, multiline && 'utrecht-data-list__item-value--multiline'),
873
+ translate: typeof notranslate === 'boolean' ? notranslate ? 'no' : 'yes' : undefined,
874
+ ref: ref,
875
+ children: empty ? jsx("span", {
876
+ "aria-label": emptyDescription,
877
+ children: "-"
878
+ }) : children
879
+ });
880
+ });
881
+ DataListValue.displayName = 'DataListValue';
882
+ var DataListActions = /*#__PURE__*/forwardRef(function (_ref5, ref) {
883
+ var children = _ref5.children,
884
+ className = _ref5.className,
885
+ restProps = _objectWithoutProperties(_ref5, _excluded4);
886
+ return jsx("dd", _objectSpread$O(_objectSpread$O({}, restProps), {}, {
887
+ className: clsx('utrecht-data-list__actions', 'utrecht-data-list__actions--html-dd', className),
888
+ ref: ref,
889
+ children: children
890
+ }));
891
+ });
892
+ DataListActions.displayName = 'DataListActions';
893
+
894
+ var css_248z$D = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}";
895
+ styleInject(css_248z$D);
896
+
897
+ var _excluded$N = ["children", "className"];
898
+ function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
899
+ function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
900
+ var Emphasis = /*#__PURE__*/forwardRef(function (_ref, ref) {
901
+ var children = _ref.children,
902
+ className = _ref.className,
903
+ restProps = _objectWithoutProperties(_ref, _excluded$N);
904
+ return jsx("em", _objectSpread$N(_objectSpread$N({
905
+ ref: ref,
906
+ className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
907
+ }, restProps), {}, {
908
+ children: children
909
+ }));
910
+ });
911
+ Emphasis.displayName = 'Emphasis';
912
+
913
+ var css_248z$C = ".utrecht-form-fieldset{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0))}.utrecht-form-fieldset--html-fieldset,.utrecht-form-fieldset__fieldset--html-fieldset{all:revert;border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--html-legend{display:table;inline-size:100%;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{--utrecht-space-around:1}.utrecht-form-fieldset--section{background-color:var(--utrecht-form-fieldset-section-background-color);color:var(--utrecht-form-fieldset-section-color)}.utrecht-form-fieldset__legend{color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--disabled{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-form-fieldset__legend--distanced{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0))}.utrecht-form-fieldset--invalid{border-inline-start-color:var(--utrecht-form-fieldset-invalid-border-inline-start-color,var(--utrecht-form-field-invalid-border-inline-start-color));border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-fieldset-invalid-border-inline-start-width,var(--utrecht-form-field-invalid-border-inline-start-width));padding-inline-start:var(--utrecht-form-fieldset-invalid-padding-inline-start,var(--utrecht-form-field-invalid-padding-inline-start))}";
914
+ styleInject(css_248z$C);
915
+
916
+ var _excluded$M = ["aria-describedby", "aria-label", "aria-labelledby", "className", "children", "disabled", "form", "invalid", "name", "role"],
917
+ _excluded2$2 = ["className", "children", "disabled", "invalid"];
918
+ function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
919
+ function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
920
+ var Fieldset = /*#__PURE__*/forwardRef(function (_ref, ref) {
921
+ var ariaDescribedby = _ref['aria-describedby'],
922
+ ariaLabel = _ref['aria-label'],
923
+ ariaLabelledby = _ref['aria-labelledby'],
924
+ className = _ref.className,
925
+ children = _ref.children,
926
+ disabled = _ref.disabled,
927
+ form = _ref.form,
928
+ invalid = _ref.invalid,
929
+ name = _ref.name,
930
+ role = _ref.role,
931
+ restProps = _objectWithoutProperties(_ref, _excluded$M);
932
+ return jsx("div", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
933
+ ref: ref,
934
+ className: clsx('utrecht-form-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
935
+ children: jsx("fieldset", {
936
+ "aria-describedby": ariaDescribedby,
937
+ "aria-label": ariaLabel,
938
+ "aria-labelledby": ariaLabelledby,
939
+ "aria-invalid": invalid || undefined,
940
+ disabled: disabled,
941
+ form: form,
942
+ name: name,
943
+ role: role,
944
+ className: clsx('utrecht-form-fieldset__fieldset', 'utrecht-form-fieldset--html-fieldset'),
945
+ children: children
946
+ })
947
+ }));
948
+ });
949
+ Fieldset.displayName = 'Fieldset';
950
+ var FieldsetOnly = /*#__PURE__*/forwardRef(function (_ref2, ref) {
951
+ var className = _ref2.className,
952
+ children = _ref2.children,
953
+ disabled = _ref2.disabled,
954
+ invalid = _ref2.invalid,
955
+ restProps = _objectWithoutProperties(_ref2, _excluded2$2);
956
+ return jsx("fieldset", _objectSpread$M(_objectSpread$M({}, restProps), {}, {
957
+ ref: ref,
958
+ "aria-invalid": invalid || undefined,
959
+ disabled: disabled,
960
+ className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', disabled && 'utrecht-form-fieldset--disabled', invalid && 'utrecht-form-fieldset--invalid', className),
961
+ children: children
962
+ }));
963
+ });
964
+ FieldsetOnly.displayName = 'Fieldset';
965
+
966
+ var _excluded$L = ["className", "children"];
967
+ function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
968
+ function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
969
+ var FieldsetLegend = /*#__PURE__*/forwardRef(function (_ref, ref) {
970
+ var className = _ref.className,
971
+ children = _ref.children,
972
+ restProps = _objectWithoutProperties(_ref, _excluded$L);
973
+ return jsx("legend", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
974
+ ref: ref,
975
+ className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className),
976
+ children: children
977
+ }));
978
+ });
979
+ FieldsetLegend.displayName = 'FieldsetLegend';
980
+
981
+ var css_248z$B = ".utrecht-figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-figure__caption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}";
982
+ styleInject(css_248z$B);
983
+
984
+ var _excluded$K = ["className", "children"];
985
+ function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
986
+ function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
987
+ var Figure = /*#__PURE__*/forwardRef(function (_ref, ref) {
988
+ var className = _ref.className,
989
+ children = _ref.children,
990
+ restProps = _objectWithoutProperties(_ref, _excluded$K);
991
+ return jsx("figure", _objectSpread$K(_objectSpread$K({}, restProps), {}, {
992
+ ref: ref,
993
+ className: clsx('utrecht-figure', className),
994
+ children: children
995
+ }));
996
+ });
997
+ Figure.displayName = 'Figure';
998
+
999
+ var _excluded$J = ["className", "children"];
1000
+ function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1001
+ function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1002
+ var FigureCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
1003
+ var className = _ref.className,
1004
+ children = _ref.children,
1005
+ restProps = _objectWithoutProperties(_ref, _excluded$J);
1006
+ return jsx("figcaption", _objectSpread$J(_objectSpread$J({}, restProps), {}, {
1007
+ ref: ref,
1008
+ className: clsx('utrecht-figure__caption', className),
1009
+ children: children
1010
+ }));
1011
+ });
1012
+ FigureCaption.displayName = 'FigureCaption';
1013
+
1014
+ var css_248z$A = ".utrecht-form-field{font-family:var(--utrecht-document-font-family,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-margin-block-start, 0));max-inline-size:var(--utrecht-form-field-max-inline-size);page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end,12px);grid-template-areas:\"input label\" \"input description\" \"input description-invalid\";grid-template-columns:var(--utrecht-checkbox-size) 100fr}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc((var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px))*-1)}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-checkbox-margin-inline-end,12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-radio-button-margin-inline-end,12px);grid-template-areas:\"input label\" \"input description\" \"input description-invalid\";grid-template-columns:var(--utrecht-radio-button-size) 100fr}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc((var(--utrecht-radio-button-size) + var(--utrecht-radio-button-margin-inline-end, 12px))*-1)}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-radio-button-margin-inline-end,12px)}.utrecht-form-field__input{grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:description-invalid;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}";
1015
+ styleInject(css_248z$A);
1016
+
1017
+ var _excluded$I = ["className", "children", "invalid", "type"];
1018
+ function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1019
+ function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1020
+ var FormField = /*#__PURE__*/forwardRef(function (_ref, ref) {
1021
+ var className = _ref.className,
1022
+ children = _ref.children,
1023
+ invalid = _ref.invalid,
1024
+ type = _ref.type,
1025
+ restProps = _objectWithoutProperties(_ref, _excluded$I);
1026
+ return jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
1027
+ ref: ref,
1028
+ className: clsx('utrecht-form-field', {
1029
+ 'utrecht-form-field--invalid': invalid,
1030
+ 'utrecht-form-field--checkbox': type === 'checkbox',
1031
+ 'utrecht-form-field--radio': type === 'radio',
1032
+ 'utrecht-form-field--text': !type || type === 'text'
1033
+ }, className),
1034
+ children: children
1035
+ }));
1036
+ });
1037
+ FormField.displayName = 'FormField';
1038
+
1039
+ var css_248z$z = ".utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-form-field-description-font-size,inherit);font-style:var(--utrecht-form-field-description-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description--distanced,.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color,var(--utrecht-feedback-invalid-color,var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color,var(--utrecht-feedback-valid-color,var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color,var(--utrecht-feedback-warning-color))}";
1040
+ styleInject(css_248z$z);
1041
+
1042
+ var _excluded$H = ["invalid", "valid", "warning", "className", "children"];
1043
+ function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1044
+ function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1045
+ var FormFieldDescription = /*#__PURE__*/forwardRef(function (_ref, ref) {
1046
+ var invalid = _ref.invalid,
1047
+ valid = _ref.valid,
1048
+ warning = _ref.warning,
1049
+ className = _ref.className,
1050
+ children = _ref.children,
1051
+ restProps = _objectWithoutProperties(_ref, _excluded$H);
1052
+ return jsx("div", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
1053
+ ref: ref,
1054
+ className: clsx('utrecht-form-field-description', invalid && 'utrecht-form-field-description--invalid', valid && 'utrecht-form-field-description--valid', warning && 'utrecht-form-field-description--warning', className),
1055
+ children: children
1056
+ }));
1057
+ });
1058
+ FormFieldDescription.displayName = 'FormFieldDescription';
1059
+
1060
+ var css_248z$y = ".utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor,revert);font-weight:var(--utrecht-form-label-disabled-color,var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}";
1061
+ styleInject(css_248z$y);
1062
+
1063
+ var _excluded$G = ["children", "className", "type", "disabled", "checked"];
1064
+ function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1065
+ function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1066
+ var FormLabel = /*#__PURE__*/forwardRef(function (_ref, ref) {
1067
+ var children = _ref.children,
1068
+ className = _ref.className,
1069
+ type = _ref.type,
1070
+ disabled = _ref.disabled,
1071
+ checked = _ref.checked,
1072
+ restProps = _objectWithoutProperties(_ref, _excluded$G);
1073
+ return jsx("label", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
1074
+ ref: ref,
1075
+ className: clsx('utrecht-form-label', type && "utrecht-form-label--".concat(type), disabled && 'utrecht-form-label--disabled', checked && 'utrecht-form-label--checked', className),
1076
+ children: children
1077
+ }));
1078
+ });
1079
+ FormLabel.displayName = 'FormLabel';
1080
+
1081
+ var css_248z$x = "@charset \"UTF-8\";.utrecht-html{--utrecht-space-around:1}.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-html blockquote{--utrecht-document-color:var(--utrecht-blockquote-content-color,inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size,inherit);--utrecht-space-around:1;background-color:var(--utrecht-blockquote-background-color);color:var(--utrecht-blockquote-color);color:var(--utrecht-blockquote-content-color,inherit);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);font-size:var(--utrecht-blockquote-content-font-size,inherit);font-style:var(--utrecht-blockquote-font-style);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-blockquote-margin-block-start, 0));margin-inline-end:var(--utrecht-blockquote-margin-inline-end);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);padding-block-end:var(--utrecht-blockquote-padding-block-end);padding-block-start:var(--utrecht-blockquote-padding-block-start);padding-inline-end:var(--utrecht-blockquote-padding-inline-end);padding-inline-start:var(--utrecht-blockquote-padding-inline-start)}.utrecht-html button,.utrecht-html input[type=button i],.utrecht-html input[type=reset i],.utrecht-html input[type=submit i]{--_utrecht-button-background-color:var(\n --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color))\n );--_utrecht-button-color:var(\n --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color))\n );--_utrecht-button-border-color:var(\n --_utrecht-button-hint-border-color,var(--_utrecht-button-appearance-border-color,var(--utrecht-button-border-color,transparent))\n );--_utrecht-button-border-bottom-color:var(\n --_utrecht-button-hint-border-bottom-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-border-bottom-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-border-bottom-color,var(--utrecht-button-border-color,transparent))\n )\n )\n )\n );--_utrecht-button-disabled-background-color:var(\n --_utrecht-button-hint-disabled-background-color,var(\n --_utrecht-button-appearance-disabled-background-color,var(--utrecht-button-disabled-background-color,var(--utrecht-button-background-color))\n )\n );--_utrecht-button-disabled-border-color:var(\n --_utrecht-button-hint-disabled-border-color,var(\n --_utrecht-button-appearance-disabled-border-color,var(--utrecht-button-disabled-border-color,var(--utrecht-button-border-color))\n )\n );--_utrecht-button-disabled-color:var(\n --_utrecht-button-hint-disabled-color,var(--_utrecht-button-appearance-disabled-color,var(--utrecht-button-disabled-color,var(--utrecht-button-color)))\n );--_utrecht-button-focus-background-color:var(\n --_utrecht-button-hint-focus-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-focus-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-focus-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-focus-border-color:var(\n --_utrecht-button-hint-focus-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-focus-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-focus-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-focus-color:var(\n --_utrecht-button-hint-focus-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-focus-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-focus-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-hover-background-color:var(\n --_utrecht-button-hint-hover-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-hover-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-hover-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-hover-border-color:var(\n --_utrecht-button-hint-hover-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-hover-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-hover-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-hover-color:var(\n --_utrecht-button-hint-hover-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-hover-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-hover-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-active-background-color:var(\n --_utrecht-button-hint-active-background-color,var(\n --_utrecht-button-hint-background-color,var(\n --_utrecht-button-appearance-active-background-color,var(\n --_utrecht-button-appearance-background-color,var(--utrecht-button-active-background-color,var(--utrecht-button-background-color))\n )\n )\n )\n );--_utrecht-button-active-border-color:var(\n --_utrecht-button-hint-active-border-color,var(\n --_utrecht-button-hint-border-color,var(\n --_utrecht-button-appearance-active-border-color,var(\n --_utrecht-button-appearance-border-color,var(--utrecht-button-active-border-color,var(--utrecht-button-border-color))\n )\n )\n )\n );--_utrecht-button-active-color:var(\n --_utrecht-button-hint-active-color,var(\n --_utrecht-button-hint-color,var(\n --_utrecht-button-appearance-active-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-active-color,var(--utrecht-button-color)))\n )\n )\n );--_utrecht-button-border-width:var(--_utrecht-button-appearance-border-width,var(--utrecht-button-border-width,0));--_utrecht-button-border-bottom-width:var(\n --utrecht-button-border-bottom-width,var(--_utrecht-button-border-width,0)\n );--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;background-color:var(--_utrecht-button-background-color);border-color:var(--_utrecht-button-border-color);border-bottom-color:var(--_utrecht-button-border-bottom-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);border-bottom-width:var(--_utrecht-button-border-bottom-width);box-sizing:border-box;color:var(--_utrecht-button-color);cursor:var(--utrecht-action-activate-cursor);display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--_utrecht-button-appearance-font-weight,var(--utrecht-button-font-weight));gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:var(--utrecht-button-line-height);margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start);min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);user-select:none}.utrecht-html button[type=submit i],.utrecht-html input[type=submit i]{cursor:var(--utrecht-action-submit-cursor)}.utrecht-html button:disabled,.utrecht-html button[aria-disabled=true]{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html button:disabled[aria-busy=true],.utrecht-html button[aria-busy=true],.utrecht-html button[aria-disabled=true][aria-busy=true]{cursor:var(--utrecht-action-busy-cursor)}.utrecht-html button:active:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-html button:hover:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale,1)}.utrecht-html button:focus:not([aria-disabled=true],:disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale,1)}.utrecht-html button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=checkbox i]{cursor:var(--utrecht-action-activate-cursor,revert);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-html input[type=checkbox i]:disabled{cursor:var(--utrecht-action-disabled-cursor,revert)}.utrecht-html input[type=checkbox i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=checkbox i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html body{background-color:var(--utrecht-document-background-color,inherit);color:var(--utrecht-document-color,inherit);font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-document-font-size,inherit);font-weight:var(--utrecht-document-font-weight,inherit);line-height:var(--utrecht-document-line-height,inherit);text-rendering:optimizeLegibility}.utrecht-html body :lang(ar){letter-spacing:0!important}.utrecht-html code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style,italic)}.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight,bold)}.utrecht-html fieldset{--utrecht-space-around:1;all:revert;border:0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-margin-block-start, 0));margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-html figure{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-figure-margin-block-start, 0))}.utrecht-html figcaption{color:var(--utrecht-figure-caption-color);font-size:var(--utrecht-figure-caption-font-size);line-height:var(--utrecht-figure-caption-line-height)}.utrecht-html form{max-inline-size:var(--utrecht-form-max-inline-size)}.utrecht-html legend{color:var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit));display:table;font-family:var(--utrecht-form-fieldset-legend-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);inline-size:100%;line-height:var(--utrecht-form-fieldset-legend-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-form-fieldset-legend-margin-block-start, 0));padding-inline-end:0;padding-inline-start:0;page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-html fieldset:disabled>legend{color:var(--utrecht-form-fieldset-legend-disabled-color,var(--utrecht-form-fieldset-legend-color,var(--utrecht-document-color,inherit)))}.utrecht-html label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-html input[type=checkbox i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-checkbox-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html input[type=radio i]~label{color:var(--utrecht-form-label-checkbox-color,var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor,revert);font-weight:var(--utrecht-form-label-radio-font-weight,var(--utrecht-form-label-font-weight))}.utrecht-html mark{background-color:var(--utrecht-mark-background-color,revert);color:var(--utrecht-mark-color,revert)}@media print{.utrecht-html mark{outline-color:currentColor;outline-style:dotted;outline-width:.1em}}@media screen and (-ms-high-contrast:active){.utrecht-html mark{background-color:Highlight;color:HighlightText}}.utrecht-html h1{color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0));text-transform:var(--utrecht-heading-1-text-transform,inherit)}.utrecht-html h1,.utrecht-html h2{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h2{color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0));text-transform:var(--utrecht-heading-2-text-transform,inherit)}.utrecht-html h3{color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));text-transform:var(--utrecht-heading-3-text-transform,inherit)}.utrecht-html h3,.utrecht-html h4{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h4{color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));text-transform:var(--utrecht-heading-4-text-transform,inherit)}.utrecht-html h5{color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));text-transform:var(--utrecht-heading-5-text-transform,inherit)}.utrecht-html h5,.utrecht-html h6{--utrecht-space-around:1;page-break-after:avoid;page-break-inside:avoid}.utrecht-html h6{color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));text-transform:var(--utrecht-heading-6-text-transform,inherit)}.utrecht-html hgroup{--utrecht-pre-heading-order:-1;--utrecht-space-around:1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-html hgroup>*{--utrecht-space-around:0}.utrecht-html a:link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--utrecht-link-color,blue);text-decoration:var(--utrecht-link-text-decoration,underline);text-decoration-color:var(--utrecht-link-text-decoration-color,currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-html a:visited{color:var(--utrecht-link-visited-color,var(--utrecht-link-color))}.utrecht-html a:hover{text-decoration-skip:none;color:var(--utrecht-link-hover-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-html a:active{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-html a:focus{text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-html a:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-html ol{--utrecht-space-around:1;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit)));line-height:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit)));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));padding-inline-start:var(--utrecht-ordered-list-padding-inline-start,var(--utrecht-unordered-list-padding-inline-start,2ch));text-align:start;width:max-content}.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end,var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start,var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start,var(--utrecht-unordered-list-item-padding-inline-start,1ch))}.utrecht-html ol:lang(ar){list-style:arabic-indic}.utrecht-html p{color:var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-html p.lead{color:var(--utrecht-paragraph-lead-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-lead-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-lead-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-lead-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html *~p{--utrecht-space-around:1}.utrecht-html p:has(>small:only-child){color:var(--utrecht-paragraph-small-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-small-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-small-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-small-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-html p>small:only-child{font-size:inherit}.utrecht-html pre:has(>code:only-child){--utrecht-code-color:var(--utrecht-code-block-color,inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color,inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight,inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size,inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family,monospace);background-color:var(--utrecht-code-background-color);background-color:var(--utrecht-code-block-background-color);color:var(--utrecht-code-color);display:block;font-family:var(--utrecht-code-font-family,monospace),monospace;font-size:var(--utrecht-code-font-size);font-size:var(--utrecht-code-block-font-size,var(--utrecht-code-font-size));font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);line-height:var(--utrecht-code-block-line-height,var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-html pre:has(>code:only-child)>code{display:contents}.utrecht-html input[type=radio i]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--utrecht-radio-button-background-color);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor);height:var(--utrecht-radio-button-size);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-end:var(--utrecht-radio-button-margin-inline-end);margin-inline-start:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-radio-button-size)}.utrecht-html input[type=radio i]:disabled{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-disabled-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-disabled-color,var(--utrecht-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input[type=radio i]:disabled:checked{background-color:var(--utrecht-radio-button-disabled-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-html input[type=radio i]:disabled:active{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-html input[type=radio i]:hover{background-color:var(--utrecht-radio-button-hover-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-hover-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-hover-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-hover-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:focus{background-color:var(--utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-focus-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input[type=radio i]:invalid,.utrecht-html input[type=radio i][aria-invalid=true]{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:active{background-color:var(--utrecht-radio-button-active-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-active-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-active-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-active-color,var(--utrecht-radio-button-color))}.utrecht-html input[type=radio i]:checked{background-color:var(--utrecht-radio-button-checked-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-checked-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-checked-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-checked-color,var(--utrecht-radio-button-color))}.utrecht-html select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color,var(--utrecht-form-control-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width)));border-block-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-color:var(--utrecht-select-border-color,var(--utrecht-form-control-border-color));border-inline-end-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-inline-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-radius:var(--utrecht-select-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;color:var(--utrecht-select-color,var(--utrecht-form-control-color));font-family:var(--utrecht-select-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-select-font-size,var(--utrecht-form-control-font-size));max-inline-size:var(--utrecht-select-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end,var(--utrecht-form-control-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start,var(--utrecht-form-control-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end,var(--utrecht-form-control-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start,var(--utrecht-form-control-padding-inline-start));width:100%}.utrecht-html select:disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html select:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-select-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html select:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));border-width:var(--utrecht-select-invalid-border-width,var(--utrecht-form-control-invalid-border-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width))))}.utrecht-html hr{border-color:var(--utrecht-separator-color);border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-start, 0))}.utrecht-html hr,.utrecht-html table{--utrecht-space-around:1;border-style:solid}.utrecht-html table{border-collapse:collapse;border-color:var(--utrecht-table-border-color,0);border-width:var(--utrecht-table-border-width,0);font-family:var(--utrecht-table-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size,inherit);line-height:var(--utrecht-table-line-height,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-start, 0));width:100%}.utrecht-html caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align,center)}.utrecht-html thead{--_utrecht-table-header-cell-vertical-align:bottom;background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform)}.utrecht-html th{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align,top)}.utrecht-html td,.utrecht-html th{border-block-end-color:var(--utrecht-table-row-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width,0);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start;vertical-align:top}.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start,var(--utrecht-table-cell-padding-inline-start,0))}.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end,var(--utrecht-table-cell-padding-inline-end,0))}.utrecht-html thead tr:last-child th{border-block-end-color:var(--utrecht-table-header-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width,0)}.utrecht-html tfoot>tr>th.numeric,.utrecht-html th[scope=column].numeric,.utrecht-html thead>tr>th.numeric{text-align:right}.utrecht-html td.numeric{font-variant-numeric:lining-nums tabular-nums;text-align:right}.utrecht-html table.alternate-row-color>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(2n)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-html textarea{background-color:var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color));border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size,var(--utrecht-form-control-font-size,1em));font-weight:400;height:auto;line-height:var(--utrecht-textarea-line-height,initial);max-inline-size:var(--utrecht-textarea-max-inline-size,var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textarea-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textarea-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));resize:vertical;width:100%}.utrecht-html textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html textarea:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textarea-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html textarea:invalid,.utrecht-html textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));border-width:var(--utrecht-textarea-invalid-border-width,var(--utrecht-form-control-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width))));color:var(--utrecht-textarea-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-html textarea:read-only{background-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textarea-border,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-html textarea::placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input:not([type]),.utrecht-html input[type=date i],.utrecht-html input[type=datetime-local i],.utrecht-html input[type=email i],.utrecht-html input[type=month i],.utrecht-html input[type=number i],.utrecht-html input[type=password i],.utrecht-html input[type=search i],.utrecht-html input[type=tel i],.utrecht-html input[type=text i],.utrecht-html input[type=time i],.utrecht-html input[type=url i],.utrecht-html input[type=week i]{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-control-font-size,1em));font-weight:400;height:auto;line-height:normal;max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));width:100%}.utrecht-html input:not([type]):disabled,.utrecht-html input[type=date i]:disabled,.utrecht-html input[type=datetime-local i]:disabled,.utrecht-html input[type=email i]:disabled,.utrecht-html input[type=month i]:disabled,.utrecht-html input[type=number i]:disabled,.utrecht-html input[type=password i]:disabled,.utrecht-html input[type=search i]:disabled,.utrecht-html input[type=tel i]:disabled,.utrecht-html input[type=text i]:disabled,.utrecht-html input[type=time i]:disabled,.utrecht-html input[type=url i]:disabled,.utrecht-html input[type=week i]:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-html input:not([type]):focus,.utrecht-html input[type=date i]:focus,.utrecht-html input[type=datetime-local i]:focus,.utrecht-html input[type=email i]:focus,.utrecht-html input[type=month i]:focus,.utrecht-html input[type=number i]:focus,.utrecht-html input[type=password i]:focus,.utrecht-html input[type=search i]:focus,.utrecht-html input[type=tel i]:focus,.utrecht-html input[type=text i]:focus,.utrecht-html input[type=time i]:focus,.utrecht-html input[type=url i]:focus,.utrecht-html input[type=week i]:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-html input:not([type]):focus:not(:focus-visible),.utrecht-html input[type=date i]:focus:not(:focus-visible),.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),.utrecht-html input[type=email i]:focus:not(:focus-visible),.utrecht-html input[type=month i]:focus:not(:focus-visible),.utrecht-html input[type=number i]:focus:not(:focus-visible),.utrecht-html input[type=password i]:focus:not(:focus-visible),.utrecht-html input[type=search i]:focus:not(:focus-visible),.utrecht-html input[type=tel i]:focus:not(:focus-visible),.utrecht-html input[type=text i]:focus:not(:focus-visible),.utrecht-html input[type=time i]:focus:not(:focus-visible),.utrecht-html input[type=url i]:focus:not(:focus-visible),.utrecht-html input[type=week i]:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-html input:not([type]):invalid,.utrecht-html input:not([type])[aria-invalid=true],.utrecht-html input[type=date i]:invalid,.utrecht-html input[type=date i][aria-invalid=true],.utrecht-html input[type=datetime-local i]:invalid,.utrecht-html input[type=datetime-local i][aria-invalid=true],.utrecht-html input[type=email i]:invalid,.utrecht-html input[type=email i][aria-invalid=true],.utrecht-html input[type=month i]:invalid,.utrecht-html input[type=month i][aria-invalid=true],.utrecht-html input[type=number i]:invalid,.utrecht-html input[type=number i][aria-invalid=true],.utrecht-html input[type=password i]:invalid,.utrecht-html input[type=password i][aria-invalid=true],.utrecht-html input[type=search i]:invalid,.utrecht-html input[type=search i][aria-invalid=true],.utrecht-html input[type=tel i]:invalid,.utrecht-html input[type=tel i][aria-invalid=true],.utrecht-html input[type=text i]:invalid,.utrecht-html input[type=text i][aria-invalid=true],.utrecht-html input[type=time i]:invalid,.utrecht-html input[type=time i][aria-invalid=true],.utrecht-html input[type=url i]:invalid,.utrecht-html input[type=url i][aria-invalid=true],.utrecht-html input[type=week i]:invalid,.utrecht-html input[type=week i][aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-html input:not([type]):read-only,.utrecht-html input[type=date i]:read-only,.utrecht-html input[type=datetime-local i]:read-only,.utrecht-html input[type=email i]:read-only,.utrecht-html input[type=month i]:read-only,.utrecht-html input[type=number i]:read-only,.utrecht-html input[type=password i]:read-only,.utrecht-html input[type=search i]:read-only,.utrecht-html input[type=tel i]:read-only,.utrecht-html input[type=text i]:read-only,.utrecht-html input[type=time i]:read-only,.utrecht-html input[type=url i]:read-only,.utrecht-html input[type=week i]:read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-html input:not([type])::placeholder,.utrecht-html input[type=date i]::placeholder,.utrecht-html input[type=datetime-local i]::placeholder,.utrecht-html input[type=email i]::placeholder,.utrecht-html input[type=month i]::placeholder,.utrecht-html input[type=number i]::placeholder,.utrecht-html input[type=password i]::placeholder,.utrecht-html input[type=search i]::placeholder,.utrecht-html input[type=tel i]::placeholder,.utrecht-html input[type=text i]::placeholder,.utrecht-html input[type=time i]::placeholder,.utrecht-html input[type=url i]::placeholder,.utrecht-html input[type=week i]::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-html input[autocomplete~=current-password i],.utrecht-html input[autocomplete~=new-password i],.utrecht-html input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-html input[autocomplete~=bday i],.utrecht-html input[autocomplete~=bday-day i],.utrecht-html input[autocomplete~=bday-month i],.utrecht-html input[autocomplete~=bday-year i],.utrecht-html input[autocomplete~=cc-csc i],.utrecht-html input[autocomplete~=cc-exp i],.utrecht-html input[autocomplete~=cc-exp-month i],.utrecht-html input[autocomplete~=cc-exp-year i],.utrecht-html input[autocomplete~=cc-number i],.utrecht-html input[autocomplete~=one-time-code i],.utrecht-html input[autocomplete~=postal-code i],.utrecht-html input[autocomplete~=tel i],.utrecht-html input[autocomplete~=tel-area-code i],.utrecht-html input[autocomplete~=tel-country-code i],.utrecht-html input[autocomplete~=tel-extension i],.utrecht-html input[autocomplete~=tel-local i],.utrecht-html input[autocomplete~=tel-national i],.utrecht-html input[autocomplete~=transaction-amount i],.utrecht-html input[inputmode=decimal i],.utrecht-html input[inputmode=numeric i],.utrecht-html input[inputmode=tel i],.utrecht-html input[type=number i],.utrecht-html input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-html input[inputmode=email i],.utrecht-html input[inputmode=url i],.utrecht-html input[type=email i],.utrecht-html input[type=url i]{font-variant-ligatures:none}.utrecht-html ul{--utrecht-space-around:1;font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch);text-align:start;width:max-content}.utrecht-html ul>li{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}";
1082
+ styleInject(css_248z$x);
1083
+
1084
+ var _excluded$F = ["children", "className"];
1085
+ function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1086
+ function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1087
+ var HTMLContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
1088
+ var children = _ref.children,
1089
+ className = _ref.className,
1090
+ restProps = _objectWithoutProperties(_ref, _excluded$F);
1091
+ return jsx("div", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
1092
+ ref: ref,
1093
+ className: clsx('utrecht-html', className),
1094
+ children: children
1095
+ }));
1096
+ });
1097
+ HTMLContent.displayName = 'HTMLContent';
1098
+
1099
+ var css_248z$w = ".utrecht-heading-1{color:var(--utrecht-heading-1-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-1-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size,revert);font-weight:var(--utrecht-heading-1-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-1-text-transform,inherit)}.utrecht-heading-1--distanced{--utrecht-space-around:1}";
1100
+ styleInject(css_248z$w);
1101
+
1102
+ var css_248z$v = ".utrecht-heading-2{color:var(--utrecht-heading-2-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-2-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size,revert);font-weight:var(--utrecht-heading-2-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-2-text-transform,inherit)}.utrecht-heading-2--distanced{--utrecht-space-around:1}";
1103
+ styleInject(css_248z$v);
1104
+
1105
+ var css_248z$u = ".utrecht-heading-3{color:var(--utrecht-heading-3-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-3-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size,revert);font-weight:var(--utrecht-heading-3-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-3-text-transform,inherit)}.utrecht-heading-3--distanced{--utrecht-space-around:1}";
1106
+ styleInject(css_248z$u);
1107
+
1108
+ var css_248z$t = ".utrecht-heading-4{color:var(--utrecht-heading-4-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-4-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size,revert);font-weight:var(--utrecht-heading-4-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-4-text-transform,inherit)}.utrecht-heading-4--distanced{--utrecht-space-around:1}";
1109
+ styleInject(css_248z$t);
1110
+
1111
+ var css_248z$s = ".utrecht-heading-5{color:var(--utrecht-heading-5-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-5-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size,revert);font-weight:var(--utrecht-heading-5-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-5-text-transform,inherit)}.utrecht-heading-5--distanced{--utrecht-space-around:1}";
1112
+ styleInject(css_248z$s);
1113
+
1114
+ var css_248z$r = ".utrecht-heading-6{color:var(--utrecht-heading-6-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-heading-6-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size,revert);font-weight:var(--utrecht-heading-6-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-heading-6-text-transform,inherit)}.utrecht-heading-6--distanced{--utrecht-space-around:1}";
1115
+ styleInject(css_248z$r);
1116
+
1117
+ var _excluded$E = ["children", "className"];
1118
+ function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1119
+ function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1120
+ var Heading1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1121
+ var children = _ref.children,
1122
+ className = _ref.className,
1123
+ restProps = _objectWithoutProperties(_ref, _excluded$E);
1124
+ return jsx("h1", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
1125
+ ref: ref,
1126
+ className: clsx('utrecht-heading-1', className),
1127
+ children: children
1128
+ }));
1129
+ });
1130
+ Heading1.displayName = 'Heading1';
1131
+
1132
+ var _excluded$D = ["children", "className"];
1133
+ function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1134
+ function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1135
+ var Heading2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1136
+ var children = _ref.children,
1137
+ className = _ref.className,
1138
+ restProps = _objectWithoutProperties(_ref, _excluded$D);
1139
+ return jsx("h2", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
1140
+ ref: ref,
1141
+ className: clsx('utrecht-heading-2', className),
1142
+ children: children
1143
+ }));
1144
+ });
1145
+ Heading2.displayName = 'Heading2';
1146
+
1147
+ var _excluded$C = ["children", "className"];
1148
+ function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1149
+ function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1150
+ var Heading3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1151
+ var children = _ref.children,
1152
+ className = _ref.className,
1153
+ restProps = _objectWithoutProperties(_ref, _excluded$C);
1154
+ return jsx("h3", _objectSpread$C(_objectSpread$C({}, restProps), {}, {
1155
+ ref: ref,
1156
+ className: clsx('utrecht-heading-3', className),
1157
+ children: children
1158
+ }));
1159
+ });
1160
+ Heading3.displayName = 'Heading3';
1161
+
1162
+ var _excluded$B = ["children", "className"];
1163
+ function ownKeys$B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1164
+ function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1165
+ var Heading4 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1166
+ var children = _ref.children,
1167
+ className = _ref.className,
1168
+ restProps = _objectWithoutProperties(_ref, _excluded$B);
1169
+ return jsx("h4", _objectSpread$B(_objectSpread$B({}, restProps), {}, {
1170
+ ref: ref,
1171
+ className: clsx('utrecht-heading-4', className),
1172
+ children: children
1173
+ }));
1174
+ });
1175
+ Heading4.displayName = 'Heading4';
1176
+
1177
+ var _excluded$A = ["children", "className"];
1178
+ function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1179
+ function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1180
+ var Heading5 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1181
+ var children = _ref.children,
1182
+ className = _ref.className,
1183
+ restProps = _objectWithoutProperties(_ref, _excluded$A);
1184
+ return jsx("h5", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
1185
+ ref: ref,
1186
+ className: clsx('utrecht-heading-5', className),
1187
+ children: children
1188
+ }));
1189
+ });
1190
+ Heading5.displayName = 'Heading5';
1191
+
1192
+ var _excluded$z = ["children", "className"];
1193
+ function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1194
+ function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1195
+ var Heading6 = /*#__PURE__*/forwardRef(function (_ref, ref) {
1196
+ var children = _ref.children,
1197
+ className = _ref.className,
1198
+ restProps = _objectWithoutProperties(_ref, _excluded$z);
1199
+ return jsx("h6", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
1200
+ ref: ref,
1201
+ className: clsx('utrecht-heading-6', className),
1202
+ children: children
1203
+ }));
1204
+ });
1205
+ Heading6.displayName = 'Heading6';
1206
+
1207
+ var css_248z$q = ".utrecht-heading-group{--utrecht-pre-heading-order:-1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-heading-group-margin-block-start, 0))}.utrecht-heading-group>*{--utrecht-space-around:0}";
1208
+ styleInject(css_248z$q);
1209
+
1210
+ var _excluded$y = ["children", "className"];
1211
+ function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1212
+ function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1213
+ var HeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
1214
+ var children = _ref.children,
1215
+ className = _ref.className,
1216
+ restProps = _objectWithoutProperties(_ref, _excluded$y);
1217
+ return jsx("hgroup", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
1218
+ ref: ref,
1219
+ className: clsx('utrecht-heading-group', className),
1220
+ children: children
1221
+ }));
1222
+ });
1223
+ HeadingGroup.displayName = 'HeadingGroup';
1224
+
1225
+ var css_248z$p = ".utrecht-icon{color:var(--utrecht-icon-color);display:inline-block;height:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start,0);position:relative;width:var(--utrecht-icon-size)}";
1226
+ styleInject(css_248z$p);
1227
+
1228
+ var _excluded$x = ["children", "className"];
1229
+ function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1230
+ function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1231
+ var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
1232
+ var children = _ref.children,
1233
+ className = _ref.className,
1234
+ restProps = _objectWithoutProperties(_ref, _excluded$x);
1235
+ return jsx("span", _objectSpread$x(_objectSpread$x({
1236
+ ref: ref,
1237
+ className: clsx('utrecht-icon', className)
1238
+ }, restProps), {}, {
1239
+ children: children
1240
+ }));
1241
+ });
1242
+ Icon.displayName = 'Icon';
1243
+
1244
+ var css_248z$o = ".utrecht-img{height:auto;width:auto}.utrecht-img--photo,.utrecht-img--scale-down{max-height:100%;max-width:100%}";
1245
+ styleInject(css_248z$o);
1246
+
1247
+ var _excluded$w = ["className", "photo"];
1248
+ function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1249
+ function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1250
+ var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
1251
+ var className = _ref.className,
1252
+ photo = _ref.photo,
1253
+ restProps = _objectWithoutProperties(_ref, _excluded$w);
1254
+ return jsx("img", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
1255
+ ref: ref,
1256
+ className: clsx('utrecht-img', {
1257
+ 'utrecht-img--photo': photo
1258
+ }, className)
1259
+ }));
1260
+ });
1261
+ Image.displayName = 'Image';
1262
+
1263
+ var css_248z$n = ".utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--utrecht-link-color,blue);text-decoration:var(--utrecht-link-text-decoration,underline);text-decoration-color:var(--utrecht-link-text-decoration-color,currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image,none);background-position:0 .25em;background-repeat:no-repeat;color:var(--utrecht-link-color,blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link--visited,.utrecht-link:visited{color:var(--utrecht-link-visited-color,var(--utrecht-link-color))}.utrecht-link--hover,.utrecht-link:link:hover{text-decoration-skip:none;color:var(--utrecht-link-hover-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link--active,.utrecht-link:link:active{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-link--focus{text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link--focus-visible,.utrecht-link:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-link:focus{text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color,var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}";
1264
+ styleInject(css_248z$n);
1265
+
1266
+ var css_248z$m = ".utrecht-link-button{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);--utrecht-icon-size:var(--utrecht-button-icon-size,1em);align-items:center;color:var(--utrecht-link-color,blue);cursor:pointer;display:inline-flex;font-family:var(--utrecht-button-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size,var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size,auto);justify-content:center;letter-spacing:var(--utrecht-button-letter-spacing);line-height:inherit;min-block-size:var(--utrecht-button-min-block-size,44px);min-inline-size:var(--utrecht-button-min-inline-size,44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-decoration:var(--utrecht-link-text-decoration,underline);text-decoration-color:var(--utrecht-link-text-decoration-color,currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness),1px);text-transform:var(--utrecht-button-text-transform);text-underline-offset:var(--utrecht-link-text-underline-offset);user-select:none}.utrecht-link-button--hover,.utrecht-link-button--html-button:not(:disabled):hover{text-decoration-skip:none;color:var(--utrecht-link-hover-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link-button--active,.utrecht-link-button--html-button:not(:disabled):active{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-link-button--disabled{color:var(--utrecht-link-placeholder-color,var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}.utrecht-link-button--focus,.utrecht-link-button--html-button:not(:disabled):focus{text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);color:var(--utrecht-link-focus-color,var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration,var(--utrecht-link-text-decoration,underline));text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness,var(--utrecht-link-text-decoration-thickness)),1px)}.utrecht-link-button--focus-visible,.utrecht-link-button--html-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-link-button--inline{--utrecht-icon-inset-block-start:var(--utrecht-icon-baseline-inset-block-start);min-block-size:auto;min-inline-size:auto;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.utrecht-link-button--pressed{color:var(--utrecht-link-active-color,var(--utrecht-link-color))}.utrecht-link-button--html-button{background-color:transparent;border-width:0}";
1267
+ styleInject(css_248z$m);
1268
+
1269
+ var _excluded$v = ["children", "disabled", "inline", "className", "pressed", "type"];
1270
+ function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1271
+ function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1272
+ var LinkButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
1273
+ var children = _ref.children,
1274
+ disabled = _ref.disabled,
1275
+ inline = _ref.inline,
1276
+ className = _ref.className,
1277
+ pressed = _ref.pressed,
1278
+ type = _ref.type,
1279
+ restProps = _objectWithoutProperties(_ref, _excluded$v);
1280
+ return jsx("button", _objectSpread$v(_objectSpread$v({
1281
+ ref: ref,
1282
+ "aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
1283
+ className: clsx('utrecht-link-button', 'utrecht-link-button--html-button', {
1284
+ 'utrecht-link-button--disabled': disabled,
1285
+ 'utrecht-link-button--inline': inline,
1286
+ 'utrecht-link-button--pressed': pressed
1287
+ }, className),
1288
+ disabled: disabled,
1289
+ type: type || 'button'
1290
+ }, restProps), {}, {
1291
+ children: children
1292
+ }));
1293
+ });
1294
+ LinkButton.displayName = 'LinkButton';
1295
+
1296
+ var css_248z$l = ".utrecht-link-social{--utrecht-icon-size:var(--utrecht-link-social-icon-size);--utrecht-icon-color:currentColor;align-items:center;background-color:var(--utrecht-link-social-background-color);border-color:var(--utrecht-link-social-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-link-social-border-width);color:var(--utrecht-link-social-color);display:inline-flex;height:var(--utrecht-link-social-size);justify-content:center;width:var(--utrecht-link-social-size)}.utrecht-link-social--hover,.utrecht-link-social:hover{background-color:var(--utrecht-link-social-hover-background-color,var(--utrecht-link-social-background-color));color:var(--utrecht-link-social-hover-color,var(--utrecht-link-social-color));transform:var(--utrecht-link-social-hover-transform-scale)}.utrecht-link-social--focus-visible,.utrecht-link-social:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-link-social--distanced{margin-inline-start:var(--utrecht-link-social-margin-inline-start)}";
1297
+ styleInject(css_248z$l);
1298
+
1299
+ var _excluded$u = ["children", "className", "external"];
1300
+ function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1301
+ function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1302
+ var LinkSocial = /*#__PURE__*/forwardRef(function (_ref, ref) {
1303
+ var children = _ref.children,
1304
+ className = _ref.className,
1305
+ external = _ref.external,
1306
+ restProps = _objectWithoutProperties(_ref, _excluded$u);
1307
+ return jsx("a", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
1308
+ ref: ref,
1309
+ className: clsx('utrecht-link-social', className),
1310
+ rel: external !== false ? 'external noopener noreferrer' : undefined,
1311
+ children: children
1312
+ }));
1313
+ });
1314
+ LinkSocial.displayName = 'LinkSocial';
1315
+
1316
+ var css_248z$k = ".utrecht-list-social{display:flex;margin-block-end:var(--utrecht-list-social-margin-block-end);margin-block-start:var(--utrecht-list-social-margin-block-start);padding-inline-end:var(--utrecht-list-social-padding-inline-end);padding-inline-start:var(--utrecht-list-social-padding-inline-start)}.utrecht-list-social__item{list-style-type:none;margin-inline-end:var(--utrecht-list-social-item-margin-inline-end)}.utrecht-list-social__item:last-child{margin-inline-end:0}";
1317
+ styleInject(css_248z$k);
1318
+
1319
+ var ListSocial = function ListSocial(_ref) {
1320
+ var children = _ref.children;
1321
+ return jsx("ul", {
1322
+ className: clsx('utrecht-list-social'),
1323
+ children: children
1324
+ });
1325
+ };
1326
+ var ListSocialItem = function ListSocialItem(_ref2) {
1327
+ var children = _ref2.children;
1328
+ return jsx("li", {
1329
+ className: clsx('utrecht-list-social__item'),
1330
+ children: children
1331
+ });
1332
+ };
1333
+
1334
+ var css_248z$j = ".utrecht-mark{background-color:var(--utrecht-mark-background-color,revert);color:var(--utrecht-mark-color,revert)}@media print{.utrecht-mark{outline-color:currentColor;outline-style:dotted;outline-width:.1em}}@media screen and (-ms-high-contrast:active){.utrecht-mark{background-color:Highlight;color:HighlightText}}.utrecht-mark--print{outline-color:currentColor;outline-style:dotted;outline-width:.1em}.utrecht-mark--windows-high-contrast{background-color:Highlight;color:HighlightText}";
1335
+ styleInject(css_248z$j);
1336
+
1337
+ var _excluded$t = ["children", "className"];
1338
+ function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1339
+ function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1340
+ var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
1341
+ var children = _ref.children,
1342
+ className = _ref.className,
1343
+ restProps = _objectWithoutProperties(_ref, _excluded$t);
1344
+ return jsx("mark", _objectSpread$t(_objectSpread$t({
1345
+ ref: ref,
1346
+ className: clsx('utrecht-mark', className)
1347
+ }, restProps), {}, {
1348
+ children: children
1349
+ }));
1350
+ });
1351
+ Mark.displayName = 'Mark';
1352
+
1353
+ var css_248z$i = ".utrecht-value-number{font-variant-numeric:lining-nums tabular-nums}.utrecht-value-number--positive{color:var(--utrecht-value-number-positive-color)}.utrecht-value-number--negative{color:var(--utrecht-value-number-negative-color)}";
1354
+ styleInject(css_248z$i);
1355
+
1356
+ var _excluded$s = ["children", "className", "value"];
1357
+ function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1358
+ function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1359
+ var NumberValue = /*#__PURE__*/forwardRef(function (_ref, ref) {
1360
+ var children = _ref.children,
1361
+ className = _ref.className,
1362
+ value = _ref.value,
1363
+ restProps = _objectWithoutProperties(_ref, _excluded$s);
1364
+ return jsx("data", _objectSpread$s(_objectSpread$s({
1365
+ value: typeof value === 'string' || typeof value === 'number' ? String(value) : undefined
1366
+ }, restProps), {}, {
1367
+ ref: ref,
1368
+ className: clsx('utrecht-value-number', className),
1369
+ children: children
1370
+ }));
1371
+ });
1372
+ NumberValue.displayName = 'NumberValue';
1373
+
1374
+ var css_248z$h = ".utrecht-ordered-list,.utrecht-ordered-list--html-content ol{font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit)));line-height:var(--utrecht-ordered-list-font-size,var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit)));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));padding-inline-start:var(--utrecht-ordered-list-padding-inline-start,var(--utrecht-unordered-list-padding-inline-start,2ch));text-align:start;width:max-content}.utrecht-ordered-list--center{margin-inline-end:auto;margin-inline-start:auto}.utrecht-ordered-list--distanced{--utrecht-space-around:1}.utrecht-ordered-list--arabic{list-style:arabic-indic}.utrecht-ordered-list--html-content ol>li,.utrecht-ordered-list--html-content>li,.utrecht-ordered-list__item{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end,var(--utrecht-unordered-list-item-margin-block-end));margin-block-start:var(--utrecht-ordered-list-item-margin-block-start,var(--utrecht-unordered-list-item-margin-block-start));padding-inline-start:var(--utrecht-ordered-list-item-padding-inline-start,var(--utrecht-unordered-list-item-padding-inline-start,1ch))}";
1375
+ styleInject(css_248z$h);
1376
+
1377
+ var _excluded$r = ["children", "className"];
1378
+ function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1379
+ function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1380
+ var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
1381
+ var children = _ref.children,
1382
+ className = _ref.className,
1383
+ restProps = _objectWithoutProperties(_ref, _excluded$r);
1384
+ return jsx("ol", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
1385
+ ref: ref,
1386
+ className: clsx('utrecht-ordered-list', className),
1387
+ children: children
1388
+ }));
1389
+ });
1390
+ OrderedList.displayName = 'OrderedList';
1391
+
1392
+ var _excluded$q = ["children", "className"];
1393
+ function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1394
+ function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1395
+ var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
1396
+ var children = _ref.children,
1397
+ className = _ref.className,
1398
+ restProps = _objectWithoutProperties(_ref, _excluded$q);
1399
+ return jsx("li", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
1400
+ ref: ref,
1401
+ className: clsx('utrecht-ordered-list__item', className),
1402
+ children: children
1403
+ }));
1404
+ });
1405
+ OrderedListItem.displayName = 'OrderedListItem';
1406
+
1407
+ var css_248z$g = ".utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}";
1408
+ styleInject(css_248z$g);
1409
+
1410
+ var _excluded$p = ["children", "className"];
1411
+ function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1412
+ function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1413
+ var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
1414
+ var children = _ref.children,
1415
+ className = _ref.className,
1416
+ restProps = _objectWithoutProperties(_ref, _excluded$p);
1417
+ return jsx("div", _objectSpread$p(_objectSpread$p({}, restProps), {}, {
1418
+ ref: ref,
1419
+ className: clsx('utrecht-page', className),
1420
+ children: children
1421
+ }));
1422
+ });
1423
+ Page.displayName = 'Page';
1424
+
1425
+ var css_248z$f = ".utrecht-page-content{padding-block-end:var(--utrecht-page-content-padding-block-end);padding-block-start:var(--utrecht-page-content-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-content__main{grid-area:main}.utrecht-page-content__aside{grid-area:aside}";
1426
+ styleInject(css_248z$f);
1427
+
1428
+ var _excluded$o = ["children", "className"],
1429
+ _excluded2$1 = ["children", "className"];
1430
+ function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1431
+ function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1432
+ var PageContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
1433
+ var children = _ref.children,
1434
+ className = _ref.className,
1435
+ restProps = _objectWithoutProperties(_ref, _excluded$o);
1436
+ return jsx("div", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
1437
+ ref: ref,
1438
+ className: clsx('utrecht-page-content', className),
1439
+ children: children
1440
+ }));
1441
+ });
1442
+ PageContent.displayName = 'PageContent';
1443
+ var PageContentMain = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1444
+ var children = _ref2.children,
1445
+ className = _ref2.className,
1446
+ restProps = _objectWithoutProperties(_ref2, _excluded2$1);
1447
+ return jsx("main", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
1448
+ ref: ref,
1449
+ className: clsx('utrecht-page-content__main', className),
1450
+ children: children
1451
+ }));
1452
+ });
1453
+ PageContentMain.displayName = 'PageContentMain';
1454
+
1455
+ var css_248z$e = ".utrecht-page-footer{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);color:var(--utrecht-page-footer-color);font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start)}.utrecht-page-footer .utrecht-link--telephone,.utrecht-page-footer .utrecht-paragraph{color:#fff}.utrecht-page-footer__address--reset-address{font-style:inherit;margin-block-end:0;margin-block-start:0}";
1456
+ styleInject(css_248z$e);
1457
+
1458
+ var _excluded$n = ["children", "className"];
1459
+ function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1460
+ function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1461
+ var PageFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
1462
+ var children = _ref.children,
1463
+ className = _ref.className,
1464
+ restProps = _objectWithoutProperties(_ref, _excluded$n);
1465
+ return jsx("footer", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
1466
+ ref: ref,
1467
+ className: clsx('utrecht-page-footer', className),
1468
+ children: children
1469
+ }));
1470
+ });
1471
+ PageFooter.displayName = 'PageFooter';
1472
+
1473
+ var css_248z$d = ".utrecht-page-header{background-color:var(--utrecht-page-header-background-color);color:var(--utrecht-page-header-color);grid-area:\"utrecht-header\";padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{max-inline-size:var(--utrecht-page-max-inline-size)}";
1474
+ styleInject(css_248z$d);
1475
+
1476
+ var _excluded$m = ["children", "className"];
1477
+ function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1478
+ function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1479
+ var PageHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
1480
+ var children = _ref.children,
1481
+ className = _ref.className,
1482
+ restProps = _objectWithoutProperties(_ref, _excluded$m);
1483
+ return jsx("header", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
1484
+ ref: ref,
1485
+ className: clsx('utrecht-page-header', className),
1486
+ children: children
1487
+ }));
1488
+ });
1489
+ PageHeader.displayName = 'PageHeader';
1490
+
1491
+ var css_248z$c = ".utrecht-paragraph{color:var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit));font-family:var(--utrecht-paragraph-font-family,var(--utrecht-document-font-family,inherit));font-size:var(--utrecht-paragraph-font-size,var(--utrecht-document-font-size,inherit));font-weight:var(--utrecht-paragraph-font-weight,inherit);line-height:var(--utrecht-paragraph-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-lead-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-lead-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-lead-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-paragraph--small{color:var(--utrecht-paragraph-small-color,var(--utrecht-paragraph-color,var(--utrecht-document-color,inherit)));font-size:var(--utrecht-paragraph-small-font-size,var(--utrecht-paragraph-font-size,inherit));font-weight:var(--utrecht-paragraph-small-font-weight,var(--utrecht-paragraph-font-weight,inherit));line-height:var(--utrecht-paragraph-small-line-height,var(--utrecht-paragraph-line-height,inherit))}.utrecht-paragraph__small{font-size:inherit}.utrecht-paragraph--distanced{--utrecht-space-around:1}";
1492
+ styleInject(css_248z$c);
1493
+
1494
+ var _excluded$l = ["children", "className", "lead", "small"];
1495
+ function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1496
+ function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1497
+ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
1498
+ var children = _ref.children,
1499
+ className = _ref.className,
1500
+ lead = _ref.lead,
1501
+ small = _ref.small,
1502
+ restProps = _objectWithoutProperties(_ref, _excluded$l);
1503
+ return jsx("p", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
1504
+ ref: ref,
1505
+ className: clsx('utrecht-paragraph', lead && 'utrecht-paragraph--lead', small && 'utrecht-paragraph--small', className),
1506
+ children: small ? jsx("small", {
1507
+ className: "utrecht-paragraph__small",
1508
+ children: children
1509
+ }) : children
1510
+ }));
1511
+ });
1512
+ Paragraph.displayName = 'Paragraph';
1513
+
1514
+ var css_248z$b = ".utrecht-pre-heading{color:var(--utrecht-pre-heading-color,var(--utrecht-heading-color,var(--utrecht-document-color,inherit)));font-family:var(--utrecht-pre-heading-font-family,var(--utrecht-heading-font-family,var(--utrecht-document-font-family)));font-size:var(--utrecht-pre-heading-font-size);font-weight:var(--utrecht-pre-heading-font-weight,var(--utrecht-heading-font-weight,bold));letter-spacing:var(--utrecht-pre-heading-letter-spacing);line-height:var(--utrecht-pre-heading-line-height);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-pre-heading-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-pre-heading-margin-block-start, 0));order:var(--utrecht-pre-heading-order,0);text-transform:var(--utrecht-pre-heading-text-transform,inherit)}.utrecht-pre-heading--distanced{--utrecht-space-around:1}";
1515
+ styleInject(css_248z$b);
1516
+
1517
+ var _excluded$k = ["children", "className"];
1518
+ function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1519
+ function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1520
+ var PreHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
1521
+ var children = _ref.children,
1522
+ className = _ref.className,
1523
+ restProps = _objectWithoutProperties(_ref, _excluded$k);
1524
+ return jsx("p", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
1525
+ ref: ref,
1526
+ className: clsx('utrecht-pre-heading', className),
1527
+ children: children
1528
+ }));
1529
+ });
1530
+ PreHeading.displayName = 'PreHeading';
1531
+
1532
+ var css_248z$a = ".utrecht-radio-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--utrecht-radio-button-background-color);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:var(--utrecht-radio-button-border-color);border-radius:50%;border-style:solid;border-width:var(--utrecht-radio-button-border-width);cursor:var(--utrecht-action-activate-cursor);height:var(--utrecht-radio-button-size);margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-end:var(--utrecht-radio-button-margin-inline-end);margin-inline-start:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:var(--utrecht-radio-button-size)}.utrecht-radio-button--checked{background-color:var(--utrecht-radio-button-checked-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-checked-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-checked-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-checked-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--active,.utrecht-radio-button--checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\")}.utrecht-radio-button--active{background-color:var(--utrecht-radio-button-active-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-active-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-active-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-active-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--focus{background-color:var(--utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-focus-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-radio-button--disabled{border-width:var(--utrecht-radio-button-disabled-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-disabled-color,var(--utrecht-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-radio-button--disabled,.utrecht-radio-button--disabled:checked{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-radio-button--disabled:checked{background-color:var(--utrecht-radio-button-disabled-background-color,var(--utrecht-radio-button-background-color))}.utrecht-radio-button--disabled:active{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-radio-button--invalid{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:disabled{border-width:var(--utrecht-radio-button-disabled-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-disabled-color,var(--utrecht-radio-button-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-radio-button--html-input:disabled,.utrecht-radio-button--html-input:disabled:checked{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-radio-button--html-input:disabled:checked{background-color:var(--utrecht-radio-button-disabled-background-color,var(--utrecht-radio-button-background-color))}.utrecht-radio-button--html-input:disabled:active{border-color:var(--utrecht-radio-button-disabled-border-color,var(--utrecht-radio-button-border-color))}.utrecht-radio-button--html-input:hover{background-color:var(--utrecht-radio-button-hover-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-hover-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-hover-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-hover-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:focus{background-color:var(--utrecht-radio-button-focus-background-color,var(--utrecht-radio-button-background-color));background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\");border-color:var(--utrecht-radio-button-focus-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-focus-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-focus-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-radio-button--html-input:invalid,.utrecht-radio-button--html-input[aria-invalid=true]{border-color:var(--utrecht-radio-button-invalid-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-invalid-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-invalid-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:active{background-color:var(--utrecht-radio-button-active-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-active-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-active-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-active-color,var(--utrecht-radio-button-color))}.utrecht-radio-button--html-input:active,.utrecht-radio-button--html-input:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-4 -4 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E\")}.utrecht-radio-button--html-input:checked{background-color:var(--utrecht-radio-button-checked-background-color,var(--utrecht-radio-button-background-color));border-color:var(--utrecht-radio-button-checked-border-color,var(--utrecht-radio-button-border-color));border-width:var(--utrecht-radio-button-checked-border-width,var(--utrecht-radio-button-border-width));color:var(--utrecht-radio-button-checked-color,var(--utrecht-radio-button-color))}";
1533
+ styleInject(css_248z$a);
1534
+
1535
+ var _excluded$j = ["disabled", "required", "className", "invalid"];
1536
+ function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1537
+ function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1538
+ var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
1539
+ var disabled = _ref.disabled,
1540
+ required = _ref.required,
1541
+ className = _ref.className,
1542
+ invalid = _ref.invalid,
1543
+ restProps = _objectWithoutProperties(_ref, _excluded$j);
1544
+ return jsx("input", _objectSpread$j({
1545
+ type: "radio",
1546
+ "aria-invalid": invalid || undefined,
1547
+ disabled: disabled,
1548
+ required: required,
1549
+ ref: ref,
1550
+ className: clsx('utrecht-radio-button', 'utrecht-radio-button--html-input', disabled && 'utrecht-radio-button--disabled', invalid && 'utrecht-radio-button--invalid', className)
1551
+ }, restProps));
1552
+ });
1553
+ RadioButton.displayName = 'RadioButton';
1554
+
1555
+ var css_248z$9 = ".utrecht-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color,var(--utrecht-form-control-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width)));border-block-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-color:var(--utrecht-select-border-color,var(--utrecht-form-control-border-color));border-inline-end-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-inline-start-width:var(--utrecht-select-border-width,var(--utrecht-form-control-border-width));border-radius:var(--utrecht-select-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;color:var(--utrecht-select-color,var(--utrecht-form-control-color));font-family:var(--utrecht-select-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-select-font-size,var(--utrecht-form-control-font-size));max-inline-size:var(--utrecht-select-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end,var(--utrecht-form-control-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start,var(--utrecht-form-control-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end,var(--utrecht-form-control-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start,var(--utrecht-form-control-padding-inline-start));width:100%}.utrecht-select--disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--focus{background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-select-color,var(--utrecht-form-control-color))))}.utrecht-select--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-select--invalid{background-color:var(--utrecht-select-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));border-width:var(--utrecht-select-invalid-border-width,var(--utrecht-form-control-invalid-border-width,var(--utrecht-select-border-width,var(--utrecht-form-control-border-width))))}.utrecht-select--html-select:disabled{background-color:var(--utrecht-select-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-select-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--html-select:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-select-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-select-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-select-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-select-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-select-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-select-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-select--html-select:focus:not(:focus-visible){box-shadow:none;outline-style:revert}";
1556
+ styleInject(css_248z$9);
1557
+
1558
+ var _excluded$i = ["invalid", "required", "className", "noscript", "children"],
1559
+ _excluded2 = ["disabled", "invalid", "value", "children", "className"];
1560
+ function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1561
+ function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1562
+ var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
1563
+ var invalid = _ref.invalid,
1564
+ required = _ref.required,
1565
+ className = _ref.className,
1566
+ noscript = _ref.noscript,
1567
+ children = _ref.children,
1568
+ restProps = _objectWithoutProperties(_ref, _excluded$i);
1569
+ return jsx("select", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
1570
+ ref: ref,
1571
+ "aria-invalid": invalid || undefined,
1572
+ required: noscript ? required : false,
1573
+ "aria-required": noscript ? undefined : required,
1574
+ className: clsx('utrecht-select', 'utrecht-select--html-select', invalid && 'utrecht-select--invalid', required && 'utrecht-select--required', className),
1575
+ children: children
1576
+ }));
1577
+ });
1578
+ Select.displayName = 'Select';
1579
+ var SelectOption = /*#__PURE__*/forwardRef(function (_ref2, ref) {
1580
+ var disabled = _ref2.disabled,
1581
+ invalid = _ref2.invalid,
1582
+ value = _ref2.value,
1583
+ children = _ref2.children,
1584
+ className = _ref2.className,
1585
+ restProps = _objectWithoutProperties(_ref2, _excluded2);
1586
+ return jsx("option", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
1587
+ ref: ref,
1588
+ disabled: disabled,
1589
+ value: value,
1590
+ className: clsx('utrecht-select__option', disabled && 'utrecht-select__option--disabled', invalid && 'utrecht-select__option--invalid', className),
1591
+ children: children
1592
+ }));
1593
+ });
1594
+ SelectOption.displayName = 'SelectOption';
1595
+
1596
+ var css_248z$8 = ".utrecht-separator{border-color:var(--utrecht-separator-color);border-style:solid;border-width:0 0 var(--utrecht-separator-block-size) 0;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-separator-margin-block-start, 0))}.utrecht-separator--distanced{--utrecht-space-around:1}";
1597
+ styleInject(css_248z$8);
1598
+
1599
+ var _excluded$h = ["className", "children"];
1600
+ function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1601
+ function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1602
+ // Do not pass `children` along with `restProps` and use _children as it's unused
1603
+ var Separator = /*#__PURE__*/forwardRef(function (_ref, ref) {
1604
+ var className = _ref.className;
1605
+ _ref.children;
1606
+ var restProps = _objectWithoutProperties(_ref, _excluded$h);
1607
+ return jsx("hr", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
1608
+ ref: ref,
1609
+ className: clsx('utrecht-separator', className)
1610
+ }));
1611
+ });
1612
+ Separator.displayName = 'Separator';
1613
+
1614
+ var css_248z$7 = ".utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color);box-sizing:border-box;color:var(--utrecht-skip-link-color);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size,44px);min-inline-size:var(--utrecht-skip-link-min-inline-size,44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden,.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible,.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset,0);inset-inline-start:var(--_utrecht-skip-link-inset,0);position:fixed;z-index:var(--utrecht-skip-link-z-index,var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus,.utrecht-skip-link:focus,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration:var(--utrecht-skip-link-focus-text-decoration)}";
1615
+ styleInject(css_248z$7);
1616
+
1617
+ var _excluded$g = ["children", "className"];
1618
+ function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1619
+ function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1620
+ var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
1621
+ var children = _ref.children,
1622
+ className = _ref.className,
1623
+ restProps = _objectWithoutProperties(_ref, _excluded$g);
1624
+ return jsx("p", {
1625
+ children: jsx("a", _objectSpread$g(_objectSpread$g({
1626
+ ref: ref
1627
+ }, restProps), {}, {
1628
+ className: clsx('utrecht-skip-link', 'utrecht-skip-link--visible-on-focus', className),
1629
+ children: children
1630
+ }))
1631
+ });
1632
+ });
1633
+ SkipLink.displayName = 'SkipLink';
1634
+
1635
+ var css_248z$6 = ".utrecht-spotlight-section{background-color:var(--_utrecht-spotlight-section-background-color,var(--utrecht-spotlight-section-background-color));border-color:var(--_utrecht-spotlight-section-border-color,var(--utrecht-spotlight-section-border-color));border-style:solid;border-width:var(--_utrecht-spotlight-section-border-width,var(--utrecht-spotlight-section-border-width,0));color:var(--_utrecht-spotlight-section-color,var(--utrecht-spotlight-section-color));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-spotlight-section-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-spotlight-section-margin-block-start, 0));padding-block-end:var(--utrecht-spotlight-section-padding-block-end);padding-block-start:var(--utrecht-spotlight-section-padding-block-start);padding-inline-end:var(--utrecht-spotlight-section-padding-inline-end);padding-inline-start:var(--utrecht-spotlight-section-padding-inline-start)}.utrecht-spotlight-section--info{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-info-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-info-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-info-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-info-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-info-color)}.utrecht-spotlight-section--warning{--_utrecht-spotlight-section-icon-color:var(--utrecht-spotlight-section-icon-warning-color);--_utrecht-spotlight-section-background-color:var(--utrecht-spotlight-section-warning-background-color);--_utrecht-spotlight-section-border-color:var(--utrecht-spotlight-section-warning-border-color);--_utrecht-spotlight-section-border-width:var(--utrecht-spotlight-section-warning-border-width);--_utrecht-spotlight-section-color:var(--utrecht-spotlight-section-warning-color)}";
1636
+ styleInject(css_248z$6);
1637
+
1638
+ var _excluded$f = ["aside", "children", "className", "type"];
1639
+ function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1640
+ function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1641
+ var SpotlightSection = /*#__PURE__*/forwardRef(function (_ref, ref) {
1642
+ var aside = _ref.aside,
1643
+ children = _ref.children,
1644
+ className = _ref.className,
1645
+ type = _ref.type,
1646
+ restProps = _objectWithoutProperties(_ref, _excluded$f);
1647
+ var props = _objectSpread$f(_objectSpread$f({}, restProps), {}, {
1648
+ ref: ref,
1649
+ className: clsx('utrecht-spotlight-section', {
1650
+ 'utrecht-spotlight-section--info': type === 'info',
1651
+ 'utrecht-spotlight-section--warning': type === 'warning'
1652
+ }, className)
1653
+ });
1654
+ return aside ? jsx("aside", _objectSpread$f(_objectSpread$f({}, props), {}, {
1655
+ children: children
1656
+ })) : jsx("section", _objectSpread$f(_objectSpread$f({}, props), {}, {
1657
+ children: children
1658
+ }));
1659
+ });
1660
+ SpotlightSection.displayName = 'SpotlightSection';
1661
+
1662
+ var _excluded$e = ["children", "className"];
1663
+ function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1664
+ function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1665
+ var Strong = /*#__PURE__*/forwardRef(function (_ref, ref) {
1666
+ var children = _ref.children,
1667
+ className = _ref.className,
1668
+ restProps = _objectWithoutProperties(_ref, _excluded$e);
1669
+ return jsx("strong", _objectSpread$e(_objectSpread$e({
1670
+ ref: ref,
1671
+ className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
1672
+ }, restProps), {}, {
1673
+ children: children
1674
+ }));
1675
+ });
1676
+ Strong.displayName = 'Strong';
1677
+
1678
+ var css_248z$5 = ".utrecht-surface{background-color:var(--utrecht-surface-background-color,inherit);color:var(--utrecht-surface-color,inherit)}.utrecht-surface--html-body{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}";
1679
+ styleInject(css_248z$5);
1680
+
1681
+ var _excluded$d = ["children", "className"];
1682
+ function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1683
+ function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1684
+ var Surface = /*#__PURE__*/forwardRef(function (_ref, ref) {
1685
+ var children = _ref.children,
1686
+ className = _ref.className,
1687
+ restProps = _objectWithoutProperties(_ref, _excluded$d);
1688
+ return jsx("div", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
1689
+ ref: ref,
1690
+ className: clsx('utrecht-surface', className),
1691
+ children: children
1692
+ }));
1693
+ });
1694
+ Surface.displayName = 'Surface';
1695
+
1696
+ var css_248z$4 = ".utrecht-table{border-collapse:collapse;border-color:var(--utrecht-table-border-color,0);border-style:solid;border-width:var(--utrecht-table-border-width,0);font-family:var(--utrecht-table-font-family,var(--utrecht-document-font-family));font-size:var(--utrecht-table-font-size,inherit);line-height:var(--utrecht-table-line-height,inherit);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-table-margin-block-start, 0));width:100%}.utrecht-table--distanced{--utrecht-space-around:1}.utrecht-table--html-table>caption,.utrecht-table__caption{color:var(--utrecht-table-caption-color);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);font-weight:var(--utrecht-table-caption-font-weight);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);page-break-after:avoid;text-align:var(--utrecht-table-caption-text-align,center)}.utrecht-table--html-table>thead,.utrecht-table__header{--_utrecht-table-header-cell-vertical-align:bottom;background-color:var(--utrecht-table-header-background-color);color:var(--utrecht-table-header-color);font-weight:var(--utrecht-table-header-font-weight);page-break-inside:avoid;text-transform:var(--utrecht-table-header-text-transform)}.utrecht-table--html-table>thead>tr:last-of-type,.utrecht-table__cell--last-header-row{border-block-end-color:var(--utrecht-table-header-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-header-border-block-end-width,0)}.utrecht-table--html-table>tbody>tr,.utrecht-table--html-table>tfoot>tr,.utrecht-table--html-table>thead>tr,.utrecht-table--html-table>tr,.utrecht-table__row{page-break-inside:avoid}.utrecht-table--html-table>tbody>tr>th,.utrecht-table--html-table>tfoot>tr>th,.utrecht-table--html-table>thead>tr>th,.utrecht-table--html-table>tr>th,.utrecht-table__header-cell{color:var(--utrecht-table-header-cell-color);font-size:var(--utrecht-table-header-cell-font-size);font-weight:var(--utrecht-table-header-cell-font-weight);text-align:start;text-transform:var(--utrecht-table-header-cell-text-transform);vertical-align:var(--_utrecht-table-header-cell-vertical-align,top)}.utrecht-table--html-table>tbody>tr>td,.utrecht-table--html-table>tfoot>tr>td,.utrecht-table--html-table>thead>tr>td,.utrecht-table--html-table>tr>td,.utrecht-table__cell{border-block-end-color:var(--utrecht-table-row-border-block-end-color,transparent);border-block-end-style:solid;border-block-end-width:var(--utrecht-table-row-border-block-end-width,0);line-height:var(--utrecht-table-cell-line-height,inherit);padding-block-end:var(--utrecht-table-cell-padding-block-end,0);padding-block-start:var(--utrecht-table-cell-padding-block-start,0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end,0);padding-inline-start:var(--utrecht-table-cell-padding-inline-start,0);text-align:start;vertical-align:top}.utrecht-table--html-table>tbody>tr>td:first-child,.utrecht-table--html-table>tfoot>tr>td:first-child,.utrecht-table--html-table>thead>tr>td:first-child,.utrecht-table--html-table>tr>td:first-child,.utrecht-table__cell--first{padding-inline-start:var(--utrecht-table-row-padding-inline-start,var(--utrecht-table-cell-padding-inline-start,0))}.utrecht-table--html-table>tbody>tr>td:last-child,.utrecht-table--html-table>tfoot>tr>td:last-child,.utrecht-table--html-table>thead>tr>td:last-child,.utrecht-table--html-table>tr>td:last-child,.utrecht-table__cell--last{padding-inline-end:var(--utrecht-table-row-padding-inline-end,var(--utrecht-table-cell-padding-inline-end,0))}.utrecht-table__cell--numeric-column,.utrecht-table__header-cell--numeric-column{text-align:right}.utrecht-table__cell--numeric-data{font-variant-numeric:lining-nums tabular-nums}.utrecht-table__row--alternate-odd{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-table__row--alternate-even{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}";
1697
+ styleInject(css_248z$4);
1698
+
1699
+ var _excluded$c = ["children", "className"];
1700
+ function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1701
+ function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1702
+ var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
1703
+ var children = _ref.children,
1704
+ className = _ref.className,
1705
+ restProps = _objectWithoutProperties(_ref, _excluded$c);
1706
+ return jsx("table", _objectSpread$c(_objectSpread$c({}, restProps), {}, {
1707
+ ref: ref,
1708
+ className: clsx('utrecht-table', className),
1709
+ children: children
1710
+ }));
1711
+ });
1712
+ Table.displayName = 'Table';
1713
+
1714
+ var _excluded$b = ["children", "className"];
1715
+ function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1716
+ function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1717
+ var TableBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
1718
+ var children = _ref.children,
1719
+ className = _ref.className,
1720
+ restProps = _objectWithoutProperties(_ref, _excluded$b);
1721
+ return jsx("tbody", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
1722
+ ref: ref,
1723
+ className: clsx('utrecht-table__body', className),
1724
+ children: children
1725
+ }));
1726
+ });
1727
+ TableBody.displayName = 'TableBody';
1728
+
1729
+ var _excluded$a = ["children", "className"];
1730
+ function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1731
+ function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1732
+ var TableCaption = /*#__PURE__*/forwardRef(function (_ref, ref) {
1733
+ var children = _ref.children,
1734
+ className = _ref.className,
1735
+ restProps = _objectWithoutProperties(_ref, _excluded$a);
1736
+ return jsx("caption", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
1737
+ ref: ref,
1738
+ className: clsx('utrecht-table__caption', className),
1739
+ children: children
1740
+ }));
1741
+ });
1742
+ TableCaption.displayName = 'TableCaption';
1743
+
1744
+ var _excluded$9 = ["children", "className"];
1745
+ function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1746
+ function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1747
+ var TableCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
1748
+ var children = _ref.children,
1749
+ className = _ref.className,
1750
+ restProps = _objectWithoutProperties(_ref, _excluded$9);
1751
+ return jsx("td", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
1752
+ ref: ref,
1753
+ className: clsx('utrecht-table__cell', className),
1754
+ children: children
1755
+ }));
1756
+ });
1757
+ TableCell.displayName = 'TableCell';
1758
+
1759
+ var _excluded$8 = ["children", "className"];
1760
+ function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1761
+ function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1762
+ var TableFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
1763
+ var children = _ref.children,
1764
+ className = _ref.className,
1765
+ restProps = _objectWithoutProperties(_ref, _excluded$8);
1766
+ return jsx("tfoot", _objectSpread$8(_objectSpread$8({}, restProps), {}, {
1767
+ ref: ref,
1768
+ className: clsx('utrecht-table__footer', className),
1769
+ children: children
1770
+ }));
1771
+ });
1772
+ TableFooter.displayName = 'TableFooter';
1773
+
1774
+ var _excluded$7 = ["children", "className"];
1775
+ function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1776
+ function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1777
+ var TableHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
1778
+ var children = _ref.children,
1779
+ className = _ref.className,
1780
+ restProps = _objectWithoutProperties(_ref, _excluded$7);
1781
+ return jsx("thead", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
1782
+ ref: ref,
1783
+ className: clsx('utrecht-table__header', className),
1784
+ children: children
1785
+ }));
1786
+ });
1787
+ TableHeader.displayName = 'TableHeader';
1788
+
1789
+ var _excluded$6 = ["children", "className"];
1790
+ function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1791
+ function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1792
+ var TableHeaderCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
1793
+ var children = _ref.children,
1794
+ className = _ref.className,
1795
+ restProps = _objectWithoutProperties(_ref, _excluded$6);
1796
+ return jsx("th", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
1797
+ ref: ref,
1798
+ className: clsx('utrecht-table__header-cell', className),
1799
+ children: children
1800
+ }));
1801
+ });
1802
+ TableHeaderCell.displayName = 'TableHeaderCell';
1803
+
1804
+ var _excluded$5 = ["children", "className"];
1805
+ function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1806
+ function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1807
+ var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
1808
+ var children = _ref.children,
1809
+ className = _ref.className,
1810
+ restProps = _objectWithoutProperties(_ref, _excluded$5);
1811
+ return jsx("tr", _objectSpread$5(_objectSpread$5({}, restProps), {}, {
1812
+ ref: ref,
1813
+ className: clsx('utrecht-table__row', className),
1814
+ children: children
1815
+ }));
1816
+ });
1817
+ TableRow.displayName = 'TableRow';
1818
+
1819
+ var css_248z$3 = ".utrecht-textarea{background-color:var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color));border-width:var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size,var(--utrecht-form-control-font-size,1em));font-weight:400;height:auto;line-height:var(--utrecht-textarea-line-height,initial);max-inline-size:var(--utrecht-textarea-max-inline-size,var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textarea-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textarea-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));resize:vertical;width:100%}.utrecht-textarea--invalid{background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));border-width:var(--utrecht-textarea-invalid-border-width,var(--utrecht-form-control-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width))));color:var(--utrecht-textarea-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textarea-border,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--html-textarea:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textarea-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textarea-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));border-width:var(--utrecht-textarea-invalid-border-width,var(--utrecht-form-control-invalid-border-width,var(--utrecht-textarea-border-width,var(--utrecht-form-control-border-width))));color:var(--utrecht-textarea-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textarea-border,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textarea-border,var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}";
1820
+ styleInject(css_248z$3);
1821
+
1822
+ var _excluded$4 = ["disabled", "invalid", "readOnly", "required", "className"];
1823
+ function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1824
+ function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1825
+ var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
1826
+ var disabled = _ref.disabled,
1827
+ invalid = _ref.invalid,
1828
+ readOnly = _ref.readOnly,
1829
+ required = _ref.required,
1830
+ className = _ref.className,
1831
+ restProps = _objectWithoutProperties(_ref, _excluded$4);
1832
+ return jsx("textarea", _objectSpread$4(_objectSpread$4({}, restProps), {}, {
1833
+ ref: ref,
1834
+ className: clsx('utrecht-textarea', 'utrecht-textarea--html-textarea', disabled && 'utrecht-textarea--disabled', invalid && 'utrecht-textarea--invalid', readOnly && 'utrecht-textarea--readonly', required && 'utrecht-textarea--required', className),
1835
+ disabled: disabled,
1836
+ readOnly: readOnly,
1837
+ required: required,
1838
+ "aria-invalid": invalid || undefined
1839
+ }));
1840
+ });
1841
+ Textarea.displayName = 'Textarea';
1842
+
1843
+ var css_248z$2 = ".utrecht-textbox{background-color:var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color));border-width:var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width));border-bottom-width:var(--utrecht-textbox-border-bottom-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius,var(--utrecht-form-control-border-radius,0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color,var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family,var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size,var(--utrecht-form-control-font-size,1em));font-weight:400;height:auto;line-height:normal;max-inline-size:var(--utrecht-textbox-max-inline-size,var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end,var(--utrecht-form-control-padding-block-end,0));padding-block-start:var(--utrecht-textbox-padding-block-start,var(--utrecht-form-control-padding-block-start,0));padding-inline-end:var(--utrecht-textbox-padding-inline-end,var(--utrecht-form-control-padding-inline-end,initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start,var(--utrecht-form-control-padding-inline-start,initial));width:100%}.utrecht-textbox--invalid{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-numeric:slashed-zero}.utrecht-textbox--password,.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color,var(--utrecht-form-control-disabled-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color,var(--utrecht-form-control-disabled-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color,var(--utrecht-form-control-disabled-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textbox--html-input:focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-textbox-focus-background-color,var(--utrecht-form-control-focus-background-color,var(--utrecht-textarea-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color,var(--utrecht-form-control-focus-border-color,var(--utrecht-textarea-border-color,var(--utrecht-form-control-border-color))));box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--utrecht-textbox-focus-color,var(--utrecht-form-control-focus-color,var(--utrecht-textarea-color,var(--utrecht-form-control-color))));outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert)}.utrecht-textbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{background-color:var(--utrecht-textbox-invalid-background-color,var(--utrecht-form-control-invalid-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-invalid-border-color,var(--utrecht-form-control-invalid-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));border-width:var(--utrecht-textbox-invalid-border-width,var(--utrecht-form-control-invalid-border-width,var(--utrecht-textbox-border-width,var(--utrecht-form-control-border-width))));color:var(--utrecht-textbox-invalid-color,var(--utrecht-form-control-invalid-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color,var(--utrecht-form-control-read-only-background-color,var(--utrecht-textbox-background-color,var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color,var(--utrecht-form-control-read-only-border-color,var(--utrecht-textbox-border-color,var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color,var(--utrecht-form-control-read-only-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))))}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color,var(--utrecht-form-control-placeholder-color,var(--utrecht-textbox-color,var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[type=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=tel i],.utrecht-textbox--html-input[pattern=\"[0-9]*\"],.utrecht-textbox--html-input[pattern=\"\\\\d*\"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}";
1844
+ styleInject(css_248z$2);
1845
+
1846
+ var _excluded$3 = ["disabled", "invalid", "readOnly", "required", "className", "type", "maxLength", "inputMode"];
1847
+ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1848
+ function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1849
+ var Textbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
1850
+ var disabled = _ref.disabled,
1851
+ invalid = _ref.invalid,
1852
+ readOnly = _ref.readOnly,
1853
+ required = _ref.required,
1854
+ className = _ref.className,
1855
+ _ref$type = _ref.type,
1856
+ type = _ref$type === void 0 ? 'text' : _ref$type,
1857
+ maxLength = _ref.maxLength,
1858
+ inputMode = _ref.inputMode,
1859
+ restProps = _objectWithoutProperties(_ref, _excluded$3);
1860
+ return jsx("input", _objectSpread$3(_objectSpread$3({}, restProps), {}, {
1861
+ ref: ref,
1862
+ type: type,
1863
+ className: clsx('utrecht-textbox', 'utrecht-textbox--html-input', disabled && 'utrecht-textbox--disabled', invalid && 'utrecht-textbox--invalid', readOnly && 'utrecht-textbox--readonly', required && 'utrecht-textbox--required', className),
1864
+ maxLength: maxLength,
1865
+ disabled: disabled,
1866
+ readOnly: readOnly,
1867
+ required: required,
1868
+ "aria-invalid": invalid || undefined,
1869
+ inputMode: inputMode || (type === 'number' ? 'numeric' : undefined)
1870
+ }));
1871
+ });
1872
+ Textbox.displayName = 'Textbox';
1873
+
1874
+ var css_248z$1 = ".utrecht-url{font-variant-ligatures:none;hyphens:none;page-break-inside:avoid}";
1875
+ styleInject(css_248z$1);
1876
+
1877
+ var _excluded$2 = ["children", "className"];
1878
+ function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1879
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1880
+ var URLValue = /*#__PURE__*/forwardRef(function (_ref, ref) {
1881
+ var children = _ref.children,
1882
+ className = _ref.className,
1883
+ restProps = _objectWithoutProperties(_ref, _excluded$2);
1884
+ return jsx("bdi", _objectSpread$2(_objectSpread$2({
1885
+ translate: "no"
1886
+ }, restProps), {}, {
1887
+ ref: ref,
1888
+ className: clsx('utrecht-url', className),
1889
+ children: children
1890
+ }));
1891
+ });
1892
+ URLValue.displayName = 'URLValue';
1893
+
1894
+ var css_248z = "@charset \"UTF-8\";.utrecht-unordered-list,.utrecht-unordered-list--html-content ul{font-family:var(--utrecht-document-font-family,inherit);font-size:var(--utrecht-unordered-list-font-size,var(--utrecht-document-font-size,inherit));line-height:var(--utrecht-unordered-list-line-height,var(--utrecht-document-line-height,inherit));margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-inline-start:var(--utrecht-unordered-list-padding-inline-start,2ch);text-align:start;width:max-content}.utrecht-unordered-list--center{margin-inline-end:auto;margin-inline-start:auto}.utrecht-unordered-list--distanced{--utrecht-space-around:1}.utrecht-unordered-list--html-content ul,.utrecht-unordered-list--nested{margin-block-end:0;margin-inline-start:2ch}.utrecht-unordered-list--html-content ul>li,.utrecht-unordered-list--html-content>li,.utrecht-unordered-list__item{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-unordered-list--html-content ul>li::marker,.utrecht-unordered-list--html-content>li::marker,.utrecht-unordered-list__item::marker,.utrecht-unordered-list__marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}";
1895
+ styleInject(css_248z);
1896
+
1897
+ var _excluded$1 = ["children", "className"];
1898
+ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1899
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1900
+ var UnorderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
1901
+ var children = _ref.children,
1902
+ className = _ref.className,
1903
+ restProps = _objectWithoutProperties(_ref, _excluded$1);
1904
+ return jsx("ul", _objectSpread$1(_objectSpread$1({
1905
+ role: "list"
1906
+ }, restProps), {}, {
1907
+ ref: ref,
1908
+ className: clsx('utrecht-unordered-list', className),
1909
+ children: children
1910
+ }));
1911
+ });
1912
+ UnorderedList.displayName = 'UnorderedList';
1913
+
1914
+ var _excluded = ["children", "className"];
1915
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1916
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1917
+ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
1918
+ var children = _ref.children,
1919
+ className = _ref.className,
1920
+ restProps = _objectWithoutProperties(_ref, _excluded);
1921
+ return jsx("li", _objectSpread(_objectSpread({}, restProps), {}, {
1922
+ ref: ref,
1923
+ className: clsx('utrecht-unordered-list__item', className),
1924
+ children: children
1925
+ }));
1926
+ });
1927
+ UnorderedListItem.displayName = 'UnorderedListItem';
1928
+
1929
+ export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbLink, BreadcrumbNav, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Icon, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Mark, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
1930
+ //# sourceMappingURL=index.mjs.map