From 9c699306acf10a5b93ed2f3c71dd46c44ec1857f Mon Sep 17 00:00:00 2001
From: alimpens <37216945+alimpens@users.noreply.github.com>
Date: Fri, 8 Nov 2024 15:24:42 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20Amsterda?=
=?UTF-8?q?m/design-system@99a6985093547ea1eb4802a10399c5a1711e3782=20?=
=?UTF-8?q?=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
...6985093547ea1eb4802a10399c5a1711e3782.txt} | 0
.../CONTRIBUTING.md | 18 +
...CYdKNNkM.js => Accordion.docs-i6uMvkL5.js} | 4 +-
...bJ2SG.js => Accordion.stories-Mxwr__8M.js} | 2 +-
...HdOj_5.js => ActionGroup.docs-BusRAeV2.js} | 2 +-
...uOD.js => ActionGroup.stories-DmUQJKmz.js} | 2 +-
.../{Alert-Dk0YLnro.js => Alert-D-y7C1w8.js} | 2 +-
...ocs-CNpu--DF.js => Alert.docs-4V8g0oiG.js} | 4 +-
...-C9svButw.js => Alert.stories-DYGDKZuf.js} | 2 +-
.../assets/AppIcons-Dy4ArrIU.js | 1 -
.../assets/AppIcons-HyRkwlYm.js | 1 +
.../assets/ArticlePage.docs-BS-wgPWa.js | 5 +
.../assets/ArticlePage.docs-xDhjU80i.js | 5 -
.../assets/ArticlePage.stories-CZCYMyzk.js | 4 -
.../assets/ArticlePage.stories-D4M-e4vK.js | 4 +
.../assets/AspectRatio.docs-Capp-LoS.js | 43 -
.../assets/AspectRatio.docs-DRwgzy8d.js | 30 +
.../assets/AspectRatio.stories-1YKRPR3L.js | 4 +
.../assets/AspectRatio.stories-wEt97Kwx.js | 33 -
...cs-D6yH_F5h.js => Avatar.docs-MLlmIN5M.js} | 2 +-
...BysxhJg3.js => Avatar.stories-8pFpbZNq.js} | 2 +-
.../{Badge-DiZ9fuyS.js => Badge-jE39d5Kk.js} | 2 +-
...ocs-OV_EbYgZ.js => Badge.docs-BRNCN-Sx.js} | 6 +-
...-BbRu3hXO.js => Badge.stories-7hJOo2XW.js} | 2 +-
...u0bHFM8.js => Blockquote.docs-CvDCFyLs.js} | 2 +-
...jV59.js => Blockquote.stories-dmSqBBoc.js} | 2 +-
...ZSl7GBl.js => Breadcrumb.docs-BSM4rk--.js} | 2 +-
...0Yrk.js => Breadcrumb.stories-EowaNKYC.js} | 2 +-
...-CyPTPeQZ.js => Breakout.docs-D4DZ2u1f.js} | 2 +-
...P7EteD.js => Breakout.stories-sChK0BxT.js} | 14 +-
.../assets/Button-CLCAbUHj.js | 1 +
...cs-CBDbkMxP.js => Button.docs-BIJ2PlLL.js} | 4 +-
.../assets/Button.stories-BL4tbOZN.js | 38 +
.../assets/Button.stories-D2b3qojH.js | 38 -
...docs-D05LpnHv.js => Card.docs-Bd0ZeijZ.js} | 2 +-
.../assets/Card.stories-CxGyXYgu.js | 31 -
.../assets/Card.stories-NDfJE6VP.js | 29 +
...5oU.js => CharacterCount.docs-DcaETggL.js} | 2 +-
....js => CharacterCount.stories-BuZ7Uh_6.js} | 2 +-
...-BAl5Nfb0.js => Checkbox.docs-DrIoAebF.js} | 6 +-
...LH4cZE.js => Checkbox.stories-B4W_jmVq.js} | 2 +-
.../assets/Color-ERTF36HU-C2QWSBm2.js | 1 -
.../assets/Color-F6OSRLHC-Cz_eAaoL.js | 1 +
...cs-SbS76ezt.js => Column.docs-BK0ZReIo.js} | 4 +-
.../assets/Column.stories-Butr8-KH.js | 31 +
.../assets/Column.stories-CjGhxVrB.js | 31 -
...CcSQIcxi.js => DateInput.docs-BGY6UYKv.js} | 2 +-
...pTJFU.js => DateInput.stories-H4xJ_IS7.js} | 2 +-
...uw.js => DescriptionList.docs-CJYnevc1.js} | 8 +-
...js => DescriptionList.stories-DDU0PMoY.js} | 2 +-
...cs-CVT-qt-m.js => Dialog.docs-DdS8nAGB.js} | 2 +-
...B4o3M4Ko.js => Dialog.stories-BUUbGaEs.js} | 2 +-
...j.js => DocsRenderer-CFRXHY34-B8f9yYdY.js} | 4 +-
.../assets/ErrorMessage.docs-BDyCOruJ.js | 27 +
.../assets/ErrorMessage.docs-BvKD5VaW.js | 23 -
.../assets/ErrorMessage.stories-BemBB-3W.js | 13 +
.../assets/ErrorMessage.stories-BpxWMdDO.js | 9 -
...ocs-9hs78jD3.js => Field.docs-PfecTCZ0.js} | 8 +-
...-CFRn0k-t.js => Field.stories-BVMKLZ8k.js} | 2 +-
...-DxfOxqsG.js => FieldSet.docs-B2AbIXmV.js} | 8 +-
...ZugRPz.js => FieldSet.stories-7YK6bjrw.js} | 2 +-
...DlGzS48T.js => FileInput.docs-D37rJh68.js} | 6 +-
...5bZ2Y.js => FileInput.stories-VrukNatl.js} | 2 +-
...cs-BqqaU9wk.js => Footer.docs-CYgrADZK.js} | 2 +-
...DcCyqTWc.js => Footer.stories-eBi1ci5d.js} | 2 +-
...CDqS.js => FormErrorList.docs-tyEmcED1.js} | 2 +-
...J.js => FormErrorList.stories-Cx3nLJsB.js} | 4 +-
.../assets/FormPage.docs-CJMkkpky.js | 5 +
.../assets/FormPage.docs-CKNO7pu8.js | 5 -
..._tj1bv.js => FormPage.stories-DS-e68JE.js} | 2 +-
....docs-M9pCh9-v.js => Gap.docs-Dos-9Y2C.js} | 6 +-
...es-CnM6G1tk.js => Gap.stories-Chz2uSVw.js} | 2 +-
...docs-g1gNH7mN.js => Grid.docs-NDSpKmE1.js} | 4 +-
...s-K9cu2t53.js => Grid.stories-BVP2LLAU.js} | 10 +-
...cs-BXEROzMJ.js => Header.docs-b3UIsVVX.js} | 2 +-
...C_157K2m.js => Header.stories-BF-BIDQA.js} | 2 +-
...eading-DUu-96hO.js => Heading-BMR-3CH3.js} | 2 +-
...s-C12O9jxB.js => Heading.docs-BukzfQ7s.js} | 2 +-
...cGL4vP5.js => Heading.stories-f405gYmQ.js} | 2 +-
.../{Hint-D4Fy8YuO.js => Hint-rQy8SNzx.js} | 2 +-
...-UAWDnSLV.js => HomePage.docs-CI2tj-OE.js} | 6 +-
.../assets/HomePage.stories-DCKYzukc.js | 4 -
.../assets/HomePage.stories-DCnp3wpD.js | 4 +
.../{Icon-msbkstIT.js => Icon-D1obyjGa.js} | 2 +-
...docs-CkHP3U2P.js => Icon.docs-BJtzvPXd.js} | 2 +-
...s-DQYnjwlc.js => Icon.stories-Cp6w2K2l.js} | 2 +-
...ton-BWS7j-EY.js => IconButton-CjnVutoo.js} | 2 +-
...3TKEPOo.js => IconButton.docs-x8duBkWx.js} | 4 +-
...6Gtt.js => IconButton.stories-xOo3RB0x.js} | 2 +-
.../assets/Image-BeIE0HQj.js | 1 +
.../assets/Image-CVzrCme5.js | 1 -
.../assets/Image.docs-9FVzwNSN.js | 40 -
.../assets/Image.docs-Bvk77V2K.js | 50 +
...-DCIdV88O.js => Image.stories-0Zmcnj6n.js} | 2 +-
...c_yGPJ.js => ImageSlider.docs-DL2kncM_.js} | 4 +-
.../assets/ImageSlider.stories-DlpLtE8B.js | 26 -
.../assets/ImageSlider.stories-SS0tTPXf.js | 29 +
...EA0CY.js => Introduction.docs-DDcr10U0.js} | 2 +-
...ocs-jlX3v8_O.js => Label.docs-BNEn0KpN.js} | 4 +-
...-CfUWZz4C.js => Label.stories-Dcrx0ofz.js} | 2 +-
...docs-C2GN3lae.js => Link.docs-CKLibxZD.js} | 50 +-
...s-BRjxD4xr.js => Link.stories-MkV7HWSZ.js} | 2 +-
...kList-MjnznahE.js => LinkList-D45lf7ht.js} | 2 +-
...-BMiS9yKv.js => LinkList.docs-ES2i0KaN.js} | 2 +-
...hWm9tq.js => LinkList.stories-Dn1jSbnG.js} | 2 +-
.../{Logo-Co1O1cSe.js => Logo-BnxYOw7m.js} | 2 +-
...docs-DB5xo8dY.js => Logo.docs-CpH4xJgV.js} | 2 +-
...s-CkXTY1PX.js => Logo.stories-1D2Iq0g9.js} | 2 +-
...cs-C9PHFNln.js => Margin.docs-o4DHaD9O.js} | 2 +-
...CAs3_Bdy.js => Margin.stories-C8FOjmS2.js} | 2 +-
...docs-BdWX9uhS.js => Mark.docs-SKdle309.js} | 2 +-
...s-ClKmP0NR.js => Mark.stories-Dy8h4Ohy.js} | 2 +-
.../assets/MegaMenu.docs-BnPzRnrZ.js | 12 -
.../assets/MegaMenu.docs-GANjh_rL.js | 12 +
...xlQDw3.js => MegaMenu.stories-D6Hl-4OC.js} | 6 +-
...6ulZQb.js => OrderedList.docs-DeZywOGI.js} | 2 +-
...yjA.js => OrderedList.stories-B9JSVxyl.js} | 2 +-
...s-B8Fb7f_s.js => Overlap.docs-CQTjRNNq.js} | 2 +-
.../assets/Overlap.stories-D2FepuIR.js | 24 -
.../assets/Overlap.stories-DvmDnWyA.js | 22 +
...ey4EoX.js => PageHeading.docs-D3LLdTHM.js} | 8 +-
...Dck.js => PageHeading.stories-DFJLHWJS.js} | 2 +-
...-BSkP15pw.js => PageMenu.docs-DLbPqAdC.js} | 2 +-
...a96G62.js => PageMenu.stories-CmM4zv6g.js} | 2 +-
...zqOpnn3.js => Pagination.docs-CaLtHL7P.js} | 2 +-
...rGKg.js => Pagination.stories-CtG2FJ5X.js} | 2 +-
...raph-BWS5kDPY.js => Paragraph-DZy4cHOZ.js} | 2 +-
...DnzBSbqp.js => Paragraph.docs-B-H7KsuT.js} | 2 +-
...vtQam.js => Paragraph.stories-ClnGZglM.js} | 2 +-
...-_9x.js => PasswordInput.docs-ej556p5N.js} | 8 +-
...W.js => PasswordInput.stories-WP-V3Y3I.js} | 2 +-
...ocs-DXCbM6OK.js => Radio.docs-BJUGd35X.js} | 2 +-
...-B4z81VcD.js => Radio.stories-Dso5Ygvo.js} | 2 +-
....docs-s7hDKrwQ.js => Row.docs-B8bLqHdj.js} | 6 +-
.../assets/Row.stories-8dJk7Mcd.js | 42 +
.../assets/Row.stories-BDPzGEc0.js | 42 -
.../assets/Screen-Bi3gjHLv.js | 1 -
...cs-DYsQPTFf.js => Screen.docs-DASP9Glu.js} | 8 +-
.../assets/Screen.stories-Cmhj7t71.js | 10 -
.../assets/Screen.stories-DBafdEz8.js | 10 +
...NHiSjK.js => SearchField.docs-DTiMSPMj.js} | 6 +-
.../assets/SearchField.stories-BRhudTvi.js | 34 -
.../assets/SearchField.stories-B__Vjc44.js | 34 +
...cs-Bt8EExVk.js => Select.docs-C4bxI8cV.js} | 4 +-
...ba4eWeKM.js => Select.stories-B1yJe9Pn.js} | 2 +-
.../assets/SkipLink.docs-BggCC6on.js | 34 +
.../assets/SkipLink.docs-Bwhf3Xgl.js | 36 -
.../assets/SkipLink.stories-B34T6ccq.js | 34 -
.../assets/SkipLink.stories-Cbh3a4_e.js | 34 +
...ight-i1uKJTzV.js => Spotlight-iwYL-F79.js} | 2 +-
...CVeZ-nTE.js => Spotlight.docs-db3zc42K.js} | 4 +-
.../assets/Spotlight.stories-DuZlniX-.js | 37 -
.../assets/Spotlight.stories-wtwZzvLm.js | 37 +
...ge-DJO7oFtY.js => StatusBadge-Ck_iCwDF.js} | 2 +-
...cs-NU-MwUDI.js => Switch.docs-CrAT0n7o.js} | 6 +-
...FsCWtEKo.js => Switch.stories-CS2UaokS.js} | 2 +-
...ocs-BPkFCXFQ.js => Table.docs-Rio-Zud5.js} | 2 +-
...-BUauZ9r1.js => Table.stories-BhkPPk6Y.js} | 2 +-
.../assets/TableOfContents.docs-B7hrwVym.js | 15 +
.../assets/TableOfContents.docs-DPEqJnkZ.js | 15 -
...js => TableOfContents.stories-CDYIQLGg.js} | 2 +-
...docs-CocqmPmS.js => Tabs.docs-BGW-SqNE.js} | 2 +-
...s-qWG4e4tc.js => Tabs.stories-mavqanl4.js} | 2 +-
...-Az6JqLOy.js => TextArea.docs-Da0tDFEV.js} | 2 +-
...5h8V5G.js => TextArea.stories-BgAj-bsW.js} | 2 +-
...ERbvHJyY.js => TextInput.docs-V2eK6tMU.js} | 2 +-
...N7qml.js => TextInput.stories-DLvdzbIO.js} | 2 +-
...DhH_kHbE.js => TimeInput.docs-DT3A-p56.js} | 6 +-
...7_1g-.js => TimeInput.stories-BefrKExg.js} | 2 +-
...hdzVmg.js => TopTaskLink.docs-C_Gm0uWM.js} | 2 +-
...HaN.js => TopTaskLink.stories-By8YOEDH.js} | 2 +-
.../assets/UnorderedList.docs-BPsD4Iwr.js | 43 -
.../assets/UnorderedList.docs-Dk2_ZX8a.js | 43 +
...9.js => UnorderedList.stories-C_OZ1goa.js} | 2 +-
.../assets/VisuallyHidden.docs-BSIQSvBN.js | 20 -
.../assets/VisuallyHidden.docs-CGyL6NRJ.js | 20 +
....js => VisuallyHidden.stories-fivetrwZ.js} | 2 +-
.../assets/_commonjsHelpers-BosuxZz1.js | 1 -
.../assets/_commonjsHelpers-Cpj98o6Y.js | 1 +
.../assets/aspect-ratio.docs-CYy76pq6.js | 17 +
.../{axe-DdmhjJFx.js => axe-lnWdN9pe.js} | 2 +-
.../assets/border.docs-BS1Fg-Ya.js | 8 -
.../assets/border.docs-BhIKwtw6.js | 9 +
...DQk91h.js => breakpoints.docs-q4dVRY29.js} | 2 +-
.../assets/chunk-H6MOWX77-DTQOW814.js | 1 -
.../assets/chunk-XP5HYGXS-BGCqD1aY.js | 1 +
.../assets/colour-BjcP5lEj.css | 1 -
.../assets/colour-Dp-pVNaR.css | 1 +
.../assets/colour.docs-D-qDL6rB.js | 8 -
.../assets/colour.docs-D8iY7eOH.js | 8 +
.../assets/config-D1iO0rHt.js | 1 -
.../assets/config-uyYMOIwk.js | 1 +
...76Jgdg0F.js => copyright.docs-Dzza7ONU.js} | 2 +-
...ors-CweBkPI6.js => decorators-DYZ3zH5Z.js} | 2 +-
.../assets/entry-preview-DCLTtai6.js | 10 -
.../assets/entry-preview-DhFN2mxO.js | 10 +
.../assets/entry-preview-docs-BexTP7_g.js | 47 +
.../assets/entry-preview-docs-gnDLKA_v.js | 54 -
...s-BORALr4i.js => favicon.docs-Tbv1b5Rv.js} | 4 +-
...docs-DYKdq-Op.js => font.docs-6YoQo-nh.js} | 2 +-
...xH.js => getting-started.docs-q9an0TFs.js} | 2 +-
...docs-QkX-pzlV.js => grid.docs-lwUVFC4l.js} | 2 +-
...ocs-CEijcCB3.js => icons.docs-C3q5rWt3.js} | 2 +-
.../assets/iframe-CQLIFNPf.js | 2 +
.../assets/iframe-DvHSafda.js | 2 -
.../{index-Cs7sjTYM.js => index-B-o1Wr-g.js} | 2 +-
.../{index-BI1Biiay.js => index-BSj771as.js} | 2 +-
.../assets/index-CJyPbrN5.js | 8 +
.../assets/index-CVCX-fJT.js | 595 -
.../assets/index-C_FGIpEe.js | 730 +
.../assets/index-DF3CPj03.js | 8 -
.../assets/index-DkP57Ibv.js | 1 +
.../{index-DJFdew98.js => index-DolzVqEf.js} | 4 +-
.../assets/index-E4oOQy3g.js | 1 -
.../assets/index.esm-C9EHg3vL.js | 18 -
....esm-DQgjFsBh.js => index.esm-CEuZchO4.js} | 2 +-
.../assets/index.esm-DBblPCWP.js | 18 +
...a_tU.js => interactivity.docs-CMLyg7Yb.js} | 2 +-
...yJ_Ti.js => introduction.docs-B0XK13mG.js} | 2 +-
...me-BlAj40OV.js => jsx-runtime-j_jdvEMj.js} | 2 +-
...-sosThywB.js => language.docs-D7qRcidE.js} | 2 +-
...s-DFx_UCFk.js => license.docs-DTrtON2Q.js} | 2 +-
...review-jhM07bY_.js => preview-AoKd5BPh.js} | 4 +-
...review-DVI_gYQC.js => preview-BJ6EHSBF.js} | 270 +-
.../assets/preview-C0f0Ux-i.js | 2 +
.../assets/preview-CgNIXSZ1.js | 1 -
.../assets/preview-D7AJbNWb.css | 5 -
.../assets/preview-DAxcSKJq.js | 1 +
.../assets/preview-Dc02Zmfz.js | 2 -
.../assets/preview-DqaRUVHu.css | 5 +
...ct-18-B3HRjLEH.js => react-18-Dbhu8A1k.js} | 2 +-
....js => routing-libraries.docs-DrziloIT.js} | 2 +-
...ocs-C1iDHcLK.js => space.docs-B-wV89wK.js} | 2 +-
...docs-CS_1c_Kj.js => text.docs-ZlsMNw2k.js} | 2 +-
.../{layout-B5YJ6HHW.js => types-B5YJ6HHW.js} | 0
...BWVy9CZp.js => usability.docs-Cce2FFqa.js} | 2 +-
...s-CbrpzH-5.js => web-app.docs-B7fJ-YEs.js} | 2 +-
.../iframe.html | 4 +-
.../index.json | 2 +-
.../package.json | 2 +-
.../project.json | 2 +-
.../sb-addons/a11y-10/manager-bundle.js | 2 +-
.../essentials-actions-3/manager-bundle.js | 2 +-
.../manager-bundle.js | 16 +-
.../essentials-controls-2/manager-bundle.js | 167 +-
.../essentials-measure-7/manager-bundle.js | 2 +-
.../essentials-outline-8/manager-bundle.js | 2 +-
.../essentials-viewport-5/manager-bundle.js | 2 +-
.../interactions-9/manager-bundle.js | 135 +-
.../common-manager-bundle.js | 2 +-
.../sb-addons/themes-11/manager-bundle.js | 2 +-
.../sb-manager/globals-module-info.js | 28 +-
.../sb-manager/globals-runtime.js | 72677 +++++++---------
.../sb-manager/runtime.js | 20038 +++--
.../sb-preview/runtime.js | 9396 +-
.../svgo.config.js | 13 +
256 files changed, 45723 insertions(+), 60278 deletions(-)
rename demo-DES-1011-storybook-pagination-page-control/{be0a22fbb43717d0c4c747a76f90e015f09b7a58.txt => 99a6985093547ea1eb4802a10399c5a1711e3782.txt} (100%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/CONTRIBUTING.md
rename demo-DES-1011-storybook-pagination-page-control/assets/{Accordion.docs-CYdKNNkM.js => Accordion.docs-i6uMvkL5.js} (90%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Accordion.stories-BnRbJ2SG.js => Accordion.stories-Mxwr__8M.js} (94%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{ActionGroup.docs-2DHdOj_5.js => ActionGroup.docs-BusRAeV2.js} (76%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{ActionGroup.stories-DXUg5uOD.js => ActionGroup.stories-DmUQJKmz.js} (90%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Alert-Dk0YLnro.js => Alert-D-y7C1w8.js} (84%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Alert.docs-CNpu--DF.js => Alert.docs-4V8g0oiG.js} (75%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Alert.stories-C9svButw.js => Alert.stories-DYGDKZuf.js} (96%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/AppIcons-Dy4ArrIU.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/AppIcons-HyRkwlYm.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.docs-BS-wgPWa.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.docs-xDhjU80i.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.stories-CZCYMyzk.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.stories-D4M-e4vK.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.docs-Capp-LoS.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.docs-DRwgzy8d.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.stories-1YKRPR3L.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.stories-wEt97Kwx.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Avatar.docs-D6yH_F5h.js => Avatar.docs-MLlmIN5M.js} (66%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Avatar.stories-BysxhJg3.js => Avatar.stories-8pFpbZNq.js} (89%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Badge-DiZ9fuyS.js => Badge-jE39d5Kk.js} (86%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Badge.docs-OV_EbYgZ.js => Badge.docs-BRNCN-Sx.js} (51%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Badge.stories-BbRu3hXO.js => Badge.stories-7hJOo2XW.js} (91%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Blockquote.docs-Du0bHFM8.js => Blockquote.docs-CvDCFyLs.js} (72%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Blockquote.stories-0ySVjV59.js => Blockquote.stories-dmSqBBoc.js} (83%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Breadcrumb.docs-CZSl7GBl.js => Breadcrumb.docs-BSM4rk--.js} (74%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Breadcrumb.stories-Cujp0Yrk.js => Breadcrumb.stories-EowaNKYC.js} (93%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Breakout.docs-CyPTPeQZ.js => Breakout.docs-D4DZ2u1f.js} (77%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Breakout.stories-CaP7EteD.js => Breakout.stories-sChK0BxT.js} (70%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Button-CLCAbUHj.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Button.docs-CBDbkMxP.js => Button.docs-BIJ2PlLL.js} (83%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Button.stories-BL4tbOZN.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Button.stories-D2b3qojH.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Card.docs-D05LpnHv.js => Card.docs-Bd0ZeijZ.js} (79%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Card.stories-CxGyXYgu.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Card.stories-NDfJE6VP.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{CharacterCount.docs-BT6kv5oU.js => CharacterCount.docs-DcaETggL.js} (80%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{CharacterCount.stories-NoG2wwGU.js => CharacterCount.stories-BuZ7Uh_6.js} (91%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Checkbox.docs-BAl5Nfb0.js => Checkbox.docs-DrIoAebF.js} (83%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Checkbox.stories-DALH4cZE.js => Checkbox.stories-B4W_jmVq.js} (97%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Color-ERTF36HU-C2QWSBm2.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Color-F6OSRLHC-Cz_eAaoL.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Column.docs-SbS76ezt.js => Column.docs-BK0ZReIo.js} (81%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Column.stories-Butr8-KH.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Column.stories-CjGhxVrB.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{DateInput.docs-CcSQIcxi.js => DateInput.docs-BGY6UYKv.js} (87%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{DateInput.stories-DA2pTJFU.js => DateInput.stories-H4xJ_IS7.js} (95%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{DescriptionList.docs-BaIgCBuw.js => DescriptionList.docs-CJYnevc1.js} (67%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{DescriptionList.stories-eza45CwC.js => DescriptionList.stories-DDU0PMoY.js} (95%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Dialog.docs-CVT-qt-m.js => Dialog.docs-DdS8nAGB.js} (85%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Dialog.stories-B4o3M4Ko.js => Dialog.stories-BUUbGaEs.js} (96%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{DocsRenderer-CFRXHY34-DJhh-8Hj.js => DocsRenderer-CFRXHY34-B8f9yYdY.js} (58%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ErrorMessage.docs-BDyCOruJ.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ErrorMessage.docs-BvKD5VaW.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ErrorMessage.stories-BemBB-3W.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ErrorMessage.stories-BpxWMdDO.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Field.docs-9hs78jD3.js => Field.docs-PfecTCZ0.js} (68%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Field.stories-CFRn0k-t.js => Field.stories-BVMKLZ8k.js} (94%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{FieldSet.docs-DxfOxqsG.js => FieldSet.docs-B2AbIXmV.js} (88%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{FieldSet.stories-DZZugRPz.js => FieldSet.stories-7YK6bjrw.js} (98%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{FileInput.docs-DlGzS48T.js => FileInput.docs-D37rJh68.js} (67%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{FileInput.stories-DCx5bZ2Y.js => FileInput.stories-VrukNatl.js} (92%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Footer.docs-BqqaU9wk.js => Footer.docs-CYgrADZK.js} (70%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Footer.stories-DcCyqTWc.js => Footer.stories-eBi1ci5d.js} (97%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{FormErrorList.docs-rJAWCDqS.js => FormErrorList.docs-tyEmcED1.js} (80%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{FormErrorList.stories-DOywcyMJ.js => FormErrorList.stories-Cx3nLJsB.js} (57%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/FormPage.docs-CJMkkpky.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/FormPage.docs-CKNO7pu8.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{FormPage.stories-CI_tj1bv.js => FormPage.stories-DS-e68JE.js} (89%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Gap.docs-M9pCh9-v.js => Gap.docs-Dos-9Y2C.js} (69%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Gap.stories-CnM6G1tk.js => Gap.stories-Chz2uSVw.js} (92%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Grid.docs-g1gNH7mN.js => Grid.docs-NDSpKmE1.js} (88%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Grid.stories-K9cu2t53.js => Grid.stories-BVP2LLAU.js} (60%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Header.docs-BXEROzMJ.js => Header.docs-b3UIsVVX.js} (79%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Header.stories-C_157K2m.js => Header.stories-BF-BIDQA.js} (95%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Heading-DUu-96hO.js => Heading-BMR-3CH3.js} (89%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Heading.docs-C12O9jxB.js => Heading.docs-BukzfQ7s.js} (82%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Heading.stories-1cGL4vP5.js => Heading.stories-f405gYmQ.js} (89%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Hint-D4Fy8YuO.js => Hint-rQy8SNzx.js} (84%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{HomePage.docs-UAWDnSLV.js => HomePage.docs-CI2tj-OE.js} (68%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/HomePage.stories-DCKYzukc.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/HomePage.stories-DCnp3wpD.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Icon-msbkstIT.js => Icon-D1obyjGa.js} (87%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Icon.docs-CkHP3U2P.js => Icon.docs-BJtzvPXd.js} (82%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Icon.stories-DQYnjwlc.js => Icon.stories-Cp6w2K2l.js} (93%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{IconButton-BWS7j-EY.js => IconButton-CjnVutoo.js} (84%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{IconButton.docs-C3TKEPOo.js => IconButton.docs-x8duBkWx.js} (77%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{IconButton.stories-BfnX6Gtt.js => IconButton.stories-xOo3RB0x.js} (94%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Image-BeIE0HQj.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Image-CVzrCme5.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Image.docs-9FVzwNSN.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Image.docs-Bvk77V2K.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Image.stories-DCIdV88O.js => Image.stories-0Zmcnj6n.js} (97%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{ImageSlider.docs-B7c_yGPJ.js => ImageSlider.docs-DL2kncM_.js} (73%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ImageSlider.stories-DlpLtE8B.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/ImageSlider.stories-SS0tTPXf.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Introduction.docs-DkFEA0CY.js => Introduction.docs-DDcr10U0.js} (85%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Label.docs-jlX3v8_O.js => Label.docs-BNEn0KpN.js} (70%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Label.stories-CfUWZz4C.js => Label.stories-Dcrx0ofz.js} (90%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Link.docs-C2GN3lae.js => Link.docs-CKLibxZD.js} (66%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Link.stories-BRjxD4xr.js => Link.stories-MkV7HWSZ.js} (91%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{LinkList-MjnznahE.js => LinkList-D45lf7ht.js} (85%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{LinkList.docs-BMiS9yKv.js => LinkList.docs-ES2i0KaN.js} (81%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{LinkList.stories-LQhWm9tq.js => LinkList.stories-Dn1jSbnG.js} (91%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Logo-Co1O1cSe.js => Logo-BnxYOw7m.js} (99%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Logo.docs-DB5xo8dY.js => Logo.docs-CpH4xJgV.js} (80%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Logo.stories-CkXTY1PX.js => Logo.stories-1D2Iq0g9.js} (97%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Margin.docs-C9PHFNln.js => Margin.docs-o4DHaD9O.js} (78%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Margin.stories-CAs3_Bdy.js => Margin.stories-C8FOjmS2.js} (91%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Mark.docs-BdWX9uhS.js => Mark.docs-SKdle309.js} (53%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Mark.stories-ClKmP0NR.js => Mark.stories-Dy8h4Ohy.js} (89%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/MegaMenu.docs-BnPzRnrZ.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/MegaMenu.docs-GANjh_rL.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{MegaMenu.stories-BKxlQDw3.js => MegaMenu.stories-D6Hl-4OC.js} (52%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{OrderedList.docs-C66ulZQb.js => OrderedList.docs-DeZywOGI.js} (83%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{OrderedList.stories-CVoyMyjA.js => OrderedList.stories-B9JSVxyl.js} (97%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Overlap.docs-B8Fb7f_s.js => Overlap.docs-CQTjRNNq.js} (68%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Overlap.stories-D2FepuIR.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Overlap.stories-DvmDnWyA.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{PageHeading.docs-BKey4EoX.js => PageHeading.docs-D3LLdTHM.js} (65%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{PageHeading.stories-CGDfgDck.js => PageHeading.stories-DFJLHWJS.js} (87%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{PageMenu.docs-BSkP15pw.js => PageMenu.docs-DLbPqAdC.js} (77%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{PageMenu.stories-DFa96G62.js => PageMenu.stories-CmM4zv6g.js} (94%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Pagination.docs-DzqOpnn3.js => Pagination.docs-CaLtHL7P.js} (73%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Pagination.stories-TxiOrGKg.js => Pagination.stories-CtG2FJ5X.js} (89%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Paragraph-BWS5kDPY.js => Paragraph-DZy4cHOZ.js} (83%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Paragraph.docs-DnzBSbqp.js => Paragraph.docs-B-H7KsuT.js} (82%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Paragraph.stories-BSxvtQam.js => Paragraph.stories-ClnGZglM.js} (91%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{PasswordInput.docs-CcRk-_9x.js => PasswordInput.docs-ej556p5N.js} (80%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{PasswordInput.stories-CDDPWe-W.js => PasswordInput.stories-WP-V3Y3I.js} (93%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Radio.docs-DXCbM6OK.js => Radio.docs-BJUGd35X.js} (84%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Radio.stories-B4z81VcD.js => Radio.stories-Dso5Ygvo.js} (96%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Row.docs-s7hDKrwQ.js => Row.docs-B8bLqHdj.js} (87%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Row.stories-8dJk7Mcd.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Row.stories-BDPzGEc0.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Screen-Bi3gjHLv.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Screen.docs-DYsQPTFf.js => Screen.docs-DASP9Glu.js} (59%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Screen.stories-Cmhj7t71.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Screen.stories-DBafdEz8.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{SearchField.docs-BCNHiSjK.js => SearchField.docs-DTiMSPMj.js} (78%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/SearchField.stories-BRhudTvi.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/SearchField.stories-B__Vjc44.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Select.docs-Bt8EExVk.js => Select.docs-C4bxI8cV.js} (79%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Select.stories-ba4eWeKM.js => Select.stories-B1yJe9Pn.js} (97%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/SkipLink.docs-BggCC6on.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/SkipLink.docs-Bwhf3Xgl.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/SkipLink.stories-B34T6ccq.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/SkipLink.stories-Cbh3a4_e.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{Spotlight-i1uKJTzV.js => Spotlight-iwYL-F79.js} (86%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Spotlight.docs-CVeZ-nTE.js => Spotlight.docs-db3zc42K.js} (76%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Spotlight.stories-DuZlniX-.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/Spotlight.stories-wtwZzvLm.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{StatusBadge-DJO7oFtY.js => StatusBadge-Ck_iCwDF.js} (76%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Switch.docs-NU-MwUDI.js => Switch.docs-CrAT0n7o.js} (67%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Switch.stories-FsCWtEKo.js => Switch.stories-CS2UaokS.js} (91%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Table.docs-BPkFCXFQ.js => Table.docs-Rio-Zud5.js} (74%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Table.stories-BUauZ9r1.js => Table.stories-BhkPPk6Y.js} (97%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/TableOfContents.docs-B7hrwVym.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/TableOfContents.docs-DPEqJnkZ.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{TableOfContents.stories-_SI5XtRy.js => TableOfContents.stories-CDYIQLGg.js} (96%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Tabs.docs-CocqmPmS.js => Tabs.docs-BGW-SqNE.js} (79%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{Tabs.stories-qWG4e4tc.js => Tabs.stories-mavqanl4.js} (95%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{TextArea.docs-Az6JqLOy.js => TextArea.docs-Da0tDFEV.js} (82%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{TextArea.stories-BK5h8V5G.js => TextArea.stories-BgAj-bsW.js} (96%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{TextInput.docs-ERbvHJyY.js => TextInput.docs-V2eK6tMU.js} (93%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{TextInput.stories-CzmN7qml.js => TextInput.stories-DLvdzbIO.js} (96%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{TimeInput.docs-DhH_kHbE.js => TimeInput.docs-DT3A-p56.js} (74%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{TimeInput.stories-DVN7_1g-.js => TimeInput.stories-BefrKExg.js} (94%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{TopTaskLink.docs-B7hdzVmg.js => TopTaskLink.docs-C_Gm0uWM.js} (75%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{TopTaskLink.stories-DmxWaHaN.js => TopTaskLink.stories-By8YOEDH.js} (94%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/UnorderedList.docs-BPsD4Iwr.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/UnorderedList.docs-Dk2_ZX8a.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{UnorderedList.stories-CTLk3hw9.js => UnorderedList.stories-C_OZ1goa.js} (96%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/VisuallyHidden.docs-BSIQSvBN.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/VisuallyHidden.docs-CGyL6NRJ.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{VisuallyHidden.stories-X1gKxb3k.js => VisuallyHidden.stories-fivetrwZ.js} (92%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/_commonjsHelpers-BosuxZz1.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/_commonjsHelpers-Cpj98o6Y.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/aspect-ratio.docs-CYy76pq6.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{axe-DdmhjJFx.js => axe-lnWdN9pe.js} (99%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/border.docs-BS1Fg-Ya.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/border.docs-BhIKwtw6.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{breakpoints.docs-CoDQk91h.js => breakpoints.docs-q4dVRY29.js} (77%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/chunk-H6MOWX77-DTQOW814.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/chunk-XP5HYGXS-BGCqD1aY.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/colour-BjcP5lEj.css
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/colour-Dp-pVNaR.css
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/colour.docs-D-qDL6rB.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/colour.docs-D8iY7eOH.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/config-D1iO0rHt.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/config-uyYMOIwk.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{copyright.docs-76Jgdg0F.js => copyright.docs-Dzza7ONU.js} (74%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{decorators-CweBkPI6.js => decorators-DYZ3zH5Z.js} (93%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/entry-preview-DCLTtai6.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/entry-preview-DhFN2mxO.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/entry-preview-docs-BexTP7_g.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/entry-preview-docs-gnDLKA_v.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{favicon.docs-BORALr4i.js => favicon.docs-Tbv1b5Rv.js} (88%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{font.docs-DYKdq-Op.js => font.docs-6YoQo-nh.js} (86%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{getting-started.docs-FRKp_6xH.js => getting-started.docs-q9an0TFs.js} (84%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{grid.docs-QkX-pzlV.js => grid.docs-lwUVFC4l.js} (97%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{icons.docs-CEijcCB3.js => icons.docs-C3q5rWt3.js} (56%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/iframe-CQLIFNPf.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/iframe-DvHSafda.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{index-Cs7sjTYM.js => index-B-o1Wr-g.js} (99%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{index-BI1Biiay.js => index-BSj771as.js} (72%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/index-CJyPbrN5.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/index-CVCX-fJT.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/index-C_FGIpEe.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/index-DF3CPj03.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/index-DkP57Ibv.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{index-DJFdew98.js => index-DolzVqEf.js} (99%)
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/index-E4oOQy3g.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/index.esm-C9EHg3vL.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{index.esm-DQgjFsBh.js => index.esm-CEuZchO4.js} (99%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/index.esm-DBblPCWP.js
rename demo-DES-1011-storybook-pagination-page-control/assets/{interactivity.docs-DeHva_tU.js => interactivity.docs-CMLyg7Yb.js} (95%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{introduction.docs-CtOyJ_Ti.js => introduction.docs-B0XK13mG.js} (94%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{jsx-runtime-BlAj40OV.js => jsx-runtime-j_jdvEMj.js} (93%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{language.docs-sosThywB.js => language.docs-D7qRcidE.js} (88%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{license.docs-DFx_UCFk.js => license.docs-DTrtON2Q.js} (97%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{preview-jhM07bY_.js => preview-AoKd5BPh.js} (81%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{preview-DVI_gYQC.js => preview-BJ6EHSBF.js} (54%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/preview-C0f0Ux-i.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/preview-CgNIXSZ1.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/preview-D7AJbNWb.css
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/preview-DAxcSKJq.js
delete mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/preview-Dc02Zmfz.js
create mode 100644 demo-DES-1011-storybook-pagination-page-control/assets/preview-DqaRUVHu.css
rename demo-DES-1011-storybook-pagination-page-control/assets/{react-18-B3HRjLEH.js => react-18-Dbhu8A1k.js} (84%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{routing-libraries.docs-BXyqSQGA.js => routing-libraries.docs-DrziloIT.js} (86%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{space.docs-C1iDHcLK.js => space.docs-B-wV89wK.js} (97%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{text.docs-CS_1c_Kj.js => text.docs-ZlsMNw2k.js} (97%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{layout-B5YJ6HHW.js => types-B5YJ6HHW.js} (100%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{usability.docs-BWVy9CZp.js => usability.docs-Cce2FFqa.js} (80%)
rename demo-DES-1011-storybook-pagination-page-control/assets/{web-app.docs-CbrpzH-5.js => web-app.docs-B7fJ-YEs.js} (92%)
create mode 100644 demo-DES-1011-storybook-pagination-page-control/svgo.config.js
diff --git a/demo-DES-1011-storybook-pagination-page-control/be0a22fbb43717d0c4c747a76f90e015f09b7a58.txt b/demo-DES-1011-storybook-pagination-page-control/99a6985093547ea1eb4802a10399c5a1711e3782.txt
similarity index 100%
rename from demo-DES-1011-storybook-pagination-page-control/be0a22fbb43717d0c4c747a76f90e015f09b7a58.txt
rename to demo-DES-1011-storybook-pagination-page-control/99a6985093547ea1eb4802a10399c5a1711e3782.txt
diff --git a/demo-DES-1011-storybook-pagination-page-control/CONTRIBUTING.md b/demo-DES-1011-storybook-pagination-page-control/CONTRIBUTING.md
new file mode 100644
index 0000000000..105983c03e
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/CONTRIBUTING.md
@@ -0,0 +1,18 @@
+
+
+# Contributing Guidelines
+
+## Importing icons from Figma
+
+We create and update icons in Figma, then import them into this package for distribution.
+
+**Important**: Only export icons from Figma for use in this package. Do not use these icons directly in an application.
+
+To export all icons from [the Figma file](https://www.figma.com/design/9IGm6IdPUYizBNGsUnueBd/Amsterdam-Design-System?node-id=6852-5124), use Figma's built-in SVG export feature.
+Select the frame containing all the icon shapes, press `Enter` to select direct children and then press `Enter` again to select all icon components.
+In the right-hand sidebar, click the plus sign next to Export. Choose SVG and export.
+Copy these files over to the `icons` folder and run the following command to optimize them:
+
+```sh
+npm run optimize-icons
+```
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Accordion.docs-CYdKNNkM.js b/demo-DES-1011-storybook-pagination-page-control/assets/Accordion.docs-i6uMvkL5.js
similarity index 90%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Accordion.docs-CYdKNNkM.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Accordion.docs-i6uMvkL5.js
index 9881f37d1a..964a04faef 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Accordion.docs-CYdKNNkM.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Accordion.docs-i6uMvkL5.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as a}from"./index-BI1Biiay.js";import{ae as i,ak as r,al as c,am as d,an as o}from"./index-CVCX-fJT.js";import{A as h,E as l,R as m}from"./Accordion.stories-BnRbJ2SG.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";import"./exampleContent-hIIPvEhU.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-msbkstIT.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=`
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as i,aq as r,ar as c,as as d,at as o}from"./index-C_FGIpEe.js";import{A as h,E as l,R as m}from"./Accordion.stories-Mxwr__8M.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";import"./exampleContent-hIIPvEhU.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-D1obyjGa.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=`
# Accordion
@@ -80,4 +80,4 @@ Let Accordions with 6 Sections or more render generic `,e.jsx(n.code,{children:"
`,e.jsx(n.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary#summaries_as_headings",rel:"nofollow",children:"For example, a heading in a summary is not adequately understood by screen readers"}),` and
NVDA does not read Chrome and Edge’s collapsed and expanded status correctly.
That’s why we chose not to use this native element.
-If these problems are solved, we could do this.`]})]})}function q(t={}){const{wrapper:n}={...a(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(s,{...t})}):s(t)}export{q as default};
+If these problems are solved, we could do this.`]})]})}function S(t={}){const{wrapper:n}={...a(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(s,{...t})}):s(t)}export{S as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Accordion.stories-BnRbJ2SG.js b/demo-DES-1011-storybook-pagination-page-control/assets/Accordion.stories-Mxwr__8M.js
similarity index 94%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Accordion.stories-BnRbJ2SG.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Accordion.stories-Mxwr__8M.js
index d07ca8571d..ab52834f2d 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Accordion.stories-BnRbJ2SG.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Accordion.stories-Mxwr__8M.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{P as n}from"./index.esm-C9EHg3vL.js";import{b as x,g as S}from"./exampleContent-hIIPvEhU.js";import{c as u}from"./clsx-B-dksMZM.js";import{r}from"./index-Cs7sjTYM.js";import{s as K}from"./index.esm-DQgjFsBh.js";import{g as M}from"./getHeadingTag-Dv1eMqvl.js";import{I as F}from"./Icon-msbkstIT.js";import{u as W}from"./useKeyboardFocus-CRUFsA_C.js";/**
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as n}from"./index.esm-DBblPCWP.js";import{b as x,g as S}from"./exampleContent-hIIPvEhU.js";import{c as u}from"./clsx-B-dksMZM.js";import{r}from"./index-B-o1Wr-g.js";import{s as K}from"./index.esm-CEuZchO4.js";import{g as M}from"./getHeadingTag-Dv1eMqvl.js";import{I as F}from"./Icon-D1obyjGa.js";import{u as W}from"./useKeyboardFocus-CRUFsA_C.js";/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/const G={headingLevel:1,sectionAs:"section"},H=r.createContext(G);try{Context.displayName="Context",Context.__docgenInfo={description:`Context lets components pass information deep down without explicitly
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.docs-2DHdOj_5.js b/demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.docs-BusRAeV2.js
similarity index 76%
rename from demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.docs-2DHdOj_5.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.docs-BusRAeV2.js
index 9d18b86ea1..82e53dfcab 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.docs-2DHdOj_5.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.docs-BusRAeV2.js
@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as a,ak as s,al as h,an as e}from"./index-CVCX-fJT.js";import{A as c,S as l,W as d}from"./ActionGroup.stories-DXUg5uOD.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";const p=`
+import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as a,aq as s,ar as h,at as e}from"./index-C_FGIpEe.js";import{A as c,S as l,W as d}from"./ActionGroup.stories-DmUQJKmz.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";const p=`
# Action Group
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.stories-DXUg5uOD.js b/demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.stories-DmUQJKmz.js
similarity index 90%
rename from demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.stories-DXUg5uOD.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.stories-DmUQJKmz.js
index 8d8e31964f..640d7d674a 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.stories-DXUg5uOD.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/ActionGroup.stories-DmUQJKmz.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{a as t,L as _}from"./index.esm-C9EHg3vL.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as S}from"./index-Cs7sjTYM.js";const n=S.forwardRef(({children:s,className:j,...y},f)=>e.jsx("div",{...y,ref:f,className:x("ams-action-group",j),role:"group",children:s}));n.displayName="ActionGroup";try{n.displayName="ActionGroup",n.__docgenInfo={description:"",displayName:"ActionGroup",props:{}}}catch{}const k={title:"Components/Layout/Action Group",component:n,args:{children:[e.jsx(t,{children:"Doorgaan"}),e.jsx(t,{variant:"tertiary",children:"Stoppen"})]}},r={},o={args:{children:[e.jsx(t,{children:"Adres wijzigen"}),e.jsx(t,{variant:"secondary",children:"Adres verwijderen"})],className:"ams-resize-horizontal",style:{inlineSize:"16rem"}}},a={args:{children:[e.jsx(t,{children:"Bewerken"},1),e.jsx(_,{download:!0,href:"#",variant:"standalone",children:"Downloaden"},2)]}};var i,c,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,p,m;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{a as t,L as _}from"./index.esm-DBblPCWP.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as S}from"./index-B-o1Wr-g.js";const n=S.forwardRef(({children:s,className:j,...y},f)=>e.jsx("div",{...y,ref:f,className:x("ams-action-group",j),role:"group",children:s}));n.displayName="ActionGroup";try{n.displayName="ActionGroup",n.__docgenInfo={description:"",displayName:"ActionGroup",props:{}}}catch{}const k={title:"Components/Layout/Action Group",component:n,args:{children:[e.jsx(t,{children:"Doorgaan"}),e.jsx(t,{variant:"tertiary",children:"Stoppen"})]}},r={},o={args:{children:[e.jsx(t,{children:"Adres wijzigen"}),e.jsx(t,{variant:"secondary",children:"Adres verwijderen"})],className:"ams-resize-horizontal",style:{inlineSize:"16rem"}}},a={args:{children:[e.jsx(t,{children:"Bewerken"},1),e.jsx(_,{download:!0,href:"#",variant:"standalone",children:"Downloaden"},2)]}};var i,c,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,p,m;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`{
args: {
children: [, ],
className: 'ams-resize-horizontal',
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Alert-Dk0YLnro.js b/demo-DES-1011-storybook-pagination-page-control/assets/Alert-D-y7C1w8.js
similarity index 84%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Alert-Dk0YLnro.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Alert-D-y7C1w8.js
index 6607a249a3..ead548ceb7 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Alert-Dk0YLnro.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Alert-D-y7C1w8.js
@@ -1,2 +1,2 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{S as r,a as v,b as h}from"./index.esm-DQgjFsBh.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as y}from"./index-Cs7sjTYM.js";import{I as x}from"./Icon-msbkstIT.js";import{H as _}from"./Heading-DUu-96hO.js";import{I as b}from"./IconButton-BWS7j-EY.js";const A={error:r,info:v,success:h,warning:r},l=y.forwardRef(({children:s,className:i,closeable:o,closeButtonLabel:c="Sluiten",heading:a,headingLevel:u=2,onClose:d,severity:t="warning",...m},f)=>{const n=a?"level-4":"level-5",p=a?"section":"div";return e.jsxs(p,{...m,ref:f,className:g("ams-alert",t&&`ams-alert--${t}`,i),children:[e.jsx("div",{className:"ams-alert__icon",children:e.jsx(x,{size:n,svg:A[t]})}),e.jsxs("div",{className:"ams-alert__content",children:[a&&e.jsx(_,{level:u,size:"level-4",children:a}),s]}),o&&e.jsx(b,{label:c,size:n,onClick:d})]})});l.displayName="Alert";try{l.displayName="Alert",l.__docgenInfo={description:"",displayName:"Alert",props:{closeable:{defaultValue:null,description:"Whether the user can dismiss the Alert. Adds a button to its top right.",name:"closeable",required:!1,type:{name:"boolean"}},closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Alert.",name:"closeButtonLabel",required:!1,type:{name:"string"}},heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document.
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{S as r,a as v,b as h}from"./index.esm-CEuZchO4.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as y}from"./index-B-o1Wr-g.js";import{I as x}from"./Icon-D1obyjGa.js";import{H as _}from"./Heading-BMR-3CH3.js";import{I as b}from"./IconButton-CjnVutoo.js";const A={error:r,info:v,success:h,warning:r},l=y.forwardRef(({children:s,className:i,closeable:o,closeButtonLabel:c="Sluiten",heading:a,headingLevel:u=2,onClose:d,severity:t="warning",...m},f)=>{const n=a?"level-4":"level-5",p=a?"section":"div";return e.jsxs(p,{...m,ref:f,className:g("ams-alert",t&&`ams-alert--${t}`,i),children:[e.jsx("div",{className:"ams-alert__icon",children:e.jsx(x,{size:n,svg:A[t]})}),e.jsxs("div",{className:"ams-alert__content",children:[a&&e.jsx(_,{level:u,size:"level-4",children:a}),s]}),o&&e.jsx(b,{label:c,size:n,onClick:d})]})});l.displayName="Alert";try{l.displayName="Alert",l.__docgenInfo={description:"",displayName:"Alert",props:{closeable:{defaultValue:null,description:"Whether the user can dismiss the Alert. Adds a button to its top right.",name:"closeable",required:!1,type:{name:"boolean"}},closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Alert.",name:"closeButtonLabel",required:!1,type:{name:"string"}},heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document.
Note: this intentionally does not change the font size.`,name:"headingLevel",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},onClose:{defaultValue:null,description:"A function to run when dismissing.",name:"onClose",required:!1,type:{name:"(() => void)"}},severity:{defaultValue:{value:"warning"},description:"The significance of the message conveyed.",name:"severity",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"info"'},{value:'"success"'},{value:'"warning"'}]}}}}}catch{}export{l as A};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Alert.docs-CNpu--DF.js b/demo-DES-1011-storybook-pagination-page-control/assets/Alert.docs-4V8g0oiG.js
similarity index 75%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Alert.docs-CNpu--DF.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Alert.docs-4V8g0oiG.js
index 47aba0f377..48be316594 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Alert.docs-CNpu--DF.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Alert.docs-4V8g0oiG.js
@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as s}from"./index-BI1Biiay.js";import{ae as o,ak as a,al as c,am as h,an as i}from"./index-CVCX-fJT.js";import{A as l,W as d,E as m,S as p,I as f,a as u,b as x,c as g}from"./Alert.stories-C9svButw.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";import"./Alert-Dk0YLnro.js";import"./Icon-msbkstIT.js";import"./Heading-DUu-96hO.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-BWS7j-EY.js";const j=`
+import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as o,aq as a,ar as c,as as h,at as i}from"./index-C_FGIpEe.js";import{A as l,W as d,E as m,S as p,I as f,a as u,b as x,c as g}from"./Alert.stories-DYGDKZuf.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";import"./Alert-D-y7C1w8.js";import"./Icon-D1obyjGa.js";import"./Heading-BMR-3CH3.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-CjnVutoo.js";const j=`
# Alert
@@ -52,4 +52,4 @@ Provide the user with suggestions on alternative ways to achieve the goal.`}),`
`,n.jsx(e.h3,{id:"without-heading",children:"Without heading"}),`
`,n.jsx(e.p,{children:`Sometimes, a heading is unnecessary.
The icon automatically becomes slightly smaller.`}),`
-`,n.jsx(i,{of:g})]})}function R(t={}){const{wrapper:e}={...s(),...t.components};return e?n.jsx(e,{...t,children:n.jsx(r,{...t})}):r(t)}export{R as default};
+`,n.jsx(i,{of:g})]})}function O(t={}){const{wrapper:e}={...s(),...t.components};return e?n.jsx(e,{...t,children:n.jsx(r,{...t})}):r(t)}export{O as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Alert.stories-C9svButw.js b/demo-DES-1011-storybook-pagination-page-control/assets/Alert.stories-DYGDKZuf.js
similarity index 96%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Alert.stories-C9svButw.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Alert.stories-DYGDKZuf.js
index d44cedd574..59e4cc6ebd 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Alert.stories-C9svButw.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Alert.stories-DYGDKZuf.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{P as n,U as g,L as A}from"./index.esm-C9EHg3vL.js";import{A as E}from"./Alert-Dk0YLnro.js";const H={title:"Components/Feedback/Alert",component:E,args:{closeable:!1,heading:"Let op"}},r={args:{children:e.jsx(n,{children:"Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."})}},a={args:{children:e.jsx(n,{children:"U bent vergeten verplichte velden in te vullen."}),heading:"Vul de gegevens aan"}},s={args:{children:e.jsx(n,{children:"Wegens een technische fout kon het formulier niet worden verzonden. We hebben uw gegevens niet ontvangen. Probeer het over een paar minuten opnieuw."}),heading:"Niet gelukt",severity:"error"}},t={args:{children:e.jsx(n,{children:"Het formulier is verzonden. We hebben uw gegevens goed ontvangen."}),closeable:!0,heading:"Gelukt",severity:"success"}},o={args:{children:e.jsx(n,{children:"Tijdens de hijswerkzaamheden geldt er een korte verkeersstop. We zetten verkeersregelaars in, volg hun aanwijzingen op. De verkeersstop duurt ongeveer 10 minuten."}),closeable:!0,severity:"info"}},i={args:{children:[e.jsx(n,{children:"U bent vergeten de volgende verplichte velden in te vullen:"},1),e.jsxs(g,{children:[e.jsx(g.Item,{children:"Naam"}),e.jsx(g.Item,{children:"Telefoonnummer"})]},2)],heading:"Vul de gegevens aan"}},d={args:{children:e.jsxs(n,{children:["Tijdens Koningsdag zijn"," ",e.jsx(A,{variant:"inline",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."]}),severity:"info"}},l={args:{children:e.jsx(n,{children:"De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing."}),heading:void 0}};var c,h,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{P as n,U as g,L as A}from"./index.esm-DBblPCWP.js";import{A as E}from"./Alert-D-y7C1w8.js";const H={title:"Components/Feedback/Alert",component:E,args:{closeable:!1,heading:"Let op"}},r={args:{children:e.jsx(n,{children:"Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."})}},a={args:{children:e.jsx(n,{children:"U bent vergeten verplichte velden in te vullen."}),heading:"Vul de gegevens aan"}},s={args:{children:e.jsx(n,{children:"Wegens een technische fout kon het formulier niet worden verzonden. We hebben uw gegevens niet ontvangen. Probeer het over een paar minuten opnieuw."}),heading:"Niet gelukt",severity:"error"}},t={args:{children:e.jsx(n,{children:"Het formulier is verzonden. We hebben uw gegevens goed ontvangen."}),closeable:!0,heading:"Gelukt",severity:"success"}},o={args:{children:e.jsx(n,{children:"Tijdens de hijswerkzaamheden geldt er een korte verkeersstop. We zetten verkeersregelaars in, volg hun aanwijzingen op. De verkeersstop duurt ongeveer 10 minuten."}),closeable:!0,severity:"info"}},i={args:{children:[e.jsx(n,{children:"U bent vergeten de volgende verplichte velden in te vullen:"},1),e.jsxs(g,{children:[e.jsx(g.Item,{children:"Naam"}),e.jsx(g.Item,{children:"Telefoonnummer"})]},2)],heading:"Vul de gegevens aan"}},d={args:{children:e.jsxs(n,{children:["Tijdens Koningsdag zijn"," ",e.jsx(A,{variant:"inline",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."]}),severity:"info"}},l={args:{children:e.jsx(n,{children:"De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing."}),heading:void 0}};var c,h,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
args: {
children:
Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/AppIcons-Dy4ArrIU.js b/demo-DES-1011-storybook-pagination-page-control/assets/AppIcons-Dy4ArrIU.js
deleted file mode 100644
index a8a39ddb16..0000000000
--- a/demo-DES-1011-storybook-pagination-page-control/assets/AppIcons-Dy4ArrIU.js
+++ /dev/null
@@ -1 +0,0 @@
-import{j as s}from"./jsx-runtime-BlAj40OV.js";import{I as i}from"./index.esm-C9EHg3vL.js";const o=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{src:"favicon/apple-touch-icon.png",width:180,height:180}),s.jsx("figcaption",{children:"apple-touch-icon.png (180px)"})]})}),e=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{src:"favicon/favicon.ico",width:16,height:16}),s.jsx("figcaption",{children:"favicon.ico (16px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{src:"favicon/favicon.ico",width:32,height:32}),s.jsx("figcaption",{children:"favicon.ico (32px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{src:"favicon/favicon.ico",width:48,height:48}),s.jsx("figcaption",{children:"favicon.ico (48px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{src:"favicon/favicon.ico",width:64,height:64}),s.jsx("figcaption",{children:"favicon.ico (64px)"})]})]}),n=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{src:"favicon/icon.svg",width:64,height:64}),s.jsx("figcaption",{children:"icon.svg (64px)"})]})}),r=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{src:"app-icons/icon-192.png",width:192,height:192}),s.jsx("figcaption",{children:"icon-192.png (192px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{src:"app-icons/icon-512.png",width:512,height:512}),s.jsx("figcaption",{children:"icon-512.png (512px)"})]})]});export{o as A,e as F,n as S,r as W};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/AppIcons-HyRkwlYm.js b/demo-DES-1011-storybook-pagination-page-control/assets/AppIcons-HyRkwlYm.js
new file mode 100644
index 0000000000..24879e1e7b
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/AppIcons-HyRkwlYm.js
@@ -0,0 +1 @@
+import{j as s}from"./jsx-runtime-j_jdvEMj.js";import{I as i}from"./index.esm-DBblPCWP.js";const o=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/apple-touch-icon.png",width:180,height:180}),s.jsx("figcaption",{children:"apple-touch-icon.png (180px)"})]})}),e=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:16,height:16}),s.jsx("figcaption",{children:"favicon.ico (16px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:32,height:32}),s.jsx("figcaption",{children:"favicon.ico (32px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:48,height:48}),s.jsx("figcaption",{children:"favicon.ico (48px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:64,height:64}),s.jsx("figcaption",{children:"favicon.ico (64px)"})]})]}),n=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/icon.svg",width:64,height:64}),s.jsx("figcaption",{children:"icon.svg (64px)"})]})}),r=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-192.png",width:192,height:192}),s.jsx("figcaption",{children:"icon-192.png (192px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-512.png",width:512,height:512}),s.jsx("figcaption",{children:"icon-512.png (512px)"})]})]});export{o as A,e as F,n as S,r as W};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.docs-BS-wgPWa.js b/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.docs-BS-wgPWa.js
new file mode 100644
index 0000000000..766e529582
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.docs-BS-wgPWa.js
@@ -0,0 +1,5 @@
+import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as m}from"./index-BSj771as.js";import{ae as e}from"./index-C_FGIpEe.js";import{A as n}from"./ArticlePage.stories-D4M-e4vK.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";import"./Image.stories-0Zmcnj6n.js";import"./Image-BeIE0HQj.js";import"./config-uyYMOIwk.js";import"./PageMenu.stories-CmM4zv6g.js";import"./Icon-D1obyjGa.js";import"./Footer.stories-eBi1ci5d.js";import"./Spotlight-iwYL-F79.js";/*@license CC0-1.0*/function i(o){const r={h1:"h1",p:"p",...m(),...o.components};return t.jsxs(t.Fragment,{children:[`
+`,`
+`,t.jsx(e,{of:n}),`
+`,t.jsx(r.h1,{id:"article-page",children:"Article page"}),`
+`,t.jsx(r.p,{children:"This page type is for news or similar kinds of articles."})]})}function F(o={}){const{wrapper:r}={...m(),...o.components};return r?t.jsx(r,{...o,children:t.jsx(i,{...o})}):i(o)}export{F as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.docs-xDhjU80i.js b/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.docs-xDhjU80i.js
deleted file mode 100644
index 3b44f354eb..0000000000
--- a/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.docs-xDhjU80i.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import{j as t}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as m}from"./index-BI1Biiay.js";import{ae as e}from"./index-CVCX-fJT.js";import{A as n}from"./ArticlePage.stories-CZCYMyzk.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";import"./Image.stories-DCIdV88O.js";import"./Image-CVzrCme5.js";import"./config-D1iO0rHt.js";import"./PageMenu.stories-DFa96G62.js";import"./Icon-msbkstIT.js";import"./Footer.stories-DcCyqTWc.js";import"./Spotlight-i1uKJTzV.js";/*@license CC0-1.0*/function i(o){const r={h1:"h1",p:"p",...m(),...o.components};return t.jsxs(t.Fragment,{children:[`
-`,`
-`,t.jsx(e,{of:n}),`
-`,t.jsx(r.h1,{id:"article-page",children:"Article page"}),`
-`,t.jsx(r.p,{children:"This page type is for news or similar kinds of articles."})]})}function F(o={}){const{wrapper:r}={...m(),...o.components};return r?t.jsx(r,{...o,children:t.jsx(i,{...o})}):i(o)}export{F as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.stories-CZCYMyzk.js b/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.stories-CZCYMyzk.js
deleted file mode 100644
index 519f5437dd..0000000000
--- a/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.stories-CZCYMyzk.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{G as a,P as t,u as z,C as g,H as i,U as r,L as h,q as j,k as m,O as y,h as _,I}from"./index.esm-C9EHg3vL.js";import{L}from"./Image.stories-DCIdV88O.js";import{c as A}from"./config-D1iO0rHt.js";const u=({lead:n,paragraph1:s,spotlightHeading:o,spotlightLinkLabel:l})=>e.jsxs(e.Fragment,{children:[e.jsx(a,{paddingVertical:"medium",children:e.jsxs(a.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(t,{className:"ams-mb--md",size:"large",children:n}),e.jsx(t,{children:s})]})}),e.jsx(z,{as:"section",color:"purple",children:e.jsx(a,{paddingTop:"medium",paddingBottom:"large",children:e.jsx(a.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(g,{gap:"small",children:[e.jsx(i,{inverseColor:!0,level:2,children:o}),e.jsxs(r,{inverseColor:!0,children:[e.jsx(r.Item,{children:"Vraag uw paspoort of ID-kaart aan bij een Stadsloket in Amsterdam."}),e.jsx(r.Item,{children:"U kunt elke dag langskomen van 9.00 uur tot 17.00 uur en op donderdag tot 20.00 uur."}),e.jsx(r.Item,{children:"Op amsterdam.nl/paspoort staat wat u mee moet nemen."}),e.jsx(r.Item,{children:"Laat aan het loket bij uw aanvraag weten dat u kiest voor gratis bezorgen."}),e.jsx(r.Item,{children:"Als uw paspoort of ID-kaart klaar is, krijgt u een e-mail en sms-bericht met inloggegevens. Met deze inloggegevens kunt u zelf inplannen wanneer u uw reisdocument bezorgd wilt hebben."})]}),e.jsx(t,{inverseColor:!0,children:e.jsx(h,{href:"https://amsterdam.nl/paspoort/",inverseColor:!0,children:l})})]})})})}),e.jsx(a,{paddingVertical:"medium",children:e.jsx(a.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(g,{children:[e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer bezorgen we"}),e.jsx(t,{children:"We bezorgen op werkdagen en zaterdag tussen 8.00 en 18.00 uur. De ene week bezorgen wij op dinsdag en donderdag ook tot 21.00 uur en de andere week op woensdag tot 21.00 uur."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Tekenen voor ontvangst"}),e.jsx(t,{children:"Zorg dat u thuis bent om uw paspoort of ID-kaart te ontvangen. Bij bezorging voor meerdere personen moeten alle personen aanwezig zijn. Ook kinderen vanaf 12 jaar moeten tekenen voor ontvangst. Tot 12 jaar tekent de ouder of wettelijk vertegenwoordiger van het kind."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Bezorgen met waarde-transport"}),e.jsxs(t,{children:["De gemeente laat uw paspoort of ID-kaart bezorgen met een waarde-transport. Op"," ",e.jsx(h,{href:"https://mijnafspraak.nl/",children:"mijnafspraak.nl"})," ziet u wie er langskomt. De pasfoto van de medewerker is vanaf 8.00 uur zichtbaar. De bezorger controleert bij aankomst uw identiteit en geeft u het nieuwe reisdocument. U geeft uw oude reisdocument aan de bezorger. De bezorger maakt uw oude reisdocument ongeldig waar u bij bent. Daarna mag u het zelf houden of meegeven aan de bezorger, die het vernietigt."]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer kan bezorgen niet?"}),e.jsxs(r,{children:[e.jsx(r.Item,{children:"Bij een spoedaanvraag."}),e.jsx(r.Item,{children:"Als u een geldig visum in uw paspoort hebt dat u nog wilt gebruiken."}),e.jsx(r.Item,{children:"Als u het oude reisdocument kwijt bent."}),e.jsx(r.Item,{children:"Als u op een van de Waddeneilanden woont. Daar bezorgen we niet."})]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Meer weten"}),e.jsx(j,{children:e.jsx(j.Link,{href:"https://amsterdam.nl/paspoort/",children:"amsterdam.nl/paspoort"})})]})]})})})]});try{u.displayName="ArticleBody",u.__docgenInfo={description:"",displayName:"ArticleBody",props:{lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}const D=()=>e.jsx(a,{paddingTop:"small",children:e.jsx(a.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(m,{children:[e.jsx(m.Link,{href:"#",children:"Home"}),e.jsx(m.Link,{href:"#",children:"Nieuws"})]})})}),c=({heading:n,imageSrc:s})=>e.jsxs("header",{children:[e.jsx(a,{paddingBottom:"medium",children:e.jsxs(a.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(i,{className:"ams-mb--sm",children:n}),e.jsx(t,{size:"small",children:"7 juni 2024"})]})}),e.jsx(y,{children:e.jsx(_,{ratio:"2x-wide",children:e.jsx(I,{alt:"",loading:"lazy",src:s})})})]});try{c.displayName="ArticleHeader",c.__docgenInfo={description:"",displayName:"ArticleHeader",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}}}}}catch{}const p=({heading:n,imageSrc:s,lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})=>e.jsxs(e.Fragment,{children:[e.jsx(D,{}),e.jsxs("main",{id:"main",children:[e.jsx(c,{heading:n,imageSrc:s}),e.jsx(u,{lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})]})]});try{p.displayName="ArticlePage",p.__docgenInfo={description:"",displayName:"ArticlePage",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}},lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}/**
- * @license EUPL-1.2+
- * Copyright Gemeente Amsterdam
- */var x;const V={...A,title:"Pages/Amsterdam.nl/Article Page",component:p,args:{heading:"Ontvang uw paspoort of ID-kaart in de zomer gratis thuis",imageSrc:(x=L.args)==null?void 0:x.src,lead:"Niet meer naar het Stadsloket, maar thuis of op het werk uw nieuwe paspoort ontvangen. In juni en juli kan dat. Deze zomer bezorgt de gemeente reisdocumenten gratis aan huis. We doen dat om de drukte in de Stadsloketten te verminderen. En u hoeft maar 1 keer naar het Stadsloket.",paragraph1:"Van maandag 10 juni tot en met zaterdag 27 juli bezorgt de gemeente Amsterdam uw paspoort of ID-kaart gratis bij u thuis of op het werk. U moet wel naar het Stadsloket om uw reisdocument aan te vragen. Lees hier hoe het werkt.",spotlightHeading:"Vraag een paspoort of ID-kaart aan",spotlightLinkLabel:"Vraag nu een paspoort of ID-kaart aan"}},d={};var w,k,f;d.parameters={...d.parameters,docs:{...(w=d.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(f=(k=d.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const N=["Default"],B=Object.freeze(Object.defineProperty({__proto__:null,Default:d,__namedExportsOrder:N,default:V},Symbol.toStringTag,{value:"Module"}));export{B as A};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.stories-D4M-e4vK.js b/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.stories-D4M-e4vK.js
new file mode 100644
index 0000000000..a2eb99e0c2
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/ArticlePage.stories-D4M-e4vK.js
@@ -0,0 +1,4 @@
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{G as r,P as t,t as z,C as g,H as i,U as a,L as h,o as j,i as m,O as y,I as _}from"./index.esm-DBblPCWP.js";import{L as I}from"./Image.stories-0Zmcnj6n.js";import{c as L}from"./config-uyYMOIwk.js";const u=({lead:n,paragraph1:s,spotlightHeading:o,spotlightLinkLabel:l})=>e.jsxs(e.Fragment,{children:[e.jsx(r,{paddingVertical:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(t,{className:"ams-mb--md",size:"large",children:n}),e.jsx(t,{children:s})]})}),e.jsx(z,{as:"section",color:"purple",children:e.jsx(r,{paddingTop:"medium",paddingBottom:"large",children:e.jsx(r.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(g,{gap:"small",children:[e.jsx(i,{inverseColor:!0,level:2,children:o}),e.jsxs(a,{inverseColor:!0,children:[e.jsx(a.Item,{children:"Vraag uw paspoort of ID-kaart aan bij een Stadsloket in Amsterdam."}),e.jsx(a.Item,{children:"U kunt elke dag langskomen van 9.00 uur tot 17.00 uur en op donderdag tot 20.00 uur."}),e.jsx(a.Item,{children:"Op amsterdam.nl/paspoort staat wat u mee moet nemen."}),e.jsx(a.Item,{children:"Laat aan het loket bij uw aanvraag weten dat u kiest voor gratis bezorgen."}),e.jsx(a.Item,{children:"Als uw paspoort of ID-kaart klaar is, krijgt u een e-mail en sms-bericht met inloggegevens. Met deze inloggegevens kunt u zelf inplannen wanneer u uw reisdocument bezorgd wilt hebben."})]}),e.jsx(t,{inverseColor:!0,children:e.jsx(h,{href:"https://amsterdam.nl/paspoort/",inverseColor:!0,children:l})})]})})})}),e.jsx(r,{paddingVertical:"medium",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(g,{children:[e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer bezorgen we"}),e.jsx(t,{children:"We bezorgen op werkdagen en zaterdag tussen 8.00 en 18.00 uur. De ene week bezorgen wij op dinsdag en donderdag ook tot 21.00 uur en de andere week op woensdag tot 21.00 uur."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Tekenen voor ontvangst"}),e.jsx(t,{children:"Zorg dat u thuis bent om uw paspoort of ID-kaart te ontvangen. Bij bezorging voor meerdere personen moeten alle personen aanwezig zijn. Ook kinderen vanaf 12 jaar moeten tekenen voor ontvangst. Tot 12 jaar tekent de ouder of wettelijk vertegenwoordiger van het kind."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Bezorgen met waarde-transport"}),e.jsxs(t,{children:["De gemeente laat uw paspoort of ID-kaart bezorgen met een waarde-transport. Op"," ",e.jsx(h,{href:"https://mijnafspraak.nl/",children:"mijnafspraak.nl"})," ziet u wie er langskomt. De pasfoto van de medewerker is vanaf 8.00 uur zichtbaar. De bezorger controleert bij aankomst uw identiteit en geeft u het nieuwe reisdocument. U geeft uw oude reisdocument aan de bezorger. De bezorger maakt uw oude reisdocument ongeldig waar u bij bent. Daarna mag u het zelf houden of meegeven aan de bezorger, die het vernietigt."]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer kan bezorgen niet?"}),e.jsxs(a,{children:[e.jsx(a.Item,{children:"Bij een spoedaanvraag."}),e.jsx(a.Item,{children:"Als u een geldig visum in uw paspoort hebt dat u nog wilt gebruiken."}),e.jsx(a.Item,{children:"Als u het oude reisdocument kwijt bent."}),e.jsx(a.Item,{children:"Als u op een van de Waddeneilanden woont. Daar bezorgen we niet."})]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Meer weten"}),e.jsx(j,{children:e.jsx(j.Link,{href:"https://amsterdam.nl/paspoort/",children:"amsterdam.nl/paspoort"})})]})]})})})]});try{u.displayName="ArticleBody",u.__docgenInfo={description:"",displayName:"ArticleBody",props:{lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}const A=()=>e.jsx(r,{paddingTop:"small",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(m,{children:[e.jsx(m.Link,{href:"#",children:"Home"}),e.jsx(m.Link,{href:"#",children:"Nieuws"})]})})}),c=({heading:n,imageSrc:s})=>e.jsxs("header",{children:[e.jsx(r,{paddingBottom:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(i,{className:"ams-mb--sm",children:n}),e.jsx(t,{size:"small",children:"7 juni 2024"})]})}),e.jsx(y,{children:e.jsx(_,{alt:"",aspectRatio:"2x-wide",loading:"lazy",src:s})})]});try{c.displayName="ArticleHeader",c.__docgenInfo={description:"",displayName:"ArticleHeader",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}}}}}catch{}const p=({heading:n,imageSrc:s,lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})=>e.jsxs(e.Fragment,{children:[e.jsx(A,{}),e.jsxs("main",{id:"main",children:[e.jsx(c,{heading:n,imageSrc:s}),e.jsx(u,{lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})]})]});try{p.displayName="ArticlePage",p.__docgenInfo={description:"",displayName:"ArticlePage",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}},lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */var x;const D={...L,title:"Pages/Amsterdam.nl/Article Page",component:p,args:{heading:"Ontvang uw paspoort of ID-kaart in de zomer gratis thuis",imageSrc:(x=I.args)==null?void 0:x.src,lead:"Niet meer naar het Stadsloket, maar thuis of op het werk uw nieuwe paspoort ontvangen. In juni en juli kan dat. Deze zomer bezorgt de gemeente reisdocumenten gratis aan huis. We doen dat om de drukte in de Stadsloketten te verminderen. En u hoeft maar 1 keer naar het Stadsloket.",paragraph1:"Van maandag 10 juni tot en met zaterdag 27 juli bezorgt de gemeente Amsterdam uw paspoort of ID-kaart gratis bij u thuis of op het werk. U moet wel naar het Stadsloket om uw reisdocument aan te vragen. Lees hier hoe het werkt.",spotlightHeading:"Vraag een paspoort of ID-kaart aan",spotlightLinkLabel:"Vraag nu een paspoort of ID-kaart aan"}},d={};var w,k,f;d.parameters={...d.parameters,docs:{...(w=d.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(f=(k=d.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const V=["Default"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:d,__namedExportsOrder:V,default:D},Symbol.toStringTag,{value:"Module"}));export{H as A};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.docs-Capp-LoS.js b/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.docs-Capp-LoS.js
deleted file mode 100644
index 46bce3c3b3..0000000000
--- a/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.docs-Capp-LoS.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as i}from"./index-BI1Biiay.js";import{ae as o,ak as r,al as l,am as d,an as a}from"./index-CVCX-fJT.js";import{A as h,D as x,E as m,W as p,S as c,T as j,a as f}from"./AspectRatio.stories-wEt97Kwx.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";const u=`
-
-# Aspect Ratio
-
-Aspect Ratio updates the height of an element with its width.
-
-These are the proportions we use:
-
-| keyword | ratio |
-| :-------- | ----: |
-| \`2x-wide\` | 16:5 |
-| \`x-wide\` | 16:9 |
-| \`wide\` | 4:3 |
-| \`square\` | 1:1 |
-| \`tall\` | 3:4 |
-| \`x-tall\` | 9:16 |
-
-## Guidelines
-
-- Use this component to constrain images, videos and other elements to one of the available aspect ratios.
-`;/*@license CC0-1.0*/function s(t){const n={h2:"h2",h3:"h3",p:"p",...i(),...t.components};return e.jsxs(e.Fragment,{children:[`
-`,`
-`,e.jsx(o,{of:h}),`
-`,e.jsx(r,{children:u}),`
-`,e.jsx(l,{}),`
-`,e.jsx(d,{}),`
-`,e.jsx(n.h2,{id:"examples",children:"Examples"}),`
-`,e.jsx(n.h3,{id:"double-extra-wide",children:"Double extra wide"}),`
-`,e.jsx(n.p,{children:"We only use this aspect ratio for a ‘hero’ image across the entire website width."}),`
-`,e.jsx(a,{of:x}),`
-`,e.jsx(n.h3,{id:"extra-wide",children:"Extra wide"}),`
-`,e.jsx(a,{of:m}),`
-`,e.jsx(n.h3,{id:"wide",children:"Wide"}),`
-`,e.jsx(a,{of:p}),`
-`,e.jsx(n.h3,{id:"square",children:"Square"}),`
-`,e.jsx(a,{of:c}),`
-`,e.jsx(n.h3,{id:"tall",children:"Tall"}),`
-`,e.jsx(a,{of:j}),`
-`,e.jsx(n.h3,{id:"extra-tall",children:"Extra tall"}),`
-`,e.jsx(n.p,{children:`This variant may be suitable for telephones.
-Most devices nowadays have an aspect ratio of 9:19.5.
-Images of 9:16 fill approximately 80% of the screen.`}),`
-`,e.jsx(a,{of:f})]})}function k(t={}){const{wrapper:n}={...i(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(s,{...t})}):s(t)}export{k as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.docs-DRwgzy8d.js b/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.docs-DRwgzy8d.js
new file mode 100644
index 0000000000..3904d30836
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.docs-DRwgzy8d.js
@@ -0,0 +1,30 @@
+import{j as a}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as n,aq as i,ar as m,as as r}from"./index-C_FGIpEe.js";import{A as c}from"./AspectRatio.stories-1YKRPR3L.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";const p=`
+
+# Aspect Ratio
+
+Constrains media content to a supported aspect ratio.
+
+## Class names
+
+Each available aspect ratio has an associated class name.
+The class can be applied to any component or element.
+
+| Class name | Example |
+| :-------------------------- | :-------------------------------------------------------------------------- |
+| \`ams-aspect-ratio--x-tall\` | |
+| \`ams-aspect-ratio--tall\` | |
+| \`ams-aspect-ratio--square\` | |
+| \`ams-aspect-ratio--wide\` | |
+| \`ams-aspect-ratio--x-wide\` | |
+| \`ams-aspect-ratio--2x-wide\` | |
+
+## Guidelines
+
+- Apply one of these classes to an image, video or other media content to constrain its dimensions to one of the available aspect ratios.
+- The default aspect ratio is 16:9.
+`;/*@license CC0-1.0*/function t(s){return a.jsxs(a.Fragment,{children:[`
+`,`
+`,a.jsx(n,{of:c}),`
+`,a.jsx(i,{children:p}),`
+`,a.jsx(m,{}),`
+`,a.jsx(r,{})]})}function N(s={}){const{wrapper:e}={...o(),...s.components};return e?a.jsx(e,{...s,children:a.jsx(t,{...s})}):t()}export{N as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.stories-1YKRPR3L.js b/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.stories-1YKRPR3L.js
new file mode 100644
index 0000000000..94dbc83f90
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.stories-1YKRPR3L.js
@@ -0,0 +1,4 @@
+import{j as t}from"./jsx-runtime-j_jdvEMj.js";/**
+ * @license EUPL-1.2+
+ * Copyright Gemeente Amsterdam
+ */const s=({children:a,aspectRatio:c})=>t.jsx("span",{className:`ams-aspect-ratio--${c}`,children:a});try{s.displayName="AspectRatio",s.__docgenInfo={description:"Renders examples in Storybook. Not for reuse.",displayName:"AspectRatio",props:{aspectRatio:{defaultValue:null,description:"The aspect ratio to display media content in.",name:"aspectRatio",required:!1,type:{name:"enum",value:[{value:'"square"'},{value:'"x-tall"'},{value:'"tall"'},{value:'"wide"'},{value:'"x-wide"'},{value:'"2x-wide"'}]}}}}}catch{}const l={title:"Utilities/CSS/Aspect Ratio",component:s,args:{aspectRatio:"x-wide"},argTypes:{aspectRatio:{control:"radio",options:["2x-wide","x-wide","wide","square","tall","x-tall"]}},render:({aspectRatio:a})=>t.jsx("div",{className:"ams-docs-column ams-docs-aspect-ratio",children:t.jsx("div",{className:`ams-docs-item ams-aspect-ratio--${a}`})})},e={};var o,r,i;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(i=(r=e.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};const p=["Default"],n=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:p,default:l},Symbol.toStringTag,{value:"Module"}));export{n as A};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.stories-wEt97Kwx.js b/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.stories-wEt97Kwx.js
deleted file mode 100644
index 7746a8118c..0000000000
--- a/demo-DES-1011-storybook-pagination-page-control/assets/AspectRatio.stories-wEt97Kwx.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import{j as r}from"./jsx-runtime-BlAj40OV.js";import{I as z}from"./index.esm-C9EHg3vL.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as M}from"./index-Cs7sjTYM.js";const l=M.forwardRef(({children:e,className:N,ratio:C="square",...I},O)=>r.jsx("div",{...I,ref:O,className:L("ams-aspect-ratio",`ams-aspect-ratio--${C}`,N),children:e}));l.displayName="AspectRatio";try{l.displayName="AspectRatio",l.__docgenInfo={description:"",displayName:"AspectRatio",props:{ratio:{defaultValue:{value:"square"},description:"The dimensions.",name:"ratio",required:!1,type:{name:"enum",value:[{value:'"square"'},{value:'"wide"'},{value:'"x-wide"'},{value:'"x-tall"'},{value:'"tall"'},{value:'"2x-wide"'}]}}}}}catch{}const P={title:"Components/Layout/Aspect Ratio",component:l,args:{ratio:"square"},argTypes:{ratio:{control:"radio",options:["2x-wide","x-wide","wide","square","tall","x-tall"]}}},V={"2x-wide":{image:"https://picsum.photos/1152/360"},"x-wide":{image:"https://picsum.photos/640/360"},wide:{image:"https://picsum.photos/480/360"},square:{image:"https://picsum.photos/360/360"},tall:{image:"https://picsum.photos/360/480"},"x-tall":{image:"https://picsum.photos/360/640"}},a={decorators:[e=>r.jsx("div",{style:{display:"flex",justifyContent:"center"},children:r.jsx(e,{})})],render:({ratio:e})=>r.jsx(l,{ratio:e,children:r.jsx(z,{alt:"",src:V[e??"square"].image})})},s={...a},t={...a,args:{ratio:"2x-wide"}},o={...a,args:{ratio:"x-wide"}},i={...a,args:{ratio:"wide"}},c={...a,args:{ratio:"square"}},p={...a,args:{ratio:"tall"}},n={...a,args:{ratio:"x-tall"}};var m,d,u;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
- ...StoryTemplate
-}`,...(u=(d=s.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,x,y;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`{
- ...StoryTemplate,
- args: {
- ratio: '2x-wide'
- }
-}`,...(y=(x=t.parameters)==null?void 0:x.docs)==null?void 0:y.source}}};var S,f,h;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`{
- ...StoryTemplate,
- args: {
- ratio: 'x-wide'
- }
-}`,...(h=(f=o.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var w,T,_;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
- ...StoryTemplate,
- args: {
- ratio: 'wide'
- }
-}`,...(_=(T=i.parameters)==null?void 0:T.docs)==null?void 0:_.source}}};var q,v,j;c.parameters={...c.parameters,docs:{...(q=c.parameters)==null?void 0:q.docs,source:{originalSource:`{
- ...StoryTemplate,
- args: {
- ratio: 'square'
- }
-}`,...(j=(v=c.parameters)==null?void 0:v.docs)==null?void 0:j.source}}};var E,R,A;p.parameters={...p.parameters,docs:{...(E=p.parameters)==null?void 0:E.docs,source:{originalSource:`{
- ...StoryTemplate,
- args: {
- ratio: 'tall'
- }
-}`,...(A=(R=p.parameters)==null?void 0:R.docs)==null?void 0:A.source}}};var W,b,D;n.parameters={...n.parameters,docs:{...(W=n.parameters)==null?void 0:W.docs,source:{originalSource:`{
- ...StoryTemplate,
- args: {
- ratio: 'x-tall'
- }
-}`,...(D=(b=n.parameters)==null?void 0:b.docs)==null?void 0:D.source}}};const $=["Default","DoubleExtraWide","ExtraWide","Wide","Square","Tall","ExtraTall"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:s,DoubleExtraWide:t,ExtraTall:n,ExtraWide:o,Square:c,Tall:p,Wide:i,__namedExportsOrder:$,default:P},Symbol.toStringTag,{value:"Module"}));export{H as A,t as D,o as E,c as S,p as T,i as W,n as a};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Avatar.docs-D6yH_F5h.js b/demo-DES-1011-storybook-pagination-page-control/assets/Avatar.docs-MLlmIN5M.js
similarity index 66%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Avatar.docs-D6yH_F5h.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Avatar.docs-MLlmIN5M.js
index 7f94a53401..b9b55876c4 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Avatar.docs-D6yH_F5h.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Avatar.docs-MLlmIN5M.js
@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as t}from"./index-BI1Biiay.js";import{ae as i,ak as s,al as c,am as p,an as r}from"./index-CVCX-fJT.js";import{A as l,W as m,F as d,I as h}from"./Avatar.stories-BysxhJg3.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";import"./Image-CVzrCme5.js";import"./Icon-msbkstIT.js";const x=`
+import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as t}from"./index-BSj771as.js";import{ae as i,aq as s,ar as c,as as p,at as r}from"./index-C_FGIpEe.js";import{A as l,W as m,F as d,I as h}from"./Avatar.stories-8pFpbZNq.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";import"./Image-BeIE0HQj.js";import"./Icon-D1obyjGa.js";const x=`
# Avatar
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Avatar.stories-BysxhJg3.js b/demo-DES-1011-storybook-pagination-page-control/assets/Avatar.stories-8pFpbZNq.js
similarity index 89%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Avatar.stories-BysxhJg3.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Avatar.stories-8pFpbZNq.js
index ff78091cb9..73f0ceabd2 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Avatar.stories-BysxhJg3.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Avatar.stories-8pFpbZNq.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{b as P,c}from"./index.esm-C9EHg3vL.js";import{i as L,j as M}from"./index.esm-DQgjFsBh.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as C}from"./index-Cs7sjTYM.js";import{I as D}from"./Image-CVzrCme5.js";import{I as E}from"./Icon-msbkstIT.js";const N=({imageSrc:a,initials:r})=>a?e.jsx(D,{src:a,alt:""}):r.length?e.jsx("span",{"aria-hidden":!0,children:r}):e.jsx(E,{svg:L,size:"level-6"}),o=C.forwardRef(({label:a,imageSrc:r,className:y,color:j="blue",...I},_)=>{const i=a.slice(0,2).toUpperCase(),A=i.length===0?"Gebruiker":`Initialen gebruiker: ${i}`;return e.jsxs("span",{...I,ref:_,className:w("ams-avatar",`ams-avatar--${j}`,r&&"ams-avatar--has-image",y),children:[e.jsx("span",{className:"ams-visually-hidden",children:A}),e.jsx(N,{imageSrc:r,initials:i})]})});o.displayName="Avatar";try{o.displayName="Avatar",o.__docgenInfo={description:"",displayName:"Avatar",props:{color:{defaultValue:{value:"blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"black"'},{value:'"blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"grey-1"'},{value:'"grey-2"'},{value:'"grey-3"'},{value:'"light-blue"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"white"'},{value:'"yellow"'}]}},imageSrc:{defaultValue:null,description:"The url for the user’s image. Its center will be displayed. Should be square and scaled down.",name:"imageSrc",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The text content. Should be the user’s initials. The first two characters will be displayed.",name:"label",required:!0,type:{name:"string"}}}}}catch{}const T={title:"Components/Feedback/Avatar",component:o,args:{label:"DS",imageSrc:""}},s={},t={args:{label:"PS",imageSrc:"https://i.pravatar.cc/128"}},n={args:{imageSrc:void 0,label:""}},l={args:{label:"DS"},render:a=>e.jsx(P,{links:e.jsxs(c,{alignEnd:!0,children:[e.jsx(c.Link,{href:"#",children:"Contact"}),e.jsx(c.Link,{href:"#",icon:M,children:"Zoeken"}),e.jsx("li",{children:e.jsx(o,{...a})})]})})};var u,d,m;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(m=(d=s.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,g,v;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{b as P,c}from"./index.esm-DBblPCWP.js";import{i as L,j as M}from"./index.esm-CEuZchO4.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as C}from"./index-B-o1Wr-g.js";import{I as D}from"./Image-BeIE0HQj.js";import{I as E}from"./Icon-D1obyjGa.js";const N=({imageSrc:a,initials:r})=>a?e.jsx(D,{alt:"",src:a}):r.length?e.jsx("span",{"aria-hidden":!0,children:r}):e.jsx(E,{svg:L,size:"level-6"}),o=C.forwardRef(({label:a,imageSrc:r,className:y,color:j="blue",...I},_)=>{const i=a.slice(0,2).toUpperCase(),A=i.length===0?"Gebruiker":`Initialen gebruiker: ${i}`;return e.jsxs("span",{...I,ref:_,className:w("ams-avatar",`ams-avatar--${j}`,r&&"ams-avatar--has-image",y),children:[e.jsx("span",{className:"ams-visually-hidden",children:A}),e.jsx(N,{imageSrc:r,initials:i})]})});o.displayName="Avatar";try{o.displayName="Avatar",o.__docgenInfo={description:"",displayName:"Avatar",props:{color:{defaultValue:{value:"blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"black"'},{value:'"blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"grey-1"'},{value:'"grey-2"'},{value:'"grey-3"'},{value:'"light-blue"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"white"'},{value:'"yellow"'}]}},imageSrc:{defaultValue:null,description:"The url for the user’s image. Its center will be displayed. Should be square and scaled down.",name:"imageSrc",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The text content. Should be the user’s initials. The first two characters will be displayed.",name:"label",required:!0,type:{name:"string"}}}}}catch{}const T={title:"Components/Feedback/Avatar",component:o,args:{label:"DS",imageSrc:""}},s={},t={args:{label:"PS",imageSrc:"https://i.pravatar.cc/128"}},n={args:{imageSrc:void 0,label:""}},l={args:{label:"DS"},render:a=>e.jsx(P,{links:e.jsxs(c,{alignEnd:!0,children:[e.jsx(c.Link,{href:"#",children:"Contact"}),e.jsx(c.Link,{href:"#",icon:M,children:"Zoeken"}),e.jsx("li",{children:e.jsx(o,{...a})})]})})};var u,d,m;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(m=(d=s.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,g,v;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
args: {
label: 'PS',
imageSrc: 'https://i.pravatar.cc/128'
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Badge-DiZ9fuyS.js b/demo-DES-1011-storybook-pagination-page-control/assets/Badge-jE39d5Kk.js
similarity index 86%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Badge-DiZ9fuyS.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Badge-jE39d5Kk.js
index 8fb7e33f63..a1e7390e8f 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Badge-DiZ9fuyS.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Badge-jE39d5Kk.js
@@ -1 +1 @@
-import{j as t}from"./jsx-runtime-BlAj40OV.js";import{c as n}from"./clsx-B-dksMZM.js";import{r as d}from"./index-Cs7sjTYM.js";const e=d.forwardRef(({label:a,className:r,color:l="dark-green",...u},o)=>t.jsx("span",{...u,ref:o,className:n("ams-badge",`ams-badge--${l}`,r),children:a}));e.displayName="Badge";try{e.displayName="Badge",e.__docgenInfo={description:"",displayName:"Badge",props:{color:{defaultValue:{value:"dark-green"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"black"'},{value:'"blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"grey-1"'},{value:'"grey-2"'},{value:'"grey-3"'},{value:'"light-blue"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"white"'},{value:'"yellow"'}]}},label:{defaultValue:null,description:"The text content.",name:"label",required:!0,type:{name:"string | number"}}}}}catch{}export{e as B};
+import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{c as n}from"./clsx-B-dksMZM.js";import{r as d}from"./index-B-o1Wr-g.js";const e=d.forwardRef(({label:a,className:r,color:l="dark-green",...u},o)=>t.jsx("span",{...u,ref:o,className:n("ams-badge",`ams-badge--${l}`,r),children:a}));e.displayName="Badge";try{e.displayName="Badge",e.__docgenInfo={description:"",displayName:"Badge",props:{color:{defaultValue:{value:"dark-green"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"black"'},{value:'"blue"'},{value:'"dark-green"'},{value:'"green"'},{value:'"grey-1"'},{value:'"grey-2"'},{value:'"grey-3"'},{value:'"light-blue"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"white"'},{value:'"yellow"'}]}},label:{defaultValue:null,description:"The text content.",name:"label",required:!0,type:{name:"string | number"}}}}}catch{}export{e as B};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Badge.docs-OV_EbYgZ.js b/demo-DES-1011-storybook-pagination-page-control/assets/Badge.docs-BRNCN-Sx.js
similarity index 51%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Badge.docs-OV_EbYgZ.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Badge.docs-BRNCN-Sx.js
index 87cb2c3459..5d1b79a6b0 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Badge.docs-OV_EbYgZ.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Badge.docs-BRNCN-Sx.js
@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as e}from"./index-BI1Biiay.js";import{ae as i,ak as s,al as a,am as m}from"./index-CVCX-fJT.js";import{B as c}from"./Badge.stories-BbRu3hXO.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./Badge-DiZ9fuyS.js";import"./clsx-B-dksMZM.js";const p=`
+import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as e}from"./index-BSj771as.js";import{ae as s,aq as i,ar as a,as as m}from"./index-C_FGIpEe.js";import{B as c}from"./Badge.stories-7hJOo2XW.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./Badge-jE39d5Kk.js";import"./clsx-B-dksMZM.js";const p=`
# Badge
@@ -12,7 +12,7 @@ The default background colour is dark green.
Suggestions on when to use the other colours will follow soon.
`;/*@license CC0-1.0*/function t(o){return n.jsxs(n.Fragment,{children:[`
`,`
-`,n.jsx(i,{of:c}),`
-`,n.jsx(s,{children:p}),`
+`,n.jsx(s,{of:c}),`
+`,n.jsx(i,{children:p}),`
`,n.jsx(a,{}),`
`,n.jsx(m,{})]})}function y(o={}){const{wrapper:r}={...e(),...o.components};return r?n.jsx(r,{...o,children:n.jsx(t,{...o})}):t()}export{y as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Badge.stories-BbRu3hXO.js b/demo-DES-1011-storybook-pagination-page-control/assets/Badge.stories-7hJOo2XW.js
similarity index 91%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Badge.stories-BbRu3hXO.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Badge.stories-7hJOo2XW.js
index d59abcfcba..d20c5f5980 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Badge.stories-BbRu3hXO.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Badge.stories-7hJOo2XW.js
@@ -1,4 +1,4 @@
-import{B as a}from"./Badge-DiZ9fuyS.js";/**
+import{B as a}from"./Badge-jE39d5Kk.js";/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/const s={title:"Components/Feedback/Badge",component:a,args:{label:"Tip"}},e={};var o,t,r;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(r=(t=e.parameters)==null?void 0:t.docs)==null?void 0:r.source}}};const c=["Default"],d=Object.freeze(Object.defineProperty({__proto__:null,Default:e,__namedExportsOrder:c,default:s},Symbol.toStringTag,{value:"Module"}));export{d as B};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.docs-Du0bHFM8.js b/demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.docs-CvDCFyLs.js
similarity index 72%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.docs-Du0bHFM8.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.docs-CvDCFyLs.js
index fe24b3f35f..56327550ba 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.docs-Du0bHFM8.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.docs-CvDCFyLs.js
@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as s,ak as a,al as i,am as m,an as c}from"./index-CVCX-fJT.js";import{B as h,I as l}from"./Blockquote.stories-0ySVjV59.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./decorators-CweBkPI6.js";import"./exampleContent-hIIPvEhU.js";import"./clsx-B-dksMZM.js";const u=`
+import{j as t}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as s,aq as a,ar as i,as as m,at as c}from"./index-C_FGIpEe.js";import{B as h,I as l}from"./Blockquote.stories-dmSqBBoc.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./decorators-DYZ3zH5Z.js";import"./exampleContent-hIIPvEhU.js";import"./clsx-B-dksMZM.js";const u=`
# Blockquote
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.stories-0ySVjV59.js b/demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.stories-dmSqBBoc.js
similarity index 83%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.stories-0ySVjV59.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.stories-dmSqBBoc.js
index a58f1a09ee..3d4f8821b2 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.stories-0ySVjV59.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Blockquote.stories-dmSqBBoc.js
@@ -1,4 +1,4 @@
-import{i as f}from"./decorators-CweBkPI6.js";import{c as _}from"./exampleContent-hIIPvEhU.js";import{j as g}from"./jsx-runtime-BlAj40OV.js";import{c as q}from"./clsx-B-dksMZM.js";import{r as b}from"./index-Cs7sjTYM.js";const r=b.forwardRef(({children:t,className:u,inverseColor:p,...m},d)=>g.jsx("blockquote",{...m,ref:d,className:q("ams-blockquote",p&&"ams-blockquote--inverse-color",u),children:t}));r.displayName="Blockquote";try{r.displayName="Blockquote",r.__docgenInfo={description:"",displayName:"Blockquote",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}/**
+import{i as f}from"./decorators-DYZ3zH5Z.js";import{c as _}from"./exampleContent-hIIPvEhU.js";import{j as g}from"./jsx-runtime-j_jdvEMj.js";import{c as q}from"./clsx-B-dksMZM.js";import{r as b}from"./index-B-o1Wr-g.js";const r=b.forwardRef(({children:t,className:u,inverseColor:p,...m},d)=>g.jsx("blockquote",{...m,ref:d,className:q("ams-blockquote",p&&"ams-blockquote--inverse-color",u),children:t}));r.displayName="Blockquote";try{r.displayName="Blockquote",r.__docgenInfo={description:"",displayName:"Blockquote",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/const k=_(),x={title:"Components/Text/Blockquote",component:r,args:{children:k,inverseColor:!1},argTypes:{children:{description:"The text for the quote.",table:{disable:!1}}},decorators:[f]},e={},o={args:{inverseColor:!0}};var s,a,c;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(c=(a=e.parameters)==null?void 0:a.docs)==null?void 0:c.source}}};var l,n,i;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`{
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.docs-CZSl7GBl.js b/demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.docs-BSM4rk--.js
similarity index 74%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.docs-CZSl7GBl.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.docs-BSM4rk--.js
index 463385b3e0..f426ab694a 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.docs-CZSl7GBl.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.docs-BSM4rk--.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as i}from"./index-BI1Biiay.js";import{ae as s,ak as a,al as o}from"./index-CVCX-fJT.js";import{B as c}from"./Breadcrumb.stories-Cujp0Yrk.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=`
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as a,ar as o}from"./index-C_FGIpEe.js";import{B as c}from"./Breadcrumb.stories-EowaNKYC.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=`
# Breadcrumb
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.stories-Cujp0Yrk.js b/demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.stories-EowaNKYC.js
similarity index 93%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.stories-Cujp0Yrk.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.stories-EowaNKYC.js
index 753957ba9e..f042793867 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.stories-Cujp0Yrk.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Breadcrumb.stories-EowaNKYC.js
@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-BlAj40OV.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as l}from"./index-Cs7sjTYM.js";const u=l.forwardRef(({children:a,className:n,...s},d)=>r.jsx("li",{className:"ams-breadcrumb__item",children:r.jsx("a",{...s,className:t("ams-breadcrumb__link",n),ref:d,children:a})}));u.displayName="Breadcrumb.Link";try{Breadcrumb.Link.displayName="Breadcrumb.Link",Breadcrumb.Link.__docgenInfo={description:"",displayName:"Breadcrumb.Link",props:{}}}catch{}const b=l.forwardRef(({children:a,className:n,...s},d)=>r.jsx("nav",{...s,className:t("ams-breadcrumb",n),ref:d,children:r.jsx("ol",{className:"ams-breadcrumb__list",children:a})}));b.displayName="Breadcrumb";const e=Object.assign(b,{Link:u});try{e.displayName="Breadcrumb",e.__docgenInfo={description:"",displayName:"Breadcrumb",props:{}}}catch{}const p={title:"Components/Navigation/Breadcrumb",component:e},c={args:{children:[r.jsx(e.Link,{href:"#",children:"Home"},1),r.jsx(e.Link,{href:"#",children:"Afval"},2),r.jsx(e.Link,{href:"#",children:"Bedrijfsafval"},3),r.jsx(e.Link,{href:"#",children:"Recyclepunten voor bedrijven"},4)]}};var o,i,m;c.parameters={...c.parameters,docs:{...(o=c.parameters)==null?void 0:o.docs,source:{originalSource:`{
+import{j as r}from"./jsx-runtime-j_jdvEMj.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as l}from"./index-B-o1Wr-g.js";const u=l.forwardRef(({children:a,className:n,...s},d)=>r.jsx("li",{className:"ams-breadcrumb__item",children:r.jsx("a",{...s,className:t("ams-breadcrumb__link",n),ref:d,children:a})}));u.displayName="Breadcrumb.Link";try{Breadcrumb.Link.displayName="Breadcrumb.Link",Breadcrumb.Link.__docgenInfo={description:"",displayName:"Breadcrumb.Link",props:{}}}catch{}const b=l.forwardRef(({children:a,className:n,...s},d)=>r.jsx("nav",{...s,className:t("ams-breadcrumb",n),ref:d,children:r.jsx("ol",{className:"ams-breadcrumb__list",children:a})}));b.displayName="Breadcrumb";const e=Object.assign(b,{Link:u});try{e.displayName="Breadcrumb",e.__docgenInfo={description:"",displayName:"Breadcrumb",props:{}}}catch{}const p={title:"Components/Navigation/Breadcrumb",component:e},c={args:{children:[r.jsx(e.Link,{href:"#",children:"Home"},1),r.jsx(e.Link,{href:"#",children:"Afval"},2),r.jsx(e.Link,{href:"#",children:"Bedrijfsafval"},3),r.jsx(e.Link,{href:"#",children:"Recyclepunten voor bedrijven"},4)]}};var o,i,m;c.parameters={...c.parameters,docs:{...(o=c.parameters)==null?void 0:o.docs,source:{originalSource:`{
args: {
children: [
Home
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Breakout.docs-CyPTPeQZ.js b/demo-DES-1011-storybook-pagination-page-control/assets/Breakout.docs-D4DZ2u1f.js
similarity index 77%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Breakout.docs-CyPTPeQZ.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Breakout.docs-D4DZ2u1f.js
index f8277b8d51..b184c19fd0 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Breakout.docs-CyPTPeQZ.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Breakout.docs-D4DZ2u1f.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as s}from"./index-BI1Biiay.js";import{ae as r,ak as i,al as a,am as l,an as h}from"./index-CVCX-fJT.js";import{B as c,V as d}from"./Breakout.stories-CaP7EteD.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";import"./paddingClasses-C5gheHLv.js";const p=`
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as r,aq as i,ar as a,as as l,at as h}from"./index-C_FGIpEe.js";import{B as c,V as d}from"./Breakout.stories-sChK0BxT.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";import"./paddingClasses-C5gheHLv.js";const p=`
# Breakout
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Breakout.stories-CaP7EteD.js b/demo-DES-1011-storybook-pagination-page-control/assets/Breakout.stories-sChK0BxT.js
similarity index 70%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Breakout.stories-CaP7EteD.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Breakout.stories-sChK0BxT.js
index 897558b61f..43284eebee 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Breakout.stories-CaP7EteD.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Breakout.stories-sChK0BxT.js
@@ -1,10 +1,10 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{S as V,u as k,P as p,h as C,I as b}from"./index.esm-C9EHg3vL.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as B}from"./index-Cs7sjTYM.js";import{a as u,p as T}from"./paddingClasses-C5gheHLv.js";/**
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{s as N,t as k,P as p,I as C}from"./index.esm-DBblPCWP.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as _}from"./index-B-o1Wr-g.js";import{a as u,p as V}from"./paddingClasses-C5gheHLv.js";/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
- */const R=(a,l,t,o)=>[...u("ams-breakout__cell--col-span-",a),...u("ams-breakout__cell--col-start-",l),...u("ams-breakout__cell--row-span-",t),...u("ams-breakout__cell--row-start-",o)],x=B.forwardRef(({as:a="div",children:l,className:t,colSpan:o,colStart:d,has:i,rowSpan:m,rowStart:c,...j},N)=>e.jsx(a,{...j,ref:N,className:_("ams-breakout__cell",R(o,d,m,c),i&&`ams-breakout__cell--has-${i}`,t),children:l}));x.displayName="Breakout.Cell";try{Breakout.Cell.displayName="Breakout.Cell",Breakout.Cell.__docgenInfo={description:"",displayName:"Breakout.Cell",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},colSpan:{defaultValue:null,description:`Lets the cell span the full width of all grid variants.
+ */const T=(a,l,t,o)=>[...u("ams-breakout__cell--col-span-",a),...u("ams-breakout__cell--col-start-",l),...u("ams-breakout__cell--row-span-",t),...u("ams-breakout__cell--row-start-",o)],B=_.forwardRef(({as:a="div",children:l,className:t,colSpan:o,colStart:d,has:i,rowSpan:m,rowStart:c,...y},j)=>e.jsx(a,{...y,ref:j,className:b("ams-breakout__cell",T(o,d,m,c),i&&`ams-breakout__cell--has-${i}`,t),children:l}));B.displayName="Breakout.Cell";try{Breakout.Cell.displayName="Breakout.Cell",Breakout.Cell.__docgenInfo={description:"",displayName:"Breakout.Cell",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},colSpan:{defaultValue:null,description:`Lets the cell span the full width of all grid variants.
The amount of grid columns the cell spans.`,name:"colSpan",required:!1,type:{name:'"all" | GridColumnNumber | GridColumnNumbers'}},colStart:{defaultValue:null,description:"The index of the grid column the cell starts at.",name:"colStart",required:!1,type:{name:"GridColumnNumber | GridColumnNumbers"}},has:{defaultValue:null,description:`The content of this cell.
The Cell containing the Spotlight expands horizontally and vertically to cover the adjacent gaps and margins.
-The Cell containing the Image aligns itself to the bottom of the row, in case it is less tall than the text.`,name:"has",required:!1,type:{name:"enum",value:[{value:'"figure"'},{value:'"spotlight"'}]}},rowSpan:{defaultValue:null,description:"The amount of grid rows the cell spans.",name:"rowSpan",required:!1,type:{name:"BreakoutRowNumber | BreakoutRowNumbers"}},rowStart:{defaultValue:null,description:"The index of the grid row the cell starts at.",name:"rowStart",required:!1,type:{name:"BreakoutRowNumber | BreakoutRowNumbers"}}}}}catch{}const y=B.forwardRef(({children:a,className:l,gapVertical:t,paddingBottom:o,paddingTop:d,paddingVertical:i,...m},c)=>e.jsx("div",{...m,ref:c,className:_("ams-breakout",t&&`ams-breakout--gap-vertical--${t}`,T("breakout",o,d,i),l),children:a}));y.displayName="Breakout";const r=Object.assign(y,{Cell:x});try{r.displayName="Breakout",r.__docgenInfo={description:"",displayName:"Breakout",props:{gapVertical:{defaultValue:null,description:"The amount of space between rows.",name:"gapVertical",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'}]}},paddingBottom:{defaultValue:null,description:"The amount of space below.",name:"paddingBottom",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}},paddingTop:{defaultValue:null,description:"The amount of space above.",name:"paddingTop",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}},paddingVertical:{defaultValue:null,description:"The amount of space above and below.",name:"paddingVertical",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}}}}}catch{}const q={title:"Components/Layout/Breakout",component:r,decorators:[a=>e.jsx(V,{children:e.jsx(a,{})})]},n={args:{children:[e.jsx(r.Cell,{colSpan:"all",has:"spotlight",rowSpan:{medium:2,narrow:2,wide:1},rowStart:2,children:e.jsx(k,{})}),e.jsx(r.Cell,{colSpan:{medium:8,narrow:4,wide:6},colStart:1,rowStart:{medium:3,narrow:3,wide:2},children:e.jsx(p,{inverseColor:!0,children:"Het doel van deze club is om ervoor te zorgen dat de Zuidas steeds duurzamer wordt."})}),e.jsx(r.Cell,{colSpan:{medium:8,narrow:4,wide:6},colStart:{medium:1,narrow:1,wide:7},has:"figure",rowSpan:2,rowStart:1,children:e.jsx(C,{ratio:"square",children:e.jsx(b,{alt:"",src:"https://picsum.photos/960/960"})})})]}},s={args:{children:[e.jsx(r.Cell,{colSpan:"all",has:"figure",rowSpan:2,rowStart:1,children:e.jsx(C,{ratio:"x-wide",children:e.jsx(b,{alt:"",src:"https://picsum.photos/1600/900"})})}),e.jsx(r.Cell,{colSpan:"all",has:"spotlight",rowSpan:2,rowStart:2,children:e.jsx(k,{})}),e.jsxs(r.Cell,{colSpan:{medium:6,narrow:4,wide:8},colStart:{medium:2,narrow:1,wide:3},rowStart:3,children:[e.jsx(p,{className:"ams-mb--sm",inverseColor:!0,children:"Vertel ons in het evenementenformulier wat u wilt gaan doen. U checkt daarmee of u een vergunning nodig hebt."}),e.jsx(p,{inverseColor:!0,children:"Daarna vraagt u de vergunning aan in hetzelfde formulier. Of doet u een gratis melding of vooraankondiging."})]})]}};var h,g,w;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
+The Cell containing the Image aligns itself to the bottom of the row, in case it is less tall than the text.`,name:"has",required:!1,type:{name:"enum",value:[{value:'"figure"'},{value:'"spotlight"'}]}},rowSpan:{defaultValue:null,description:"The amount of grid rows the cell spans.",name:"rowSpan",required:!1,type:{name:"BreakoutRowNumber | BreakoutRowNumbers"}},rowStart:{defaultValue:null,description:"The index of the grid row the cell starts at.",name:"rowStart",required:!1,type:{name:"BreakoutRowNumber | BreakoutRowNumbers"}}}}}catch{}const x=_.forwardRef(({children:a,className:l,gapVertical:t,paddingBottom:o,paddingTop:d,paddingVertical:i,...m},c)=>e.jsx("div",{...m,ref:c,className:b("ams-breakout",t&&`ams-breakout--gap-vertical--${t}`,V("breakout",o,d,i),l),children:a}));x.displayName="Breakout";const r=Object.assign(x,{Cell:B});try{r.displayName="Breakout",r.__docgenInfo={description:"",displayName:"Breakout",props:{gapVertical:{defaultValue:null,description:"The amount of space between rows.",name:"gapVertical",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'}]}},paddingBottom:{defaultValue:null,description:"The amount of space below.",name:"paddingBottom",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}},paddingTop:{defaultValue:null,description:"The amount of space above.",name:"paddingTop",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}},paddingVertical:{defaultValue:null,description:"The amount of space above and below.",name:"paddingVertical",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}}}}}catch{}const q={title:"Components/Layout/Breakout",component:r,decorators:[a=>e.jsx(N,{children:e.jsx(a,{})})]},n={args:{children:[e.jsx(r.Cell,{colSpan:"all",has:"spotlight",rowSpan:{medium:2,narrow:2,wide:1},rowStart:2,children:e.jsx(k,{})}),e.jsx(r.Cell,{colSpan:{medium:8,narrow:4,wide:6},colStart:1,rowStart:{medium:3,narrow:3,wide:2},children:e.jsx(p,{inverseColor:!0,children:"Het doel van deze club is om ervoor te zorgen dat de Zuidas steeds duurzamer wordt."})}),e.jsx(r.Cell,{colSpan:{medium:8,narrow:4,wide:6},colStart:{medium:1,narrow:1,wide:7},has:"figure",rowSpan:2,rowStart:1,children:e.jsx(C,{alt:"",aspectRatio:"square",src:"https://picsum.photos/960/960"})})]}},s={args:{children:[e.jsx(r.Cell,{colSpan:"all",has:"figure",rowSpan:2,rowStart:1,children:e.jsx(C,{alt:"",src:"https://picsum.photos/1600/900"})}),e.jsx(r.Cell,{colSpan:"all",has:"spotlight",rowSpan:2,rowStart:2,children:e.jsx(k,{})}),e.jsxs(r.Cell,{colSpan:{medium:6,narrow:4,wide:8},colStart:{medium:2,narrow:1,wide:3},rowStart:3,children:[e.jsx(p,{className:"ams-mb--sm",inverseColor:!0,children:"Vertel ons in het evenementenformulier wat u wilt gaan doen. U checkt daarmee of u een vergunning nodig hebt."}),e.jsx(p,{inverseColor:!0,children:"Daarna vraagt u de vergunning aan in hetzelfde formulier. Of doet u een gratis melding of vooraankondiging."})]})]}};var h,g,w;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
args: {
children: [
-
-
-
+ ]
}
}`,...(w=(g=n.parameters)==null?void 0:g.docs)==null?void 0:w.source}}};var f,S,v;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
args: {
children: [
-
-
-
+ , , t.jsxs("button",{...p,className:d("ams-button",`ams-button--${m}`,e&&a&&"ams-button--icon-only",l),disabled:i,ref:c,type:u||"button",children:[e&&(n||a)&&t.jsx(s,{svg:e,size:"level-5",square:a}),e&&a?t.jsx("span",{className:"ams-visually-hidden",children:o}):o,e&&!n&&!a&&t.jsx(s,{svg:e,size:"level-5"})]}));r.displayName="Button";try{r.displayName="Button",r.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"primary"},description:"The level of prominence. Use a primary button only once per page or section.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},icon:{defaultValue:null,description:"Adds an icon to the button, showing it after the label.",name:"icon",required:!1,type:{name:"Function"}},iconBefore:{defaultValue:null,description:"Shows the icon before the label. Requires a value for `icon`. Cannot be used together with `iconOnly`.",name:"iconBefore",required:!1,type:{name:"boolean"}},iconOnly:{defaultValue:null,description:"Shows the icon without the label. Requires a value for `icon`. Cannot be used together with `iconBefore`.",name:"iconOnly",required:!1,type:{name:"boolean"}}}}}catch{}export{r as B};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Button.docs-CBDbkMxP.js b/demo-DES-1011-storybook-pagination-page-control/assets/Button.docs-BIJ2PlLL.js
similarity index 83%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Button.docs-CBDbkMxP.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Button.docs-BIJ2PlLL.js
index 4eb9b7f267..9cd3c27190 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Button.docs-CBDbkMxP.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Button.docs-BIJ2PlLL.js
@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as i}from"./index-BI1Biiay.js";import{ae as s,ak as a,al as c,am as h,an as t}from"./index-CVCX-fJT.js";import{B as l,P as d,S as u,T as p,W as m,a as b,b as f,c as w}from"./Button.stories-D2b3qojH.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-DQgjFsBh.js";import"./clsx-B-dksMZM.js";import"./Icon-msbkstIT.js";const x=`
+import{j as n}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as i}from"./index-BSj771as.js";import{ae as s,aq as a,ar as c,as as h,at as t}from"./index-C_FGIpEe.js";import{B as l,P as d,S as u,T as p,W as m,a as b,b as f,c as w}from"./Button.stories-BL4tbOZN.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-CEuZchO4.js";import"./Button-CLCAbUHj.js";import"./clsx-B-dksMZM.js";import"./Icon-D1obyjGa.js";const x=`
# Button
@@ -64,4 +64,4 @@ a shorter text might be unavailable,
two buttons could sit next to each other on a narrow screen,
or the user has configured a large font on their device.
This is fine.`}),`
-`,n.jsx(t,{of:w})]})}function D(o={}){const{wrapper:e}={...i(),...o.components};return e?n.jsx(e,{...o,children:n.jsx(r,{...o})}):r(o)}export{D as default};
+`,n.jsx(t,{of:w})]})}function E(o={}){const{wrapper:e}={...i(),...o.components};return e?n.jsx(e,{...o,children:n.jsx(r,{...o})}):r(o)}export{E as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Button.stories-BL4tbOZN.js b/demo-DES-1011-storybook-pagination-page-control/assets/Button.stories-BL4tbOZN.js
new file mode 100644
index 0000000000..9744e69250
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Button.stories-BL4tbOZN.js
@@ -0,0 +1,38 @@
+import{j as i}from"./jsx-runtime-j_jdvEMj.js";import{I as d,c}from"./index.esm-CEuZchO4.js";import{B as A}from"./Button-CLCAbUHj.js";const V={title:"Components/Buttons/Button",component:A,args:{children:"Versturen",disabled:!1,icon:void 0,iconBefore:!1,iconOnly:!1,variant:"primary"},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."},icon:{control:{type:"select",labels:{undefined:"none"}},options:[void 0,...Object.keys(d)],mapping:d},iconBefore:{control:{type:"boolean"},if:{arg:"icon"}},iconOnly:{control:{type:"boolean"},if:{arg:"icon"}}}},r={},e={args:{children:"Annuleren",variant:"secondary"}},n={args:{children:"Terug",variant:"tertiary"}},o={args:{children:"Sluiten",icon:c}},a={args:{children:"Sluiten",icon:c,iconBefore:!0}},s={args:{children:"Sluiten",icon:c,iconOnly:!0,variant:"tertiary"}},t={args:{children:"Vergunningsaanvraag verzenden"},decorators:[z=>i.jsx("div",{style:{maxWidth:"16rem"},children:i.jsx(z,{})})]};var l,p,m;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(m=(p=r.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,g,y;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{
+ args: {
+ children: 'Annuleren',
+ variant: 'secondary'
+ }
+}`,...(y=(g=e.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};var h,S,v;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
+ args: {
+ children: 'Terug',
+ variant: 'tertiary'
+ }
+}`,...(v=(S=n.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};var f,I,B;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`{
+ args: {
+ children: 'Sluiten',
+ icon: Icons.CloseIcon
+ }
+}`,...(B=(I=o.parameters)==null?void 0:I.docs)==null?void 0:B.source}}};var b,W,x;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{
+ args: {
+ children: 'Sluiten',
+ icon: Icons.CloseIcon,
+ iconBefore: true
+ }
+}`,...(x=(W=a.parameters)==null?void 0:W.docs)==null?void 0:x.source}}};var O,T,j;s.parameters={...s.parameters,docs:{...(O=s.parameters)==null?void 0:O.docs,source:{originalSource:`{
+ args: {
+ children: 'Sluiten',
+ icon: Icons.CloseIcon,
+ iconOnly: true,
+ variant: 'tertiary'
+ }
+}`,...(j=(T=s.parameters)==null?void 0:T.docs)==null?void 0:j.source}}};var _,C,P;t.parameters={...t.parameters,docs:{...(_=t.parameters)==null?void 0:_.docs,source:{originalSource:`{
+ args: {
+ children: 'Vergunningsaanvraag verzenden'
+ },
+ decorators: [Story =>
+
+
]
+}`,...(P=(C=t.parameters)==null?void 0:C.docs)==null?void 0:P.source}}};const E=["Primary","Secondary","Tertiary","WithIcon","WithIconBefore","WithIconOnly","TextWrapping"],q=Object.freeze(Object.defineProperty({__proto__:null,Primary:r,Secondary:e,Tertiary:n,TextWrapping:t,WithIcon:o,WithIconBefore:a,WithIconOnly:s,__namedExportsOrder:E,default:V},Symbol.toStringTag,{value:"Module"}));export{q as B,r as P,e as S,n as T,o as W,a,s as b,t as c};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Button.stories-D2b3qojH.js b/demo-DES-1011-storybook-pagination-page-control/assets/Button.stories-D2b3qojH.js
deleted file mode 100644
index b3e3f091e8..0000000000
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Button.stories-D2b3qojH.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import{j as r}from"./jsx-runtime-BlAj40OV.js";import{I as g,c as p}from"./index.esm-DQgjFsBh.js";import{c as D}from"./clsx-B-dksMZM.js";import{r as G}from"./index-Cs7sjTYM.js";import{I as d}from"./Icon-msbkstIT.js";const u=G.forwardRef(({children:e,className:R,disabled:E,icon:n,iconBefore:m,iconOnly:y,type:k,variant:F="primary",...M},U)=>{const $=()=>{switch(!0){case!n:return e;case m:return[r.jsx(d,{svg:n,size:"level-5"}),e];case y:return[r.jsx(d,{svg:n,size:"level-5",square:!0},1),r.jsx("span",{className:"ams-visually-hidden",children:e},2)];default:return[e,r.jsx(d,{svg:n,size:"level-5"})]}};return r.jsx("button",{...M,className:D("ams-button",`ams-button--${F}`,n&&y&&!m&&"ams-button--icon-only",R),disabled:E,ref:U,type:k||"button",children:$()})});u.displayName="Button";try{u.displayName="Button",u.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"primary"},description:"The level of prominence. Use a primary button only once per page or section.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},icon:{defaultValue:null,description:"Adds an icon to the button, showing it after the label.",name:"icon",required:!1,type:{name:"Function"}},iconBefore:{defaultValue:null,description:"Shows the icon before the label. Requires a value for `icon`. Cannot be used together with `iconOnly`.",name:"iconBefore",required:!1,type:{name:"boolean"}},iconOnly:{defaultValue:null,description:"Shows the icon without the label. Requires a value for `icon`. Cannot be used together with `iconBefore`.",name:"iconOnly",required:!1,type:{name:"boolean"}}}}}catch{}const H={title:"Components/Buttons/Button",component:u,args:{children:"Versturen",disabled:!1,icon:void 0,iconBefore:!1,iconOnly:!1,variant:"primary"},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."},icon:{control:{type:"select",labels:{undefined:"none"}},options:[void 0,...Object.keys(g)],mapping:g},iconBefore:{control:{type:"boolean"},if:{arg:"icon"}},iconOnly:{control:{type:"boolean"},if:{arg:"icon"}}}},a={},o={args:{children:"Annuleren",variant:"secondary"}},t={args:{children:"Terug",variant:"tertiary"}},s={args:{children:"Sluiten",icon:p}},i={args:{children:"Sluiten",icon:p,iconBefore:!0}},c={args:{children:"Sluiten",icon:p,iconOnly:!0,variant:"tertiary"}},l={args:{children:"Vergunningsaanvraag verzenden"},decorators:[e=>r.jsx("div",{style:{maxWidth:"16rem"},children:r.jsx(e,{})})]};var f,h,v;a.parameters={...a.parameters,docs:{...(f=a.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(v=(h=a.parameters)==null?void 0:h.docs)==null?void 0:v.source}}};var b,S,x;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`{
- args: {
- children: 'Annuleren',
- variant: 'secondary'
- }
-}`,...(x=(S=o.parameters)==null?void 0:S.docs)==null?void 0:x.source}}};var I,B,_;t.parameters={...t.parameters,docs:{...(I=t.parameters)==null?void 0:I.docs,source:{originalSource:`{
- args: {
- children: 'Terug',
- variant: 'tertiary'
- }
-}`,...(_=(B=t.parameters)==null?void 0:B.docs)==null?void 0:_.source}}};var j,O,W;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`{
- args: {
- children: 'Sluiten',
- icon: Icons.CloseIcon
- }
-}`,...(W=(O=s.parameters)==null?void 0:O.docs)==null?void 0:W.source}}};var T,w,q;i.parameters={...i.parameters,docs:{...(T=i.parameters)==null?void 0:T.docs,source:{originalSource:`{
- args: {
- children: 'Sluiten',
- icon: Icons.CloseIcon,
- iconBefore: true
- }
-}`,...(q=(w=i.parameters)==null?void 0:w.docs)==null?void 0:q.source}}};var C,V,z;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`{
- args: {
- children: 'Sluiten',
- icon: Icons.CloseIcon,
- iconOnly: true,
- variant: 'tertiary'
- }
-}`,...(z=(V=c.parameters)==null?void 0:V.docs)==null?void 0:z.source}}};var N,P,A;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
- args: {
- children: 'Vergunningsaanvraag verzenden'
- },
- decorators: [Story =>
-
-
]
-}`,...(A=(P=l.parameters)==null?void 0:P.docs)==null?void 0:A.source}}};const J=["Primary","Secondary","Tertiary","WithIcon","WithIconBefore","WithIconOnly","TextWrapping"],Z=Object.freeze(Object.defineProperty({__proto__:null,Primary:a,Secondary:o,Tertiary:t,TextWrapping:l,WithIcon:s,WithIconBefore:i,WithIconOnly:c,__namedExportsOrder:J,default:H},Symbol.toStringTag,{value:"Module"}));export{Z as B,a as P,o as S,t as T,s as W,i as a,c as b,l as c};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Card.docs-D05LpnHv.js b/demo-DES-1011-storybook-pagination-page-control/assets/Card.docs-Bd0ZeijZ.js
similarity index 79%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Card.docs-D05LpnHv.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Card.docs-Bd0ZeijZ.js
index cb360be6d4..ed1bebd64f 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Card.docs-D05LpnHv.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Card.docs-Bd0ZeijZ.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as o}from"./index-BI1Biiay.js";import{ae as r,ak as s,al as d,an as a}from"./index-CVCX-fJT.js";import{C as c,W as h,a as l}from"./Card.stories-CxGyXYgu.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";import"./exampleContent-hIIPvEhU.js";import"./Paragraph-BWS5kDPY.js";const p=`
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as o}from"./index-BSj771as.js";import{ae as r,aq as s,ar as d,at as a}from"./index-C_FGIpEe.js";import{C as c,W as h,a as l}from"./Card.stories-NDfJE6VP.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";import"./exampleContent-hIIPvEhU.js";import"./Paragraph-DZy4cHOZ.js";const p=`
# Card
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Card.stories-CxGyXYgu.js b/demo-DES-1011-storybook-pagination-page-control/assets/Card.stories-CxGyXYgu.js
deleted file mode 100644
index 15660f2a5e..0000000000
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Card.stories-CxGyXYgu.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{H as l,P as c,h as G,I as v}from"./index.esm-C9EHg3vL.js";import{h as z}from"./exampleContent-hIIPvEhU.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as g}from"./index-Cs7sjTYM.js";import{P}from"./Paragraph-BWS5kDPY.js";const w=g.forwardRef(({children:a,className:n,tagline:s,...o},L)=>e.jsxs("hgroup",{...o,ref:L,className:p("ams-card__heading-group",n),children:[a,e.jsx(P,{size:"small",children:s})]}));w.displayName="Card.HeadingGroup";try{Card.HeadingGroup.displayName="Card.HeadingGroup",Card.HeadingGroup.__docgenInfo={description:"",displayName:"Card.HeadingGroup",props:{tagline:{defaultValue:null,description:"A short phrase of text, e.g. to categorise the card. Displayed above the card heading.",name:"tagline",required:!0,type:{name:"string"}}}}}catch{}const H=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("a",{...s,ref:o,className:p("ams-card__link",n),children:a}));H.displayName="Card.Link";try{Card.Link.displayName="Card.Link",Card.Link.__docgenInfo={description:"",displayName:"Card.Link",props:{}}}catch{}const N=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("article",{...s,ref:o,className:p("ams-card",n),children:a}));N.displayName="Card";const r=Object.assign(N,{HeadingGroup:w,Link:H});try{r.displayName="Card",r.__docgenInfo={description:"",displayName:"Card",props:{}}}catch{}const b=new Intl.DateTimeFormat("nl",{day:"numeric",month:"long",year:"numeric"}),A=b.format(Date.now()),m=z(),R={title:"Components/Navigation/Card",component:r,decorators:[a=>e.jsx("div",{style:{maxWidth:"24rem"},children:e.jsx(a,{})})]},i={args:{children:[e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:m.heading})},1),e.jsx(c,{children:m.description},2)]}},t={args:{children:[e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},1),e.jsx(c,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},d={args:{children:[e.jsx(G,{ratio:"wide",children:e.jsx(v,{alt:"",src:"https://picsum.photos/480/360"})},1),e.jsx(r.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})},2),e.jsx(c,{children:"We bouwen een levendige, groene en duurzame woonbuurt tussen de Gooiseweg en het Nelson Mandelapark."},3),e.jsx(c,{size:"small",children:A},4)]}};var h,u,k;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{
- args: {
- children: [
- {topTask.heading}
- , {topTask.description}]
- }
-}`,...(k=(u=i.parameters)==null?void 0:u.docs)==null?void 0:k.source}}};var _,y,C;t.parameters={...t.parameters,docs:{...(_=t.parameters)==null?void 0:_.docs,source:{originalSource:`{
- args: {
- children: [
-
- Monitor Attracties MRA
-
- ,
- Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam.
- ]
- }
-}`,...(C=(y=t.parameters)==null?void 0:y.docs)==null?void 0:C.source}}};var f,x,j;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{
- args: {
- children: [
-
- ,
-
- Nederlands eerste houten woonwijk komt in Zuidoost
-
- ,
- We bouwen een levendige, groene en duurzame woonbuurt tussen de Gooiseweg en het Nelson Mandelapark.
- ,
- {today}
- ]
- }
-}`,...(j=(x=d.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const I=["Default","WithTagline","WithImage"],E=Object.freeze(Object.defineProperty({__proto__:null,Default:i,WithImage:d,WithTagline:t,__namedExportsOrder:I,default:R},Symbol.toStringTag,{value:"Module"}));export{E as C,t as W,d as a};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Card.stories-NDfJE6VP.js b/demo-DES-1011-storybook-pagination-page-control/assets/Card.stories-NDfJE6VP.js
new file mode 100644
index 0000000000..64bfc01fbc
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Card.stories-NDfJE6VP.js
@@ -0,0 +1,29 @@
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{H as l,P as c,I as G}from"./index.esm-DBblPCWP.js";import{h as v}from"./exampleContent-hIIPvEhU.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as g}from"./index-B-o1Wr-g.js";import{P as z}from"./Paragraph-DZy4cHOZ.js";const w=g.forwardRef(({children:a,className:n,tagline:s,...o},L)=>e.jsxs("hgroup",{...o,ref:L,className:p("ams-card__heading-group",n),children:[a,e.jsx(z,{size:"small",children:s})]}));w.displayName="Card.HeadingGroup";try{Card.HeadingGroup.displayName="Card.HeadingGroup",Card.HeadingGroup.__docgenInfo={description:"",displayName:"Card.HeadingGroup",props:{tagline:{defaultValue:null,description:"A short phrase of text, e.g. to categorise the card. Displayed above the card heading.",name:"tagline",required:!0,type:{name:"string"}}}}}catch{}const H=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("a",{...s,ref:o,className:p("ams-card__link",n),children:a}));H.displayName="Card.Link";try{Card.Link.displayName="Card.Link",Card.Link.__docgenInfo={description:"",displayName:"Card.Link",props:{}}}catch{}const N=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("article",{...s,ref:o,className:p("ams-card",n),children:a}));N.displayName="Card";const r=Object.assign(N,{HeadingGroup:w,Link:H});try{r.displayName="Card",r.__docgenInfo={description:"",displayName:"Card",props:{}}}catch{}const P=new Intl.DateTimeFormat("nl",{day:"numeric",month:"long",year:"numeric"}),b=P.format(Date.now()),m=v(),I={title:"Components/Navigation/Card",component:r,decorators:[a=>e.jsx("div",{style:{maxWidth:"24rem"},children:e.jsx(a,{})})]},i={args:{children:[e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:m.heading})},1),e.jsx(c,{children:m.description},2)]}},t={args:{children:[e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},1),e.jsx(c,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},d={args:{children:[e.jsx(G,{alt:"",aspectRatio:"wide",src:"https://picsum.photos/480/360"},1),e.jsx(r.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})},2),e.jsx(c,{children:"We bouwen een levendige, groene en duurzame woonbuurt tussen de Gooiseweg en het Nelson Mandelapark."},3),e.jsx(c,{size:"small",children:b},4)]}};var h,u,k;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{
+ args: {
+ children: [
+ {topTask.heading}
+ , {topTask.description}]
+ }
+}`,...(k=(u=i.parameters)==null?void 0:u.docs)==null?void 0:k.source}}};var _,y,C;t.parameters={...t.parameters,docs:{...(_=t.parameters)==null?void 0:_.docs,source:{originalSource:`{
+ args: {
+ children: [
+
+ Monitor Attracties MRA
+
+ ,
+ Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam.
+ ]
+ }
+}`,...(C=(y=t.parameters)==null?void 0:y.docs)==null?void 0:C.source}}};var f,x,j;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{
+ args: {
+ children: [,
+
+ Nederlands eerste houten woonwijk komt in Zuidoost
+
+ ,
+ We bouwen een levendige, groene en duurzame woonbuurt tussen de Gooiseweg en het Nelson Mandelapark.
+ ,
+ {today}
+ ]
+ }
+}`,...(j=(x=d.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const R=["Default","WithTagline","WithImage"],S=Object.freeze(Object.defineProperty({__proto__:null,Default:i,WithImage:d,WithTagline:t,__namedExportsOrder:R,default:I},Symbol.toStringTag,{value:"Module"}));export{S as C,t as W,d as a};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.docs-BT6kv5oU.js b/demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.docs-DcaETggL.js
similarity index 80%
rename from demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.docs-BT6kv5oU.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.docs-DcaETggL.js
index 03f4ca689d..4f4d4a7503 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.docs-BT6kv5oU.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.docs-DcaETggL.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as a}from"./index-BI1Biiay.js";import{ae as o,ak as s,al as h,am as i,an as c}from"./index-CVCX-fJT.js";import{C as m,E as l}from"./CharacterCount.stories-NoG2wwGU.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=`
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as a}from"./index-BSj771as.js";import{ae as o,aq as s,ar as h,as as i,at as c}from"./index-C_FGIpEe.js";import{C as m,E as l}from"./CharacterCount.stories-BuZ7Uh_6.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=`
# Character Count
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.stories-NoG2wwGU.js b/demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.stories-BuZ7Uh_6.js
similarity index 91%
rename from demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.stories-NoG2wwGU.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.stories-BuZ7Uh_6.js
index f7bf06a012..a707bb09f3 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.stories-NoG2wwGU.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/CharacterCount.stories-BuZ7Uh_6.js
@@ -1,4 +1,4 @@
-import{j as h}from"./jsx-runtime-BlAj40OV.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as f}from"./index-Cs7sjTYM.js";const t=f.forwardRef(({className:a,length:o,maxLength:n,...d},i)=>h.jsx("div",{...d,ref:i,className:g("ams-character-count",o>n&&"ams-character-count--error",a),role:"status",children:`${o} van ${n} tekens`}));t.displayName="CharacterCount";try{t.displayName="CharacterCount",t.__docgenInfo={description:"",displayName:"CharacterCount",props:{length:{defaultValue:null,description:"The current length of the field’s value.",name:"length",required:!0,type:{name:"number"}},maxLength:{defaultValue:null,description:"The maximum length of the field’s value.",name:"maxLength",required:!0,type:{name:"number"}}}}}catch{}/**
+import{j as h}from"./jsx-runtime-j_jdvEMj.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as f}from"./index-B-o1Wr-g.js";const t=f.forwardRef(({className:a,length:o,maxLength:n,...d},i)=>h.jsx("div",{...d,ref:i,className:g("ams-character-count",o>n&&"ams-character-count--error",a),role:"status",children:`${o} van ${n} tekens`}));t.displayName="CharacterCount";try{t.displayName="CharacterCount",t.__docgenInfo={description:"",displayName:"CharacterCount",props:{length:{defaultValue:null,description:"The current length of the field’s value.",name:"length",required:!0,type:{name:"number"}},maxLength:{defaultValue:null,description:"The maximum length of the field’s value.",name:"maxLength",required:!0,type:{name:"number"}}}}}catch{}/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/const C={title:"Components/Forms/Character Count",component:t,args:{length:7,maxLength:10}},e={},r={args:{length:1001,maxLength:1e3}};var s,c,m;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(m=(c=e.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var u,l,p;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.docs-BAl5Nfb0.js b/demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.docs-DrIoAebF.js
similarity index 83%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.docs-BAl5Nfb0.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.docs-DrIoAebF.js
index 9caaef04f9..ee280a900c 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.docs-BAl5Nfb0.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.docs-DrIoAebF.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as s}from"./index-BI1Biiay.js";import{ae as a,ak as r,al as l,am as c,an as i}from"./index-CVCX-fJT.js";import{C as d,L as h,I as f,a as m}from"./Checkbox.stories-DALH4cZE.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";const p=`
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as s}from"./index-BSj771as.js";import{ae as a,aq as r,ar as l,as as c,at as i}from"./index-C_FGIpEe.js";import{C as d,L as h,I as f,a as p}from"./Checkbox.stories-B4W_jmVq.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";const m=`
# Checkbox
@@ -31,7 +31,7 @@ Checkbox is an interactive element, and the [general requirements and guidelines
`;/*@license CC0-1.0*/function o(t){const n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...s(),...t.components};return e.jsxs(e.Fragment,{children:[`
`,`
`,e.jsx(a,{of:d}),`
-`,e.jsx(r,{children:p}),`
+`,e.jsx(r,{children:m}),`
`,e.jsx(l,{}),`
`,e.jsx(c,{}),`
`,e.jsx(n.h2,{id:"examples",children:"Examples"}),`
@@ -47,4 +47,4 @@ instead of `,e.jsx(n.code,{children:"aria-describedby"}),"."]}),`
`,e.jsx(n.h3,{id:"in-a-field-set-with-validation",children:"In a Field Set with validation"}),`
`,e.jsxs(n.p,{children:["If the Checkbox can become invalid, add an Error Message component and its ",e.jsx(n.code,{children:"id"})," to the ",e.jsx(n.code,{children:"aria-labelledby"})," attribute of the Field Set."]}),`
`,e.jsxs(n.p,{children:["Check ",e.jsx(n.a,{href:"/docs/components-forms-field-set--docs",children:"the Field Set docs"})," for more information on configuring it."]}),`
-`,e.jsx(i,{of:m})]})}function E(t={}){const{wrapper:n}={...s(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(o,{...t})}):o(t)}export{E as default};
+`,e.jsx(i,{of:p})]})}function E(t={}){const{wrapper:n}={...s(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(o,{...t})}):o(t)}export{E as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.stories-DALH4cZE.js b/demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.stories-B4W_jmVq.js
similarity index 97%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.stories-DALH4cZE.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.stories-B4W_jmVq.js
index fff7c2752e..95a5694c96 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.stories-DALH4cZE.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Checkbox.stories-B4W_jmVq.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{F as I,P as E,E as S,C as N}from"./index.esm-C9EHg3vL.js";import{c as F}from"./clsx-B-dksMZM.js";import{r as i}from"./index-Cs7sjTYM.js";const r=i.forwardRef(({children:a,className:c,invalid:m,indeterminate:o,...w},A)=>{const b=i.useId(),s=i.useRef(null);return i.useImperativeHandle(A,()=>s.current),i.useEffect(()=>{s.current&&(s.current.indeterminate=!!o)},[s,o]),e.jsxs("div",{className:F("ams-checkbox",c),children:[e.jsx("input",{...w,"aria-invalid":m||void 0,className:"ams-checkbox__input",id:b,ref:s,type:"checkbox"}),e.jsxs("label",{className:"ams-checkbox__label",htmlFor:b,children:[e.jsx("span",{className:"ams-checkbox__checkmark"}),a]})]})});r.displayName="Checkbox";try{r.displayName="Checkbox",r.__docgenInfo={description:"",displayName:"Checkbox",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:null,description:"Allows being neither checked nor unchecked.",name:"indeterminate",required:!1,type:{name:"boolean"}}}}}catch{}const{useArgs:z}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Checkbox",component:r,args:{checked:!1,children:"Checkbox label",disabled:!1,indeterminate:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,c]=z(),m=o=>{c({checked:o.target.checked})};return e.jsx(r,{onClick:m,...a})}},l={},n={args:{children:"Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening."}},t={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset1 description1${a?" error1":""}`,id:"fieldset1",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset2 description2${a?" error2":""}`,id:"fieldset2",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})};var u,h,g;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(h=l.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,p,x;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{F as I,P as E,E as S,C as N}from"./index.esm-DBblPCWP.js";import{c as F}from"./clsx-B-dksMZM.js";import{r as i}from"./index-B-o1Wr-g.js";const r=i.forwardRef(({children:a,className:c,invalid:m,indeterminate:o,...w},A)=>{const b=i.useId(),s=i.useRef(null);return i.useImperativeHandle(A,()=>s.current),i.useEffect(()=>{s.current&&(s.current.indeterminate=!!o)},[s,o]),e.jsxs("div",{className:F("ams-checkbox",c),children:[e.jsx("input",{...w,"aria-invalid":m||void 0,className:"ams-checkbox__input",id:b,ref:s,type:"checkbox"}),e.jsxs("label",{className:"ams-checkbox__label",htmlFor:b,children:[e.jsx("span",{className:"ams-checkbox__checkmark"}),a]})]})});r.displayName="Checkbox";try{r.displayName="Checkbox",r.__docgenInfo={description:"",displayName:"Checkbox",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:null,description:"Allows being neither checked nor unchecked.",name:"indeterminate",required:!1,type:{name:"boolean"}}}}}catch{}const{useArgs:z}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Checkbox",component:r,args:{checked:!1,children:"Checkbox label",disabled:!1,indeterminate:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,c]=z(),m=o=>{c({checked:o.target.checked})};return e.jsx(r,{onClick:m,...a})}},l={},n={args:{children:"Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening."}},t={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset1 description1${a?" error1":""}`,id:"fieldset1",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset2 description2${a?" error2":""}`,id:"fieldset2",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})};var u,h,g;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(h=l.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,p,x;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
args: {
children: 'Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening.'
}
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Color-ERTF36HU-C2QWSBm2.js b/demo-DES-1011-storybook-pagination-page-control/assets/Color-ERTF36HU-C2QWSBm2.js
deleted file mode 100644
index e4e0caf49f..0000000000
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Color-ERTF36HU-C2QWSBm2.js
+++ /dev/null
@@ -1 +0,0 @@
-import{aq as Me,ar as ie,as as Ce,at as $,a2 as ue,a0 as $e,H as Oe,au as Ie,av as Ne}from"./index-CVCX-fJT.js";import{R as h,r as m}from"./index-Cs7sjTYM.js";import{g as fe}from"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./jsx-runtime-BlAj40OV.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";var Se={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Se,he={};for(const e of Object.keys(F))he[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var de=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Re(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=he[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Re(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=de;function je(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function Be(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{N[e]={},Object.defineProperty(N[e],"channels",{value:K[e].channels}),Object.defineProperty(N[e],"labels",{value:K[e].labels});const t=Pe(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=Be(o),N[e][r].raw=qe(o)})});var Xe=N;const _=fe(Xe);var De=Me,We=function(){return De.Date.now()},Ke=We,Ve=/\s/;function Ae(e){for(var t=e.length;t--&&Ve.test(e.charAt(t)););return t}var Ge=Ae,Ue=Ge,Ye=/^\s+/;function Je(e){return e&&e.slice(0,Ue(e)+1).replace(Ye,"")}var Qe=Je,Ze=Qe,te=ie,et=Ce,ne=NaN,tt=/^[-+]0x[0-9a-f]+$/i,nt=/^0b[01]+$/i,rt=/^0o[0-7]+$/i,ot=parseInt;function at(e){if(typeof e=="number")return e;if(et(e))return ne;if(te(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=te(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ze(e);var n=nt.test(e);return n||rt.test(e)?ot(e.slice(2),n?2:8):tt.test(e)?ne:+e}var st=at,lt=ie,W=Ke,re=st,ct="Expected a function",it=Math.max,ut=Math.min;function ft(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError(ct);t=re(t)||0,lt(n)&&(d=!!n.leading,f="maxWait"in n,a=f?it(re(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,H=o;return r=o=void 0,i=v,s=e.apply(H,C),s}function j(v){return i=v,l=setTimeout(b,t),d?x(v):s}function M(v){var C=v-c,H=v-i,ee=t-C;return f?ut(ee,a-H):ee}function p(v){var C=v-c,H=v-i;return c===void 0||C>=t||C<0||f&&H>=a}function b(){var v=W();if(p(v))return w(v);l=setTimeout(b,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function O(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(b,t),x(c)}return l===void 0&&(l=setTimeout(b,t)),s}return O.cancel=E,O.flush=k,O}var ht=ft;const dt=fe(ht);function I(){return(I=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function V(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(oe(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var b=c.current,w=A(o.current),E=p?w.addEventListener:w.removeEventListener;E(b?"touchmove":"mousemove",x),E(b?"touchend":"mouseup",j)}return[function(p){var b=p.nativeEvent,w=o.current;if(w&&(ae(b),!function(k,O){return O&&!z(k)}(b,c.current)&&w)){if(z(b)){c.current=!0;var E=b.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(oe(w,b,l.current)),M(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),s({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",I({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},gt={grad:.9,turn:360,rad:360/(2*Math.PI)},mt=function(e){return be(G(e))},G=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},bt=function(e,t){return t===void 0&&(t="deg"),Number(e)*(gt[t]||1)},vt=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?pt({h:bt(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},pt=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},yt=function(e){return wt(me(e))},ge=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},U=function(e){var t=ge(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=ge(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},me=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},xt=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?be({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},wt=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(y(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},be=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},ve=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:U({h:t,s:100,v:100,a:1})})))}),pe=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:U({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:U(t)})))}),ye=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},xe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},kt=function(e,t){return e.toLowerCase()===t.toLowerCase()||ye(G(e),G(t))};function we(e,t,n){var r=V(n),o=m.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),m.useEffect(function(){var i;ye(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=m.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var _t=typeof window<"u"?m.useLayoutEffect:m.useEffect,Et=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},se=new Map,ke=function(e){_t(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!se.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,se.set(t,n);var r=Et();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Mt=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);ke(l);var c=we(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",I({},s,{ref:l,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},Ct={defaultColor:"000",toHsva:mt,fromHsva:function(e){return yt({h:e.h,s:e.s,v:e.v,a:1})},equal:kt},$t=function(e){return h.createElement(Mt,I({},e,{colorModel:Ct}))},Ot=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},_e=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);ke(l);var c=we(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",I({},s,{ref:l,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d}),h.createElement(Ot,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},It={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:vt,fromHsva:B,equal:xe},Nt=function(e){return h.createElement(_e,I({},e,{colorModel:It}))},St={defaultColor:"rgba(0, 0, 0, 1)",toHsva:xt,fromHsva:function(e){var t=me(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:xe},Rt=function(e){return h.createElement(_e,I({},e,{colorModel:St}))},jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Ht=$(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),zt=$.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ft=$($e)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=$(Oe.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Ie)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:$t,rgb:Rt,hsl:Nt},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>S(n)),[s,l]=m.useState((o==null?void 0:o.colorSpace)||"hex");m.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=m.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=m.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=m.useCallback(()=>{let f=L.indexOf(s)+1;f>=L.length&&(f=0),l(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=m.useState(t!=null&&t.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=m.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=m.useCallback(dt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),b=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(Ht,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(zt,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,O)=>h.createElement(ue,{key:`${k.value}-${O}`,hasChrome:!1,tooltip:h.createElement(Ft,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ne(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},ln=Yt;export{Yt as ColorControl,ln as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Color-F6OSRLHC-Cz_eAaoL.js b/demo-DES-1011-storybook-pagination-page-control/assets/Color-F6OSRLHC-Cz_eAaoL.js
new file mode 100644
index 0000000000..9bcbd147cd
--- /dev/null
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Color-F6OSRLHC-Cz_eAaoL.js
@@ -0,0 +1 @@
+import{ak as ce,al as M,a2 as J,a0 as he,N as fe,am as de,an as ge,ao as be,ap as q}from"./index-C_FGIpEe.js";import{R as m,r as p}from"./index-B-o1Wr-g.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./jsx-runtime-j_jdvEMj.js";import"./index-DolzVqEf.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";var me=q({"../../node_modules/color-name/index.js"(n,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Q=q({"../../node_modules/color-convert/conversions.js"(n,l){var c=me(),h={};for(let e of Object.keys(c))h[c[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:t,labels:r}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:r})}u.rgb.hsl=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(t,r,a),i=Math.max(t,r,a),s=i-o,f,g;i===o?f=0:t===i?f=(r-a)/s:r===i?f=2+(a-t)/s:a===i&&(f=4+(t-r)/s),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=s/(i+o):g=s/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let t,r,a,o,i,s=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(s,f,g),y=b-Math.min(s,f,g),v=function(w){return(b-w)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,t=v(s),r=v(f),a=v(g),s===b?o=a-r:f===b?o=1/3+t-a:g===b&&(o=2/3+r-t),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let t=e[0],r=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(r,a));return a=1-1/255*Math.max(t,Math.max(r,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(1-t,1-r,1-a),i=(1-t-o)/(1-o)||0,s=(1-r-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,s*100,f*100,o*100]};function d(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){let t=h[e];if(t)return t;let r=1/0,a;for(let o of Object.keys(c)){let i=c[o],s=d(e,i);s.04045?((t+.055)/1.055)**2.4:t/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=t*.4124+r*.3576+a*.1805,i=t*.2126+r*.7152+a*.0722,s=t*.0193+r*.1192+a*.9505;return[o*100,i*100,s*100]},u.rgb.lab=function(e){let t=u.rgb.xyz(e),r=t[0],a=t[1],o=t[2];r/=95.047,a/=100,o/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,s=500*(r-a),f=200*(a-o);return[i,s,f]},u.hsl.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o,i,s;if(r===0)return s=a*255,[s,s,s];a<.5?o=a*(1+r):o=a+r-a*r;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=t+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?s=f+(o-f)*6*i:2*i<1?s=o:3*i<2?s=f+(o-f)*(2/3-i)*6:s=f,g[b]=s*255;return g},u.hsl.hsv=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=r,i=Math.max(a,.01);a*=2,r*=a<=1?a:2-a,o*=i<=1?i:2-i;let s=(a+r)/2,f=a===0?2*o/(i+o):2*r/(a+r);return[t,f*100,s*100]},u.hsv.rgb=function(e){let t=e[0]/60,r=e[1]/100,a=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),s=255*a*(1-r),f=255*a*(1-r*i),g=255*a*(1-r*(1-i));switch(a*=255,o){case 0:return[a,g,s];case 1:return[f,a,s];case 2:return[s,a,g];case 3:return[s,f,a];case 4:return[g,s,a];case 5:return[a,s,f]}},u.hsv.hsl=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,s;s=(2-r)*a;let f=(2-r)*o;return i=r*o,i/=f<=1?f:2-f,i=i||0,s/=2,[t,i*100,s*100]},u.hwb.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o=r+a,i;o>1&&(r/=o,a/=o);let s=Math.floor(6*t),f=1-a;i=6*t-s,s&1&&(i=1-i);let g=r+i*(f-r),b,y,v;switch(s){default:case 6:case 0:b=f,y=g,v=r;break;case 1:b=g,y=f,v=r;break;case 2:b=r,y=f,v=g;break;case 3:b=r,y=g,v=f;break;case 4:b=g,y=r,v=f;break;case 5:b=f,y=r,v=g;break}return[b*255,y*255,v*255]},u.cmyk.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,r*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,s*255,f*255]},u.xyz.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o,i,s;return o=t*3.2406+r*-1.5372+a*-.4986,i=t*-.9689+r*1.8758+a*.0415,s=t*.0557+r*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[o*255,i*255,s*255]},u.xyz.lab=function(e){let t=e[0],r=e[1],a=e[2];t/=95.047,r/=100,a/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*r-16,i=500*(t-r),s=200*(r-a);return[o,i,s]},u.lab.xyz=function(e){let t=e[0],r=e[1],a=e[2],o,i,s;i=(t+16)/116,o=r/500+i,s=i-a/200;let f=i**3,g=o**3,b=s**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,s=b>.008856?b:(s-16/116)/7.787,o*=95.047,i*=100,s*=108.883,[o,i,s]},u.lab.lch=function(e){let t=e[0],r=e[1],a=e[2],o;o=Math.atan2(a,r)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(r*r+a*a);return[t,i,o]},u.lch.lab=function(e){let t=e[0],r=e[1],a=e[2]/360*2*Math.PI,o=r*Math.cos(a),i=r*Math.sin(a);return[t,o,i]},u.rgb.ansi16=function(e,t=null){let[r,a,o]=e,i=t===null?u.rgb.hsv(e)[2]:t;if(i=Math.round(i/50),i===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(r/255));return i===2&&(s+=60),s},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let t=e[0],r=e[1],a=e[2];return t===r&&r===a?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(r/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let r=(~~(e>50)+1)*.5,a=(t&1)*r*255,o=(t>>1&1)*r*255,i=(t>>2&1)*r*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let t,r=Math.floor(e/36)/5*255,a=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[r,a,o]},u.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let r=t[0];t[0].length===3&&(r=r.split("").map(f=>f+f).join(""));let a=parseInt(r,16),o=a>>16&255,i=a>>8&255,s=a&255;return[o,i,s]},u.rgb.hcg=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,r),a),i=Math.min(Math.min(t,r),a),s=o-i,f,g;return s<1?f=i/(1-s):f=0,s<=0?g=0:o===t?g=(r-a)/s%6:o===r?g=2+(a-t)/s:g=4+(t-r)/s,g/=6,g%=1,[g*360,s*100,f*100]},u.hsl.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=r<.5?2*t*r:2*t*(1-r),o=0;return a<1&&(o=(r-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=t*r,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100;if(r===0)return[a*255,a*255,a*255];let o=[0,0,0],i=t%1*6,s=i%1,f=1-s,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-r)*a,[(r*o[0]+g)*255,(r*o[1]+g)*255,(r*o[2]+g)*255]},u.hcg.hsv=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t),o=0;return a>0&&(o=t/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let t=e[1]/100,r=e[2]/100*(1-t)+.5*t,a=0;return r>0&&r<.5?a=t/(2*r):r>=.5&&r<1&&(a=t/(2*(1-r))),[e[0],a*100,r*100]},u.hcg.hwb=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t);return[e[0],(a-t)*100,(1-a)*100]},u.hwb.hcg=function(e){let t=e[1]/100,r=1-e[2]/100,a=r-t,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),ve=q({"../../node_modules/color-convert/route.js"(n,l){var c=Q();function h(){let t={},r=Object.keys(c);for(let a=r.length,o=0;o1&&(o=i),r(o))};return"conversion"in r&&(a.conversion=r.conversion),a}function t(r){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let s=r(o);if(typeof s=="object")for(let f=s.length,g=0;g{u[r]={},Object.defineProperty(u[r],"channels",{value:c[r].channels}),Object.defineProperty(u[r],"labels",{value:c[r].labels});let a=h(r);Object.keys(a).forEach(o=>{let i=a[o];u[r][o]=t(i),u[r][o].raw=e(i)})}),l.exports=u}}),_=ce(pe());function C(){return(C=Object.assign||function(n){for(var l=1;l=0||(u[c]=n[c]);return u}function L(n){var l=p.useRef(n),c=p.useRef(function(h){l.current&&l.current(h)});return l.current=n,c.current}var N=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=1),n>c?c:n0:y.buttons>0)&&u.current?d(F(u.current,y,t.current)):b(!1)},g=function(){return b(!1)};function b(y){var v=r.current,w=B(u.current),E=y?w.addEventListener:w.removeEventListener;E(v?"touchmove":"mousemove",f),E(v?"touchend":"mouseup",g)}return[function(y){var v=y.nativeEvent,w=u.current;if(w&&(W(v),!function(k,P){return P&&!O(k)}(v,r.current)&&w)){if(O(v)){r.current=!0;var E=v.changedTouches||[];E.length&&(t.current=E[0].identifier)}w.focus(),d(F(w,v,t.current)),b(!0)}},function(y){var v=y.which||y.keyCode;v<37||v>40||(y.preventDefault(),e({left:v===39?.05:v===37?-.05:0,top:v===40?.05:v===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],s=a[2];return p.useEffect(function(){return s},[s]),m.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),S=function(n){return n.filter(Boolean).join(" ")},T=function(n){var l=n.color,c=n.left,h=n.top,u=h===void 0?.5:h,d=S(["react-colorful__pointer",n.className]);return m.createElement("div",{className:d,style:{top:100*u+"%",left:100*c+"%"}},m.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},x=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=Math.pow(10,l)),Math.round(c*n)/c},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(n){return re(K(n))},K=function(n){return n[0]==="#"&&(n=n.substring(1)),n.length<6?{r:parseInt(n[0]+n[0],16),g:parseInt(n[1]+n[1],16),b:parseInt(n[2]+n[2],16),a:n.length===4?x(parseInt(n[3]+n[3],16)/255,2):1}:{r:parseInt(n.substring(0,2),16),g:parseInt(n.substring(2,4),16),b:parseInt(n.substring(4,6),16),a:n.length===8?x(parseInt(n.substring(6,8),16)/255,2):1}},we=function(n,l){return l===void 0&&(l="deg"),Number(n)*(ye[l]||1)},ke=function(n){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(n){var l=n.s,c=n.l;return{h:n.h,s:(l*=(c<50?c:100-c)/100)>0?2*l/(c+l)*100:0,v:c+l,a:n.a}},Ee=function(n){return Ce(ee(n))},Z=function(n){var l=n.s,c=n.v,h=n.a,u=(200-l)*c/100;return{h:x(n.h),s:x(u>0&&u<200?l*c/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},X=function(n){var l=Z(n);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},I=function(n){var l=Z(n);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},ee=function(n){var l=n.h,c=n.s,h=n.v,u=n.a;l=l/360*6,c/=100,h/=100;var d=Math.floor(l),e=h*(1-c),t=h*(1-(l-d)*c),r=h*(1-(1-l+d)*c),a=d%6;return{r:x(255*[h,t,e,e,r,h][a]),g:x(255*[r,h,h,t,e,e][a]),b:x(255*[e,e,r,h,h,t][a]),a:x(u,2)}},Me=function(n){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?re({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(n){var l=n.toString(16);return l.length<2?"0"+l:l},Ce=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=u<1?j(x(255*u)):"";return"#"+j(l)+j(c)+j(h)+d},re=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=Math.max(l,c,h),e=d-Math.min(l,c,h),t=e?d===l?(c-h)/e:d===c?2+(h-l)/e:4+(l-c)/e:0;return{h:x(60*(t<0?t+6:t)),s:x(d?e/d*100:0),v:x(d/255*100),a:u}},te=m.memo(function(n){var l=n.hue,c=n.onChange,h=S(["react-colorful__hue",n.className]);return m.createElement("div",{className:h},m.createElement(G,{onMove:function(u){c({h:360*u.left})},onKey:function(u){c({h:N(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(l),"aria-valuemax":"360","aria-valuemin":"0"},m.createElement(T,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),ne=m.memo(function(n){var l=n.hsva,c=n.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return m.createElement("div",{className:"react-colorful__saturation",style:h},m.createElement(G,{onMove:function(u){c({s:100*u.left,v:100-100*u.top})},onKey:function(u){c({s:N(l.s+100*u.left,0,100),v:N(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(l.s)+"%, Brightness "+x(l.v)+"%"},m.createElement(T,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ae=function(n,l){if(n===l)return!0;for(var c in n)if(n[c]!==l[c])return!1;return!0},oe=function(n,l){return n.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(n,l){return n.toLowerCase()===l.toLowerCase()||ae(K(n),K(l))};function le(n,l,c){var h=L(c),u=p.useState(function(){return n.toHsva(l)}),d=u[0],e=u[1],t=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!n.equal(l,t.current.color)){var a=n.toHsva(l);t.current={hsva:a,color:l},e(a)}},[l,n]),p.useEffect(function(){var a;ae(d,t.current.hsva)||n.equal(a=n.fromHsva(d),t.current.color)||(t.current={hsva:d,color:a},h(a))},[d,n,h]);var r=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,r]}var Ne=typeof window<"u"?p.useLayoutEffect:p.useEffect,Oe=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},A=new Map,ie=function(n){Ne(function(){var l=n.current?n.current.ownerDocument:document;if(l!==void 0&&!A.has(l)){var c=l.createElement("style");c.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,A.set(l,c);var h=Oe();h&&c.setAttribute("nonce",h),l.head.appendChild(c)}},[])},Se=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:xe,fromHsva:function(n){return Ee({h:n.h,s:n.s,v:n.v,a:1})},equal:$e},Re=function(n){return m.createElement(Se,C({},n,{colorModel:je}))},ze=function(n){var l=n.className,c=n.hsva,h=n.onChange,u={backgroundImage:"linear-gradient(90deg, "+I(Object.assign({},c,{a:0}))+", "+I(Object.assign({},c,{a:1}))+")"},d=S(["react-colorful__alpha",l]),e=x(100*c.a);return m.createElement("div",{className:d},m.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),m.createElement(G,{onMove:function(t){h({a:t.left})},onKey:function(t){h({a:N(c.a+t.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},m.createElement(T,{className:"react-colorful__alpha-pointer",left:c.a,color:I(c)})))},ue=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o}),m.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:I,equal:oe},He=function(n){return m.createElement(ue,C({},n,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(n){var l=ee(n);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:oe},Pe=function(n){return m.createElement(ue,C({},n,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(J)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(he)(({theme:n})=>({fontFamily:n.typography.fonts.base})),De=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=M.div(({theme:n,active:l})=>({width:16,height:16,boxShadow:l?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,borderRadius:n.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,')`,U=({value:n,style:l,...c})=>{let h=`linear-gradient(${n}, ${n}), ${Ge}, linear-gradient(#fff, #fff)`;return m.createElement(Ve,{...c,style:{...l,backgroundImage:h}})},Te=M(fe.Input)(({theme:n,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:n.typography.fonts.base})),Fe=M(de)(({theme:n})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:n.input.color})),se=(n=>(n.RGB="rgb",n.HSL="hsl",n.HEX="hex",n))(se||{}),R=Object.values(se),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ue=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,D=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ye=/^\s*#?([0-9a-f]{3})\s*$/i,Je={hex:Re,rgb:Pe,hsl:He},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},Y=n=>{let l=n==null?void 0:n.match(We);if(!l)return[0,0,0,1];let[,c,h,u,d=1]=l;return[c,h,u,d].map(Number)},$=n=>{if(!n)return;let l=!0;if(Ae.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.rgb.hsl([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.rgb.keyword([e,t,r]),colorSpace:"rgb",rgb:n,hsl:`hsla(${o}, ${i}%, ${s}%, ${a})`,hex:`#${_.default.rgb.hex([e,t,r]).toLowerCase()}`}}if(Ue.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.hsl.rgb([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.hsl.keyword([e,t,r]),colorSpace:"hsl",rgb:`rgba(${o}, ${i}, ${s}, ${a})`,hsl:n,hex:`#${_.default.hsl.hex([e,t,r]).toLowerCase()}`}}let c=n.replace("#",""),h=_.default.keyword.rgb(c)||_.default.hex.rgb(c),u=_.default.rgb.hsl(h),d=n;if(/[^#a-f0-9]/i.test(n)?d=c:D.test(n)&&(d=`#${c}`),d.startsWith("#"))l=D.test(d);else try{_.default.keyword.hex(d)}catch{l=!1}return{valid:l,value:d,keyword:_.default.rgb.keyword(h),colorSpace:"hex",rgb:`rgba(${h[0]}, ${h[1]}, ${h[2]}, 1)`,hsl:`hsla(${u[0]}, ${u[1]}%, ${u[2]}%, 1)`,hex:d}},Qe=(n,l,c)=>{if(!n||!(l!=null&&l.valid))return z[c];if(c!=="hex")return(l==null?void 0:l[c])||z[c];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ye);if(!h)return D.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},Ze=(n,l)=>{let[c,h]=p.useState(n||""),[u,d]=p.useState(()=>$(c)),[e,t]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=n||"",s=$(i);h(i),d(s),t((s==null?void 0:s.colorSpace)||"hex")},[n]);let r=p.useMemo(()=>Qe(c,u,e).toLowerCase(),[c,u,e]),a=p.useCallback(i=>{let s=$(i),f=(s==null?void 0:s.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),s&&(d(s),t(s.colorSpace),l(s.value))},[l]),o=p.useCallback(()=>{let i=R.indexOf(e)+1;i>=R.length&&(i=0),t(R[i]);let s=(u==null?void 0:u[R[i]])||"";h(s),l(s)},[u,e,l]);return{value:c,realValue:r,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},H=n=>n.replace(/\s*/,"").toLowerCase(),er=(n,l,c)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(n||[]).map(t=>typeof t=="string"?$(t):t.title?{...$(t.color),keyword:t.title}:$(t.color)).concat(h).filter(Boolean).slice(-27),[n,h]),e=p.useCallback(t=>{t!=null&&t.valid&&(d.some(r=>H(r[c])===H(t[c]))||u(r=>r.concat(t)))},[c,d]);return{presets:d,addPreset:e}},rr=({name:n,value:l,onChange:c,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:t})=>{var E;let r=p.useCallback(ge(c,200),[c]),{value:a,realValue:o,updateValue:i,color:s,colorSpace:f,cycleColorSpace:g}=Ze(l,r),{presets:b,addPreset:y}=er(d,s,f),v=Je[f],w=!!((E=t==null?void 0:t.table)!=null&&E.readonly);return m.createElement(Le,{"aria-readonly":w},m.createElement(Be,{startOpen:e,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>y(s),tooltip:m.createElement(Ke,null,m.createElement(v,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&m.createElement(De,null,b.map((k,P)=>m.createElement(J,{key:`${k.value}-${P}`,hasChrome:!1,tooltip:m.createElement(Xe,{note:k.keyword||k.value})},m.createElement(U,{value:k[f],active:s&&H(k[f])===H(s[f]),onClick:()=>i(k.value)})))))},m.createElement(U,{value:o,style:{margin:4}})),m.createElement(Te,{id:be(n),value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),a?m.createElement(Fe,{onClick:g}):null)},fr=rr;export{rr as ColorControl,fr as default};
diff --git a/demo-DES-1011-storybook-pagination-page-control/assets/Column.docs-SbS76ezt.js b/demo-DES-1011-storybook-pagination-page-control/assets/Column.docs-BK0ZReIo.js
similarity index 81%
rename from demo-DES-1011-storybook-pagination-page-control/assets/Column.docs-SbS76ezt.js
rename to demo-DES-1011-storybook-pagination-page-control/assets/Column.docs-BK0ZReIo.js
index 4b08048550..5bae82a5d1 100644
--- a/demo-DES-1011-storybook-pagination-page-control/assets/Column.docs-SbS76ezt.js
+++ b/demo-DES-1011-storybook-pagination-page-control/assets/Column.docs-BK0ZReIo.js
@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ae as o,ak as l,al as a,am as h,an as i}from"./index-CVCX-fJT.js";import{C as c,A as d,H as m,I as p}from"./Column.stories-CjGhxVrB.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-DvHSafda.js";import"../sb-preview/runtime.js";import"./index-DJFdew98.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./index.esm-C9EHg3vL.js";import"./clsx-B-dksMZM.js";import"./index.esm-DQgjFsBh.js";import"./layout-B5YJ6HHW.js";const x=`
+import{j as e}from"./jsx-runtime-j_jdvEMj.js";import{useMDXComponents as r}from"./index-BSj771as.js";import{ae as o,aq as l,ar as a,as as h,at as i}from"./index-C_FGIpEe.js";import{C as c,A as d,H as m,I as p}from"./Column.stories-Butr8-KH.js";import"./index-B-o1Wr-g.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CQLIFNPf.js";import"../sb-preview/runtime.js";import"./index-DolzVqEf.js";import"./index-D-8MO0q_.js";import"./index-CJyPbrN5.js";import"./index-DrFu-skq.js";import"./index.esm-DBblPCWP.js";import"./clsx-B-dksMZM.js";import"./index.esm-CEuZchO4.js";import"./types-B5YJ6HHW.js";const x=`
# Column
@@ -43,4 +43,4 @@ This option has no class name or prop value.`]}),`
`,e.jsxs(n.p,{children:["By default, a Column renders a ",e.jsx(n.code,{children:"